/******/ (() => { // webpackBootstrap
/******/ 	var __webpack_modules__ = ({

/***/ "./node_modules/@splidejs/react-splide/dist/js/react-splide.esm.js":
/*!*************************************************************************!*\
  !*** ./node_modules/@splidejs/react-splide/dist/js/react-splide.esm.js ***!
  \*************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Splide: () => (/* binding */ Splide2),
/* harmony export */   SplideSlide: () => (/* binding */ SplideSlide),
/* harmony export */   SplideTrack: () => (/* binding */ SplideTrack)
/* 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__);
// node_modules/@splidejs/splide/dist/js/splide.esm.js
function _defineProperties(target, props) {
  for (var i = 0; i < props.length; i++) {
    var descriptor = props[i];
    descriptor.enumerable = descriptor.enumerable || false;
    descriptor.configurable = true;
    if ("value" in descriptor)
      descriptor.writable = true;
    Object.defineProperty(target, descriptor.key, descriptor);
  }
}
function _createClass(Constructor, protoProps, staticProps) {
  if (protoProps)
    _defineProperties(Constructor.prototype, protoProps);
  if (staticProps)
    _defineProperties(Constructor, staticProps);
  Object.defineProperty(Constructor, "prototype", { writable: false });
  return Constructor;
}
var MEDIA_PREFERS_REDUCED_MOTION = "(prefers-reduced-motion: reduce)";
var CREATED = 1;
var MOUNTED = 2;
var IDLE = 3;
var MOVING = 4;
var SCROLLING = 5;
var DRAGGING = 6;
var DESTROYED = 7;
var STATES = {
  CREATED,
  MOUNTED,
  IDLE,
  MOVING,
  SCROLLING,
  DRAGGING,
  DESTROYED
};
function empty(array) {
  array.length = 0;
}
function slice(arrayLike, start, end) {
  return Array.prototype.slice.call(arrayLike, start, end);
}
function apply(func) {
  return func.bind.apply(func, [null].concat(slice(arguments, 1)));
}
var nextTick = setTimeout;
var noop = function noop2() {
};
function raf(func) {
  return requestAnimationFrame(func);
}
function typeOf(type, subject) {
  return typeof subject === type;
}
function isObject(subject) {
  return !isNull(subject) && typeOf("object", subject);
}
var isArray = Array.isArray;
var isFunction = apply(typeOf, "function");
var isString = apply(typeOf, "string");
var isUndefined = apply(typeOf, "undefined");
function isNull(subject) {
  return subject === null;
}
function isHTMLElement(subject) {
  try {
    return subject instanceof (subject.ownerDocument.defaultView || window).HTMLElement;
  } catch (e) {
    return false;
  }
}
function toArray(value) {
  return isArray(value) ? value : [value];
}
function forEach(values, iteratee) {
  toArray(values).forEach(iteratee);
}
function includes(array, value) {
  return array.indexOf(value) > -1;
}
function push(array, items) {
  array.push.apply(array, toArray(items));
  return array;
}
function toggleClass(elm, classes, add) {
  if (elm) {
    forEach(classes, function(name) {
      if (name) {
        elm.classList[add ? "add" : "remove"](name);
      }
    });
  }
}
function addClass(elm, classes) {
  toggleClass(elm, isString(classes) ? classes.split(" ") : classes, true);
}
function append(parent, children2) {
  forEach(children2, parent.appendChild.bind(parent));
}
function before(nodes, ref) {
  forEach(nodes, function(node) {
    var parent = (ref || node).parentNode;
    if (parent) {
      parent.insertBefore(node, ref);
    }
  });
}
function matches(elm, selector) {
  return isHTMLElement(elm) && (elm["msMatchesSelector"] || elm.matches).call(elm, selector);
}
function children(parent, selector) {
  var children2 = parent ? slice(parent.children) : [];
  return selector ? children2.filter(function(child2) {
    return matches(child2, selector);
  }) : children2;
}
function child(parent, selector) {
  return selector ? children(parent, selector)[0] : parent.firstElementChild;
}
var ownKeys = Object.keys;
function forOwn(object, iteratee, right) {
  if (object) {
    (right ? ownKeys(object).reverse() : ownKeys(object)).forEach(function(key) {
      key !== "__proto__" && iteratee(object[key], key);
    });
  }
  return object;
}
function assign(object) {
  slice(arguments, 1).forEach(function(source) {
    forOwn(source, function(value, key) {
      object[key] = source[key];
    });
  });
  return object;
}
function merge(object) {
  slice(arguments, 1).forEach(function(source) {
    forOwn(source, function(value, key) {
      if (isArray(value)) {
        object[key] = value.slice();
      } else if (isObject(value)) {
        object[key] = merge({}, isObject(object[key]) ? object[key] : {}, value);
      } else {
        object[key] = value;
      }
    });
  });
  return object;
}
function omit(object, keys) {
  forEach(keys || ownKeys(object), function(key) {
    delete object[key];
  });
}
function removeAttribute(elms, attrs) {
  forEach(elms, function(elm) {
    forEach(attrs, function(attr) {
      elm && elm.removeAttribute(attr);
    });
  });
}
function setAttribute(elms, attrs, value) {
  if (isObject(attrs)) {
    forOwn(attrs, function(value2, name) {
      setAttribute(elms, name, value2);
    });
  } else {
    forEach(elms, function(elm) {
      isNull(value) || value === "" ? removeAttribute(elm, attrs) : elm.setAttribute(attrs, String(value));
    });
  }
}
function create(tag, attrs, parent) {
  var elm = document.createElement(tag);
  if (attrs) {
    isString(attrs) ? addClass(elm, attrs) : setAttribute(elm, attrs);
  }
  parent && append(parent, elm);
  return elm;
}
function style(elm, prop, value) {
  if (isUndefined(value)) {
    return getComputedStyle(elm)[prop];
  }
  if (!isNull(value)) {
    elm.style[prop] = "" + value;
  }
}
function display(elm, display2) {
  style(elm, "display", display2);
}
function focus(elm) {
  elm["setActive"] && elm["setActive"]() || elm.focus({
    preventScroll: true
  });
}
function getAttribute(elm, attr) {
  return elm.getAttribute(attr);
}
function hasClass(elm, className) {
  return elm && elm.classList.contains(className);
}
function rect(target) {
  return target.getBoundingClientRect();
}
function remove(nodes) {
  forEach(nodes, function(node) {
    if (node && node.parentNode) {
      node.parentNode.removeChild(node);
    }
  });
}
function parseHtml(html) {
  return child(new DOMParser().parseFromString(html, "text/html").body);
}
function prevent(e, stopPropagation) {
  e.preventDefault();
  if (stopPropagation) {
    e.stopPropagation();
    e.stopImmediatePropagation();
  }
}
function query(parent, selector) {
  return parent && parent.querySelector(selector);
}
function queryAll(parent, selector) {
  return selector ? slice(parent.querySelectorAll(selector)) : [];
}
function removeClass(elm, classes) {
  toggleClass(elm, classes, false);
}
function timeOf(e) {
  return e.timeStamp;
}
function unit(value) {
  return isString(value) ? value : value ? value + "px" : "";
}
var PROJECT_CODE = "splide";
var DATA_ATTRIBUTE = "data-" + PROJECT_CODE;
function assert(condition, message) {
  if (!condition) {
    throw new Error("[" + PROJECT_CODE + "] " + (message || ""));
  }
}
var min = Math.min;
var max = Math.max;
var floor = Math.floor;
var ceil = Math.ceil;
var abs = Math.abs;
function approximatelyEqual(x, y, epsilon) {
  return abs(x - y) < epsilon;
}
function between(number, x, y, exclusive) {
  var minimum = min(x, y);
  var maximum = max(x, y);
  return exclusive ? minimum < number && number < maximum : minimum <= number && number <= maximum;
}
function clamp(number, x, y) {
  var minimum = min(x, y);
  var maximum = max(x, y);
  return min(max(minimum, number), maximum);
}
function sign(x) {
  return +(x > 0) - +(x < 0);
}
function format(string, replacements) {
  forEach(replacements, function(replacement) {
    string = string.replace("%s", "" + replacement);
  });
  return string;
}
function pad(number) {
  return number < 10 ? "0" + number : "" + number;
}
var ids = {};
function uniqueId(prefix) {
  return "" + prefix + pad(ids[prefix] = (ids[prefix] || 0) + 1);
}
function EventBinder() {
  var listeners = [];
  function bind(targets, events, callback, options) {
    forEachEvent(targets, events, function(target, event, namespace) {
      var isEventTarget = "addEventListener" in target;
      var remover = isEventTarget ? target.removeEventListener.bind(target, event, callback, options) : target["removeListener"].bind(target, callback);
      isEventTarget ? target.addEventListener(event, callback, options) : target["addListener"](callback);
      listeners.push([target, event, namespace, callback, remover]);
    });
  }
  function unbind(targets, events, callback) {
    forEachEvent(targets, events, function(target, event, namespace) {
      listeners = listeners.filter(function(listener) {
        if (listener[0] === target && listener[1] === event && listener[2] === namespace && (!callback || listener[3] === callback)) {
          listener[4]();
          return false;
        }
        return true;
      });
    });
  }
  function dispatch(target, type, detail) {
    var e;
    var bubbles = true;
    if (typeof CustomEvent === "function") {
      e = new CustomEvent(type, {
        bubbles,
        detail
      });
    } else {
      e = document.createEvent("CustomEvent");
      e.initCustomEvent(type, bubbles, false, detail);
    }
    target.dispatchEvent(e);
    return e;
  }
  function forEachEvent(targets, events, iteratee) {
    forEach(targets, function(target) {
      target && forEach(events, function(events2) {
        events2.split(" ").forEach(function(eventNS) {
          var fragment = eventNS.split(".");
          iteratee(target, fragment[0], fragment[1]);
        });
      });
    });
  }
  function destroy() {
    listeners.forEach(function(data) {
      data[4]();
    });
    empty(listeners);
  }
  return {
    bind,
    unbind,
    dispatch,
    destroy
  };
}
var EVENT_MOUNTED = "mounted";
var EVENT_READY = "ready";
var EVENT_MOVE = "move";
var EVENT_MOVED = "moved";
var EVENT_CLICK = "click";
var EVENT_ACTIVE = "active";
var EVENT_INACTIVE = "inactive";
var EVENT_VISIBLE = "visible";
var EVENT_HIDDEN = "hidden";
var EVENT_REFRESH = "refresh";
var EVENT_UPDATED = "updated";
var EVENT_RESIZE = "resize";
var EVENT_RESIZED = "resized";
var EVENT_DRAG = "drag";
var EVENT_DRAGGING = "dragging";
var EVENT_DRAGGED = "dragged";
var EVENT_SCROLL = "scroll";
var EVENT_SCROLLED = "scrolled";
var EVENT_OVERFLOW = "overflow";
var EVENT_DESTROY = "destroy";
var EVENT_ARROWS_MOUNTED = "arrows:mounted";
var EVENT_ARROWS_UPDATED = "arrows:updated";
var EVENT_PAGINATION_MOUNTED = "pagination:mounted";
var EVENT_PAGINATION_UPDATED = "pagination:updated";
var EVENT_NAVIGATION_MOUNTED = "navigation:mounted";
var EVENT_AUTOPLAY_PLAY = "autoplay:play";
var EVENT_AUTOPLAY_PLAYING = "autoplay:playing";
var EVENT_AUTOPLAY_PAUSE = "autoplay:pause";
var EVENT_LAZYLOAD_LOADED = "lazyload:loaded";
var EVENT_SLIDE_KEYDOWN = "sk";
var EVENT_SHIFTED = "sh";
var EVENT_END_INDEX_CHANGED = "ei";
function EventInterface(Splide22) {
  var bus = Splide22 ? Splide22.event.bus : document.createDocumentFragment();
  var binder = EventBinder();
  function on(events, callback) {
    binder.bind(bus, toArray(events).join(" "), function(e) {
      callback.apply(callback, isArray(e.detail) ? e.detail : []);
    });
  }
  function emit(event) {
    binder.dispatch(bus, event, slice(arguments, 1));
  }
  if (Splide22) {
    Splide22.event.on(EVENT_DESTROY, binder.destroy);
  }
  return assign(binder, {
    bus,
    on,
    off: apply(binder.unbind, bus),
    emit
  });
}
function RequestInterval(interval, onInterval, onUpdate, limit) {
  var now = Date.now;
  var startTime;
  var rate = 0;
  var id;
  var paused = true;
  var count = 0;
  function update() {
    if (!paused) {
      rate = interval ? min((now() - startTime) / interval, 1) : 1;
      onUpdate && onUpdate(rate);
      if (rate >= 1) {
        onInterval();
        startTime = now();
        if (limit && ++count >= limit) {
          return pause();
        }
      }
      id = raf(update);
    }
  }
  function start(resume) {
    resume || cancel();
    startTime = now() - (resume ? rate * interval : 0);
    paused = false;
    id = raf(update);
  }
  function pause() {
    paused = true;
  }
  function rewind() {
    startTime = now();
    rate = 0;
    if (onUpdate) {
      onUpdate(rate);
    }
  }
  function cancel() {
    id && cancelAnimationFrame(id);
    rate = 0;
    id = 0;
    paused = true;
  }
  function set(time) {
    interval = time;
  }
  function isPaused() {
    return paused;
  }
  return {
    start,
    rewind,
    pause,
    cancel,
    set,
    isPaused
  };
}
function State(initialState) {
  var state = initialState;
  function set(value) {
    state = value;
  }
  function is(states) {
    return includes(toArray(states), state);
  }
  return {
    set,
    is
  };
}
function Throttle(func, duration) {
  var interval = RequestInterval(duration || 0, func, null, 1);
  return function() {
    interval.isPaused() && interval.start();
  };
}
function Media(Splide22, Components2, options) {
  var state = Splide22.state;
  var breakpoints = options.breakpoints || {};
  var reducedMotion = options.reducedMotion || {};
  var binder = EventBinder();
  var queries = [];
  function setup() {
    var isMin = options.mediaQuery === "min";
    ownKeys(breakpoints).sort(function(n, m) {
      return isMin ? +n - +m : +m - +n;
    }).forEach(function(key) {
      register(breakpoints[key], "(" + (isMin ? "min" : "max") + "-width:" + key + "px)");
    });
    register(reducedMotion, MEDIA_PREFERS_REDUCED_MOTION);
    update();
  }
  function destroy(completely) {
    if (completely) {
      binder.destroy();
    }
  }
  function register(options2, query2) {
    var queryList = matchMedia(query2);
    binder.bind(queryList, "change", update);
    queries.push([options2, queryList]);
  }
  function update() {
    var destroyed = state.is(DESTROYED);
    var direction = options.direction;
    var merged = queries.reduce(function(merged2, entry) {
      return merge(merged2, entry[1].matches ? entry[0] : {});
    }, {});
    omit(options);
    set(merged);
    if (options.destroy) {
      Splide22.destroy(options.destroy === "completely");
    } else if (destroyed) {
      destroy(true);
      Splide22.mount();
    } else {
      direction !== options.direction && Splide22.refresh();
    }
  }
  function reduce(enable) {
    if (matchMedia(MEDIA_PREFERS_REDUCED_MOTION).matches) {
      enable ? merge(options, reducedMotion) : omit(options, ownKeys(reducedMotion));
    }
  }
  function set(opts, base, notify) {
    merge(options, opts);
    base && merge(Object.getPrototypeOf(options), opts);
    if (notify || !state.is(CREATED)) {
      Splide22.emit(EVENT_UPDATED, options);
    }
  }
  return {
    setup,
    destroy,
    reduce,
    set
  };
}
var ARROW = "Arrow";
var ARROW_LEFT = ARROW + "Left";
var ARROW_RIGHT = ARROW + "Right";
var ARROW_UP = ARROW + "Up";
var ARROW_DOWN = ARROW + "Down";
var RTL = "rtl";
var TTB = "ttb";
var ORIENTATION_MAP = {
  width: ["height"],
  left: ["top", "right"],
  right: ["bottom", "left"],
  x: ["y"],
  X: ["Y"],
  Y: ["X"],
  ArrowLeft: [ARROW_UP, ARROW_RIGHT],
  ArrowRight: [ARROW_DOWN, ARROW_LEFT]
};
function Direction(Splide22, Components2, options) {
  function resolve(prop, axisOnly, direction) {
    direction = direction || options.direction;
    var index = direction === RTL && !axisOnly ? 1 : direction === TTB ? 0 : -1;
    return ORIENTATION_MAP[prop] && ORIENTATION_MAP[prop][index] || prop.replace(/width|left|right/i, function(match, offset) {
      var replacement = ORIENTATION_MAP[match.toLowerCase()][index] || match;
      return offset > 0 ? replacement.charAt(0).toUpperCase() + replacement.slice(1) : replacement;
    });
  }
  function orient(value) {
    return value * (options.direction === RTL ? 1 : -1);
  }
  return {
    resolve,
    orient
  };
}
var ROLE = "role";
var TAB_INDEX = "tabindex";
var DISABLED = "disabled";
var ARIA_PREFIX = "aria-";
var ARIA_CONTROLS = ARIA_PREFIX + "controls";
var ARIA_CURRENT = ARIA_PREFIX + "current";
var ARIA_SELECTED = ARIA_PREFIX + "selected";
var ARIA_LABEL = ARIA_PREFIX + "label";
var ARIA_LABELLEDBY = ARIA_PREFIX + "labelledby";
var ARIA_HIDDEN = ARIA_PREFIX + "hidden";
var ARIA_ORIENTATION = ARIA_PREFIX + "orientation";
var ARIA_ROLEDESCRIPTION = ARIA_PREFIX + "roledescription";
var ARIA_LIVE = ARIA_PREFIX + "live";
var ARIA_BUSY = ARIA_PREFIX + "busy";
var ARIA_ATOMIC = ARIA_PREFIX + "atomic";
var ALL_ATTRIBUTES = [ROLE, TAB_INDEX, DISABLED, ARIA_CONTROLS, ARIA_CURRENT, ARIA_LABEL, ARIA_LABELLEDBY, ARIA_HIDDEN, ARIA_ORIENTATION, ARIA_ROLEDESCRIPTION];
var CLASS_PREFIX = PROJECT_CODE + "__";
var STATUS_CLASS_PREFIX = "is-";
var CLASS_ROOT = PROJECT_CODE;
var CLASS_TRACK = CLASS_PREFIX + "track";
var CLASS_LIST = CLASS_PREFIX + "list";
var CLASS_SLIDE = CLASS_PREFIX + "slide";
var CLASS_CLONE = CLASS_SLIDE + "--clone";
var CLASS_CONTAINER = CLASS_SLIDE + "__container";
var CLASS_ARROWS = CLASS_PREFIX + "arrows";
var CLASS_ARROW = CLASS_PREFIX + "arrow";
var CLASS_ARROW_PREV = CLASS_ARROW + "--prev";
var CLASS_ARROW_NEXT = CLASS_ARROW + "--next";
var CLASS_PAGINATION = CLASS_PREFIX + "pagination";
var CLASS_PAGINATION_PAGE = CLASS_PAGINATION + "__page";
var CLASS_PROGRESS = CLASS_PREFIX + "progress";
var CLASS_PROGRESS_BAR = CLASS_PROGRESS + "__bar";
var CLASS_TOGGLE = CLASS_PREFIX + "toggle";
var CLASS_TOGGLE_PLAY = CLASS_TOGGLE + "__play";
var CLASS_TOGGLE_PAUSE = CLASS_TOGGLE + "__pause";
var CLASS_SPINNER = CLASS_PREFIX + "spinner";
var CLASS_SR = CLASS_PREFIX + "sr";
var CLASS_INITIALIZED = STATUS_CLASS_PREFIX + "initialized";
var CLASS_ACTIVE = STATUS_CLASS_PREFIX + "active";
var CLASS_PREV = STATUS_CLASS_PREFIX + "prev";
var CLASS_NEXT = STATUS_CLASS_PREFIX + "next";
var CLASS_VISIBLE = STATUS_CLASS_PREFIX + "visible";
var CLASS_LOADING = STATUS_CLASS_PREFIX + "loading";
var CLASS_FOCUS_IN = STATUS_CLASS_PREFIX + "focus-in";
var CLASS_OVERFLOW = STATUS_CLASS_PREFIX + "overflow";
var STATUS_CLASSES = [CLASS_ACTIVE, CLASS_VISIBLE, CLASS_PREV, CLASS_NEXT, CLASS_LOADING, CLASS_FOCUS_IN, CLASS_OVERFLOW];
var CLASSES = {
  slide: CLASS_SLIDE,
  clone: CLASS_CLONE,
  arrows: CLASS_ARROWS,
  arrow: CLASS_ARROW,
  prev: CLASS_ARROW_PREV,
  next: CLASS_ARROW_NEXT,
  pagination: CLASS_PAGINATION,
  page: CLASS_PAGINATION_PAGE,
  spinner: CLASS_SPINNER
};
function closest(from, selector) {
  if (isFunction(from.closest)) {
    return from.closest(selector);
  }
  var elm = from;
  while (elm && elm.nodeType === 1) {
    if (matches(elm, selector)) {
      break;
    }
    elm = elm.parentElement;
  }
  return elm;
}
var FRICTION = 5;
var LOG_INTERVAL = 200;
var POINTER_DOWN_EVENTS = "touchstart mousedown";
var POINTER_MOVE_EVENTS = "touchmove mousemove";
var POINTER_UP_EVENTS = "touchend touchcancel mouseup click";
function Elements(Splide22, Components2, options) {
  var _EventInterface = EventInterface(Splide22), on = _EventInterface.on, bind = _EventInterface.bind;
  var root = Splide22.root;
  var i18n = options.i18n;
  var elements = {};
  var slides = [];
  var rootClasses = [];
  var trackClasses = [];
  var track;
  var list;
  var isUsingKey;
  function setup() {
    collect();
    init();
    update();
  }
  function mount() {
    on(EVENT_REFRESH, destroy);
    on(EVENT_REFRESH, setup);
    on(EVENT_UPDATED, update);
    bind(document, POINTER_DOWN_EVENTS + " keydown", function(e) {
      isUsingKey = e.type === "keydown";
    }, {
      capture: true
    });
    bind(root, "focusin", function() {
      toggleClass(root, CLASS_FOCUS_IN, !!isUsingKey);
    });
  }
  function destroy(completely) {
    var attrs = ALL_ATTRIBUTES.concat("style");
    empty(slides);
    removeClass(root, rootClasses);
    removeClass(track, trackClasses);
    removeAttribute([track, list], attrs);
    removeAttribute(root, completely ? attrs : ["style", ARIA_ROLEDESCRIPTION]);
  }
  function update() {
    removeClass(root, rootClasses);
    removeClass(track, trackClasses);
    rootClasses = getClasses(CLASS_ROOT);
    trackClasses = getClasses(CLASS_TRACK);
    addClass(root, rootClasses);
    addClass(track, trackClasses);
    setAttribute(root, ARIA_LABEL, options.label);
    setAttribute(root, ARIA_LABELLEDBY, options.labelledby);
  }
  function collect() {
    track = find("." + CLASS_TRACK);
    list = child(track, "." + CLASS_LIST);
    assert(track && list, "A track/list element is missing.");
    push(slides, children(list, "." + CLASS_SLIDE + ":not(." + CLASS_CLONE + ")"));
    forOwn({
      arrows: CLASS_ARROWS,
      pagination: CLASS_PAGINATION,
      prev: CLASS_ARROW_PREV,
      next: CLASS_ARROW_NEXT,
      bar: CLASS_PROGRESS_BAR,
      toggle: CLASS_TOGGLE
    }, function(className, key) {
      elements[key] = find("." + className);
    });
    assign(elements, {
      root,
      track,
      list,
      slides
    });
  }
  function init() {
    var id = root.id || uniqueId(PROJECT_CODE);
    var role = options.role;
    root.id = id;
    track.id = track.id || id + "-track";
    list.id = list.id || id + "-list";
    if (!getAttribute(root, ROLE) && root.tagName !== "SECTION" && role) {
      setAttribute(root, ROLE, role);
    }
    setAttribute(root, ARIA_ROLEDESCRIPTION, i18n.carousel);
    setAttribute(list, ROLE, "presentation");
  }
  function find(selector) {
    var elm = query(root, selector);
    return elm && closest(elm, "." + CLASS_ROOT) === root ? elm : void 0;
  }
  function getClasses(base) {
    return [base + "--" + options.type, base + "--" + options.direction, options.drag && base + "--draggable", options.isNavigation && base + "--nav", base === CLASS_ROOT && CLASS_ACTIVE];
  }
  return assign(elements, {
    setup,
    mount,
    destroy
  });
}
var SLIDE = "slide";
var LOOP = "loop";
var FADE = "fade";
function Slide$1(Splide22, index, slideIndex, slide) {
  var event = EventInterface(Splide22);
  var on = event.on, emit = event.emit, bind = event.bind;
  var Components = Splide22.Components, root = Splide22.root, options = Splide22.options;
  var isNavigation = options.isNavigation, updateOnMove = options.updateOnMove, i18n = options.i18n, pagination = options.pagination, slideFocus = options.slideFocus;
  var resolve = Components.Direction.resolve;
  var styles = getAttribute(slide, "style");
  var label = getAttribute(slide, ARIA_LABEL);
  var isClone = slideIndex > -1;
  var container = child(slide, "." + CLASS_CONTAINER);
  var destroyed;
  function mount() {
    if (!isClone) {
      slide.id = root.id + "-slide" + pad(index + 1);
      setAttribute(slide, ROLE, pagination ? "tabpanel" : "group");
      setAttribute(slide, ARIA_ROLEDESCRIPTION, i18n.slide);
      setAttribute(slide, ARIA_LABEL, label || format(i18n.slideLabel, [index + 1, Splide22.length]));
    }
    listen();
  }
  function listen() {
    bind(slide, "click", apply(emit, EVENT_CLICK, self));
    bind(slide, "keydown", apply(emit, EVENT_SLIDE_KEYDOWN, self));
    on([EVENT_MOVED, EVENT_SHIFTED, EVENT_SCROLLED], update);
    on(EVENT_NAVIGATION_MOUNTED, initNavigation);
    if (updateOnMove) {
      on(EVENT_MOVE, onMove);
    }
  }
  function destroy() {
    destroyed = true;
    event.destroy();
    removeClass(slide, STATUS_CLASSES);
    removeAttribute(slide, ALL_ATTRIBUTES);
    setAttribute(slide, "style", styles);
    setAttribute(slide, ARIA_LABEL, label || "");
  }
  function initNavigation() {
    var controls = Splide22.splides.map(function(target) {
      var Slide2 = target.splide.Components.Slides.getAt(index);
      return Slide2 ? Slide2.slide.id : "";
    }).join(" ");
    setAttribute(slide, ARIA_LABEL, format(i18n.slideX, (isClone ? slideIndex : index) + 1));
    setAttribute(slide, ARIA_CONTROLS, controls);
    setAttribute(slide, ROLE, slideFocus ? "button" : "");
    slideFocus && removeAttribute(slide, ARIA_ROLEDESCRIPTION);
  }
  function onMove() {
    if (!destroyed) {
      update();
    }
  }
  function update() {
    if (!destroyed) {
      var curr = Splide22.index;
      updateActivity();
      updateVisibility();
      toggleClass(slide, CLASS_PREV, index === curr - 1);
      toggleClass(slide, CLASS_NEXT, index === curr + 1);
    }
  }
  function updateActivity() {
    var active = isActive();
    if (active !== hasClass(slide, CLASS_ACTIVE)) {
      toggleClass(slide, CLASS_ACTIVE, active);
      setAttribute(slide, ARIA_CURRENT, isNavigation && active || "");
      emit(active ? EVENT_ACTIVE : EVENT_INACTIVE, self);
    }
  }
  function updateVisibility() {
    var visible = isVisible();
    var hidden = !visible && (!isActive() || isClone);
    if (!Splide22.state.is([MOVING, SCROLLING])) {
      setAttribute(slide, ARIA_HIDDEN, hidden || "");
    }
    setAttribute(queryAll(slide, options.focusableNodes || ""), TAB_INDEX, hidden ? -1 : "");
    if (slideFocus) {
      setAttribute(slide, TAB_INDEX, hidden ? -1 : 0);
    }
    if (visible !== hasClass(slide, CLASS_VISIBLE)) {
      toggleClass(slide, CLASS_VISIBLE, visible);
      emit(visible ? EVENT_VISIBLE : EVENT_HIDDEN, self);
    }
    if (!visible && document.activeElement === slide) {
      var Slide2 = Components.Slides.getAt(Splide22.index);
      Slide2 && focus(Slide2.slide);
    }
  }
  function style$1(prop, value, useContainer) {
    style(useContainer && container || slide, prop, value);
  }
  function isActive() {
    var curr = Splide22.index;
    return curr === index || options.cloneStatus && curr === slideIndex;
  }
  function isVisible() {
    if (Splide22.is(FADE)) {
      return isActive();
    }
    var trackRect = rect(Components.Elements.track);
    var slideRect = rect(slide);
    var left = resolve("left", true);
    var right = resolve("right", true);
    return floor(trackRect[left]) <= ceil(slideRect[left]) && floor(slideRect[right]) <= ceil(trackRect[right]);
  }
  function isWithin(from, distance) {
    var diff = abs(from - index);
    if (!isClone && (options.rewind || Splide22.is(LOOP))) {
      diff = min(diff, Splide22.length - diff);
    }
    return diff <= distance;
  }
  var self = {
    index,
    slideIndex,
    slide,
    container,
    isClone,
    mount,
    destroy,
    update,
    style: style$1,
    isWithin
  };
  return self;
}
function Slides(Splide22, Components2, options) {
  var _EventInterface2 = EventInterface(Splide22), on = _EventInterface2.on, emit = _EventInterface2.emit, bind = _EventInterface2.bind;
  var _Components2$Elements = Components2.Elements, slides = _Components2$Elements.slides, list = _Components2$Elements.list;
  var Slides2 = [];
  function mount() {
    init();
    on(EVENT_REFRESH, destroy);
    on(EVENT_REFRESH, init);
  }
  function init() {
    slides.forEach(function(slide, index) {
      register(slide, index, -1);
    });
  }
  function destroy() {
    forEach$1(function(Slide2) {
      Slide2.destroy();
    });
    empty(Slides2);
  }
  function update() {
    forEach$1(function(Slide2) {
      Slide2.update();
    });
  }
  function register(slide, index, slideIndex) {
    var object = Slide$1(Splide22, index, slideIndex, slide);
    object.mount();
    Slides2.push(object);
    Slides2.sort(function(Slide1, Slide2) {
      return Slide1.index - Slide2.index;
    });
  }
  function get(excludeClones) {
    return excludeClones ? filter(function(Slide2) {
      return !Slide2.isClone;
    }) : Slides2;
  }
  function getIn(page) {
    var Controller2 = Components2.Controller;
    var index = Controller2.toIndex(page);
    var max2 = Controller2.hasFocus() ? 1 : options.perPage;
    return filter(function(Slide2) {
      return between(Slide2.index, index, index + max2 - 1);
    });
  }
  function getAt(index) {
    return filter(index)[0];
  }
  function add(items, index) {
    forEach(items, function(slide) {
      if (isString(slide)) {
        slide = parseHtml(slide);
      }
      if (isHTMLElement(slide)) {
        var ref = slides[index];
        ref ? before(slide, ref) : append(list, slide);
        addClass(slide, options.classes.slide);
        observeImages(slide, apply(emit, EVENT_RESIZE));
      }
    });
    emit(EVENT_REFRESH);
  }
  function remove$1(matcher) {
    remove(filter(matcher).map(function(Slide2) {
      return Slide2.slide;
    }));
    emit(EVENT_REFRESH);
  }
  function forEach$1(iteratee, excludeClones) {
    get(excludeClones).forEach(iteratee);
  }
  function filter(matcher) {
    return Slides2.filter(isFunction(matcher) ? matcher : function(Slide2) {
      return isString(matcher) ? matches(Slide2.slide, matcher) : includes(toArray(matcher), Slide2.index);
    });
  }
  function style2(prop, value, useContainer) {
    forEach$1(function(Slide2) {
      Slide2.style(prop, value, useContainer);
    });
  }
  function observeImages(elm, callback) {
    var images = queryAll(elm, "img");
    var length = images.length;
    if (length) {
      images.forEach(function(img) {
        bind(img, "load error", function() {
          if (!--length) {
            callback();
          }
        });
      });
    } else {
      callback();
    }
  }
  function getLength(excludeClones) {
    return excludeClones ? slides.length : Slides2.length;
  }
  function isEnough() {
    return Slides2.length > options.perPage;
  }
  return {
    mount,
    destroy,
    update,
    register,
    get,
    getIn,
    getAt,
    add,
    remove: remove$1,
    forEach: forEach$1,
    filter,
    style: style2,
    getLength,
    isEnough
  };
}
function Layout(Splide22, Components2, options) {
  var _EventInterface3 = EventInterface(Splide22), on = _EventInterface3.on, bind = _EventInterface3.bind, emit = _EventInterface3.emit;
  var Slides2 = Components2.Slides;
  var resolve = Components2.Direction.resolve;
  var _Components2$Elements2 = Components2.Elements, root = _Components2$Elements2.root, track = _Components2$Elements2.track, list = _Components2$Elements2.list;
  var getAt = Slides2.getAt, styleSlides = Slides2.style;
  var vertical;
  var rootRect;
  var overflow;
  function mount() {
    init();
    bind(window, "resize load", Throttle(apply(emit, EVENT_RESIZE)));
    on([EVENT_UPDATED, EVENT_REFRESH], init);
    on(EVENT_RESIZE, resize);
  }
  function init() {
    vertical = options.direction === TTB;
    style(root, "maxWidth", unit(options.width));
    style(track, resolve("paddingLeft"), cssPadding(false));
    style(track, resolve("paddingRight"), cssPadding(true));
    resize(true);
  }
  function resize(force) {
    var newRect = rect(root);
    if (force || rootRect.width !== newRect.width || rootRect.height !== newRect.height) {
      style(track, "height", cssTrackHeight());
      styleSlides(resolve("marginRight"), unit(options.gap));
      styleSlides("width", cssSlideWidth());
      styleSlides("height", cssSlideHeight(), true);
      rootRect = newRect;
      emit(EVENT_RESIZED);
      if (overflow !== (overflow = isOverflow())) {
        toggleClass(root, CLASS_OVERFLOW, overflow);
        emit(EVENT_OVERFLOW, overflow);
      }
    }
  }
  function cssPadding(right) {
    var padding = options.padding;
    var prop = resolve(right ? "right" : "left");
    return padding && unit(padding[prop] || (isObject(padding) ? 0 : padding)) || "0px";
  }
  function cssTrackHeight() {
    var height = "";
    if (vertical) {
      height = cssHeight();
      assert(height, "height or heightRatio is missing.");
      height = "calc(" + height + " - " + cssPadding(false) + " - " + cssPadding(true) + ")";
    }
    return height;
  }
  function cssHeight() {
    return unit(options.height || rect(list).width * options.heightRatio);
  }
  function cssSlideWidth() {
    return options.autoWidth ? null : unit(options.fixedWidth) || (vertical ? "" : cssSlideSize());
  }
  function cssSlideHeight() {
    return unit(options.fixedHeight) || (vertical ? options.autoHeight ? null : cssSlideSize() : cssHeight());
  }
  function cssSlideSize() {
    var gap = unit(options.gap);
    return "calc((100%" + (gap && " + " + gap) + ")/" + (options.perPage || 1) + (gap && " - " + gap) + ")";
  }
  function listSize() {
    return rect(list)[resolve("width")];
  }
  function slideSize(index, withoutGap) {
    var Slide2 = getAt(index || 0);
    return Slide2 ? rect(Slide2.slide)[resolve("width")] + (withoutGap ? 0 : getGap()) : 0;
  }
  function totalSize(index, withoutGap) {
    var Slide2 = getAt(index);
    if (Slide2) {
      var right = rect(Slide2.slide)[resolve("right")];
      var left = rect(list)[resolve("left")];
      return abs(right - left) + (withoutGap ? 0 : getGap());
    }
    return 0;
  }
  function sliderSize(withoutGap) {
    return totalSize(Splide22.length - 1) - totalSize(0) + slideSize(0, withoutGap);
  }
  function getGap() {
    var Slide2 = getAt(0);
    return Slide2 && parseFloat(style(Slide2.slide, resolve("marginRight"))) || 0;
  }
  function getPadding(right) {
    return parseFloat(style(track, resolve("padding" + (right ? "Right" : "Left")))) || 0;
  }
  function isOverflow() {
    return Splide22.is(FADE) || sliderSize(true) > listSize();
  }
  return {
    mount,
    resize,
    listSize,
    slideSize,
    sliderSize,
    totalSize,
    getPadding,
    isOverflow
  };
}
var MULTIPLIER = 2;
function Clones(Splide22, Components2, options) {
  var event = EventInterface(Splide22);
  var on = event.on;
  var Elements2 = Components2.Elements, Slides2 = Components2.Slides;
  var resolve = Components2.Direction.resolve;
  var clones = [];
  var cloneCount;
  function mount() {
    on(EVENT_REFRESH, remount);
    on([EVENT_UPDATED, EVENT_RESIZE], observe);
    if (cloneCount = computeCloneCount()) {
      generate(cloneCount);
      Components2.Layout.resize(true);
    }
  }
  function remount() {
    destroy();
    mount();
  }
  function destroy() {
    remove(clones);
    empty(clones);
    event.destroy();
  }
  function observe() {
    var count = computeCloneCount();
    if (cloneCount !== count) {
      if (cloneCount < count || !count) {
        event.emit(EVENT_REFRESH);
      }
    }
  }
  function generate(count) {
    var slides = Slides2.get().slice();
    var length = slides.length;
    if (length) {
      while (slides.length < count) {
        push(slides, slides);
      }
      push(slides.slice(-count), slides.slice(0, count)).forEach(function(Slide2, index) {
        var isHead = index < count;
        var clone = cloneDeep(Slide2.slide, index);
        isHead ? before(clone, slides[0].slide) : append(Elements2.list, clone);
        push(clones, clone);
        Slides2.register(clone, index - count + (isHead ? 0 : length), Slide2.index);
      });
    }
  }
  function cloneDeep(elm, index) {
    var clone = elm.cloneNode(true);
    addClass(clone, options.classes.clone);
    clone.id = Splide22.root.id + "-clone" + pad(index + 1);
    return clone;
  }
  function computeCloneCount() {
    var clones2 = options.clones;
    if (!Splide22.is(LOOP)) {
      clones2 = 0;
    } else if (isUndefined(clones2)) {
      var fixedSize = options[resolve("fixedWidth")] && Components2.Layout.slideSize(0);
      var fixedCount = fixedSize && ceil(rect(Elements2.track)[resolve("width")] / fixedSize);
      clones2 = fixedCount || options[resolve("autoWidth")] && Splide22.length || options.perPage * MULTIPLIER;
    }
    return clones2;
  }
  return {
    mount,
    destroy
  };
}
function Move(Splide22, Components2, options) {
  var _EventInterface4 = EventInterface(Splide22), on = _EventInterface4.on, emit = _EventInterface4.emit;
  var set = Splide22.state.set;
  var _Components2$Layout = Components2.Layout, slideSize = _Components2$Layout.slideSize, getPadding = _Components2$Layout.getPadding, totalSize = _Components2$Layout.totalSize, listSize = _Components2$Layout.listSize, sliderSize = _Components2$Layout.sliderSize;
  var _Components2$Directio = Components2.Direction, resolve = _Components2$Directio.resolve, orient = _Components2$Directio.orient;
  var _Components2$Elements3 = Components2.Elements, list = _Components2$Elements3.list, track = _Components2$Elements3.track;
  var Transition;
  function mount() {
    Transition = Components2.Transition;
    on([EVENT_MOUNTED, EVENT_RESIZED, EVENT_UPDATED, EVENT_REFRESH], reposition);
  }
  function reposition() {
    if (!Components2.Controller.isBusy()) {
      Components2.Scroll.cancel();
      jump(Splide22.index);
      Components2.Slides.update();
    }
  }
  function move(dest, index, prev, callback) {
    if (dest !== index && canShift(dest > prev)) {
      cancel();
      translate(shift(getPosition(), dest > prev), true);
    }
    set(MOVING);
    emit(EVENT_MOVE, index, prev, dest);
    Transition.start(index, function() {
      set(IDLE);
      emit(EVENT_MOVED, index, prev, dest);
      callback && callback();
    });
  }
  function jump(index) {
    translate(toPosition(index, true));
  }
  function translate(position, preventLoop) {
    if (!Splide22.is(FADE)) {
      var destination = preventLoop ? position : loop(position);
      style(list, "transform", "translate" + resolve("X") + "(" + destination + "px)");
      position !== destination && emit(EVENT_SHIFTED);
    }
  }
  function loop(position) {
    if (Splide22.is(LOOP)) {
      var index = toIndex(position);
      var exceededMax = index > Components2.Controller.getEnd();
      var exceededMin = index < 0;
      if (exceededMin || exceededMax) {
        position = shift(position, exceededMax);
      }
    }
    return position;
  }
  function shift(position, backwards) {
    var excess = position - getLimit(backwards);
    var size = sliderSize();
    position -= orient(size * (ceil(abs(excess) / size) || 1)) * (backwards ? 1 : -1);
    return position;
  }
  function cancel() {
    translate(getPosition(), true);
    Transition.cancel();
  }
  function toIndex(position) {
    var Slides2 = Components2.Slides.get();
    var index = 0;
    var minDistance = Infinity;
    for (var i = 0; i < Slides2.length; i++) {
      var slideIndex = Slides2[i].index;
      var distance = abs(toPosition(slideIndex, true) - position);
      if (distance <= minDistance) {
        minDistance = distance;
        index = slideIndex;
      } else {
        break;
      }
    }
    return index;
  }
  function toPosition(index, trimming) {
    var position = orient(totalSize(index - 1) - offset(index));
    return trimming ? trim(position) : position;
  }
  function getPosition() {
    var left = resolve("left");
    return rect(list)[left] - rect(track)[left] + orient(getPadding(false));
  }
  function trim(position) {
    if (options.trimSpace && Splide22.is(SLIDE)) {
      position = clamp(position, 0, orient(sliderSize(true) - listSize()));
    }
    return position;
  }
  function offset(index) {
    var focus2 = options.focus;
    return focus2 === "center" ? (listSize() - slideSize(index, true)) / 2 : +focus2 * slideSize(index) || 0;
  }
  function getLimit(max2) {
    return toPosition(max2 ? Components2.Controller.getEnd() : 0, !!options.trimSpace);
  }
  function canShift(backwards) {
    var shifted = orient(shift(getPosition(), backwards));
    return backwards ? shifted >= 0 : shifted <= list[resolve("scrollWidth")] - rect(track)[resolve("width")];
  }
  function exceededLimit(max2, position) {
    position = isUndefined(position) ? getPosition() : position;
    var exceededMin = max2 !== true && orient(position) < orient(getLimit(false));
    var exceededMax = max2 !== false && orient(position) > orient(getLimit(true));
    return exceededMin || exceededMax;
  }
  return {
    mount,
    move,
    jump,
    translate,
    shift,
    cancel,
    toIndex,
    toPosition,
    getPosition,
    getLimit,
    exceededLimit,
    reposition
  };
}
function Controller(Splide22, Components2, options) {
  var _EventInterface5 = EventInterface(Splide22), on = _EventInterface5.on, emit = _EventInterface5.emit;
  var Move2 = Components2.Move;
  var getPosition = Move2.getPosition, getLimit = Move2.getLimit, toPosition = Move2.toPosition;
  var _Components2$Slides = Components2.Slides, isEnough = _Components2$Slides.isEnough, getLength = _Components2$Slides.getLength;
  var omitEnd = options.omitEnd;
  var isLoop = Splide22.is(LOOP);
  var isSlide = Splide22.is(SLIDE);
  var getNext = apply(getAdjacent, false);
  var getPrev = apply(getAdjacent, true);
  var currIndex = options.start || 0;
  var endIndex;
  var prevIndex = currIndex;
  var slideCount;
  var perMove;
  var perPage;
  function mount() {
    init();
    on([EVENT_UPDATED, EVENT_REFRESH, EVENT_END_INDEX_CHANGED], init);
    on(EVENT_RESIZED, onResized);
  }
  function init() {
    slideCount = getLength(true);
    perMove = options.perMove;
    perPage = options.perPage;
    endIndex = getEnd();
    var index = clamp(currIndex, 0, omitEnd ? endIndex : slideCount - 1);
    if (index !== currIndex) {
      currIndex = index;
      Move2.reposition();
    }
  }
  function onResized() {
    if (endIndex !== getEnd()) {
      emit(EVENT_END_INDEX_CHANGED);
    }
  }
  function go(control, allowSameIndex, callback) {
    if (!isBusy()) {
      var dest = parse(control);
      var index = loop(dest);
      if (index > -1 && (allowSameIndex || index !== currIndex)) {
        setIndex(index);
        Move2.move(dest, index, prevIndex, callback);
      }
    }
  }
  function scroll(destination, duration, snap, callback) {
    Components2.Scroll.scroll(destination, duration, snap, function() {
      var index = loop(Move2.toIndex(getPosition()));
      setIndex(omitEnd ? min(index, endIndex) : index);
      callback && callback();
    });
  }
  function parse(control) {
    var index = currIndex;
    if (isString(control)) {
      var _ref = control.match(/([+\-<>])(\d+)?/) || [], indicator = _ref[1], number = _ref[2];
      if (indicator === "+" || indicator === "-") {
        index = computeDestIndex(currIndex + +("" + indicator + (+number || 1)), currIndex);
      } else if (indicator === ">") {
        index = number ? toIndex(+number) : getNext(true);
      } else if (indicator === "<") {
        index = getPrev(true);
      }
    } else {
      index = isLoop ? control : clamp(control, 0, endIndex);
    }
    return index;
  }
  function getAdjacent(prev, destination) {
    var number = perMove || (hasFocus() ? 1 : perPage);
    var dest = computeDestIndex(currIndex + number * (prev ? -1 : 1), currIndex, !(perMove || hasFocus()));
    if (dest === -1 && isSlide) {
      if (!approximatelyEqual(getPosition(), getLimit(!prev), 1)) {
        return prev ? 0 : endIndex;
      }
    }
    return destination ? dest : loop(dest);
  }
  function computeDestIndex(dest, from, snapPage) {
    if (isEnough() || hasFocus()) {
      var index = computeMovableDestIndex(dest);
      if (index !== dest) {
        from = dest;
        dest = index;
        snapPage = false;
      }
      if (dest < 0 || dest > endIndex) {
        if (!perMove && (between(0, dest, from, true) || between(endIndex, from, dest, true))) {
          dest = toIndex(toPage(dest));
        } else {
          if (isLoop) {
            dest = snapPage ? dest < 0 ? -(slideCount % perPage || perPage) : slideCount : dest;
          } else if (options.rewind) {
            dest = dest < 0 ? endIndex : 0;
          } else {
            dest = -1;
          }
        }
      } else {
        if (snapPage && dest !== from) {
          dest = toIndex(toPage(from) + (dest < from ? -1 : 1));
        }
      }
    } else {
      dest = -1;
    }
    return dest;
  }
  function computeMovableDestIndex(dest) {
    if (isSlide && options.trimSpace === "move" && dest !== currIndex) {
      var position = getPosition();
      while (position === toPosition(dest, true) && between(dest, 0, Splide22.length - 1, !options.rewind)) {
        dest < currIndex ? --dest : ++dest;
      }
    }
    return dest;
  }
  function loop(index) {
    return isLoop ? (index + slideCount) % slideCount || 0 : index;
  }
  function getEnd() {
    var end = slideCount - (hasFocus() || isLoop && perMove ? 1 : perPage);
    while (omitEnd && end-- > 0) {
      if (toPosition(slideCount - 1, true) !== toPosition(end, true)) {
        end++;
        break;
      }
    }
    return clamp(end, 0, slideCount - 1);
  }
  function toIndex(page) {
    return clamp(hasFocus() ? page : perPage * page, 0, endIndex);
  }
  function toPage(index) {
    return hasFocus() ? min(index, endIndex) : floor((index >= endIndex ? slideCount - 1 : index) / perPage);
  }
  function toDest(destination) {
    var closest2 = Move2.toIndex(destination);
    return isSlide ? clamp(closest2, 0, endIndex) : closest2;
  }
  function setIndex(index) {
    if (index !== currIndex) {
      prevIndex = currIndex;
      currIndex = index;
    }
  }
  function getIndex(prev) {
    return prev ? prevIndex : currIndex;
  }
  function hasFocus() {
    return !isUndefined(options.focus) || options.isNavigation;
  }
  function isBusy() {
    return Splide22.state.is([MOVING, SCROLLING]) && !!options.waitForTransition;
  }
  return {
    mount,
    go,
    scroll,
    getNext,
    getPrev,
    getAdjacent,
    getEnd,
    setIndex,
    getIndex,
    toIndex,
    toPage,
    toDest,
    hasFocus,
    isBusy
  };
}
var XML_NAME_SPACE = "http://www.w3.org/2000/svg";
var PATH = "m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z";
var SIZE = 40;
function Arrows(Splide22, Components2, options) {
  var event = EventInterface(Splide22);
  var on = event.on, bind = event.bind, emit = event.emit;
  var classes = options.classes, i18n = options.i18n;
  var Elements2 = Components2.Elements, Controller2 = Components2.Controller;
  var placeholder = Elements2.arrows, track = Elements2.track;
  var wrapper = placeholder;
  var prev = Elements2.prev;
  var next = Elements2.next;
  var created;
  var wrapperClasses;
  var arrows = {};
  function mount() {
    init();
    on(EVENT_UPDATED, remount);
  }
  function remount() {
    destroy();
    mount();
  }
  function init() {
    var enabled = options.arrows;
    if (enabled && !(prev && next)) {
      createArrows();
    }
    if (prev && next) {
      assign(arrows, {
        prev,
        next
      });
      display(wrapper, enabled ? "" : "none");
      addClass(wrapper, wrapperClasses = CLASS_ARROWS + "--" + options.direction);
      if (enabled) {
        listen();
        update();
        setAttribute([prev, next], ARIA_CONTROLS, track.id);
        emit(EVENT_ARROWS_MOUNTED, prev, next);
      }
    }
  }
  function destroy() {
    event.destroy();
    removeClass(wrapper, wrapperClasses);
    if (created) {
      remove(placeholder ? [prev, next] : wrapper);
      prev = next = null;
    } else {
      removeAttribute([prev, next], ALL_ATTRIBUTES);
    }
  }
  function listen() {
    on([EVENT_MOUNTED, EVENT_MOVED, EVENT_REFRESH, EVENT_SCROLLED, EVENT_END_INDEX_CHANGED], update);
    bind(next, "click", apply(go, ">"));
    bind(prev, "click", apply(go, "<"));
  }
  function go(control) {
    Controller2.go(control, true);
  }
  function createArrows() {
    wrapper = placeholder || create("div", classes.arrows);
    prev = createArrow(true);
    next = createArrow(false);
    created = true;
    append(wrapper, [prev, next]);
    !placeholder && before(wrapper, track);
  }
  function createArrow(prev2) {
    var arrow = '<button class="' + classes.arrow + " " + (prev2 ? classes.prev : classes.next) + '" type="button"><svg xmlns="' + XML_NAME_SPACE + '" viewBox="0 0 ' + SIZE + " " + SIZE + '" width="' + SIZE + '" height="' + SIZE + '" focusable="false"><path d="' + (options.arrowPath || PATH) + '" />';
    return parseHtml(arrow);
  }
  function update() {
    if (prev && next) {
      var index = Splide22.index;
      var prevIndex = Controller2.getPrev();
      var nextIndex = Controller2.getNext();
      var prevLabel = prevIndex > -1 && index < prevIndex ? i18n.last : i18n.prev;
      var nextLabel = nextIndex > -1 && index > nextIndex ? i18n.first : i18n.next;
      prev.disabled = prevIndex < 0;
      next.disabled = nextIndex < 0;
      setAttribute(prev, ARIA_LABEL, prevLabel);
      setAttribute(next, ARIA_LABEL, nextLabel);
      emit(EVENT_ARROWS_UPDATED, prev, next, prevIndex, nextIndex);
    }
  }
  return {
    arrows,
    mount,
    destroy,
    update
  };
}
var INTERVAL_DATA_ATTRIBUTE = DATA_ATTRIBUTE + "-interval";
function Autoplay(Splide22, Components2, options) {
  var _EventInterface6 = EventInterface(Splide22), on = _EventInterface6.on, bind = _EventInterface6.bind, emit = _EventInterface6.emit;
  var interval = RequestInterval(options.interval, Splide22.go.bind(Splide22, ">"), onAnimationFrame);
  var isPaused = interval.isPaused;
  var Elements2 = Components2.Elements, _Components2$Elements4 = Components2.Elements, root = _Components2$Elements4.root, toggle = _Components2$Elements4.toggle;
  var autoplay = options.autoplay;
  var hovered;
  var focused;
  var stopped = autoplay === "pause";
  function mount() {
    if (autoplay) {
      listen();
      toggle && setAttribute(toggle, ARIA_CONTROLS, Elements2.track.id);
      stopped || play();
      update();
    }
  }
  function listen() {
    if (options.pauseOnHover) {
      bind(root, "mouseenter mouseleave", function(e) {
        hovered = e.type === "mouseenter";
        autoToggle();
      });
    }
    if (options.pauseOnFocus) {
      bind(root, "focusin focusout", function(e) {
        focused = e.type === "focusin";
        autoToggle();
      });
    }
    if (toggle) {
      bind(toggle, "click", function() {
        stopped ? play() : pause(true);
      });
    }
    on([EVENT_MOVE, EVENT_SCROLL, EVENT_REFRESH], interval.rewind);
    on(EVENT_MOVE, onMove);
  }
  function play() {
    if (isPaused() && Components2.Slides.isEnough()) {
      interval.start(!options.resetProgress);
      focused = hovered = stopped = false;
      update();
      emit(EVENT_AUTOPLAY_PLAY);
    }
  }
  function pause(stop) {
    if (stop === void 0) {
      stop = true;
    }
    stopped = !!stop;
    update();
    if (!isPaused()) {
      interval.pause();
      emit(EVENT_AUTOPLAY_PAUSE);
    }
  }
  function autoToggle() {
    if (!stopped) {
      hovered || focused ? pause(false) : play();
    }
  }
  function update() {
    if (toggle) {
      toggleClass(toggle, CLASS_ACTIVE, !stopped);
      setAttribute(toggle, ARIA_LABEL, options.i18n[stopped ? "play" : "pause"]);
    }
  }
  function onAnimationFrame(rate) {
    var bar = Elements2.bar;
    bar && style(bar, "width", rate * 100 + "%");
    emit(EVENT_AUTOPLAY_PLAYING, rate);
  }
  function onMove(index) {
    var Slide2 = Components2.Slides.getAt(index);
    interval.set(Slide2 && +getAttribute(Slide2.slide, INTERVAL_DATA_ATTRIBUTE) || options.interval);
  }
  return {
    mount,
    destroy: interval.cancel,
    play,
    pause,
    isPaused
  };
}
function Cover(Splide22, Components2, options) {
  var _EventInterface7 = EventInterface(Splide22), on = _EventInterface7.on;
  function mount() {
    if (options.cover) {
      on(EVENT_LAZYLOAD_LOADED, apply(toggle, true));
      on([EVENT_MOUNTED, EVENT_UPDATED, EVENT_REFRESH], apply(cover, true));
    }
  }
  function cover(cover2) {
    Components2.Slides.forEach(function(Slide2) {
      var img = child(Slide2.container || Slide2.slide, "img");
      if (img && img.src) {
        toggle(cover2, img, Slide2);
      }
    });
  }
  function toggle(cover2, img, Slide2) {
    Slide2.style("background", cover2 ? 'center/cover no-repeat url("' + img.src + '")' : "", true);
    display(img, cover2 ? "none" : "");
  }
  return {
    mount,
    destroy: apply(cover, false)
  };
}
var BOUNCE_DIFF_THRESHOLD = 10;
var BOUNCE_DURATION = 600;
var FRICTION_FACTOR = 0.6;
var BASE_VELOCITY = 1.5;
var MIN_DURATION = 800;
function Scroll(Splide22, Components2, options) {
  var _EventInterface8 = EventInterface(Splide22), on = _EventInterface8.on, emit = _EventInterface8.emit;
  var set = Splide22.state.set;
  var Move2 = Components2.Move;
  var getPosition = Move2.getPosition, getLimit = Move2.getLimit, exceededLimit = Move2.exceededLimit, translate = Move2.translate;
  var isSlide = Splide22.is(SLIDE);
  var interval;
  var callback;
  var friction = 1;
  function mount() {
    on(EVENT_MOVE, clear);
    on([EVENT_UPDATED, EVENT_REFRESH], cancel);
  }
  function scroll(destination, duration, snap, onScrolled, noConstrain) {
    var from = getPosition();
    clear();
    if (snap && (!isSlide || !exceededLimit())) {
      var size = Components2.Layout.sliderSize();
      var offset = sign(destination) * size * floor(abs(destination) / size) || 0;
      destination = Move2.toPosition(Components2.Controller.toDest(destination % size)) + offset;
    }
    var noDistance = approximatelyEqual(from, destination, 1);
    friction = 1;
    duration = noDistance ? 0 : duration || max(abs(destination - from) / BASE_VELOCITY, MIN_DURATION);
    callback = onScrolled;
    interval = RequestInterval(duration, onEnd, apply(update, from, destination, noConstrain), 1);
    set(SCROLLING);
    emit(EVENT_SCROLL);
    interval.start();
  }
  function onEnd() {
    set(IDLE);
    callback && callback();
    emit(EVENT_SCROLLED);
  }
  function update(from, to, noConstrain, rate) {
    var position = getPosition();
    var target = from + (to - from) * easing(rate);
    var diff = (target - position) * friction;
    translate(position + diff);
    if (isSlide && !noConstrain && exceededLimit()) {
      friction *= FRICTION_FACTOR;
      if (abs(diff) < BOUNCE_DIFF_THRESHOLD) {
        scroll(getLimit(exceededLimit(true)), BOUNCE_DURATION, false, callback, true);
      }
    }
  }
  function clear() {
    if (interval) {
      interval.cancel();
    }
  }
  function cancel() {
    if (interval && !interval.isPaused()) {
      clear();
      onEnd();
    }
  }
  function easing(t) {
    var easingFunc = options.easingFunc;
    return easingFunc ? easingFunc(t) : 1 - Math.pow(1 - t, 4);
  }
  return {
    mount,
    destroy: clear,
    scroll,
    cancel
  };
}
var SCROLL_LISTENER_OPTIONS = {
  passive: false,
  capture: true
};
function Drag(Splide22, Components2, options) {
  var _EventInterface9 = EventInterface(Splide22), on = _EventInterface9.on, emit = _EventInterface9.emit, bind = _EventInterface9.bind, unbind = _EventInterface9.unbind;
  var state = Splide22.state;
  var Move2 = Components2.Move, Scroll2 = Components2.Scroll, Controller2 = Components2.Controller, track = Components2.Elements.track, reduce = Components2.Media.reduce;
  var _Components2$Directio2 = Components2.Direction, resolve = _Components2$Directio2.resolve, orient = _Components2$Directio2.orient;
  var getPosition = Move2.getPosition, exceededLimit = Move2.exceededLimit;
  var basePosition;
  var baseEvent;
  var prevBaseEvent;
  var isFree;
  var dragging;
  var exceeded = false;
  var clickPrevented;
  var disabled;
  var target;
  function mount() {
    bind(track, POINTER_MOVE_EVENTS, noop, SCROLL_LISTENER_OPTIONS);
    bind(track, POINTER_UP_EVENTS, noop, SCROLL_LISTENER_OPTIONS);
    bind(track, POINTER_DOWN_EVENTS, onPointerDown, SCROLL_LISTENER_OPTIONS);
    bind(track, "click", onClick, {
      capture: true
    });
    bind(track, "dragstart", prevent);
    on([EVENT_MOUNTED, EVENT_UPDATED], init);
  }
  function init() {
    var drag = options.drag;
    disable(!drag);
    isFree = drag === "free";
  }
  function onPointerDown(e) {
    clickPrevented = false;
    if (!disabled) {
      var isTouch = isTouchEvent(e);
      if (isDraggable(e.target) && (isTouch || !e.button)) {
        if (!Controller2.isBusy()) {
          target = isTouch ? track : window;
          dragging = state.is([MOVING, SCROLLING]);
          prevBaseEvent = null;
          bind(target, POINTER_MOVE_EVENTS, onPointerMove, SCROLL_LISTENER_OPTIONS);
          bind(target, POINTER_UP_EVENTS, onPointerUp, SCROLL_LISTENER_OPTIONS);
          Move2.cancel();
          Scroll2.cancel();
          save(e);
        } else {
          prevent(e, true);
        }
      }
    }
  }
  function onPointerMove(e) {
    if (!state.is(DRAGGING)) {
      state.set(DRAGGING);
      emit(EVENT_DRAG);
    }
    if (e.cancelable) {
      if (dragging) {
        Move2.translate(basePosition + constrain(diffCoord(e)));
        var expired = diffTime(e) > LOG_INTERVAL;
        var hasExceeded = exceeded !== (exceeded = exceededLimit());
        if (expired || hasExceeded) {
          save(e);
        }
        clickPrevented = true;
        emit(EVENT_DRAGGING);
        prevent(e);
      } else if (isSliderDirection(e)) {
        dragging = shouldStart(e);
        prevent(e);
      }
    }
  }
  function onPointerUp(e) {
    if (state.is(DRAGGING)) {
      state.set(IDLE);
      emit(EVENT_DRAGGED);
    }
    if (dragging) {
      move(e);
      prevent(e);
    }
    unbind(target, POINTER_MOVE_EVENTS, onPointerMove);
    unbind(target, POINTER_UP_EVENTS, onPointerUp);
    dragging = false;
  }
  function onClick(e) {
    if (!disabled && clickPrevented) {
      prevent(e, true);
    }
  }
  function save(e) {
    prevBaseEvent = baseEvent;
    baseEvent = e;
    basePosition = getPosition();
  }
  function move(e) {
    var velocity = computeVelocity(e);
    var destination = computeDestination(velocity);
    var rewind = options.rewind && options.rewindByDrag;
    reduce(false);
    if (isFree) {
      Controller2.scroll(destination, 0, options.snap);
    } else if (Splide22.is(FADE)) {
      Controller2.go(orient(sign(velocity)) < 0 ? rewind ? "<" : "-" : rewind ? ">" : "+");
    } else if (Splide22.is(SLIDE) && exceeded && rewind) {
      Controller2.go(exceededLimit(true) ? ">" : "<");
    } else {
      Controller2.go(Controller2.toDest(destination), true);
    }
    reduce(true);
  }
  function shouldStart(e) {
    var thresholds = options.dragMinThreshold;
    var isObj = isObject(thresholds);
    var mouse = isObj && thresholds.mouse || 0;
    var touch = (isObj ? thresholds.touch : +thresholds) || 10;
    return abs(diffCoord(e)) > (isTouchEvent(e) ? touch : mouse);
  }
  function isSliderDirection(e) {
    return abs(diffCoord(e)) > abs(diffCoord(e, true));
  }
  function computeVelocity(e) {
    if (Splide22.is(LOOP) || !exceeded) {
      var time = diffTime(e);
      if (time && time < LOG_INTERVAL) {
        return diffCoord(e) / time;
      }
    }
    return 0;
  }
  function computeDestination(velocity) {
    return getPosition() + sign(velocity) * min(abs(velocity) * (options.flickPower || 600), isFree ? Infinity : Components2.Layout.listSize() * (options.flickMaxPages || 1));
  }
  function diffCoord(e, orthogonal) {
    return coordOf(e, orthogonal) - coordOf(getBaseEvent(e), orthogonal);
  }
  function diffTime(e) {
    return timeOf(e) - timeOf(getBaseEvent(e));
  }
  function getBaseEvent(e) {
    return baseEvent === e && prevBaseEvent || baseEvent;
  }
  function coordOf(e, orthogonal) {
    return (isTouchEvent(e) ? e.changedTouches[0] : e)["page" + resolve(orthogonal ? "Y" : "X")];
  }
  function constrain(diff) {
    return diff / (exceeded && Splide22.is(SLIDE) ? FRICTION : 1);
  }
  function isDraggable(target2) {
    var noDrag = options.noDrag;
    return !matches(target2, "." + CLASS_PAGINATION_PAGE + ", ." + CLASS_ARROW) && (!noDrag || !matches(target2, noDrag));
  }
  function isTouchEvent(e) {
    return typeof TouchEvent !== "undefined" && e instanceof TouchEvent;
  }
  function isDragging() {
    return dragging;
  }
  function disable(value) {
    disabled = value;
  }
  return {
    mount,
    disable,
    isDragging
  };
}
var NORMALIZATION_MAP = {
  Spacebar: " ",
  Right: ARROW_RIGHT,
  Left: ARROW_LEFT,
  Up: ARROW_UP,
  Down: ARROW_DOWN
};
function normalizeKey(key) {
  key = isString(key) ? key : key.key;
  return NORMALIZATION_MAP[key] || key;
}
var KEYBOARD_EVENT = "keydown";
function Keyboard(Splide22, Components2, options) {
  var _EventInterface10 = EventInterface(Splide22), on = _EventInterface10.on, bind = _EventInterface10.bind, unbind = _EventInterface10.unbind;
  var root = Splide22.root;
  var resolve = Components2.Direction.resolve;
  var target;
  var disabled;
  function mount() {
    init();
    on(EVENT_UPDATED, destroy);
    on(EVENT_UPDATED, init);
    on(EVENT_MOVE, onMove);
  }
  function init() {
    var keyboard = options.keyboard;
    if (keyboard) {
      target = keyboard === "global" ? window : root;
      bind(target, KEYBOARD_EVENT, onKeydown);
    }
  }
  function destroy() {
    unbind(target, KEYBOARD_EVENT);
  }
  function disable(value) {
    disabled = value;
  }
  function onMove() {
    var _disabled = disabled;
    disabled = true;
    nextTick(function() {
      disabled = _disabled;
    });
  }
  function onKeydown(e) {
    if (!disabled) {
      var key = normalizeKey(e);
      if (key === resolve(ARROW_LEFT)) {
        Splide22.go("<");
      } else if (key === resolve(ARROW_RIGHT)) {
        Splide22.go(">");
      }
    }
  }
  return {
    mount,
    destroy,
    disable
  };
}
var SRC_DATA_ATTRIBUTE = DATA_ATTRIBUTE + "-lazy";
var SRCSET_DATA_ATTRIBUTE = SRC_DATA_ATTRIBUTE + "-srcset";
var IMAGE_SELECTOR = "[" + SRC_DATA_ATTRIBUTE + "], [" + SRCSET_DATA_ATTRIBUTE + "]";
function LazyLoad(Splide22, Components2, options) {
  var _EventInterface11 = EventInterface(Splide22), on = _EventInterface11.on, off = _EventInterface11.off, bind = _EventInterface11.bind, emit = _EventInterface11.emit;
  var isSequential = options.lazyLoad === "sequential";
  var events = [EVENT_MOVED, EVENT_SCROLLED];
  var entries = [];
  function mount() {
    if (options.lazyLoad) {
      init();
      on(EVENT_REFRESH, init);
    }
  }
  function init() {
    empty(entries);
    register();
    if (isSequential) {
      loadNext();
    } else {
      off(events);
      on(events, check);
      check();
    }
  }
  function register() {
    Components2.Slides.forEach(function(Slide2) {
      queryAll(Slide2.slide, IMAGE_SELECTOR).forEach(function(img) {
        var src = getAttribute(img, SRC_DATA_ATTRIBUTE);
        var srcset = getAttribute(img, SRCSET_DATA_ATTRIBUTE);
        if (src !== img.src || srcset !== img.srcset) {
          var className = options.classes.spinner;
          var parent = img.parentElement;
          var spinner = child(parent, "." + className) || create("span", className, parent);
          entries.push([img, Slide2, spinner]);
          img.src || display(img, "none");
        }
      });
    });
  }
  function check() {
    entries = entries.filter(function(data) {
      var distance = options.perPage * ((options.preloadPages || 1) + 1) - 1;
      return data[1].isWithin(Splide22.index, distance) ? load(data) : true;
    });
    entries.length || off(events);
  }
  function load(data) {
    var img = data[0];
    addClass(data[1].slide, CLASS_LOADING);
    bind(img, "load error", apply(onLoad, data));
    setAttribute(img, "src", getAttribute(img, SRC_DATA_ATTRIBUTE));
    setAttribute(img, "srcset", getAttribute(img, SRCSET_DATA_ATTRIBUTE));
    removeAttribute(img, SRC_DATA_ATTRIBUTE);
    removeAttribute(img, SRCSET_DATA_ATTRIBUTE);
  }
  function onLoad(data, e) {
    var img = data[0], Slide2 = data[1];
    removeClass(Slide2.slide, CLASS_LOADING);
    if (e.type !== "error") {
      remove(data[2]);
      display(img, "");
      emit(EVENT_LAZYLOAD_LOADED, img, Slide2);
      emit(EVENT_RESIZE);
    }
    isSequential && loadNext();
  }
  function loadNext() {
    entries.length && load(entries.shift());
  }
  return {
    mount,
    destroy: apply(empty, entries),
    check
  };
}
function Pagination(Splide22, Components2, options) {
  var event = EventInterface(Splide22);
  var on = event.on, emit = event.emit, bind = event.bind;
  var Slides2 = Components2.Slides, Elements2 = Components2.Elements, Controller2 = Components2.Controller;
  var hasFocus = Controller2.hasFocus, getIndex = Controller2.getIndex, go = Controller2.go;
  var resolve = Components2.Direction.resolve;
  var placeholder = Elements2.pagination;
  var items = [];
  var list;
  var paginationClasses;
  function mount() {
    destroy();
    on([EVENT_UPDATED, EVENT_REFRESH, EVENT_END_INDEX_CHANGED], mount);
    var enabled = options.pagination;
    placeholder && display(placeholder, enabled ? "" : "none");
    if (enabled) {
      on([EVENT_MOVE, EVENT_SCROLL, EVENT_SCROLLED], update);
      createPagination();
      update();
      emit(EVENT_PAGINATION_MOUNTED, {
        list,
        items
      }, getAt(Splide22.index));
    }
  }
  function destroy() {
    if (list) {
      remove(placeholder ? slice(list.children) : list);
      removeClass(list, paginationClasses);
      empty(items);
      list = null;
    }
    event.destroy();
  }
  function createPagination() {
    var length = Splide22.length;
    var classes = options.classes, i18n = options.i18n, perPage = options.perPage;
    var max2 = hasFocus() ? Controller2.getEnd() + 1 : ceil(length / perPage);
    list = placeholder || create("ul", classes.pagination, Elements2.track.parentElement);
    addClass(list, paginationClasses = CLASS_PAGINATION + "--" + getDirection());
    setAttribute(list, ROLE, "tablist");
    setAttribute(list, ARIA_LABEL, i18n.select);
    setAttribute(list, ARIA_ORIENTATION, getDirection() === TTB ? "vertical" : "");
    for (var i = 0; i < max2; i++) {
      var li = create("li", null, list);
      var button = create("button", {
        class: classes.page,
        type: "button"
      }, li);
      var controls = Slides2.getIn(i).map(function(Slide2) {
        return Slide2.slide.id;
      });
      var text = !hasFocus() && perPage > 1 ? i18n.pageX : i18n.slideX;
      bind(button, "click", apply(onClick, i));
      if (options.paginationKeyboard) {
        bind(button, "keydown", apply(onKeydown, i));
      }
      setAttribute(li, ROLE, "presentation");
      setAttribute(button, ROLE, "tab");
      setAttribute(button, ARIA_CONTROLS, controls.join(" "));
      setAttribute(button, ARIA_LABEL, format(text, i + 1));
      setAttribute(button, TAB_INDEX, -1);
      items.push({
        li,
        button,
        page: i
      });
    }
  }
  function onClick(page) {
    go(">" + page, true);
  }
  function onKeydown(page, e) {
    var length = items.length;
    var key = normalizeKey(e);
    var dir = getDirection();
    var nextPage = -1;
    if (key === resolve(ARROW_RIGHT, false, dir)) {
      nextPage = ++page % length;
    } else if (key === resolve(ARROW_LEFT, false, dir)) {
      nextPage = (--page + length) % length;
    } else if (key === "Home") {
      nextPage = 0;
    } else if (key === "End") {
      nextPage = length - 1;
    }
    var item = items[nextPage];
    if (item) {
      focus(item.button);
      go(">" + nextPage);
      prevent(e, true);
    }
  }
  function getDirection() {
    return options.paginationDirection || options.direction;
  }
  function getAt(index) {
    return items[Controller2.toPage(index)];
  }
  function update() {
    var prev = getAt(getIndex(true));
    var curr = getAt(getIndex());
    if (prev) {
      var button = prev.button;
      removeClass(button, CLASS_ACTIVE);
      removeAttribute(button, ARIA_SELECTED);
      setAttribute(button, TAB_INDEX, -1);
    }
    if (curr) {
      var _button = curr.button;
      addClass(_button, CLASS_ACTIVE);
      setAttribute(_button, ARIA_SELECTED, true);
      setAttribute(_button, TAB_INDEX, "");
    }
    emit(EVENT_PAGINATION_UPDATED, {
      list,
      items
    }, prev, curr);
  }
  return {
    items,
    mount,
    destroy,
    getAt,
    update
  };
}
var TRIGGER_KEYS = [" ", "Enter"];
function Sync(Splide22, Components2, options) {
  var isNavigation = options.isNavigation, slideFocus = options.slideFocus;
  var events = [];
  function mount() {
    Splide22.splides.forEach(function(target) {
      if (!target.isParent) {
        sync(Splide22, target.splide);
        sync(target.splide, Splide22);
      }
    });
    if (isNavigation) {
      navigate();
    }
  }
  function destroy() {
    events.forEach(function(event) {
      event.destroy();
    });
    empty(events);
  }
  function remount() {
    destroy();
    mount();
  }
  function sync(splide, target) {
    var event = EventInterface(splide);
    event.on(EVENT_MOVE, function(index, prev, dest) {
      target.go(target.is(LOOP) ? dest : index);
    });
    events.push(event);
  }
  function navigate() {
    var event = EventInterface(Splide22);
    var on = event.on;
    on(EVENT_CLICK, onClick);
    on(EVENT_SLIDE_KEYDOWN, onKeydown);
    on([EVENT_MOUNTED, EVENT_UPDATED], update);
    events.push(event);
    event.emit(EVENT_NAVIGATION_MOUNTED, Splide22.splides);
  }
  function update() {
    setAttribute(Components2.Elements.list, ARIA_ORIENTATION, options.direction === TTB ? "vertical" : "");
  }
  function onClick(Slide2) {
    Splide22.go(Slide2.index);
  }
  function onKeydown(Slide2, e) {
    if (includes(TRIGGER_KEYS, normalizeKey(e))) {
      onClick(Slide2);
      prevent(e);
    }
  }
  return {
    setup: apply(Components2.Media.set, {
      slideFocus: isUndefined(slideFocus) ? isNavigation : slideFocus
    }, true),
    mount,
    destroy,
    remount
  };
}
function Wheel(Splide22, Components2, options) {
  var _EventInterface12 = EventInterface(Splide22), bind = _EventInterface12.bind;
  var lastTime = 0;
  function mount() {
    if (options.wheel) {
      bind(Components2.Elements.track, "wheel", onWheel, SCROLL_LISTENER_OPTIONS);
    }
  }
  function onWheel(e) {
    if (e.cancelable) {
      var deltaY = e.deltaY;
      var backwards = deltaY < 0;
      var timeStamp = timeOf(e);
      var _min = options.wheelMinThreshold || 0;
      var sleep = options.wheelSleep || 0;
      if (abs(deltaY) > _min && timeStamp - lastTime > sleep) {
        Splide22.go(backwards ? "<" : ">");
        lastTime = timeStamp;
      }
      shouldPrevent(backwards) && prevent(e);
    }
  }
  function shouldPrevent(backwards) {
    return !options.releaseWheel || Splide22.state.is(MOVING) || Components2.Controller.getAdjacent(backwards) !== -1;
  }
  return {
    mount
  };
}
var SR_REMOVAL_DELAY = 90;
function Live(Splide22, Components2, options) {
  var _EventInterface13 = EventInterface(Splide22), on = _EventInterface13.on;
  var track = Components2.Elements.track;
  var enabled = options.live && !options.isNavigation;
  var sr = create("span", CLASS_SR);
  var interval = RequestInterval(SR_REMOVAL_DELAY, apply(toggle, false));
  function mount() {
    if (enabled) {
      disable(!Components2.Autoplay.isPaused());
      setAttribute(track, ARIA_ATOMIC, true);
      sr.textContent = "\u2026";
      on(EVENT_AUTOPLAY_PLAY, apply(disable, true));
      on(EVENT_AUTOPLAY_PAUSE, apply(disable, false));
      on([EVENT_MOVED, EVENT_SCROLLED], apply(toggle, true));
    }
  }
  function toggle(active) {
    setAttribute(track, ARIA_BUSY, active);
    if (active) {
      append(track, sr);
      interval.start();
    } else {
      remove(sr);
      interval.cancel();
    }
  }
  function destroy() {
    removeAttribute(track, [ARIA_LIVE, ARIA_ATOMIC, ARIA_BUSY]);
    remove(sr);
  }
  function disable(disabled) {
    if (enabled) {
      setAttribute(track, ARIA_LIVE, disabled ? "off" : "polite");
    }
  }
  return {
    mount,
    disable,
    destroy
  };
}
var ComponentConstructors = /* @__PURE__ */ Object.freeze({
  __proto__: null,
  Media,
  Direction,
  Elements,
  Slides,
  Layout,
  Clones,
  Move,
  Controller,
  Arrows,
  Autoplay,
  Cover,
  Scroll,
  Drag,
  Keyboard,
  LazyLoad,
  Pagination,
  Sync,
  Wheel,
  Live
});
var I18N = {
  prev: "Previous slide",
  next: "Next slide",
  first: "Go to first slide",
  last: "Go to last slide",
  slideX: "Go to slide %s",
  pageX: "Go to page %s",
  play: "Start autoplay",
  pause: "Pause autoplay",
  carousel: "carousel",
  slide: "slide",
  select: "Select a slide to show",
  slideLabel: "%s of %s"
};
var DEFAULTS = {
  type: "slide",
  role: "region",
  speed: 400,
  perPage: 1,
  cloneStatus: true,
  arrows: true,
  pagination: true,
  paginationKeyboard: true,
  interval: 5e3,
  pauseOnHover: true,
  pauseOnFocus: true,
  resetProgress: true,
  easing: "cubic-bezier(0.25, 1, 0.5, 1)",
  drag: true,
  direction: "ltr",
  trimSpace: true,
  focusableNodes: "a, button, textarea, input, select, iframe",
  live: true,
  classes: CLASSES,
  i18n: I18N,
  reducedMotion: {
    speed: 0,
    rewindSpeed: 0,
    autoplay: "pause"
  }
};
function Fade(Splide22, Components2, options) {
  var Slides2 = Components2.Slides;
  function mount() {
    EventInterface(Splide22).on([EVENT_MOUNTED, EVENT_REFRESH], init);
  }
  function init() {
    Slides2.forEach(function(Slide2) {
      Slide2.style("transform", "translateX(-" + 100 * Slide2.index + "%)");
    });
  }
  function start(index, done) {
    Slides2.style("transition", "opacity " + options.speed + "ms " + options.easing);
    nextTick(done);
  }
  return {
    mount,
    start,
    cancel: noop
  };
}
function Slide(Splide22, Components2, options) {
  var Move2 = Components2.Move, Controller2 = Components2.Controller, Scroll2 = Components2.Scroll;
  var list = Components2.Elements.list;
  var transition = apply(style, list, "transition");
  var endCallback;
  function mount() {
    EventInterface(Splide22).bind(list, "transitionend", function(e) {
      if (e.target === list && endCallback) {
        cancel();
        endCallback();
      }
    });
  }
  function start(index, done) {
    var destination = Move2.toPosition(index, true);
    var position = Move2.getPosition();
    var speed = getSpeed(index);
    if (abs(destination - position) >= 1 && speed >= 1) {
      if (options.useScroll) {
        Scroll2.scroll(destination, speed, false, done);
      } else {
        transition("transform " + speed + "ms " + options.easing);
        Move2.translate(destination, true);
        endCallback = done;
      }
    } else {
      Move2.jump(index);
      done();
    }
  }
  function cancel() {
    transition("");
    Scroll2.cancel();
  }
  function getSpeed(index) {
    var rewindSpeed = options.rewindSpeed;
    if (Splide22.is(SLIDE) && rewindSpeed) {
      var prev = Controller2.getIndex(true);
      var end = Controller2.getEnd();
      if (prev === 0 && index >= end || prev >= end && index === 0) {
        return rewindSpeed;
      }
    }
    return options.speed;
  }
  return {
    mount,
    start,
    cancel
  };
}
var _Splide = /* @__PURE__ */ function() {
  function _Splide2(target, options) {
    this.event = EventInterface();
    this.Components = {};
    this.state = State(CREATED);
    this.splides = [];
    this._o = {};
    this._E = {};
    var root = isString(target) ? query(document, target) : target;
    assert(root, root + " is invalid.");
    this.root = root;
    options = merge({
      label: getAttribute(root, ARIA_LABEL) || "",
      labelledby: getAttribute(root, ARIA_LABELLEDBY) || ""
    }, DEFAULTS, _Splide2.defaults, options || {});
    try {
      merge(options, JSON.parse(getAttribute(root, DATA_ATTRIBUTE)));
    } catch (e) {
      assert(false, "Invalid JSON");
    }
    this._o = Object.create(merge({}, options));
  }
  var _proto = _Splide2.prototype;
  _proto.mount = function mount(Extensions, Transition) {
    var _this = this;
    var state = this.state, Components2 = this.Components;
    assert(state.is([CREATED, DESTROYED]), "Already mounted!");
    state.set(CREATED);
    this._C = Components2;
    this._T = Transition || this._T || (this.is(FADE) ? Fade : Slide);
    this._E = Extensions || this._E;
    var Constructors = assign({}, ComponentConstructors, this._E, {
      Transition: this._T
    });
    forOwn(Constructors, function(Component, key) {
      var component = Component(_this, Components2, _this._o);
      Components2[key] = component;
      component.setup && component.setup();
    });
    forOwn(Components2, function(component) {
      component.mount && component.mount();
    });
    this.emit(EVENT_MOUNTED);
    addClass(this.root, CLASS_INITIALIZED);
    state.set(IDLE);
    this.emit(EVENT_READY);
    return this;
  };
  _proto.sync = function sync(splide) {
    this.splides.push({
      splide
    });
    splide.splides.push({
      splide: this,
      isParent: true
    });
    if (this.state.is(IDLE)) {
      this._C.Sync.remount();
      splide.Components.Sync.remount();
    }
    return this;
  };
  _proto.go = function go(control) {
    this._C.Controller.go(control);
    return this;
  };
  _proto.on = function on(events, callback) {
    this.event.on(events, callback);
    return this;
  };
  _proto.off = function off(events) {
    this.event.off(events);
    return this;
  };
  _proto.emit = function emit(event) {
    var _this$event;
    (_this$event = this.event).emit.apply(_this$event, [event].concat(slice(arguments, 1)));
    return this;
  };
  _proto.add = function add(slides, index) {
    this._C.Slides.add(slides, index);
    return this;
  };
  _proto.remove = function remove2(matcher) {
    this._C.Slides.remove(matcher);
    return this;
  };
  _proto.is = function is(type) {
    return this._o.type === type;
  };
  _proto.refresh = function refresh() {
    this.emit(EVENT_REFRESH);
    return this;
  };
  _proto.destroy = function destroy(completely) {
    if (completely === void 0) {
      completely = true;
    }
    var event = this.event, state = this.state;
    if (state.is(CREATED)) {
      EventInterface(this).on(EVENT_READY, this.destroy.bind(this, completely));
    } else {
      forOwn(this._C, function(component) {
        component.destroy && component.destroy(completely);
      }, true);
      event.emit(EVENT_DESTROY);
      event.destroy();
      completely && empty(this.splides);
      state.set(DESTROYED);
    }
    return this;
  };
  _createClass(_Splide2, [{
    key: "options",
    get: function get() {
      return this._o;
    },
    set: function set(options) {
      this._C.Media.set(options, true, true);
    }
  }, {
    key: "length",
    get: function get() {
      return this._C.Slides.getLength(true);
    }
  }, {
    key: "index",
    get: function get() {
      return this._C.Controller.getIndex();
    }
  }]);
  return _Splide2;
}();
var Splide = _Splide;
Splide.defaults = {};
Splide.STATES = STATES;

// src/js/components/Splide/Splide.tsx


// src/js/constants/events.ts
var EVENTS = [
  [EVENT_MOUNTED, "onMounted"],
  [EVENT_READY, "onReady"],
  [EVENT_MOVE, "onMove"],
  [EVENT_MOVED, "onMoved"],
  [EVENT_CLICK, "onClick"],
  [EVENT_ACTIVE, "onActive"],
  [EVENT_INACTIVE, "onInactive"],
  [EVENT_VISIBLE, "onVisible"],
  [EVENT_HIDDEN, "onHidden"],
  [EVENT_REFRESH, "onRefresh"],
  [EVENT_UPDATED, "onUpdated"],
  [EVENT_RESIZE, "onResize"],
  [EVENT_RESIZED, "onResized"],
  [EVENT_DRAG, "onDrag"],
  [EVENT_DRAGGING, "onDragging"],
  [EVENT_DRAGGED, "onDragged"],
  [EVENT_SCROLL, "onScroll"],
  [EVENT_SCROLLED, "onScrolled"],
  [EVENT_DESTROY, "onDestroy"],
  [EVENT_ARROWS_MOUNTED, "onArrowsMounted"],
  [EVENT_ARROWS_UPDATED, "onArrowsUpdated"],
  [EVENT_PAGINATION_MOUNTED, "onPaginationMounted"],
  [EVENT_PAGINATION_UPDATED, "onPaginationUpdated"],
  [EVENT_NAVIGATION_MOUNTED, "onNavigationMounted"],
  [EVENT_AUTOPLAY_PLAY, "onAutoplayPlay"],
  [EVENT_AUTOPLAY_PLAYING, "onAutoplayPlaying"],
  [EVENT_AUTOPLAY_PAUSE, "onAutoplayPause"],
  [EVENT_LAZYLOAD_LOADED, "onLazyLoadLoaded"]
];

// src/js/utils/classNames/classNames.ts
function classNames(...classes) {
  return classes.filter(Boolean).join(" ");
}

// src/js/utils/isObject/isObject.ts
function isObject2(subject) {
  return subject !== null && typeof subject === "object";
}

// src/js/utils/isEqualDeep/isEqualDeep.ts
function isEqualDeep(subject1, subject2) {
  if (Array.isArray(subject1) && Array.isArray(subject2)) {
    return subject1.length === subject2.length && !subject1.some((elm, index) => !isEqualDeep(elm, subject2[index]));
  }
  if (isObject2(subject1) && isObject2(subject2)) {
    const keys1 = Object.keys(subject1);
    const keys2 = Object.keys(subject2);
    return keys1.length === keys2.length && !keys1.some((key) => {
      return !Object.prototype.hasOwnProperty.call(subject2, key) || !isEqualDeep(subject1[key], subject2[key]);
    });
  }
  return subject1 === subject2;
}

// src/js/utils/isEqualShallow/isEqualShallow.ts
function isEqualShallow(array1, array2) {
  return array1.length === array2.length && !array1.some((elm, index) => elm !== array2[index]);
}

// src/js/utils/forOwn/forOwn.ts
function forOwn2(object, iteratee) {
  if (object) {
    const keys = Object.keys(object);
    for (let i = 0; i < keys.length; i++) {
      const key = keys[i];
      if (key !== "__proto__") {
        if (iteratee(object[key], key) === false) {
          break;
        }
      }
    }
  }
  return object;
}

// src/js/utils/merge/merge.ts
function merge2(object, source) {
  const merged = object;
  forOwn2(source, (value, key) => {
    if (Array.isArray(value)) {
      merged[key] = value.slice();
    } else if (isObject2(value)) {
      merged[key] = merge2(isObject2(merged[key]) ? merged[key] : {}, value);
    } else {
      merged[key] = value;
    }
  });
  return merged;
}

// src/js/components/SplideTrack/SplideTrack.tsx

var SplideTrack = ({ children: children2, className, ...props }) => {
  return /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
    className: classNames("splide__track", className),
    ...props
  }, /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
    className: "splide__list"
  }, children2));
};

// src/js/components/Splide/Splide.tsx
var Splide2 = class extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component) {
  constructor() {
    super(...arguments);
    this.splideRef = react__WEBPACK_IMPORTED_MODULE_0___default().createRef();
    this.slides = [];
  }
  componentDidMount() {
    const { options, extensions, transition } = this.props;
    const { current } = this.splideRef;
    if (current) {
      this.splide = new Splide(current, options);
      this.bind(this.splide);
      this.splide.mount(extensions, transition);
      this.options = merge2({}, options || {});
      this.slides = this.getSlides();
    }
  }
  componentWillUnmount() {
    if (this.splide) {
      this.splide.destroy();
      this.splide = void 0;
    }
    this.options = void 0;
    this.slides.length = 0;
  }
  componentDidUpdate() {
    if (!this.splide) {
      return;
    }
    const { options } = this.props;
    if (options && !isEqualDeep(this.options, options)) {
      this.splide.options = options;
      this.options = merge2({}, options);
    }
    const newSlides = this.getSlides();
    if (!isEqualShallow(this.slides, newSlides)) {
      this.splide.refresh();
      this.slides = newSlides;
    }
  }
  sync(splide) {
    var _a;
    (_a = this.splide) == null ? void 0 : _a.sync(splide);
  }
  go(control) {
    var _a;
    (_a = this.splide) == null ? void 0 : _a.go(control);
  }
  getSlides() {
    var _a;
    if (this.splide) {
      const children2 = (_a = this.splide.Components.Elements) == null ? void 0 : _a.list.children;
      return children2 && Array.prototype.slice.call(children2) || [];
    }
    return [];
  }
  bind(splide) {
    EVENTS.forEach(([event, name]) => {
      const handler = this.props[name];
      if (typeof handler === "function") {
        splide.on(event, (...args) => {
          handler(splide, ...args);
        });
      }
    });
  }
  omit(props, keys) {
    keys.forEach((key) => {
      if (Object.prototype.hasOwnProperty.call(props, key)) {
        delete props[key];
      }
    });
    return props;
  }
  render() {
    const { className, tag: Root = "div", hasTrack = true, children: children2, ...props } = this.props;
    return /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Root, {
      className: classNames("splide", className),
      ref: this.splideRef,
      ...this.omit(props, ["options", ...EVENTS.map((event) => event[1])])
    }, hasTrack ? /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0___default().createElement(SplideTrack, null, children2) : children2);
  }
};

// src/js/components/SplideSlide/SplideSlide.tsx

var SplideSlide = ({ children: children2, className, ...props }) => {
  return /* @__PURE__ */ react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
    className: classNames("splide__slide", className),
    ...props
  }, children2);
};

/*!
 * Splide.js
 * Version  : 4.1.3
 * License  : MIT
 * Copyright: 2022 Naotoshi Fujita
 */


/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/icon/index.js":
/*!******************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/icon/index.js ***!
  \******************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/**
 * WordPress dependencies
 */


/** @typedef {{icon: JSX.Element, size?: number} & import('@wordpress/primitives').SVGProps} IconProps */

/**
 * Return an SVG icon.
 *
 * @param {IconProps}                                 props icon is the SVG component to render
 *                                                          size is a number specifiying the icon size in pixels
 *                                                          Other props will be passed to wrapped SVG component
 * @param {import('react').ForwardedRef<HTMLElement>} ref   The forwarded ref to the SVG element.
 *
 * @return {JSX.Element}  Icon component
 */
function Icon({
  icon,
  size = 24,
  ...props
}, ref) {
  return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(icon, {
    width: size,
    height: size,
    ...props,
    ref
  });
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(Icon));
//# sourceMappingURL=index.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/add-card.js":
/*!************************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/add-card.js ***!
  \************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const addCard = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  d: "M18.5 5.5V8H20V5.5h2.5V4H20V1.5h-1.5V4H16v1.5h2.5zM12 4H6a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2v-6h-1.5v6a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5h6V4z"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (addCard);
//# sourceMappingURL=add-card.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/arrow-right.js":
/*!***************************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/arrow-right.js ***!
  \***************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const arrowRight = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  d: "m14.5 6.5-1 1 3.7 3.7H4v1.6h13.2l-3.7 3.7 1 1 5.6-5.5z"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (arrowRight);
//# sourceMappingURL=arrow-right.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/brush.js":
/*!*********************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/brush.js ***!
  \*********************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const brush = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  d: "M4 20h8v-1.5H4V20zM18.9 3.5c-.6-.6-1.5-.6-2.1 0l-7.2 7.2c-.4-.1-.7 0-1.1.1-.5.2-1.5.7-1.9 2.2-.4 1.7-.8 2.2-1.1 2.7-.1.1-.2.3-.3.4l-.6 1.1H6c2 0 3.4-.4 4.7-1.4.8-.6 1.2-1.4 1.3-2.3 0-.3 0-.5-.1-.7L19 5.7c.5-.6.5-1.6-.1-2.2zM9.7 14.7c-.7.5-1.5.8-2.4 1 .2-.5.5-1.2.8-2.3.2-.6.4-1 .8-1.1.5-.1 1 .1 1.3.3.2.2.3.5.2.8 0 .3-.1.9-.7 1.3z"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (brush);
//# sourceMappingURL=brush.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/category.js":
/*!************************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/category.js ***!
  \************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const category = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  viewBox: "0 0 24 24",
  xmlns: "http://www.w3.org/2000/svg"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  d: "M6 5.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM4 6a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2V6zm11-.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5h-3a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM13 6a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2h-3a2 2 0 01-2-2V6zm5 8.5h-3a.5.5 0 00-.5.5v3a.5.5 0 00.5.5h3a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5zM15 13a2 2 0 00-2 2v3a2 2 0 002 2h3a2 2 0 002-2v-3a2 2 0 00-2-2h-3zm-9 1.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5v-3a.5.5 0 01.5-.5zM4 15a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2v-3z",
  fillRule: "evenodd",
  clipRule: "evenodd"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (category);
//# sourceMappingURL=category.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/check.js":
/*!*********************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/check.js ***!
  \*********************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const check = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  d: "M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (check);
//# sourceMappingURL=check.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/close-small.js":
/*!***************************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/close-small.js ***!
  \***************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const closeSmall = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  d: "M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (closeSmall);
//# sourceMappingURL=close-small.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/close.js":
/*!*********************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/close.js ***!
  \*********************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const close = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  d: "M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (close);
//# sourceMappingURL=close.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/cog.js":
/*!*******************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/cog.js ***!
  \*******************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const cog = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  fillRule: "evenodd",
  d: "M10.289 4.836A1 1 0 0111.275 4h1.306a1 1 0 01.987.836l.244 1.466c.787.26 1.503.679 2.108 1.218l1.393-.522a1 1 0 011.216.437l.653 1.13a1 1 0 01-.23 1.273l-1.148.944a6.025 6.025 0 010 2.435l1.149.946a1 1 0 01.23 1.272l-.653 1.13a1 1 0 01-1.216.437l-1.394-.522c-.605.54-1.32.958-2.108 1.218l-.244 1.466a1 1 0 01-.987.836h-1.306a1 1 0 01-.986-.836l-.244-1.466a5.995 5.995 0 01-2.108-1.218l-1.394.522a1 1 0 01-1.217-.436l-.653-1.131a1 1 0 01.23-1.272l1.149-.946a6.026 6.026 0 010-2.435l-1.148-.944a1 1 0 01-.23-1.272l.653-1.131a1 1 0 011.217-.437l1.393.522a5.994 5.994 0 012.108-1.218l.244-1.466zM14.929 12a3 3 0 11-6 0 3 3 0 016 0z",
  clipRule: "evenodd"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (cog);
//# sourceMappingURL=cog.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/columns.js":
/*!***********************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/columns.js ***!
  \***********************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const columns = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  viewBox: "0 0 24 24",
  xmlns: "http://www.w3.org/2000/svg"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  fillRule: "evenodd",
  clipRule: "evenodd",
  d: "M15 7.5h-5v10h5v-10Zm1.5 0v10H19a.5.5 0 0 0 .5-.5V8a.5.5 0 0 0-.5-.5h-2.5ZM6 7.5h2.5v10H6a.5.5 0 0 1-.5-.5V8a.5.5 0 0 1 .5-.5ZM6 6h13a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2Z"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (columns);
//# sourceMappingURL=columns.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/copy-small.js":
/*!**************************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/copy-small.js ***!
  \**************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const copySmall = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  fillRule: "evenodd",
  clipRule: "evenodd",
  d: "M5.625 5.5h9.75c.069 0 .125.056.125.125v9.75a.125.125 0 0 1-.125.125h-9.75a.125.125 0 0 1-.125-.125v-9.75c0-.069.056-.125.125-.125ZM4 5.625C4 4.728 4.728 4 5.625 4h9.75C16.273 4 17 4.728 17 5.625v9.75c0 .898-.727 1.625-1.625 1.625h-9.75A1.625 1.625 0 0 1 4 15.375v-9.75Zm14.5 11.656v-9H20v9C20 18.8 18.77 20 17.251 20H6.25v-1.5h11.001c.69 0 1.249-.528 1.249-1.219Z"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (copySmall);
//# sourceMappingURL=copy-small.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/copy.js":
/*!********************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/copy.js ***!
  \********************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const copy = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  fillRule: "evenodd",
  clipRule: "evenodd",
  d: "M5 4.5h11a.5.5 0 0 1 .5.5v11a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5V5a.5.5 0 0 1 .5-.5ZM3 5a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5Zm17 3v10.75c0 .69-.56 1.25-1.25 1.25H6v1.5h12.75a2.75 2.75 0 0 0 2.75-2.75V8H20Z"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (copy);
//# sourceMappingURL=copy.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/format-capitalize.js":
/*!*********************************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/format-capitalize.js ***!
  \*********************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const formatCapitalize = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  d: "M7.1 6.8L3.1 18h1.6l1.1-3h4.3l1.1 3h1.6l-4-11.2H7.1zm-.8 6.8L8 8.9l1.7 4.7H6.3zm14.5-1.5c-.3-.6-.7-1.1-1.2-1.5-.6-.4-1.2-.6-1.9-.6-.5 0-.9.1-1.4.3-.4.2-.8.5-1.1.8V6h-1.4v12h1.3l.2-1c.2.4.6.6 1 .8.4.2.9.3 1.4.3.7 0 1.2-.2 1.8-.5.5-.4 1-.9 1.3-1.5.3-.6.5-1.3.5-2.1-.1-.6-.2-1.3-.5-1.9zm-1.7 4c-.4.5-.9.8-1.6.8s-1.2-.2-1.7-.7c-.4-.5-.7-1.2-.7-2.1 0-.9.2-1.6.7-2.1.4-.5 1-.7 1.7-.7s1.2.3 1.6.8c.4.5.6 1.2.6 2 .1.8-.2 1.4-.6 2z"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (formatCapitalize);
//# sourceMappingURL=format-capitalize.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/format-lowercase.js":
/*!********************************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/format-lowercase.js ***!
  \********************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const formatLowercase = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  d: "M11 16.8c-.1-.1-.2-.3-.3-.5v-2.6c0-.9-.1-1.7-.3-2.2-.2-.5-.5-.9-.9-1.2-.4-.2-.9-.3-1.6-.3-.5 0-1 .1-1.5.2s-.9.3-1.2.6l.2 1.2c.4-.3.7-.4 1.1-.5.3-.1.7-.2 1-.2.6 0 1 .1 1.3.4.3.2.4.7.4 1.4-1.2 0-2.3.2-3.3.7s-1.4 1.1-1.4 2.1c0 .7.2 1.2.7 1.6.4.4 1 .6 1.8.6.9 0 1.7-.4 2.4-1.2.1.3.2.5.4.7.1.2.3.3.6.4.3.1.6.1 1.1.1h.1l.2-1.2h-.1c-.4.1-.6 0-.7-.1zM9.2 16c-.2.3-.5.6-.9.8-.3.1-.7.2-1.1.2-.4 0-.7-.1-.9-.3-.2-.2-.3-.5-.3-.9 0-.6.2-1 .7-1.3.5-.3 1.3-.4 2.5-.5v2zm10.6-3.9c-.3-.6-.7-1.1-1.2-1.5-.6-.4-1.2-.6-1.9-.6-.5 0-.9.1-1.4.3-.4.2-.8.5-1.1.8V6h-1.4v12h1.3l.2-1c.2.4.6.6 1 .8.4.2.9.3 1.4.3.7 0 1.2-.2 1.8-.5.5-.4 1-.9 1.3-1.5.3-.6.5-1.3.5-2.1-.1-.6-.2-1.3-.5-1.9zm-1.7 4c-.4.5-.9.8-1.6.8s-1.2-.2-1.7-.7c-.4-.5-.7-1.2-.7-2.1 0-.9.2-1.6.7-2.1.4-.5 1-.7 1.7-.7s1.2.3 1.6.8c.4.5.6 1.2.6 2s-.2 1.4-.6 2z"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (formatLowercase);
//# sourceMappingURL=format-lowercase.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/format-uppercase.js":
/*!********************************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/format-uppercase.js ***!
  \********************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const formatUppercase = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  d: "M6.1 6.8L2.1 18h1.6l1.1-3h4.3l1.1 3h1.6l-4-11.2H6.1zm-.8 6.8L7 8.9l1.7 4.7H5.3zm15.1-.7c-.4-.5-.9-.8-1.6-1 .4-.2.7-.5.8-.9.2-.4.3-.9.3-1.4 0-.9-.3-1.6-.8-2-.6-.5-1.3-.7-2.4-.7h-3.5V18h4.2c1.1 0 2-.3 2.6-.8.6-.6 1-1.4 1-2.4-.1-.8-.3-1.4-.6-1.9zm-5.7-4.7h1.8c.6 0 1.1.1 1.4.4.3.2.5.7.5 1.3 0 .6-.2 1.1-.5 1.3-.3.2-.8.4-1.4.4h-1.8V8.2zm4 8c-.4.3-.9.5-1.5.5h-2.6v-3.8h2.6c1.4 0 2 .6 2 1.9.1.6-.1 1-.5 1.4z"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (formatUppercase);
//# sourceMappingURL=format-uppercase.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/gallery.js":
/*!***********************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/gallery.js ***!
  \***********************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
/* harmony export */   gallery: () => (/* binding */ gallery)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const gallery = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  viewBox: "0 0 24 24",
  xmlns: "http://www.w3.org/2000/svg"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  d: "M16.375 4.5H4.625a.125.125 0 0 0-.125.125v8.254l2.859-1.54a.75.75 0 0 1 .68-.016l2.384 1.142 2.89-2.074a.75.75 0 0 1 .874 0l2.313 1.66V4.625a.125.125 0 0 0-.125-.125Zm.125 9.398-2.75-1.975-2.813 2.02a.75.75 0 0 1-.76.067l-2.444-1.17L4.5 14.583v1.792c0 .069.056.125.125.125h11.75a.125.125 0 0 0 .125-.125v-2.477ZM4.625 3C3.728 3 3 3.728 3 4.625v11.75C3 17.273 3.728 18 4.625 18h11.75c.898 0 1.625-.727 1.625-1.625V4.625C18 3.728 17.273 3 16.375 3H4.625ZM20 8v11c0 .69-.31 1-.999 1H6v1.5h13.001c1.52 0 2.499-.982 2.499-2.5V8H20Z",
  fillRule: "evenodd",
  clipRule: "evenodd"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (gallery);
//# sourceMappingURL=gallery.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/help.js":
/*!********************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/help.js ***!
  \********************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const help = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  d: "M12 4.75a7.25 7.25 0 100 14.5 7.25 7.25 0 000-14.5zM3.25 12a8.75 8.75 0 1117.5 0 8.75 8.75 0 01-17.5 0zM12 8.75a1.5 1.5 0 01.167 2.99c-.465.052-.917.44-.917 1.01V14h1.5v-.845A3 3 0 109 10.25h1.5a1.5 1.5 0 011.5-1.5zM11.25 15v1.5h1.5V15h-1.5z"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (help);
//# sourceMappingURL=help.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/link.js":
/*!********************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/link.js ***!
  \********************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const link = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  d: "M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (link);
//# sourceMappingURL=link.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/menu.js":
/*!********************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/menu.js ***!
  \********************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const menu = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  d: "M5 5v1.5h14V5H5zm0 7.8h14v-1.5H5v1.5zM5 19h14v-1.5H5V19z"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (menu);
//# sourceMappingURL=menu.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/page.js":
/*!********************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/page.js ***!
  \********************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const page = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  d: "M15.5 7.5h-7V9h7V7.5Zm-7 3.5h7v1.5h-7V11Zm7 3.5h-7V16h7v-1.5Z"
}), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  d: "M17 4H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2ZM7 5.5h10a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5H7a.5.5 0 0 1-.5-.5V6a.5.5 0 0 1 .5-.5Z"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (page);
//# sourceMappingURL=page.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/pages.js":
/*!*********************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/pages.js ***!
  \*********************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const pages = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  d: "M14.5 5.5h-7V7h7V5.5ZM7.5 9h7v1.5h-7V9Zm7 3.5h-7V14h7v-1.5Z"
}), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  d: "M16 2H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2ZM6 3.5h10a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5H6a.5.5 0 0 1-.5-.5V4a.5.5 0 0 1 .5-.5Z"
}), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  d: "M20 8v11c0 .69-.31 1-.999 1H6v1.5h13.001c1.52 0 2.499-.982 2.499-2.5V8H20Z"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (pages);
//# sourceMappingURL=pages.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/pencil.js":
/*!**********************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/pencil.js ***!
  \**********************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const pencil = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  d: "m19 7-3-3-8.5 8.5-1 4 4-1L19 7Zm-7 11.5H5V20h7v-1.5Z"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (pencil);
//# sourceMappingURL=pencil.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/plus.js":
/*!********************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/plus.js ***!
  \********************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const plus = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  d: "M11 12.5V17.5H12.5V12.5H17.5V11H12.5V6H11V11H6V12.5H11Z"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (plus);
//# sourceMappingURL=plus.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/post-comments.js":
/*!*****************************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/post-comments.js ***!
  \*****************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const postComments = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  d: "M14 10.1V4c0-.6-.4-1-1-1H5c-.6 0-1 .4-1 1v8.3c0 .3.2.7.6.8.1.1.2.1.3.1.2 0 .5-.1.6-.3l1.8-1.8H13c.6 0 1-.4 1-1zm-1.5-.5H6.7l-1.2 1.2V4.5h7v5.1zM19 12h-8c-.6 0-1 .4-1 1v6.1c0 .6.4 1 1 1h5.7l1.8 1.8c.1.2.4.3.6.3.1 0 .2 0 .3-.1.4-.1.6-.5.6-.8V13c0-.6-.4-1-1-1zm-.5 7.8l-1.2-1.2h-5.8v-5.1h7v6.3z"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (postComments);
//# sourceMappingURL=post-comments.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/settings.js":
/*!************************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/settings.js ***!
  \************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const settings = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  d: "m19 7.5h-7.628c-.3089-.87389-1.1423-1.5-2.122-1.5-.97966 0-1.81309.62611-2.12197 1.5h-2.12803v1.5h2.12803c.30888.87389 1.14231 1.5 2.12197 1.5.9797 0 1.8131-.62611 2.122-1.5h7.628z"
}), (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  d: "m19 15h-2.128c-.3089-.8739-1.1423-1.5-2.122-1.5s-1.8131.6261-2.122 1.5h-7.628v1.5h7.628c.3089.8739 1.1423 1.5 2.122 1.5s1.8131-.6261 2.122-1.5h2.128z"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (settings);
//# sourceMappingURL=settings.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/store.js":
/*!*********************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/store.js ***!
  \*********************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const store = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  fillRule: "evenodd",
  d: "M19.75 11H21V8.667L19.875 4H4.125L3 8.667V11h1.25v8.75h15.5V11zm-1.5 0H5.75v7.25H10V13h4v5.25h4.25V11zm-5.5-5.5h2.067l.486 3.24.028.76H12.75v-4zm-3.567 0h2.067v4H8.669l.028-.76.486-3.24zm7.615 3.1l-.464-3.1h2.36l.806 3.345V9.5h-2.668l-.034-.9zM7.666 5.5h-2.36L4.5 8.845V9.5h2.668l.034-.9.464-3.1z",
  clipRule: "evenodd"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (store);
//# sourceMappingURL=store.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/styles.js":
/*!**********************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/styles.js ***!
  \**********************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
/* harmony export */   styles: () => (/* binding */ styles)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const styles = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  viewBox: "0 0 24 24",
  xmlns: "http://www.w3.org/2000/svg"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  d: "M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (styles);
//# sourceMappingURL=styles.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/trash.js":
/*!*********************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/trash.js ***!
  \*********************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const trash = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  fillRule: "evenodd",
  clipRule: "evenodd",
  d: "M12 5.5A2.25 2.25 0 0 0 9.878 7h4.244A2.251 2.251 0 0 0 12 5.5ZM12 4a3.751 3.751 0 0 0-3.675 3H5v1.5h1.27l.818 8.997a2.75 2.75 0 0 0 2.739 2.501h4.347a2.75 2.75 0 0 0 2.738-2.5L17.73 8.5H19V7h-3.325A3.751 3.751 0 0 0 12 4Zm4.224 4.5H7.776l.806 8.861a1.25 1.25 0 0 0 1.245 1.137h4.347a1.25 1.25 0 0 0 1.245-1.137l.805-8.861Z"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (trash);
//# sourceMappingURL=trash.js.map

/***/ }),

/***/ "./node_modules/@wordpress/icons/build-module/library/update.js":
/*!**********************************************************************!*\
  !*** ./node_modules/@wordpress/icons/build-module/library/update.js ***!
  \**********************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);

/**
 * WordPress dependencies
 */

const update = (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
  xmlns: "http://www.w3.org/2000/svg",
  viewBox: "0 0 24 24"
}, (0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
  d: "m11.3 17.2-5-5c-.1-.1-.1-.3 0-.4l2.3-2.3-1.1-1-2.3 2.3c-.7.7-.7 1.8 0 2.5l5 5H7.5v1.5h5.3v-5.2h-1.5v2.6zm7.5-6.4-5-5h2.7V4.2h-5.2v5.2h1.5V6.8l5 5c.1.1.1.3 0 .4l-2.3 2.3 1.1 1.1 2.3-2.3c.6-.7.6-1.9-.1-2.5z"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (update);
//# sourceMappingURL=update.js.map

/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
const breakPoints = {
  Mobile: {
    name: "Mobile",
    id: "Mobile",
    icon: '<span class="dashicons dashicons-smartphone">',
    min: 0,
    max: 767
  },
  Tablet: {
    name: "Tablet",
    id: "Tablet",
    icon: '<span class="dashicons dashicons-tablet"></span>',
    min: 768,
    max: 991
  },
  Desktop: {
    name: "Desktop",
    id: "Desktop",
    icon: '<span class="dashicons dashicons-desktop"></span>',
    min: 992,
    max: 1280
  }
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (breakPoints);

/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
const colorsPresets = [{
  name: '9DD6DF',
  color: '#9DD6DF'
}, {
  name: '18978F',
  color: '#18978F'
}, {
  name: 'A084CF',
  color: '#A084CF'
}, {
  name: 'DFBB9D',
  color: '#DFBB9D'
}, {
  name: '774360',
  color: '#774360'
}, {
  name: '3AB0FF',
  color: '#3AB0FF'
}, {
  name: '51557E',
  color: '#51557E'
}];
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (colorsPresets);

/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/help.js");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _input_select__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../input-select */ "./src/components/input-select/index.js");
/* harmony import */ var _input_text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../input-text */ "./src/components/input-text/index.js");
/* harmony import */ var _preview_accordions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./preview-accordions */ "./src/components/BuilderView/preview-accordions.js");
/* harmony import */ var _preview_tabs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./preview-tabs */ "./src/components/BuilderView/preview-tabs.js");
/* harmony import */ var _preview_image_accordion__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./preview-image-accordion */ "./src/components/BuilderView/preview-image-accordion.js");
/* harmony import */ var _preview_accordion_menu__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./preview-accordion-menu */ "./src/components/BuilderView/preview-accordion-menu.js");
/* harmony import */ var _preview_faq_grid__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./preview-faq-grid */ "./src/components/BuilderView/preview-faq-grid.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__);
const {
  Component,
  RawHTML,
  useState,
  useEffect
} = wp.element;













var myStore = wp.data.select("postgrid-shop");
function Html(props) {
  if (!props.warn) {
    return null;
  }
  var id = props.id;
  var appData = props.appData;
  var onChange = props.onChange;
  var addNotifications = props.addNotifications;
  var setHelp = props.setHelp;
  var isLoading = props.isLoading;
  var onUpdate = props.onUpdate;
  var pleaseUpdate = props.pleaseUpdate;
  if (props.postData.post_content == null) {
    return null;
  }
  var [pleaseUpdateX, setpleaseUpdateX] = useState(props.pleaseUpdate);
  var [postData, setpostData] = useState(props.postData);
  var [accordionData, setaccordionData] = useState(postData.post_content);
  var [globalOptions, setglobalOptions] = useState(accordionData.globalOptions);
  var [wrapper, setwrapper] = useState(accordionData.wrapper);
  var [items, setitems] = useState(accordionData.items);
  var [content, setcontent] = useState(accordionData.content);
  var [accOptions, setaccOptions] = useState(accordionData.accOptions);
  var [header, setheader] = useState(accordionData.header);
  var [headerActive, setheaderActive] = useState(accordionData.headerActive);
  var [headerLabel, setheaderLabel] = useState(accordionData.headerLabel);
  var [labelCounter, setlabelCounter] = useState(accordionData.labelCounter);
  var [labelIcon, setlabelIcon] = useState(accordionData.labelIcon);
  var [icon, seticon] = useState(accordionData.icon);
  var [iconToggle, seticonToggle] = useState(accordionData.iconToggle);
  var [searchInput, setsearchInput] = useState(accordionData.searchInput);
  var [expandCollapseAll, setexpandCollapseAll] = useState(accordionData.expandCollapseAll);
  const [toggled, setToggled] = useState(false);
  const [labelIconHtml, setlabelIconHtml] = useState("");
  const [iconHtml, seticonHtml] = useState("");
  const [iconToggleHtml, seticonToggleHtml] = useState("");
  const [iconExpandAllHtml, seticonExpandAllHtml] = useState("");
  const [iconCollapseAllHtml, seticonCollapseAllHtml] = useState("");
  const copyData = data => {
    navigator.clipboard.writeText(data).then(() => {
      addNotifications({
        title: "Copied to clipboard!",
        content: "Use the shortcode in page or post conent where you want to display.",
        type: "success"
      });
    }).catch(err => {});
  };
  useEffect(() => {
    setpostData(props.postData);
  }, [props.postData]);
  useEffect(() => {
    setaccordionData(postData.post_content);
    //setitems(postData.post_content.items);
  }, [postData]);
  useEffect(() => {
    setglobalOptions(accordionData.globalOptions);
    setwrapper(accordionData.wrapper);
    setitems(accordionData.items);
    setcontent(accordionData.content);
    setaccOptions(accordionData.accOptions);
    setheader(accordionData.header);
    setheaderActive(accordionData.headerActive);
    setheaderLabel(accordionData.headerLabel);
    setlabelCounter(accordionData.labelCounter);
    setlabelIcon(accordionData.labelIcon);
    seticon(accordionData.icon);
    seticonToggle(accordionData.iconToggle);
    setsearchInput(accordionData.searchInput);
    setexpandCollapseAll(accordionData.expandCollapseAll);
  }, [accordionData]);
  useEffect(() => {
    //var accordionDataX = { ...accordionData };
    //accordionDataX.items = items;
    //onChange(accordionDataX);
  }, [items]);
  useEffect(() => {
    setpleaseUpdateX(pleaseUpdate);
  }, [pleaseUpdate]);
  useEffect(() => {
    var iconSrc = iconToggle?.options?.iconSrc;
    var iconHtml = `<span class="${iconSrc}"></span>`;
    seticonToggleHtml(iconHtml);
  }, [iconToggle?.options]);
  useEffect(() => {
    var iconSrc = icon?.options?.iconSrc;
    var iconHtml = `<span class="${iconSrc}"></span>`;
    seticonHtml(iconHtml);
  }, [icon?.options]);
  useEffect(() => {
    var iconSrc = labelIcon?.options?.iconSrc;
    var iconHtml = `<span class="${iconSrc}"></span>`;
    setlabelIconHtml(iconHtml);
  }, [labelIcon?.options]);
  useEffect(() => {
    var expandAllIconSrc = expandCollapseAll?.options?.expandAllIcon?.iconSrc;
    var collapseAllIconSrc = expandCollapseAll?.options?.collapseAllIcon?.iconSrc;
    var expandIconHtml = `<span class="${expandAllIconSrc}"></span>`;
    seticonExpandAllHtml(expandIconHtml);
    var collapseIconHtml = `<span class="${collapseAllIconSrc}"></span>`;
    seticonCollapseAllHtml(collapseIconHtml);
  }, [expandCollapseAll?.options]);
  var [active, setactive] = useState(9999);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)("div", {
    className: "ml-5",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)("div", {
      className: "flex items-center justify-between align-middle bg-white p-5  mb-5",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)("div", {
        className: "flex items-center gap-5",
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)("div", {
          className: "text-xl",
          children: postData?.post_title && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.Fragment, {
            children: ["You are editing: ", postData.post_title]
          })
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)("div", {
        className: "flex items-center align-middle gap-3",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsxs)("div", {
          className: "flex items-center align-middle gap-2",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)("span", {
            className: "cursor-pointer",
            title: "Click to know more",
            onClick: () => {
              setHelp({
                id: "useShortcodes",
                enable: true
              });
            },
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_12__["default"], {
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_13__["default"]
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)("input", {
            type: "text",
            className: "w-72 !bg-slate-200 !rounded-none !border-2 !border-solid border-slate-400 text-sm !py-1 !px-2 font-mono",
            value: `[accordions_builder id="${id}"]`,
            onClick: () => {
              var str = `[accordions_builder id="${id}"]`;
              copyData(str);
            }
          })]
        }), pleaseUpdateX && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)("div", {
          className: "bg-slate-700 text-white px-5 py-2 rounded-sm cursor-pointer hover:bg-slate-600",
          onClick: ev => {
            onUpdate(true);
          },
          children: "Save"
        })]
      })]
    }), globalOptions?.viewType == "accordion" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_preview_accordions__WEBPACK_IMPORTED_MODULE_6__["default"], {
      isLoading: isLoading,
      postData: postData,
      id: id,
      onUpdate: onUpdate,
      pleaseUpdate: pleaseUpdate,
      onChange: onChange,
      addNotifications: addNotifications,
      setHelp: setHelp
    }), globalOptions?.viewType == "tabs" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_preview_tabs__WEBPACK_IMPORTED_MODULE_7__["default"], {
      isLoading: isLoading,
      postData: postData,
      id: id,
      onUpdate: onUpdate,
      pleaseUpdate: pleaseUpdate,
      onChange: onChange,
      addNotifications: addNotifications,
      setHelp: setHelp
    }), globalOptions?.viewType == "imageAccordion" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_preview_image_accordion__WEBPACK_IMPORTED_MODULE_8__["default"], {
      isLoading: isLoading,
      postData: postData,
      id: id,
      onUpdate: onUpdate,
      pleaseUpdate: pleaseUpdate,
      onChange: onChange,
      addNotifications: addNotifications,
      setHelp: setHelp
    }), globalOptions?.viewType == "accordionMenu" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_preview_accordion_menu__WEBPACK_IMPORTED_MODULE_9__["default"], {
      isLoading: isLoading,
      postData: postData,
      id: id,
      onUpdate: onUpdate,
      pleaseUpdate: pleaseUpdate,
      onChange: onChange,
      addNotifications: addNotifications,
      setHelp: setHelp
    }), globalOptions?.viewType == "faqGrid" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_preview_faq_grid__WEBPACK_IMPORTED_MODULE_10__["default"], {
      isLoading: isLoading,
      postData: postData,
      id: id,
      onUpdate: onUpdate,
      pleaseUpdate: pleaseUpdate,
      onChange: onChange,
      addNotifications: addNotifications,
      setHelp: setHelp
    })]
  });
}
class BuilderView extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      postData,
      appData,
      id,
      isLoading,
      onChange,
      pleaseUpdate,
      onUpdate,
      addNotifications,
      setHelp
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(Html, {
      isLoading: isLoading,
      postData: postData,
      appData: appData,
      id: id,
      onUpdate: onUpdate,
      pleaseUpdate: pleaseUpdate,
      onChange: onChange,
      addNotifications: addNotifications,
      setHelp: setHelp,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BuilderView);

/***/ }),

/***/ "./src/components/BuilderView/preview-accordion-menu.js":
/*!**************************************************************!*\
  !*** ./src/components/BuilderView/preview-accordion-menu.js ***!
  \**************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _input_select__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../input-select */ "./src/components/input-select/index.js");
/* harmony import */ var _input_text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../input-text */ "./src/components/input-text/index.js");
/* 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__);
const {
  Component,
  RawHTML,
  useState,
  useEffect
} = wp.element;








var myStore = wp.data.select("postgrid-shop");
function Html(props) {
  if (!props.warn) {
    return null;
  }
  var id = props.id;
  var onChange = props.onChange;
  var addNotifications = props.addNotifications;
  var setHelp = props.setHelp;
  var isLoading = props.isLoading;
  var onUpdate = props.onUpdate;
  var pleaseUpdate = props.pleaseUpdate;
  if (props.postData.post_content == null) {
    return null;
  }
  var [pleaseUpdateX, setpleaseUpdateX] = useState(props.pleaseUpdate);
  var [postData, setpostData] = useState(props.postData);
  var [accordionData, setaccordionData] = useState(postData.post_content);
  var [globalOptions, setglobalOptions] = useState(accordionData.globalOptions);
  var [wrapper, setwrapper] = useState(accordionData.wrapper);
  var [items, setitems] = useState(accordionData.items);
  var [content, setcontent] = useState(accordionData.content);
  var [accOptions, setaccOptions] = useState(accordionData.accOptions);
  var [header, setheader] = useState(accordionData.header);
  var [headerActive, setheaderActive] = useState(accordionData.headerActive);
  var [headerLabel, setheaderLabel] = useState(accordionData.headerLabel);
  var [labelCounter, setlabelCounter] = useState(accordionData.labelCounter);
  var [labelIcon, setlabelIcon] = useState(accordionData.labelIcon);
  var [icon, seticon] = useState(accordionData.icon);
  var [iconToggle, seticonToggle] = useState(accordionData.iconToggle);
  var [searchInput, setsearchInput] = useState(accordionData.searchInput);
  var [expandCollapseAll, setexpandCollapseAll] = useState(accordionData.expandCollapseAll);
  var [navsWrap, setnavsWrap] = useState(accordionData?.navsWrap);
  var [navItem, setnavItem] = useState(accordionData?.navItem);
  var [activeNavItem, setactiveNavItem] = useState(accordionData?.activeNavItem);
  var [navLabel, setnavLabel] = useState(accordionData?.navLabel);
  var [panelWrap, setpanelWrap] = useState(accordionData?.panelWrap);
  const [toggled, setToggled] = useState(false);
  const [labelIconHtml, setlabelIconHtml] = useState("");
  const [iconHtml, seticonHtml] = useState("");
  const [iconToggleHtml, seticonToggleHtml] = useState("");
  const [iconExpandAllHtml, seticonExpandAllHtml] = useState("");
  const [iconCollapseAllHtml, seticonCollapseAllHtml] = useState("");
  const [activeTab, setactiveTab] = useState(0);
  const copyData = data => {
    navigator.clipboard.writeText(data).then(() => {
      addNotifications({
        title: "Copied to clipboard!",
        content: "Use the shortcode in page or post conent where you want to display.",
        type: "success"
      });
    }).catch(err => {});
  };
  useEffect(() => {
    setpostData(props.postData);
  }, [props.postData]);
  useEffect(() => {
    setaccordionData(postData.post_content);
    //setitems(postData.post_content.items);
  }, [postData]);
  useEffect(() => {
    setglobalOptions(accordionData.globalOptions);
    setwrapper(accordionData.wrapper);
    setitems(accordionData.items);
    setcontent(accordionData.content);
    setaccOptions(accordionData.accOptions);
    setheader(accordionData.header);
    setheaderActive(accordionData.headerActive);
    setheaderLabel(accordionData.headerLabel);
    setlabelCounter(accordionData.labelCounter);
    setlabelIcon(accordionData.labelIcon);
    seticon(accordionData.icon);
    seticonToggle(accordionData.iconToggle);
    setsearchInput(accordionData.searchInput);
    setexpandCollapseAll(accordionData.expandCollapseAll);
  }, [accordionData]);
  useEffect(() => {
    //var accordionDataX = { ...accordionData };
    //accordionDataX.items = items;
    //onChange(accordionDataX);
  }, [items]);
  useEffect(() => {
    setpleaseUpdateX(pleaseUpdate);
  }, [pleaseUpdate]);
  useEffect(() => {
    var iconSrc = iconToggle?.options?.iconSrc;
    var iconHtml = `<span class="${iconSrc}"></span>`;
    seticonToggleHtml(iconHtml);
  }, [iconToggle?.options]);
  useEffect(() => {
    var iconSrc = icon?.options?.iconSrc;
    var iconHtml = `<span class="${iconSrc}"></span>`;
    seticonHtml(iconHtml);
  }, [icon?.options]);
  useEffect(() => {
    var iconSrc = labelIcon?.options?.iconSrc;
    var iconHtml = `<span class="${iconSrc}"></span>`;
    setlabelIconHtml(iconHtml);
  }, [labelIcon?.options]);
  useEffect(() => {
    var expandAllIconSrc = expandCollapseAll?.options?.expandAllIcon?.iconSrc;
    var collapseAllIconSrc = expandCollapseAll?.options?.collapseAllIcon?.iconSrc;
    var expandIconHtml = `<span class="${expandAllIconSrc}"></span>`;
    seticonExpandAllHtml(expandIconHtml);
    var collapseIconHtml = `<span class="${collapseAllIconSrc}"></span>`;
    seticonCollapseAllHtml(collapseIconHtml);
  }, [expandCollapseAll?.options]);
  var [active, setactive] = useState(9999);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
    className: "px-10 py-10",
    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
      id: `accordions-${id}`,
      className: `${wrapper?.options?.class} `,
      children: "PreviewAccordionMenu"
    })
  });
}
class PreviewAccordionMenu extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      postData,
      id,
      isLoading,
      onChange,
      pleaseUpdate,
      onUpdate,
      addNotifications,
      setHelp
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(Html, {
      isLoading: isLoading,
      postData: postData,
      id: id,
      onUpdate: onUpdate,
      pleaseUpdate: pleaseUpdate,
      onChange: onChange,
      addNotifications: addNotifications,
      setHelp: setHelp,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PreviewAccordionMenu);

/***/ }),

/***/ "./src/components/BuilderView/preview-accordions.js":
/*!**********************************************************!*\
  !*** ./src/components/BuilderView/preview-accordions.js ***!
  \**********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _input_select__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../input-select */ "./src/components/input-select/index.js");
/* harmony import */ var _input_text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../input-text */ "./src/components/input-text/index.js");
/* 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__);
const {
  Component,
  RawHTML,
  useState,
  useEffect
} = wp.element;








var myStore = wp.data.select("postgrid-shop");
function Html(props) {
  if (!props.warn) {
    return null;
  }
  var id = props.id;
  var onChange = props.onChange;
  var addNotifications = props.addNotifications;
  var setHelp = props.setHelp;
  var isLoading = props.isLoading;
  var onUpdate = props.onUpdate;
  var pleaseUpdate = props.pleaseUpdate;
  if (props.postData.post_content == null) {
    return null;
  }
  var [pleaseUpdateX, setpleaseUpdateX] = useState(props.pleaseUpdate);
  var [postData, setpostData] = useState(props.postData);
  var [accordionData, setaccordionData] = useState(postData.post_content);
  var [globalOptions, setglobalOptions] = useState(accordionData.globalOptions);
  var [wrapper, setwrapper] = useState(accordionData.wrapper);
  var [items, setitems] = useState(accordionData.items);
  var [content, setcontent] = useState(accordionData.content);
  var [accOptions, setaccOptions] = useState(accordionData.accOptions);
  var [header, setheader] = useState(accordionData.header);
  var [headerActive, setheaderActive] = useState(accordionData.headerActive);
  var [headerLabel, setheaderLabel] = useState(accordionData.headerLabel);
  var [labelCounter, setlabelCounter] = useState(accordionData.labelCounter);
  var [labelIcon, setlabelIcon] = useState(accordionData.labelIcon);
  var [icon, seticon] = useState(accordionData.icon);
  var [iconToggle, seticonToggle] = useState(accordionData.iconToggle);
  var [searchInput, setsearchInput] = useState(accordionData.searchInput);
  var [expandCollapseAll, setexpandCollapseAll] = useState(accordionData.expandCollapseAll);
  const [toggled, setToggled] = useState(false);
  const [labelIconHtml, setlabelIconHtml] = useState("");
  const [iconHtml, seticonHtml] = useState("");
  const [iconToggleHtml, seticonToggleHtml] = useState("");
  const [iconExpandAllHtml, seticonExpandAllHtml] = useState("");
  const [iconCollapseAllHtml, seticonCollapseAllHtml] = useState("");
  const copyData = data => {
    navigator.clipboard.writeText(data).then(() => {
      addNotifications({
        title: "Copied to clipboard!",
        content: "Use the shortcode in page or post conent where you want to display.",
        type: "success"
      });
    }).catch(err => {});
  };
  useEffect(() => {
    setpostData(props.postData);
  }, [props.postData]);
  useEffect(() => {
    setaccordionData(postData.post_content);
    //setitems(postData.post_content.items);
  }, [postData]);
  useEffect(() => {
    setglobalOptions(accordionData.globalOptions);
    setwrapper(accordionData.wrapper);
    setitems(accordionData.items);
    setcontent(accordionData.content);
    setaccOptions(accordionData.accOptions);
    setheader(accordionData.header);
    setheaderActive(accordionData.headerActive);
    setheaderLabel(accordionData.headerLabel);
    setlabelCounter(accordionData.labelCounter);
    setlabelIcon(accordionData.labelIcon);
    seticon(accordionData.icon);
    seticonToggle(accordionData.iconToggle);
    setsearchInput(accordionData.searchInput);
    setexpandCollapseAll(accordionData.expandCollapseAll);
  }, [accordionData]);
  useEffect(() => {
    //var accordionDataX = { ...accordionData };
    //accordionDataX.items = items;
    //onChange(accordionDataX);
  }, [items]);
  useEffect(() => {
    setpleaseUpdateX(pleaseUpdate);
  }, [pleaseUpdate]);
  useEffect(() => {
    var iconSrc = iconToggle?.options?.iconSrc;
    var iconHtml = `<span class="${iconSrc}"></span>`;
    seticonToggleHtml(iconHtml);
  }, [iconToggle?.options]);
  useEffect(() => {
    var iconSrc = icon?.options?.iconSrc;
    var iconHtml = `<span class="${iconSrc}"></span>`;
    seticonHtml(iconHtml);
  }, [icon?.options]);
  useEffect(() => {
    var iconSrc = labelIcon?.options?.iconSrc;
    var iconHtml = `<span class="${iconSrc}"></span>`;
    setlabelIconHtml(iconHtml);
  }, [labelIcon?.options]);
  useEffect(() => {
    var expandAllIconSrc = expandCollapseAll?.options?.expandAllIcon?.iconSrc;
    var collapseAllIconSrc = expandCollapseAll?.options?.collapseAllIcon?.iconSrc;
    var expandIconHtml = `<span class="${expandAllIconSrc}"></span>`;
    seticonExpandAllHtml(expandIconHtml);
    var collapseIconHtml = `<span class="${collapseAllIconSrc}"></span>`;
    seticonCollapseAllHtml(collapseIconHtml);
  }, [expandCollapseAll?.options]);
  var [active, setactive] = useState(9999);
  function unescapeHTML(str) {
    const map = {
      '&amp;': '&',
      '&lt;': '<',
      '&gt;': '>',
      '&quot;': '"',
      '&#039;': "'"
    };
    return str.replace(/&amp;|&lt;|&gt;|&quot;|&#039;/g, function (match) {
      return map[match];
    });
  }
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
    className: "px-10 py-10",
    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
      id: `accordions-${id}`,
      className: `${wrapper?.options?.class} `,
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
        className: "top-wrap",
        children: [searchInput?.options.enable && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
          class: "search-wrap",
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("input", {
            type: "text",
            class: "search-input",
            placeholder: searchInput?.options?.placeholder
          })
        }), expandCollapseAll?.options?.enable && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
          class: "expand-collapse-all",
          "data-expandAllText": "",
          "data-collapseAllText": "",
          "data-expandAllIconHtml": "",
          "data-collapseAllIconHtml": "",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
            className: ` `,
            dangerouslySetInnerHTML: {
              __html: iconExpandAllHtml
            }
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
            children: expandCollapseAll?.options?.expandAllText
          })]
        })]
      }), items?.map((item, index) => {
        return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
            className: `accordion-header accordion-header-${index} ${header?.options.class} ${active == index ? "accordion-header-active" : ""}`,
            onClick: ev => {
              setToggled(!toggled);
              setactive(index == active ? 999 : index);
            },
            children: [labelCounter?.options.position == "left" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
              className: ` accordion-label-counter`,
              children: index
            }), icon?.options.position == "left" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
              children: [active != index && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                className: ` accordion-icon`,
                dangerouslySetInnerHTML: {
                  __html: iconHtml
                }
              }), active == index && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                className: ` accordion-icon accordion-icon-toggle`,
                dangerouslySetInnerHTML: {
                  __html: iconToggleHtml
                }
              })]
            }), labelIcon?.options.position == "beforeLabel" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
              children: [item?.labelIcon?.options.iconSrc && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                className: ` accordion-label-icon`,
                dangerouslySetInnerHTML: {
                  __html: `<span class="${item?.labelIcon?.options.iconSrc}"></span>`
                }
              }), !item?.labelIcon?.options.iconSrc && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                className: ` accordion-label-icon`,
                dangerouslySetInnerHTML: {
                  __html: labelIconHtml
                }
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("a", {
              className: ` accordion-header-label`,
              href: "#" + item.headerLabelSlug,
              onClick: e => {
                return;
              },
              children: [labelCounter?.options.position == "beforeLabelText" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                className: ` accordion-label-counter`,
                children: index
              }), labelIcon?.options.position == "beforeLabelText" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
                children: [item?.labelIcon?.options.iconSrc && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                  className: ` accordion-label-icon`,
                  dangerouslySetInnerHTML: {
                    __html: `<span class="${item?.labelIcon?.options.iconSrc}"></span>`
                  }
                }), !item?.labelIcon?.options.iconSrc && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                  className: ` accordion-label-icon`,
                  dangerouslySetInnerHTML: {
                    __html: labelIconHtml
                  }
                })]
              }), item?.headerLabelText.length > 0 ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                  className: ``,
                  dangerouslySetInnerHTML: {
                    __html: item?.headerLabelText
                  }
                })
              }) : "Start Writing...", labelIcon?.options.position == "afterLabelText" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
                children: [item?.labelIcon?.options.iconSrc && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                  className: ` accordion-label-icon`,
                  dangerouslySetInnerHTML: {
                    __html: `<span class="${item?.labelIcon?.options.iconSrc}"></span>`
                  }
                }), !item?.labelIcon?.options.iconSrc && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                  className: ` accordion-label-icon`,
                  dangerouslySetInnerHTML: {
                    __html: labelIconHtml
                  }
                })]
              }), labelCounter?.options.position == "afterLabelText" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                className: ` accordion-label-counter`,
                children: index
              })]
            }), labelIcon?.options.position == "afterLabel" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
              children: [item?.labelIcon?.options.iconSrc && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                className: ` accordion-label-icon`,
                dangerouslySetInnerHTML: {
                  __html: `<span class="${item?.labelIcon?.options.iconSrc}"></span>`
                }
              }), !item?.labelIcon?.options.iconSrc && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                className: ` accordion-label-icon`,
                dangerouslySetInnerHTML: {
                  __html: labelIconHtml
                }
              })]
            }), labelCounter?.options.position == "right" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
              className: ` accordion-label-counter`,
              children: index
            }), icon?.options.position == "right" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
              children: [active != index && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                className: ` accordion-icon`,
                dangerouslySetInnerHTML: {
                  __html: iconHtml
                }
              }), active == index && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                className: ` accordion-icon-toggle`,
                dangerouslySetInnerHTML: {
                  __html: iconToggleHtml
                }
              })]
            })]
          }), active == index && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
              className: `accordion-content animate__animated animate__${content?.options?.inAnimation}`,
              dangerouslySetInnerHTML: {
                __html: unescapeHTML(item?.contentText)
              }
            })
          })]
        }, index);
      })]
    })
  });
}
class PreviewAccordions extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      postData,
      id,
      isLoading,
      onChange,
      pleaseUpdate,
      onUpdate,
      addNotifications,
      setHelp
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(Html, {
      isLoading: isLoading,
      postData: postData,
      id: id,
      onUpdate: onUpdate,
      pleaseUpdate: pleaseUpdate,
      onChange: onChange,
      addNotifications: addNotifications,
      setHelp: setHelp,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PreviewAccordions);

/***/ }),

/***/ "./src/components/BuilderView/preview-faq-grid.js":
/*!********************************************************!*\
  !*** ./src/components/BuilderView/preview-faq-grid.js ***!
  \********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _input_select__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../input-select */ "./src/components/input-select/index.js");
/* harmony import */ var _input_text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../input-text */ "./src/components/input-text/index.js");
/* 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__);
const {
  Component,
  RawHTML,
  useState,
  useEffect
} = wp.element;








var myStore = wp.data.select("postgrid-shop");
function Html(props) {
  if (!props.warn) {
    return null;
  }
  var id = props.id;
  var onChange = props.onChange;
  var addNotifications = props.addNotifications;
  var setHelp = props.setHelp;
  var isLoading = props.isLoading;
  var onUpdate = props.onUpdate;
  var pleaseUpdate = props.pleaseUpdate;
  if (props.postData.post_content == null) {
    return null;
  }
  var [pleaseUpdateX, setpleaseUpdateX] = useState(props.pleaseUpdate);
  var [postData, setpostData] = useState(props.postData);
  var [accordionData, setaccordionData] = useState(postData.post_content);
  var [globalOptions, setglobalOptions] = useState(accordionData.globalOptions);
  var [wrapper, setwrapper] = useState(accordionData.wrapper);
  var [itemsWrap, setitemsWrap] = useState(accordionData.itemsWrap);
  var [itemWrap, setitemWrap] = useState(accordionData.itemWrap);
  var [items, setitems] = useState(accordionData.items);
  var [content, setcontent] = useState(accordionData.content);
  var [accOptions, setaccOptions] = useState(accordionData.accOptions);
  var [header, setheader] = useState(accordionData.header);
  var [headerLabel, setheaderLabel] = useState(accordionData.headerLabel);
  var [labelCounter, setlabelCounter] = useState(accordionData.labelCounter);
  var [labelIcon, setlabelIcon] = useState(accordionData.labelIcon);
  var [icon, seticon] = useState(accordionData.icon);
  var [searchInput, setsearchInput] = useState(accordionData.searchInput);
  const [toggled, setToggled] = useState(false);
  const [labelIconHtml, setlabelIconHtml] = useState("");
  const [iconHtml, seticonHtml] = useState("");
  const [iconExpandAllHtml, seticonExpandAllHtml] = useState("");
  const [iconCollapseAllHtml, seticonCollapseAllHtml] = useState("");
  const copyData = data => {
    navigator.clipboard.writeText(data).then(() => {
      addNotifications({
        title: "Copied to clipboard!",
        content: "Use the shortcode in page or post conent where you want to display.",
        type: "success"
      });
    }).catch(err => {});
  };
  useEffect(() => {
    setpostData(props.postData);
  }, [props.postData]);
  useEffect(() => {
    setaccordionData(postData.post_content);
    //setitems(postData.post_content.items);
  }, [postData]);
  useEffect(() => {
    setglobalOptions(accordionData.globalOptions);
    setwrapper(accordionData.wrapper);
    setitemsWrap(accordionData.itemsWrap);
    setitemWrap(accordionData.itemWrap);
    setitems(accordionData.items);
    setcontent(accordionData.content);
    setaccOptions(accordionData.accOptions);
    setheader(accordionData.header);
    setheaderLabel(accordionData.headerLabel);
    setlabelCounter(accordionData.labelCounter);
    setlabelIcon(accordionData.labelIcon);
    seticon(accordionData.icon);
    setsearchInput(accordionData.searchInput);
  }, [accordionData]);
  useEffect(() => {
    //var accordionDataX = { ...accordionData };
    //accordionDataX.items = items;
    //onChange(accordionDataX);
  }, [items]);
  useEffect(() => {
    setpleaseUpdateX(pleaseUpdate);
  }, [pleaseUpdate]);
  useEffect(() => {
    var iconSrc = icon?.options?.iconSrc;
    var iconHtml = `<span class="${iconSrc}"></span>`;
    seticonHtml(iconHtml);
  }, [icon?.options]);
  useEffect(() => {
    var iconSrc = labelIcon?.options?.iconSrc;
    var iconHtml = `<span class="${iconSrc}"></span>`;
    setlabelIconHtml(iconHtml);
  }, [labelIcon?.options]);
  function unescapeHTML(str) {
    const map = {
      '&amp;': '&',
      '&lt;': '<',
      '&gt;': '>',
      '&quot;': '"',
      '&#039;': "'"
    };
    return str.replace(/&amp;|&lt;|&gt;|&quot;|&#039;/g, function (match) {
      return map[match];
    });
  }
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
    className: "px-10 py-10",
    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
      id: `accordions-${id}`,
      className: `${wrapper?.options?.class} `,
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
        className: "top-wrap",
        children: searchInput?.options.enable && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
          class: "search-wrap",
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("input", {
            type: "text",
            class: "search-input",
            placeholder: searchInput?.options?.placeholder
          })
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
        className: `items ${itemsWrap?.options?.class} `,
        children: items?.map((item, index) => {
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
            className: `${itemWrap?.options?.class} item`,
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
              className: `accordion-header ${header?.options.class} `,
              onClick: ev => {
                setToggled(!toggled);
              },
              children: [labelCounter?.options.position == "left" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                className: ` accordion-label-counter`,
                children: index
              }), icon?.options.position == "left" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                  className: ` accordion-icon`,
                  dangerouslySetInnerHTML: {
                    __html: iconHtml
                  }
                })
              }), labelIcon?.options.position == "beforeLabel" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
                children: [item?.labelIcon?.options.iconSrc && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                  className: ` accordion-label-icon`,
                  dangerouslySetInnerHTML: {
                    __html: `<span class="${item?.labelIcon?.options.iconSrc}"></span>`
                  }
                }), !item?.labelIcon?.options.iconSrc && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                  className: ` accordion-label-icon`,
                  dangerouslySetInnerHTML: {
                    __html: labelIconHtml
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("a", {
                className: ` accordion-header-label`,
                href: "#" + item.headerLabelSlug,
                onClick: e => {
                  return;
                },
                children: [labelCounter?.options.position == "beforeLabelText" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                  className: ` accordion-label-counter`,
                  children: index
                }), labelIcon?.options.position == "beforeLabelText" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
                  children: [item?.labelIcon?.options.iconSrc && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                    className: ` accordion-label-icon`,
                    dangerouslySetInnerHTML: {
                      __html: `<span class="${item?.labelIcon?.options.iconSrc}"></span>`
                    }
                  }), !item?.labelIcon?.options.iconSrc && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                    className: ` accordion-label-icon`,
                    dangerouslySetInnerHTML: {
                      __html: labelIconHtml
                    }
                  })]
                }), item?.headerLabelText.length > 0 ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                    className: ``,
                    dangerouslySetInnerHTML: {
                      __html: item?.headerLabelText
                    }
                  })
                }) : "Start Writing...", labelIcon?.options.position == "afterLabelText" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
                  children: [item?.labelIcon?.options.iconSrc && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                    className: ` accordion-label-icon`,
                    dangerouslySetInnerHTML: {
                      __html: `<span class="${item?.labelIcon?.options.iconSrc}"></span>`
                    }
                  }), !item?.labelIcon?.options.iconSrc && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                    className: ` accordion-label-icon`,
                    dangerouslySetInnerHTML: {
                      __html: labelIconHtml
                    }
                  })]
                }), labelCounter?.options.position == "afterLabelText" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                  className: ` accordion-label-counter`,
                  children: index
                })]
              }), labelIcon?.options.position == "afterLabel" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
                children: [item?.labelIcon?.options.iconSrc && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                  className: ` accordion-label-icon`,
                  dangerouslySetInnerHTML: {
                    __html: `<span class="${item?.labelIcon?.options.iconSrc}"></span>`
                  }
                }), !item?.labelIcon?.options.iconSrc && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                  className: ` accordion-label-icon`,
                  dangerouslySetInnerHTML: {
                    __html: labelIconHtml
                  }
                })]
              }), labelCounter?.options.position == "right" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                className: ` accordion-label-counter`,
                children: index
              }), icon?.options.position == "right" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                  className: ` accordion-icon`,
                  dangerouslySetInnerHTML: {
                    __html: iconHtml
                  }
                })
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
                className: `accordion-content animate__animated animate__${content?.options?.inAnimation}`,
                dangerouslySetInnerHTML: {
                  __html: unescapeHTML(item?.contentText)
                }
              })
            })]
          }, index);
        })
      })]
    })
  });
}
class PreviewFaqGrid extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      postData,
      id,
      isLoading,
      onChange,
      pleaseUpdate,
      onUpdate,
      addNotifications,
      setHelp
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(Html, {
      isLoading: isLoading,
      postData: postData,
      id: id,
      onUpdate: onUpdate,
      pleaseUpdate: pleaseUpdate,
      onChange: onChange,
      addNotifications: addNotifications,
      setHelp: setHelp,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PreviewFaqGrid);

/***/ }),

/***/ "./src/components/BuilderView/preview-image-accordion.js":
/*!***************************************************************!*\
  !*** ./src/components/BuilderView/preview-image-accordion.js ***!
  \***************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);

const {
  Component,
  RawHTML,
  useState,
  useEffect
} = wp.element;
var myStore = wp.data.select("postgrid-shop");
function Html(props) {
  if (!props.warn) {
    return null;
  }
  var id = props.id;
  var onChange = props.onChange;
  var addNotifications = props.addNotifications;
  var setHelp = props.setHelp;
  var isLoading = props.isLoading;
  var onUpdate = props.onUpdate;
  var pleaseUpdate = props.pleaseUpdate;
  if (props.postData.post_content == null) {
    return null;
  }
  var [pleaseUpdateX, setpleaseUpdateX] = useState(props.pleaseUpdate);
  var [postData, setpostData] = useState(props.postData);
  var [accordionData, setaccordionData] = useState(postData.post_content);
  var [globalOptions, setglobalOptions] = useState(accordionData.globalOptions);
  var [wrapper, setwrapper] = useState(accordionData.wrapper); // Using the hook.
  var [items, setitems] = useState(accordionData.items); // Using the hook.
  var [item, setitem] = useState(accordionData.item);
  var [overlay, setoverlay] = useState(accordionData.overlay);
  var [content, setcontent] = useState(accordionData.content);
  var [title, settitle] = useState(accordionData.title);
  var [image, setimage] = useState(accordionData.image);

  // var [wrapper, setwrapper] = useState(accordionData.wrapper);
  // var [items, setitems] = useState(accordionData.items);
  // var [content, setcontent] = useState(accordionData.content);
  // var [accOptions, setaccOptions] = useState(accordionData.accOptions);
  // var [header, setheader] = useState(accordionData.header);
  // var [headerActive, setheaderActive] = useState(accordionData.headerActive);
  // var [headerLabel, setheaderLabel] = useState(accordionData.headerLabel);
  // var [labelCounter, setlabelCounter] = useState(accordionData.labelCounter);
  // var [labelIcon, setlabelIcon] = useState(accordionData.labelIcon);
  // var [icon, seticon] = useState(accordionData.icon);
  // var [iconToggle, seticonToggle] = useState(accordionData.iconToggle);
  // var [searchInput, setsearchInput] = useState(accordionData.searchInput);
  // var [expandCollapseAll, setexpandCollapseAll] = useState(accordionData.expandCollapseAll);

  // var [navsWrap, setnavsWrap] = useState(accordionData?.navsWrap);
  // var [navItem, setnavItem] = useState(accordionData?.navItem);
  // var [activeNavItem, setactiveNavItem] = useState(
  // 	accordionData?.activeNavItem
  // );
  // var [navLabel, setnavLabel] = useState(accordionData?.navLabel);
  // var [panelWrap, setpanelWrap] = useState(accordionData?.panelWrap);

  // const [toggled, setToggled] = useState(false);
  // const [labelIconHtml, setlabelIconHtml] = useState("");

  // const [iconHtml, seticonHtml] = useState("");
  // const [iconToggleHtml, seticonToggleHtml] = useState("");
  // const [iconExpandAllHtml, seticonExpandAllHtml] = useState("");
  // const [iconCollapseAllHtml, seticonCollapseAllHtml] = useState("");
  // const [activeTab, setactiveTab] = useState(0);

  const copyData = data => {
    navigator.clipboard.writeText(data).then(() => {
      addNotifications({
        title: "Copied to clipboard!",
        content: "Use the shortcode in page or post conent where you want to display.",
        type: "success"
      });
    }).catch(err => {});
  };
  useEffect(() => {
    setpostData(props.postData);
  }, [props.postData]);
  useEffect(() => {
    setaccordionData(postData.post_content);
    //setitems(postData.post_content.items);
  }, [postData]);
  useEffect(() => {
    setglobalOptions(accordionData.globalOptions);
    setwrapper(accordionData.wrapper);
    setitems(accordionData.items);
    setitem(accordionData.item);
    setoverlay(accordionData.overlay);
    setcontent(accordionData.content);
    settitle(accordionData.title);
    setimage(accordionData.image);
  }, [accordionData]);
  useEffect(() => {
    //var accordionDataX = { ...accordionData };
    //accordionDataX.items = items;
    //onChange(accordionDataX);
  }, [items]);
  useEffect(() => {
    setpleaseUpdateX(pleaseUpdate);
  }, [pleaseUpdate]);
  var [active, setactive] = useState(9999);
  function unescapeHTML(str) {
    const map = {
      '&amp;': '&',
      '&lt;': '<',
      '&gt;': '>',
      '&quot;': '"',
      '&#039;': "'"
    };
    return str.replace(/&amp;|&lt;|&gt;|&quot;|&#039;/g, function (match) {
      return map[match];
    });
  }
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
    className: "px-10 py-10",
    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
      id: `accordions-${id}`,
      className: `image-accordion-wrapper ${wrapper?.options?.class} `,
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
        className: "items",
        children: items?.map((i, index) => {
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
            className: `image-accordion-item  ${i.active ? "active" : ""} ${index == active ? "active" : ""} ${item?.options?.class} `,
            onMouseOver: ev => {
              setactive(index);
            },
            onMouseLeave: ev => {
              setactive(9999);
            },
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("img", {
              src: i.image.url,
              className: `image-accordion-image ${image?.options?.class}`
            }), (index == active || i.active) && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
              className: `image-accordion-overlay ${overlay?.options?.class} animate__animated animate__${overlay?.options?.inAnimation}`,
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
                className: `image-accordion-title ${title?.options?.class}`,
                children: i.title
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
                className: `image-accordion-content ${content?.options?.class}`,
                dangerouslySetInnerHTML: {
                  __html: unescapeHTML(unescapeHTML(i.content))
                }
              })]
            })]
          }, index);
        })
      })
    })
  });
}
class PreviewImageAccordion extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      postData,
      id,
      isLoading,
      onChange,
      pleaseUpdate,
      onUpdate,
      addNotifications,
      setHelp
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Html, {
      isLoading: isLoading,
      postData: postData,
      id: id,
      onUpdate: onUpdate,
      pleaseUpdate: pleaseUpdate,
      onChange: onChange,
      addNotifications: addNotifications,
      setHelp: setHelp,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PreviewImageAccordion);

/***/ }),

/***/ "./src/components/BuilderView/preview-tabs.js":
/*!****************************************************!*\
  !*** ./src/components/BuilderView/preview-tabs.js ***!
  \****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _input_select__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../input-select */ "./src/components/input-select/index.js");
/* harmony import */ var _input_text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../input-text */ "./src/components/input-text/index.js");
/* 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__);
const {
  Component,
  RawHTML,
  useState,
  useEffect
} = wp.element;








var myStore = wp.data.select("postgrid-shop");
function Html(props) {
  if (!props.warn) {
    return null;
  }
  var id = props.id;
  var onChange = props.onChange;
  var addNotifications = props.addNotifications;
  var setHelp = props.setHelp;
  var isLoading = props.isLoading;
  var onUpdate = props.onUpdate;
  var pleaseUpdate = props.pleaseUpdate;
  if (props.postData.post_content == null) {
    return null;
  }
  var [pleaseUpdateX, setpleaseUpdateX] = useState(props.pleaseUpdate);
  var [postData, setpostData] = useState(props.postData);
  var [accordionData, setaccordionData] = useState(postData.post_content);
  var [globalOptions, setglobalOptions] = useState(accordionData.globalOptions);
  var [wrapper, setwrapper] = useState(accordionData.wrapper);
  var [items, setitems] = useState(accordionData.items);
  var [content, setcontent] = useState(accordionData.content);
  var [accOptions, setaccOptions] = useState(accordionData.accOptions);
  var [header, setheader] = useState(accordionData.header);
  var [headerActive, setheaderActive] = useState(accordionData.headerActive);
  var [headerLabel, setheaderLabel] = useState(accordionData.headerLabel);
  var [labelCounter, setlabelCounter] = useState(accordionData.labelCounter);
  var [labelIcon, setlabelIcon] = useState(accordionData.labelIcon);
  var [icon, seticon] = useState(accordionData.icon);
  var [iconToggle, seticonToggle] = useState(accordionData.iconToggle);
  var [searchInput, setsearchInput] = useState(accordionData.searchInput);
  var [expandCollapseAll, setexpandCollapseAll] = useState(accordionData.expandCollapseAll);
  var [navsWrap, setnavsWrap] = useState(accordionData?.navsWrap);
  var [navItem, setnavItem] = useState(accordionData?.navItem);
  var [activeNavItem, setactiveNavItem] = useState(accordionData?.activeNavItem);
  var [navLabel, setnavLabel] = useState(accordionData?.navLabel);
  var [panelWrap, setpanelWrap] = useState(accordionData?.panelWrap);
  const [toggled, setToggled] = useState(false);
  const [labelIconHtml, setlabelIconHtml] = useState("");
  const [iconHtml, seticonHtml] = useState("");
  const [iconToggleHtml, seticonToggleHtml] = useState("");
  const [iconExpandAllHtml, seticonExpandAllHtml] = useState("");
  const [iconCollapseAllHtml, seticonCollapseAllHtml] = useState("");
  const [activeTab, setactiveTab] = useState(0);
  const copyData = data => {
    navigator.clipboard.writeText(data).then(() => {
      addNotifications({
        title: "Copied to clipboard!",
        content: "Use the shortcode in page or post conent where you want to display.",
        type: "success"
      });
    }).catch(err => {});
  };
  useEffect(() => {
    setpostData(props.postData);
  }, [props.postData]);
  useEffect(() => {
    setaccordionData(postData.post_content);
    //setitems(postData.post_content.items);
  }, [postData]);
  useEffect(() => {
    setglobalOptions(accordionData.globalOptions);
    setwrapper(accordionData.wrapper);
    setitems(accordionData.items);
    setcontent(accordionData.content);
    setpanelWrap(accordionData.panelWrap);
    setaccOptions(accordionData.accOptions);
    setheader(accordionData.header);
    setheaderActive(accordionData.headerActive);
    setheaderLabel(accordionData.headerLabel);
    setlabelCounter(accordionData.labelCounter);
    setlabelIcon(accordionData.labelIcon);
    seticon(accordionData.icon);
    seticonToggle(accordionData.iconToggle);
    setsearchInput(accordionData.searchInput);
    setexpandCollapseAll(accordionData.expandCollapseAll);
  }, [accordionData]);
  useEffect(() => {
    //var accordionDataX = { ...accordionData };
    //accordionDataX.items = items;
    //onChange(accordionDataX);
  }, [items]);
  useEffect(() => {
    setpleaseUpdateX(pleaseUpdate);
  }, [pleaseUpdate]);
  useEffect(() => {
    var iconSrc = iconToggle?.options?.iconSrc;
    var iconHtml = `<span class="${iconSrc}"></span>`;
    seticonToggleHtml(iconHtml);
  }, [iconToggle?.options]);
  useEffect(() => {
    var iconSrc = icon?.options?.iconSrc;
    var iconHtml = `<span class="${iconSrc}"></span>`;
    seticonHtml(iconHtml);
  }, [icon?.options]);
  useEffect(() => {
    var iconSrc = labelIcon?.options?.iconSrc;
    var iconHtml = `<span class="${iconSrc}"></span>`;
    setlabelIconHtml(iconHtml);
  }, [labelIcon?.options]);
  useEffect(() => {
    var expandAllIconSrc = expandCollapseAll?.options?.expandAllIcon?.iconSrc;
    var collapseAllIconSrc = expandCollapseAll?.options?.collapseAllIcon?.iconSrc;
    var expandIconHtml = `<span class="${expandAllIconSrc}"></span>`;
    seticonExpandAllHtml(expandIconHtml);
    var collapseIconHtml = `<span class="${collapseAllIconSrc}"></span>`;
    seticonCollapseAllHtml(collapseIconHtml);
  }, [expandCollapseAll?.options]);
  var [active, setactive] = useState(9999);
  function unescapeHTML(str) {
    const map = {
      '&amp;': '&',
      '&lt;': '<',
      '&gt;': '>',
      '&quot;': '"',
      '&#039;': "'"
    };
    return str.replace(/&amp;|&lt;|&gt;|&quot;|&#039;/g, function (match) {
      return map[match];
    });
  }
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
    className: "px-10 py-10",
    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
      id: `accordions-${id}`,
      className: `${wrapper?.options?.class} `,
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
        className: "top-wrap"
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
        className: " navs-wrapper  ",
        role: "tablist",
        children: items.map((tab, index) => {
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
            className: ` ${index === activeTab ? "  nav-item-active nav-item " : `nav-item pg${index}-nav-item`}`,
            role: "tab",
            tabIndex: index,
            onClick: () => setactiveTab(index),
            children: [labelCounter?.options.position == "left" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
              className: ` accordion-label-counter`,
              children: index
            }), icon.options.position == "before" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
              children: index == activeTab ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                  className: ` nav-icon-toggle`,
                  dangerouslySetInnerHTML: {
                    __html: iconToggleHtml
                  }
                })
              }) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                  className: ` nav-icon`,
                  dangerouslySetInnerHTML: {
                    __html: iconHtml
                  }
                })
              })
            }), labelIcon?.options.position == "beforeLabel" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
              children: [tab?.labelIcon?.options.iconSrc && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                className: ` accordion-label-icon`,
                dangerouslySetInnerHTML: {
                  __html: `<span class="${tab?.labelIcon?.options.iconSrc}"></span>`
                }
              }), !tab?.labelIcon?.options.iconSrc && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                className: ` accordion-label-icon`,
                dangerouslySetInnerHTML: {
                  __html: labelIconHtml
                }
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
              className: " nav-label",
              children: [labelCounter?.options.position == "beforeLabelText" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                className: ` accordion-label-counter`,
                children: index
              }), labelIcon?.options.position == "beforeLabelText" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
                children: [tab?.labelIcon?.options.iconSrc && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                  className: ` accordion-label-icon`,
                  dangerouslySetInnerHTML: {
                    __html: `<span class="${tab?.labelIcon?.options.iconSrc}"></span>`
                  }
                }), !tab?.labelIcon?.options.iconSrc && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                  className: ` accordion-label-icon`,
                  dangerouslySetInnerHTML: {
                    __html: labelIconHtml
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                dangerouslySetInnerHTML: {
                  __html: tab.headerLabelText
                }
              }), labelIcon?.options.position == "afterLabelText" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
                children: [tab?.labelIcon?.options.iconSrc && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                  className: ` accordion-label-icon`,
                  dangerouslySetInnerHTML: {
                    __html: `<span class="${tab?.labelIcon?.options.iconSrc}"></span>`
                  }
                }), !tab?.labelIcon?.options.iconSrc && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                  className: ` accordion-label-icon`,
                  dangerouslySetInnerHTML: {
                    __html: labelIconHtml
                  }
                })]
              }), labelCounter?.options.position == "afterLabelText" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                className: ` accordion-label-counter`,
                children: index
              })]
            }), labelIcon?.options.position == "afterLabel" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
              children: [tab?.labelIcon?.options.iconSrc && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                className: ` accordion-label-icon`,
                dangerouslySetInnerHTML: {
                  __html: `<span class="${tab?.labelIcon?.options.iconSrc}"></span>`
                }
              }), !tab?.labelIcon?.options.iconSrc && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                className: ` accordion-label-icon`,
                dangerouslySetInnerHTML: {
                  __html: labelIconHtml
                }
              })]
            }), labelCounter?.options.position == "right" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
              className: ` accordion-label-counter`,
              children: index
            }), icon.options.position == "after" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
              children: index == activeTab ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                  className: ` nav-icon-toggle`,
                  dangerouslySetInnerHTML: {
                    __html: iconToggleHtml
                  }
                })
              }) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                  className: ` nav-icon`,
                  dangerouslySetInnerHTML: {
                    __html: iconHtml
                  }
                })
              })
            })]
          }, index);
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
        className: "panels-wrap",
        children: items.map((tab, index) => {
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
            className: `tabs-panel animate__animated animate__${panelWrap?.options?.inAnimation}  ${activeTab === index ? "tabs-panel-active" : "hidden"}`,
            dangerouslySetInnerHTML: {
              __html: unescapeHTML(tab.contentText)
            }
          });
        })
      })]
    })
  });
}
class PreviewTabs extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      postData,
      id,
      isLoading,
      onChange,
      pleaseUpdate,
      onUpdate,
      addNotifications,
      setHelp
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(Html, {
      isLoading: isLoading,
      postData: postData,
      id: id,
      onUpdate: onUpdate,
      pleaseUpdate: pleaseUpdate,
      onChange: onChange,
      addNotifications: addNotifications,
      setHelp: setHelp,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PreviewTabs);

/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* 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__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);


const PricingTable = ({
  data
}) => {
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div", {
    className: "bg-white rounded-md",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div", {
      className: "flex items-center justify-center gap-2 py-5",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {
        className: "text-gray-700 line-through text-xl font-medium",
        children: data.price
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {
        className: "text-gray-700 text-3xl font-bold",
        children: data.salePrice
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
      className: "bg-blue-700 py-4 text-center text-white text-xl font-bold",
      children: data.title
    }), data.features.map((item, i) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
      className: "py-4 text-center font-medium ",
      children: item
    })), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
      className: "flex  items-center justify-center p-4",
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("a", {
        href: data.link,
        target: "_blank",
        className: "px-8 py-3 no-underline bg-blue-700 text-white cursor-pointer rounded-md",
        children: ["Buy Now ", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("i", {
          className: "fas fa-cart-plus"
        })]
      })
    })]
  });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PricingTable);

/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/columns.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/styles.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/store.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/post-comments.js");
/* harmony import */ var _components_support_ticket__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../components/support-ticket */ "./src/components/support-ticket/index.js");
/* harmony import */ var _components_tab__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/tab */ "./src/components/tab/index.js");
/* harmony import */ var _components_tabs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/tabs */ "./src/components/tabs/index.js");
/* harmony import */ var _pricingData__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./pricingData */ "./src/components/BuilderWelcome/pricingData.js");
/* harmony import */ var _PricingTable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./PricingTable */ "./src/components/BuilderWelcome/PricingTable.js");
/* harmony import */ var _testimonial__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./testimonial */ "./src/components/BuilderWelcome/testimonial.js");
/* 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__);
const {
  Component,
  RawHTML,
  useState,
  useEffect
} = wp.element;








var myStore = wp.data.select("postgrid-shop");
function Html(props) {
  if (!props.warn) {
    return null;
  }
  var [postData, setpostData] = useState(props.postData); // Using the hook.
  var addNotifications = props.addNotifications;
  var customerData = props.customerData;
  var appData = props.appData;
  const freeVsProArgs = [{
    feature: "View Type - Accordion",
    free: true,
    pro: true
  }, {
    feature: "View Type - Tabs",
    free: true,
    pro: true
  }, {
    feature: "View Type - Vertical Tabs",
    free: false,
    pro: true
  }, {
    feature: "Multi-level/Nested Accordion",
    free: false,
    pro: true
  }, {
    feature: "Preloader - Hide accordions until page load",
    free: true,
    pro: true
  }, {
    feature: "Stats",
    free: false,
    pro: true
  }, {
    feature: "Click To Scroll Top",
    free: false,
    pro: true
  }, {
    feature: "Search - Accordion",
    free: false,
    pro: true
  }, {
    feature: "Schema",
    isHeading: true
  }, {
    feature: "Enable/Disable Schema ",
    free: true,
    pro: true
  }, {
    feature: "Hide any item in Schema ",
    free: false,
    pro: true
  }, {
    feature: "Expand/Collapse All Features",
    isHeading: true
  }, {
    feature: "Expand All Custom Text",
    free: false,
    pro: true
  }, {
    feature: "Collapse All Custom Text",
    free: false,
    pro: true
  }, {
    feature: "Expand All Custom Icon",
    free: false,
    pro: true
  }, {
    feature: "Collapse All Custom Icon",
    free: false,
    pro: true
  }, {
    feature: "Accordion Content Features",
    isHeading: true
  }, {
    feature: "Enable/Disable Embeds",
    free: true,
    pro: true
  }, {
    feature: "Enable/Disable Shortcodes",
    free: true,
    pro: true
  }, {
    feature: "Enable/Disable wpautop function",
    free: true,
    pro: true
  }, {
    feature: "Content In-Out animation",
    free: false,
    pro: true,
    new: true,
    hot: true
  }, {
    feature: "Edit content with WYSIWYG editor",
    free: true,
    pro: true
  }, {
    feature: "Item Source",
    isHeading: true
  }, {
    feature: "Item Source - Manual",
    free: true,
    pro: true
  }, {
    feature: "Generate items by AI",
    free: false,
    pro: true,
    new: true,
    hot: true
  }, {
    feature: "Item Source - Posts",
    free: false,
    pro: true,
    new: true
  }, {
    feature: "Item Source - Terms",
    free: false,
    pro: true,
    new: true
  }, {
    feature: "Accordion Header & Labels Features",
    isHeading: true
  }, {
    feature: "Edit header label with Richtext editor",
    free: true,
    pro: true,
    new: true
  }, {
    feature: "Edit header label toggled text",
    free: false,
    pro: true,
    new: true
  }, {
    feature: "Header active custom style",
    free: false,
    pro: true
  }, {
    feature: "Header label custom style",
    free: false,
    pro: true,
    new: true
  }, {
    feature: "Header label counter",
    free: false,
    pro: true,
    new: true
  }, {
    feature: "Header label counter position",
    free: false,
    pro: true,
    new: true
  }, {
    feature: "Header label icons",
    free: false,
    pro: true,
    new: true
  }, {
    feature: "Header label icons position",
    free: false,
    pro: true,
    new: true
  }, {
    feature: "Accordion Icons Features",
    isHeading: true
  }, {
    feature: "Icon In-Out animation",
    free: false,
    pro: true,
    new: true,
    hot: true
  }, {
    feature: "Font-awesome Icons",
    free: true,
    pro: true
  }, {
    feature: "Iconfont Icons",
    free: false,
    pro: true,
    new: true
  }, {
    feature: "Bootstrap Icons",
    free: false,
    pro: true,
    new: true
  }, {
    feature: "Custom Idle Icon",
    free: false,
    pro: true
  }, {
    feature: "Custom Toggled Icon",
    free: false,
    pro: true
  }, {
    feature: "Icon Position Left/Right",
    free: true,
    pro: true
  }];
  const ourPlugins = [{
    name: "Plugin Name 1",
    description: "At ShapedPlugin LLC, we have been looking for the best way to create FAQ pages or sections on WordPress sites.",
    logo: "https://upload.wikimedia.org/wikipedia/commons/thumb/9/98/WordPress_blue_logo.svg/512px-WordPress_blue_logo.svg.png",
    link: "https://example.com"
  }, {
    name: "Plugin Name 2",
    description: "At ShapedPlugin LLC, we have been looking for the best way to create FAQ pages or sections on WordPress sites.",
    logo: "https://upload.wikimedia.org/wikipedia/commons/thumb/9/98/WordPress_blue_logo.svg/512px-WordPress_blue_logo.svg.png",
    link: "https://example.com"
  }, {
    name: "Plugin Name 3",
    description: "At ShapedPlugin LLC, we have been looking for the best way to create FAQ pages or sections on WordPress sites.",
    logo: "https://upload.wikimedia.org/wikipedia/commons/thumb/9/98/WordPress_blue_logo.svg/512px-WordPress_blue_logo.svg.png",
    link: "https://example.com"
  }, {
    name: "Plugin Name 4",
    description: "At ShapedPlugin LLC, we have been looking for the best way to create FAQ pages or sections on WordPress sites.",
    logo: "https://upload.wikimedia.org/wikipedia/commons/thumb/9/98/WordPress_blue_logo.svg/512px-WordPress_blue_logo.svg.png",
    link: "https://example.com"
  }, {
    name: "Plugin Name 5",
    description: "At ShapedPlugin LLC, we have been looking for the best way to create FAQ pages or sections on WordPress sites.",
    logo: "https://upload.wikimedia.org/wikipedia/commons/thumb/9/98/WordPress_blue_logo.svg/512px-WordPress_blue_logo.svg.png",
    link: "https://example.com"
  }, {
    name: "Plugin Name 6",
    description: "At ShapedPlugin LLC, we have been looking for the best way to create FAQ pages or sections on WordPress sites.",
    logo: "https://upload.wikimedia.org/wikipedia/commons/thumb/9/98/WordPress_blue_logo.svg/512px-WordPress_blue_logo.svg.png",
    link: "https://example.com"
  }];
  const copyData = data => {
    navigator.clipboard.writeText(data).then(() => {
      addNotifications({
        title: "Coupon Code Copied!",
        content: "Please use coupon code on checkout page.",
        type: "success"
      });
    }).catch(err => {});
  };
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
    className: "ml-5",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
      className: "flex justify-between items-center p-5 pb-20 bg-white ",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
          className: "flex justify-between items-center gap-3",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
            className: "text-4xl font-extrabold",
            children: appData.name
          }), " ", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
            className: "text-base",
            children: "By PickPlugins"
          })]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
          className: "my-3 flex items-center gap-3",
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("a", {
            className: " ",
            href: appData.demoUrl,
            target: "_blank",
            children: "Live Demo"
          })
        })]
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
        className: "",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
          className: "my-4 max-w-52",
          children: "Help us by providing your feedbacks and five star reviews on wordpress.org \uD83C\uDF1F\uD83C\uDF1F\uD83C\uDF1F\uD83C\uDF1F\uD83C\uDF1F"
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("a", {
          className: " bg-amber-500 text-white no-underline font-medium px-[16px] py-[8px]  hover:bg-amber-700 hover:text-white rounded-md w-max transition-colors duration-300",
          href: appData.reviewsUrl,
          target: "_blank",
          children: "Submit Reviews"
        })]
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_components_tabs__WEBPACK_IMPORTED_MODULE_2__["default"], {
      activeTab: "overview",
      orientation: "",
      tabsWrapperClass: "mt-[-50px] ",
      contentClass: " w-full",
      navItemsWrapClass: "gap-3 px-10",
      navItemClass: " px-5 py-3 gap-2 rounded-t-md",
      navItemSelectedClass: "!bg-white border-2  border-b-0 border-solid  border-blue-700",
      activeClass: "active-tab",
      onSelect: tabName => {},
      tabs: [{
        name: "overview",
        title: "Overview",
        icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__["default"],
        className: "tab-disable-blocks"
      }, {
        name: "edit",
        title: "Free Vs Pro",
        icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"],
        className: "tab-disable-blocks"
      },
      // {
      // 	name: "templates",
      // 	title: "About Us",
      // 	icon: postAuthor,
      // 	className: "tab-disable-blocks",
      // },
      {
        name: "buyNow",
        title: "Buy Now",
        icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_9__["default"],
        className: "tab-disable-blocks"
      }, {
        name: "supportTicket",
        title: "Send Feedbacks",
        icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_10__["default"],
        className: "tab-disable-blocks"
      }],
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_components_tab__WEBPACK_IMPORTED_MODULE_1__["default"], {
        name: "overview",
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
          className: "flex gap-4 items-start flex-wrap mt-10 px-10",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
            className: "flex-1 flex flex-col gap-3 p-[40px] max-w-[70%] bg-white rounded-md shadow-md",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h2", {
              className: "text-[32px] font-semibold text-gray-800",
              children: "Super Excited to See you!"
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("p", {
              className: "text-gray-500 text-[14px]",
              children: "Thanks for installing Accordions plugin! Watch this video to get started."
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("iframe", {
              width: "100%",
              height: "400",
              src: "https://www.youtube.com/embed/zrIgw9mNA0Y",
              title: "YouTube video player",
              className: "rounded-md overflow-hidden",
              frameborder: "0",
              allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
              referrerpolicy: "strict-origin-when-cross-origin",
              allowfullscreen: true
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
            className: "grid md:grid-cols-1 grid-cols-3 content-between md:max-w-[30%] max-w-full gap-3 text-gray-800",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
              className: "flex flex-col gap-3 bg-white p-[20px] rounded-md shadow-md",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
                className: "text-[18px] font-semibold flex items-center gap-2",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                  children: "\uD83C\uDF1F"
                }), "Videos"]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("p", {
                children: "Watch our videos to see how the accordion works in real-world projects!"
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("a", {
                target: "_blank",
                href: "https://www.youtube.com/playlist?list=PL0QP7T2SN94ZPeQ83jOnteDDrOeDLBuFD",
                className: "inline-block no-underline font-medium px-[16px] py-[8px] border border-solid border-gray-700 text-gray-700 hover:bg-gray-700 hover:text-white rounded-md w-max transition-colors duration-300",
                children: "Watch on YouTube"
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
              className: "flex flex-col gap-3 bg-white p-[20px] rounded-md shadow-md",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
                className: "text-[18px] font-semibold flex items-center gap-2",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                  children: "\uD83C\uDF1F"
                }), "Documentation"]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("p", {
                children: "Check out our detailed documentation to learn what the Accordions plugin can do!"
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("a", {
                target: "_blank",
                href: "#",
                className: "inline-block no-underline font-medium px-[16px] py-[8px] border border-solid border-gray-700 text-gray-700 hover:bg-gray-700 hover:text-white rounded-md w-max transition-colors duration-300",
                children: "Check Documentation"
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
              className: "flex flex-col gap-3 bg-white p-[20px] rounded-md shadow-md",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
                className: "text-[18px] font-semibold flex items-center gap-2",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                  children: "\uD83C\uDF1F"
                }), "Need Help?"]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("p", {
                children: "Contact our friendly support team for quick and personalized help!"
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("a", {
                target: "_blank",
                href: "https://pickplugins.com/create-support-ticket/",
                className: "inline-block no-underline font-medium px-[16px] py-[8px] border border-solid border-gray-700 text-gray-700 hover:bg-gray-700 hover:text-white rounded-md w-max transition-colors duration-300",
                children: "Create Support Ticket"
              })]
            })]
          })]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_components_tab__WEBPACK_IMPORTED_MODULE_1__["default"], {
        name: "edit",
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
          className: " rounded-md   mt-10 px-10",
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("table", {
            className: "table-auto w-full text-left",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("thead", {
              className: "bg-gray-700 text-white",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("tr", {
                className: "",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("th", {
                  className: "min-w-[550px] py-4 px-8",
                  children: "FEATURES"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("th", {
                  className: "min-w-[100px] py-4 px-8 text-center",
                  children: "Free"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("th", {
                  className: "min-w-[100px] py-4 px-8 text-center",
                  children: "\uD83D\uDC51PRO"
                })]
              })
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("tbody", {
              className: "bg-gray-100 text-gray-800",
              children: freeVsProArgs.map((item, index) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
                children: [item.isHeading && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("tr", {
                  className: "bg-gray-400 last:rounded-b-md last:overflow-hidden",
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("td", {
                    className: "py-3 px-8",
                    colSpan: "3",
                    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
                      className: "flex gap-2 items-center ",
                      children: [item.feature && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                        className: "text-base",
                        children: item.feature
                      }), item.new && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                        className: "text-emerald-100 inline-block text-[12px] leading-none px-2 py-1 bg-emerald-500 rounded-full",
                        children: "NEW"
                      }), item.hot && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                        className: "text-red-100 inline-block text-[12px] leading-none px-2 py-1 bg-orange-400 rounded-full",
                        children: "HOT"
                      })]
                    })
                  })
                }, index), !item?.isHeading && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("tr", {
                  className: "even:bg-gray-200 last:rounded-b-md last:overflow-hidden",
                  children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("td", {
                    className: "py-3 px-8",
                    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
                      className: "flex gap-2 items-center",
                      children: [item.feature && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                        children: item.feature
                      }), item.new && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                        className: "text-emerald-100 inline-block text-[12px] leading-none px-2 py-1 bg-emerald-500 rounded-full",
                        children: "NEW"
                      }), item.hot && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                        className: "text-red-100 inline-block text-[12px] leading-none px-2 py-1 bg-orange-400 rounded-full",
                        children: "HOT"
                      })]
                    })
                  }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("td", {
                    className: "py-3 px-8  text-center",
                    children: [item.free && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                      children: "\u2714\uFE0F"
                    }), !item.free && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                      children: "\u274C"
                    })]
                  }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("td", {
                    className: "py-3 px-8 text-center",
                    children: [item.pro && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                      children: "\u2714\uFE0F"
                    }), !item.pro && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                      children: "\u274C"
                    })]
                  })]
                }, index)]
              }))
            })]
          })
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_components_tab__WEBPACK_IMPORTED_MODULE_1__["default"], {
        name: "templates",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
          className: "grid grid-cols-2 gap-4 w-full p-7 bg-white mt-10",
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
            className: "self-center",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("figure", {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("img", {
                src: "https://images.pexels.com/photos/1595385/pexels-photo-1595385.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1",
                alt: "",
                className: "w-full rounded-lg shadow-sm object-contain"
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("figcaption", {
                className: "text-sm text-center mt-2",
                children: "ShapedPlugin Team"
              })]
            })
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h3", {
            className: "text-2xl font-medium my-8",
            children: "Improve your website with our top-notch plugins!"
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
            className: "grid grid-cols-3 gap-4",
            children: ourPlugins.map(plugin => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
              className: "bg-gray-200 hover:bg-gray-300 shadow-sm p-8 rounded-lg relative",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h4", {
                className: "font-medium text-lg mb-4",
                children: plugin.name
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("p", {
                className: "text-[14px]",
                children: plugin.description
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("a", {
                target: "_blank",
                href: plugin.link,
                className: "absolute inset-0 "
              })]
            }))
          })]
        })]
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_components_tab__WEBPACK_IMPORTED_MODULE_1__["default"], {
        name: "supportTicket",
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
          className: " mx-10 p-5 my-10 bg-white rounded-sm",
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_components_support_ticket__WEBPACK_IMPORTED_MODULE_0__["default"], {})
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_components_tab__WEBPACK_IMPORTED_MODULE_1__["default"], {
        name: "buyNow",
        children: [customerData.isPro && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
          className: "mx-10 p-5 my-10  rounded-sm text-center bg-orange-200",
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h3", {
            className: "text-2xl ",
            children: "You already purchased, Want to Buy Again!"
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
          className: "flex items-center justify-between mx-10 p-5 my-10 bg-white rounded-sm",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h3", {
              className: "text-2xl ",
              children: "Unlock Pro Features"
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("p", {
              className: "text-base",
              children: "Get 25% off today by using our exclusive coupon code!"
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
              className: "p-2 px-4 border-2 border-blue-600 border-dashed cursor-pointer text-xl",
              onClick: () => {
                var str = `BUILDER25`;
                copyData(str);
              },
              children: "BUILDER25"
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
              className: "text-center p-3",
              children: "Click To Copy"
            })]
          })]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_components_tabs__WEBPACK_IMPORTED_MODULE_2__["default"], {
          activeTab: "yearly",
          orientation: "",
          tabsWrapperClass: "mt-[50px] ",
          contentClass: " w-full",
          navItemsWrapClass: "gap-3 px-10 justify-center",
          navItemClass: " px-5 py-3 gap-2 rounded-md",
          navItemSelectedClass: "!bg-white border-2  border-solid  border-blue-700",
          activeClass: "active-tab",
          onSelect: tabName => {},
          tabs: [{
            name: "yearly",
            title: "Yearly",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__["default"],
            className: "tab-yearly"
          }, {
            name: "lifetime",
            title: "Lifetime",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"],
            className: "tab-lifetime"
          }
          // {
          // 	name: "freeTrail",
          // 	title: "Free Trail",
          // 	icon: columns,
          // 	className: "tab-yearly",
          // },
          ],
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_components_tab__WEBPACK_IMPORTED_MODULE_1__["default"], {
            name: "yearly",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
              className: "grid grid-cols-3 gap-6 mt-10 px-10",
              children: _pricingData__WEBPACK_IMPORTED_MODULE_3__.pricingData.yearly.map((item, i) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_PricingTable__WEBPACK_IMPORTED_MODULE_4__["default"], {
                data: item
              }, i))
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_components_tab__WEBPACK_IMPORTED_MODULE_1__["default"], {
            name: "lifetime",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
              className: "grid grid-cols-3 gap-6 mt-10 px-10",
              children: _pricingData__WEBPACK_IMPORTED_MODULE_3__.pricingData.lifetime.map((item, i) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_PricingTable__WEBPACK_IMPORTED_MODULE_4__["default"], {
                data: item
              }, i))
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_components_tab__WEBPACK_IMPORTED_MODULE_1__["default"], {
            name: "freeTrail",
            children: "freeTrail"
          })]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
          className: "flex items-center justify-between mx-10 p-5 my-10 bg-white rounded-sm",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("h3", {
              className: "text-2xl ",
              children: "Enjoy a 14-Day Money-Back Guarantee\u2014No Questions Asked!"
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("p", {
              className: "text-base",
              children: "We are committed to ensuring 100% satisfaction with our plugin and support. If, for any reason, our plugin doesn't meet your expectations, simply let us know. We'll provide a full refund within 14 days of your purchase\u2014no questions asked. Learn more in our refund policy."
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
              className: "p-2 px-4 ",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("svg", {
                width: "212",
                height: "28",
                viewBox: "0 0 212 28",
                fill: "none",
                xmlns: "http://www.w3.org/2000/svg",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("path", {
                  "fill-rule": "evenodd",
                  "clip-rule": "evenodd",
                  d: "M42.5847 13.8542H48.8882C48.4685 12.2528 47.3185 11.6035 45.9179 11.6035C44.3778 11.6035 43.1437 12.4429 42.5847 13.8542M52.5864 16.5927H42.3611C42.7808 18.6553 44.517 19.4153 46.0296 19.4153C47.9346 19.4153 48.749 18.2756 48.749 18.2756H52.2783C51.213 20.9877 48.6646 22.4787 45.9179 22.4787C42.1353 22.4787 38.8297 19.6848 38.8297 15.4551C38.8297 11.25 42.1078 8.646 45.8059 8.646C49.3924 8.646 53.0358 11.0598 52.5864 16.5927",
                  fill: "#121217"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("path", {
                  "fill-rule": "evenodd",
                  "clip-rule": "evenodd",
                  d: "M87.3226 15.5633C87.3226 13.4474 86.0337 11.7932 83.905 11.7932C81.7745 11.7932 80.346 13.4474 80.346 15.5633C80.346 17.6792 81.7745 19.3333 83.905 19.3333C86.0337 19.3333 87.3226 17.6792 87.3226 15.5633M76.6754 15.5896C76.6754 11.25 80.1499 8.646 83.905 8.646C87.6876 8.646 90.9932 11.2764 90.9932 15.5345C90.9932 19.848 87.5735 22.4784 83.7912 22.4784C79.9811 22.4784 76.6754 19.848 76.6754 15.5896",
                  fill: "#121217"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("path", {
                  "fill-rule": "evenodd",
                  "clip-rule": "evenodd",
                  d: "M105.991 14.9937V22.3439H102.263V15.8064C102.263 15.3449 102.601 11.9279 99.9113 11.7935C98.5927 11.7117 96.2403 12.416 96.2403 15.9699V22.3439H92.5425V8.78076H95.9372L95.9482 10.6636C95.9482 10.6636 97.4788 8.646 100.333 8.646C103.947 8.646 105.991 11.25 105.991 14.9937",
                  fill: "#121217"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("path", {
                  "fill-rule": "evenodd",
                  "clip-rule": "evenodd",
                  d: "M119.618 11.5216C118.441 11.5216 117.936 12.0914 117.936 12.6613C117.936 13.5824 119.198 13.854 120.038 14.0175C122.533 14.5319 125.054 15.2653 125.054 18.1385C125.054 20.9326 122.673 22.4787 119.787 22.4787C116.565 22.4787 114.072 20.5814 113.903 17.7058H117.348C117.432 18.5185 117.993 19.5764 119.702 19.5764C121.13 19.5764 121.468 18.8455 121.468 18.2756C121.468 17.2707 120.487 16.9724 119.533 16.7559C117.882 16.4026 114.323 15.7534 114.323 12.6613C114.323 10.0022 116.958 8.646 119.675 8.646C122.812 8.646 124.885 10.4903 125.054 12.7694H121.607C121.495 12.3079 121.048 11.5216 119.618 11.5216",
                  fill: "#121217"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("path", {
                  "fill-rule": "evenodd",
                  "clip-rule": "evenodd",
                  d: "M136.381 15.5633C136.381 13.3106 135.12 11.9831 133.299 11.9831C131.59 11.9831 129.879 13.1758 129.879 15.5633C129.879 17.9487 131.59 19.1435 133.299 19.1435C135.12 19.1435 136.381 17.814 136.381 15.5633V15.5633ZM139.883 8.78076V27.7681H136.381V21.0141C135.485 21.9903 134.223 22.4784 132.765 22.4784C129.209 22.4784 126.238 19.6582 126.238 15.5632C126.238 11.4662 129.209 8.646 132.765 8.646C135.561 8.646 136.608 10.4625 136.608 10.4625L136.603 8.78076H139.883Z",
                  fill: "#121217"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("path", {
                  "fill-rule": "evenodd",
                  "clip-rule": "evenodd",
                  d: "M159.905 13.8542H166.208C165.788 12.2528 164.638 11.6035 163.238 11.6035C161.698 11.6035 160.464 12.4429 159.905 13.8542M169.906 16.5927H159.679C160.101 18.6553 161.837 19.4153 163.349 19.4153C165.254 19.4153 166.069 18.2756 166.069 18.2756H169.598C168.533 20.9877 165.984 22.4787 163.238 22.4787C159.455 22.4787 156.15 19.6848 156.15 15.4551C156.15 11.25 159.428 8.646 163.126 8.646C166.712 8.646 170.356 11.0598 169.906 16.5927",
                  fill: "#121217"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("path", {
                  "fill-rule": "evenodd",
                  "clip-rule": "evenodd",
                  d: "M174.791 13.8542H181.094C180.674 12.2528 179.524 11.6035 178.124 11.6035C176.584 11.6035 175.35 12.4429 174.791 13.8542M184.792 16.5927H174.567C174.987 18.6553 176.723 19.4153 178.235 19.4153C180.141 19.4153 180.955 18.2756 180.955 18.2756H184.484C183.419 20.9877 180.87 22.4787 178.124 22.4787C174.341 22.4787 171.036 19.6848 171.036 15.4551C171.036 11.25 174.314 8.646 178.012 8.646C181.598 8.646 185.242 11.0598 184.792 16.5927",
                  fill: "#121217"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("path", {
                  "fill-rule": "evenodd",
                  "clip-rule": "evenodd",
                  d: "M197.267 19.3069V22.3436H185.36V20.5527L192.113 11.8198H185.641V8.78076H196.988V10.5717L190.235 19.3069H197.267Z",
                  fill: "#121217"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("path", {
                  "fill-rule": "evenodd",
                  "clip-rule": "evenodd",
                  d: "M211.845 8.78076V20.7161V20.9877C211.845 24.6497 209.91 27.9053 205.119 27.9053C200.636 27.9053 198.2 25.056 198.2 22.9138H201.702C201.702 22.9138 202.233 24.7314 205.007 24.7314C207.362 24.7314 208.343 23.4282 208.343 21.5309V20.9611C207.724 21.6393 206.55 22.4787 204.448 22.4787C200.778 22.4787 198.48 19.9034 198.48 16.1331L198.451 8.78076H202.094V15.3183C202.094 17.1623 202.767 19.3336 205.092 19.3336C206.296 19.3336 208.286 18.7637 208.286 15.1548V8.78076H211.845Z",
                  fill: "#121217"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("path", {
                  "fill-rule": "evenodd",
                  "clip-rule": "evenodd",
                  d: "M36.1626 18.2723C36.1626 19.1181 36.4958 19.467 37.1141 19.467C37.5497 19.467 37.8327 19.4164 38.2454 19.2926L38.4761 22.0799C37.7048 22.3272 36.959 22.4774 36.0075 22.4774C33.8244 22.4774 32.4874 21.7817 32.4874 18.7693V3.35645H36.1626V18.2723Z",
                  fill: "#121217"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("path", {
                  "fill-rule": "evenodd",
                  "clip-rule": "evenodd",
                  d: "M75.0944 14.9937V22.3439H71.3665V15.8064C71.3665 13.9357 71.563 11.5749 68.9848 11.7935C68.3142 11.8465 66.4639 12.1444 66.4639 15.9699V22.3439H62.7658V15.8064C62.7658 13.9357 62.9619 11.5749 60.3841 11.7935C59.711 11.8465 57.8632 12.1444 57.8632 15.9699V22.3439H54.165V8.78075H57.56L57.5631 10.6636C57.5631 10.6636 58.8605 8.64599 61.2805 8.64599C64.1966 8.64599 65.3412 10.8424 65.3412 10.8424C65.3412 10.8424 66.5967 8.61963 69.7992 8.61963C73.4405 8.61963 75.0944 11.2236 75.0944 14.9937",
                  fill: "#121217"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("path", {
                  "fill-rule": "evenodd",
                  "clip-rule": "evenodd",
                  d: "M141.455 16.131V8.78076H145.183V15.3183C145.183 15.7797 144.845 19.1967 147.535 19.3312C148.853 19.413 151.205 18.7086 151.205 15.1548V8.78076H154.904V22.3439H151.513L151.498 20.4611C151.498 20.4611 149.967 22.4787 147.113 22.4787C143.499 22.4787 141.455 19.8747 141.455 16.131",
                  fill: "#121217"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("path", {
                  "fill-rule": "evenodd",
                  "clip-rule": "evenodd",
                  d: "M6.92836 17.1856L14.4397 20.6583C15.3706 21.0889 16.0278 21.8116 16.3827 22.6406C17.2803 24.7399 16.0535 26.8869 14.1276 27.6591C12.2015 28.4309 10.1486 27.9342 9.21523 25.7511L5.94631 18.0866C5.693 17.4925 6.32934 16.9087 6.92836 17.1856",
                  fill: "#FFC233"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("path", {
                  "fill-rule": "evenodd",
                  "clip-rule": "evenodd",
                  d: "M7.37953 14.9376L15.1332 12.0066C17.71 11.0325 20.525 12.8756 20.487 15.5536C20.4864 15.5886 20.4858 15.6235 20.4849 15.6588C20.4292 18.2666 17.6926 20.0194 15.1723 19.0968L7.38688 16.2473C6.76583 16.0201 6.76124 15.1713 7.37953 14.9376",
                  fill: "#FFC233"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("path", {
                  "fill-rule": "evenodd",
                  "clip-rule": "evenodd",
                  d: "M6.9449 13.9224L14.567 10.6837C17.0998 9.60736 17.7426 6.37695 15.7589 4.51043C15.7329 4.48585 15.7069 4.46156 15.6806 4.43728C13.7357 2.63207 10.5207 3.26767 9.41349 5.64539L5.99314 12.9915C5.72024 13.5773 6.33701 14.1806 6.9449 13.9224",
                  fill: "#FFC233"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("path", {
                  "fill-rule": "evenodd",
                  "clip-rule": "evenodd",
                  d: "M4.98349 12.6426L7.75465 5.04415C8.09822 4.102 8.03458 3.1412 7.67939 2.3122C6.77994 0.21378 4.34409 -0.463579 2.41853 0.309741C0.493284 1.08336 -0.594621 2.84029 0.340622 5.02253L3.63095 12.6787C3.8861 13.272 4.76261 13.2486 4.98349 12.6426",
                  fill: "#FFC233"
                })]
              })
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
              className: "text-center p-3",
              children: ["Secure Payment by", " ", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                className: "font-bold",
                children: "Lemon Squeezy"
              })]
            })]
          })]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
          className: "grid grid-cols-3 gap-5 mx-10",
          children: _testimonial__WEBPACK_IMPORTED_MODULE_5__.testimonial.map((item, i) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
            className: " flex flex-col text-center",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("p", {
              className: "bg-white shadow-lg rounded-lg p-6 text-left text-gray-600",
              children: item.comment
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
              className: "flex items-center gap-6",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("img", {
                src: item.profileImage,
                alt: `${name}'s profile`,
                className: "w-12 h-12 rounded-full border border-gray-300"
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
                children: [" ", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("a", {
                  href: item.profileLink,
                  target: "_blank",
                  rel: "noopener noreferrer",
                  className: "flex flex-col",
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("p", {
                    className: "font-bold text-gray-700 text-xl my-2 mb-1",
                    children: item.name
                  })
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
                  className: "flex items-center",
                  children: [...Array(item.stars)].map((_, i) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                    className: "text-yellow-500",
                    children: "\u2605"
                  }, i))
                })]
              })]
            })]
          }, i))
        })]
      })]
    })]
  });
}
class BuilderWelcome extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      postData,
      appData,
      addNotifications,
      customerData
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(Html, {
      postData: postData,
      appData: appData,
      addNotifications: addNotifications,
      customerData: customerData,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BuilderWelcome);

/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   pricingData: () => (/* binding */ pricingData)
/* harmony export */ });
const pricingData = {
  yearly: [{
    title: "Personal",
    features: ["Up to 3 Sites", "1 Year of Updates", "1 Year Free Support", "Access to All PRO Features"],
    price: "$40",
    salePrice: "$25",
    link: "https://pickplugins.lemonsqueezy.com/checkout/buy/e8d33f98-b84e-480a-a422-bc175af6ada9?enabled=270427&checkout%5Bcustom%5D%5Bproduct_id%5D=3935"
  }, {
    title: "Plus",
    features: ["Up to 10 Sites", "1 Year of Updates", "1 Year Free Support", "Access to All PRO Features"],
    price: "$99",
    salePrice: "$75",
    link: "https://pickplugins.lemonsqueezy.com/checkout/buy/98b2b146-9ed0-4d97-b0ad-ee54b762f799?enabled=270430&checkout%5Bcustom%5D%5Bproduct_id%5D=3934"
  }, {
    title: "Agency",
    features: ["Up to 500 Sites", "1 Year of Updates", "1 Year Free Support", "Access to All PRO Features"],
    price: "$199",
    salePrice: "$150",
    link: "https://pickplugins.lemonsqueezy.com/checkout/buy/365ae069-9604-4a4c-b83c-12a315df8b38?enabled=270434&checkout%5Bcustom%5D%5Bproduct_id%5D=3933"
  }],
  lifetime: [{
    title: "Personal",
    features: ["Up to 3 Sites", "Lifetime Free Updates", "Lifetime Support", "Access to All PRO Features"],
    price: "$99",
    salePrice: "$80",
    link: "https://pickplugins.lemonsqueezy.com/checkout/buy/6d25c9ad-d2af-4732-b8cd-2716a961e6d0?enabled=270429&checkout%5Bcustom%5D%5Bproduct_id%5D=37934"
  }, {
    title: "Plus",
    features: ["Up to 10 Sites", "Lifetime Free Updates", "Lifetime Support", "Access to All PRO Features"],
    price: "$199",
    salePrice: "$160",
    link: "https://pickplugins.lemonsqueezy.com/checkout/buy/47471695-88ef-40ad-80b8-da6853929627?enabled=270431&checkout%5Bcustom%5D%5Bproduct_id%5D=37933"
  }, {
    title: "Agency",
    features: ["Up to 500 Sites", "Lifetime Free Updates", "Lifetime Support", "Access to All PRO Features"],
    price: "$299",
    salePrice: "$240",
    link: "https://pickplugins.lemonsqueezy.com/checkout/buy/76616a32-9e29-481a-8344-ece4686b3718?enabled=270435&checkout%5Bcustom%5D%5Bproduct_id%5D=37935"
  }]
};

/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   testimonial: () => (/* binding */ testimonial)
/* harmony export */ });
const testimonial = [{
  comment: "I’ve used this on a client’s site for almost 5 years and I have nothing but praise about it. It just does the job and never had any issues. Highly recommended.",
  name: "Pradeep",
  profileLink: "https://wordpress.org/support/users/pmaheepala/",
  profileImage: "https://secure.gravatar.com/avatar/567dcfbf43e4122bfa2cb055db04376cc1623b030ccbe56811ba2e56c9c946ad?s=100&d=retro&r=g",
  testimonialLink: "https://wordpress.org/support/topic/great-plugin-36818/",
  stars: 5
}, {
  comment: "Awesome keep it up. The service you provide in the free version are really a saviour, it helped me very much. Thank you very much. God bless you guys!",
  name: "foodbazinga",
  profileLink: "https://wordpress.org/support/users/foodbazinga/",
  profileImage: "https://secure.gravatar.com/avatar/a125df575465a997d9450c03debe3beb5898231d3ca0864b58ce38f5a8577ced?s=100&d=retro&r=g",
  testimonialLink: "https://wordpress.org/support/topic/best-app-solved-a-huge-problem-great-customization-in-free-as-well/",
  stars: 5
}, {
  comment: "Thank you for this beautiful ACCORDION & TABS plugin. I need something with just enough extensible options but not crazily over-styled. This was perfect. Thank you a hundred times over!",
  name: "treeflips",
  profileLink: "https://wordpress.org/support/users/treeflips/",
  profileImage: "https://secure.gravatar.com/avatar/698bbdf8465d26fb7054b19aa2e8663c52a1fa4e8b9363a13700c101a210066d?s=100&d=retro&r=g",
  testimonialLink: "https://wordpress.org/support/topic/best-developer-friendly-accordion-plugin/",
  stars: 5
}];

/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var react_sortablejs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-sortablejs */ "./node_modules/react-sortablejs/dist/index.js");
/* harmony import */ var react_sortablejs__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_sortablejs__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/add-card.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/help.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/check.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/copy-small.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/trash.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/pencil.js");
/* harmony import */ var _input_text__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../input-text */ "./src/components/input-text/index.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 {
  Component,
  RawHTML,
  useState,
  useEffect
} = wp.element;




var myStore = wp.data.select('postgrid-shop');


function Html(props) {
  if (!props.warn) {
    return null;
  }
  var isLoaded = props.isLoaded;
  var selectAccordion = props.selectAccordion;
  var activeAccordion = props.activeAccordion;
  var addNotifications = props.addNotifications;
  var setHelp = props.setHelp;
  var listQueryPrams = props.listQueryPrams;
  var setlistQueryPrams = props.setlistQueryPrams;
  var [searchPrams, setsearchPrams] = useState(listQueryPrams); // Using the hook.
  var [posts, setPosts] = useState(null); // Using the hook.
  var [pagination, setPagination] = useState({
    currentPage: listQueryPrams.page
  }); // Using the hook.
  var [dataLoaded, setdataLoaded] = useState(false); // Using the hook.
  var [isLoading, setisLoading] = useState(false); // Using the hook.
  var [deleteConfirm, setdeleteConfirm] = useState({
    id: "",
    confirm: false
  }); // Using the hook.
  var [rename, setrename] = useState({
    id: "",
    confirm: false
  }); // Using the hook.

  const copyData = data => {
    navigator.clipboard.writeText(data).then(() => {
      addNotifications({
        title: "Copied to clipboard!",
        content: "Use the shortcode in page or post conent where you want to display.",
        type: "success"
      });
    }).catch(err => {});
  };
  var queryArgs = [{
    "id": "postType",
    "val": ["accordions"]
  }, {
    "id": "postStatus",
    "val": ["publish"]
  }, {
    "id": "s",
    "val": ""
  }, {
    "id": "order",
    "val": "DESC"
  }, {
    "id": "orderby",
    "val": ["date"]
  }, {
    "id": "postsPerPage",
    "val": "20"
  }, {
    "id": "paged",
    "val": "1"
  }];
  function Prev() {}
  useEffect(() => {
    setisLoading(true);
    queryArgs.map(item => {
      var id = item.id;
      if (id == "paged") {
        item.val = pagination.currentPage;
      }
      if (id == "s") {
        item.val = searchPrams.search;
      }
    });
    _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_2___default()({
      path: "/accordions/v2/accordions_list",
      method: "POST",
      data: {
        queryArgs: queryArgs,
        _wpnonce: accordions_builder_js._wpnonce
      }
    }).then(res => {
      setisLoading(false);
      if (res.posts == undefined) {
        setPosts([]);
        addNotifications({
          title: "No Items Found",
          content: "It seems there is no items in the list.",
          type: "success"
        });
      } else {
        setPosts(res.posts);
        addNotifications({
          title: "Accordions Loaded",
          content: "All Accordions loaded, Now click to pick one to edit.",
          type: "success"
        });
      }
    });
  }, [isLoaded, pagination.currentPage, searchPrams.search]);
  function create_post() {
    setisLoading(true);
    _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_2___default()({
      path: "/accordions/v2/create_post",
      method: "POST",
      data: {
        postTitle: searchPrams.search
      }
    }).then(res => {
      if (res.error) {
        addNotifications({
          title: "There is an Error!",
          content: res.errorMessage,
          type: "error"
        });
      }
      if (res.success) {
        var postsX = [...posts];
        postsX.unshift({
          ID: res.id,
          post_content: "",
          post_author: 0,
          post_title: searchPrams.search
        });
        setPosts(postsX);
        addNotifications({
          title: "Accordion Create!",
          content: res.successMessage,
          type: "success"
        });
      }
      setisLoading(false);
      if (res.status) {}
    });
  }
  function update_post_title(newValue, postId) {
    setisLoading(true);
    _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_2___default()({
      path: "/accordions/v2/update_post_title",
      method: "POST",
      data: {
        postTitle: newValue,
        postId: postId
      }
    }).then(res => {
      console.log(res);
      if (res.error) {
        addNotifications({
          title: "There is an Error!",
          content: res.errorMessage,
          type: "error"
        });
      }
      if (res.success) {
        //var postsX = [...posts];

        //postsX.unshift({ ID: res.id, post_content: "", post_author: 0, post_title: searchPrams.search });

        //setPosts(postsX)

        addNotifications({
          title: "Accordion Title Updated!",
          content: res.successMessage,
          type: "success"
        });
      }
      setisLoading(false);
      if (res.status) {}
    });
  }
  function duplicate_post(postId) {
    setisLoading(true);
    _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_2___default()({
      path: "/accordions/v2/duplicate_post",
      method: "POST",
      data: {
        postId: postId
      }
    }).then(res => {
      if (res.error) {
        addNotifications({
          title: "There is an Error!",
          content: res.errorMessage,
          type: "error"
        });
      }
      if (res.success) {
        var postsX = [...posts];
        postsX.unshift({
          ID: res.id,
          post_title: res.post_title
        });
        setPosts(postsX);
        addNotifications({
          title: "Accordion duplicated!",
          content: res.successMessage,
          type: "success"
        });
      }
      setisLoading(false);
      if (res.status) {}
    });
  }
  function delete_post(postId, index) {
    if (!deleteConfirm) {
      return;
    }
    setisLoading(true);
    _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_2___default()({
      path: "/accordions/v2/delete_post",
      method: "POST",
      data: {
        postId: postId
      }
    }).then(res => {
      if (res.error) {
        addNotifications({
          title: "There is an Error!",
          content: res.errorMessage,
          type: "error"
        });
      }
      if (res.success) {
        var postsX = [...posts];
        postsX.splice(index, 1);
        setPosts(postsX);
        //posts.unshift({ ID: res.id, post_title: res.post_title });

        addNotifications({
          title: "Accordion deleted!",
          content: res.successMessage,
          type: "success"
        });
        setdeleteConfirm({
          id: "",
          confirm: false
        });
      }
      setisLoading(false);
      if (res.status) {}
    });
  }
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
    className: "",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
      className: "my-4 flex items-center gap-3",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_3__["default"], {
        value: searchPrams.search,
        placeholder: "Search.../Add New...",
        className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
        onChange: newVal => {
          var searchPramsX = {
            ...searchPrams
          };
          searchPramsX.search = newVal;
          setsearchPrams(searchPramsX);
          const timer = setTimeout(() => {
            // Update the debounced value after delay
          }, 3000); // 300ms debounce delay
          return () => clearTimeout(timer); // Cleanup timer on value change or unmount
        }
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
        className: "flex items-center  gap-2 py-2 px-3 cursor-pointer  capitalize bg-gray-700 text-white font-medium rounded hover:bg-gray-600 focus:outline-none focus:bg-gray-600",
        onClick: ev => {
          create_post();
        },
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_5__["default"], {
          fill: "#fff",
          icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", {
          children: "Create"
        })]
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", {
        className: "cursor-pointer",
        title: "Click to know more",
        onClick: () => {
          setHelp({
            id: "createAccordion",
            enable: true
          });
        },
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_5__["default"], {
          icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__["default"]
        })
      })]
    }), posts == null && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
      className: "p-3 my-5 bg-orange-400 ",
      children: "No Items, Please Create First One!"
    }), posts != null && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment, {
      children: posts.map((item, index) => {
        return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
          className: "border-0 border-b border-solid border-[#ddd]",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
            className: "flex justify-between align-middle items-center p-3  hover:bg-slate-300 cursor-pointer",
            onClick: ev => {
              selectAccordion(item.ID);
              addNotifications({
                title: "Ready to Edit",
                content: "Now go to Edit panel to customize accordion.",
                type: "success"
              });
            },
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
              className: "flex  align-middle items-center gap-2  ",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
                className: "text-base mb-2",
                children: item.post_title
              })
            }), activeAccordion == item.ID && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", {
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_5__["default"], {
                icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"]
              })
            })]
          }, index), activeAccordion == item.ID && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
              className: " px-3 flex flex-wrap align-middle items-center text-xs gap-3 my-2",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
                className: "",
                children: ["#", item.ID]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
                className: "cursor-pointer flex items-center",
                onClick: ev => {
                  duplicate_post(item.ID);
                },
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_5__["default"], {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_9__["default"],
                  size: "20"
                }), "Duplicate"]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
                className: "cursor-pointer text-red-700 flex items-center",
                title: "Delete Post",
                onClick: ev => {
                  setdeleteConfirm({
                    id: item.ID,
                    confirm: true
                  });
                  if (deleteConfirm.confirm) {
                    delete_post(item.ID, index);
                  }
                },
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_5__["default"], {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_10__["default"],
                  size: "20"
                }), deleteConfirm.id == item.ID && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment, {
                  children: deleteConfirm && "Confirm"
                }), deleteConfirm.id != item.ID && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment, {
                  children: deleteConfirm && "Delete"
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
                className: "cursor-pointer flex items-center",
                title: "Copy Shortcodes",
                onClick: () => {
                  var str = `[accordions_builder id="${item.ID}"]`;
                  copyData(str);
                },
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_5__["default"], {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_9__["default"],
                  size: "20"
                }), " Shortcode"]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
                className: "cursor-pointer flex items-center",
                title: "Rename",
                onClick: () => {
                  if (rename.id.length == 0) {
                    setrename({
                      id: item.ID,
                      confirm: false
                    });
                  } else {
                    setrename({
                      id: "",
                      confirm: false
                    });
                  }
                },
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_5__["default"], {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_11__["default"],
                  size: "20"
                }), " Rename"]
              })]
            }), rename.id == item.ID && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
              className: "my-4 flex items-center justify-between gap-3",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_3__["default"], {
                placeholder: item.post_title,
                value: item.post_title,
                className: " px-2 !rounded-none border !border-[#8c8f94] !border-solid w-full",
                onChange: newVal => {
                  var postsX = [...posts];
                  postsX[index].post_title = newVal;
                  setPosts(postsX);
                  const timer = setTimeout(() => {
                    // Update the debounced value after delay
                    update_post_title(newVal, item.ID);
                  }, 3000); // 300ms debounce delay
                  return () => clearTimeout(timer); // Cleanup timer on value change or unmount
                }
              })
            })]
          })]
        });
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
      className: "flex py-5 justify-between px-2",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
        className: "bg-slate-700 text-white px-5 py-2 rounded-sm cursor-pointer hover:bg-slate-600",
        onClick: ev => {
          if (pagination.currentPage > 1) {
            var currentPage = pagination.currentPage - 1;
            setPagination({
              currentPage: currentPage
            });
            setlistQueryPrams({
              ...listQueryPrams,
              page: currentPage
            });
          }
        },
        children: "Prev"
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
        className: "bg-slate-700 text-white px-5 py-2 rounded-sm cursor-pointer hover:bg-slate-600",
        onClick: ev => {
          var currentPage = pagination.currentPage + 1;
          setPagination({
            currentPage: currentPage
          });
          setlistQueryPrams({
            ...listQueryPrams,
            page: currentPage
          });
        },
        children: "Next"
      })]
    })]
  });
}
class BuilderTabList extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true,
      isLoaded: false
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  componentDidMount() {
    setTimeout(() => {
      this.setState(state => ({
        isLoaded: !state.isLoaded
      }));
    }, 1000);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      selectAccordion,
      activeAccordion,
      setHelp,
      listQueryPrams,
      setlistQueryPrams,
      addNotifications
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(Html, {
      selectAccordion: selectAccordion,
      activeAccordion: activeAccordion,
      warn: this.state.showWarning,
      isLoaded: this.state.isLoaded,
      setHelp: setHelp,
      addNotifications: addNotifications,
      listQueryPrams: listQueryPrams,
      setlistQueryPrams: setlistQueryPrams
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BuilderTabList);

/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/help.js");
/* harmony import */ var react_sortablejs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-sortablejs */ "./node_modules/react-sortablejs/dist/index.js");
/* harmony import */ var react_sortablejs__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_sortablejs__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _splidejs_react_splide__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @splidejs/react-splide */ "./node_modules/@splidejs/react-splide/dist/js/react-splide.esm.js");
/* harmony import */ var _input_text__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../input-text */ "./src/components/input-text/index.js");
/* harmony import */ var _components_dropdown__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/dropdown */ "./src/components/dropdown/index.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__);
const {
  Component,
  RawHTML,
  useState,
  useEffect
} = wp.element;










var myStore = wp.data.select("postgrid-shop");
function Html(props) {
  if (!props.warn) {
    return null;
  }
  var addNotifications = props.addNotifications;
  if (!props?.postData?.post_content?.globalOptions?.viewType) {
    addNotifications({
      title: "Opps item missing",
      content: "Please select post first.",
      type: "error"
    });
    return null;
  }
  var onChange = props.onChange;
  var setHelp = props.setHelp;
  var [postData, setpostData] = useState(props.postData); // Using the hook.
  var [accordionData, setaccordionData] = useState(postData.post_content); // Using the hook.
  var [isLoading, setisLoading] = useState(false); // Using the hook.
  var [isProFeature, setisProFeature] = useState(true);
  var [customerData, setcustomerData] = useState(props.customerData);
  var [templates, settemplates] = useState([]); // Using the hook.
  const [queryLayouts, setqueryLayouts] = useState({
    keyword: "",
    price: "",
    viewType: postData.post_content.globalOptions.viewType == undefined ? "accordion" : postData.post_content.globalOptions.viewType,
    page: 1
  });
  useEffect(() => {
    if (customerData.isPro) {
      setisProFeature(false);
    }
  }, [props.customerData]);
  useEffect(() => {
    setisLoading(true);
    var requestData = {
      keyword: queryLayouts.keyword,
      page: queryLayouts.page,
      price: queryLayouts.price,
      viewType: queryLayouts.viewType
    };
    requestData = JSON.stringify(requestData);
    fetch("https://pickplugins.com/demo/accordions/wp-json/accordions/v2/get_posts_accordions",
    // "http://localhost/wordpress/wp-json/accordions/v2/get_posts_accordions",
    {
      method: "POST",
      headers: {
        "Content-Type": "application/json;charset=utf-8"
      },
      body: requestData
    }).then(response => {
      if (response.ok && response.status < 400) {
        response.json().then(data => {
          var posts = data.posts;
          var postsX = [];
          posts.map(item => {
            postsX.push({
              label: item.post_title,
              thumb: item.thumb,
              isPro: item?.is_pro == "yes" ? true : false,
              data: item.post_content
            });
            settemplates(postsX);
          });
          setisLoading(false);
        });
      }
    }).catch(_error => {
      //this.saveAsStatus = 'error';
      // handle the error
    });
  }, []);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("div", {
    className: "",
    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)("div", {
      className: "p-3",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)("p", {
        className: "flex items-center gap-2",
        children: ["How templates work.", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("span", {
          className: "cursor-pointer",
          title: "Click to know more",
          onClick: () => {
            setHelp({
              id: "accordionTemplatesHelp",
              enable: true
            });
          },
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_9__["default"], {
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_10__["default"]
          })
        })]
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)("div", {
        className: "my-4  items-center hidden gap-3",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_6__["default"], {
          value: queryLayouts.keyword,
          placeholder: "Search...",
          className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
          onChange: newVal => {
            var queryLayoutsX = {
              ...queryLayouts
            };
            queryLayoutsX.keyword = newVal;
            setqueryLayouts(queryLayoutsX);
          }
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.SelectControl, {
          label: "",
          value: queryLayouts.price,
          options: [{
            label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Free/Pro", "accordions"),
            value: ""
          }, {
            label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Free", "accordions"),
            value: "free"
          }, {
            label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Pro", "accordions"),
            value: "pro"
          }],
          onChange: newVal => {
            var queryLayoutsX = {
              ...queryLayouts
            };
            queryLayoutsX.keyword = newVal;
            setqueryLayouts(queryLayoutsX);
          }
        })]
      }), isLoading && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("div", {
        className: "text-center py-3",
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.Spinner, {})
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.Fragment, {
        children: templates.map((preset, index) => {
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)("div", {
            className: "my-5 bg-slate-400 hover:bg-slate-500 p-3 rounded-sm cursor-pointer",
            title: "Click To Apply",
            onClick: ev => {
              if (preset.isPro) {
                if (isProFeature) {
                  addNotifications({
                    title: "Opps its pro!",
                    content: "This feature only avilable in premium version",
                    type: "error"
                  });
                  return;
                }
              }

              // addNotifications({
              // 	title: "Preset Applied",
              // 	content: "WOW, Your accordion just got new look!",
              // 	type: "success",
              // });

              var data = preset.data;
              data = JSON.parse(data);
              var presetClean = {};
              Object.entries(data).map(item => {
                var itemIndex = item[0];
                var itemArg = item[1];
                if (itemArg.options != undefined) {
                  delete itemArg.options;
                }
                if (accordionData[itemIndex]) {
                  delete accordionData[itemIndex]?.styles;
                  delete accordionData[itemIndex]?.hover;
                  delete accordionData[itemIndex]?.after;
                  delete accordionData[itemIndex]?.before;
                  delete accordionData[itemIndex]?.active;
                  delete accordionData[itemIndex]?.focus;
                  delete accordionData[itemIndex]?.target;
                  delete accordionData[itemIndex]?.visited;
                }
                presetClean[itemIndex] = {
                  ...accordionData[itemIndex],
                  ...itemArg
                };
              });
              var accordionDataX = {
                ...accordionData,
                ...presetClean
              };
              onChange(accordionDataX);

              // addNotifications({
              // 	title: "Preset Applied",
              // 	content: "WOW, Your accordion just got new look!",
              // 	type: "success",
              // });
            },
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("img", {
              className: "w-full",
              src: preset.thumb,
              alt: ""
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)("div", {
              className: "mt-3 flex justify-between  items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("span", {
                className: "text-lg  text-white ",
                children: preset.label
              }), preset.isPro && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.Fragment, {
                children: isProFeature && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("span", {
                  className: "bg-amber-500 px-2 py-1  no-underline rounded-sm  cursor-pointer text-white ",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Pro", "accordions")
                })
              })]
            })]
          }, index);
        })
      })]
    })
  });
}
class BuilderTabTemplates extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      postData,
      onChange,
      customerData,
      addNotifications,
      setHelp
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(Html, {
      postData: postData,
      onChange: onChange,
      customerData: customerData,
      addNotifications: addNotifications,
      setHelp: setHelp,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BuilderTabTemplates);

/***/ }),

/***/ "./src/components/Builder/accordion-menu-default-data.js":
/*!***************************************************************!*\
  !*** ./src/components/Builder/accordion-menu-default-data.js ***!
  \***************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
var AccordionMenuDefaultData = {
  globalOptions: {
    viewType: "accordionMenu",
    itemSource: "manual",
    search: true
  },
  itemQueryArgs: [],
  styleObj: {},
  reponsiveCss: "",
  wrapper: {
    options: {
      content: "",
      tag: "div",
      class: "accordion-menu-wrapper"
    },
    styles: {}
  },
  item: {
    options: {
      content: "",
      tag: "div",
      class: "image-accordion-item"
    },
    styles: {}
  },
  items: [{
    "isActive": false,
    "image": {
      id: "",
      url: "",
      altText: ""
    },
    link: "",
    "title": "What is Lorem Ipsum?",
    "content": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."
  }]
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AccordionMenuDefaultData);

/***/ }),

/***/ "./src/components/Builder/default-data-accordion.js":
/*!**********************************************************!*\
  !*** ./src/components/Builder/default-data-accordion.js ***!
  \**********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
var accordionDefaultData = {
  globalOptions: {
    viewType: "accordion",
    itemSource: "manual",
    search: true
  },
  itemQueryArgs: [],
  styleObj: {},
  reponsiveCss: "",
  wrapper: {
    options: {
      tag: "div",
      class: "tabs-wrapper"
    },
    styles: {}
  },
  items: [{
    active: 0,
    hideOnSchema: 0,
    headerLabelText: "Accordion Header 1 ",
    headerLabelSlug: "",
    headerLabelToggledText: "",
    contentText: "Accordion Content 1"
  }, {
    active: 0,
    hideOnSchema: 0,
    headerLabelText: "Accordion Header 2",
    headerLabelSlug: "",
    headerLabelToggledText: "",
    contentText: "Accordion Content 2"
  }, {
    active: 0,
    hideOnSchema: 0,
    headerLabelText: "Accordion Header 3",
    headerLabelSlug: "",
    headerLabelToggledText: "",
    contentText: "Accordion Content 3"
  }],
  content: {
    options: {
      tag: "div",
      class: "accordion-content"
    },
    styles: {
      padding: {
        Desktop: "15px 15px 15px 15px"
      },
      backgroundColor: {
        Desktop: "#d5d4d9"
      }
    }
  },
  nthItemStyle: [],
  header: {
    options: {
      tag: "div",
      class: "accordion-header"
    },
    styles: {
      display: {
        Desktop: "flex"
      },
      gap: {
        Desktop: "1em"
      },
      padding: {
        Desktop: "12px 12px 12px 12px"
      },
      backgroundColor: {
        Desktop: "#9DD6DF"
      },
      margin: {
        Desktop: "0px 0px 1px 0px"
      },
      fontSize: {
        Desktop: "16px"
      }
    }
  },
  headerActive: {
    options: {
      tag: "div",
      class: "accordion-header-active"
    },
    styles: {}
  },
  headerLabel: {
    options: {
      text: "Accordion Header",
      tag: "a",
      class: "accordion-header-label"
    },
    styles: {}
  },
  labelCounter: {
    options: {
      enable: false,
      position: "",
      tag: "div",
      class: "accordion-label-counter"
    },
    styles: {}
  },
  labelIcon: {
    options: {
      library: "fontAwesome",
      srcType: "class",
      iconSrc: "",
      position: "",
      class: "accordion-label-icon"
    },
    styles: {}
  },
  icon: {
    options: {
      library: "fontAwesome",
      srcType: "class",
      iconSrc: "fas fa-angle-down",
      position: "left",
      class: "accordion-icon"
    },
    styles: {}
  },
  iconToggle: {
    options: {
      library: "fontAwesome",
      srcType: "class",
      iconSrc: " fas fa-angle-up",
      class: "accordion-icon-toggle"
    },
    styles: {}
  },
  searchInput: {
    options: {
      placeholder: "",
      class: "search-input"
    },
    styles: {}
  },
  expandCollapseAll: {
    options: {
      enable: false,
      class: "expand-collapse-all",
      expandAllText: "Expand All",
      collapseAllText: "Collapse All",
      expandAllIcon: {
        library: "fontAwesome",
        srcType: "class",
        iconSrc: " fas fa-angle-up"
      },
      collapseAllIcon: {
        library: "fontAwesome",
        srcType: "class",
        iconSrc: " fas fa-angle-up"
      }
    },
    styles: {}
  },
  topWrap: {
    options: {
      class: "top-wrap"
    },
    styles: {}
  }
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (accordionDefaultData);

/***/ }),

/***/ "./src/components/Builder/default-data-faq-grid.js":
/*!*********************************************************!*\
  !*** ./src/components/Builder/default-data-faq-grid.js ***!
  \*********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
var faqGridDefaultData = {
  globalOptions: {
    viewType: "faqGrid",
    itemSource: "manual",
    search: true
  },
  itemQueryArgs: [],
  styleObj: {},
  reponsiveCss: "",
  wrapper: {
    options: {
      tag: "div",
      class: "faq-grid-wrapper"
    },
    styles: {}
  },
  itemsWrap: {
    options: {
      tag: "div",
      class: "faq-grid-items items"
    },
    styles: {
      display: {
        Desktop: "grid"
      },
      gap: {
        Desktop: "2em"
      },
      gridTemplateColumns: {
        Desktop: "1fr 1fr"
      }
    }
  },
  itemWrap: {
    options: {
      tag: "div",
      class: "faq-grid-item item"
    },
    styles: {}
  },
  items: [{
    active: 0,
    hideOnSchema: 0,
    headerLabelText: "Accordion Header 1 ",
    headerLabelSlug: "",
    headerLabelToggledText: "",
    contentText: "Accordion Content 1"
  }, {
    active: 0,
    hideOnSchema: 0,
    headerLabelText: "Accordion Header 2",
    headerLabelSlug: "",
    headerLabelToggledText: "",
    contentText: "Accordion Content 2"
  }, {
    active: 0,
    hideOnSchema: 0,
    headerLabelText: "Accordion Header 3",
    headerLabelSlug: "",
    headerLabelToggledText: "",
    contentText: "Accordion Content 3"
  }],
  content: {
    options: {
      tag: "div",
      class: "faq-content accordion-content"
    },
    styles: {
      padding: {
        Desktop: "15px 15px 15px 15px"
      },
      backgroundColor: {
        Desktop: "#d5d4d9"
      }
    }
  },
  header: {
    options: {
      tag: "div",
      class: "faq-header accordion-header"
    },
    styles: {
      display: {
        Desktop: "flex"
      },
      gap: {
        Desktop: "1em"
      },
      padding: {
        Desktop: "12px 12px 12px 12px"
      },
      backgroundColor: {
        Desktop: "#9DD6DF"
      },
      margin: {
        Desktop: "0px 0px 1px 0px"
      },
      fontSize: {
        Desktop: "16px"
      }
    }
  },
  headerLabel: {
    options: {
      text: "Accordion Header",
      tag: "a",
      class: "accordion-header-label"
    },
    styles: {}
  },
  labelCounter: {
    options: {
      enable: false,
      position: "",
      tag: "div",
      class: "faq-label-counter accordion-label-counter"
    },
    styles: {}
  },
  labelIcon: {
    options: {
      library: "fontAwesome",
      srcType: "class",
      iconSrc: "",
      position: "",
      class: "accordion-label-icon"
    },
    styles: {}
  },
  icon: {
    options: {
      library: "fontAwesome",
      srcType: "class",
      iconSrc: "far fa-question-circle",
      position: "left",
      class: "accordion-icon"
    },
    styles: {}
  },
  searchInput: {
    options: {
      placeholder: "",
      class: "search-input"
    },
    styles: {}
  },
  topWrap: {
    options: {
      class: "top-wrap"
    },
    styles: {}
  }
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (faqGridDefaultData);

/***/ }),

/***/ "./src/components/Builder/generate-css.js":
/*!************************************************!*\
  !*** ./src/components/Builder/generate-css.js ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react_sortablejs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-sortablejs */ "./node_modules/react-sortablejs/dist/index.js");
/* harmony import */ var react_sortablejs__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_sortablejs__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_api_fetch__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _splidejs_react_splide__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @splidejs/react-splide */ "./node_modules/@splidejs/react-splide/dist/js/react-splide.esm.js");
/* harmony import */ var _components_dropdown__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/dropdown */ "./src/components/dropdown/index.js");
/* 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__);
const {
  Component,
  RawHTML,
  useState,
  useEffect
} = wp.element;








var myStore = wp.data.select("postgrid-shop");
function Html(props) {
  if (!props.warn) {
    return null;
  }
  var onChange = props.onChange;
  var [postData, setpostData] = useState(props.postData); // Using the hook.
  var [accordionData, setaccordionData] = useState(postData.post_content); // Using the hook.

  var [styleObj, setstyleObj] = useState({}); // Using the hook.

  var [globalOptions, setglobalOptions] = useState(accordionData.globalOptions); // Using the hook.

  useEffect(() => {
    setpostData(props.postData);
  }, [props.postData]);
  useEffect(() => {
    setaccordionData(postData.post_content);
  }, [postData]);
  var blockClass = "#accordions-" + postData.ID;
  var wrapperSelector = blockClass + "";
  if (globalOptions.viewType == "imageAccordion") {
    var contentSelector = blockClass + " .image-accordion-content";
  } else {
    var contentSelector = blockClass + " .accordion-content";
  }
  var itemActiveSelector = blockClass + " .image-accordion-item.active";
  var itemsWrapSelector = blockClass + " .items";
  var itemWrapSelector = blockClass + " .item";
  var headerSelector = blockClass + " .accordion-header";
  var headerActiveSelector = blockClass + " .accordion-header-active";
  var headerLabelSelector = blockClass + " .accordion-header-label";
  var labelCounterSelector = blockClass + " .accordion-label-counter";
  var labelIconSelector = blockClass + " .accordion-label-icon";
  var iconSelector = blockClass + " .accordion-icon";
  var iconToggleSelector = blockClass + " .accordion-icon-toggle";
  var expandCollapseAllSelector = blockClass + " .expand-collapse-all";
  var topWrapSelector = blockClass + " .top-wrap";
  var searchInputSelector = blockClass + " .search-input";
  var navsWrapSelector = blockClass + " .navs-wrapper";
  var navItemSelector = blockClass + " .nav-item";
  var activeNavItemSelector = blockClass + " .nav-item-active";
  var navLabelSelector = blockClass + " .nav-label";
  var panelWrapSelector = blockClass + " .tabs-panel";
  var panelWrapActiveSelector = blockClass + " .tabs-panel-active";
  var itemSelector = blockClass + " .image-accordion-item";
  var overlaySelector = blockClass + " .image-accordion-overlay";
  var imageSelector = blockClass + " .image-accordion-image";
  var titleSelector = blockClass + " .image-accordion-title";
  function getElementSelector(sudoScource, mainSelector) {
    var elementSelector = mainSelector;
    if (sudoScource == "styles") {
      elementSelector = mainSelector;
    } else if (sudoScource == "hover") {
      elementSelector = mainSelector + ":hover";
    } else if (sudoScource == "after") {
      elementSelector = mainSelector + "::after";
    } else if (sudoScource == "before") {
      elementSelector = mainSelector + "::before";
    } else if (sudoScource == "first-child") {
      elementSelector = mainSelector + ":first-child";
    } else if (sudoScource == "last-child") {
      elementSelector = mainSelector + ":last-child";
    } else if (sudoScource == "visited") {
      elementSelector = mainSelector + ":visited";
    } else if (sudoScource == "selection") {
      elementSelector = mainSelector + "::selection";
    } else if (sudoScource == "first-letter") {
      elementSelector = mainSelector + "::first-letter";
    } else if (sudoScource == "first-line") {
      elementSelector = mainSelector + "::first-line";
    } else {
      elementSelector = mainSelector + ":" + sudoScource;
    }
    return elementSelector;
  }
  function cssAttrParse(key) {
    var cssProp = "";
    if (key == "alignContent") {
      cssProp = "align-content";
    } else if (key == "alignItems") {
      cssProp = "align-items";
    } else if (key == "animationName") {
      cssProp = "animation-name";
    } else if (key == "alignSelf") {
      cssProp = "align-self";
    } else if (key == "aspectRatio") {
      cssProp = "aspect-ratio";
    } else if (key == "backfaceVisibility") {
      cssProp = "backface-visibility";
    } else if (key == "backgroundAttachment") {
      cssProp = "background-attachment";
    } else if (key == "backgroundBlendMode") {
      cssProp = "background-blend-mode";
    } else if (key == "backgroundClip") {
      cssProp = "background-clip";
    } else if (key == "bgColor") {
      cssProp = "background-color";
    } else if (key == "backgroundColor") {
      cssProp = "background-color";
    } else if (key == "backgroundOrigin") {
      cssProp = "background-origin";
    } else if (key == "backgroundRepeat") {
      cssProp = "background-repeat";
    } else if (key == "backgroundSize") {
      cssProp = "background-size";
    } else if (key == "backgroundPosition") {
      cssProp = "background-position";
    } else if (key == "backgroundImage") {
      cssProp = "background-image";
    } else if (key == "border") {
      cssProp = "border";
    } else if (key == "borderTop") {
      cssProp = "border-top";
    } else if (key == "borderRight") {
      cssProp = "border-right";
    } else if (key == "borderBottom") {
      cssProp = "border-bottom";
    } else if (key == "borderLeft") {
      cssProp = "border-left";
    } else if (key == "borderRadius") {
      cssProp = "border-radius";
    } else if (key == "borderCollapse") {
      cssProp = "border-collapse";
    } else if (key == "borderSpacing") {
      cssProp = "border-spacing";
    } else if (key == "borderImage") {
      cssProp = "border-image";
    } else if (key == "boxShadow") {
      cssProp = "box-shadow";
    } else if (key == "backdropFilter") {
      cssProp = "backdrop-filter";
    } else if (key == "bottom" || key == "top" || key == "left" || key == "right" || key == "clear" || key == "color" || key == "filter" || key == "float") {
      cssProp = key;
    } else if (key == "boxSizing") {
      cssProp = "box-sizing";
    } else if (key == "cursor") {
      cssProp = "cursor";
    } else if (key == "content") {
      cssProp = "content";
    } else if (key == "counterIncrement") {
      cssProp = "counter-increment";
    } else if (key == "counterReset") {
      cssProp = "counter-reset";
    } else if (key == "counterSet") {
      cssProp = "counter-set";
    } else if (key == "columnCount") {
      cssProp = "column-count";
    } else if (key == "columnRule") {
      cssProp = "column-rule";
    } else if (key == "direction") {
      cssProp = "direction";
    } else if (key == "fontFamily") {
      cssProp = "font-family";
    } else if (key == "fontSize") {
      cssProp = "font-size";
    } else if (key == "fontStyle") {
      cssProp = "font-style";
    } else if (key == "fontStretch") {
      cssProp = "font-stretch";
    } else if (key == "fontWeight") {
      cssProp = "font-weight";
    } else if (key == "fontVariantCaps") {
      cssProp = "font-variant-caps";
    } else if (key == "flexWrap") {
      cssProp = "flex-wrap";
    } else if (key == "flexDirection") {
      cssProp = "flex-direction";
    } else if (key == "flexGrow") {
      cssProp = "flex-grow";
    } else if (key == "flexShrink") {
      cssProp = "flex-shrink";
    } else if (key == "flexBasis") {
      cssProp = "flex-basis";
    } else if (key == "flexFlow") {
      cssProp = "flex-flow";
    } else if (key == "letterSpacing") {
      cssProp = "letter-spacing";
    } else if (key == "gridAutoFlow") {
      cssProp = "grid-auto-flow";
    } else if (key == "gridColumnEnd") {
      cssProp = "grid-column-end";
    } else if (key == "gridColumnStart") {
      cssProp = "grid-column-start";
    } else if (key == "gridRowEnd") {
      cssProp = "grid-row-end";
    } else if (key == "gridRowStart") {
      cssProp = "grid-row-start";
    } else if (key == "gridTemplateColumns") {
      cssProp = "grid-template-columns";
    } else if (key == "gridTemplateRows") {
      cssProp = "grid-template-rows";
    } else if (key == "listStyle") {
      cssProp = "list-style";
    } else if (key == "lineHeight") {
      cssProp = "line-height";
    } else if (key == "justifyContent") {
      cssProp = "justify-content";
    } else if (key == "maskImage") {
      cssProp = "mask-image";
    } else if (key == "objectFit") {
      cssProp = "object-fit";
    } else if (key == "opacity") {
      cssProp = "opacity";
    } else if (key == "outline") {
      cssProp = "outline";
    } else if (key == "order") {
      cssProp = "order";
    } else if (key == "outlineOffset") {
      cssProp = "outline-offset";
    } else if (key == "position") {
      cssProp = "position";
    } else if (key == "textIndent") {
      cssProp = "text-indent";
    } else if (key == "textJustify") {
      cssProp = "text-justify";
    } else if (key == "textTransform") {
      cssProp = "text-transform";
    } else if (key == "textDecoration") {
      cssProp = "text-decoration";
    } else if (key == "textOverflow") {
      cssProp = "text-overflow";
    } else if (key == "textShadow") {
      cssProp = "text-shadow";
    } else if (key == "textAlign") {
      cssProp = "text-align";
    } else if (key == "visibility") {
      cssProp = "visibility";
    } else if (key == "wordBreak") {
      cssProp = "word-break";
    } else if (key == "wordSpacing") {
      cssProp = "word-spacing";
    } else if (key == "zIndex") {
      cssProp = "z-index";
    } else if (key == "padding") {
      cssProp = "padding";
    } else if (key == "paddingTop") {
      cssProp = "padding-top";
    } else if (key == "paddingRight") {
      cssProp = "padding-right";
    } else if (key == "paddingBottom") {
      cssProp = "padding-bottom";
    } else if (key == "paddingLeft") {
      cssProp = "padding-left";
    } else if (key == "placeItems") {
      cssProp = "place-items";
    } else if (key == "margin") {
      cssProp = "margin";
    } else if (key == "marginTop") {
      cssProp = "margin-top";
    } else if (key == "marginRight") {
      cssProp = "margin-right";
    } else if (key == "marginBottom") {
      cssProp = "margin-bottom";
    } else if (key == "marginLeft") {
      cssProp = "margin-left";
    } else if (key == "display") {
      cssProp = "display";
    } else if (key == "width") {
      cssProp = "width";
    } else if (key == "height") {
      cssProp = "height";
    } else if (key == "verticalAlign") {
      cssProp = "vertical-align";
    } else if (key == "overflow") {
      cssProp = "overflow";
    } else if (key == "overflowX") {
      cssProp = "overflow-x";
    } else if (key == "overflowY") {
      cssProp = "overflow-y";
    } else if (key == "writingMode") {
      cssProp = "writing-mode";
    } else if (key == "wordWrap") {
      cssProp = "word-wrap";
    } else if (key == "perspective") {
      cssProp = "perspective";
    } else if (key == "minWidth") {
      cssProp = "min-width";
    } else if (key == "minHeight") {
      cssProp = "min-height";
    } else if (key == "maxHeight") {
      cssProp = "max-height";
    } else if (key == "maxWidth") {
      cssProp = "max-width";
    } else if (key == "transition") {
      cssProp = "transition";
    } else if (key == "transform") {
      cssProp = "transform";
    } else if (key == "transformOrigin") {
      cssProp = "transform-origin";
    } else if (key == "transformStyle") {
      cssProp = "transform-style";
    } else if (key == "tableLayout") {
      cssProp = "table-layout";
    } else if (key == "emptyCells") {
      cssProp = "empty-cells";
    } else if (key == "captionSide") {
      cssProp = "caption-side";
    } else if (key == "gap") {
      cssProp = "gap";
    } else if (key == "rowGap") {
      cssProp = "row-gap";
    } else if (key == "columnGap") {
      cssProp = "column-gap";
    } else if (key == "userSelect") {
      cssProp = "user-select";
    } else if (key == "-webkit-text-fill-color") {
      cssProp = "-webkit-text-fill-color";
    } else {
      cssProp = key;
    }
    return cssProp;
  }
  function generateElementCss(obj, elementSelector) {
    if (obj == null) {
      return {};
    }
    var cssObj = {};
    Object.entries(obj).map(args => {
      var sudoSrc = args[0];
      var sudoArgs = args[1];
      if (sudoSrc != "options" && sudoArgs != null) {
        var selector = getElementSelector(sudoSrc, elementSelector);
        Object.entries(args[1]).map(x => {
          var attr = x[0];
          var propVal = x[1];
          var cssPropty = cssAttrParse(attr);
          var found = Object.entries(propVal).reduce((a, [k, v]) => v ? (a[k] = v, a) : a, {});
          if (Object.keys(found).length > 0) {
            if (cssObj[selector] == undefined) {
              cssObj[selector] = {};
            }
            if (cssObj[selector][cssPropty] == undefined) {
              cssObj[selector][cssPropty] = {};
            }
            cssObj[selector][cssPropty] = x[1];
          }
        });
      }
    });
    return cssObj;
  }
  function generateBlockCss(items) {
    var reponsiveCssGroups = {};
    for (var selector in items) {
      var attrs = items[selector];
      for (var attr in attrs) {
        var breakpoints = attrs[attr];
        for (var device in breakpoints) {
          var attrValue = breakpoints[device];
          if (reponsiveCssGroups[device] == undefined) {
            reponsiveCssGroups[device] = [];
          }
          if (reponsiveCssGroups[device] == undefined) {
            reponsiveCssGroups[device] = [];
          }
          if (reponsiveCssGroups[device][selector] == undefined) {
            reponsiveCssGroups[device][selector] = [];
          }
          if (typeof attrValue == "string") {
            attrValue = attrValue.replaceAll("u0022", '"');
            reponsiveCssGroups[device][selector].push({
              attr: attr,
              val: attrValue
            });
          }
        }
      }
    }
    var reponsiveCssDesktop = "";
    if (reponsiveCssGroups["Desktop"] != undefined) {
      for (var selector in reponsiveCssGroups["Desktop"]) {
        var attrs = reponsiveCssGroups["Desktop"][selector];
        reponsiveCssDesktop += selector + "{";
        for (var index in attrs) {
          var attr = attrs[index];
          var attrName = attr.attr;
          var attrValue = attr.val;
          reponsiveCssDesktop += attrName + ":" + attrValue + ";";
        }
        reponsiveCssDesktop += "}";
      }
    }
    var reponsiveCssTablet = "";
    if (reponsiveCssGroups["Tablet"] != undefined) {
      reponsiveCssTablet += "@media(max-width: 991px){";
      for (var selector in reponsiveCssGroups["Tablet"]) {
        var attrs = reponsiveCssGroups["Tablet"][selector];
        reponsiveCssTablet += selector + "{";
        for (var index in attrs) {
          var attr = attrs[index];
          var attrName = attr.attr;
          var attrValue = attr.val;
          reponsiveCssTablet += attrName + ":" + attrValue + ";";
        }
        reponsiveCssTablet += "}";
      }
      reponsiveCssTablet += "}";
    }
    var reponsiveCssMobile = "";
    if (reponsiveCssGroups["Mobile"] != undefined) {
      reponsiveCssMobile += "@media(max-width:767px){";
      for (var selector in reponsiveCssGroups["Mobile"]) {
        var attrs = reponsiveCssGroups["Mobile"][selector];
        reponsiveCssMobile += selector + "{";
        for (var index in attrs) {
          var attr = attrs[index];
          var attrName = attr.attr;
          var attrValue = attr.val;
          reponsiveCssMobile += attrName + ":" + attrValue + ";";
        }
        reponsiveCssMobile += "}";
      }
      reponsiveCssMobile += "}";
    }
    var reponsiveCss = reponsiveCssDesktop + reponsiveCssTablet + reponsiveCssMobile;
    return reponsiveCss;
  }
  useEffect(() => {
    var reponsiveCss = generateBlockCss(styleObj);
    onChange(reponsiveCss);
    var wpfooter = document.getElementById("wpfooter");
    var csswrappg = document.getElementById("css-block");

    // var divWrap = document.getElementById("css-block");

    // if (divWrap != undefined) {
    // 	divWrap.outerHTML = "";
    // }

    if (csswrappg == null) {
      var divWrap = '<style id="css-block">' + reponsiveCss + '</style>';
      wpfooter.insertAdjacentHTML("beforeend", divWrap);
      var csswrappg = document.getElementById("css-block");
      csswrappg.innerHtml = reponsiveCss;
    } else {
      //csswrappg.insertAdjacentHTML("beforeend", reponsiveCss);

      csswrappg.innerHTML = reponsiveCss;
    }
  }, [styleObj]);
  useEffect(() => {
    var styleObjX = {};
    var wrapperCss = generateElementCss(accordionData.wrapper, wrapperSelector);
    Object.entries(wrapperCss).map(selectors => {
      var selector = selectors[0];
      var selectorData = selectors[1];
      styleObjX[selector] = selectorData;
    });
    var contentCss = generateElementCss(accordionData.content, contentSelector);
    Object.entries(contentCss).map(selectors => {
      var selector = selectors[0];
      var selectorData = selectors[1];
      styleObjX[selector] = selectorData;
    });
    var headerCss = generateElementCss(accordionData.header, headerSelector);
    Object.entries(headerCss).map(selectors => {
      var selector = selectors[0];
      var selectorData = selectors[1];
      styleObjX[selector] = selectorData;
    });
    var itemsWrapCss = generateElementCss(accordionData.itemsWrap, itemsWrapSelector);
    Object.entries(itemsWrapCss).map(selectors => {
      var selector = selectors[0];
      var selectorData = selectors[1];
      styleObjX[selector] = selectorData;
    });
    var itemWrapCss = generateElementCss(accordionData.itemWrap, itemWrapSelector);
    Object.entries(itemWrapCss).map(selectors => {
      var selector = selectors[0];
      var selectorData = selectors[1];
      styleObjX[selector] = selectorData;
    });
    var headerActiveCss = generateElementCss(accordionData.headerActive, headerActiveSelector);
    Object.entries(headerActiveCss).map(selectors => {
      var selector = selectors[0];
      var selectorData = selectors[1];
      styleObjX[selector] = selectorData;
    });
    var headerLabelCss = generateElementCss(accordionData.headerLabel, headerLabelSelector);
    Object.entries(headerLabelCss).map(selectors => {
      var selector = selectors[0];
      var selectorData = selectors[1];
      styleObjX[selector] = selectorData;
    });
    var labelCounterCss = generateElementCss(accordionData.labelCounter, labelCounterSelector);
    Object.entries(labelCounterCss).map(selectors => {
      var selector = selectors[0];
      var selectorData = selectors[1];
      styleObjX[selector] = selectorData;
    });
    var labelIconCss = generateElementCss(accordionData.labelIcon, labelIconSelector);
    Object.entries(labelIconCss).map(selectors => {
      var selector = selectors[0];
      var selectorData = selectors[1];
      styleObjX[selector] = selectorData;
    });
    var iconCss = generateElementCss(accordionData.icon, iconSelector);
    Object.entries(iconCss).map(selectors => {
      var selector = selectors[0];
      var selectorData = selectors[1];
      styleObjX[selector] = selectorData;
    });
    var iconToggleCss = generateElementCss(accordionData.iconToggle, iconToggleSelector);
    Object.entries(iconToggleCss).map(selectors => {
      var selector = selectors[0];
      var selectorData = selectors[1];
      styleObjX[selector] = selectorData;
    });
    var topWrapCss = generateElementCss(accordionData.topWrap, topWrapSelector);
    Object.entries(topWrapCss).map(selectors => {
      var selector = selectors[0];
      var selectorData = selectors[1];
      styleObjX[selector] = selectorData;
    });
    var expandCollapseAllCss = generateElementCss(accordionData.expandCollapseAll, expandCollapseAllSelector);
    Object.entries(expandCollapseAllCss).map(selectors => {
      var selector = selectors[0];
      var selectorData = selectors[1];
      styleObjX[selector] = selectorData;
    });
    var searchInputCss = generateElementCss(accordionData.searchInput, searchInputSelector);
    Object.entries(searchInputCss).map(selectors => {
      var selector = selectors[0];
      var selectorData = selectors[1];
      styleObjX[selector] = selectorData;
    });
    var navsWrapCss = generateElementCss(accordionData.navsWrap, navsWrapSelector);
    Object.entries(navsWrapCss).map(selectors => {
      var selector = selectors[0];
      var selectorData = selectors[1];
      styleObjX[selector] = selectorData;
    });
    var navItemCss = generateElementCss(accordionData.navItem, navItemSelector);
    Object.entries(navItemCss).map(selectors => {
      var selector = selectors[0];
      var selectorData = selectors[1];
      styleObjX[selector] = selectorData;
    });
    var activeNavItemCss = generateElementCss(accordionData.activeNavItem, activeNavItemSelector);
    Object.entries(activeNavItemCss).map(selectors => {
      var selector = selectors[0];
      var selectorData = selectors[1];
      styleObjX[selector] = selectorData;
    });
    var navLabelCss = generateElementCss(accordionData.navLabel, navLabelSelector);
    Object.entries(navLabelCss).map(selectors => {
      var selector = selectors[0];
      var selectorData = selectors[1];
      styleObjX[selector] = selectorData;
    });
    var panelWrapCss = generateElementCss(accordionData.panelWrap, panelWrapSelector);
    Object.entries(panelWrapCss).map(selectors => {
      var selector = selectors[0];
      var selectorData = selectors[1];
      styleObjX[selector] = selectorData;
    });
    var panelWrapActiveCss = generateElementCss(accordionData.panelWrapActive, panelWrapActiveSelector);
    Object.entries(panelWrapActiveCss).map(selectors => {
      var selector = selectors[0];
      var selectorData = selectors[1];
      styleObjX[selector] = selectorData;
    });
    var itemCss = generateElementCss(accordionData.item, itemSelector);
    Object.entries(itemCss).map(selectors => {
      var selector = selectors[0];
      var selectorData = selectors[1];
      styleObjX[selector] = selectorData;
    });
    var itemActiveCss = generateElementCss(accordionData.itemActive, itemActiveSelector);
    Object.entries(itemActiveCss).map(selectors => {
      var selector = selectors[0];
      var selectorData = selectors[1];
      styleObjX[selector] = selectorData;
    });
    var overlayCss = generateElementCss(accordionData.overlay, overlaySelector);
    Object.entries(overlayCss).map(selectors => {
      var selector = selectors[0];
      var selectorData = selectors[1];
      styleObjX[selector] = selectorData;
    });
    var imageCss = generateElementCss(accordionData.image, imageSelector);
    Object.entries(imageCss).map(selectors => {
      var selector = selectors[0];
      var selectorData = selectors[1];
      styleObjX[selector] = selectorData;
    });
    var titleCss = generateElementCss(accordionData.title, titleSelector);
    Object.entries(titleCss).map(selectors => {
      var selector = selectors[0];
      var selectorData = selectors[1];
      styleObjX[selector] = selectorData;
    });

    //nthItemStyle
    accordionData?.nthItemStyle?.map((loopElement, index) => {
      var elementId = loopElement.id;
      var headerLoopHdnle = wrapperSelector + ' ' + ".accordion-header-" + index;

      // console.log(headerLoopHdnle)
      var loopElementCss = generateElementCss(loopElement, headerLoopHdnle);
      Object.entries(loopElementCss).map(element => {
        var sudoSelector = element[0];
        var selectorData = element[1];

        //var headerLoopSudoHdnle = getElementSelector(sudoSelector, headerLoopHdnle);

        styleObjX[sudoSelector] = selectorData;
      });
    });
    console.log(styleObjX);
    setstyleObj(styleObjX);
  }, [accordionData]);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
    className: "ml-5"
  });
}
class AccordionsGenerateCss extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      postData,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(Html, {
      postData: postData,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AccordionsGenerateCss);

/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/close.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
const {
  Component,
  useState,
  useEffect
} = wp.element;


function Html(props) {
  if (!props.warn) {
    return null;
  }
  var [help, sethelp] = useState(props.help); // Using the hook.

  useEffect(() => {
    sethelp(props.help);
  }, [props.help]);
  var helpPrams = {
    createAccordion: {
      title: "How to create Accordion",
      content: `, 
`,
      video: "zrIgw9mNA0Y",
      docsUrl: "#"
    },
    useShortcodes: {
      title: "How to create Accordion",
      content: ` 
`,
      video: "zrIgw9mNA0Y",
      docsUrl: "#"
    },
    urlHash: {
      title: "",
      content: ``,
      video: "ol4rtx7RWiI",
      docsUrl: ""
    },
    addPostQuery: {
      title: "",
      content: ``,
      video: "",
      docsUrl: ""
    },
    lazyloadSetting: {
      title: "",
      content: ``,
      video: "",
      docsUrl: ""
    },
    autoembedSetting: {
      title: "",
      content: ``,
      video: "bzwa0Zggjqo",
      docsUrl: ""
    },
    shortcodesSetting: {
      title: "",
      content: ``,
      video: "",
      docsUrl: ""
    },
    wpautopSetting: {
      title: "",
      content: ``,
      video: "",
      docsUrl: ""
    },
    schemaSetting: {
      title: "",
      content: ``,
      video: "_DdR2ncLOws",
      docsUrl: ""
    },
    toggleTextSetting: {
      title: "",
      content: ``,
      video: "",
      docsUrl: ""
    },
    expandCollapseSetting: {
      title: "",
      content: ``,
      video: "c3POl-34kUw",
      docsUrl: ""
    },
    enableSearchSetting: {
      title: "",
      content: ``,
      video: "tdqQhPYEXGU",
      docsUrl: ""
    },
    statsSetting: {
      title: "",
      content: ``,
      video: "",
      docsUrl: ""
    },
    scrollToTopSetting: {
      title: "",
      content: ``,
      video: "",
      docsUrl: ""
    },
    animationSetting: {
      title: "",
      content: ``,
      video: "",
      docsUrl: ""
    },
    accordionTemplatesHelp: {
      title: "",
      content: ``,
      video: "LdPcQeWe_nQ",
      docsUrl: ""
    }
  };
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
    className: `${help.enable ? "" : "hidden"} z-[99999] top-0 left-0 fixed w-full h-full bg-slate-600 bg-opacity-90   `,
    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
      className: " bg-white my-[100px] p-5 relative w-[800px] h-[600px] overflow-y-scroll mx-auto rounded-md overflow-hidden",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", {
        className: "cursor-pointer px-2 py-1 bg-red-500 hover:bg-red-700 hover:text-white absolute top-0 right-0",
        onClick: ev => {
          var helpX = {
            ...help
          };
          helpX.enable = false;
          sethelp(helpX);
        },
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_1__["default"], {
          fill: "#fff",
          icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_2__["default"]
        })
      }), !helpPrams[help?.id]?.video && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
        children: "Coming Soon"
      }), helpPrams[help?.id]?.video && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
          className: "flex items-center  gap-2 align-middle"
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
          className: "my-4 text-base",
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("iframe", {
            width: "100%",
            height: "450",
            src: `https://www.youtube.com/embed/${helpPrams[help?.id]?.video}`,
            title: "YouTube video player",
            frameborder: "0",
            allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
            referrerpolicy: "strict-origin-when-cross-origin",
            allowfullscreen: true
          })
        })]
      })]
    })
  });
}
class PGHelp extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      help
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Html, {
      help: help,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGHelp);

/***/ }),

/***/ "./src/components/Builder/image-accordion-default-data.js":
/*!****************************************************************!*\
  !*** ./src/components/Builder/image-accordion-default-data.js ***!
  \****************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
const imageAccordionDefaultData = {
  globalOptions: {
    viewType: "imageAccordion",
    itemSource: "manual",
    search: true
  },
  itemQueryArgs: [],
  styleObj: {},
  responsiveCss: "",
  wrapper: {
    options: {
      content: "",
      tag: "div",
      class: "image-accordion-wrapper"
    },
    styles: {}
  },
  itemsWrap: {
    options: {
      content: "",
      tag: "div",
      class: "items"
    },
    styles: {
      height: {
        Desktop: "70vh"
      },
      width: {
        Desktop: "100%"
      },
      display: {
        Desktop: "flex"
      }
    }
  },
  items: [{
    isActive: false,
    image: {
      id: "",
      url: "",
      altText: ""
    },
    link: "",
    title: "What is Lorem Ipsum?",
    content: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s."
  }],
  item: {
    options: {
      content: "",
      tag: "div",
      class: "image-accordion-item"
    },
    styles: {
      height: {
        Desktop: "100%"
      },
      backgroundPosition: {
        Desktop: "center center"
      },
      backgroundSize: {
        Desktop: "cover"
      },
      flexBasis: {
        Desktop: "0%"
      },
      flexGrow: {
        Desktop: "1"
      },
      flexShrink: {
        Desktop: "1"
      },
      position: {
        Desktop: "relative"
      },
      overflow: {
        Desktop: "hidden"
      },
      transition: {
        Desktop: "all 1s ease-in-out 0s"
      }
    }
  },
  itemActive: {
    options: {},
    styles: {
      flexBasis: {
        Desktop: "0%"
      },
      flexGrow: {
        Desktop: "8"
      },
      flexShrink: {
        Desktop: "1"
      }
    }
  },
  overlay: {
    options: {
      class: "image-accordion-overlay"
    },
    styles: {
      backgroundColor: {
        Desktop: "#ffffff"
      },
      padding: {
        Desktop: "20px 20px 20px 20px"
      },
      position: {
        Desktop: "absolute"
      },
      left: {
        Desktop: "30px"
      },
      width: {
        Desktop: "80%"
      },
      top: {
        Desktop: "200%"
      },
      transition: {
        Desktop: "all 1s ease-in-out 0s"
      }
    }
  },
  content: {
    options: {
      content: "",
      tag: "div",
      class: "image-accordion-content"
    },
    styles: {}
  },
  title: {
    options: {
      content: "",
      tag: "div",
      class: "image-accordion-title"
    },
    styles: {
      margin: {
        Desktop: "0px 0px 12px 0px"
      }
    }
  },
  image: {
    options: {
      class: "image-accordion-image"
    },
    styles: {
      height: {
        Desktop: "100%"
      },
      width: {
        Desktop: "100%"
      },
      objectFit: {
        Desktop: "cover"
      }
    }
  }
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (imageAccordionDefaultData);

/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _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_icons__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/close.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/cog.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/columns.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/brush.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/category.js");
/* harmony import */ var _input_select__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../input-select */ "./src/components/input-select/index.js");
/* harmony import */ var _input_text__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../input-text */ "./src/components/input-text/index.js");
/* harmony import */ var _dropdown__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../dropdown */ "./src/components/dropdown/index.js");
/* harmony import */ var _components_edit_image_accordion__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/edit-image-accordion */ "./src/components/edit-image-accordion/index.js");
/* harmony import */ var _components_edit_accordion_menu__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/edit-accordion-menu */ "./src/components/edit-accordion-menu/index.js");
/* harmony import */ var _components_edit_tabs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/edit-tabs */ "./src/components/edit-tabs/index.js");
/* harmony import */ var _components_edit_accordion__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/edit-accordion */ "./src/components/edit-accordion/index.js");
/* harmony import */ var _components_edit_faq_grid__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/edit-faq-grid */ "./src/components/edit-faq-grid/index.js");
/* harmony import */ var _components_BuilderWelcome__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/BuilderWelcome */ "./src/components/BuilderWelcome/index.js");
/* harmony import */ var _components_BuilderView__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../components/BuilderView */ "./src/components/BuilderView/index.js");
/* harmony import */ var _components_tab__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../components/tab */ "./src/components/tab/index.js");
/* harmony import */ var _components_tabs__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../components/tabs */ "./src/components/tabs/index.js");
/* harmony import */ var _BuilderTabList__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./BuilderTabList */ "./src/components/Builder/BuilderTabList.js");
/* harmony import */ var _default_data_accordion__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./default-data-accordion */ "./src/components/Builder/default-data-accordion.js");
/* harmony import */ var _default_data_faq_grid__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./default-data-faq-grid */ "./src/components/Builder/default-data-faq-grid.js");
/* harmony import */ var _tabs_default_data__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./tabs-default-data */ "./src/components/Builder/tabs-default-data.js");
/* harmony import */ var _image_accordion_default_data__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./image-accordion-default-data */ "./src/components/Builder/image-accordion-default-data.js");
/* harmony import */ var _accordion_menu_default_data__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./accordion-menu-default-data */ "./src/components/Builder/accordion-menu-default-data.js");
/* harmony import */ var _BuilderTabTemplates__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./BuilderTabTemplates */ "./src/components/Builder/BuilderTabTemplates.js");
/* harmony import */ var _generate_css__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./generate-css */ "./src/components/Builder/generate-css.js");
/* harmony import */ var _help__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./help */ "./src/components/Builder/help.js");
/* harmony import */ var _notify__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./notify */ "./src/components/Builder/notify.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__);
const {
  Component,
  useState,
  useEffect
} = wp.element;



























function Html(props) {
  var _optionData$user_role, _optionData$font_aw_v, _optionData$allow_ifr, _optionData$accordion, _optionData$openaiApi, _optionData$license_k;
  if (!props.warn) {
    return null;
  }
  var isProFeature = true;
  var appData = props.appData;
  var [activeAccordion, setActiveAccordion] = useState(null);
  var [postData, setpostData] = useState({
    ID: null,
    post_content: {},
    post_title: ""
  });
  var [accordionData, setaccordionData] = useState(postData?.post_content);
  var [globalOptions, setglobalOptions] = useState(accordionData.globalOptions); // Using the hook.
  var [listQueryPrams, setlistQueryPrams] = useState({
    page: 1,
    search: ""
  }); // Using the hook.

  var [isLoading, setisLoading] = useState(false);
  var [pleaseUpdate, setpleaseUpdate] = useState(false);
  const [optionData, setoptionData] = useState({});
  const [roles, setroles] = useState([]);
  var [needSave, setneedSave] = useState(false);
  var [toggleSettings, settoggleSettings] = useState(false);
  var [notifications, setnotifications] = useState([]);
  var [help, sethelp] = useState({
    id: "",
    enable: false
  });
  var [customerData, setcustomerData] = useState({
    id: "",
    isPro: false
  });
  var [isProFeature, setisProFeature] = useState(true);
  var viewTypeArgs = {
    accordion: {
      label: "Accordion",
      value: "accordion"
    },
    tabs: {
      label: "Tabs",
      value: "tabs"
    },
    imageAccordion: {
      label: "Image Accordion",
      value: "imageAccordion"
    },
    faqGrid: {
      label: "FAQ Grid",
      value: "faqGrid"
    }
    // accordionMenu: { label: "Accordion Menu", value: "accordionMenu", coming: true },
  };
  useEffect(() => {
    setaccordionData(postData.post_content);
    //setglobalOptions(postData.post_content.globalOptions);
  }, [postData]);
  useEffect(() => {

    //setglobalOptions(accordionData.globalOptions);
  }, [accordionData]);
  useEffect(() => {
    // if (globalOptions?.viewType == "accordion") {
    // 	setpostData({ ...postData, post_content: accordionDefaultData })
    // }
    // if (globalOptions?.viewType == "tabs") {
    // 	setpostData({ ...postData, post_content: tabsDefaultData })
    // }

    if (globalOptions?.viewType == "accordion") {
      setpostData({
        ...postData,
        post_content: _default_data_accordion__WEBPACK_IMPORTED_MODULE_16__["default"]
      });
    }
    if (globalOptions?.viewType == "tabs") {
      setpostData({
        ...postData,
        post_content: _tabs_default_data__WEBPACK_IMPORTED_MODULE_18__["default"]
      });
    }
    if (globalOptions?.viewType == "imageAccordion") {
      setpostData({
        ...postData,
        post_content: _image_accordion_default_data__WEBPACK_IMPORTED_MODULE_19__["default"]
      });
    }
    if (globalOptions?.viewType == "accordionMenu") {
      setpostData({
        ...postData,
        post_content: _accordion_menu_default_data__WEBPACK_IMPORTED_MODULE_20__["default"]
      });
    }
    if (globalOptions?.viewType == "faqGrid") {
      setpostData({
        ...postData,
        post_content: _default_data_faq_grid__WEBPACK_IMPORTED_MODULE_17__["default"]
      });
    }
  }, [globalOptions]);
  useEffect(() => {
    setisLoading(true);
    if (activeAccordion == null) return;
    _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({
      path: "/accordions/v2/accordions_data",
      method: "POST",
      data: {
        postId: activeAccordion,
        _wpnonce: accordions_builder_js._wpnonce
      }
    }).then(res => {
      setisLoading(false);
      if (res.post_content == null) {
        res.post_content = _default_data_accordion__WEBPACK_IMPORTED_MODULE_16__["default"];
      }
      setpostData(res);
    });
  }, [activeAccordion]);
  useEffect(() => {
    setnotifications(notifications);
    const timer = setTimeout(() => {
      setnotifications([]); // Update the debounced value after delay
    }, 5000); // 300ms debounce delay

    return () => clearTimeout(timer); // Cleanup timer on value change or unmount
  }, [notifications]);
  useEffect(() => {
    if (customerData.isPro) {
      setisProFeature(false);
    }
  }, [customerData]);
  function handleAlertConfirmation() {
    if (confirm("Are you sure you want to reset the option data?")) {
      resetOptionData();
    }
  }
  function resetOptionData() {
    setoptionData(optionDataDefault);
  }
  function updateOption() {
    setisLoading(true);
    _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({
      path: "/accordions/v2/update_options",
      method: "POST",
      data: {
        name: "accordions_settings",
        value: optionData
      }
    }).then(res => {
      setisLoading(false);
      if (res.status) {
        setneedSave(false);
      }
    });
  }
  function addNotifications(notification) {
    var notificationsX = [...notifications];
    notificationsX.push(notification);
    setnotifications(notificationsX);
  }
  function setHelp(helpX) {
    sethelp(helpX);
  }
  function selectAccordion(args) {
    setActiveAccordion(args);
  }
  function onChangeStyle(args) {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.reponsiveCss = escapeHTML(args);
    //accordionDataX.reponsiveCss = (args);
    setaccordionData(accordionDataX);
  }
  function onChangeAccordion(args) {
    var postDataX = {
      ...postData
    };
    postDataX.post_content = args;
    setpostData(postDataX);
    setaccordionData(args);
    setpleaseUpdate(true);
  }
  function onUpdateAccordion() {
    setisLoading(true);
    var content = accordionData;
    console.log(content);
    console.log(JSON.stringify(content));
    _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({
      path: "/accordions/v2/update_post_data",
      method: "POST",
      data: {
        postId: activeAccordion,
        content: JSON.stringify(content),
        _wpnonce: accordions_builder_js._wpnonce
      }
    }).then(res => {
      setisLoading(false);
      setpleaseUpdate(false);
      addNotifications({
        title: "Accordion Saved!",
        content: "You change successfully saved!.",
        type: "success"
      });
    });
  }
  useEffect(() => {
    _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({
      path: "/accordions/v2/user_roles_list",
      method: "POST",
      data: {}
    }).then(res => {
      var rolesX = [];
      Object.entries(res?.roles).map(role => {
        var index = role[0];
        var val = role[1];
        rolesX.push({
          label: val,
          value: index
        });
      });
      setroles(rolesX);
    });
  }, []);
  useEffect(() => {
    setisLoading(true);
    _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({
      path: "/accordions/v2/get_options",
      method: "POST",
      data: {
        option: "accordions_settings"
      }
    }).then(res => {
      if (res.length != 0) {
        var resX = {
          ...res
        };
        if (resX?.license_key.length > 0) {
          setcustomerData({
            ...customerData,
            isPro: true
          });
        }
        setoptionData(resX);
      }
      setisLoading(false);
    });
  }, []);
  function escapeHTML(str) {
    const map = {
      '&': '&amp;',
      '<': '&lt;',
      '>': '&gt;',
      '"': '&quot;',
      "'": '&#039;'
    };
    return str.replace(/[&<>"']/g, function (match) {
      return map[match];
    });
  }
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)("div", {
    className: "pg-setting-input-text pg-dashboard",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)("div", {
      className: "flex h-[800px]",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)("div", {
        className: "w-[500px] overflow-y-scroll light-scrollbar",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)("div", {
          className: "flex items-center justify-between bg-blue-700 py-3 px-3",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)("div", {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)("div", {
              className: "flex items-center align-middle gap-3",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("div", {
                className: "text-xl text-white",
                children: "Accordions"
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("div", {
                className: "text-xs text-white flex items-center gap-2",
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("span", {
                  className: "bg-lime-600 px-3 py-1 rounded-md",
                  children: "Beta"
                })
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("div", {
              className: "text-sm text-white",
              children: "By PickPlugins"
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("div", {
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)("div", {
              className: `py-1 px-2 cursor-pointer  capitalize  text-white font-medium rounded hover:bg-gray-700 focus:outline-none focus:bg-gray-700 ${toggleSettings ? "bg-gray-800" : "bg-gray-500"}`,
              onClick: ev => {
                settoggleSettings(!toggleSettings);
              },
              children: [isLoading && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Spinner, {}), !isLoading && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.Fragment, {
                children: [toggleSettings && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_26__["default"], {
                  fill: "#fff",
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__["default"]
                }), !toggleSettings && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_26__["default"], {
                  fill: "#fff",
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_28__["default"]
                })]
              })]
            })
          })]
        }), toggleSettings && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.Fragment, {
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)("div", {
            className: "relative bg-white",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)("div", {
              className: "px-4 py-2 bg-slate-400 text-white  ",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("div", {
                className: "text-xl text-white mb-4",
                children: "Accordions Settings"
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)("div", {
                className: "flex gap-2 items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("div", {
                  className: "bg-amber-500 rounded-sm text-md p-2 px-4 cursor-pointer pg-font text-white ",
                  onClick: ev => {
                    handleAlertConfirmation();
                  },
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Reset", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)("div", {
                  className: "bg-green-700 rounded-sm text-md p-2 px-4 cursor-pointer pg-font text-white flex items-center",
                  onClick: ev => {
                    updateOption();
                  },
                  children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("span", {
                    children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Save", "accordions")
                  }), needSave && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("span", {
                    className: "w-5 inline-block h-5 ml-3 rounded-xl text-center bg-red-500",
                    children: "!"
                  })]
                })]
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)("div", {
              className: "p-3",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)("div", {
                className: "my-5",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("label", {
                  className: " text-base",
                  htmlFor: "",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Allow access by roles", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_3__["default"], {
                  val: (_optionData$user_role = optionData?.user_roles) !== null && _optionData$user_role !== void 0 ? _optionData$user_role : [],
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[250px]",
                  options: roles,
                  onChange: newVal => {
                    var optionsX = {
                      ...optionData,
                      user_roles: newVal
                    };
                    setoptionData(optionsX);
                  },
                  multiple: true
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)("div", {
                className: "my-5",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("label", {
                  className: "text-base",
                  htmlFor: "",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Font-awesome version", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_3__["default"], {
                  val: (_optionData$font_aw_v = optionData?.font_aw_version) !== null && _optionData$font_aw_v !== void 0 ? _optionData$font_aw_v : "none",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[250px]",
                  options: [{
                    label: "None",
                    value: "none"
                  }, {
                    label: "Version 4+",
                    value: "v_4"
                  }, {
                    label: "Version 5+",
                    value: "v_5"
                  }],
                  onChange: newVal => {
                    var optionsX = {
                      ...optionData,
                      font_aw_version: newVal
                    };
                    setoptionData(optionsX);
                  },
                  multiple: false
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)("div", {
                className: "my-5",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("label", {
                  className: "text-base",
                  htmlFor: "",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Allow Iframe on accordion", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_3__["default"], {
                  val: (_optionData$allow_ifr = optionData?.allow_iframe) !== null && _optionData$allow_ifr !== void 0 ? _optionData$allow_ifr : "no",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[250px]",
                  options: [{
                    label: "No",
                    value: "no"
                  }, {
                    label: "Yes",
                    value: "yes"
                  }],
                  onChange: newVal => {
                    var optionsX = {
                      ...optionData,
                      allow_iframe: newVal
                    };
                    setoptionData(optionsX);
                  },
                  multiple: false
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)("div", {
                className: "my-5",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("label", {
                  className: "text-base",
                  htmlFor: "",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Enable accordions preview", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_3__["default"], {
                  val: (_optionData$accordion = optionData?.accordions_preview) !== null && _optionData$accordion !== void 0 ? _optionData$accordion : "no",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[250px]",
                  options: [{
                    label: "No",
                    value: "no"
                  }, {
                    label: "Yes",
                    value: "yes"
                  }],
                  onChange: newVal => {
                    var optionsX = {
                      ...optionData,
                      accordions_preview: newVal
                    };
                    setoptionData(optionsX);
                  },
                  multiple: false
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)("div", {
                className: "my-5",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("label", {
                  className: "text-base",
                  htmlFor: "",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Open AI API Key", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_4__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[250px]",
                  value: (_optionData$openaiApi = optionData?.openaiApiKey) !== null && _optionData$openaiApi !== void 0 ? _optionData$openaiApi : "",
                  onChange: newVal => {
                    var optionsX = {
                      ...optionData,
                      openaiApiKey: newVal
                    };
                    setoptionData(optionsX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)("div", {
                className: "my-5",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("div", {
                  className: "text-base",
                  htmlFor: "",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("License Key", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_4__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[250px]",
                  value: (_optionData$license_k = optionData?.license_key) !== null && _optionData$license_k !== void 0 ? _optionData$license_k : "",
                  onChange: newVal => {
                    var optionsX = {
                      ...optionData,
                      license_key: newVal
                    };
                    setoptionData(optionsX);
                  }
                })]
              })]
            })]
          })
        }), !toggleSettings && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.Fragment, {
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(_components_tabs__WEBPACK_IMPORTED_MODULE_14__["default"], {
            activeTab: "accordions",
            orientation: "",
            stickyNavs: true,
            contentClass: " bg-white w-full",
            navItemClass: "bg-gray-200 px-5 py-3 gap-2 grow ",
            navItemLabelClass: "flex-col ",
            navItemSelectedClass: "!bg-white",
            activeClass: "active-tab",
            onSelect: tabName => {},
            tabs: [{
              name: "accordions",
              title: "Accordions",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_29__["default"],
              className: "tab-disable-blocks"
            }, {
              name: "edit",
              title: "Edit",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__["default"],
              className: "tab-disable-blocks"
            }, {
              name: "templates",
              title: "Templates",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__["default"],
              className: "tab-disable-blocks"
            }],
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_components_tab__WEBPACK_IMPORTED_MODULE_13__["default"], {
              name: "accordions",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)("div", {
                className: "relative p-3",
                children: [postData?.post_content == null && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("div", {
                  className: "p-3 my-5 bg-orange-400",
                  children: "Please choose an accordion first."
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_BuilderTabList__WEBPACK_IMPORTED_MODULE_15__["default"], {
                  addNotifications: addNotifications,
                  selectAccordion: selectAccordion,
                  activeAccordion: activeAccordion,
                  setHelp: setHelp,
                  listQueryPrams: listQueryPrams,
                  setlistQueryPrams: setlistQueryPrams
                })]
              })
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(_components_tab__WEBPACK_IMPORTED_MODULE_13__["default"], {
              name: "edit",
              children: [postData?.ID == null && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("div", {
                className: "py-3",
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("div", {
                  className: "my-3 bg-orange-400 p-3  text-white  text-center animate__animated animate__flash animate__repeat-2",
                  children: "Please select post from list."
                })
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("div", {
                className: " ",
                children: postData?.ID != null && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.Fragment, {
                  children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("div", {
                    className: "my-4 p-3",
                    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
                      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("label", {
                        htmlFor: "",
                        children: "View Type?"
                      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_5__["default"], {
                        position: "bottom right",
                        variant: "secondary",
                        buttonTitle: postData?.post_content?.globalOptions?.viewType ? viewTypeArgs[postData?.post_content?.globalOptions?.viewType]?.label : "Choose",
                        options: viewTypeArgs,
                        onChange: (option, index) => {
                          if (confirm("Data will reset, Please confirm?")) {
                            if (option.value == "accordion") {
                              setpostData({
                                ...postData,
                                post_content: _default_data_accordion__WEBPACK_IMPORTED_MODULE_16__["default"]
                              });
                            }
                            if (option.value == "tabs") {
                              setpostData({
                                ...postData,
                                post_content: _tabs_default_data__WEBPACK_IMPORTED_MODULE_18__["default"]
                              });
                            }
                            if (option.value == "imageAccordion") {
                              setpostData({
                                ...postData,
                                post_content: _image_accordion_default_data__WEBPACK_IMPORTED_MODULE_19__["default"]
                              });
                            }
                            if (option.value == "accordionMenu") {
                              setpostData({
                                ...postData,
                                post_content: _accordion_menu_default_data__WEBPACK_IMPORTED_MODULE_20__["default"]
                              });
                            }
                            if (option.value == "faqGrid") {
                              setpostData({
                                ...postData,
                                post_content: _default_data_faq_grid__WEBPACK_IMPORTED_MODULE_17__["default"]
                              });
                            }
                          }
                        },
                        values: ""
                      })]
                    })
                  }), postData.post_content.globalOptions?.viewType == "accordion" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_components_edit_accordion__WEBPACK_IMPORTED_MODULE_9__["default"], {
                    onChange: onChangeAccordion,
                    addNotifications: addNotifications,
                    postData: postData,
                    customerData: customerData,
                    setHelp: setHelp
                  }), postData.post_content.globalOptions?.viewType == "tabs" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_components_edit_tabs__WEBPACK_IMPORTED_MODULE_8__["default"], {
                    onChange: onChangeAccordion,
                    addNotifications: addNotifications,
                    postData: postData,
                    customerData: customerData,
                    setHelp: setHelp
                  }), postData.post_content.globalOptions?.viewType == "imageAccordion" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_components_edit_image_accordion__WEBPACK_IMPORTED_MODULE_6__["default"], {
                    onChange: onChangeAccordion,
                    addNotifications: addNotifications,
                    postData: postData,
                    customerData: customerData,
                    setHelp: setHelp
                  }), postData.post_content.globalOptions?.viewType == "accordionMenu" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_components_edit_accordion_menu__WEBPACK_IMPORTED_MODULE_7__["default"], {
                    onChange: onChangeAccordion,
                    addNotifications: addNotifications,
                    postData: postData,
                    customerData: customerData,
                    setHelp: setHelp
                  }), postData.post_content.globalOptions?.viewType == "faqGrid" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_components_edit_faq_grid__WEBPACK_IMPORTED_MODULE_10__["default"], {
                    onChange: onChangeAccordion,
                    addNotifications: addNotifications,
                    postData: postData,
                    customerData: customerData,
                    setHelp: setHelp
                  })]
                })
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)(_components_tab__WEBPACK_IMPORTED_MODULE_13__["default"], {
              name: "templates",
              children: [postData?.ID == null && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("div", {
                className: "py-3",
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("div", {
                  className: "my-3 bg-orange-400 p-3  text-white  text-center animate__animated animate__flash animate__repeat-2",
                  children: "Please select post from list."
                })
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_BuilderTabTemplates__WEBPACK_IMPORTED_MODULE_21__["default"], {
                onChange: onChangeAccordion,
                addNotifications: addNotifications,
                postData: postData,
                customerData: customerData,
                setHelp: setHelp
              })]
            })]
          })
        })]
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("div", {
        className: "w-full sticky top-0 overflow-y-scroll",
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)("div", {
          className: "  relative",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)("div", {
            className: "my-3 hidden bg-orange-400 p-3 ml-5 text-white  text-center animate__animated animate__flash animate__repeat-2",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsxs)("div", {
              className: "text-xl",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("i", {
                class: "fa-solid fa-triangle-exclamation"
              }), " Please test the Accordions Builder and ", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("span", {
                className: "font-bold cursor-pointer underline",
                onClick: ev => {
                  settoggleSettings(!toggleSettings);
                },
                children: "send us feedbacks."
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)("div", {
              children: "Please do not use for old accordion, we will add migration later."
            })]
          }), (postData?.ID == null || toggleSettings) && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_components_BuilderWelcome__WEBPACK_IMPORTED_MODULE_11__["default"], {
            appData: appData,
            addNotifications: addNotifications,
            customerData: customerData
          }), !toggleSettings && postData?.ID != null && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_components_BuilderView__WEBPACK_IMPORTED_MODULE_12__["default"], {
            pleaseUpdate: pleaseUpdate,
            onUpdate: onUpdateAccordion,
            isLoading: isLoading,
            onChange: onChangeAccordion,
            postData: postData,
            appData: appData,
            id: activeAccordion,
            addNotifications: addNotifications,
            setHelp: setHelp
          }), postData?.ID != null && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_generate_css__WEBPACK_IMPORTED_MODULE_22__["default"], {
            postData: postData,
            onChange: onChangeStyle
          })]
        })
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_notify__WEBPACK_IMPORTED_MODULE_24__["default"], {
      notifications: notifications
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(_help__WEBPACK_IMPORTED_MODULE_23__["default"], {
      help: help
    })]
  });
}
class Builder extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      onChange,
      appData
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_25__.jsx)(Html, {
      appData: appData,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Builder);

/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/close.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/check.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
const {
  Component,
  useState,
  useEffect
} = wp.element;


function Html(props) {
  if (!props.warn) {
    return null;
  }
  var [notifications, setnotifications] = useState(props.notifications); // Using the hook.

  useEffect(() => {
    var slicedArray = props.notifications.slice(-3);
    setnotifications(slicedArray);
    //setnotifications(props.notifications)
  }, [props.notifications]);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
    className: `${notifications.length > 0 ? "" : "hidden"} fixed right-6 bottom-6 `,
    children: notifications?.map((item, index) => {
      var type = item.type;
      return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
        className: `max-w-72 min-w-64 mb-2 animate__animated animate__backInRight overflow-hidden relative rounded-sm shadow-md bg-white p-3 border-l-4 border-0 ${type == 'success' ? "   border-l-green-700 border-solid " : ""} ${type == 'error' ? "   border-l-red-700 border-solid" : ""} ${type == 'warnning' ? "  border-l-yellow-500 border-solid" : ""}`,
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", {
          className: "cursor-pointer px-1 bg-red-500 hover:bg-red-700 hover:text-white absolute top-0 right-0",
          onClick: ev => {
            var notificationsX = [...notifications];
            notificationsX.splice(index, 1);
            setnotifications(notificationsX);
          },
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_1__["default"], {
            fill: "#fff",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_2__["default"]
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
          className: "flex items-center gap-3 ",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
            children: [type == "warnning" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_1__["default"], {
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_2__["default"]
            }), type == "error" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_1__["default"], {
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_2__["default"]
            }), type == "success" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_1__["default"], {
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_3__["default"]
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
            className: "text-base mb-2",
            children: item?.title
          })]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
          className: "text-xs",
          children: item?.content
        })]
      }, index);
    })
  });
}
class PGNotify extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      notifications
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(Html, {
      notifications: notifications,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGNotify);

/***/ }),

/***/ "./src/components/Builder/tabs-default-data.js":
/*!*****************************************************!*\
  !*** ./src/components/Builder/tabs-default-data.js ***!
  \*****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
var tabsDefaultData = {
  globalOptions: {
    viewType: "tabs",
    itemSource: "manual",
    search: true
  },
  itemQueryArgs: [],
  styleObj: {},
  reponsiveCss: "",
  wrapper: {
    options: {
      content: "",
      tag: "div",
      class: "accordions-wrapper"
    },
    styles: {}
  },
  items: [{
    "isActive": false,
    "headerLabelSlug": "",
    "headerLabelText": "What is Lorem Ipsum?",
    "contentText": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."
  }],
  content: {
    options: {
      tag: "div",
      class: "accordion-content"
    },
    styles: {
      padding: {
        Desktop: "15px 15px 15px 15px"
      },
      backgroundColor: {
        Desktop: "#d5d4d9"
      }
    }
  },
  navsWrap: {
    options: {
      class: "navs-wrapper"
    },
    "styles": {
      "display": {
        "Desktop": "flex"
      },
      "gap": {
        "Desktop": "1em"
      },
      "alignItems": {
        "Desktop": "center"
      }
    }
  },
  navItem: {
    options: {
      class: "nav-item "
    },
    "styles": {
      "padding": {
        "Desktop": "15px 15px 15px 15px"
      },
      "backgroundColor": {
        "Desktop": "#735efbfa"
      },
      "borderRadius": {
        "Desktop": "3px 3px 3px 3px"
      },
      "color": {
        "Desktop": "#ffffff"
      },
      "display": {
        "Desktop": "flex"
      },
      "justifyContent": {
        "Desktop": "start"
      },
      "gap": {
        "Desktop": "1em"
      }
    }
  },
  activeNavItem: {
    options: {
      class: "nav-item-active",
      id: ""
    },
    "styles": {
      "backgroundColor": {
        "Desktop": "#462aff"
      }
    }
  },
  navLabel: {
    options: {
      class: ""
    },
    styles: {}
  },
  panelsWrap: {
    options: {
      class: "panels-wrap"
    },
    styles: {}
  },
  panelWrap: {
    options: {
      class: "tabs-panel "
    },
    "styles": {
      "padding": {
        "Desktop": "15px 15px 15px 15px"
      },
      "backgroundColor": {
        "Desktop": "#ffffff"
      },
      "margin": {
        "Desktop": "15px 0px 0px 0px"
      },
      "borderRadius": {
        "Desktop": "5px 5px 5px 5px"
      }
    }
  },
  panelWrapActive: {
    options: {
      class: "tabs-panel-active"
    },
    styles: {
      "display": {
        "Desktop": "block"
      }
    }
  },
  labelCounter: {
    options: {
      enable: false,
      position: "",
      tag: "div",
      class: "accordion-label-counter"
    },
    styles: {}
  },
  icon: {
    options: {
      library: "fontAwesome",
      srcType: "class",
      iconSrc: "fas fa-angle-down",
      position: "before",
      class: " nav-icon-idle nav-icon"
    },
    styles: {}
  },
  iconToggle: {
    options: {
      library: "fontAwesome",
      srcType: "class",
      iconSrc: " fas fa-angle-up",
      class: "nav-icon-toggle nav-icon"
    },
    styles: {}
  },
  labelIcon: {
    options: {
      library: "fontAwesome",
      srcType: "class",
      iconSrc: "",
      position: "beforeLabel",
      class: "label-icon"
    },
    styles: {}
  }
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (tabsDefaultData);

/***/ }),

/***/ "./src/components/css-align-content/index.js":
/*!***************************************************!*\
  !*** ./src/components/css-align-content/index.js ***!
  \***************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    stretch: {
      "label": "stretch",
      "value": "stretch"
    },
    center: {
      "label": "center",
      "value": "center"
    },
    'flex-start': {
      "label": "flex start	",
      "value": "flex-start"
    },
    'flex-end': {
      "label": "flex end	",
      "value": "flex-end"
    },
    'space-between': {
      "label": "space between",
      "value": "space-between"
    },
    'space-around': {
      "label": "space around",
      "value": "space-around"
    },
    'space-evenly': {
      "label": "space evenly",
      "value": "space-evenly"
    },
    start: {
      "label": "start",
      "value": "start"
    },
    end: {
      "label": "end",
      "value": "end"
    },
    normal: {
      "label": "normal",
      "value": "normal"
    },
    start: {
      "label": "start",
      "value": "start"
    },
    baseline: {
      "label": "baseline",
      "value": "baseline"
    },
    revert: {
      "label": "revert",
      "value": "revert"
    },
    unset: {
      "label": "unset",
      "value": "unset"
    },
    inherit: {
      "label": "inherit",
      "value": "inherit"
    },
    initial: {
      "label": "initial",
      "value": "initial"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Align Content", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? 'Select...' : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: 'px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer',
            onClick: ev => {
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + ' !important', 'alignContent');
              } else {
                props.onChange(x.value, 'alignContent');
              }
              // props.onChange(x.value, 'alignContent');
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Important (Enabled)', "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Important?', "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, 'alignContent');
        } else {
          props.onChange(align + ' !important', 'alignContent');
        }
      }
    })]
  });
}
class PGcssAlignContent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssAlignContent);

/***/ }),

/***/ "./src/components/css-align-items/index.js":
/*!*************************************************!*\
  !*** ./src/components/css-align-items/index.js ***!
  \*************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    stretch: {
      label: "stretch",
      value: "stretch"
    },
    center: {
      label: "center",
      value: "center"
    },
    "flex-start": {
      label: "flex start	",
      value: "flex-start"
    },
    "flex-end": {
      label: "flex end	",
      value: "flex-end"
    },
    "space-between": {
      label: "space between",
      value: "space-between"
    },
    "space-around": {
      label: "space around",
      value: "space-around"
    },
    "space-evenly": {
      label: "space evenly",
      value: "space-evenly"
    },
    start: {
      label: "start",
      value: "start"
    },
    end: {
      label: "end",
      value: "end"
    },
    normal: {
      label: "normal",
      value: "normal"
    },
    start: {
      label: "start",
      value: "start"
    },
    baseline: {
      label: "baseline",
      value: "baseline"
    },
    revert: {
      label: "revert",
      value: "revert"
    },
    unset: {
      label: "unset",
      value: "unset"
    },
    inherit: {
      label: "inherit",
      value: "inherit"
    },
    initial: {
      label: "initial",
      value: "initial"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: "Align Items",
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // props.onChange(x.value, 'alignItems');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "alignItems");
              } else {
                props.onChange(x.value, "alignItems");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Important (Enabled)', "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Important?', "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "alignItems");
        } else {
          props.onChange(align + " !important", "alignItems");
        }
      }
    })]
  });
}
class PGcssAlignItems extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssAlignItems);

/***/ }),

/***/ "./src/components/css-align-self/index.js":
/*!************************************************!*\
  !*** ./src/components/css-align-self/index.js ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    auto: {
      label: "auto",
      value: "auto"
    },
    stretch: {
      label: "Stretch",
      value: "stretch"
    },
    center: {
      label: "Center",
      value: "center"
    },
    "flex-start": {
      label: "Flex start	",
      value: "flex-start"
    },
    "flex-end": {
      label: "Flex end	",
      value: "flex-end"
    },
    normal: {
      label: "normal",
      value: "normal"
    },
    revert: {
      label: "revert",
      value: "revert"
    },
    "self-end": {
      label: "self-end",
      value: "self-end"
    },
    " self-start": {
      label: " self-start",
      value: " self-start"
    },
    start: {
      label: "start",
      value: "start"
    },
    end: {
      label: "end",
      value: "end"
    },
    unset: {
      label: "unset",
      value: "unset"
    },
    inherit: {
      label: "inherit",
      value: "inherit"
    },
    initial: {
      label: "initial",
      value: "initial"
    },
    revert: {
      label: "revert",
      value: "revert"
    },
    unset: {
      label: "unset",
      value: "unset"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Align Self", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'alignSelf');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "alignSelf");
              } else {
                props.onChange(x.value, "alignSelf");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
      className: "flex items-center gap-2",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("label", {
        htmlFor: "",
        children: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions")
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
        className: "!mb-0",
        checked: isImportant,
        onChange: arg => {
          setImportant(isImportant => !isImportant);
          if (isImportant) {
            props.onChange(align, "alignSelf");
          } else {
            props.onChange(align + " !important", "alignSelf");
          }
        }
      })]
    })]
  });
}
class PGcssAlignSelf extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssAlignSelf);

/***/ }),

/***/ "./src/components/css-animation-name/index.js":
/*!****************************************************!*\
  !*** ./src/components/css-animation-name/index.js ***!
  \****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var content = props.val == null || props.val == undefined ? '' : props.val.replaceAll('"', '');
  content = content.replaceAll('u0022', '');
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
    className: "mt-4",
    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: content,
      type: "text",
      onChange: newVal => {
        //setwidthVal(newVal);
        props.onChange(newVal, 'animationName');
      }
    })
  });
}
class PGcssAnimationName extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssAnimationName);

/***/ }),

/***/ "./src/components/css-aspect-ratio/index.js":
/*!**************************************************!*\
  !*** ./src/components/css-aspect-ratio/index.js ***!
  \**************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? 'auto' : props.val;
  var valX = valZ != 'auto' ? valZ.split("/")[0] : 1;
  var valY = valZ != 'auto' ? valZ.split("/")[1] : 1;
  const [isAuto, setisAuto] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes("auto") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "mt-4",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isAuto ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Auto', "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Auto?', "accordions"),
      checked: isAuto,
      onChange: arg => {
        setisAuto(isAuto => !isAuto);
        props.onChange('auto', 'aspectRatio');
      }
    }), !isAuto && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
      className: "flex mt-4",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
        value: valX,
        type: "number",
        onChange: newVal => {
          props.onChange(newVal + '/' + valY, 'aspectRatio');
        }
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
        className: "mx-2",
        children: " / "
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
        value: valY,
        type: "number",
        onChange: newVal => {
          props.onChange(valX + '/' + newVal, 'aspectRatio');
        }
      })]
    })]
  });
}
class PGcssAspectRatio extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssAspectRatio);

/***/ }),

/***/ "./src/components/css-backdrop-filter/index.js":
/*!*****************************************************!*\
  !*** ./src/components/css-backdrop-filter/index.js ***!
  \*****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _components_dropdown__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/dropdown */ "./src/components/dropdown/index.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 {
  Component
} = wp.element;







function Html(props) {
  if (!props.warn) {
    return null;
  }
  var valParts = props.val != undefined ? props.val.split(" ") : [];
  const [valArgs, setvalArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)([]);
  function addFilter(option, index) {
    var isExist = valArgs.find(x => x.id === option.value);
    if (isExist == undefined) {
      var obj = {};
      obj['id'] = option.value;
      obj['val'] = option.val;
      obj['unit'] = option.unit;
      valArgs.push(obj);
      var str = '';
      valArgs.map(x => {
        str += x.id + '(' + x.val + x.unit + ') ';
      });
      props.onChange(str, 'backdropFilter');
    }
  }
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() => {
    var filtered = valParts.filter(Boolean);
    var res = filtered.map(x => {
      if (x.length != 0) {
        var argVal = x != undefined ? x.match(/-?\d+/g)[0] : 1;
        var argUnit = x != undefined ? x.match(/-?\d+(px|deg|%)/g)[0] : "px";
        var argId = x != undefined ? x.match(/[a-zA-Z]+/g)[0] : '';
        return {
          id: argId,
          val: argVal,
          unit: argUnit
        };
      }
    });
    setvalArgs(res);
  }, [props.val]);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() => {
    //onChange('contrast(200%) brightness(150%) blur(10%)', 'filter');
  }, [valArgs]);
  const [filterArgs, setfilterArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)({
    blur: {
      label: "Blur",
      value: "blur",
      val: "1",
      unit: "px"
    },
    brightness: {
      label: "Brightness",
      value: "brightness",
      val: "10",
      unit: "%"
    },
    contrast: {
      label: "Contrast",
      value: "contrast",
      val: "10",
      unit: "%"
    },
    grayscale: {
      label: "Grayscale",
      value: "grayscale",
      val: "10",
      unit: "%"
    },
    "hue-rotate": {
      label: "Hue-rotate",
      value: "hue-rotate",
      val: "10",
      unit: "deg"
    },
    invert: {
      label: "Invert",
      value: "invert",
      val: "10",
      unit: "%"
    },
    opacity: {
      label: "Opacity",
      value: "opacity",
      val: "10",
      unit: "%"
    },
    saturate: {
      label: "Saturate",
      value: "saturate",
      val: "10",
      unit: "%"
    },
    sepia: {
      label: "Sepia",
      value: "sepia",
      val: "10",
      unit: "%"
    }
  });
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
    className: "mt-4",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
      className: "flex",
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_components_dropdown__WEBPACK_IMPORTED_MODULE_3__["default"], {
        position: "bottom right",
        variant: "secondary",
        options: filterArgs,
        buttonTitle: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Add Filter", "accordions"),
        onChange: addFilter,
        values: ""
      })
    }), valArgs != undefined && valArgs.map((arg, i) => {
      return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
        className: "flex my-3 items-center justify-between",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("label", {
          htmlFor: "",
          children: filterArgs[arg.id]?.label
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
          className: "flex",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
            value: arg.val,
            type: "number",
            ...(valArgs[i].id !== "blur" && {
              min: 0,
              max: 100
            }),
            onChange: newVal => {
              valArgs[i].val = newVal;
              // setvalArgs(valArgs);
              var str = '';
              valArgs.map((x, i) => {
                if (x.id == "blur") {
                  x.unit = "px";
                }
                if (x.id == "hue-rotate") {
                  x.unit = "deg";
                }
                if (x.id == "brightness" || x.id == "contrast" || x.id == "grayscale" || x.id == "invert" || x.id == "opacity" || x.id == "saturate" || x.id == "sepia") {
                  x.unit = "%";
                }
                str += x.id + '(' + x.val + x.unit + ') ';
              });
              props.onChange(str, 'backdropFilter');
            }
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", {
            className: "hover:bg-red-500 bg-red-400 text-white ml-1 inline-block p-1 cursor-pointer",
            onClick: ev => {
              valArgs.splice(i, 1);
              setvalArgs(valArgs);
            },
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", {
              className: "dashicons dashicons-no-alt"
            })
          })]
        })]
      });
    })]
  });
}
class PGcssBackdropFilter extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssBackdropFilter);

/***/ }),

/***/ "./src/components/css-backface-visibility/index.js":
/*!*********************************************************!*\
  !*** ./src/components/css-backface-visibility/index.js ***!
  \*********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    visible: {
      label: "Visible",
      value: "visible"
    },
    hidden: {
      label: "Hidden",
      value: "hidden"
    },
    inherit: {
      label: "inherit",
      value: "inherit"
    },
    initial: {
      label: "initial",
      value: "initial"
    },
    revert: {
      label: "revert",
      value: "revert"
    },
    unset: {
      label: "unset",
      value: "unset"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: "",
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'backfaceVisibility');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "backfaceVisibility");
              } else {
                props.onChange(x.value, "backfaceVisibility");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "backfaceVisibility");
        } else {
          props.onChange(align + " !important", "backfaceVisibility");
        }
      }
    })]
  });
}
class PGcssBackfaceVisibility extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssBackfaceVisibility);

/***/ }),

/***/ "./src/components/css-background-attachment/index.js":
/*!***********************************************************!*\
  !*** ./src/components/css-background-attachment/index.js ***!
  \***********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    scroll: {
      label: "Scroll",
      value: "scroll"
    },
    fixed: {
      label: "Fixed",
      value: "fixed"
    },
    local: {
      label: "Local",
      value: "local"
    },
    inherit: {
      label: "inherit",
      value: "inherit"
    },
    initial: {
      label: "initial",
      value: "initial"
    },
    revert: {
      label: "revert",
      value: "revert"
    },
    unset: {
      label: "unset",
      value: "unset"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Background Attachment", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'backgroundAttachment');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "backgroundAttachment");
              } else {
                props.onChange(x.value, "backgroundAttachment");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "backgroundAttachment");
        } else {
          props.onChange(align + " !important", "backgroundAttachment");
        }
      }
    })]
  });
}
class PGcssBackgroundAttachment extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssBackgroundAttachment);

/***/ }),

/***/ "./src/components/css-background-blend-mode/index.js":
/*!***********************************************************!*\
  !*** ./src/components/css-background-blend-mode/index.js ***!
  \***********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    normal: {
      label: "Normal",
      value: "normal"
    },
    multiply: {
      label: "Multiply",
      value: "multiply"
    },
    screen: {
      label: "Screen",
      value: "screen"
    },
    overlay: {
      label: "Overlay",
      value: "overlay"
    },
    darken: {
      label: "Darken",
      value: "darken"
    },
    lighten: {
      label: "Lighten",
      value: "lighten"
    },
    "color-dodge": {
      label: "Color dodge",
      value: "color-dodge"
    },
    saturation: {
      label: "Saturation",
      value: "saturation"
    },
    color: {
      label: "Color",
      value: "color"
    },
    luminosity: {
      label: "Luminosity",
      value: "luminosity"
    },
    exclusion: {
      label: "exclusion",
      value: "exclusion"
    },
    hue: {
      label: "hue",
      value: "hue"
    },
    "color-burn": {
      label: "color-burn",
      value: "color-burn"
    },
    difference: {
      label: "difference",
      value: "difference"
    },
    "hard-light": {
      label: "hard-light",
      value: "hard-light"
    },
    "soft-light": {
      label: "soft-light",
      value: "soft-light"
    },
    inherit: {
      label: "inherit",
      value: "inherit"
    },
    initial: {
      label: "initial",
      value: "initial"
    },
    revert: {
      label: "revert",
      value: "revert"
    },
    unset: {
      label: "unset",
      value: "unset"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Background Blend Mode", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'backgroundBlendMode');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "backgroundBlendMode");
              } else {
                props.onChange(x.value, "backgroundBlendMode");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "backgroundBlendMode");
        } else {
          props.onChange(align + " !important", "backgroundBlendMode");
        }
      }
    })]
  });
}
class PGcssBackgroundBlendMode extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssBackgroundBlendMode);

/***/ }),

/***/ "./src/components/css-background-clip/index.js":
/*!*****************************************************!*\
  !*** ./src/components/css-background-clip/index.js ***!
  \*****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    "border-box": {
      label: "Border box",
      value: "border-box"
    },
    "padding-box": {
      label: "Padding box",
      value: "padding-box"
    },
    "content-box": {
      label: "Content box",
      value: "content-box"
    },
    "revert-layer": {
      label: "revert-layer",
      value: "revert-layer"
    },
    text: {
      label: "text",
      value: "text"
    },
    inherit: {
      label: "inherit",
      value: "inherit"
    },
    initial: {
      label: "initial",
      value: "initial"
    },
    revert: {
      label: "revert",
      value: "revert"
    },
    unset: {
      label: "unset",
      value: "unset"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Background Blend Mode", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'backgroundClip');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "backgroundClip");
              } else {
                props.onChange(x.value, "backgroundClip");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "backgroundClip");
        } else {
          props.onChange(align + " !important", "backgroundClip");
        }
      }
    })]
  });
}
class PGcssBackgroundClip extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssBackgroundClip);

/***/ }),

/***/ "./src/components/css-background-color/index.js":
/*!******************************************************!*\
  !*** ./src/components/css-background-color/index.js ***!
  \******************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _colors_presets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../colors-presets */ "./src/colors-presets.js");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__);
const {
  Component
} = wp.element;






function Html(props) {
  if (!props.warn) {
    return null;
  }
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)(props.val.split(" "));
  const [val, setval] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)(valArgs[1] == undefined ? false : true);
  const [customColor, setCustomColor] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)([]);
  const [newColorPreset, setNewColorPreset] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)([]);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useEffect)(() => {
    const transformedColors = customColor.map((color, index) => {
      const name = color.substring(1).toUpperCase();
      const upperCaseColor = color.toUpperCase();
      return {
        name,
        color: upperCaseColor
      };
    });
    let newColor;
    if (transformedColors.length >= 6) {
      newColor = transformedColors;
    } else {
      newColor = transformedColors.concat(_colors_presets__WEBPACK_IMPORTED_MODULE_2__["default"].slice(0, 6 - transformedColors.length));
    }
    setNewColorPreset(newColor);
  }, [customColor]);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
      className: "p-2",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, {
        className: "mb-2",
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
          label: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
          checked: isImportant,
          className: "!mb-0",
          onChange: arg => {
            setImportant(isImportant => !isImportant);
            if (isImportant) {
              props.onChange(val, "backgroundColor");
            } else {
              props.onChange(val + " !important", "backgroundColor");
            }
          }
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ColorPalette, {
        value: val,
        colors: newColorPreset,
        enableAlpha: true,
        onChange: newVal => {
          //props.onChange(newVal, 'backgroundColor');
          setval(newVal);
          if (isImportant) {
            props.onChange(newVal + " !important", "backgroundColor");
          } else {
            props.onChange(newVal, "backgroundColor");
          }
        }
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, {
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("label", {
          htmlFor: "",
          children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Global Value", "accordions")
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
          label: "",
          value: val,
          options: [{
            label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Choose", "accordions"),
            value: ""
          }, {
            label: "Inherit",
            value: "inherit"
          }, {
            label: "Initial",
            value: "initial"
          }, {
            label: "Revert",
            value: "revert"
          }, {
            label: "Revert-layer",
            value: "revert-layer"
          }, {
            label: "Unset",
            value: "unset"
          }],
          onChange: newVal => {
            setval(newVal);
            if (isImportant) {
              props.onChange(newVal + " !important", "backgroundColor");
            } else {
              props.onChange(newVal, "backgroundColor");
            }
          }
        })]
      })]
    })
  });
}
class PGcssBackgroundColor extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      enableAlpha,
      onChange,
      label
    } = this.props;
    var colorVal = val.replace(" !important", "");
    var placeholderStyle = {
      backgroundImage: "repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0),repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0)",
      backgroundPosition: "0 0,25px 25px",
      backgroundSize: "50px 50px",
      boxShadow: "inset 0 0 0 1px rgb(0 0 0 / 20%)",
      cursor: "pointer"
    };
    var defaultbtnStyle = {
      backgroundImage: "repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0),repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0)",
      backgroundPosition: "0 0,25px 25px",
      backgroundSize: "50px 50px",
      boxShadow: "inset 0 0 0 1px rgb(0 0 0 / 20%)",
      cursor: "pointer"
    };
    var btnStyle = {
      backgroundColor: val,
      boxShadow: "inset 0 0 0 1px rgb(0 0 0 / 20%)",
      cursor: "pointer"
    };
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(Html, {
        enableAlpha: enableAlpha,
        val: val,
        onChange: onChange,
        warn: this.state.showWarning,
        handleToggleClick: this.handleToggleClick
      })
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssBackgroundColor);

/***/ }),

/***/ "./src/components/css-background-image/index.js":
/*!******************************************************!*\
  !*** ./src/components/css-background-image/index.js ***!
  \******************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _colors_presets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../colors-presets */ "./src/colors-presets.js");
/* harmony import */ var _components_dropdown__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/dropdown */ "./src/components/dropdown/index.js");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/close.js");
/* 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__);
const {
  Component,
  RawHTML
} = wp.element;










function Html(props) {
  if (!props.warn) {
    return null;
  }
  var typeArgs = {
    url: {
      label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Image URL', "accordions"),
      id: 'url'
    },
    //conicGradient: { label: 'Conic Gradient', id: 'conicGradient' },
    linearGradient: {
      label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Linear Gradient', "accordions"),
      id: 'linearGradient'
    },
    radialGradient: {
      label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Radial Gradient', "accordions"),
      id: 'radialGradient'
    }
    // repeatingConicGradient: { label: 'Repeating Conic Gradient', id: 'repeatingConicGradient' },
    // repeatingLinearGradient: { label: 'Repeating Linear Gradient', id: 'repeatingLinearGradient' },
    // repeatingRadialGradient: { label: 'Repeating Radial Gradient', id: 'repeatingRadialGradient' },
  };
  var valX = props.val == undefined || props.val == null || props.val.length == 0 ? '' : props.val;
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valX.split(",  ").filter(n => n));
  var RemoveQueryPram = function ({
    index,
    arg
  }) {
    var typeName = '';
    if (arg.includes("url")) {
      typeName = 'URL';
    } else if (arg.includes("conic-gradient")) {
      typeName = 'Conic Gradient';
    } else if (arg.includes("linear-gradient")) {
      typeName = 'Linear Gradient';
    } else if (arg.includes("radial-gradient")) {
      typeName = 'Radial Gradient';
    } else if (arg.includes("repeating-conic-gradient")) {
      typeName = 'R Conic Gradient';
    } else if (arg.includes("repeating-linear-gradient")) {
      typeName = 'R Linear Gradient';
    } else if (arg.includes("repeating-radial-gradient")) {
      typeName = 'R Radial Gradient';
    }
    return /*#__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)("span", {
        className: "cursor-pointer hover:bg-red-500 hover:text-white px-1 py-1",
        onClick: ev => {
          valArgs.splice(index, 1);
          var ssdsd = valArgs.concat([]);
          setValArgs(ssdsd);
          var valString = ssdsd.join(',  ');
          props.onChange(valString, 'backgroundImage');
        },
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_7__["default"], {
          icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
        className: "mx-2",
        children: typeName.length == 0 ? '#' + index : typeName
      })]
    });
  };
  const ALLOWED_MEDIA_TYPES = ['image'];
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
      className: "my-4",
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_components_dropdown__WEBPACK_IMPORTED_MODULE_4__["default"], {
        position: "bottom right",
        variant: "secondary",
        options: typeArgs,
        buttonTitle: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Add", "accordions"),
        onChange: (option, index) => {
          if (option.id == 'url') {
            var dsdsf = valArgs.concat('url()');
          } else if (option.id == 'linearGradient') {
            var dsdsf = valArgs.concat("linear-gradient(135deg,#12c2e9 0%,#c471ed 50%,#f64f59 100%)");
          } else if (option.id == 'radialGradient') {
            var dsdsf = valArgs.concat("radial-gradient(#12c2e9 0%,#c471ed 50%,#f64f59 100%)");
          } else if (option.id == 'conicGradient') {
            var dsdsf = valArgs.concat("conic-gradient(135deg,#12c2e9 0%,#c471ed 50%,#f64f59 100%)");
          }
          setValArgs(dsdsf);
          var valString = valArgs.join(',  ');
          props.onChange(valString, 'backgroundImage');
        },
        values: ""
      })
    }), valArgs.length != 0 && valArgs.map((x, index) => {
      return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
        className: "pg-setting-input-gradient",
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
          initialOpen: false,
          title: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(RemoveQueryPram, {
            index: index,
            arg: x
          }),
          children: [x.includes("url") && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
              className: "my-3",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("img", {
                src: x.replace("url(", "").replace(")", ""),
                alt: ""
              })
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
              className: "mr-2",
              value: x.replace("url(", "").replace(")", ""),
              placeholder: "Image URL",
              onChange: newVal => {
                valArgs[index] = "url(" + newVal + ")";
                setValArgs(valArgs);
                var valString = valArgs.join(",  ");
                props.onChange(valString, "backgroundImage");
              }
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5__.MediaUploadCheck, {
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5__.MediaUpload, {
                className: "bg-gray-700 hover:bg-gray-600",
                onSelect: media => {
                  // media.id
                  valArgs[index] = "url(" + media.url + ")";
                  setValArgs(valArgs);
                  var valString = valArgs.join(",  ");
                  props.onChange(valString, "backgroundImage");
                },
                onClose: () => {},
                allowedTypes: ALLOWED_MEDIA_TYPES,
                render: ({
                  open
                }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
                  className: "my-3 bg-gray-700 hover:bg-gray-600 text-white border border-solid border-gray-300 text-center w-full",
                  onClick: open,
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Open Media Library", "accordions")
                })
              })
            })]
          }), !x.includes("url") && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.GradientPicker, {
            value: x == null || x == undefined ? null : x,
            onChange: currentGradient => {
              if (currentGradient == undefined) {
                valArgs.splice(index, 1);
                var ssdsd = valArgs.concat([]);
                setValArgs(ssdsd);
                var valString = ssdsd.join(",  ");
              } else {
                valArgs[index] = currentGradient;
                setValArgs(valArgs);
                var valString = valArgs.join(",  ");
              }
              props.onChange(valString, "backgroundImage");
            },
            gradients: [{
              name: "JShine",
              gradient: "linear-gradient(135deg,#12c2e9 0%,#c471ed 50%,#f64f59 100%)",
              slug: "jshine"
            }, {
              name: "Moonlit Asteroid",
              gradient: "linear-gradient(135deg,#0F2027 0%, #203A43 0%, #2c5364 100%)",
              slug: "moonlit-asteroid"
            }, {
              name: "Rastafarie",
              gradient: "linear-gradient(135deg,#1E9600 0%, #FFF200 0%, #FF0000 100%)",
              slug: "rastafari"
            }]
          })]
        })
      });
    })]
  });
}
class PGcssBackgroundImage extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(Html, {
        val: val,
        onChange: onChange,
        warn: this.state.showWarning
      })
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssBackgroundImage);

/***/ }),

/***/ "./src/components/css-background-origin/index.js":
/*!*******************************************************!*\
  !*** ./src/components/css-background-origin/index.js ***!
  \*******************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    "border-box": {
      label: "border-box",
      value: "border-box"
    },
    "padding-box": {
      label: "padding-box",
      value: "padding-box"
    },
    "content-box": {
      label: "content-box",
      value: "content-box"
    },
    inherit: {
      label: "inherit",
      value: "inherit"
    },
    initial: {
      label: "initial",
      value: "initial"
    },
    revert: {
      label: "revert",
      value: "revert"
    },
    unset: {
      label: "unset",
      value: "unset"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Background Blend Mode", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'backgroundOrigin');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "backgroundOrigin");
              } else {
                props.onChange(x.value, "backgroundOrigin");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "backgroundOrigin");
        } else {
          props.onChange(align + " !important", "backgroundOrigin");
        }
      }
    })]
  });
}
class PGcssBackgroundOrigin extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssBackgroundOrigin);

/***/ }),

/***/ "./src/components/css-background-position/index.js":
/*!*********************************************************!*\
  !*** ./src/components/css-background-position/index.js ***!
  \*********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = [{
    label: "left top",
    value: "left top"
  }, {
    label: "left center",
    value: "left center"
  }, {
    label: "left bottom",
    value: "left bottom"
  }, {
    label: "right top",
    value: "right top"
  }, {
    label: "right center",
    value: "right center"
  }, {
    label: "right bottom",
    value: "right bottom"
  }, {
    label: "center top",
    value: "center top"
  }, {
    label: "center center",
    value: "center center"
  }, {
    label: "center bottom",
    value: "center bottom"
  }, {
    label: "inherit",
    value: "inherit"
  }, {
    label: "initial",
    value: "initial"
  }, {
    label: "revert",
    value: "revert"
  }, {
    label: "unset",
    value: "unset"
  }];
  const [isCustom, setisCustom] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.match(/-?\d+/g) == null ? false : true);
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [position, setposition] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.includes("!important") ? true : false);
  const [ValX, setValX] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0] == undefined || valArgs[0].match(/-?\d+/g) == null ? 0 : valArgs[0].match(/-?\d+/g)[0]);
  const [valUnitX, setvalUnitX] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0] == undefined || valArgs[0].match(/[a-zA-Z%]+/g) == null ? "px" : valArgs[0].match(/[a-zA-Z%]+/g)[0]);
  const [ValY, setValY] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined || valArgs[1].match(/-?\d+/g) == null ? 0 : valArgs[1].match(/-?\d+/g)[0]);
  const [valUnitY, setvalUnitY] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined || valArgs[1].match(/[a-zA-Z%]+/g) == null ? "px" : valArgs[1].match(/[a-zA-Z%]+/g)[0]);
  // var ValX = (valArgs[0] == undefined || valArgs[0].match(/-?\d+/g) == null) ? 0 : valArgs[0].match(/-?\d+/g)[0];
  // var valUnitX = (valArgs[0] == undefined || valArgs[0].match(/[a-zA-Z%]+/g) == null) ? 'px' : valArgs[0].match(/[a-zA-Z%]+/g)[0];
  // var ValY = (valArgs[1] == undefined || valArgs[1].match(/-?\d+/g) == null) ? 0 : valArgs[1].match(/-?\d+/g)[0];
  // var valUnitY = (valArgs[1] == undefined || valArgs[1].match(/[a-zA-Z%]+/g) == null) ? 'px' : valArgs[1].match(/[a-zA-Z%]+/g)[0];
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      label: isCustom ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Custom Value enabled?", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Custom Value?", "accordions"),
      checked: isCustom,
      onChange: arg => {
        setisCustom(isCustom => !isCustom);
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      className: "flex justify-between items-center my-3",
      children: !isCustom && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: position.length == 0 ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : position
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32",
          children: args.map(x => {
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setisCustom(false);
                setposition(x.value);
                if (isImportant) {
                  props.onChange(x.value + " !important", "backgroundPosition");
                } else {
                  props.onChange(x.value, "backgroundPosition");
                }
              },
              children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
              }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })]
            });
          })
        })
      })
    }), isCustom && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
      className: "flex mt-4",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
          value: ValX,
          type: "number",
          onChange: newVal => {
            setValX(newVal);
            if (isImportant) {
              props.onChange(newVal + valUnitX + " " + ValY + valUnitY + " " + "!important", "backgroundPosition");
            } else {
              props.onChange(newVal + valUnitX + " " + ValY + valUnitY, "backgroundPosition");
            }
          }
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
        className: "mx-2",
        children: " / "
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
          value: ValY,
          type: "number",
          onChange: newVal => {
            setValY(newVal);
            if (isImportant) {
              props.onChange(ValX + valUnitX + " " + newVal + valUnitY + " " + "!important", "backgroundPosition");
            } else {
              props.onChange(ValX + valUnitX + " " + newVal + valUnitY, "backgroundPosition");
            }
          }
        })
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      label: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (isCustom) {
            props.onChange(ValX + valUnitX + " " + ValY + valUnitY, "backgroundPosition");
          } else {
            props.onChange(position, "backgroundPosition");
          }
        } else {
          if (isCustom) {
            props.onChange(ValX + valUnitX + " " + ValY + valUnitY + " " + "!important", "backgroundPosition");
          } else {
            props.onChange(position + " !important", "backgroundPosition");
          }
        }
      }
    })]
  });
}
class PGcssBackgroundPosition extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssBackgroundPosition);

/***/ }),

/***/ "./src/components/css-background-repeat/index.js":
/*!*******************************************************!*\
  !*** ./src/components/css-background-repeat/index.js ***!
  \*******************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    repeat: {
      label: "Repeat",
      value: "repeat"
    },
    "repeat-x": {
      label: "Repeat X",
      value: "repeat-x"
    },
    "repeat-y": {
      label: "Repeat Y",
      value: "repeat-y"
    },
    "no-repeat": {
      label: "No repeat",
      value: "no-repeat"
    },
    space: {
      label: "Space",
      value: "space"
    },
    round: {
      label: "Round",
      value: "round"
    },
    inherit: {
      label: "inherit",
      value: "inherit"
    },
    initial: {
      label: "initial",
      value: "initial"
    },
    revert: {
      label: "revert",
      value: "revert"
    },
    unset: {
      label: "unset",
      value: "unset"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Background Repeat", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'backgroundRepeat');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "backgroundRepeat");
              } else {
                props.onChange(x.value, "backgroundRepeat");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "backgroundRepeat");
        } else {
          props.onChange(align + " !important", "backgroundRepeat");
        }
      }
    })]
  });
}
class PGcssBackgroundRepeat extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssBackgroundRepeat);

/***/ }),

/***/ "./src/components/css-background-size/index.js":
/*!*****************************************************!*\
  !*** ./src/components/css-background-size/index.js ***!
  \*****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/close.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    auto: {
      label: "auto",
      value: "auto"
    },
    cover: {
      label: "Cover",
      value: "cover"
    },
    contain: {
      label: "Contain",
      value: "contain"
    },
    custom: {
      label: "Custom",
      value: "custom"
    },
    inherit: {
      label: "inherit",
      value: "inherit"
    },
    initial: {
      label: "initial",
      value: "initial"
    },
    revert: {
      label: "revert",
      value: "revert"
    },
    unset: {
      label: "unset",
      value: "unset"
    }
  };
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  const [isMultiple, setisMultiple] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.includes(", ") ? true : false);
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(isMultiple ? props.val.split(", ") : props.val.split(" "));
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.includes("!important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
      className: "flex justify-between items-center",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "cursor-pointer bg-gray-700 hover:bg-gray-600 text-white px-3 py-1 my-3",
        onClick: ev => {
          valArgs.push("auto");
          setValArgs(valArgs);
          props.onChange(valArgs.join(" "), "backgroundSize");
        },
        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Add", "accordions")
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
        label: isMultiple ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Multiple (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Multiple?", "accordions"),
        checked: isMultiple,
        onChange: arg => {
          setisMultiple(isMultiple => !isMultiple);
          if (isMultiple) {
            if (isImportant) {
              props.onChange(valArgs.join(" ") + " !important", "backgroundSize");
            } else {
              props.onChange(valArgs.join(" "), "backgroundSize");
            }
          } else {
            if (isImportant) {
              props.onChange(valArgs.join(", ") + " !important", "backgroundSize");
            } else {
              props.onChange(valArgs.join(", "), "backgroundSize");
            }
          }
        }
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: valArgs.map((item, i) => {
        return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
          className: "flex items-center",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
            className: "bg-red-500 text-white",
            onClick: ev => {
              valArgs.splice(i, 1);
              if (isMultiple) {
                if (isImportant) {
                  props.onChange(valArgs.join(", ") + " !important", "backgroundSize");
                } else {
                  props.onChange(valArgs.join(", "), "backgroundSize");
                }
              } else {
                if (isImportant) {
                  props.onChange(valArgs.join(" ") + " !important", "backgroundSize");
                } else {
                  props.onChange(valArgs.join(" "), "backgroundSize");
                }
              }
            },
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_4__["default"], {
              fill: "#fff",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_5__["default"]
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
            position: "bottom",
            renderToggle: ({
              isOpen,
              onToggle
            }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
              title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Background Repeat", "accordions"),
              onClick: onToggle,
              "aria-expanded": isOpen,
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
                className: " ",
                children: args[item] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Custom", "accordions") : args[item].label
              })
            }),
            renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "w-32",
              children: Object.entries(args).map(args => {
                var index = args[0];
                var x = args[1];
                return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
                  className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
                  onClick: ev => {
                    if (x.value == "custom") {
                      valArgs[i] = "0px";
                    } else {
                      valArgs[i] = x.value;
                    }
                    props.onChange(valArgs.join(" "), "backgroundSize");
                    setValArgs(valArgs);
                  },
                  children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
                    children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
                  }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                    children: x.label
                  })]
                });
              })
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {}), item.match(/-?\d+/g) != null && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "flex justify-between",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
              value: item.match(/-?\d+/g) == null ? "0" : item.match(/-?\d+/g)[0],
              type: "number",
              onChange: newVal => {
                if (newVal.length > 0) {
                  valArgs[i] = newVal + item.match(/[a-zA-Z%]+/g)[0];
                  props.onChange(valArgs.join(" "), "backgroundSize");
                  setValArgs(valArgs);
                }
              }
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
              position: "bottom left",
              renderToggle: ({
                isOpen,
                onToggle
              }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
                title: "",
                onClick: onToggle,
                "aria-expanded": isOpen,
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
                  className: " ",
                  children: item.match(/[a-zA-Z%]+/g) == null ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : unitArgs[item.match(/[a-zA-Z%]+/g)[0]] == undefined ? "" : unitArgs[item.match(/[a-zA-Z%]+/g)[0]].label
                })
              }),
              renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
                className: "w-32",
                children: Object.entries(unitArgs).map(y => {
                  var index = y[0];
                  var x = y[1];
                  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
                    className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
                    onClick: ev => {
                      var val = item.match(/-?\d+/g) == null ? 0 : item.match(/-?\d+/g)[0];
                      valArgs[i] = val + x.value;
                      props.onChange(valArgs.join(" "), "backgroundSize");
                      setValArgs(valArgs);
                    },
                    children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                      children: x.label
                    })
                  });
                })
              })
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {})]
        });
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      label: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isMultiple) {
          if (isImportant) {
            props.onChange(valArgs.join(", ").replace("!important", ""), "backgroundSize");
          } else {
            props.onChange(valArgs.join(", ") + " !important", "backgroundSize");
          }
        } else {
          if (isImportant) {
            props.onChange(valArgs.join(" ").replace("!important", ""), "backgroundSize");
          } else {
            props.onChange(valArgs.join(" ") + " !important", "backgroundSize");
          }
        }
      }
    })]
  });
}
class PGcssBackgroundSize extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssBackgroundSize);

/***/ }),

/***/ "./src/components/css-bg-color/index.js":
/*!**********************************************!*\
  !*** ./src/components/css-bg-color/index.js ***!
  \**********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _colors_presets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../colors-presets */ "./src/colors-presets.js");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_3__);
/* 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 {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Popover, {
      position: "bottom right",
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
        className: "p-2",
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ColorPalette, {
          value: props.value,
          colors: _colors_presets__WEBPACK_IMPORTED_MODULE_2__["default"],
          enableAlpha: true,
          onChange: newVal => {
            props.onChange(newVal, 'bgColor');
          }
        })
      })
    })
  });
}
class PGcssBgColor extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: false
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      enableAlpha,
      onChange,
      label
    } = this.props;
    var placeholderStyle = {
      backgroundImage: 'repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0),repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0)',
      backgroundPosition: '0 0,25px 25px',
      backgroundSize: '50px 50px',
      boxShadow: 'inset 0 0 0 1px rgb(0 0 0 / 20%)',
      cursor: 'pointer'
    };
    var defaultbtnStyle = {
      backgroundImage: 'repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0),repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0)',
      backgroundPosition: '0 0,25px 25px',
      backgroundSize: '50px 50px',
      boxShadow: 'inset 0 0 0 1px rgb(0 0 0 / 20%)',
      cursor: 'pointer'
    };
    var btnStyle = {
      backgroundColor: val,
      boxShadow: 'inset 0 0 0 1px rgb(0 0 0 / 20%)',
      cursor: 'pointer'
    };
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
        className: "my-4",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("p", {
          className: "text-sm",
          children: [(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("This css property is depricated, please use", "accordions"), " ", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("strong", {
            children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Background Color", "accordions")
          }), " ", (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("instead", "accordions")]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
          className: "relative h-10",
          style: placeholderStyle,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
            className: "absolute w-full  h-full top-0 left-0 text-center",
            style: btnStyle,
            onClick: this.handleToggleClick,
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", {
              className: "w-full text-center left-0 top-1/2 -translate-y-1/2\t absolute",
              children: val == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Set Color', "accordions") : val
            })
          })
        })]
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(Html, {
        enableAlpha: enableAlpha,
        value: val,
        onChange: onChange,
        warn: this.state.showWarning
      })]
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssBgColor);

/***/ }),

/***/ "./src/components/css-border-bottom/index.js":
/*!***************************************************!*\
  !*** ./src/components/css-border-bottom/index.js ***!
  \***************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _colors_presets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../colors-presets */ "./src/colors-presets.js");
/* harmony import */ var _components_input_color_picker__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/input-color-picker */ "./src/components/input-color-picker/index.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__);
const {
  Component,
  RawHTML
} = wp.element;







function Html(props) {
  if (!props.warn) {
    return null;
  }
  var valParts = props.val != undefined ? props.val.split(" ") : ["0px", "solid", "#000000"];
  var widthVal = valParts[0] != undefined ? valParts[0] : "0px";
  var styleVal = valParts[1] != undefined ? valParts[1] : "solid";
  var colorVal = valParts[2] != undefined ? valParts[2] : "#000000";
  var outlineStyleArgs = {
    none: {
      label: "None",
      value: "none"
    },
    hidden: {
      label: "Hidden",
      value: "hidden"
    },
    dotted: {
      label: "Dotted",
      value: "dotted"
    },
    dashed: {
      label: "Dashed",
      value: "dashed"
    },
    solid: {
      label: "Solid",
      value: "solid"
    },
    double: {
      label: "Double",
      value: "double"
    },
    groove: {
      label: "Groove",
      value: "groove"
    },
    ridge: {
      label: "Ridge",
      value: "ridge"
    },
    inset: {
      label: "Inset",
      value: "inset"
    },
    outset: {
      label: "Outset",
      value: "outset"
    }
  };
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    // "%": { "label": "%", "value": "%" },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
    // none: { "label": "none", "value": "none" },
    // inherit: { "label": "inherit", "value": "inherit" },
    // initial: { "label": "initial", "value": "initial" },
    // revert: { "label": "revert", "value": "revert" },
    // unset: { "label": "unset", "value": "unset" },
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = widthVal.match(/-?\d+/g) != null ? widthVal.match(/-?\d+/g)[0] : 1;
  var widthUnitX = widthVal.match(/[a-zA-Z%]+/g) != null ? widthVal.match(/[a-zA-Z%]+/g)[0] : "px";
  const [widthValY, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnitY, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  const [outlineWidthVal, setoutlineWidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthVal);
  const [outlineStyleVal, setoutlineStyleVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(styleVal);
  const [outlineColorVal, setoutlineColorVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(colorVal);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
      className: "my-2",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("label", {
        htmlFor: "",
        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Border Width", "accordions")
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
        className: "flex justify-between items-center",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
          value: widthValY,
          type: "number",
          onChange: newVal => {
            setwidthVal(newVal);
            props.onChange(newVal + widthUnitY + " " + styleVal + " " + colorVal, "borderBottom");
          }
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
            position: "bottom right",
            renderToggle: ({
              isOpen,
              onToggle
            }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
              title: "",
              onClick: onToggle,
              "aria-expanded": isOpen,
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
                className: " ",
                children: widthUnitY != undefined ? unitArgs[widthUnitY].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
              })
            }),
            renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
              className: "w-32",
              children: Object.entries(unitArgs).map(y => {
                var index = y[0];
                var x = y[1];
                return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
                  className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
                  onClick: ev => {
                    setwidthUnit(x.value);
                    props.onChange(widthValY + x.value + " " + styleVal + " " + colorVal, "borderBottom");
                  },
                  children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment, {
                    children: x.label
                  })
                });
              })
            })
          })
        })]
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
      className: "my-2 flex justify-between items-center",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("label", {
        htmlFor: "",
        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Border Style", "accordions")
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom right",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Clear", "accordions"),
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
            className: " ",
            children: outlineStyleVal ? outlineStyleArgs[outlineStyleVal].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
          className: "w-32",
          children: Object.entries(outlineStyleArgs).map(arg => {
            var index = arg[0];
            var x = arg[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                props.onChange(widthVal + " " + x.value + " " + colorVal, "borderBottom");
                setoutlineStyleVal(x.value);
              },
              children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
              }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment, {
                children: x.label
              })]
            });
          })
        })
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("label", {
      htmlFor: "",
      children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Border Color", "accordions")
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_components_input_color_picker__WEBPACK_IMPORTED_MODULE_4__["default"], {
      value: outlineColorVal,
      colors: _colors_presets__WEBPACK_IMPORTED_MODULE_3__["default"],
      enableAlpha: true,
      onChange: newVal => {
        props.onChange(widthVal + " " + styleVal + " " + newVal, "borderBottom");
        setoutlineColorVal(newVal);
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(widthVal + " " + styleVal + " " + colorVal, "borderBottom");
        } else {
          props.onChange(widthVal + " " + styleVal + " " + colorVal + " !important", "borderBottom");
        }
      }
    })]
  });
}
class PGcssBorderBottom extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(Html, {
        val: val,
        onChange: onChange,
        warn: this.state.showWarning
      })
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssBorderBottom);

/***/ }),

/***/ "./src/components/css-border-collapse/index.js":
/*!*****************************************************!*\
  !*** ./src/components/css-border-collapse/index.js ***!
  \*****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    separate: {
      label: "Separate",
      value: "separate"
    },
    collapse: {
      label: "Collapse",
      value: "collapse"
    },
    inherit: {
      label: "inherit",
      value: "inherit"
    },
    initial: {
      label: "initial",
      value: "initial"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Empty Cells", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // props.onChange(x.value, 'borderCollapse');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "borderCollapse");
              } else {
                props.onChange(x.value, "borderCollapse");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "borderCollapse");
        } else {
          props.onChange(align + " !important", "borderCollapse");
        }
      }
    })]
  });
}
class PGcssBorderCollapse extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssBorderCollapse);

/***/ }),

/***/ "./src/components/css-border-image/index.js":
/*!**************************************************!*\
  !*** ./src/components/css-border-image/index.js ***!
  \**************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _colors_presets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../colors-presets */ "./src/colors-presets.js");
/* harmony import */ var _components_dropdown__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/dropdown */ "./src/components/dropdown/index.js");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _components_input_color_picker__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/input-color-picker */ "./src/components/input-color-picker/index.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__);
const {
  Component,
  RawHTML
} = wp.element;












function Html(props) {
  if (!props.warn) {
    return null;
  }
  const ALLOWED_MEDIA_TYPES = ["image"];
  var valZ = props.val == undefined || props.val == null || props.val.length == 0 ? "url(border.png)  1 1 1 1/  10px 10px 10px 10px /  0px 0px 0px 0px  round" : props.val;
  var source = valZ == undefined ? "" : valZ.split("  ")[0];
  var slice = valZ == undefined ? 10 : valZ.split("  ")[1].replace("/", "");
  var width = valZ == undefined ? 10 : valZ.split("  ")[2].replace("/", "");
  var outset = valZ == undefined ? 10 : valZ.split("  ")[3];
  var repeat = valZ == undefined ? "" : valZ.split("  ")[4];
  slice = slice.replaceAll(" ", "px ");
  slice = slice + "px";
  var imageVal = source.replace('url("', "");
  imageVal = imageVal.replace('")', "");
  const [type, setType] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)("linear");
  const [linearGradientValue, setLinearGradientValue] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)("linear-gradient(135deg,#12c2e9 0%,#c471ed 50%,#f64f59 100%)");
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", {
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("label", {
        htmlFor: "",
        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Source", "accordions")
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", {
      className: "my-4",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("label", {
        htmlFor: "",
        className: "font-medium text-slate-900 pg-font ",
        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select Source", "accordions")
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
        options: [{
          label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Linear Gradient", "accordions"),
          value: "linear"
        }, {
          label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Image", "accordions"),
          value: "image"
        }],
        values: "",
        onChange: newVal => {
          setType(newVal);
        }
      })]
    }), type === "linear" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.GradientPicker, {
      value: linearGradientValue,
      onChange: currentGradient => {
        setLinearGradientValue(currentGradient);
        var sliceX = slice.replaceAll("px", "");
        props.onChange(currentGradient + sliceX + "/  " + width + "/  " + outset + "  " + repeat, "borderImage");
      },
      gradients: [{
        name: "JShine",
        gradient: "linear-gradient(135deg,#12c2e9 0%,#c471ed 50%,#f64f59 100%)",
        slug: "jshine"
      }, {
        name: "Moonlit Asteroid",
        gradient: "linear-gradient(135deg,#0F2027 0%, #203A43 0%, #2c5364 100%)",
        slug: "moonlit-asteroid"
      }, {
        name: "Rastafarie",
        gradient: "linear-gradient(135deg,#1E9600 0%, #FFF200 0%, #FF0000 100%)",
        slug: "rastafari"
      }]
    }), type === "image" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.Fragment, {
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", {
        className: "my-3",
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("img", {
          src: imageVal,
          alt: ""
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
        className: "mr-2",
        value: imageVal.replace("url(", "").replace(")", ""),
        placeholder: "Image URL",
        onChange: newVal => {
          var sliceX = slice.replaceAll("px", "");
          props.onChange("url(" + newVal + ")  " + sliceX + "/  " + width + "/  " + outset + "  " + repeat, "borderImage");
        }
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5__.MediaUploadCheck, {
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5__.MediaUpload, {
          className: "bg-gray-700 hover:bg-gray-600",
          onSelect: media => {
            // media.id
            var sliceX = slice.replaceAll("px", "");
            props.onChange("url(" + media.url + ")  " + sliceX + "/  " + width + "/  " + outset + "  " + repeat, "borderImage");
          },
          onClose: () => {},
          allowedTypes: ALLOWED_MEDIA_TYPES,
          render: ({
            open
          }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
            className: "my-3 bg-gray-700 hover:bg-gray-600 text-white border border-solid border-gray-300 text-center w-full",
            onClick: open,
            children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Open Media Library", "accordions")
          })
        })
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("label", {
        htmlFor: "",
        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Slice", "accordions")
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalBoxControl, {
      label: "",
      values: {
        top: slice.split(" ")[0],
        right: slice.split(" ")[1],
        bottom: slice.split(" ")[2],
        left: slice.split(" ")[3]
      },
      onChange: nextValues => {
        var top = parseInt(nextValues.top);
        var right = parseInt(nextValues.right);
        var bottom = parseInt(nextValues.bottom);
        var left = parseInt(nextValues.left);
        var sliceX = top + " " + right + " " + bottom + " " + left;
        props.onChange(source + "  " + sliceX + "/  " + width + "/  " + outset + "  " + repeat, "borderImage");
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("label", {
        htmlFor: "",
        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Width", "accordions")
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalBoxControl, {
      label: "",
      values: {
        top: width.split(" ")[0],
        right: width.split(" ")[1],
        bottom: width.split(" ")[2],
        left: width.split(" ")[3]
      },
      onChange: nextValues => {
        var sliceX = slice.replaceAll("px", "");
        var top = nextValues.top;
        var right = nextValues.right;
        var bottom = nextValues.bottom;
        var left = nextValues.left;
        var widthX = top + " " + right + " " + bottom + " " + left;
        props.onChange(source + "  " + sliceX + "/  " + widthX + "/  " + outset + "  " + repeat, "borderImage");
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("label", {
        htmlFor: "",
        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Outset", "accordions")
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalBoxControl, {
      label: "",
      values: {
        top: outset.split(" ")[0],
        right: outset.split(" ")[1],
        bottom: outset.split(" ")[2],
        left: outset.split(" ")[3]
      },
      onChange: nextValues => {
        var sliceX = slice.replaceAll("px", "");
        var top = nextValues.top;
        var right = nextValues.right;
        var bottom = nextValues.bottom;
        var left = nextValues.left;
        var outsetX = top + " " + right + " " + bottom + " " + left;
        props.onChange(source + "  " + sliceX + "/  " + width + "/  " + outsetX + "  " + repeat, "borderImage");
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, {
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("label", {
        htmlFor: "",
        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Repeat", "accordions")
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
        label: "",
        value: repeat,
        options: [{
          label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Stretch", "accordions"),
          value: "stretch"
        }, {
          label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Repeat", "accordions"),
          value: "repeat"
        }, {
          label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Round", "accordions"),
          value: "round"
        }, {
          label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Space", "accordions"),
          value: "space"
        }, {
          label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Fill", "accordions"),
          value: "fill"
        }],
        onChange: newVal => {
          var sliceX = slice.replaceAll("px", "");
          props.onChange(source + "  " + sliceX + "/  " + width + "/  " + outset + "  " + newVal, "borderImage");
        }
      })]
    })]
  });
}
class PGcssBorderImage extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(Html, {
        val: val,
        onChange: onChange,
        warn: this.state.showWarning
      })
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssBorderImage);

/***/ }),

/***/ "./src/components/css-border-left/index.js":
/*!*************************************************!*\
  !*** ./src/components/css-border-left/index.js ***!
  \*************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _colors_presets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../colors-presets */ "./src/colors-presets.js");
/* harmony import */ var _components_input_color_picker__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/input-color-picker */ "./src/components/input-color-picker/index.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__);
const {
  Component,
  RawHTML
} = wp.element;







function Html(props) {
  if (!props.warn) {
    return null;
  }
  var valParts = props.val != undefined ? props.val.split(" ") : ["0px", "solid", "#000000"];
  var widthVal = valParts[0] != undefined ? valParts[0] : "0px";
  var styleVal = valParts[1] != undefined ? valParts[1] : "solid";
  var colorVal = valParts[2] != undefined ? valParts[2] : "#000000";
  var outlineStyleArgs = {
    none: {
      label: "None",
      value: "none"
    },
    hidden: {
      label: "Hidden",
      value: "hidden"
    },
    dotted: {
      label: "Dotted",
      value: "dotted"
    },
    dashed: {
      label: "Dashed",
      value: "dashed"
    },
    solid: {
      label: "Solid",
      value: "solid"
    },
    double: {
      label: "Double",
      value: "double"
    },
    groove: {
      label: "Groove",
      value: "groove"
    },
    ridge: {
      label: "Ridge",
      value: "ridge"
    },
    inset: {
      label: "Inset",
      value: "inset"
    },
    outset: {
      label: "Outset",
      value: "outset"
    }
  };
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    // "%": { "label": "%", "value": "%" },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
    // none: { "label": "none", "value": "none" },
    // inherit: { "label": "inherit", "value": "inherit" },
    // initial: { "label": "initial", "value": "initial" },
    // revert: { "label": "revert", "value": "revert" },
    // unset: { "label": "unset", "value": "unset" },
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = widthVal.match(/-?\d+/g) != null ? widthVal.match(/-?\d+/g)[0] : 1;
  var widthUnitX = widthVal.match(/[a-zA-Z%]+/g) != null ? widthVal.match(/[a-zA-Z%]+/g)[0] : "px";
  const [widthValY, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnitY, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  const [outlineWidthVal, setoutlineWidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthVal);
  const [outlineStyleVal, setoutlineStyleVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(styleVal);
  const [outlineColorVal, setoutlineColorVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(colorVal);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
      className: "my-2",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("label", {
        htmlFor: "",
        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Border Width", "accordions")
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
        className: "flex justify-between items-center",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
          value: widthValY,
          type: "number",
          onChange: newVal => {
            setwidthVal(newVal);
            props.onChange(newVal + widthUnitY + " " + styleVal + " " + colorVal, "borderLeft");
          }
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
            position: "bottom right",
            renderToggle: ({
              isOpen,
              onToggle
            }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
              title: "",
              onClick: onToggle,
              "aria-expanded": isOpen,
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
                className: " ",
                children: widthUnitY != undefined ? unitArgs[widthUnitY].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
              })
            }),
            renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
              className: "w-32",
              children: Object.entries(unitArgs).map(y => {
                var index = y[0];
                var x = y[1];
                return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
                  className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
                  onClick: ev => {
                    setwidthUnit(x.value);
                    props.onChange(widthValY + x.value + " " + styleVal + " " + colorVal, "borderLeft");
                  },
                  children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment, {
                    children: x.label
                  })
                });
              })
            })
          })
        })]
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
      className: "my-2 flex justify-between items-center",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("label", {
        htmlFor: "",
        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Border Style", "accordions")
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom right",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Clear", "accordions"),
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
            className: " ",
            children: outlineStyleVal ? outlineStyleArgs[outlineStyleVal].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
          className: "w-32",
          children: Object.entries(outlineStyleArgs).map(arg => {
            var index = arg[0];
            var x = arg[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                props.onChange(widthVal + " " + x.value + " " + colorVal, "borderLeft");
                setoutlineStyleVal(x.value);
              },
              children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
              }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment, {
                children: x.label
              })]
            });
          })
        })
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("label", {
      htmlFor: "",
      children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Border Color", "accordions")
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_components_input_color_picker__WEBPACK_IMPORTED_MODULE_4__["default"], {
      value: outlineColorVal,
      colors: _colors_presets__WEBPACK_IMPORTED_MODULE_3__["default"],
      enableAlpha: true,
      onChange: newVal => {
        props.onChange(widthVal + " " + styleVal + " " + newVal, "borderLeft");
        setoutlineColorVal(newVal);
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(outlineWidthVal + " " + outlineStyleVal + " " + outlineColorVal, "borderLeft");
        } else {
          props.onChange(outlineWidthVal + " " + outlineStyleVal + " " + outlineColorVal + " !important", "borderLeft");
        }
      }
    })]
  });
}
class PGcssBorderLeft extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(Html, {
        val: val,
        onChange: onChange,
        warn: this.state.showWarning
      })
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssBorderLeft);

/***/ }),

/***/ "./src/components/css-border-radius/index.js":
/*!***************************************************!*\
  !*** ./src/components/css-border-radius/index.js ***!
  \***************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _colors_presets__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../colors-presets */ "./src/colors-presets.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__);
const {
  Component,
  RawHTML
} = wp.element;









function Html(props) {
  if (!props.warn) {
    return null;
  }
  var important = "";
  if (typeof props.val == "object") {
    var topX = props.val.top;
    var rightX = props.val.right;
    var bottomX = props.val.bottom;
    var leftX = props.val.left;
    var important = "";
  } else {
    var valParts = props.val != undefined ? props.val.split(" ") : ["5px", "5px", "5px", "5px", ""];
    var topX = valParts[0];
    var rightX = valParts[1];
    var bottomX = valParts[2];
    var leftX = valParts[3];
    var important = valParts[4];
  }
  const [valX, setvalX] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)({
    top: topX,
    right: rightX,
    bottom: bottomX,
    left: leftX
  });
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valParts.includes("!important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalBoxControl, {
      label: "",
      values: valX,
      onChange: nextValues => {
        // setvalX({ top: nextValues.top, right: nextValues.right, bottom: nextValues.bottom, left: nextValues.left })
        // props.onChange(nextValues.top + ' ' + nextValues.right + ' ' + nextValues.bottom + ' ' + nextValues.left, 'borderRadius');
        setvalX({
          top: nextValues.top,
          right: nextValues.right,
          bottom: nextValues.bottom,
          left: nextValues.left
        });
        if (isImportant) {
          props.onChange(nextValues.top + " " + nextValues.right + " " + nextValues.bottom + " " + nextValues.left + " !important", "borderRadius");
        } else {
          props.onChange(nextValues.top + " " + nextValues.right + " " + nextValues.bottom + " " + nextValues.left, "borderRadius");
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(valX.top + " " + valX.right + " " + valX.bottom + " " + valX.left, "borderRadius");
        } else {
          props.onChange(valX.top + " " + valX.right + " " + valX.bottom + " " + valX.left + " !important", "borderRadius");
        }
      }
    })]
  });
}
class PGcssBorderRadius extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssBorderRadius);

/***/ }),

/***/ "./src/components/css-border-right/index.js":
/*!**************************************************!*\
  !*** ./src/components/css-border-right/index.js ***!
  \**************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _colors_presets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../colors-presets */ "./src/colors-presets.js");
/* harmony import */ var _components_input_color_picker__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/input-color-picker */ "./src/components/input-color-picker/index.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__);
const {
  Component,
  RawHTML
} = wp.element;







function Html(props) {
  if (!props.warn) {
    return null;
  }
  var valParts = props.val != undefined ? props.val.split(" ") : ["0px", "solid", "#000000"];
  var widthVal = valParts[0] != undefined ? valParts[0] : "0px";
  var styleVal = valParts[1] != undefined ? valParts[1] : "solid";
  var colorVal = valParts[2] != undefined ? valParts[2] : "#000000";
  var outlineStyleArgs = {
    none: {
      label: "None",
      value: "none"
    },
    hidden: {
      label: "Hidden",
      value: "hidden"
    },
    dotted: {
      label: "Dotted",
      value: "dotted"
    },
    dashed: {
      label: "Dashed",
      value: "dashed"
    },
    solid: {
      label: "Solid",
      value: "solid"
    },
    double: {
      label: "Double",
      value: "double"
    },
    groove: {
      label: "Groove",
      value: "groove"
    },
    ridge: {
      label: "Ridge",
      value: "ridge"
    },
    inset: {
      label: "Inset",
      value: "inset"
    },
    outset: {
      label: "Outset",
      value: "outset"
    }
  };
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    // "%": { "label": "%", "value": "%" },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
    // none: { "label": "none", "value": "none" },
    // inherit: { "label": "inherit", "value": "inherit" },
    // initial: { "label": "initial", "value": "initial" },
    // revert: { "label": "revert", "value": "revert" },
    // unset: { "label": "unset", "value": "unset" },
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = widthVal.match(/-?\d+/g) != null ? widthVal.match(/-?\d+/g)[0] : 1;
  var widthUnitX = widthVal.match(/[a-zA-Z%]+/g) != null ? widthVal.match(/[a-zA-Z%]+/g)[0] : "px";
  const [widthValY, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnitY, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  const [outlineWidthVal, setoutlineWidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthVal);
  const [outlineStyleVal, setoutlineStyleVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(styleVal);
  const [outlineColorVal, setoutlineColorVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(colorVal);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
      className: "my-2",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("label", {
        htmlFor: "",
        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Border Width", "accordions")
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
        className: "flex justify-between items-center",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
          value: widthValY,
          type: "number",
          onChange: newVal => {
            setwidthVal(newVal);
            props.onChange(newVal + widthUnitY + " " + styleVal + " " + colorVal, "borderRight");
          }
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
            position: "bottom right",
            renderToggle: ({
              isOpen,
              onToggle
            }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
              title: "",
              onClick: onToggle,
              "aria-expanded": isOpen,
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
                className: " ",
                children: widthUnitY != undefined ? unitArgs[widthUnitY].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
              })
            }),
            renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
              className: "w-32",
              children: Object.entries(unitArgs).map(y => {
                var index = y[0];
                var x = y[1];
                return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
                  className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
                  onClick: ev => {
                    setwidthUnit(x.value);
                    props.onChange(widthValY + x.value + " " + styleVal + " " + colorVal, "borderRight");
                  },
                  children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment, {
                    children: x.label
                  })
                });
              })
            })
          })
        })]
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
      className: "my-2 flex justify-between items-center",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("label", {
        htmlFor: "",
        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Border Style", "accordions")
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom right",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Clear", "accordions"),
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
            className: " ",
            children: outlineStyleVal ? outlineStyleArgs[outlineStyleVal].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
          className: "w-32",
          children: Object.entries(outlineStyleArgs).map(arg => {
            var index = arg[0];
            var x = arg[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                props.onChange(widthVal + " " + x.value + " " + colorVal, "borderRight");
                setoutlineStyleVal(x.value);
              },
              children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
              }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment, {
                children: x.label
              })]
            });
          })
        })
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("label", {
      htmlFor: "",
      children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Border Color", "accordions")
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_components_input_color_picker__WEBPACK_IMPORTED_MODULE_4__["default"], {
      value: outlineColorVal,
      colors: _colors_presets__WEBPACK_IMPORTED_MODULE_3__["default"],
      enableAlpha: true,
      onChange: newVal => {
        props.onChange(widthVal + " " + styleVal + " " + newVal, "borderRight");
        setoutlineColorVal(newVal);
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(outlineWidthVal + " " + outlineStyleVal + " " + outlineColorVal, "borderRight");
        } else {
          props.onChange(outlineWidthVal + " " + outlineStyleVal + " " + outlineColorVal + " !important", "borderRight");
        }
      }
    })]
  });
}
class PGcssBorderRight extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(Html, {
        val: val,
        onChange: onChange,
        warn: this.state.showWarning
      })
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssBorderRight);

/***/ }),

/***/ "./src/components/css-border-spacing/index.js":
/*!****************************************************!*\
  !*** ./src/components/css-border-spacing/index.js ***!
  \****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _colors_presets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../colors-presets */ "./src/colors-presets.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 {
  Component,
  RawHTML
} = wp.element;






function Html(props) {
  if (!props.warn) {
    return null;
  }
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "1px 1px #000000" : props.val;
  var valParts = valZ != undefined ? valZ.split(" ") : ["1px", "1px", "#000000"];
  var horizontalVal = valParts[0];
  var vericalVal = valParts[1];
  var colorVal = valParts[2];
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    // auto: { "label": "AUTO", "value": "auto" },
    // "%": { "label": "%", "value": "%" },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    },
    initial: {
      label: "initial",
      value: "initial"
    },
    inherit: {
      label: "inherit",
      value: "inherit"
    },
    revert: {
      label: "revert",
      value: "revert"
    },
    unset: {
      label: "unset",
      value: "unset"
    }
  };
  var horizontalValX = horizontalVal != undefined ? horizontalVal.match(/-?\d+/g)[0] : 1;
  var horizontalUnitX = horizontalVal != undefined ? horizontalVal.match(/[a-zA-Z%]+/g)[0] : "px";
  var vericalValX = vericalVal != undefined ? vericalVal.match(/-?\d+/g)[0] : 1;
  var vericalUnitX = vericalVal != undefined ? vericalVal.match(/[a-zA-Z%]+/g)[0] : "px";
  const [horizontalValY, sethorizontalVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(horizontalValX);
  const [horizontalUnitY, sethorizontalUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(horizontalUnitX);
  const [vericalValY, setvericalVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(vericalValX);
  const [vericalUnitY, setvericalUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(vericalUnitX);
  const [outlinehorizontalVal, setoutlinehorizontalVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(horizontalVal);
  const [outlinevericalVal, setoutlinevericalVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(vericalVal);
  const [outlineColorVal, setoutlineColorVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(colorVal);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
      className: "grid grid-cols-2 gap-2",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
        className: "my-2",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("label", {
          htmlFor: "",
          children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Horizontal", "accordions")
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
          className: "flex justify-between items-center",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
            value: horizontalValY,
            type: "number",
            onChange: newVal => {
              sethorizontalVal(newVal);
              props.onChange(newVal + horizontalUnitY + " " + outlinevericalVal, "borderSpacing");
            }
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
              position: "bottom right",
              renderToggle: ({
                isOpen,
                onToggle
              }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
                title: "",
                onClick: onToggle,
                "aria-expanded": isOpen,
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
                  className: " ",
                  children: horizontalUnitY != undefined ? unitArgs[horizontalUnitY].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
                })
              }),
              renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
                className: "w-32",
                children: Object.entries(unitArgs).map(y => {
                  var index = y[0];
                  var x = y[1];
                  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
                    className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
                    onClick: ev => {
                      sethorizontalUnit(x.value);
                      props.onChange(horizontalValY + x.value + " " + outlinevericalVal, "borderSpacing");
                    },
                    children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment, {
                      children: x.label
                    })
                  });
                })
              })
            })
          })]
        })]
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
        className: "my-2",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("label", {
          htmlFor: "",
          children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Verical", "accordions")
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
          className: "flex justify-between items-center",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
            value: vericalValY,
            type: "number",
            onChange: newVal => {
              setvericalVal(newVal);
              props.onChange(outlinehorizontalVal + " " + newVal + vericalUnitY, "borderSpacing");
            }
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
              position: "bottom right",
              renderToggle: ({
                isOpen,
                onToggle
              }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
                title: "",
                onClick: onToggle,
                "aria-expanded": isOpen,
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
                  className: " ",
                  children: vericalUnitY != undefined ? unitArgs[vericalUnitY].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
                })
              }),
              renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
                className: "w-32",
                children: Object.entries(unitArgs).map(y => {
                  var index = y[0];
                  var x = y[1];
                  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
                    className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
                    onClick: ev => {
                      setvericalUnit(x.value);
                      props.onChange(outlinehorizontalVal + " " + vericalValY + x.value, "borderSpacing");
                    },
                    children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment, {
                      children: x.label
                    })
                  });
                })
              })
            })
          })]
        })]
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(horizontalVal + " " + vericalVal + " ", "borderSpacing");
        } else {
          props.onChange(horizontalVal + " " + vericalVal + " " + " !important", "borderSpacing");
        }
      }
    })]
  });
}
class PGcssBorderSpacing extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    var args = {
      fill: {
        label: "fill",
        value: "fill"
      },
      contain: {
        label: "contain",
        value: "contain"
      },
      cover: {
        label: "cover",
        value: "cover"
      },
      "scale-down": {
        label: "scale-down",
        value: "scale-down"
      },
      none: {
        label: "none",
        value: "none"
      }
    };
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(Html, {
        val: val,
        onChange: onChange,
        warn: this.state.showWarning
      })
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssBorderSpacing);

/***/ }),

/***/ "./src/components/css-border-top/index.js":
/*!************************************************!*\
  !*** ./src/components/css-border-top/index.js ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _colors_presets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../colors-presets */ "./src/colors-presets.js");
/* harmony import */ var _components_input_color_picker__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/input-color-picker */ "./src/components/input-color-picker/index.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__);
const {
  Component,
  RawHTML
} = wp.element;







function Html(props) {
  if (!props.warn) {
    return null;
  }
  var valParts = props.val != undefined ? props.val.split(" ") : ["0px", "solid", "#000000"];
  var widthVal = valParts[0] != undefined ? valParts[0] : "0px";
  var styleVal = valParts[1] != undefined ? valParts[1] : "solid";
  var colorVal = valParts[2] != undefined ? valParts[2] : "#000000";
  var outlineStyleArgs = {
    none: {
      label: "None",
      value: "none"
    },
    hidden: {
      label: "Hidden",
      value: "hidden"
    },
    dotted: {
      label: "Dotted",
      value: "dotted"
    },
    dashed: {
      label: "Dashed",
      value: "dashed"
    },
    solid: {
      label: "Solid",
      value: "solid"
    },
    double: {
      label: "Double",
      value: "double"
    },
    groove: {
      label: "Groove",
      value: "groove"
    },
    ridge: {
      label: "Ridge",
      value: "ridge"
    },
    inset: {
      label: "Inset",
      value: "inset"
    },
    outset: {
      label: "Outset",
      value: "outset"
    }
  };
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    // "%": { "label": "%", "value": "%" },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
    // none: { "label": "none", "value": "none" },
    // inherit: { "label": "inherit", "value": "inherit" },
    // initial: { "label": "initial", "value": "initial" },
    // revert: { "label": "revert", "value": "revert" },
    // unset: { "label": "unset", "value": "unset" },
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = widthVal.match(/-?\d+/g) != null ? widthVal.match(/-?\d+/g)[0] : 1;
  var widthUnitX = widthVal.match(/[a-zA-Z%]+/g) != null ? widthVal.match(/[a-zA-Z%]+/g)[0] : "px";
  const [widthValY, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnitY, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  const [outlineWidthVal, setoutlineWidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthVal);
  const [outlineStyleVal, setoutlineStyleVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(styleVal);
  const [outlineColorVal, setoutlineColorVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(colorVal);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
      className: "my-2",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("label", {
        htmlFor: "",
        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Border Width", "accordions")
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
        className: "flex justify-between items-center",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
          value: widthValY,
          type: "number",
          onChange: newVal => {
            setwidthVal(newVal);
            props.onChange(newVal + widthUnitY + " " + styleVal + " " + colorVal, "borderTop");
          }
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
            position: "bottom right",
            renderToggle: ({
              isOpen,
              onToggle
            }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
              title: "",
              onClick: onToggle,
              "aria-expanded": isOpen,
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
                className: " ",
                children: widthUnitY != undefined ? unitArgs[widthUnitY].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
              })
            }),
            renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
              className: "w-32",
              children: Object.entries(unitArgs).map(y => {
                var index = y[0];
                var x = y[1];
                return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
                  className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
                  onClick: ev => {
                    setwidthUnit(x.value);
                    props.onChange(widthValY + x.value + " " + styleVal + " " + colorVal, "borderTop");
                  },
                  children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment, {
                    children: x.label
                  })
                });
              })
            })
          })
        })]
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
      className: "my-2 flex justify-between items-center",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("label", {
        htmlFor: "",
        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Border Style", "accordions")
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom right",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Clear", "accordions"),
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
            className: " ",
            children: outlineStyleVal ? outlineStyleArgs[outlineStyleVal].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
          className: "w-32",
          children: Object.entries(outlineStyleArgs).map(arg => {
            var index = arg[0];
            var x = arg[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                props.onChange(widthVal + " " + x.value + " " + colorVal, "borderTop");
                setoutlineStyleVal(x.value);
              },
              children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
              }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment, {
                children: x.label
              })]
            });
          })
        })
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("label", {
      htmlFor: "",
      children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Border Color", "accordions")
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_components_input_color_picker__WEBPACK_IMPORTED_MODULE_4__["default"], {
      value: outlineColorVal,
      colors: _colors_presets__WEBPACK_IMPORTED_MODULE_3__["default"],
      enableAlpha: true,
      onChange: newVal => {
        props.onChange(widthVal + " " + styleVal + " " + newVal, "borderTop");
        setoutlineColorVal(newVal);
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(widthVal + " " + styleVal + " " + colorVal, "borderTop");
        } else {
          props.onChange(widthVal + " " + styleVal + " " + colorVal + " !important", "borderTop");
        }
      }
    })]
  });
}
class PGcssBorderTop extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(Html, {
        val: val,
        onChange: onChange,
        warn: this.state.showWarning
      })
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssBorderTop);

/***/ }),

/***/ "./src/components/css-border/index.js":
/*!********************************************!*\
  !*** ./src/components/css-border/index.js ***!
  \********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _colors_presets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../colors-presets */ "./src/colors-presets.js");
/* harmony import */ var _components_input_color_picker__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/input-color-picker */ "./src/components/input-color-picker/index.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__);
const {
  Component,
  RawHTML
} = wp.element;







function Html(props) {
  if (!props.warn) {
    return null;
  }
  var valParts = props.val != undefined ? props.val.split(" ") : ["0px", "solid", "#000000"];
  var widthVal = valParts[0] != undefined ? valParts[0] : "0px";
  var styleVal = valParts[1] != undefined ? valParts[1] : "solid";
  var colorVal = valParts[2] != undefined ? valParts[2] : "#000000";
  var outlineStyleArgs = {
    none: {
      label: "None",
      value: "none"
    },
    hidden: {
      label: "Hidden",
      value: "hidden"
    },
    dotted: {
      label: "Dotted",
      value: "dotted"
    },
    dashed: {
      label: "Dashed",
      value: "dashed"
    },
    solid: {
      label: "Solid",
      value: "solid"
    },
    double: {
      label: "Double",
      value: "double"
    },
    groove: {
      label: "Groove",
      value: "groove"
    },
    ridge: {
      label: "Ridge",
      value: "ridge"
    },
    inset: {
      label: "Inset",
      value: "inset"
    },
    outset: {
      label: "Outset",
      value: "outset"
    }
  };
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    // "%": { "label": "%", "value": "%" },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
    // none: { "label": "none", "value": "none" },
    // inherit: { "label": "inherit", "value": "inherit" },
    // initial: { "label": "initial", "value": "initial" },
    // revert: { "label": "revert", "value": "revert" },
    // unset: { "label": "unset", "value": "unset" },
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = widthVal.match(/-?\d+/g) != null ? widthVal.match(/-?\d+/g)[0] : 1;
  var widthUnitX = widthVal.match(/[a-zA-Z%]+/g) != null ? widthVal.match(/[a-zA-Z%]+/g)[0] : "px";
  const [widthValY, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnitY, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  const [outlineWidthVal, setoutlineWidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthVal);
  const [outlineStyleVal, setoutlineStyleVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(styleVal);
  const [outlineColorVal, setoutlineColorVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(colorVal);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
      className: "my-2",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("label", {
        htmlFor: "",
        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Border Width", "accordions")
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
        className: "flex justify-between items-center",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
          value: widthValY,
          type: "number",
          onChange: newVal => {
            setwidthVal(newVal);
            props.onChange(newVal + widthUnitY + " " + styleVal + " " + colorVal, "border");
          }
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
            position: "bottom right",
            renderToggle: ({
              isOpen,
              onToggle
            }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
              title: "",
              onClick: onToggle,
              "aria-expanded": isOpen,
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
                className: " ",
                children: widthUnitY != undefined ? unitArgs[widthUnitY].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
              })
            }),
            renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
              className: "w-32",
              children: Object.entries(unitArgs).map(y => {
                var index = y[0];
                var x = y[1];
                return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
                  className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
                  onClick: ev => {
                    setwidthUnit(x.value);
                    props.onChange(widthValY + x.value + " " + styleVal + " " + colorVal, "border");
                  },
                  children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment, {
                    children: x.label
                  })
                });
              })
            })
          })
        })]
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
      className: "my-2 flex justify-between items-center",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("label", {
        htmlFor: "",
        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Border Style", "accordions")
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom right",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Clear", "accordions"),
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
            className: " ",
            children: outlineStyleVal ? outlineStyleArgs[outlineStyleVal].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
          className: "w-32",
          children: Object.entries(outlineStyleArgs).map(arg => {
            var index = arg[0];
            var x = arg[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                props.onChange(widthVal + " " + x.value + " " + colorVal, "border");
                setoutlineStyleVal(x.value);
              },
              children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
              }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment, {
                children: x.label
              })]
            });
          })
        })
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("label", {
      htmlFor: "",
      children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Border Color", "accordions")
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_components_input_color_picker__WEBPACK_IMPORTED_MODULE_4__["default"], {
      value: outlineColorVal,
      colors: _colors_presets__WEBPACK_IMPORTED_MODULE_3__["default"],
      enableAlpha: true,
      onChange: newVal => {
        props.onChange(widthVal + " " + styleVal + " " + newVal, "border");
        setoutlineColorVal(newVal);
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(widthVal + " " + styleVal + " " + colorVal, "border");
        } else {
          props.onChange(widthVal + " " + styleVal + " " + colorVal + " !important", "border");
        }
      }
    })]
  });
}
class PGcssBorder extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(Html, {
        val: val,
        onChange: onChange,
        warn: this.state.showWarning
      })
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssBorder);

/***/ }),

/***/ "./src/components/css-bottom/index.js":
/*!********************************************!*\
  !*** ./src/components/css-bottom/index.js ***!
  \********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    auto: {
      label: "AUTO",
      value: "auto"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  if (typeof props.val == "object") {
    var valZ = props.val.val + props.val.unit;
  } else {
    var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  }
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  var widthUnitX = valZ == undefined || valZ.match(/[a-zA-Z%]+/g) == null ? "px" : valZ.match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between",
    children: [widthUnit != "auto" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      disabled: widthUnit == "auto" ? true : false,
      onChange: newVal => {
        setwidthVal(newVal);
        if (widthUnit == "auto") {
          // props.onChange(widthUnit, 'width');
          if (isImportant) {
            props.onChange(widthUnit + " !important", "bottom");
          } else {
            props.onChange(widthUnit, "bottom");
          }
        } else {
          //props.onChange(newVal + widthUnit, 'width');
          if (isImportant) {
            props.onChange(newVal + widthUnit + " !important", "bottom");
          } else {
            props.onChange(newVal + widthUnit, "bottom");
          }
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: valZ ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                if (x.value == "auto") {
                  if (isImportant) {
                    props.onChange(x.value + " !important", "bottom");
                  } else {
                    props.onChange(x.value, "bottom");
                  }
                } else {
                  if (isImportant) {
                    props.onChange(widthVal + x.value + " !important", "bottom");
                  } else {
                    props.onChange(widthVal + x.value, "bottom");
                  }
                }
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (widthUnit == "auto") {
            props.onChange(widthUnit, "bottom");
          } else {
            props.onChange(widthVal + widthUnit, "bottom");
          }
        } else {
          if (widthUnit == "auto") {
            props.onChange(widthUnit + " !important", "bottom");
          } else {
            props.onChange(widthVal + widthUnit + " !important", "bottom");
          }
        }
      }
    })]
  });
}
class PGcssBottom extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssBottom);

/***/ }),

/***/ "./src/components/css-box-shadow/index.js":
/*!************************************************!*\
  !*** ./src/components/css-box-shadow/index.js ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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 _colors_presets__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../colors-presets */ "./src/colors-presets.js");
/* 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 _components_input_color_picker__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/input-color-picker */ "./src/components/input-color-picker/index.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/close.js");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _wordpress_hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/hooks */ "@wordpress/hooks");
/* harmony import */ var _wordpress_hooks__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_hooks__WEBPACK_IMPORTED_MODULE_5__);
/* 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__);
const {
  Component,
  RawHTML
} = wp.element;








function Html(props) {
  if (!props.warn) {
    return null;
  }
  let isProFeature = (0,_wordpress_hooks__WEBPACK_IMPORTED_MODULE_5__.applyFilters)("isProFeature", true);
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px 0px 10px 5px #50547d4f" : props.val;
  // var valZ = (props.val == null || props.val == undefined || props.val.length == 0) ? '0px' : props.val;
  var colorNames = ["AliceBlue", "AntiqueWhite", "Aqua", "Aquamarine", "Azure", "Beige", "Bisque", "Black", "BlanchedAlmond", "Blue", "BlueViolet", "Brown", "BurlyWood", "CadetBlue", "Chartreuse", "Chocolate", "Coral", "CornflowerBlue", "Cornsilk", "Crimson", "Cyan", "DarkBlue", "DarkCyan", "DarkGoldenRod", "DarkGray", "DarkGrey", "DarkGreen", "DarkKhaki", "DarkMagenta", "DarkOliveGreen", "Darkorange", "DarkOrchid", "DarkRed", "DarkSalmon", "DarkSeaGreen", "DarkSlateBlue", "DarkSlateGray", "DarkSlateGrey", "DarkTurquoise", "DarkViolet", "DeepPink", "DeepSkyBlue", "DimGray", "DimGrey", "DodgerBlue", "FireBrick", "FloralWhite", "ForestGreen", "Fuchsia", "Gainsboro", "GhostWhite", "Gold", "GoldenRod", "Gray", "Grey", "Green", "GreenYellow", "HoneyDew", "HotPink", "IndianRed", "Indigo", "Ivory", "Khaki", "Lavender", "LavenderBlush", "LawnGreen", "LemonChiffon", "LightBlue", "LightCoral", "LightCyan", "LightGoldenRodYellow", "LightGray", "LightGrey", "LightGreen", "LightPink", "LightSalmon", "LightSeaGreen", "LightSkyBlue", "LightSlateGray", "LightSlateGrey", "LightSteelBlue", "LightYellow", "Lime", "LimeGreen", "Linen", "Magenta", "Maroon", "MediumAquaMarine", "MediumBlue", "MediumOrchid", "MediumPurple", "MediumSeaGreen", "MediumSlateBlue", "MediumSpringGreen", "MediumTurquoise", "MediumVioletRed", "MidnightBlue", "MintCream", "MistyRose", "Moccasin", "NavajoWhite", "Navy", "OldLace", "Olive", "OliveDrab", "Orange", "OrangeRed", "Orchid", "PaleGoldenRod", "PaleGreen", "PaleTurquoise", "PaleVioletRed", "PapayaWhip", "PeachPuff", "Peru", "Pink", "Plum", "PowderBlue", "Purple", "Red", "RosyBrown", "RoyalBlue", "SaddleBrown", "Salmon", "SandyBrown", "SeaGreen", "SeaShell", "Sienna", "Silver", "SkyBlue", "SlateBlue", "SlateGray", "SlateGrey", "Snow", "SpringGreen", "SteelBlue", "Tan", "Teal", "Thistle", "Tomato", "Turquoise", "Violet", "Wheat", "White", "WhiteSmoke", "Yellow", "YellowGreen"];
  var isMulti = valZ.split(",").length > 1 ? true : false;
  var shadows = isMulti ? valZ.split(", ") : [valZ];
  const getBoxShadowObj = boxshadow => {
    var sadhow_arr = [];
    boxshadow.map(arg => {
      var inset = arg.includes("inset");
      var color = "";
      var re = /(rgba|rgb|#|hsla|hsl)/;
      var colorMatch = arg.match(re);
      var colorType = colorMatch != null ? colorMatch[0] : "";
      if (colorType == "hsl") {
        var regex = /hsl\(([^)]+)\)/;
        var matches = arg.match(regex);
        if (matches && matches.length > 1) {
          var extractedValues = matches[1];
          color = "hsl(" + extractedValues + ")";
        }
      } else if (colorType == "hsla") {
        var regex = /hsla\(([^)]+)\)/;
        var matches = arg.match(regex);
        if (matches && matches.length > 1) {
          var extractedValues = matches[1];
          color = "hsla(" + extractedValues + ")";
        }
      } else if (colorType == "rgba") {
        var regex = /rgba\(([^)]+)\)/;
        var matches = arg.match(regex);
        if (matches && matches.length > 1) {
          var extractedValues = matches[1];
          color = "rgba(" + extractedValues + ")";
        }
      } else if (colorType == "rgb") {
        var regex = /rgb\(([^)]+)\)/;
        var matches = arg.match(regex);
        if (matches && matches.length > 1) {
          var extractedValues = matches[1];
          color = "rgb(" + extractedValues + ")";
        }
      } else if (colorType == "#") {
        var regex = /#\w+/;
        var matches = arg.match(regex);
        if (matches) {
          var color = matches[0];
        }
      } else {
        var regexPattern = new RegExp(colorNames.join("|").toLocaleLowerCase(), "g");
        var matches = arg.match(regexPattern);
        if (matches && matches.length > 0) {
          color = matches[0];
        }
      }
      var placement = arg;
      if (inset) {
        placement = placement.replace("inset", "");
      }
      if (color) {
        placement = placement.replace(color, "");
      }
      var placementArr = placement.trim().split(" ");
      if (placementArr.length == 2) {
        var h = placementArr[0];
        var v = placementArr[1];
        var blur = "";
        var spread = "";
      } else if (placementArr.length == 3) {
        var h = placementArr[0];
        var v = placementArr[1];
        var blur = placementArr[2];
        var spread = "";
      } else if (placementArr.length == 4) {
        var h = placementArr[0];
        var v = placementArr[1];
        var blur = placementArr[2];
        var spread = placementArr[3];
      }
      sadhow_arr.push({
        h: h,
        v: v,
        blur: blur,
        spread: spread,
        inset: inset,
        color: color
      });
    });
    return sadhow_arr;
  };
  const [shadowObj, setShadowObj] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)(getBoxShadowObj(shadows));
  // const [shadowObj, setShadowObj] = useState(isProFeature ? shadows[0] :getBoxShadowObj(shadows));
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)(valZ.includes(" !important") ? true : false);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useEffect)(() => {
    //props.onChange(newVal + 'px ' + v + 'px ' + blur + 'px ' + spread + 'px ' + color, 'boxShadow');
    var stringArr = [];
    shadowObj.map((shadow, index) => {
      var h = shadow.h;
      var v = shadow.v;
      var blur = shadow.blur;
      var spread = shadow.spread;
      var inset = shadow.inset ? "inset" : "";
      var color = shadow.color;
      var item = [h, v, blur, spread, color, inset];
      var filtered = item.filter(function (el) {
        return el;
      });
      stringArr.push(filtered.join(" "));
    });
    stringArr = stringArr.join(",  ");
    if (isImportant) {
      stringArr = stringArr + " !important";
    } else {
      stringArr = stringArr;
    }
    props.onChange(stringArr, "boxShadow");
  }, [shadowObj, isImportant]);
  var unitArgs = [{
    label: "PX",
    value: "px"
  }, {
    label: "EM",
    value: "em"
  }, {
    label: "REM",
    value: "rem"
  }, {
    label: "%",
    value: "%"
  }, {
    label: "CM",
    value: "cm"
  }, {
    label: "MM",
    value: "mm"
  }, {
    label: "IN",
    value: "in"
  }, {
    label: "PT",
    value: "pt"
  }, {
    label: "PC",
    value: "pc"
  }, {
    label: "EX",
    value: "ex"
  }, {
    label: "CH",
    value: "ch"
  }, {
    label: "VW",
    value: "vw"
  }, {
    label: "VH",
    value: "vh"
  }, {
    label: "VMIN",
    value: "vmin"
  }, {
    label: "VMAX",
    value: "vmax"
  }];
  const [proText, setProText] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)(false);
  const handleClick = () => {
    setProText(true);
    setTimeout(() => {
      setProText(false);
    }, 5000);
  };
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("button", {
      className: "pg-font flex gap-2 justify-center my-2 cursor-pointer py-2 px-4 capitalize  bg-gray-700 text-white font-medium rounded hover:bg-gray-600 hover:text-white focus:outline-none focus:bg-gray-700",
      onClick: () => {
        if (isProFeature) {
          handleClick();
          return;
        }
        var shadowObjX = [...shadowObj];
        shadowObjX.push({
          h: "0px",
          v: "0px",
          blur: "10px",
          spread: "5px",
          inset: false,
          color: "#50547d4f"
        });
        setShadowObj(shadowObjX);
      },
      children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Add", "accordions")
    }), proText && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("a", {
      href: "https://comboblocks.com/pricing/",
      className: "pg-text-color block py-2 px-1",
      children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Subscribe to add multiple shadows.", "accordions")
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
      children: [shadowObj.map((shadow, index) => {
        var h = shadow.h;
        var v = shadow.v;
        var blur = shadow.blur;
        var spread = shadow.spread;
        var inset = shadow.inset;
        var color = shadow.color;
        var hVal = h.match(/-?\d+/g) == null ? 0 : h.match(/-?\d+/g)[0];
        var hUnit = h.match(/[a-zA-Z%]+/g) == null ? "px" : h.match(/[a-zA-Z%]+/g)[0];
        var vVal = v.match(/-?\d+/g) == null ? 0 : v.match(/-?\d+/g)[0];
        var vUnit = v.match(/[a-zA-Z%]+/g) == null ? "px" : v.match(/[a-zA-Z%]+/g)[0];
        var blurVal = blur.match(/-?\d+/g) == null ? 0 : blur.match(/-?\d+/g)[0];
        var blurUnit = blur.match(/[a-zA-Z%]+/g) == null ? "px" : blur.match(/[a-zA-Z%]+/g)[0];
        var spreadVal = spread.match(/-?\d+/g) == null ? 0 : spread.match(/-?\d+/g)[0];
        var spreadUnit = spread.match(/[a-zA-Z%]+/g) == null ? "px" : spread.match(/[a-zA-Z%]+/g)[0];
        return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelBody, {
          className: "font-medium text-slate-900 ",
          title: /*#__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)("span", {
              className: "cursor-pointer hover:bg-red-500 hover:text-white ",
              onClick: ev => {
                var shadowObjX = [...shadowObj];
                shadowObjX.splice(index, 1);
                setShadowObj(shadowObjX);
              },
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_7__["default"], {
                icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"]
              })
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
              children: h + " " + v + " " + blur + " " + spread + " " + color + " " + (inset ? "inset" : "")
            })]
          })
          // title={
          // 	h +
          // 	" " +
          // 	v +
          // 	" " +
          // 	blur +
          // 	" " +
          // 	spread +
          // 	" " +
          // 	color +
          // 	" " +
          // 	(inset ? "inset" : "")
          // }
          ,
          initialOpen: false,
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("label", {
              htmlFor: "",
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("H-Offset", "accordions")
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalInputControl, {
              value: hVal,
              type: "number",
              onChange: newVal => {
                var shadowObjX = [...shadowObj];
                shadowObjX[index].h = newVal + hUnit;
                setShadowObj(shadowObjX);
              }
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
              label: "",
              value: hUnit,
              options: unitArgs,
              onChange: newVal => {
                var shadowObjX = [...shadowObj];
                shadowObjX[index].h = hVal + newVal;
                setShadowObj(shadowObjX);
              }
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("label", {
              htmlFor: "",
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("V-Offset", "accordions")
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalInputControl, {
              value: vVal,
              type: "number",
              onChange: newVal => {
                var shadowObjX = [...shadowObj];
                shadowObjX[index].v = newVal + vUnit;
                setShadowObj(shadowObjX);
              }
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
              label: "",
              value: vUnit,
              options: unitArgs,
              onChange: newVal => {
                var shadowObjX = [...shadowObj];
                shadowObjX[index].v = vVal + newVal;
                setShadowObj(shadowObjX);
              }
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("label", {
              htmlFor: "",
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Blur", "accordions")
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalInputControl, {
              value: blurVal,
              type: "number",
              onChange: newVal => {
                var shadowObjX = [...shadowObj];
                shadowObjX[index].blur = newVal + blurUnit;
                setShadowObj(shadowObjX);
              }
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
              label: "",
              value: blurUnit,
              options: unitArgs,
              onChange: newVal => {
                var shadowObjX = [...shadowObj];
                shadowObjX[index].blur = blurVal + newVal;
                setShadowObj(shadowObjX);
              }
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("label", {
              htmlFor: "",
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Spread", "accordions")
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalInputControl, {
              value: spreadVal,
              type: "number",
              onChange: newVal => {
                var shadowObjX = [...shadowObj];
                shadowObjX[index].spread = newVal + spreadUnit;
                setShadowObj(shadowObjX);
              }
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
              label: "",
              value: spreadUnit,
              options: unitArgs,
              onChange: newVal => {
                var shadowObjX = [...shadowObj];
                shadowObjX[index].spread = spreadVal + newVal;
                setShadowObj(shadowObjX);
              }
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("label", {
              htmlFor: "",
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Color", "accordions")
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_components_input_color_picker__WEBPACK_IMPORTED_MODULE_3__["default"], {
            value: color,
            colors: _colors_presets__WEBPACK_IMPORTED_MODULE_1__["default"],
            enableAlpha: true,
            onChange: newVal => {
              var shadowObjX = [...shadowObj];
              shadowObjX[index].color = newVal;
              setShadowObj(shadowObjX);
            }
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.ToggleControl, {
            help: inset ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Inset Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Inset ?", "accordions"),
            checked: inset,
            onChange: arg => {
              var shadowObjX = [...shadowObj];
              if (inset) {
                shadowObjX[index].inset = false;
              } else {
                shadowObjX[index].inset = true;
              }
              setShadowObj(shadowObjX);
            }
          })]
        });
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.ToggleControl, {
        help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
        checked: isImportant,
        onChange: arg => {
          setImportant(isImportant => !isImportant);
        }
      })]
    })]
  });
}
class PGcssBoxShadow extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(Html, {
        val: val,
        onChange: onChange,
        warn: this.state.showWarning
      })
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssBoxShadow);

/***/ }),

/***/ "./src/components/css-box-sizing/index.js":
/*!************************************************!*\
  !*** ./src/components/css-box-sizing/index.js ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    "border-box": {
      label: "border-box",
      value: "border-box"
    },
    "content-box": {
      label: "content-box",
      value: "content-box"
    }
    // none: { "label": "none", "value": "none" },
    // inherit: { "label": "inherit", "value": "inherit" },
    // initial: { "label": "initial", "value": "initial" },
    // revert: { "label": "revert", "value": "revert" },
    // unset: { "label": "unset", "value": "unset" },
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Box Sizing", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'boxSizing');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "boxSizing");
              } else {
                props.onChange(x.value, "boxSizing");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "boxSizing");
        } else {
          props.onChange(align + " !important", "boxSizing");
        }
      }
    })]
  });
}
class PGcssBoxSizing extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssBoxSizing);

/***/ }),

/***/ "./src/components/css-caption-side/index.js":
/*!**************************************************!*\
  !*** ./src/components/css-caption-side/index.js ***!
  \**************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    top: {
      label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Top", "accordions"),
      value: "top"
    },
    bottom: {
      label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Bottom", "accordions"),
      value: "bottom"
    },
    inherit: {
      label: "inherit",
      value: "inherit"
    },
    initial: {
      label: "initial",
      value: "initial"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Empty Cells", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // props.onChange(x.value, 'captionSide');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "captionSide");
              } else {
                props.onChange(x.value, "captionSide");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "captionSide");
        } else {
          props.onChange(align + " !important", "captionSide");
        }
      }
    })]
  });
}
class PGcssCaptionSide extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssCaptionSide);

/***/ }),

/***/ "./src/components/css-clear/index.js":
/*!*******************************************!*\
  !*** ./src/components/css-clear/index.js ***!
  \*******************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    none: {
      label: "None",
      value: "none"
    },
    left: {
      label: "Left",
      value: "left"
    },
    right: {
      label: "Right",
      value: "right"
    },
    both: {
      label: "Both",
      value: "both"
    },
    "inline-end": {
      label: "inline-end",
      value: "inline-end"
    },
    "inline-start": {
      label: "inline-start",
      value: "inline-start"
    }
    // inherit: { "label": "inherit", "value": "inherit" },
    // initial: { "label": "initial", "value": "initial" },
    // revert: { "label": "revert", "value": "revert" },
    // unset: { "label": "unset", "value": "unset" },
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Clear", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'clear');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "clear");
              } else {
                props.onChange(x.value, "clear");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "clear");
        } else {
          props.onChange(align + " !important", "clear");
        }
      }
    })]
  });
}
class PGcssClear extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssClear);

/***/ }),

/***/ "./src/components/css-clip/index.js":
/*!******************************************!*\
  !*** ./src/components/css-clip/index.js ***!
  \******************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _colors_presets__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../colors-presets */ "./src/colors-presets.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__);
const {
  Component,
  RawHTML
} = wp.element;









function Html(props) {
  if (!props.warn) {
    return null;
  }
  var valZ = props.val;
  if (typeof props.val == 'object') {
    var topX = props.val.top;
    var rightX = props.val.right;
    var bottomX = props.val.bottom;
    var leftX = props.val.left;
  } else {
    var valParts = props.val != undefined ? props.val.split(" ") : ['5px', '5px', '5px', '5px'];
    var topX = valParts[0];
    var rightX = valParts[1];
    var bottomX = valParts[2];
    var leftX = valParts[3];
  }
  const [valX, setvalX] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)({
    top: topX,
    right: rightX,
    bottom: bottomX,
    left: leftX
  });
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalBoxControl, {
      label: "",
      values: valX,
      onChange: nextValues => {
        setvalX({
          top: nextValues.top,
          right: nextValues.right,
          bottom: nextValues.bottom,
          left: nextValues.left
        });
        //nextValues.top + ' ' + nextValues.right + ' ' + nextValues.bottom + ' ' + nextValues.left
        props.onChange(nextValues.top + ' ' + nextValues.right + ' ' + nextValues.bottom + ' ' + nextValues.left, 'clip');
      }
    })
  });
}
class PGcssClip extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssClip);

/***/ }),

/***/ "./src/components/css-color/index.js":
/*!*******************************************!*\
  !*** ./src/components/css-color/index.js ***!
  \*******************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _colors_presets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../colors-presets */ "./src/colors-presets.js");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__);
const {
  Component
} = wp.element;






function Html(props) {
  if (!props.warn) {
    return null;
  }
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)(props.val.split(" "));
  const [val, setval] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)(valArgs[1] == undefined ? false : true);
  const [customColor, setCustomColor] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)([]);
  const [newColorPreset, setNewColorPreset] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)([]);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useEffect)(() => {
    const transformedColors = customColor.map((color, index) => {
      const name = color.substring(1).toUpperCase();
      const upperCaseColor = color.toUpperCase();
      return {
        name,
        color: upperCaseColor
      };
    });
    // const newColor = transformedColors.concat(
    // 	colorsPresets.slice(0, 6 - transformedColors.length)
    // );
    let newColor;
    if (transformedColors.length >= 6) {
      newColor = transformedColors;
    } else {
      newColor = transformedColors.concat(_colors_presets__WEBPACK_IMPORTED_MODULE_2__["default"].slice(0, 6 - transformedColors.length));
    }
    setNewColorPreset(newColor);
  }, [customColor]);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
      className: "p-2 relative",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, {
        className: "mb-2",
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
          label: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
          checked: isImportant,
          className: "!mb-0",
          onChange: arg => {
            setImportant(isImportant => !isImportant);
            if (isImportant) {
              props.onChange(val, "color");
            } else {
              props.onChange(val + " !important", "color");
            }
          }
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ColorPalette, {
        value: val,
        colors: newColorPreset,
        enableAlpha: true,
        onChange: newVal => {
          //props.onChange(newVal, 'color');
          setval(newVal);
          if (isImportant) {
            props.onChange(newVal + " !important", "color");
          } else {
            props.onChange(newVal, "color");
          }
        }
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, {
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("label", {
          htmlFor: "",
          children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Global Value", "accordions")
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
          label: "",
          value: val,
          options: [{
            label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Choose", "accordions"),
            value: ""
          }, {
            label: "Inherit",
            value: "inherit"
          }, {
            label: "Initial",
            value: "initial"
          }, {
            label: "Revert",
            value: "revert"
          }, {
            label: "Revert-layer",
            value: "revert-layer"
          }, {
            label: "Unset",
            value: "unset"
          }],
          onChange: newVal => {
            setval(newVal);
            if (isImportant) {
              props.onChange(newVal + " !important", "color");
            } else {
              props.onChange(newVal, "color");
            }
          }
        })]
      })]
    })
  });
}
class PGcssColor extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      enableAlpha,
      onChange,
      label
    } = this.props;
    var colorVal = val.replace(" !important", "");
    var placeholderStyle = {
      backgroundImage: "repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0),repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0)",
      backgroundPosition: "0 0,25px 25px",
      backgroundSize: "50px 50px",
      boxShadow: "inset 0 0 0 1px rgb(0 0 0 / 20%)",
      cursor: "pointer"
    };
    var defaultbtnStyle = {
      backgroundImage: "repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0),repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0)",
      backgroundPosition: "0 0,25px 25px",
      backgroundSize: "50px 50px",
      boxShadow: "inset 0 0 0 1px rgb(0 0 0 / 20%)",
      cursor: "pointer"
    };
    var btnStyle = {
      backgroundColor: val,
      boxShadow: "inset 0 0 0 1px rgb(0 0 0 / 20%)",
      cursor: "pointer"
    };
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(Html, {
        enableAlpha: enableAlpha,
        val: val,
        onChange: onChange,
        warn: this.state.showWarning,
        handleToggleClick: this.handleToggleClick
      })
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssColor);

/***/ }),

/***/ "./src/components/css-column-count/index.js":
/*!**************************************************!*\
  !*** ./src/components/css-column-count/index.js ***!
  \**************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "mt-4",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: align,
      type: "number",
      onChange: newVal => {
        //setwidthVal(newVal);
        setalign(newVal);
        if (isImportant) {
          props.onChange(newVal + " !important", "columnCount");
        } else {
          props.onChange(newVal, "columnCount");
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "columnCount");
        } else {
          props.onChange(align + " !important", "columnCount");
        }
      }
    })]
  });
}
class PGcssColumnCount extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssColumnCount);

/***/ }),

/***/ "./src/components/css-column-gap/index.js":
/*!************************************************!*\
  !*** ./src/components/css-column-gap/index.js ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    auto: {
      label: "AUTO",
      value: "auto"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  var widthUnitX = valZ == undefined || valZ.match(/[a-zA-Z%]+/g) == null ? "px" : valZ.match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between",
    children: [widthUnit != "auto" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      disabled: widthUnit == "auto" ? true : false,
      onChange: newVal => {
        setwidthVal(newVal);
        if (widthUnit == "auto") {
          // props.onChange(widthUnit, 'width');
          if (isImportant) {
            props.onChange(widthUnit + " !important", "columnGap");
          } else {
            props.onChange(widthUnit, "columnGap");
          }
        } else {
          //props.onChange(newVal + widthUnit, 'columnGap');
          if (isImportant) {
            props.onChange(newVal + widthUnit + " !important", "columnGap");
          } else {
            props.onChange(newVal + widthUnit, "columnGap");
          }
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom left",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: valZ ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32 pg-font",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                if (x.value == "auto") {
                  if (isImportant) {
                    props.onChange(x.value + " !important", "columnGap");
                  } else {
                    props.onChange(x.value, "columnGap");
                  }
                } else {
                  if (isImportant) {
                    props.onChange(widthVal + x.value + " !important", "columnGap");
                  } else {
                    props.onChange(widthVal + x.value, "columnGap");
                  }
                }
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (widthUnit == "auto") {
            props.onChange(widthUnit, "columnGap");
          } else {
            props.onChange(widthVal + widthUnit, "columnGap");
          }
        } else {
          if (widthUnit == "auto") {
            props.onChange(widthUnit + " !important", "columnGap");
          } else {
            props.onChange(widthVal + widthUnit + " !important", "columnGap");
          }
        }
      }
    })]
  });
}
class PGcssColumnGap extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssColumnGap);

/***/ }),

/***/ "./src/components/css-column-rule/index.js":
/*!*************************************************!*\
  !*** ./src/components/css-column-rule/index.js ***!
  \*************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _colors_presets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../colors-presets */ "./src/colors-presets.js");
/* harmony import */ var _components_input_color_picker__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/input-color-picker */ "./src/components/input-color-picker/index.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__);
const {
  Component,
  RawHTML
} = wp.element;







function Html(props) {
  if (!props.warn) {
    return null;
  }
  var valParts = props.val.length == 0 || props.val == undefined ? ["0px", "solid", "#000000", ""] : props.val.split(" ");
  var widthVal = valParts[0] != undefined ? valParts[0] : "0px";
  var styleVal = valParts[1] != undefined ? valParts[1] : "solid";
  var colorVal = valParts[2] != undefined ? valParts[2] : "#000000";
  var importantVal = valParts[3] != undefined ? valParts[3] : "";
  var outlineStyleArgs = {
    none: {
      label: "None",
      value: "none"
    },
    hidden: {
      label: "Hidden",
      value: "hidden"
    },
    dotted: {
      label: "Dotted",
      value: "dotted"
    },
    dashed: {
      label: "Dashed",
      value: "dashed"
    },
    solid: {
      label: "Solid",
      value: "solid"
    },
    double: {
      label: "Double",
      value: "double"
    },
    groove: {
      label: "Groove",
      value: "groove"
    },
    ridge: {
      label: "Ridge",
      value: "ridge"
    },
    inset: {
      label: "Inset",
      value: "inset"
    },
    outset: {
      label: "Outset",
      value: "outset"
    }
  };
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    auto: {
      label: "AUTO",
      value: "auto"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  var widthValX = widthVal.match(/-?\d+/g) != null ? widthVal.match(/-?\d+/g)[0] : 1;
  var widthUnitX = widthVal.match(/[a-zA-Z%]+/g) != null ? widthVal.match(/[a-zA-Z%]+/g)[0] : "px";
  const [widthValY, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnitY, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [outlineimportantVal, setoutlineimportantVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(importantVal.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
      className: "my-2",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("label", {
        htmlFor: "",
        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Width", "accordions")
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
        className: "flex justify-between items-center",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
          value: widthValY,
          type: "number",
          onChange: newVal => {
            setwidthVal(newVal);
            if (outlineimportantVal) {
              props.onChange(newVal + widthUnitY + " " + styleVal + " " + colorVal + " " + "!important", "columnRule");
            } else {
              props.onChange(newVal + widthUnitY + " " + styleVal + " " + colorVal, "columnRule");
            }
          }
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
            position: "bottom right",
            renderToggle: ({
              isOpen,
              onToggle
            }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
              title: "",
              onClick: onToggle,
              "aria-expanded": isOpen,
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
                className: " ",
                children: unitArgs[widthUnitY] == undefined ? "Select..." : unitArgs[widthUnitY].label
              })
            }),
            renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
              className: "w-32",
              children: Object.entries(unitArgs).map(y => {
                var index = y[0];
                var x = y[1];
                return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
                  className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
                  onClick: ev => {
                    setwidthUnit(x.value);
                    if (outlineimportantVal) {
                      props.onChange(widthValY + x.value + " " + styleVal + " " + colorVal + " " + "!important", "columnRule");
                    } else {
                      props.onChange(widthValY + x.value + " " + styleVal + " " + colorVal, "columnRule");
                    }
                  },
                  children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment, {
                    children: x.label
                  })
                });
              })
            })
          })
        })]
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
      className: "my-2 flex justify-between items-center",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("label", {
        htmlFor: "",
        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Style", "accordions")
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom right",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Clear", "accordions"),
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
            className: " ",
            children: outlineStyleArgs[styleVal] == undefined ? "Select..." : outlineStyleArgs[styleVal].label
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
          className: "w-32",
          children: Object.entries(outlineStyleArgs).map(arg => {
            var index = arg[0];
            var x = arg[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                if (outlineimportantVal) {
                  props.onChange(widthVal + " " + x.value + " " + colorVal + " " + "!important", "columnRule");
                } else {
                  props.onChange(widthVal + " " + x.value + " " + colorVal, "columnRule");
                }
              },
              children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
              }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment, {
                children: x.label
              })]
            });
          })
        })
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("label", {
      htmlFor: "",
      children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Color", "accordions")
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_components_input_color_picker__WEBPACK_IMPORTED_MODULE_4__["default"], {
      value: colorVal,
      colors: _colors_presets__WEBPACK_IMPORTED_MODULE_3__["default"],
      enableAlpha: true,
      onChange: newVal => {
        if (outlineimportantVal) {
          props.onChange(widthVal + " " + styleVal + " " + newVal + " " + "!important", "columnRule");
        } else {
          props.onChange(widthVal + " " + styleVal + " " + newVal, "columnRule");
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: outlineimportantVal ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: outlineimportantVal,
      onChange: arg => {
        setoutlineimportantVal(outlineimportantVal => !outlineimportantVal);
        if (outlineimportantVal) {
          props.onChange(widthVal + " " + styleVal + " " + colorVal, "columnRule");
        } else {
          props.onChange(widthVal + " " + styleVal + " " + colorVal + " " + "!important", "columnRule");
        }
      }
    })]
  });
}
class PGcssColumnRule extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(Html, {
        val: val,
        onChange: onChange,
        warn: this.state.showWarning
      })
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssColumnRule);

/***/ }),

/***/ "./src/components/css-content/index.js":
/*!*********************************************!*\
  !*** ./src/components/css-content/index.js ***!
  \*********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var content = props.val == null || props.val == undefined ? " " : props.val;
  content = props.val.replaceAll('"', "");
  content = content.replaceAll("u2018", "'");
  content = content.replaceAll("u0022", "");
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
    className: "mt-4",
    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: content,
      type: "text",
      onChange: newVal => {
        if (newVal.includes("attr")) {
          newVal = newVal.replaceAll('"', "u0022");
          newVal = newVal.replaceAll('"', "u2018");
          props.onChange(newVal, "content");
        }
        //setwidthVal(newVal);
        else {
          newVal = newVal.replaceAll('"', "u0022");
          newVal = newVal.replaceAll("'", "u2018");
          newVal = 'u0022' + newVal + 'u0022';
          console.log(newVal);
          props.onChange(newVal, "content");
        }
      }
    })
  });
}
class PGcssContent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssContent);

/***/ }),

/***/ "./src/components/css-counter-increment/index.js":
/*!*******************************************************!*\
  !*** ./src/components/css-counter-increment/index.js ***!
  \*******************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var content = props.val == null || props.val == undefined ? '' : props.val.replaceAll('"', '');
  content = content.replaceAll('u0022', '');
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
    className: "mt-4",
    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: content,
      type: "text",
      onChange: newVal => {
        //setwidthVal(newVal);
        props.onChange('"' + newVal + '"', 'counterIncrement');
      }
    })
  });
}
class PGcssCounterIncrement extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssCounterIncrement);

/***/ }),

/***/ "./src/components/css-counter-reset/index.js":
/*!***************************************************!*\
  !*** ./src/components/css-counter-reset/index.js ***!
  \***************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var content = props.val == null || props.val == undefined ? '' : props.val.replaceAll('"', '');
  content = content.replaceAll('u0022', '');
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
    className: "mt-4",
    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: content,
      type: "text",
      onChange: newVal => {
        //setwidthVal(newVal);
        props.onChange('"' + newVal + '"', 'counterReset');
      }
    })
  });
}
class PGcssCounterReset extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssCounterReset);

/***/ }),

/***/ "./src/components/css-counter-set/index.js":
/*!*************************************************!*\
  !*** ./src/components/css-counter-set/index.js ***!
  \*************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var content = props.val == null || props.val == undefined ? '' : props.val.replaceAll('"', '');
  content = content.replaceAll('u0022', '');
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
    className: "mt-4",
    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: content,
      type: "text",
      onChange: newVal => {
        //setwidthVal(newVal);
        props.onChange('"' + newVal + '"', 'counterSet');
      }
    })
  });
}
class PGcssCounterSet extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssCounterSet);

/***/ }),

/***/ "./src/components/css-cursor/index.js":
/*!********************************************!*\
  !*** ./src/components/css-cursor/index.js ***!
  \********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    auto: {
      label: "auto",
      value: "auto"
    },
    pointer: {
      label: "pointer",
      value: "pointer"
    },
    progress: {
      label: "progress",
      value: "progress"
    },
    alias: {
      label: "alias",
      value: "alias"
    },
    cell: {
      label: "cell",
      value: "cell"
    },
    copy: {
      label: "copy",
      value: "copy"
    },
    crosshair: {
      label: "crosshair",
      value: "crosshair"
    },
    default: {
      label: "default",
      value: "default"
    },
    grab: {
      label: "grab",
      value: "grab"
    },
    grabbing: {
      label: "grabbing",
      value: "grabbing"
    },
    help: {
      label: "help",
      value: "help"
    },
    move: {
      label: "move",
      value: "move"
    },
    "col-resize": {
      label: "col-resize",
      value: "col-resize"
    },
    "context-menu": {
      label: "context-menu",
      value: "context-menu"
    },
    "e-resize": {
      label: "e-resize",
      value: "e-resize"
    },
    "ew-resize": {
      label: "ew-resize",
      value: "ew-resize"
    },
    "n-resize": {
      label: "n-resize",
      value: "n-resize"
    },
    "ne-resize": {
      label: "ne-resize",
      value: "ne-resize"
    },
    "nesw-resize": {
      label: "nesw-resize",
      value: "nesw-resize"
    },
    "ns-resize": {
      label: "ns-resize",
      value: "ns-resize"
    },
    "nw-resize": {
      label: "nw-resize",
      value: "nw-resize"
    },
    "nwse-resize": {
      label: "nwse-resize",
      value: "nwse-resize"
    },
    "no-drop": {
      label: "no-drop",
      value: "no-drop"
    },
    none: {
      label: "none",
      value: "none"
    },
    "not-allowed": {
      label: "not-allowed",
      value: "not-allowed"
    },
    "row-resize": {
      label: "row-resize",
      value: "row-resize"
    },
    "s-resize;": {
      label: "s-resize;",
      value: "s-resize;"
    },
    "se-resize": {
      label: "se-resize",
      value: "se-resize"
    },
    "sw-resize": {
      label: "sw-resize",
      value: "sw-resize"
    },
    text: {
      label: "text",
      value: "text"
    },
    "w-resize": {
      label: "w-resize",
      value: "w-resize"
    },
    wait: {
      label: "wait",
      value: "wait"
    },
    "zoom-in": {
      label: "zoom-in",
      value: "zoom-in"
    },
    "zoom-out": {
      label: "zoom-out",
      value: "zoom-out"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: "",
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'cursor');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "cursor");
              } else {
                props.onChange(x.value, "cursor");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "cursor");
        } else {
          props.onChange(align + " !important", "cursor");
        }
      }
    })]
  });
}
class PGcssCursor extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssCursor);

/***/ }),

/***/ "./src/components/css-direction/index.js":
/*!***********************************************!*\
  !*** ./src/components/css-direction/index.js ***!
  \***********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    ltr: {
      label: "ltr",
      value: "ltr"
    },
    rtl: {
      label: "rtl",
      value: "rtl"
    },
    revert: {
      label: "revert",
      value: "revert"
    },
    unset: {
      label: "unset",
      value: "unset"
    },
    initial: {
      label: "initial",
      value: "initial"
    },
    inherit: {
      label: "inherit",
      value: "inherit"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Align Content", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'direction');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "direction");
              } else {
                props.onChange(x.value, "direction");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "direction");
        } else {
          props.onChange(align + " !important", "direction");
        }
      }
    })]
  });
}
class PGcssDirection extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssDirection);

/***/ }),

/***/ "./src/components/css-display/index.js":
/*!*********************************************!*\
  !*** ./src/components/css-display/index.js ***!
  \*********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    none: {
      label: "None",
      value: "none"
    },
    block: {
      label: "Block",
      value: "block"
    },
    inline: {
      label: "Inline",
      value: "inline"
    },
    "inline-block": {
      label: "Inline Block",
      value: "inline-block"
    },
    grid: {
      label: "Grid",
      value: "grid"
    },
    flex: {
      label: "Flex",
      value: "flex"
    },
    contents: {
      label: "contents",
      value: "contents"
    },
    "inline-flex": {
      label: "inline-flex",
      value: "inline-flex"
    },
    "inline-grid": {
      label: "inline-grid",
      value: "inline-grid"
    },
    "inline-table": {
      label: "inline-table",
      value: "inline-table"
    },
    "list-item": {
      label: "list-item",
      value: "list-item"
    },
    // 'run-in': { "label": "run-in", "value": "run-in" },
    table: {
      label: "table",
      value: "table"
    },
    "table-caption": {
      label: "table-caption",
      value: "table-caption"
    },
    "table-column-group": {
      label: "table-column-group",
      value: "table-column-group"
    },
    "table-header-group": {
      label: "table-header-group",
      value: "table-header-group"
    },
    "table-footer-group": {
      label: "table-footer-group",
      value: "table-footer-group"
    },
    "table-row-group": {
      label: "table-row-group",
      value: "table-row-group"
    },
    "table-cell": {
      label: "table-cell",
      value: "table-cell"
    },
    "table-column": {
      label: "table-column",
      value: "table-column"
    },
    "table-row": {
      label: "table-row",
      value: "table-row"
    },
    "flow-root": {
      label: "flow-root",
      value: "flow-root"
    },
    "inline-grid": {
      label: "inline-grid",
      value: "inline-grid"
    },
    initial: {
      label: "initial",
      value: "initial"
    },
    inherit: {
      label: "inherit",
      value: "inherit"
    },
    revert: {
      label: "revert",
      value: "revert"
    },
    unset: {
      label: "unset",
      value: "unset"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom left",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: "",
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'display');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "display");
              } else {
                props.onChange(x.value, "display");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "display");
        } else {
          props.onChange(align + " !important", "display");
        }
      }
    })]
  });
}
class PGcssDisplay extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssDisplay);

/***/ }),

/***/ "./src/components/css-empty-cells/index.js":
/*!*************************************************!*\
  !*** ./src/components/css-empty-cells/index.js ***!
  \*************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    show: {
      label: "Show",
      value: "show"
    },
    hide: {
      label: "Hide",
      value: "hide"
    },
    inherit: {
      label: "inherit",
      value: "inherit"
    },
    initial: {
      label: "initial",
      value: "initial"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Empty Cells", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // props.onChange(x.value, 'emptyCells');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "emptyCells");
              } else {
                props.onChange(x.value, "emptyCells");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "emptyCells");
        } else {
          props.onChange(align + " !important", "emptyCells");
        }
      }
    })]
  });
}
class PGcssEmptyCells extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssEmptyCells);

/***/ }),

/***/ "./src/components/css-filter/index.js":
/*!********************************************!*\
  !*** ./src/components/css-filter/index.js ***!
  \********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _components_dropdown__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/dropdown */ "./src/components/dropdown/index.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 {
  Component
} = wp.element;







function Html(props) {
  if (!props.warn) {
    return null;
  }
  var valParts = props.val == null || props.val == undefined || props.val.length == 0 ? [] : props.val.split(" ");
  var [valArgs, setvalArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)([]);
  function addFilter(option, index) {
    var isExist = valArgs.find(x => x.id === option.value);
    if (isExist == undefined) {
      var obj = {};
      obj['id'] = option.value;
      obj['val'] = option.val;
      valArgs.push(obj);
      var str = '';
      valArgs.map(x => {
        if (x.id == 'blur') {
          str += x.id + '(' + x.val + 'px) ';
        } else if (x.id == 'hue-rotate') {
          str += x.id + '(' + x.val + 'deg) ';
        } else {
          str += x.id + '(' + x.val + '%) ';
        }
      });
      props.onChange(str, 'filter');
    }
  }
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() => {
    var filtered = valParts.filter(Boolean);
    var res = filtered.map(x => {
      if (x.length != 0) {
        var argVal = x != undefined ? x.match(/-?\d+/g)[0] : 1;
        var argId = x != undefined ? x.match(/[a-zA-Z]+/g)[0] : '';
        return {
          id: argId,
          val: argVal
        };
      }
    });
    setvalArgs(res);
  }, [props.val]);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() => {}, [valArgs]);
  const [filterArgs, setfilterArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)({
    blur: {
      label: 'Blur',
      value: 'blur',
      val: '1',
      unit: 'px'
    },
    brightness: {
      label: 'Brightness',
      value: 'brightness',
      val: '10',
      unit: '%'
    },
    contrast: {
      label: 'Contrast',
      value: 'contrast',
      val: '10',
      unit: '%'
    },
    grayscale: {
      label: 'Grayscale',
      value: 'grayscale',
      val: '10',
      unit: '%'
    },
    'hue-rotate': {
      label: 'Hue-rotate',
      value: 'hue-rotate',
      val: '10',
      unit: 'deg'
    },
    invert: {
      label: 'Invert',
      value: 'invert',
      val: '10',
      unit: '%'
    },
    opacity: {
      label: 'Opacity',
      value: 'opacity',
      val: '10',
      unit: '%'
    },
    saturate: {
      label: 'Saturate',
      value: 'saturate',
      val: '10',
      unit: '%'
    },
    sepia: {
      label: 'Sepia',
      value: 'sepia',
      val: '10',
      unit: '%'
    }
  });
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
    className: "mt-4",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
      className: "flex",
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_components_dropdown__WEBPACK_IMPORTED_MODULE_3__["default"], {
        position: "bottom right",
        variant: "secondary",
        options: filterArgs,
        buttonTitle: "Add Filter",
        onChange: addFilter,
        values: ""
      })
    }), valArgs != undefined && valArgs.map((arg, i) => {
      return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
        className: "flex my-3 items-center justify-between",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("label", {
          htmlFor: "",
          children: filterArgs[arg.id] != undefined ? filterArgs[arg.id].label : arg.id
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
          className: "flex",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
            value: arg.val,
            type: "number",
            min: 0,
            max: 100,
            onChange: newVal => {
              valArgs[i].val = newVal;
              // setvalArgs(valArgs);
              var str = '';
              valArgs.map(x => {
                if (x.id == 'blur') {
                  str += x.id + '(' + x.val + 'px) ';
                } else if (x.id == 'hue-rotate') {
                  str += x.id + '(' + x.val + 'deg) ';
                } else {
                  str += x.id + '(' + x.val + '%) ';
                }
              });
              props.onChange(str, 'filter');
            }
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", {
            className: "hover:bg-red-500 bg-red-400 text-white ml-1 inline-block p-1 cursor-pointer",
            onClick: ev => {
              valArgs.splice(i, 1);
              setvalArgs(valArgs);
            },
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", {
              className: "dashicons dashicons-no-alt"
            })
          })]
        })]
      });
    })]
  });
}
class PGcssFilter extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssFilter);

/***/ }),

/***/ "./src/components/css-flex-basis/index.js":
/*!************************************************!*\
  !*** ./src/components/css-flex-basis/index.js ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  var widthUnitX = valZ == undefined || valZ.match(/[a-zA-Z%]+/g) == null ? "px" : valZ.match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex mt-4",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      onChange: newVal => {
        setwidthVal(newVal);
        props.onChange(newVal + widthUnit, "flexBasis");
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom left",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: props.val ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                props.onChange(widthVal + x.value, "flexBasis");
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(widthVal + widthUnit, "flexBasis");
        } else {
          props.onChange(widthVal + widthUnit + " !important", "flexBasis");
        }
      }
    })]
  });
}
class PGcssFlexBasis extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssFlexBasis);

/***/ }),

/***/ "./src/components/css-flex-direction/index.js":
/*!****************************************************!*\
  !*** ./src/components/css-flex-direction/index.js ***!
  \****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    row: {
      label: "row",
      value: "row"
    },
    "row-reverse": {
      label: "row-reverse",
      value: "row-reverse"
    },
    column: {
      label: "column",
      value: "column"
    },
    "column-reverse": {
      label: "column-reverse",
      value: "column-reverse"
    }
  };
  var valX = props.val == undefined || props.val == null || props.val.length == 0 ? "wrap" : props.val;
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valX.split(" "));
  const [value, setValue] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Clear", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[value] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[value].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              setValue(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "flexDirection");
              } else {
                props.onChange(x.value, "flexDirection");
              }
            },
            children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      label: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(value, "flexDirection");
        } else {
          props.onChange(value + " !important", "flexDirection");
        }
      }
    })]
  });
}
class PGcssFlexDirection extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssFlexDirection);

/***/ }),

/***/ "./src/components/css-flex-flow/index.js":
/*!***********************************************!*\
  !*** ./src/components/css-flex-flow/index.js ***!
  \***********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/close.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;






function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    row: {
      label: "row",
      value: "row"
    },
    "row-reverse": {
      label: "row-reverse",
      value: "row-reverse"
    },
    column: {
      label: "column",
      value: "column"
    },
    "column-reverse": {
      label: "column-reverse",
      value: "column-reverse"
    },
    nowrap: {
      label: "nowrap",
      value: "nowrap"
    },
    wrap: {
      label: "wrap",
      value: "wrap"
    },
    "wrap-reverse": {
      label: "wrap-reverse",
      value: "wrap-reverse"
    },
    inherit: {
      label: "inherit",
      value: "inherit"
    },
    initial: {
      label: "initial",
      value: "initial"
    },
    revert: {
      label: "revert",
      value: "revert"
    },
    "revert-layer": {
      label: "revert-layer",
      value: "revert-layer"
    },
    unset: {
      label: "unset",
      value: "unset"
    }
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "" : props.val;
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.split(" "));
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "mt-4",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Clear", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: "Select..."
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              valArgs.push(x.value);
              setValArgs(valArgs);
              props.onChange(valArgs.join(" "), "flexFlow");
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), valArgs.map((x, i) => {
      return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
        className: "flex items-center my-1 border hover:bg-gray-400 cursor-pointer",
        children: [" ", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("span", {
          className: "bg-red-500 mr-2 p-1",
          onClick: ev => {
            valArgs.splice(i, 1);
            setValArgs(valArgs);
            props.onChange(valArgs.join(" "), "flexFlow");
          },
          children: [" ", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_4__["default"], {
            fill: "#fff",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_5__["default"]
          }), " "]
        }), " ", x]
      });
    })]
  });
}
class PGcssFlexFlow extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssFlexFlow);

/***/ }),

/***/ "./src/components/css-flex-grow/index.js":
/*!***********************************************!*\
  !*** ./src/components/css-flex-grow/index.js ***!
  \***********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex mt-4 justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      onChange: newVal => {
        setwidthVal(newVal);
        props.onChange(newVal, "flexGrow");
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(widthValX, "flexGrow");
        } else {
          props.onChange(widthValX + " !important", "flexGrow");
        }
      }
    })]
  });
}
class PGcssFlexGrow extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssFlexGrow);

/***/ }),

/***/ "./src/components/css-flex-shrink/index.js":
/*!*************************************************!*\
  !*** ./src/components/css-flex-shrink/index.js ***!
  \*************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex mt-4 justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      onChange: newVal => {
        setwidthVal(newVal);
        props.onChange(newVal, "flexShrink");
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(widthValX, "flexShrink");
        } else {
          props.onChange(widthValX + " !important", "flexShrink");
        }
      }
    })]
  });
}
class PGcssFlexShrink extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssFlexShrink);

/***/ }),

/***/ "./src/components/css-flex-wrap/index.js":
/*!***********************************************!*\
  !*** ./src/components/css-flex-wrap/index.js ***!
  \***********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    nowrap: {
      label: "nowrap",
      value: "nowrap"
    },
    wrap: {
      label: "wrap",
      value: "wrap"
    },
    "wrap-reverse": {
      label: "wrap-reverse",
      value: "wrap-reverse"
    }
  };
  var valX = props.val == undefined || props.val == null || props.val.length == 0 ? "wrap" : props.val;
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valX.split(" "));
  const [value, setValue] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Clear', "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[value] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[value].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              setValue(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "flexWrap");
              } else {
                props.onChange(x.value, "flexWrap");
              }
            },
            children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      label: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(value, "flexWrap");
        } else {
          props.onChange(value + " !important", "flexWrap");
        }
      }
    })]
  });
}
class PGcssFlexWrap extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssFlexWrap);

/***/ }),

/***/ "./src/components/css-float/index.js":
/*!*******************************************!*\
  !*** ./src/components/css-float/index.js ***!
  \*******************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    none: {
      label: "None",
      value: "none"
    },
    left: {
      label: "Left",
      value: "left"
    },
    right: {
      label: "Right",
      value: "right"
    },
    "inline-end": {
      label: "inline-end",
      value: "inline-end"
    },
    "inline-start": {
      label: "inline-start",
      value: "inline-start"
    },
    revert: {
      label: "revert",
      value: "revert"
    },
    unset: {
      label: "unset",
      value: "unset"
    },
    initial: {
      label: "initial",
      value: "initial"
    },
    inherit: {
      label: "inherit",
      value: "inherit"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Clear", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'float');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "float");
              } else {
                props.onChange(x.value, "float");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "float");
        } else {
          props.onChange(align + " !important", "float");
        }
      }
    })]
  });
}
class PGcssFloat extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssFloat);

/***/ }),

/***/ "./src/components/css-font-family/index.js":
/*!*************************************************!*\
  !*** ./src/components/css-font-family/index.js ***!
  \*************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/close.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/plus.js");
/* harmony import */ var react_sortablejs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-sortablejs */ "./node_modules/react-sortablejs/dist/index.js");
/* harmony import */ var react_sortablejs__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_sortablejs__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__);
const {
  Component
} = wp.element;








function Html(props) {
  if (!props.warn) {
    return null;
  }
  var isLoaded = props.isLoaded;
  var fontsLibrary = ["ABeeZee", "Abel", "Abhaya Libre", "Aboreto", "Abril Fatface", "Abyssinica SIL", "Aclonica", "Acme", "Actor", "Adamina", "Advent Pro", "Agdasima", "Aguafina Script", "Akatab", "Akaya Kanadaka", "Akaya Telivigala", "Akronim", "Akshar", "Aladin", "Alata", "Alatsi", "Albert Sans", "Aldrich", "Alef", "Alegreya", "Alegreya SC", "Alegreya Sans", "Alegreya Sans SC", "Aleo", "Alex Brush", "Alexandria", "Alfa Slab One", "Alice", "Alike", "Alike Angular", "Alkalami", "Alkatra", "Allan", "Allerta", "Allerta Stencil", "Allison", "Allura", "Almarai", "Almendra", "Almendra Display", "Almendra SC", "Alumni Sans", "Alumni Sans Collegiate One", "Alumni Sans Inline One", "Alumni Sans Pinstripe", "Amarante", "Amaranth", "Amatic SC", "Amethysta", "Amiko", "Amiri", "Amiri Quran", "Amita", "Anaheim", "Andada Pro", "Andika", "Anek Bangla", "Anek Devanagari", "Anek Gujarati", "Anek Gurmukhi", "Anek Kannada", "Anek Latin", "Anek Malayalam", "Anek Odia", "Anek Tamil", "Anek Telugu", "Angkor", "Annie Use Your Telescope", "Anonymous Pro", "Antic", "Antic Didone", "Antic Slab", "Anton", "Antonio", "Anuphan", "Anybody", "Aoboshi One", "Arapey", "Arbutus", "Arbutus Slab", "Architects Daughter", "Archivo", "Archivo Black", "Archivo Narrow", "Are You Serious", "Aref Ruqaa", "Aref Ruqaa Ink", "Arima", "Arimo", "Arizonia", "Armata", "Arsenal", "Artifika", "Arvo", "Arya", "Asap", "Asap Condensed", "Asar", "Asset", "Assistant", "Astloch", "Asul", "Athiti", "Atkinson Hyperlegible", "Atma", "Atomic Age", "Aubrey", "Audiowide", "Autour One", "Average", "Average Sans", "Averia Gruesa Libre", "Averia Libre", "Averia Sans Libre", "Averia Serif Libre", "Azeret Mono", "B612", "B612 Mono", "BIZ UDGothic", "BIZ UDMincho", "BIZ UDPGothic", "BIZ UDPMincho", "Babylonica", "Bacasime Antique", "Bad Script", "Bagel Fat One", "Bahiana", "Bahianita", "Bai Jamjuree", "Bakbak One", "Ballet", "Baloo 2", "Baloo Bhai 2", "Baloo Bhaijaan 2", "Baloo Bhaina 2", "Baloo Chettan 2", "Baloo Da 2", "Baloo Paaji 2", "Baloo Tamma 2", "Baloo Tammudu 2", "Baloo Thambi 2", "Balsamiq Sans", "Balthazar", "Bangers", "Barlow", "Barlow Condensed", "Barlow Semi Condensed", "Barriecito", "Barrio", "Basic", "Baskervville", "Battambang", "Baumans", "Bayon", "Be Vietnam Pro", "Beau Rivage", "Bebas Neue", "Belanosima", "Belgrano", "Bellefair", "Belleza", "Bellota", "Bellota Text", "BenchNine", "Benne", "Bentham", "Berkshire Swash", "Besley", "Beth Ellen", "Bevan", "BhuTuka Expanded One", "Big Shoulders Display", "Big Shoulders Inline Display", "Big Shoulders Inline Text", "Big Shoulders Stencil Display", "Big Shoulders Stencil Text", "Big Shoulders Text", "Bigelow Rules", "Bigshot One", "Bilbo", "Bilbo Swash Caps", "BioRhyme", "BioRhyme Expanded", "Birthstone", "Birthstone Bounce", "Biryani", "Bitter", "Black And White Picture", "Black Han Sans", "Black Ops One", "Blaka", "Blaka Hollow", "Blaka Ink", "Blinker", "Bodoni Moda", "Bokor", "Bona Nova", "Bonbon", "Bonheur Royale", "Boogaloo", "Borel", "Bowlby One", "Bowlby One SC", "Braah One", "Brawler", "Bree Serif", "Bruno Ace", "Bruno Ace SC", "Brygada 1918", "Bubblegum Sans", "Bubbler One", "Buda", "Buenard", "Bungee", "Bungee Hairline", "Bungee Inline", "Bungee Outline", "Bungee Shade", "Bungee Spice", "Butcherman", "Butterfly Kids", "Cabin", "Cabin Condensed", "Cabin Sketch", "Caesar Dressing", "Cagliostro", "Cairo", "Cairo Play", "Caladea", "Calistoga", "Calligraffitti", "Cambay", "Cambo", "Candal", "Cantarell", "Cantata One", "Cantora One", "Caprasimo", "Capriola", "Caramel", "Carattere", "Cardo", "Carlito", "Carme", "Carrois Gothic", "Carrois Gothic SC", "Carter One", "Castoro", "Castoro Titling", "Catamaran", "Caudex", "Caveat", "Caveat Brush", "Cedarville Cursive", "Ceviche One", "Chakra Petch", "Changa", "Changa One", "Chango", "Charis SIL", "Charm", "Charmonman", "Chathura", "Chau Philomene One", "Chela One", "Chelsea Market", "Chenla", "Cherish", "Cherry Bomb One", "Cherry Cream Soda", "Cherry Swash", "Chewy", "Chicle", "Chilanka", "Chivo", "Chivo Mono", "Chokokutai", "Chonburi", "Cinzel", "Cinzel Decorative", "Clicker Script", "Climate Crisis", "Coda", "Codystar", "Coiny", "Combo", "Comfortaa", "Comforter", "Comforter Brush", "Comic Neue", "Coming Soon", "Comme", "Commissioner", "Concert One", "Condiment", "Content", "Contrail One", "Convergence", "Cookie", "Copse", "Corben", "Corinthia", "Cormorant", "Cormorant Garamond", "Cormorant Infant", "Cormorant SC", "Cormorant Unicase", "Cormorant Upright", "Courgette", "Courier Prime", "Cousine", "Coustard", "Covered By Your Grace", "Crafty Girls", "Creepster", "Crete Round", "Crimson Pro", "Crimson Text", "Croissant One", "Crushed", "Cuprum", "Cute Font", "Cutive", "Cutive Mono", "DM Mono", "DM Sans", "DM Serif Display", "DM Serif Text", "Dai Banna SIL", "Damion", "Dancing Script", "Dangrek", "Darker Grotesque", "Darumadrop One", "David Libre", "Dawning of a New Day", "Days One", "Dekko", "Dela Gothic One", "Delicious Handrawn", "Delius", "Delius Swash Caps", "Delius Unicase", "Della Respira", "Denk One", "Devonshire", "Dhurjati", "Didact Gothic", "Diphylleia", "Diplomata", "Diplomata SC", "Do Hyeon", "Dokdo", "Domine", "Donegal One", "Dongle", "Doppio One", "Dorsa", "Dosis", "DotGothic16", "Dr Sugiyama", "Duru Sans", "DynaPuff", "Dynalight", "EB Garamond", "Eagle Lake", "East Sea Dokdo", "Eater", "Economica", "Eczar", "Edu NSW ACT Foundation", "Edu QLD Beginner", "Edu SA Beginner", "Edu TAS Beginner", "Edu VIC WA NT Beginner", "El Messiri", "Electrolize", "Elsie", "Elsie Swash Caps", "Emblema One", "Emilys Candy", "Encode Sans", "Encode Sans Condensed", "Encode Sans Expanded", "Encode Sans SC", "Encode Sans Semi Condensed", "Encode Sans Semi Expanded", "Engagement", "Englebert", "Enriqueta", "Ephesis", "Epilogue", "Erica One", "Esteban", "Estonia", "Euphoria Script", "Ewert", "Exo", "Exo 2", "Expletus Sans", "Explora", "Fahkwang", "Familjen Grotesk", "Fanwood Text", "Farro", "Farsan", "Fascinate", "Fascinate Inline", "Faster One", "Fasthand", "Fauna One", "Faustina", "Federant", "Federo", "Felipa", "Fenix", "Festive", "Figtree", "Finger Paint", "Finlandica", "Fira Code", "Fira Mono", "Fira Sans", "Fira Sans Condensed", "Fira Sans Extra Condensed", "Fjalla One", "Fjord One", "Flamenco", "Flavors", "Fleur De Leah", "Flow Block", "Flow Circular", "Flow Rounded", "Foldit", "Fondamento", "Fontdiner Swanky", "Forum", "Fragment Mono", "Francois One", "Frank Ruhl Libre", "Fraunces", "Freckle Face", "Fredericka the Great", "Fredoka", "Freehand", "Fresca", "Frijole", "Fruktur", "Fugaz One", "Fuggles", "Fuzzy Bubbles", "GFS Didot", "GFS Neohellenic", "Gabriela", "Gaegu", "Gafata", "Gajraj One", "Galada", "Galdeano", "Galindo", "Gamja Flower", "Gantari", "Gasoek One", "Gayathri", "Gelasio", "Gemunu Libre", "Genos", "Gentium Book Plus", "Gentium Plus", "Geo", "Geologica", "Georama", "Geostar", "Geostar Fill", "Germania One", "Gideon Roman", "Gidugu", "Gilda Display", "Girassol", "Give You Glory", "Glass Antiqua", "Glegoo", "Gloock", "Gloria Hallelujah", "Glory", "Gluten", "Goblin One", "Gochi Hand", "Goldman", "Golos Text", "Gorditas", "Gothic A1", "Gotu", "Goudy Bookletter 1911", "Gowun Batang", "Gowun Dodum", "Graduate", "Grand Hotel", "Grandiflora One", "Grandstander", "Grape Nuts", "Gravitas One", "Great Vibes", "Grechen Fuemen", "Grenze", "Grenze Gotisch", "Grey Qo", "Griffy", "Gruppo", "Gudea", "Gugi", "Gulzar", "Gupter", "Gurajada", "Gwendolyn", "Habibi", "Hachi Maru Pop", "Hahmlet", "Halant", "Hammersmith One", "Hanalei", "Hanalei Fill", "Handjet", "Handlee", "Hanken Grotesk", "Hanuman", "Happy Monkey", "Harmattan", "Headland One", "Heebo", "Henny Penny", "Hepta Slab", "Herr Von Muellerhoff", "Hi Melody", "Hina Mincho", "Hind", "Hind Guntur", "Hind Madurai", "Hind Siliguri", "Hind Vadodara", "Holtwood One SC", "Homemade Apple", "Homenaje", "Hubballi", "Hurricane", "IBM Plex Mono", "IBM Plex Sans", "IBM Plex Sans Arabic", "IBM Plex Sans Condensed", "IBM Plex Sans Devanagari", "IBM Plex Sans Hebrew", "IBM Plex Sans JP", "IBM Plex Sans KR", "IBM Plex Sans Thai", "IBM Plex Sans Thai Looped", "IBM Plex Serif", "IM Fell DW Pica", "IM Fell DW Pica SC", "IM Fell Double Pica", "IM Fell Double Pica SC", "IM Fell English", "IM Fell English SC", "IM Fell French Canon", "IM Fell French Canon SC", "IM Fell Great Primer", "IM Fell Great Primer SC", "Ibarra Real Nova", "Iceberg", "Iceland", "Imbue", "Imperial Script", "Imprima", "Inconsolata", "Inder", "Indie Flower", "Ingrid Darling", "Inika", "Inknut Antiqua", "Inria Sans", "Inria Serif", "Inspiration", "Instrument Sans", "Instrument Serif", "Inter", "Inter Tight", "Irish Grover", "Island Moments", "Istok Web", "Italiana", "Italianno", "Itim", "Jacques Francois", "Jacques Francois Shadow", "Jaldi", "JetBrains Mono", "Jim Nightshade", "Joan", "Jockey One", "Jolly Lodger", "Jomhuria", "Jomolhari", "Josefin Sans", "Josefin Slab", "Jost", "Joti One", "Jua", "Judson", "Julee", "Julius Sans One", "Junge", "Jura", "Just Another Hand", "Just Me Again Down Here", "K2D", "Kablammo", "Kadwa", "Kaisei Decol", "Kaisei HarunoUmi", "Kaisei Opti", "Kaisei Tokumin", "Kalam", "Kameron", "Kanit", "Kantumruy Pro", "Karantina", "Karla", "Karma", "Katibeh", "Kaushan Script", "Kavivanar", "Kavoon", "Kdam Thmor Pro", "Keania One", "Kelly Slab", "Kenia", "Khand", "Khmer", "Khula", "Kings", "Kirang Haerang", "Kite One", "Kiwi Maru", "Klee One", "Knewave", "KoHo", "Kodchasan", "Koh Santepheap", "Kolker Brush", "Konkhmer Sleokchher", "Kosugi", "Kosugi Maru", "Kotta One", "Koulen", "Kranky", "Kreon", "Kristi", "Krona One", "Krub", "Kufam", "Kulim Park", "Kumar One", "Kumar One Outline", "Kumbh Sans", "Kurale", "La Belle Aurore", "Labrada", "Lacquer", "Laila", "Lakki Reddy", "Lalezar", "Lancelot", "Langar", "Lateef", "Lato", "Lavishly Yours", "League Gothic", "League Script", "League Spartan", "Leckerli One", "Ledger", "Lekton", "Lemon", "Lemonada", "Lexend", "Lexend Deca", "Lexend Exa", "Lexend Giga", "Lexend Mega", "Lexend Peta", "Lexend Tera", "Lexend Zetta", "Libre Barcode 128", "Libre Barcode 128 Text", "Libre Barcode 39", "Libre Barcode 39 Extended", "Libre Barcode 39 Extended Text", "Libre Barcode 39 Text", "Libre Barcode EAN13 Text", "Libre Baskerville", "Libre Bodoni", "Libre Caslon Display", "Libre Caslon Text", "Libre Franklin", "Licorice", "Life Savers", "Lilita One", "Lily Script One", "Limelight", "Linden Hill", "Lisu Bosa", "Literata", "Liu Jian Mao Cao", "Livvic", "Lobster", "Lobster Two", "Londrina Outline", "Londrina Shadow", "Londrina Sketch", "Londrina Solid", "Long Cang", "Lora", "Love Light", "Love Ya Like A Sister", "Loved by the King", "Lovers Quarrel", "Luckiest Guy", "Lugrasimo", "Lumanosimo", "Lunasima", "Lusitana", "Lustria", "Luxurious Roman", "Luxurious Script", "M PLUS 1", "M PLUS 1 Code", "M PLUS 1p", "M PLUS 2", "M PLUS Code Latin", "M PLUS Rounded 1c", "Ma Shan Zheng", "Macondo", "Macondo Swash Caps", "Mada", "Magra", "Maiden Orange", "Maitree", "Major Mono Display", "Mako", "Mali", "Mallanna", "Mandali", "Manjari", "Manrope", "Mansalva", "Manuale", "Marcellus", "Marcellus SC", "Marck Script", "Margarine", "Marhey", "Markazi Text", "Marko One", "Marmelad", "Martel", "Martel Sans", "Martian Mono", "Marvel", "Mate", "Mate SC", "Material Icons", "Material Icons Outlined", "Material Icons Round", "Material Icons Sharp", "Material Icons Two Tone", "Material Symbols Outlined", "Material Symbols Rounded", "Material Symbols Sharp", "Maven Pro", "McLaren", "Mea Culpa", "Meddon", "MedievalSharp", "Medula One", "Meera Inimai", "Megrim", "Meie Script", "Meow Script", "Merienda", "Merriweather", "Merriweather Sans", "Metal", "Metal Mania", "Metamorphous", "Metrophobic", "Michroma", "Milonga", "Miltonian", "Miltonian Tattoo", "Mina", "Mingzat", "Miniver", "Miriam Libre", "Mirza", "Miss Fajardose", "Mitr", "Mochiy Pop One", "Mochiy Pop P One", "Modak", "Modern Antiqua", "Mogra", "Mohave", "Moirai One", "Molengo", "Molle", "Monda", "Monofett", "Monomaniac One", "Monoton", "Monsieur La Doulaise", "Montaga", "Montagu Slab", "MonteCarlo", "Montez", "Montserrat", "Montserrat Alternates", "Montserrat Subrayada", "Moo Lah Lah", "Moon Dance", "Moul", "Moulpali", "Mountains of Christmas", "Mouse Memoirs", "Mr Bedfort", "Mr Dafoe", "Mr De Haviland", "Mrs Saint Delafield", "Mrs Sheppards", "Ms Madi", "Mukta", "Mukta Mahee", "Mukta Malar", "Mukta Vaani", "Mulish", "Murecho", "MuseoModerno", "My Soul", "Mynerve", "Mystery Quest", "NTR", "Nabla", "Nanum Brush Script", "Nanum Gothic", "Nanum Gothic Coding", "Nanum Myeongjo", "Nanum Pen Script", "Narnoor", "Neonderthaw", "Nerko One", "Neucha", "Neuton", "New Rocker", "New Tegomin", "News Cycle", "Newsreader", "Niconne", "Niramit", "Nixie One", "Nobile", "Nokora", "Norican", "Nosifer", "Notable", "Nothing You Could Do", "Noticia Text", "Noto Color Emoji", "Noto Emoji", "Noto Kufi Arabic", "Noto Music", "Noto Naskh Arabic", "Noto Nastaliq Urdu", "Noto Rashi Hebrew", "Noto Sans", "Noto Sans Adlam", "Noto Sans Adlam Unjoined", "Noto Sans Anatolian Hieroglyphs", "Noto Sans Arabic", "Noto Sans Armenian", "Noto Sans Avestan", "Noto Sans Balinese", "Noto Sans Bamum", "Noto Sans Bassa Vah", "Noto Sans Batak", "Noto Sans Bengali", "Noto Sans Bhaiksuki", "Noto Sans Brahmi", "Noto Sans Buginese", "Noto Sans Buhid", "Noto Sans Canadian Aboriginal", "Noto Sans Carian", "Noto Sans Caucasian Albanian", "Noto Sans Chakma", "Noto Sans Cham", "Noto Sans Cherokee", "Noto Sans Chorasmian", "Noto Sans Coptic", "Noto Sans Cuneiform", "Noto Sans Cypriot", "Noto Sans Cypro Minoan", "Noto Sans Deseret", "Noto Sans Devanagari", "Noto Sans Display", "Noto Sans Duployan", "Noto Sans Egyptian Hieroglyphs", "Noto Sans Elbasan", "Noto Sans Elymaic", "Noto Sans Ethiopic", "Noto Sans Georgian", "Noto Sans Glagolitic", "Noto Sans Gothic", "Noto Sans Grantha", "Noto Sans Gujarati", "Noto Sans Gunjala Gondi", "Noto Sans Gurmukhi", "Noto Sans HK", "Noto Sans Hanifi Rohingya", "Noto Sans Hanunoo", "Noto Sans Hatran", "Noto Sans Hebrew", "Noto Sans Imperial Aramaic", "Noto Sans Indic Siyaq Numbers", "Noto Sans Inscriptional Pahlavi", "Noto Sans Inscriptional Parthian", "Noto Sans JP", "Noto Sans Javanese", "Noto Sans KR", "Noto Sans Kaithi", "Noto Sans Kannada", "Noto Sans Kayah Li", "Noto Sans Kharoshthi", "Noto Sans Khmer", "Noto Sans Khojki", "Noto Sans Khudawadi", "Noto Sans Lao", "Noto Sans Lao Looped", "Noto Sans Lepcha", "Noto Sans Limbu", "Noto Sans Linear A", "Noto Sans Linear B", "Noto Sans Lisu", "Noto Sans Lycian", "Noto Sans Lydian", "Noto Sans Mahajani", "Noto Sans Malayalam", "Noto Sans Mandaic", "Noto Sans Manichaean", "Noto Sans Marchen", "Noto Sans Masaram Gondi", "Noto Sans Math", "Noto Sans Mayan Numerals", "Noto Sans Medefaidrin", "Noto Sans Meetei Mayek", "Noto Sans Mende Kikakui", "Noto Sans Meroitic", "Noto Sans Miao", "Noto Sans Modi", "Noto Sans Mongolian", "Noto Sans Mono", "Noto Sans Mro", "Noto Sans Multani", "Noto Sans Myanmar", "Noto Sans NKo", "Noto Sans Nabataean", "Noto Sans Nag Mundari", "Noto Sans Nandinagari", "Noto Sans New Tai Lue", "Noto Sans Newa", "Noto Sans Nushu", "Noto Sans Ogham", "Noto Sans Ol Chiki", "Noto Sans Old Hungarian", "Noto Sans Old Italic", "Noto Sans Old North Arabian", "Noto Sans Old Permic", "Noto Sans Old Persian", "Noto Sans Old Sogdian", "Noto Sans Old South Arabian", "Noto Sans Old Turkic", "Noto Sans Oriya", "Noto Sans Osage", "Noto Sans Osmanya", "Noto Sans Pahawh Hmong", "Noto Sans Palmyrene", "Noto Sans Pau Cin Hau", "Noto Sans Phags Pa", "Noto Sans Phoenician", "Noto Sans Psalter Pahlavi", "Noto Sans Rejang", "Noto Sans Runic", "Noto Sans SC", "Noto Sans Samaritan", "Noto Sans Saurashtra", "Noto Sans Sharada", "Noto Sans Shavian", "Noto Sans Siddham", "Noto Sans SignWriting", "Noto Sans Sinhala", "Noto Sans Sogdian", "Noto Sans Sora Sompeng", "Noto Sans Soyombo", "Noto Sans Sundanese", "Noto Sans Syloti Nagri", "Noto Sans Symbols", "Noto Sans Symbols 2", "Noto Sans Syriac", "Noto Sans Syriac Eastern", "Noto Sans TC", "Noto Sans Tagalog", "Noto Sans Tagbanwa", "Noto Sans Tai Le", "Noto Sans Tai Tham", "Noto Sans Tai Viet", "Noto Sans Takri", "Noto Sans Tamil", "Noto Sans Tamil Supplement", "Noto Sans Tangsa", "Noto Sans Telugu", "Noto Sans Thaana", "Noto Sans Thai", "Noto Sans Thai Looped", "Noto Sans Tifinagh", "Noto Sans Tirhuta", "Noto Sans Ugaritic", "Noto Sans Vai", "Noto Sans Vithkuqi", "Noto Sans Wancho", "Noto Sans Warang Citi", "Noto Sans Yi", "Noto Sans Zanabazar Square", "Noto Serif", "Noto Serif Ahom", "Noto Serif Armenian", "Noto Serif Balinese", "Noto Serif Bengali", "Noto Serif Devanagari", "Noto Serif Display", "Noto Serif Dogra", "Noto Serif Ethiopic", "Noto Serif Georgian", "Noto Serif Grantha", "Noto Serif Gujarati", "Noto Serif Gurmukhi", "Noto Serif HK", "Noto Serif Hebrew", "Noto Serif JP", "Noto Serif KR", "Noto Serif Kannada", "Noto Serif Khitan Small Script", "Noto Serif Khmer", "Noto Serif Khojki", "Noto Serif Lao", "Noto Serif Makasar", "Noto Serif Malayalam", "Noto Serif Myanmar", "Noto Serif NP Hmong", "Noto Serif Oriya", "Noto Serif Ottoman Siyaq", "Noto Serif SC", "Noto Serif Sinhala", "Noto Serif TC", "Noto Serif Tamil", "Noto Serif Tangut", "Noto Serif Telugu", "Noto Serif Thai", "Noto Serif Tibetan", "Noto Serif Toto", "Noto Serif Vithkuqi", "Noto Serif Yezidi", "Noto Traditional Nushu", "Nova Cut", "Nova Flat", "Nova Mono", "Nova Oval", "Nova Round", "Nova Script", "Nova Slim", "Nova Square", "Numans", "Nunito", "Nunito Sans", "Nuosu SIL", "Odibee Sans", "Odor Mean Chey", "Offside", "Oi", "Old Standard TT", "Oldenburg", "Ole", "Oleo Script", "Oleo Script Swash Caps", "Oooh Baby", "Open Sans", "Oranienbaum", "Orbit", "Orbitron", "Oregano", "Orelega One", "Orienta", "Original Surfer", "Oswald", "Outfit", "Over the Rainbow", "Overlock", "Overlock SC", "Overpass", "Overpass Mono", "Ovo", "Oxanium", "Oxygen", "Oxygen Mono", "PT Mono", "PT Sans", "PT Sans Caption", "PT Sans Narrow", "PT Serif", "PT Serif Caption", "Pacifico", "Padauk", "Padyakke Expanded One", "Palanquin", "Palanquin Dark", "Palette Mosaic", "Pangolin", "Paprika", "Parisienne", "Passero One", "Passion One", "Passions Conflict", "Pathway Extreme", "Pathway Gothic One", "Patrick Hand", "Patrick Hand SC", "Pattaya", "Patua One", "Pavanam", "Paytone One", "Peddana", "Peralta", "Permanent Marker", "Petemoss", "Petit Formal Script", "Petrona", "Philosopher", "Phudu", "Piazzolla", "Piedra", "Pinyon Script", "Pirata One", "Plaster", "Play", "Playball", "Playfair", "Playfair Display", "Playfair Display SC", "Plus Jakarta Sans", "Podkova", "Poiret One", "Poller One", "Poltawski Nowy", "Poly", "Pompiere", "Pontano Sans", "Poor Story", "Poppins", "Port Lligat Sans", "Port Lligat Slab", "Potta One", "Pragati Narrow", "Praise", "Prata", "Preahvihear", "Press Start 2P", "Pridi", "Princess Sofia", "Prociono", "Prompt", "Prosto One", "Proza Libre", "Public Sans", "Puppies Play", "Puritan", "Purple Purse", "Qahiri", "Quando", "Quantico", "Quattrocento", "Quattrocento Sans", "Questrial", "Quicksand", "Quintessential", "Qwigley", "Qwitcher Grypen", "REM", "Racing Sans One", "Radio Canada", "Radley", "Rajdhani", "Rakkas", "Raleway", "Raleway Dots", "Ramabhadra", "Ramaraja", "Rambla", "Rammetto One", "Rampart One", "Ranchers", "Rancho", "Ranga", "Rasa", "Rationale", "Ravi Prakash", "Readex Pro", "Recursive", "Red Hat Display", "Red Hat Mono", "Red Hat Text", "Red Rose", "Redacted", "Redacted Script", "Redressed", "Reem Kufi", "Reem Kufi Fun", "Reem Kufi Ink", "Reenie Beanie", "Reggae One", "Revalia", "Rhodium Libre", "Ribeye", "Ribeye Marrow", "Righteous", "Risque", "Road Rage", "Roboto", "Roboto Condensed", "Roboto Flex", "Roboto Mono", "Roboto Serif", "Roboto Slab", "Rochester", "Rock 3D", "Rock Salt", "RocknRoll One", "Rokkitt", "Romanesco", "Ropa Sans", "Rosario", "Rosarivo", "Rouge Script", "Rowdies", "Rozha One", "Rubik", "Rubik 80s Fade", "Rubik Beastly", "Rubik Bubbles", "Rubik Burned", "Rubik Dirt", "Rubik Distressed", "Rubik Gemstones", "Rubik Glitch", "Rubik Iso", "Rubik Marker Hatch", "Rubik Maze", "Rubik Microbe", "Rubik Mono One", "Rubik Moonrocks", "Rubik Pixels", "Rubik Puddles", "Rubik Spray Paint", "Rubik Storm", "Rubik Vinyl", "Rubik Wet Paint", "Ruda", "Rufina", "Ruge Boogie", "Ruluko", "Rum Raisin", "Ruslan Display", "Russo One", "Ruthie", "Rye", "STIX Two Text", "Sacramento", "Sahitya", "Sail", "Saira", "Saira Condensed", "Saira Extra Condensed", "Saira Semi Condensed", "Saira Stencil One", "Salsa", "Sanchez", "Sancreek", "Sansita", "Sansita Swashed", "Sarabun", "Sarala", "Sarina", "Sarpanch", "Sassy Frass", "Satisfy", "Sawarabi Gothic", "Sawarabi Mincho", "Scada", "Scheherazade New", "Schibsted Grotesk", "Schoolbell", "Scope One", "Seaweed Script", "Secular One", "Sedgwick Ave", "Sedgwick Ave Display", "Sen", "Send Flowers", "Sevillana", "Seymour One", "Shadows Into Light", "Shadows Into Light Two", "Shalimar", "Shantell Sans", "Shanti", "Share", "Share Tech", "Share Tech Mono", "Shippori Antique", "Shippori Antique B1", "Shippori Mincho", "Shippori Mincho B1", "Shizuru", "Shojumaru", "Short Stack", "Shrikhand", "Siemreap", "Sigmar", "Sigmar One", "Signika", "Signika Negative", "Silkscreen", "Simonetta", "Single Day", "Sintony", "Sirin Stencil", "Six Caps", "Skranji", "Slabo 13px", "Slabo 27px", "Slackey", "Slackside One", "Smokum", "Smooch", "Smooch Sans", "Smythe", "Sniglet", "Snippet", "Snowburst One", "Sofadi One", "Sofia", "Sofia Sans", "Sofia Sans Condensed", "Sofia Sans Extra Condensed", "Sofia Sans Semi Condensed", "Solitreo", "Solway", "Song Myung", "Sono", "Sonsie One", "Sora", "Sorts Mill Goudy", "Source Code Pro", "Source Sans 3", "Source Serif 4", "Space Grotesk", "Space Mono", "Special Elite", "Spectral", "Spectral SC", "Spicy Rice", "Spinnaker", "Spirax", "Splash", "Spline Sans", "Spline Sans Mono", "Squada One", "Square Peg", "Sree Krushnadevaraya", "Sriracha", "Srisakdi", "Staatliches", "Stalemate", "Stalinist One", "Stardos Stencil", "Stick", "Stick No Bills", "Stint Ultra Condensed", "Stint Ultra Expanded", "Stoke", "Strait", "Style Script", "Stylish", "Sue Ellen Francisco", "Suez One", "Sulphur Point", "Sumana", "Sunflower", "Sunshiney", "Supermercado One", "Sura", "Suranna", "Suravaram", "Suwannaphum", "Swanky and Moo Moo", "Syncopate", "Syne", "Syne Mono", "Syne Tactile", "Tai Heritage Pro", "Tajawal", "Tangerine", "Tapestry", "Taprom", "Tauri", "Taviraj", "Teko", "Tektur", "Telex", "Tenali Ramakrishna", "Tenor Sans", "Text Me One", "Texturina", "Thasadith", "The Girl Next Door", "The Nautigal", "Tienne", "Tillana", "Tilt Neon", "Tilt Prism", "Tilt Warp", "Timmana", "Tinos", "Tiro Bangla", "Tiro Devanagari Hindi", "Tiro Devanagari Marathi", "Tiro Devanagari Sanskrit", "Tiro Gurmukhi", "Tiro Kannada", "Tiro Tamil", "Tiro Telugu", "Titan One", "Titillium Web", "Tomorrow", "Tourney", "Trade Winds", "Train One", "Trirong", "Trispace", "Trocchi", "Trochut", "Truculenta", "Trykker", "Tsukimi Rounded", "Tulpen One", "Turret Road", "Twinkle Star", "Ubuntu", "Ubuntu Condensed", "Ubuntu Mono", "Uchen", "Ultra", "Unbounded", "Uncial Antiqua", "Underdog", "Unica One", "UnifrakturCook", "UnifrakturMaguntia", "Unkempt", "Unlock", "Unna", "Updock", "Urbanist", "VT323", "Vampiro One", "Varela", "Varela Round", "Varta", "Vast Shadow", "Vazirmatn", "Vesper Libre", "Viaoda Libre", "Vibes", "Vibur", "Victor Mono", "Vidaloka", "Viga", "Vina Sans", "Voces", "Volkhov", "Vollkorn", "Vollkorn SC", "Voltaire", "Vujahday Script", "Waiting for the Sunrise", "Wallpoet", "Walter Turncoat", "Warnes", "Water Brush", "Waterfall", "Wellfleet", "Wendy One", "Whisper", "WindSong", "Wire One", "Wix Madefor Display", "Wix Madefor Text", "Work Sans", "Xanh Mono", "Yaldevi", "Yanone Kaffeesatz", "Yantramanav", "Yatra One", "Yellowtail", "Yeon Sung", "Yeseva One", "Yesteryear", "Yomogi", "Yrsa", "Ysabeau", "Ysabeau Infant", "Ysabeau Office", "Ysabeau SC", "Yuji Boku", "Yuji Hentaigana Akari", "Yuji Hentaigana Akebono", "Yuji Mai", "Yuji Syuku", "Yusei Magic", "ZCOOL KuaiLe", "ZCOOL QingKe HuangYou", "ZCOOL XiaoWei", "Zen Antique", "Zen Antique Soft", "Zen Dots", "Zen Kaku Gothic Antique", "Zen Kaku Gothic New", "Zen Kurenaido", "Zen Loop", "Zen Maru Gothic", "Zen Old Mincho", "Zen Tokyo Zoo", "Zeyada", "Zhi Mang Xing", "Zilla Slab", "Zilla Slab Highlight"];
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "" : props.val;
  const [fonts, setfonts] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val == null || props.val == undefined || props.val.length == 0 ? [] : valZ.split(","));
  const [keyword, setkeyword] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)("");
  const [fontsFiltered, setfontsFiltered] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)([]);
  const [customFonts, setCustomFonts] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)([]);
  const [fontFaceCSS, setFontFaceCSS] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)("");
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() => {
    if (window?.postGridBlockEditor?.customFonts !== undefined && window?.postGridBlockEditor?.customFonts.length != 0) {
      setCustomFonts(window.postGridBlockEditor.customFonts);
    }
  }, [window.postGridBlockEditor]);
  // useEffect(() => {
  // 	apiFetch({
  // 		path: "/accordions/v2/get_options",
  // 		method: "POST",
  // 		data: { option: "post_grid_block_editor" },
  // 	}).then((res) => {
  // 		if (res.customFonts !== undefined && res.customFonts.length != 0) {
  // 			setCustomFonts(res.customFonts);
  // 		}
  // 	});
  // }, []);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() => {
    var str = "";
    {
      customFonts.length != 0 && customFonts.map((font, index) => {
        var fontFamily = font.family;
        var src = font.src[0]?.url;
        var fontWeight = font.weight;
        str += `@font-face {
    font-family: '${fontFamily}';
    src: url('${src}');
    font-weight: ${fontWeight};
  }`;
      });
    }
    setFontFaceCSS(str);
    var wpfooter = document.getElementById("wpfooter");
    var divWrap = document.getElementById("pg-font-face");
    if (divWrap != undefined) {
      document.getElementById("pg-font-face").outerHTML = "";
    }
    var divWrap = '<div id="pg-font-face"></div>';
    wpfooter.insertAdjacentHTML("beforeend", divWrap);
    var csswrappg = document.getElementById("pg-font-face");
    var fontFace = "<style>" + str + "</style>";
    csswrappg.insertAdjacentHTML("beforeend", fontFace);
  }, [customFonts]);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
    className: " mt-4",
    children: [!isLoaded && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Spinner, {})
    }), isLoaded && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment, {
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(react_sortablejs__WEBPACK_IMPORTED_MODULE_3__.ReactSortable, {
        list: fonts,
        setList: item => {
          setfonts(item);
          props.onChange(item.toString(), "fontFamily");
        },
        children: fonts.map((font, i) => {
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
            className: "flex my-3 items-center justify-between cursor-move hover:bg-gray-300",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
              className: "flex items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("span", {
                className: "bg-red-500 p-1 mr-2 cursor-pointer ",
                onClick: ev => {
                  fonts.splice(i, 1);
                  setfonts(fonts);
                  props.onChange(fonts.toString(), "fontFamily");
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"], {
                  fill: "#fff",
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__["default"]
                })
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("span", {
                style: {
                  fontFamily: font
                },
                children: font
              })]
            }), i == 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
              className: "bg-yellow-500 p-1",
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Primary", "accordions")
            })]
          }, i);
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
        className: "flex justify-between",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
          value: keyword,
          type: "text",
          autocomplete: "off",
          onChange: newVal => {
            setkeyword(newVal);
            var newValX = newVal.replace(/[^a-zA-Z ]/g, "");
            var newOptions = [];
            fontsLibrary.map(font => {
              let position = font.toLowerCase().search(newValX.toLowerCase());
              if (position < 0) {} else {
                newOptions.push(font);
              }
            });
            setfontsFiltered(newOptions);
          }
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
          className: "bg-gray-400 text-white p-1 px-2 cursor-pointer",
          onClick: ev => {
            fonts.unshift(keyword);
            var fontsY = fonts.slice(0, 3);
            setfonts(fontsY);
            //setfonts(fonts);
            props.onChange(fontsY.toString(), "fontFamily");
          },
          children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Add", "accordions")
        })]
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
        className: "my-3 h-60 overflow-y-scroll",
        children: [keyword.length == 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment, {
          children: [customFonts.length > 0 && customFonts.map(font => {
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
              className: "p-1 my-1 bg-white hover:bg-gray-300 border flex items-center cursor-pointer",
              style: {
                fontFamily: font.family
              },
              onClick: ev => {
                var fontsX = fonts.unshift(font.family);
                var fontsY = fonts.slice(0, 3);
                // var fontsY = fonts.slice(0, 3);
                setfonts(fontsY);
                props.onChange(fontsY.toString(), "fontFamily");
              },
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"], {
                icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("span", {
                children: [" ", font.family]
              })]
            });
          }), fontsLibrary.map(font => {
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
              className: "p-1 my-1 bg-white hover:bg-gray-300 border flex items-center cursor-pointer",
              style: {
                fontFamily: font
              },
              onClick: ev => {
                var fontsX = fonts.unshift(font);
                var fontsY = fonts.slice(0, 3);
                setfonts(fontsY);
                props.onChange(fontsY.toString(), "fontFamily");
              },
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"], {
                icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("span", {
                children: [" ", font]
              })]
            });
          })]
        }), keyword.length > 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment, {
          children: fontsFiltered.map(font => {
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
              className: "p-1 my-1 bg-white hover:bg-gray-300 border flex items-center cursor-pointer",
              style: {
                fontFamily: font
              },
              onClick: ev => {
                var fontsX = fonts.unshift(font);
                var fontsY = fonts.slice(0, 3);
                setfonts(fontsY);
                //setfonts(fonts);
                props.onChange(fonts.toString(), "fontFamily");
              },
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"], {
                icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("span", {
                children: [" ", font]
              })]
            });
          })
        })]
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {})]
  });
}
class PGcssFontFamily extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true,
      isLoaded: false
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  componentDidMount() {
    setTimeout(() => {
      this.setState(state => ({
        isLoaded: !state.isLoaded
      }));
    }, 1000);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning,
      isLoaded: this.state.isLoaded
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssFontFamily);

/***/ }),

/***/ "./src/components/css-font-size/index.js":
/*!***********************************************!*\
  !*** ./src/components/css-font-size/index.js ***!
  \***********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
    // large: { "label": "large", "value": "large" },
    // larger: { "label": "larger", "value": "larger" },
    // medium: { "label": "medium", "value": "medium" },
    // small: { "label": "small", "value": "small" },
    // smaller: { "label": "smaller", "value": "smaller" },
    // "x-large": { "label": "x-large", "value": "x-large" },
    // "x-small": { "label": "x-small", "value": "x-small" },
    // "xx-large": { "label": "xx-large", "value": "xx-large" },
    // "xx-small": { "label": "xx-small", "value": "xx-small" },
    // "xxx-large": { "label": "xxx-large", "value": "xxx-large" },
    // revert: { "label": "revert", "value": "revert" },
    // unset: { "label": "unset", "value": "unset" },
    // initial: { "label": "initial", "value": "initial" },
    // inherit: { "label": "inherit", "value": "inherit" },
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  valZ = typeof valZ == "object" ? (valZ.val == undefined ? "px" : valZ.val) + (valZ.unit == undefined ? "px" : valZ.unit) : valZ;
  var widthValX = valZ == undefined || valZ.match(/[+-]?([0-9]*[.])?[0-9]+/g) == null ? 0 : valZ.match(/[+-]?([0-9]*[.])?[0-9]+/g)[0];
  var widthUnitX = valZ == undefined || valZ.match(/[a-zA-Z%]+/g) == null ? "px" : valZ.match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between",
    children: [widthUnit != "auto" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      step: "0.01",
      disabled: widthUnit == "auto" ? true : false,
      onChange: newVal => {
        setwidthVal(newVal);
        if (widthUnit == "auto") {
          // props.onChange(widthUnit, 'width');
          if (isImportant) {
            props.onChange(widthUnit + " !important", "fontSize");
          } else {
            props.onChange(widthUnit, "fontSize");
          }
        } else {
          //props.onChange(newVal + widthUnit, 'width');
          if (isImportant) {
            props.onChange(newVal + widthUnit + " !important", "fontSize");
          } else {
            props.onChange(newVal + widthUnit, "fontSize");
          }
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: valZ ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                if (x.value == "auto") {
                  if (isImportant) {
                    props.onChange(x.value + " !important", "fontSize");
                  } else {
                    props.onChange(x.value, "fontSize");
                  }
                } else {
                  if (isImportant) {
                    props.onChange(widthVal + x.value + " !important", "fontSize");
                  } else {
                    props.onChange(widthVal + x.value, "fontSize");
                  }
                }
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (widthUnit == "auto") {
            props.onChange(widthUnit, "fontSize");
          } else {
            props.onChange(widthVal + widthUnit, "fontSize");
          }
        } else {
          if (widthUnit == "auto") {
            props.onChange(widthUnit + " !important", "fontSize");
          } else {
            props.onChange(widthVal + widthUnit + " !important", "fontSize");
          }
        }
      }
    })]
  });
}
class PGcssFontSize extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssFontSize);

/***/ }),

/***/ "./src/components/css-font-stretch/index.js":
/*!**************************************************!*\
  !*** ./src/components/css-font-stretch/index.js ***!
  \**************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    "ultra-condensed": {
      label: "ultra-condensed",
      value: "ultra-condensed"
    },
    "extra-condensed": {
      label: "extra-condensed",
      value: "extra-condensed"
    },
    condensed: {
      label: "condensed",
      value: "condensed"
    },
    "semi-condensed": {
      label: "semi-condensed",
      value: "semi-condensed"
    },
    normal: {
      label: "normal",
      value: "normal"
    },
    "semi-expanded": {
      label: "semi-expanded",
      value: "semi-expanded"
    },
    expanded: {
      label: "expanded",
      value: "expanded"
    },
    "extra-expanded": {
      label: "extra-expanded",
      value: "extra-expanded"
    },
    "ultra-expanded": {
      label: "ultra-expanded",
      value: "ultra-expanded"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Clear", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'fontStretch');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "fontStretch");
              } else {
                props.onChange(x.value, "fontStretch");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "fontStretch");
        } else {
          props.onChange(align + " !important", "fontStretch");
        }
      }
    })]
  });
}
class PGcssFontStretch extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssFontStretch);

/***/ }),

/***/ "./src/components/css-font-style/index.js":
/*!************************************************!*\
  !*** ./src/components/css-font-style/index.js ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    normal: {
      label: "normal",
      value: "normal"
    },
    italic: {
      label: "italic",
      value: "italic"
    },
    oblique: {
      label: "oblique",
      value: "oblique"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Clear", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'fontStyle');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "fontStyle");
              } else {
                props.onChange(x.value, "fontStyle");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "fontStyle");
        } else {
          props.onChange(align + " !important", "fontStyle");
        }
      }
    })]
  });
}
class PGcssFontStyle extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssFontStyle);

/***/ }),

/***/ "./src/components/css-font-variant-caps/index.js":
/*!*******************************************************!*\
  !*** ./src/components/css-font-variant-caps/index.js ***!
  \*******************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    normal: {
      label: "normal",
      value: "normal"
    },
    "small-caps": {
      label: "small-caps",
      value: "small-caps"
    },
    "all-small-caps": {
      label: "all-small-caps",
      value: "all-small-caps"
    },
    "petite-caps": {
      label: "petite-caps",
      value: "petite-caps"
    },
    "all-petite-caps": {
      label: "all-petite-caps",
      value: "all-petite-caps"
    },
    unicase: {
      label: "unicase",
      value: "unicase"
    },
    "titling-caps": {
      label: "titling-caps",
      value: "titling-caps"
    },
    initial: {
      label: "initial",
      value: "initial"
    },
    inherit: {
      label: "inherit",
      value: "inherit"
    },
    unset: {
      label: "unset",
      value: "unset"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Clear", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'fontVariantCaps');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "fontVariantCaps");
              } else {
                props.onChange(x.value, "fontVariantCaps");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "fontVariantCaps");
        } else {
          props.onChange(align + " !important", "fontVariantCaps");
        }
      }
    })]
  });
}
class PGcssFontVariantCaps extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssFontVariantCaps);

/***/ }),

/***/ "./src/components/css-font-weight/index.js":
/*!*************************************************!*\
  !*** ./src/components/css-font-weight/index.js ***!
  \*************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    normal: {
      label: "normal",
      value: "normal"
    },
    bold: {
      label: "bold",
      value: "bold"
    },
    bolder: {
      label: "bolder",
      value: "bolder"
    },
    lighter: {
      label: "lighter",
      value: "lighter"
    },
    100: {
      label: "100",
      value: "100"
    },
    200: {
      label: "200",
      value: "200"
    },
    300: {
      label: "300",
      value: "300"
    },
    400: {
      label: "400",
      value: "400"
    },
    500: {
      label: "500",
      value: "500"
    },
    600: {
      label: "600",
      value: "600"
    },
    700: {
      label: "700",
      value: "700"
    },
    800: {
      label: "800",
      value: "800"
    },
    900: {
      label: "900",
      value: "900"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Clear", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'fontWeight');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "fontWeight");
              } else {
                props.onChange(x.value, "fontWeight");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "fontWeight");
        } else {
          props.onChange(align + " !important", "fontWeight");
        }
      }
    })]
  });
}
class PGcssFontWeight extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssFontWeight);

/***/ }),

/***/ "./src/components/css-gap/index.js":
/*!*****************************************!*\
  !*** ./src/components/css-gap/index.js ***!
  \*****************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    auto: {
      label: "AUTO",
      value: "auto"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  var widthUnitX = valZ == undefined || valZ.match(/[a-zA-Z%]+/g) == null ? "px" : valZ.match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between",
    children: [widthUnit != "auto" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      disabled: widthUnit == "auto" ? true : false,
      onChange: newVal => {
        setwidthVal(newVal);
        if (widthUnit == "auto") {
          // props.onChange(widthUnit, 'width');
          if (isImportant) {
            props.onChange(widthUnit + " !important", "gap");
          } else {
            props.onChange(widthUnit, "gap");
          }
        } else {
          //props.onChange(newVal + widthUnit, 'width');
          if (isImportant) {
            props.onChange(newVal + widthUnit + " !important", "gap");
          } else {
            props.onChange(newVal + widthUnit, "gap");
          }
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom left",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: valZ ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32 pg-font",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                if (x.value == "auto") {
                  if (isImportant) {
                    props.onChange(x.value + " !important", "gap");
                  } else {
                    props.onChange(x.value, "gap");
                  }
                } else {
                  if (isImportant) {
                    props.onChange(widthVal + x.value + " !important", "gap");
                  } else {
                    props.onChange(widthVal + x.value, "gap");
                  }
                }
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (widthUnit == "auto") {
            props.onChange(widthUnit, "gap");
          } else {
            props.onChange(widthVal + widthUnit, "gap");
          }
        } else {
          if (widthUnit == "auto") {
            props.onChange(widthUnit + " !important", "gap");
          } else {
            props.onChange(widthVal + widthUnit + " !important", "gap");
          }
        }
      }
    })]
  });
}
class PGcssGap extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssGap);

/***/ }),

/***/ "./src/components/css-grid-auto-columns/index.js":
/*!*******************************************************!*\
  !*** ./src/components/css-grid-auto-columns/index.js ***!
  \*******************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    fr: {
      label: "FR",
      value: "fr"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    auto: {
      label: "AUTO",
      value: "auto"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  var widthUnitX = valZ == undefined || valZ.match(/[a-zA-Z%]+/g) == null ? "px" : valZ.match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between",
    children: [widthUnit != "auto" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      disabled: widthUnit == "auto" ? true : false,
      onChange: newVal => {
        setwidthVal(newVal);
        if (widthUnit == "auto") {
          // props.onChange(widthUnit, 'width');
          if (isImportant) {
            props.onChange(widthUnit + " !important", "gridAutoColumns");
          } else {
            props.onChange(widthUnit, "gridAutoColumns");
          }
        } else {
          //props.onChange(newVal + widthUnit, 'width');
          if (isImportant) {
            props.onChange(newVal + widthUnit + " !important", "gridAutoColumns");
          } else {
            props.onChange(newVal + widthUnit, "gridAutoColumns");
          }
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom left",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: valZ ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32 pg-font",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                if (x.value == "auto") {
                  if (isImportant) {
                    props.onChange(x.value + " !important", "gridAutoColumns");
                  } else {
                    props.onChange(x.value, "gridAutoColumns");
                  }
                } else {
                  if (isImportant) {
                    props.onChange(widthVal + x.value + " !important", "gridAutoColumns");
                  } else {
                    props.onChange(widthVal + x.value, "gridAutoColumns");
                  }
                }
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (widthUnit == "auto") {
            props.onChange(widthUnit, "gridAutoColumns");
          } else {
            props.onChange(widthVal + widthUnit, "gridAutoColumns");
          }
        } else {
          if (widthUnit == "auto") {
            props.onChange(widthUnit + " !important", "gridAutoColumns");
          } else {
            props.onChange(widthVal + widthUnit + " !important", "gridAutoColumns");
          }
        }
      }
    })]
  });
}
class PGcssGridAutoColumns extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssGridAutoColumns);

/***/ }),

/***/ "./src/components/css-grid-auto-flow/index.js":
/*!****************************************************!*\
  !*** ./src/components/css-grid-auto-flow/index.js ***!
  \****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    column: {
      label: "column",
      value: "column"
    },
    row: {
      label: "row",
      value: "row"
    },
    dense: {
      label: "dense",
      value: "dense"
    },
    "column-dense": {
      label: "column dense",
      value: "column-dense"
    },
    "row-dense": {
      label: "row dense",
      value: "row-dense"
    },
    revert: {
      label: "revert",
      value: "revert"
    },
    unset: {
      label: "unset",
      value: "unset"
    },
    inherit: {
      label: "inherit",
      value: "inherit"
    },
    initial: {
      label: "initial",
      value: "initial"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Place Items", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // props.onChange(x.value, 'alignItems');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "gridAutoFlow");
              } else {
                props.onChange(x.value, "gridAutoFlow");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "gridAutoFlow");
        } else {
          props.onChange(align + " !important", "gridAutoFlow");
        }
      }
    })]
  });
}
class PGcssGridAutoFlow extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssGridAutoFlow);

/***/ }),

/***/ "./src/components/css-grid-column-end/index.js":
/*!*****************************************************!*\
  !*** ./src/components/css-grid-column-end/index.js ***!
  \*****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex mt-4 justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      onChange: newVal => {
        setwidthVal(newVal);
        // props.onChange(newVal, 'gridColumnEnd');
        if (isImportant) {
          props.onChange(newVal + " !important", "gridColumnEnd");
        } else {
          props.onChange(newVal, "gridColumnEnd");
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(widthVal, "gridColumnEnd");
        } else {
          props.onChange(widthVal + " !important", "gridColumnEnd");
        }
      }
    })]
  });
}
class PGcssGridColumnEnd extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssGridColumnEnd);

/***/ }),

/***/ "./src/components/css-grid-column-start/index.js":
/*!*******************************************************!*\
  !*** ./src/components/css-grid-column-start/index.js ***!
  \*******************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      onChange: newVal => {
        setwidthVal(newVal);
        // props.onChange(newVal, 'gridColumnStart');
        if (isImportant) {
          props.onChange(newVal + " !important", "gridColumnStart");
        } else {
          props.onChange(newVal, "gridColumnStart");
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(widthVal, "gridColumnStart");
        } else {
          props.onChange(widthVal + " !important", "gridColumnStart");
        }
      }
    })]
  });
}
class PGcssGridColumnStart extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssGridColumnStart);

/***/ }),

/***/ "./src/components/css-grid-row-end/index.js":
/*!**************************************************!*\
  !*** ./src/components/css-grid-row-end/index.js ***!
  \**************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex mt-4",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      onChange: newVal => {
        setwidthVal(newVal);
        // props.onChange(newVal, 'gridRowEnd');
        if (isImportant) {
          props.onChange(newVal + " !important", "gridRowEnd");
        } else {
          props.onChange(newVal, "gridRowEnd");
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(widthVal, "gridRowEnd");
        } else {
          props.onChange(widthVal + " !important", "gridRowEnd");
        }
      }
    })]
  });
}
class PGcssGridRowEnd extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssGridRowEnd);

/***/ }),

/***/ "./src/components/css-grid-row-start/index.js":
/*!****************************************************!*\
  !*** ./src/components/css-grid-row-start/index.js ***!
  \****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex mt-4 justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      onChange: newVal => {
        setwidthVal(newVal);
        // props.onChange(newVal, 'gridRowStart');
        if (isImportant) {
          props.onChange(newVal + " !important", "gridRowStart");
        } else {
          props.onChange(newVal, "gridRowStart");
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(widthVal, "gridRowStart");
        } else {
          props.onChange(widthVal + " !important", "gridRowStart");
        }
      }
    })]
  });
}
class PGcssGridRowStart extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssGridRowStart);

/***/ }),

/***/ "./src/components/css-grid-template-columns/index.js":
/*!***********************************************************!*\
  !*** ./src/components/css-grid-template-columns/index.js ***!
  \***********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _colors_presets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../colors-presets */ "./src/colors-presets.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/close.js");
/* harmony import */ var _components_input_color_picker__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/input-color-picker */ "./src/components/input-color-picker/index.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__);
const {
  Component,
  RawHTML
} = wp.element;








function Html(props) {
  if (!props.warn) {
    return null;
  }
  //var valParts = ['1fr', '1fr', '1fr'];
  var valParts = props.val == undefined || props.val == null || props.val.length == 0 ? ['1fr'] : props.val.split(" ");
  var unitArgs = {
    fr: {
      "label": "FR",
      "value": "fr"
    },
    px: {
      "label": "PX",
      "value": "px"
    },
    em: {
      "label": "EM",
      "value": "em"
    },
    rem: {
      "label": "REM",
      "value": "rem"
    },
    "%": {
      "label": "%",
      "value": "%"
    },
    cm: {
      "label": "CM",
      "value": "cm"
    },
    mm: {
      "label": "MM",
      "value": "mm"
    },
    in: {
      "label": "IN",
      "value": "in"
    },
    pt: {
      "label": "PT",
      "value": "pt"
    },
    pc: {
      "label": "PC",
      "value": "pc"
    },
    ex: {
      "label": "EX",
      "value": "ex"
    },
    ch: {
      "label": "CH",
      "value": "ch"
    },
    vw: {
      "label": "VW",
      "value": "vw"
    },
    vh: {
      "label": "VH",
      "value": "vh"
    },
    vmin: {
      "label": "VMIN",
      "value": "vmin"
    },
    vmax: {
      "label": "VMAX",
      "value": "vmax"
    }
    // none: { "label": "none", "value": "none" },
    // inherit: { "label": "inherit", "value": "inherit" },
    // initial: { "label": "initial", "value": "initial" },
    // revert: { "label": "revert", "value": "revert" },
    // unset: { "label": "unset", "value": "unset" },
  };
  const [valArgs, setvalArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valParts);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() => {}, [props.val]);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
      className: "bg-green-600 hover:bg-green-500 rounded-sm inline-block cursor-pointer text-white px-3 py-1 my-4",
      onClick: ev => {
        var valArgsX = valArgs.concat('1fr');
        setvalArgs(valArgsX);
        props.onChange(valArgsX.join(' '), 'gridTemplateColumns');
      },
      children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Add", "accordions")
    }), valArgs.map((part, index) => {
      var valNumber = part.match(/-?\d+/g) != null ? part.match(/-?\d+/g)[0] : 1;
      var valUnit = part.match(/[a-zA-Z%]+/g) != null ? part.match(/[a-zA-Z%]+/g)[0] : 'fr';
      // var valNumber = (valArgs[0] == undefined || valArgs[0].match(/-?\d+/g) == null) ? 0 : valArgs[0].match(/-?\d+/g)[0];
      //   var valUnit = (valArgs[0] == undefined || valArgs[0].match(/[a-zA-Z%]+/g) == null) ? 'px' : valArgs[0].match(/[a-zA-Z%]+/g)[0];
      return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
        className: "my-2",
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
          className: "flex justify-between items-center",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("span", {
            className: "bg-red-500  inline-block hover:bg-red-400 mx-3 p-1 cursor-pointer",
            onClick: ev => {
              valArgs.splice(index, 1);
              setvalArgs(valArgs);
              props.onChange(valArgs.join(' '), 'gridTemplateColumns');
            },
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"], {
              fill: "#fff",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__["default"]
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
            value: valNumber,
            type: "number",
            onChange: newVal => {
              var valIndex = newVal + valUnit;
              valArgs[index] = valIndex;
              setvalArgs(valArgs);
              props.onChange(valArgs.join(' '), 'gridTemplateColumns');
            }
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
              position: "bottom right",
              renderToggle: ({
                isOpen,
                onToggle
              }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
                title: "",
                onClick: onToggle,
                "aria-expanded": isOpen,
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
                  className: " ",
                  children: valUnit != undefined ? unitArgs[valUnit].label : 'Select...'
                })
              }),
              renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
                className: "w-32",
                children: Object.entries(unitArgs).map(y => {
                  var j = y[0];
                  var x = y[1];
                  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
                    className: 'px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer',
                    onClick: ev => {
                      //props.onChange(valNumber + x.value, 'border');
                      var valIndex = valNumber + x.value;
                      valArgs[index] = valIndex;
                      setvalArgs(valArgs);
                      props.onChange(valArgs.join(' '), 'gridTemplateColumns');
                    },
                    children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment, {
                      children: x.label
                    })
                  });
                })
              })
            })
          })]
        })
      });
    })]
  });
}
class PGcssGridTemplateColumns extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(Html, {
        val: val,
        onChange: onChange,
        warn: this.state.showWarning
      })
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssGridTemplateColumns);

/***/ }),

/***/ "./src/components/css-grid-template-rows/index.js":
/*!********************************************************!*\
  !*** ./src/components/css-grid-template-rows/index.js ***!
  \********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _colors_presets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../colors-presets */ "./src/colors-presets.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/close.js");
/* harmony import */ var _components_input_color_picker__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/input-color-picker */ "./src/components/input-color-picker/index.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__);
const {
  Component,
  RawHTML
} = wp.element;








function Html(props) {
  if (!props.warn) {
    return null;
  }
  //var valParts = ['1fr', '1fr', '1fr'];
  var valParts = props.val == undefined || props.val == null || props.val.length == 0 ? ["1fr"] : props.val.split(" ");
  var unitArgs = {
    fr: {
      label: "FR",
      value: "fr"
    },
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
    // none: { "label": "none", "value": "none" },
    // inherit: { "label": "inherit", "value": "inherit" },
    // initial: { "label": "initial", "value": "initial" },
    // revert: { "label": "revert", "value": "revert" },
    // unset: { "label": "unset", "value": "unset" },
  };
  const [valArgs, setvalArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valParts);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() => {}, [props.val]);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
      className: "bg-green-600 hover:bg-green-500 rounded-sm inline-block cursor-pointer text-white px-3 py-1 my-4",
      onClick: ev => {
        var valArgsX = valArgs.concat("1fr");
        setvalArgs(valArgsX);
        props.onChange(valArgsX.join(" "), "gridTemplateRows");
      },
      children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Add", "accordions")
    }), valArgs.map((part, index) => {
      var valNumber = part.match(/-?\d+/g) != null ? part.match(/-?\d+/g)[0] : 1;
      var valUnit = part.match(/[a-zA-Z%]+/g) != null ? part.match(/[a-zA-Z%]+/g)[0] : "fr";
      return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
        className: "my-2",
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
          className: "flex justify-between items-center",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("span", {
            className: "bg-red-500  inline-block hover:bg-red-400 mx-3 p-1 cursor-pointer",
            onClick: ev => {
              valArgs.splice(index, 1);
              setvalArgs(valArgs);
              props.onChange(valArgs.join(" "), "gridTemplateRows");
            },
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"], {
              fill: "#fff",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__["default"]
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
            value: valNumber,
            type: "number",
            onChange: newVal => {
              var valIndex = newVal + valUnit;
              valArgs[index] = valIndex;
              setvalArgs(valArgs);
              props.onChange(valArgs.join(" "), "gridTemplateRows");
            }
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
              position: "bottom right",
              renderToggle: ({
                isOpen,
                onToggle
              }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
                title: "",
                onClick: onToggle,
                "aria-expanded": isOpen,
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
                  className: " ",
                  children: valUnit != undefined ? unitArgs[valUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
                })
              }),
              renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
                className: "w-32",
                children: Object.entries(unitArgs).map(y => {
                  var j = y[0];
                  var x = y[1];
                  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
                    className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
                    onClick: ev => {
                      //props.onChange(valNumber + x.value, 'border');
                      var valIndex = valNumber + x.value;
                      valArgs[index] = valIndex;
                      setvalArgs(valArgs);
                      props.onChange(valArgs.join(" "), "gridTemplateRows");
                    },
                    children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.Fragment, {
                      children: x.label
                    })
                  });
                })
              })
            })
          })]
        })
      });
    })]
  });
}
class PGcssGridTemplateRows extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(Html, {
        val: val,
        onChange: onChange,
        warn: this.state.showWarning
      })
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssGridTemplateRows);

/***/ }),

/***/ "./src/components/css-height/index.js":
/*!********************************************!*\
  !*** ./src/components/css-height/index.js ***!
  \********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    auto: {
      label: "AUTO",
      value: "auto"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  if (typeof props.val == "object") {
    var valZ = props.val.val + props.val.unit;
  } else {
    var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  }
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.split(" "));
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  var widthValX = valArgs[0] == undefined || valArgs[0].match(/-?\d+/g) == null ? 0 : valArgs[0].match(/-?\d+/g)[0];
  var widthUnitX = valArgs[0] == undefined || valArgs[0].match(/[a-zA-Z%]+/g) == null ? "px" : valArgs[0].match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [widthUnit != "auto" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      disabled: widthUnit == "auto" ? true : false,
      onChange: newVal => {
        setwidthVal(newVal);
        // if (widthUnit == 'auto') {
        //   props.onChange(widthUnit, 'height');
        // } else {
        //   props.onChange(newVal + widthUnit, 'height');
        // }
        if (widthUnit == "auto") {
          // props.onChange(widthUnit, 'width');
          if (isImportant) {
            props.onChange(widthUnit + " !important", "height");
          } else {
            props.onChange(widthUnit, "height");
          }
        } else {
          //props.onChange(newVal + widthUnit, 'width');
          if (isImportant) {
            props.onChange(newVal + widthUnit + " !important", "height");
          } else {
            props.onChange(newVal + widthUnit, "height");
          }
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom left",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: valZ ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                if (x.value == "auto") {
                  if (isImportant) {
                    props.onChange(x.value + " !important", "height");
                  } else {
                    props.onChange(x.value, "height");
                  }
                } else {
                  if (isImportant) {
                    props.onChange(widthVal + x.value + " !important", "height");
                  } else {
                    props.onChange(widthVal + x.value, "height");
                  }
                }
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (widthUnit == "auto") {
            props.onChange(widthUnit, "height");
          } else {
            props.onChange(widthVal + widthUnit, "height");
          }
        } else {
          if (widthUnit == "auto") {
            props.onChange(widthUnit + " !important", "height");
          } else {
            props.onChange(widthVal + widthUnit + " !important", "height");
          }
        }
      }
    })]
  });
}
class PGcssHeight extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssHeight);

/***/ }),

/***/ "./src/components/css-justify-content/index.js":
/*!*****************************************************!*\
  !*** ./src/components/css-justify-content/index.js ***!
  \*****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    start: {
      label: "start",
      value: "start"
    },
    end: {
      label: "end",
      value: "end"
    },
    left: {
      label: "left",
      value: "left"
    },
    center: {
      label: "center",
      value: "center"
    },
    right: {
      label: "right",
      value: "right"
    },
    stretch: {
      label: "stretch",
      value: "stretch"
    },
    "flex-start": {
      label: "flex start	",
      value: "flex-start"
    },
    "flex-end": {
      label: "flex end	",
      value: "flex-end"
    },
    "space-between": {
      label: "space between",
      value: "space-between"
    },
    "space-around": {
      label: "space around",
      value: "space-around"
    },
    "space-evenly": {
      label: "space evenly",
      value: "space-evenly"
    },
    normal: {
      label: "normal",
      value: "normal"
    },
    start: {
      label: "start",
      value: "start"
    },
    baseline: {
      label: "baseline",
      value: "baseline"
    },
    revert: {
      label: "revert",
      value: "revert"
    },
    unset: {
      label: "unset",
      value: "unset"
    },
    inherit: {
      label: "inherit",
      value: "inherit"
    },
    initial: {
      label: "initial",
      value: "initial"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: "Align Content",
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32 pg-font",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // props.onChange(x.value, 'justifyContent');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "justifyContent");
              } else {
                props.onChange(x.value, "justifyContent");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "justifyContent");
        } else {
          props.onChange(align + " !important", "justifyContent");
        }
      }
    })]
  });
}
class PGcssJustifyContent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssJustifyContent);

/***/ }),

/***/ "./src/components/css-left/index.js":
/*!******************************************!*\
  !*** ./src/components/css-left/index.js ***!
  \******************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    auto: {
      label: "AUTO",
      value: "auto"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  if (typeof props.val == "object") {
    var valZ = props.val.val + props.val.unit;
  } else {
    var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  }
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  var widthUnitX = valZ == undefined || valZ.match(/[a-zA-Z%]+/g) == null ? "px" : valZ.match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between",
    children: [widthUnit != "auto" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      disabled: widthUnit == "auto" ? true : false,
      onChange: newVal => {
        setwidthVal(newVal);
        if (widthUnit == "auto") {
          // props.onChange(widthUnit, 'width');
          if (isImportant) {
            props.onChange(widthUnit + " !important", "left");
          } else {
            props.onChange(widthUnit, "left");
          }
        } else {
          //props.onChange(newVal + widthUnit, 'width');
          if (isImportant) {
            props.onChange(newVal + widthUnit + " !important", "left");
          } else {
            props.onChange(newVal + widthUnit, "left");
          }
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom left",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: valZ ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                if (x.value == "auto") {
                  if (isImportant) {
                    props.onChange(x.value + " !important", "left");
                  } else {
                    props.onChange(x.value, "left");
                  }
                } else {
                  if (isImportant) {
                    props.onChange(widthVal + x.value + " !important", "left");
                  } else {
                    props.onChange(widthVal + x.value, "left");
                  }
                }
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (widthUnit == "auto") {
            props.onChange(widthUnit, "left");
          } else {
            props.onChange(widthVal + widthUnit, "left");
          }
        } else {
          if (widthUnit == "auto") {
            props.onChange(widthUnit + " !important", "left");
          } else {
            props.onChange(widthVal + widthUnit + " !important", "left");
          }
        }
      }
    })]
  });
}
class PGcssLeft extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssLeft);

/***/ }),

/***/ "./src/components/css-letter-spacing/index.js":
/*!****************************************************!*\
  !*** ./src/components/css-letter-spacing/index.js ***!
  \****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/[+-]?([0-9]*[.])?[0-9]+/g) == null ? 0 : valZ.match(/[+-]?([0-9]*[.])?[0-9]+/g)[0];
  var widthUnitX = valZ == undefined || valZ.match(/[a-zA-Z%]+/g) == null ? "px" : valZ.match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex mt-4",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      onChange: newVal => {
        setwidthVal(newVal);
        if (widthUnit == "auto") {
          // props.onChange(widthUnit, 'width');
          if (isImportant) {
            props.onChange(widthUnit + " !important", "letterSpacing");
          } else {
            props.onChange(widthUnit, "letterSpacing");
          }
        } else {
          //props.onChange(newVal + widthUnit, 'width');
          if (isImportant) {
            props.onChange(newVal + widthUnit + " !important", "letterSpacing");
          } else {
            props.onChange(newVal + widthUnit, "letterSpacing");
          }
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "Letter Spacing",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: props.val ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                if (x.value == "auto") {
                  if (isImportant) {
                    props.onChange(x.value + " !important", "letterSpacing");
                  } else {
                    props.onChange(x.value, "letterSpacing");
                  }
                } else {
                  if (isImportant) {
                    props.onChange(widthVal + x.value + " !important", "letterSpacing");
                  } else {
                    props.onChange(widthVal + x.value, "letterSpacing");
                  }
                }
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (widthUnit == "auto") {
            props.onChange(widthUnit, "letterSpacing");
          } else {
            props.onChange(widthVal + widthUnit, "letterSpacing");
          }
        } else {
          if (widthUnit == "auto") {
            props.onChange(widthUnit + " !important", "letterSpacing");
          } else {
            props.onChange(widthVal + widthUnit + " !important", "letterSpacing");
          }
        }
      }
    })]
  });
}
class PGcssLetterSpacing extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssLetterSpacing);

/***/ }),

/***/ "./src/components/css-line-height/index.js":
/*!*************************************************!*\
  !*** ./src/components/css-line-height/index.js ***!
  \*************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    normal: {
      label: "Normal",
      value: "normal"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  if (typeof props.val == "object") {
    var valZ = props.val.val + props.val.unit;
  } else {
    var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  }
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.split(" "));
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  var widthValX = valArgs[0] == undefined || valArgs[0].match(/-?\d+/g) == null ? 0 : valArgs[0].match(/-?\d+/g)[0];
  var widthUnitX = valArgs[0] == undefined || valArgs[0].match(/[a-zA-Z%]+/g) == null ? "px" : valArgs[0].match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
    children: [(widthUnit != "max-content" || widthUnit != "min-content" || widthUnit != "inherit" || widthUnit != "initial" || widthUnit != "revert" || widthUnit != "revert-layer" || widthUnit != "unset") && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
      className: "flex justify-between items-center",
      children: [widthUnit != "normal" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
        value: widthVal,
        type: "number",
        disabled: widthUnit == "normal" || widthUnit == "max-content" || widthUnit == "min-content" || widthUnit == "inherit" || widthUnit == "initial" || widthUnit == "revert" || widthUnit == "revert-layer" || widthUnit == "unset" ? true : false,
        onChange: newVal => {
          setwidthVal(newVal);
          if (widthUnit == "normal") {
            // props.onChange(widthUnit, 'lineHeight');
            if (isImportant) {
              props.onChange(widthUnit + " !important", "lineHeight");
            } else {
              props.onChange(widthUnit, "lineHeight");
            }
          } else {
            //props.onChange(newVal + widthUnit, 'lineHeight');
            if (isImportant) {
              props.onChange(newVal + widthUnit + " !important", "lineHeight");
            } else {
              props.onChange(newVal + widthUnit, "lineHeight");
            }
          }
        }
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
          position: "bottom left",
          renderToggle: ({
            isOpen,
            onToggle
          }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
            title: "",
            onClick: onToggle,
            "aria-expanded": isOpen,
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: " ",
              children: unitArgs[widthUnit] == undefined ? "Select..." : unitArgs[widthUnit].label
            })
          }),
          renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: "w-32",
            children: Object.entries(unitArgs).map(y => {
              var index = y[0];
              var x = y[1];
              return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
                className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
                onClick: ev => {
                  setwidthUnit(x.value);
                  if (x.value == "normal") {
                    if (isImportant) {
                      props.onChange(x.value + " !important", "lineHeight");
                    } else {
                      props.onChange(x.value, "lineHeight");
                    }
                  } else {
                    if (isImportant) {
                      props.onChange(widthVal + x.value + " !important", "lineHeight");
                    } else {
                      props.onChange(widthVal + x.value, "lineHeight");
                    }
                  }
                },
                children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                  children: x.label
                })
              });
            })
          })
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
        help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
        checked: isImportant,
        onChange: arg => {
          setImportant(isImportant => !isImportant);
          if (isImportant) {
            if (widthUnit == "normal") {
              props.onChange(widthUnit, "lineHeight");
            } else {
              props.onChange(widthVal + widthUnit, "lineHeight");
            }
          } else {
            if (widthUnit == "normal") {
              props.onChange(widthUnit + " !important", "lineHeight");
            } else {
              props.onChange(widthVal + widthUnit + " !important", "lineHeight");
            }
          }
        }
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, {
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("label", {
          htmlFor: "",
          children: [(0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Global Value", "accordions"), " "]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
          label: "",
          value: widthUnit,
          options: [{
            label: "Choose",
            value: "px"
          }, {
            label: "normal",
            value: "normal"
          }, {
            label: "Inherit",
            value: "inherit"
          }, {
            label: "Initial",
            value: "initial"
          }, {
            label: "Revert",
            value: "revert"
          }, {
            label: "Revert-layer",
            value: "revert-layer"
          }, {
            label: "Unset",
            value: "unset"
          }],
          onChange: newVal => {
            setwidthUnit(newVal);
            if (newVal == "normal" || newVal == "max-content" || newVal == "min-content" || newVal == "inherit" || newVal == "initial" || newVal == "revert" || newVal == "revert-layer" || newVal == "unset") {
              if (isImportant) {
                props.onChange(newVal + " !important", "lineHeight");
              } else {
                props.onChange(newVal, "lineHeight");
              }
            } else {
              if (isImportant) {
                props.onChange(widthVal + newVal + " !important", "lineHeight");
              } else {
                props.onChange(widthVal + newVal, "lineHeight");
              }
            }
          }
        })]
      })
    })]
  });
}
class PGcssLineHeight extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssLineHeight);

/***/ }),

/***/ "./src/components/css-list-style/index.js":
/*!************************************************!*\
  !*** ./src/components/css-list-style/index.js ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _colors_presets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../colors-presets */ "./src/colors-presets.js");
/* harmony import */ var _components_dropdown__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/dropdown */ "./src/components/dropdown/index.js");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5__);
/* 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__);
const {
  Component,
  RawHTML
} = wp.element;








function Html(props) {
  if (!props.warn) {
    return null;
  }
  var valParts = props.val != undefined ? props.val.split(" ") : ['square', 'inside', 'url("")'];
  var type = valParts[0] != undefined ? valParts[0] : 'square';
  var position = valParts[1] != undefined ? valParts[1] : 'inside';
  var image = valParts[2] != undefined ? valParts[2] : 'url("")';
  var imageVal = image.replace('url("', '');
  imageVal = imageVal.replace('")', '');
  var typeArgs = [{
    label: 'Select..',
    value: ''
  }, {
    label: 'disc',
    value: 'disc'
  }, {
    label: 'armenian',
    value: 'armenian'
  }, {
    label: 'circle',
    value: 'circle'
  }, {
    label: 'cjk-ideographic',
    value: 'cjk-ideographic'
  }, {
    label: 'decimal',
    value: 'decimal'
  }, {
    label: 'decimal-leading-zero',
    value: 'decimal-leading-zero'
  }, {
    label: 'georgian',
    value: 'georgian'
  }, {
    label: 'hebrew',
    value: 'hebrew'
  }, {
    label: 'hiragana',
    value: 'hiragana'
  }, {
    label: 'hiragana-iroha',
    value: 'hiragana-iroha'
  }, {
    label: 'katakana',
    value: 'katakana'
  }, {
    label: 'katakana-iroha',
    value: 'katakana-iroha'
  }, {
    label: 'lower-alpha',
    value: 'lower-alpha'
  }, {
    label: 'lower-greek',
    value: 'lower-greek'
  }, {
    label: 'lower-latin',
    value: 'lower-latin'
  }, {
    label: 'lower-roman',
    value: 'lower-roman'
  }, {
    label: 'square',
    value: 'square'
  }, {
    label: 'upper-alpha',
    value: 'upper-alpha'
  }, {
    label: 'upper-greek',
    value: 'upper-greek'
  }, {
    label: 'upper-latin',
    value: 'upper-latin'
  }, {
    label: 'upper-roman',
    value: 'upper-roman'
  }, {
    label: 'none',
    value: 'none'
  }];
  const ALLOWED_MEDIA_TYPES = ['image'];
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, {
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("label", {
        htmlFor: "",
        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Type", "accordions")
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_components_dropdown__WEBPACK_IMPORTED_MODULE_4__["default"], {
        position: "bottom right",
        variant: "secondary",
        options: typeArgs,
        buttonTitle: type,
        onChange: (option, index) => {
          props.onChange(option.value + ' ' + position + ' ' + image, 'listStyle');
        }
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, {
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("label", {
        htmlFor: "",
        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Position", "accordions")
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_components_dropdown__WEBPACK_IMPORTED_MODULE_4__["default"], {
        position: "bottom right",
        variant: "secondary",
        options: [{
          label: 'inside',
          value: 'inside'
        }, {
          label: 'outside',
          value: 'outside'
        }],
        buttonTitle: position,
        onChange: (option, index) => {
          props.onChange(type + ' ' + option.value + ' ' + image, 'listStyle');
        }
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
      className: "my-3",
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("img", {
        src: imageVal,
        alt: ""
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5__.MediaUploadCheck, {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5__.MediaUpload, {
        className: "bg-gray-700 hover:bg-gray-600",
        onSelect: media => {
          // media.id
          props.onChange(type + ' ' + position + ' url("' + media.url + '")', 'listStyle');
        },
        onClose: () => {},
        allowedTypes: ALLOWED_MEDIA_TYPES,
        render: ({
          open
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          className: "my-3 bg-gray-700 hover:bg-gray-600 text-white border border-solid border-gray-300 text-center w-full",
          onClick: open,
          children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Open Media Library", "accordions")
        })
      })
    })]
  });
}
class PGcssListStyle extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(Html, {
        val: val,
        onChange: onChange,
        warn: this.state.showWarning
      })
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssListStyle);

/***/ }),

/***/ "./src/components/css-margin-bottom/index.js":
/*!***************************************************!*\
  !*** ./src/components/css-margin-bottom/index.js ***!
  \***************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    auto: {
      label: "AUTO",
      value: "auto"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  var widthUnitX = valZ == undefined || valZ.match(/[a-zA-Z%]+/g) == null ? "px" : valZ.match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between",
    children: [widthUnit != "auto" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      disabled: widthUnit == "auto" ? true : false,
      onChange: newVal => {
        setwidthVal(newVal);
        if (widthUnit == "auto") {
          // props.onChange(widthUnit, 'width');
          if (isImportant) {
            props.onChange(widthUnit + " !important", "marginBottom");
          } else {
            props.onChange(widthUnit, "marginBottom");
          }
        } else {
          //props.onChange(newVal + widthUnit, 'width');
          if (isImportant) {
            props.onChange(newVal + widthUnit + " !important", "marginBottom");
          } else {
            props.onChange(newVal + widthUnit, "marginBottom");
          }
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom left",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: valZ ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                if (x.value == "auto") {
                  if (isImportant) {
                    props.onChange(x.value + " !important", "marginBottom");
                  } else {
                    props.onChange(x.value, "marginBottom");
                  }
                } else {
                  if (isImportant) {
                    props.onChange(widthVal + x.value + " !important", "marginBottom");
                  } else {
                    props.onChange(widthVal + x.value, "marginBottom");
                  }
                }
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (widthUnit == "auto") {
            props.onChange(widthUnit, "marginBottom");
          } else {
            props.onChange(widthVal + widthUnit, "marginBottom");
          }
        } else {
          if (widthUnit == "auto") {
            props.onChange(widthUnit + " !important", "marginBottom");
          } else {
            props.onChange(widthVal + widthUnit + " !important", "marginBottom");
          }
        }
      }
    })]
  });
}
class PGcssMarginBottom extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssMarginBottom);

/***/ }),

/***/ "./src/components/css-margin-left/index.js":
/*!*************************************************!*\
  !*** ./src/components/css-margin-left/index.js ***!
  \*************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    auto: {
      label: "AUTO",
      value: "auto"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  var widthUnitX = valZ == undefined || valZ.match(/[a-zA-Z%]+/g) == null ? "px" : valZ.match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between",
    children: [widthUnit != "auto" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      disabled: widthUnit == "auto" ? true : false,
      onChange: newVal => {
        setwidthVal(newVal);
        if (widthUnit == "auto") {
          // props.onChange(widthUnit, 'width');
          if (isImportant) {
            props.onChange(widthUnit + " !important", "marginLeft");
          } else {
            props.onChange(widthUnit, "marginLeft");
          }
        } else {
          //props.onChange(newVal + widthUnit, 'width');
          if (isImportant) {
            props.onChange(newVal + widthUnit + " !important", "marginLeft");
          } else {
            props.onChange(newVal + widthUnit, "marginLeft");
          }
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom left",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: valZ ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                if (x.value == "auto") {
                  if (isImportant) {
                    props.onChange(x.value + " !important", "marginLeft");
                  } else {
                    props.onChange(x.value, "marginLeft");
                  }
                } else {
                  if (isImportant) {
                    props.onChange(widthVal + x.value + " !important", "marginLeft");
                  } else {
                    props.onChange(widthVal + x.value, "marginLeft");
                  }
                }
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (widthUnit == "auto") {
            props.onChange(widthUnit, "marginLeft");
          } else {
            props.onChange(widthVal + widthUnit, "marginLeft");
          }
        } else {
          if (widthUnit == "auto") {
            props.onChange(widthUnit + " !important", "marginLeft");
          } else {
            props.onChange(widthVal + widthUnit + " !important", "marginLeft");
          }
        }
      }
    })]
  });
}
class PGcssMarginLeft extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssMarginLeft);

/***/ }),

/***/ "./src/components/css-margin-right/index.js":
/*!**************************************************!*\
  !*** ./src/components/css-margin-right/index.js ***!
  \**************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    auto: {
      label: "AUTO",
      value: "auto"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  var widthUnitX = valZ == undefined || valZ.match(/[a-zA-Z%]+/g) == null ? "px" : valZ.match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between",
    children: [widthUnit != "auto" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      disabled: widthUnit == "auto" ? true : false,
      onChange: newVal => {
        setwidthVal(newVal);
        if (widthUnit == "auto") {
          // props.onChange(widthUnit, 'width');
          if (isImportant) {
            props.onChange(widthUnit + " !important", "marginRight");
          } else {
            props.onChange(widthUnit, "marginRight");
          }
        } else {
          //props.onChange(newVal + widthUnit, 'width');
          if (isImportant) {
            props.onChange(newVal + widthUnit + " !important", "marginRight");
          } else {
            props.onChange(newVal + widthUnit, "marginRight");
          }
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom left",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: valZ ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                if (x.value == "auto") {
                  if (isImportant) {
                    props.onChange(x.value + " !important", "marginRight");
                  } else {
                    props.onChange(x.value, "marginRight");
                  }
                } else {
                  if (isImportant) {
                    props.onChange(widthVal + x.value + " !important", "marginRight");
                  } else {
                    props.onChange(widthVal + x.value, "marginRight");
                  }
                }
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (widthUnit == "auto") {
            props.onChange(widthUnit, "marginRight");
          } else {
            props.onChange(widthVal + widthUnit, "marginRight");
          }
        } else {
          if (widthUnit == "auto") {
            props.onChange(widthUnit + " !important", "marginRight");
          } else {
            props.onChange(widthVal + widthUnit + " !important", "marginRight");
          }
        }
      }
    })]
  });
}
class PGcssMarginRight extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssMarginRight);

/***/ }),

/***/ "./src/components/css-margin-top/index.js":
/*!************************************************!*\
  !*** ./src/components/css-margin-top/index.js ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    auto: {
      label: "AUTO",
      value: "auto"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  var widthUnitX = valZ == undefined || valZ.match(/[a-zA-Z%]+/g) == null ? "px" : valZ.match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between",
    children: [widthUnit != "auto" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      disabled: widthUnit == "auto" ? true : false,
      onChange: newVal => {
        setwidthVal(newVal);
        if (widthUnit == "auto") {
          // props.onChange(widthUnit, 'width');
          if (isImportant) {
            props.onChange(widthUnit + " !important", "marginTop");
          } else {
            props.onChange(widthUnit, "marginTop");
          }
        } else {
          //props.onChange(newVal + widthUnit, 'width');
          if (isImportant) {
            props.onChange(newVal + widthUnit + " !important", "marginTop");
          } else {
            props.onChange(newVal + widthUnit, "marginTop");
          }
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom left",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: valZ ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                if (x.value == "auto") {
                  if (isImportant) {
                    props.onChange(x.value + " !important", "marginTop");
                  } else {
                    props.onChange(x.value, "marginTop");
                  }
                } else {
                  if (isImportant) {
                    props.onChange(widthVal + x.value + " !important", "marginTop");
                  } else {
                    props.onChange(widthVal + x.value, "marginTop");
                  }
                }
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (widthUnit == "auto") {
            props.onChange(widthUnit, "marginTop");
          } else {
            props.onChange(widthVal + widthUnit, "marginTop");
          }
        } else {
          if (widthUnit == "auto") {
            props.onChange(widthUnit + " !important", "marginTop");
          } else {
            props.onChange(widthVal + widthUnit + " !important", "marginTop");
          }
        }
      }
    })]
  });
}
class PGcssMarginTop extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssMarginTop);

/***/ }),

/***/ "./src/components/css-margin/index.js":
/*!********************************************!*\
  !*** ./src/components/css-margin/index.js ***!
  \********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _colors_presets__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../colors-presets */ "./src/colors-presets.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__);
const {
  Component,
  RawHTML
} = wp.element;









function Html(props) {
  if (!props.warn) {
    return null;
  }
  var important = "";
  if (typeof props.val == "object") {
    var topX = props.val.top;
    var rightX = props.val.right;
    var bottomX = props.val.bottom;
    var leftX = props.val.left;
    var important = "";
    var valParts = [topX, rightX, bottomX, leftX, ""];
  } else {
    var valParts = props.val != undefined ? props.val.split(" ") : ["5px", "5px", "5px", "5px", ""];
    var topX = valParts[0];
    var rightX = valParts[1];
    var bottomX = valParts[2];
    var leftX = valParts[3];
    var important = valParts[4];
  }
  const [valX, setvalX] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)({
    top: topX,
    right: rightX,
    bottom: bottomX,
    left: leftX
  });
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valParts.includes("!important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalBoxControl, {
      label: "",
      values: valX,
      onChange: nextValues => {
        // setvalX({ top: nextValues.top, right: nextValues.right, bottom: nextValues.bottom, left: nextValues.left })
        // props.onChange(nextValues.top + ' ' + nextValues.right + ' ' + nextValues.bottom + ' ' + nextValues.left, 'margin');
        setvalX({
          top: nextValues.top,
          right: nextValues.right,
          bottom: nextValues.bottom,
          left: nextValues.left
        });
        if (isImportant) {
          props.onChange(nextValues.top + " " + nextValues.right + " " + nextValues.bottom + " " + nextValues.left + " !important", "margin");
        } else {
          props.onChange(nextValues.top + " " + nextValues.right + " " + nextValues.bottom + " " + nextValues.left, "margin");
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(valX.top + " " + valX.right + " " + valX.bottom + " " + valX.left, "margin");
        } else {
          props.onChange(valX.top + " " + valX.right + " " + valX.bottom + " " + valX.left + " !important", "margin");
        }
      }
    })]
  });
}
class PGcssMargin extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssMargin);

/***/ }),

/***/ "./src/components/css-max-height/index.js":
/*!************************************************!*\
  !*** ./src/components/css-max-height/index.js ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  var widthUnitX = valZ == undefined || valZ.match(/[a-zA-Z%]+/g) == null ? "px" : valZ.match(/[a-zA-Z%]+/g)[0];
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between",
    children: [widthUnit != "auto" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      disabled: widthUnit == "auto" ? true : false,
      onChange: newVal => {
        setwidthVal(newVal);
        if (widthUnit == "auto") {
          // props.onChange(widthUnit, 'width');
          if (isImportant) {
            props.onChange(widthUnit + " !important", "maxHeight");
          } else {
            props.onChange(widthUnit, "maxHeight");
          }
        } else {
          //props.onChange(newVal + widthUnit, 'width');
          if (isImportant) {
            props.onChange(newVal + widthUnit + " !important", "maxHeight");
          } else {
            props.onChange(newVal + widthUnit, "maxHeight");
          }
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom left",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: valZ ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                if (x.value == "auto") {
                  if (isImportant) {
                    props.onChange(x.value + " !important", "maxHeight");
                  } else {
                    props.onChange(x.value, "maxHeight");
                  }
                } else {
                  if (isImportant) {
                    props.onChange(widthVal + x.value + " !important", "maxHeight");
                  } else {
                    props.onChange(widthVal + x.value, "maxHeight");
                  }
                }
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (widthUnit == "auto") {
            props.onChange(widthUnit, "maxHeight");
          } else {
            props.onChange(widthVal + widthUnit, "maxHeight");
          }
        } else {
          if (widthUnit == "auto") {
            props.onChange(widthUnit + " !important", "maxHeight");
          } else {
            props.onChange(widthVal + widthUnit + " !important", "maxHeight");
          }
        }
      }
    })]
  });
}
class PGcssMaxHeight extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssMaxHeight);

/***/ }),

/***/ "./src/components/css-max-width/index.js":
/*!***********************************************!*\
  !*** ./src/components/css-max-width/index.js ***!
  \***********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    auto: {
      label: "AUTO",
      value: "auto"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  if (typeof props.val == "object") {
    var valZ = props.val.val + props.val.unit;
  } else {
    var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  }
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.split(" "));
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  var widthValX = valArgs[0] == undefined || valArgs[0].match(/-?\d+/g) == null ? 0 : valArgs[0].match(/-?\d+/g)[0];
  var widthUnitX = valArgs[0] == undefined || valArgs[0].match(/[a-zA-Z%]+/g) == null ? "px" : valArgs[0].match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [widthUnit != "auto" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      disabled: widthUnit == "auto" ? true : false,
      onChange: newVal => {
        setwidthVal(newVal);
        if (widthUnit == "auto") {
          // props.onChange(widthUnit, 'width');
          if (isImportant) {
            props.onChange(widthUnit + " !important", "maxWidth");
          } else {
            props.onChange(widthUnit, "maxWidth");
          }
        } else {
          //props.onChange(newVal + widthUnit, 'width');
          if (isImportant) {
            props.onChange(newVal + widthUnit + " !important", "maxWidth");
          } else {
            props.onChange(newVal + widthUnit, "maxWidth");
          }
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom left",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: valZ ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32 pg-font",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                if (x.value == "auto") {
                  if (isImportant) {
                    props.onChange(x.value + " !important", "maxWidth");
                  } else {
                    props.onChange(x.value, "maxWidth");
                  }
                } else {
                  if (isImportant) {
                    props.onChange(widthVal + x.value + " !important", "maxWidth");
                  } else {
                    props.onChange(widthVal + x.value, "maxWidth");
                  }
                }
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (widthUnit == "auto") {
            props.onChange(widthUnit, "maxWidth");
          } else {
            props.onChange(widthVal + widthUnit, "maxWidth");
          }
        } else {
          if (widthUnit == "auto") {
            props.onChange(widthUnit + " !important", "maxWidth");
          } else {
            props.onChange(widthVal + widthUnit + " !important", "maxWidth");
          }
        }
      }
    })]
  });
}
class PGcssMaxWidth extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssMaxWidth);

/***/ }),

/***/ "./src/components/css-min-height/index.js":
/*!************************************************!*\
  !*** ./src/components/css-min-height/index.js ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    auto: {
      label: "AUTO",
      value: "auto"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  var widthUnitX = valZ == undefined || valZ.match(/[a-zA-Z%]+/g) == null ? "px" : valZ.match(/[a-zA-Z%]+/g)[0];
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between",
    children: [widthUnit != "auto" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      disabled: widthUnit == "auto" ? true : false,
      onChange: newVal => {
        setwidthVal(newVal);
        if (widthUnit == "auto") {
          // props.onChange(widthUnit, 'width');
          if (isImportant) {
            props.onChange(widthUnit + " !important", "minHeight");
          } else {
            props.onChange(widthUnit, "minHeight");
          }
        } else {
          //props.onChange(newVal + widthUnit, 'width');
          if (isImportant) {
            props.onChange(newVal + widthUnit + " !important", "minHeight");
          } else {
            props.onChange(newVal + widthUnit, "minHeight");
          }
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom left",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: valZ ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                if (x.value == "auto") {
                  if (isImportant) {
                    props.onChange(x.value + " !important", "minHeight");
                  } else {
                    props.onChange(x.value, "minHeight");
                  }
                } else {
                  if (isImportant) {
                    props.onChange(widthVal + x.value + " !important", "minHeight");
                  } else {
                    props.onChange(widthVal + x.value, "minHeight");
                  }
                }
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (widthUnit == "auto") {
            props.onChange(widthUnit, "minHeight");
          } else {
            props.onChange(widthVal + widthUnit, "minHeight");
          }
        } else {
          if (widthUnit == "auto") {
            props.onChange(widthUnit + " !important", "minHeight");
          } else {
            props.onChange(widthVal + widthUnit + " !important", "minHeight");
          }
        }
      }
    })]
  });
}
class PGcssMinHeight extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssMinHeight);

/***/ }),

/***/ "./src/components/css-min-width/index.js":
/*!***********************************************!*\
  !*** ./src/components/css-min-width/index.js ***!
  \***********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    auto: {
      label: "AUTO",
      value: "auto"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  if (typeof props.val == "object") {
    var valZ = props.val.val + props.val.unit;
  } else {
    var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  }
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.split(" "));
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  var widthValX = valArgs[0] == undefined || valArgs[0].match(/-?\d+/g) == null ? 0 : valArgs[0].match(/-?\d+/g)[0];
  var widthUnitX = valArgs[0] == undefined || valArgs[0].match(/[a-zA-Z%]+/g) == null ? "px" : valArgs[0].match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [widthUnit != "auto" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      disabled: widthUnit == "auto" ? true : false,
      onChange: newVal => {
        setwidthVal(newVal);
        if (widthUnit == "auto") {
          // props.onChange(widthUnit, 'width');
          if (isImportant) {
            props.onChange(widthUnit + " !important", "minWidth");
          } else {
            props.onChange(widthUnit, "minWidth");
          }
        } else {
          //props.onChange(newVal + widthUnit, 'width');
          if (isImportant) {
            props.onChange(newVal + widthUnit + " !important", "minWidth");
          } else {
            props.onChange(newVal + widthUnit, "minWidth");
          }
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom left",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: valZ ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32 pg-font",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                if (x.value == "auto") {
                  if (isImportant) {
                    props.onChange(x.value + " !important", "minWidth");
                  } else {
                    props.onChange(x.value, "minWidth");
                  }
                } else {
                  if (isImportant) {
                    props.onChange(widthVal + x.value + " !important", "minWidth");
                  } else {
                    props.onChange(widthVal + x.value, "minWidth");
                  }
                }
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (widthUnit == "auto") {
            props.onChange(widthUnit, "minWidth");
          } else {
            props.onChange(widthVal + widthUnit, "minWidth");
          }
        } else {
          if (widthUnit == "auto") {
            props.onChange(widthUnit + " !important", "minWidth");
          } else {
            props.onChange(widthVal + widthUnit + " !important", "minWidth");
          }
        }
      }
    })]
  });
}
class PGcssMinWidth extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssMinWidth);

/***/ }),

/***/ "./src/components/css-object-fit/index.js":
/*!************************************************!*\
  !*** ./src/components/css-object-fit/index.js ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    fill: {
      label: "fill",
      value: "fill"
    },
    contain: {
      label: "contain",
      value: "contain"
    },
    cover: {
      label: "cover",
      value: "cover"
    },
    "scale-down": {
      label: "scale-down",
      value: "scale-down"
    },
    none: {
      label: "none",
      value: "none"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Clear", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32 pg-font",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'objectFit');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "objectFit");
              } else {
                props.onChange(x.value, "objectFit");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "objectFit");
        } else {
          props.onChange(align + " !important", "objectFit");
        }
      }
    })]
  });
}
class PGcssObjectFit extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssObjectFit);

/***/ }),

/***/ "./src/components/css-opacity/index.js":
/*!*********************************************!*\
  !*** ./src/components/css-opacity/index.js ***!
  \*********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0" : props.val.toString();
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex mt-4",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      min: "0",
      max: "1",
      step: "0.01",
      onChange: newVal => {
        setwidthVal(newVal);
        if (isImportant) {
          props.onChange(newVal + " !important", "opacity");
        } else {
          props.onChange(newVal, "opacity");
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(widthVal, "opacity");
        } else {
          props.onChange(widthVal + " !important", "opacity");
        }
      }
    })]
  });
}
class PGcssOpacity extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssOpacity);

/***/ }),

/***/ "./src/components/css-order/index.js":
/*!*******************************************!*\
  !*** ./src/components/css-order/index.js ***!
  \*******************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0" : props.val;
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex mt-4",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      onChange: newVal => {
        setwidthVal(newVal);
        if (isImportant) {
          props.onChange(newVal + " !important", "order");
        } else {
          props.onChange(newVal, "order");
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(widthVal, "order");
        } else {
          props.onChange(widthVal + " !important", "order");
        }
      }
    })]
  });
}
class PGcssOrder extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssOrder);

/***/ }),

/***/ "./src/components/css-outline-offset/index.js":
/*!****************************************************!*\
  !*** ./src/components/css-outline-offset/index.js ***!
  \****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      "label": "PX",
      "value": "px"
    },
    em: {
      "label": "EM",
      "value": "em"
    },
    rem: {
      "label": "REM",
      "value": "rem"
    },
    auto: {
      "label": "AUTO",
      "value": "auto"
    },
    "%": {
      "label": "%",
      "value": "%"
    },
    cm: {
      "label": "CM",
      "value": "cm"
    },
    mm: {
      "label": "MM",
      "value": "mm"
    },
    in: {
      "label": "IN",
      "value": "in"
    },
    pt: {
      "label": "PT",
      "value": "pt"
    },
    pc: {
      "label": "PC",
      "value": "pc"
    },
    ex: {
      "label": "EX",
      "value": "ex"
    },
    ch: {
      "label": "CH",
      "value": "ch"
    },
    vw: {
      "label": "VW",
      "value": "vw"
    },
    vh: {
      "label": "VH",
      "value": "vh"
    },
    vmin: {
      "label": "VMIN",
      "value": "vmin"
    },
    vmax: {
      "label": "VMAX",
      "value": "vmax"
    }
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? '0px' : props.val;
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  var widthUnitX = valZ == undefined || valZ.match(/[a-zA-Z%]+/g) == null ? 'px' : valZ.match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex mt-4",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      onChange: newVal => {
        setwidthVal(newVal);
        props.onChange(newVal + widthUnit, 'outlineOffset');
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: props.val ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)('Select...', "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: 'px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer',
              onClick: ev => {
                setwidthUnit(x.value);
                props.onChange(widthVal + x.value, 'outlineOffset');
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    })]
  });
}
class PGcssOutlineOffset extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssOutlineOffset);

/***/ }),

/***/ "./src/components/css-outline/index.js":
/*!*********************************************!*\
  !*** ./src/components/css-outline/index.js ***!
  \*********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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 _colors_presets__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../colors-presets */ "./src/colors-presets.js");
/* 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 _components_input_color_picker__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/input-color-picker */ "./src/components/input-color-picker/index.js");
/* harmony import */ var _components_dropdown__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/dropdown */ "./src/components/dropdown/index.js");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_5__);
/* 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__);
const {
  Component,
  RawHTML
} = wp.element;







function Html(props) {
  if (!props.warn) {
    return null;
  }
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "10px solid #50547d4f" : props.val;
  var blur = valZ != undefined ? parseInt(valZ.split(" ")[0].match(/-?\d+/g)[0]) : 2;
  var style = valZ != undefined ? valZ.split(" ")[1] : "solid";
  var color = valZ != undefined ? valZ.split(" ")[2] : "#dddddd";
  var styleArgs = {
    none: {
      label: "None",
      value: "none"
    },
    hidden: {
      label: "Hidden",
      value: "hidden"
    },
    dotted: {
      label: "Dotted",
      value: "dotted"
    },
    dashed: {
      label: "Dashed",
      value: "dashed"
    },
    solid: {
      label: "Solid",
      value: "solid"
    },
    double: {
      label: "Double",
      value: "double"
    },
    groove: {
      label: "Groove",
      value: "groove"
    },
    ridge: {
      label: "Ridge",
      value: "ridge"
    },
    inset: {
      label: "Inset",
      value: "inset"
    },
    outset: {
      label: "Outset",
      value: "outset"
    }
  };
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_5__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("label", {
        htmlFor: "",
        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Width", "accordions")
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.RangeControl, {
      min: "0",
      max: "100",
      step: "1",
      value: blur,
      onChange: newVal => {
        props.onChange(+newVal + "px " + style + " " + color, "outline");
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("label", {
        htmlFor: "",
        children: "Style"
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_components_dropdown__WEBPACK_IMPORTED_MODULE_4__["default"], {
        position: "bottom right",
        variant: "secondary",
        options: styleArgs,
        buttonTitle: styleArgs[style] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Choose", "accordions") : styleArgs[style].label,
        onChange: (option, index) => {
          props.onChange(blur + "px " + option.value + " " + color, "outline");
        },
        values: ""
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
      for: "",
      children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Color", "accordions")
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_components_input_color_picker__WEBPACK_IMPORTED_MODULE_3__["default"], {
      value: color,
      colors: _colors_presets__WEBPACK_IMPORTED_MODULE_1__["default"],
      enableAlpha: true,
      onChange: newVal => {
        props.onChange(blur + "px " + style + " " + newVal, "outline");
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(blur + "px" + " " + style + " " + color, "outline");
        } else {
          props.onChange(blur + "px" + " " + style + " " + color + " !important", "outline");
        }
      }
    })]
  });
}
class PGcssoutline extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(Html, {
        val: val,
        onChange: onChange,
        warn: this.state.showWarning
      })
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssoutline);

/***/ }),

/***/ "./src/components/css-overflow-x/index.js":
/*!************************************************!*\
  !*** ./src/components/css-overflow-x/index.js ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    scroll: {
      label: "Scroll",
      value: "scroll"
    },
    hidden: {
      label: "Hidden",
      value: "hidden"
    },
    auto: {
      label: "Auto",
      value: "auto"
    },
    visible: {
      label: "Visible",
      value: "visible"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: "",
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32 pg-font",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'overflowX');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "overflowX");
              } else {
                props.onChange(x.value, "overflowX");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "overflowX");
        } else {
          props.onChange(align + " !important", "overflowX");
        }
      }
    })]
  });
}
class PGcssOverflowX extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssOverflowX);

/***/ }),

/***/ "./src/components/css-overflow-y/index.js":
/*!************************************************!*\
  !*** ./src/components/css-overflow-y/index.js ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    scroll: {
      label: "Scroll",
      value: "scroll"
    },
    hidden: {
      label: "Hidden",
      value: "hidden"
    },
    auto: {
      label: "Auto",
      value: "auto"
    },
    visible: {
      label: "Visible",
      value: "visible"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: "",
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32 pg-font",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'overflowY');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "overflowY");
              } else {
                props.onChange(x.value, "overflowY");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "overflowY");
        } else {
          props.onChange(align + " !important", "overflowY");
        }
      }
    })]
  });
}
class PGcssOverflowY extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssOverflowY);

/***/ }),

/***/ "./src/components/css-overflow/index.js":
/*!**********************************************!*\
  !*** ./src/components/css-overflow/index.js ***!
  \**********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    scroll: {
      label: "Scroll",
      value: "scroll"
    },
    hidden: {
      label: "Hidden",
      value: "hidden"
    },
    auto: {
      label: "Auto",
      value: "auto"
    },
    clip: {
      label: "Clip",
      value: "clip"
    },
    visible: {
      label: "Visible",
      value: "visible"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: "",
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32 pg-font",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'overflow');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "overflow");
              } else {
                props.onChange(x.value, "overflow");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "overflow");
        } else {
          props.onChange(align + " !important", "overflow");
        }
      }
    })]
  });
}
class PGcssOverflow extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssOverflow);

/***/ }),

/***/ "./src/components/css-padding-bottom/index.js":
/*!****************************************************!*\
  !*** ./src/components/css-padding-bottom/index.js ***!
  \****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    auto: {
      label: "AUTO",
      value: "auto"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  var widthUnitX = valZ == undefined || valZ.match(/[a-zA-Z%]+/g) == null ? "px" : valZ.match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between",
    children: [widthUnit != "auto" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      disabled: widthUnit == "auto" ? true : false,
      onChange: newVal => {
        setwidthVal(newVal);
        if (widthUnit == "auto") {
          // props.onChange(widthUnit, 'width');
          if (isImportant) {
            props.onChange(widthUnit + " !important", "paddingBottom");
          } else {
            props.onChange(widthUnit, "paddingBottom");
          }
        } else {
          //props.onChange(newVal + widthUnit, 'width');
          if (isImportant) {
            props.onChange(newVal + widthUnit + " !important", "paddingBottom");
          } else {
            props.onChange(newVal + widthUnit, "paddingBottom");
          }
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom left",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: valZ ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32 pg-font",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                if (x.value == "auto") {
                  if (isImportant) {
                    props.onChange(x.value + " !important", "paddingBottom");
                  } else {
                    props.onChange(x.value, "paddingBottom");
                  }
                } else {
                  if (isImportant) {
                    props.onChange(widthVal + x.value + " !important", "paddingBottom");
                  } else {
                    props.onChange(widthVal + x.value, "paddingBottom");
                  }
                }
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (widthUnit == "auto") {
            props.onChange(widthUnit, "paddingBottom");
          } else {
            props.onChange(widthVal + widthUnit, "paddingBottom");
          }
        } else {
          if (widthUnit == "auto") {
            props.onChange(widthUnit + " !important", "paddingBottom");
          } else {
            props.onChange(widthVal + widthUnit + " !important", "paddingBottom");
          }
        }
      }
    })]
  });
}
class PGcssPaddingBottom extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssPaddingBottom);

/***/ }),

/***/ "./src/components/css-padding-left/index.js":
/*!**************************************************!*\
  !*** ./src/components/css-padding-left/index.js ***!
  \**************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    auto: {
      label: "AUTO",
      value: "auto"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  var widthUnitX = valZ == undefined || valZ.match(/[a-zA-Z%]+/g) == null ? "px" : valZ.match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between",
    children: [widthUnit != "auto" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      disabled: widthUnit == "auto" ? true : false,
      onChange: newVal => {
        setwidthVal(newVal);
        if (widthUnit == "auto") {
          // props.onChange(widthUnit, 'width');
          if (isImportant) {
            props.onChange(widthUnit + " !important", "paddingLeft");
          } else {
            props.onChange(widthUnit, "paddingLeft");
          }
        } else {
          //props.onChange(newVal + widthUnit, 'width');
          if (isImportant) {
            props.onChange(newVal + widthUnit + " !important", "paddingLeft");
          } else {
            props.onChange(newVal + widthUnit, "paddingLeft");
          }
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom left",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: valZ ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32 pg-font",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                if (x.value == "auto") {
                  if (isImportant) {
                    props.onChange(x.value + " !important", "paddingLeft");
                  } else {
                    props.onChange(x.value, "paddingLeft");
                  }
                } else {
                  if (isImportant) {
                    props.onChange(widthVal + x.value + " !important", "paddingLeft");
                  } else {
                    props.onChange(widthVal + x.value, "paddingLeft");
                  }
                }
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (widthUnit == "auto") {
            props.onChange(widthUnit, "paddingLeft");
          } else {
            props.onChange(widthVal + widthUnit, "paddingLeft");
          }
        } else {
          if (widthUnit == "auto") {
            props.onChange(widthUnit + " !important", "paddingLeft");
          } else {
            props.onChange(widthVal + widthUnit + " !important", "paddingLeft");
          }
        }
      }
    })]
  });
}
class PGcssPaddingLeft extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssPaddingLeft);

/***/ }),

/***/ "./src/components/css-padding-right/index.js":
/*!***************************************************!*\
  !*** ./src/components/css-padding-right/index.js ***!
  \***************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    auto: {
      label: "AUTO",
      value: "auto"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  var widthUnitX = valZ == undefined || valZ.match(/[a-zA-Z%]+/g) == null ? "px" : valZ.match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between",
    children: [widthUnit != "auto" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      disabled: widthUnit == "auto" ? true : false,
      onChange: newVal => {
        setwidthVal(newVal);
        if (widthUnit == "auto") {
          // props.onChange(widthUnit, 'width');
          if (isImportant) {
            props.onChange(widthUnit + " !important", "paddingRight");
          } else {
            props.onChange(widthUnit, "paddingRight");
          }
        } else {
          //props.onChange(newVal + widthUnit, 'width');
          if (isImportant) {
            props.onChange(newVal + widthUnit + " !important", "paddingRight");
          } else {
            props.onChange(newVal + widthUnit, "paddingRight");
          }
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom left",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: valZ ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32 pg-font",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                if (x.value == "auto") {
                  if (isImportant) {
                    props.onChange(x.value + " !important", "paddingRight");
                  } else {
                    props.onChange(x.value, "paddingRight");
                  }
                } else {
                  if (isImportant) {
                    props.onChange(widthVal + x.value + " !important", "paddingRight");
                  } else {
                    props.onChange(widthVal + x.value, "paddingRight");
                  }
                }
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (widthUnit == "auto") {
            props.onChange(widthUnit, "paddingRight");
          } else {
            props.onChange(widthVal + widthUnit, "paddingRight");
          }
        } else {
          if (widthUnit == "auto") {
            props.onChange(widthUnit + " !important", "paddingRight");
          } else {
            props.onChange(widthVal + widthUnit + " !important", "paddingRight");
          }
        }
      }
    })]
  });
}
class PGcssPaddingRight extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssPaddingRight);

/***/ }),

/***/ "./src/components/css-padding-top/index.js":
/*!*************************************************!*\
  !*** ./src/components/css-padding-top/index.js ***!
  \*************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    auto: {
      label: "AUTO",
      value: "auto"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  var widthUnitX = valZ == undefined || valZ.match(/[a-zA-Z%]+/g) == null ? "px" : valZ.match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between",
    children: [widthUnit != "auto" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      disabled: widthUnit == "auto" ? true : false,
      onChange: newVal => {
        setwidthVal(newVal);
        if (widthUnit == "auto") {
          // props.onChange(widthUnit, 'width');
          if (isImportant) {
            props.onChange(widthUnit + " !important", "paddingTop");
          } else {
            props.onChange(widthUnit, "paddingTop");
          }
        } else {
          //props.onChange(newVal + widthUnit, 'width');
          if (isImportant) {
            props.onChange(newVal + widthUnit + " !important", "paddingTop");
          } else {
            props.onChange(newVal + widthUnit, "paddingTop");
          }
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom left",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: valZ ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32 pg-font",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                if (x.value == "auto") {
                  if (isImportant) {
                    props.onChange(x.value + " !important", "paddingTop");
                  } else {
                    props.onChange(x.value, "paddingTop");
                  }
                } else {
                  if (isImportant) {
                    props.onChange(widthVal + x.value + " !important", "paddingTop");
                  } else {
                    props.onChange(widthVal + x.value, "paddingTop");
                  }
                }
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (widthUnit == "auto") {
            props.onChange(widthUnit, "paddingTop");
          } else {
            props.onChange(widthVal + widthUnit, "paddingTop");
          }
        } else {
          if (widthUnit == "auto") {
            props.onChange(widthUnit + " !important", "paddingTop");
          } else {
            props.onChange(widthVal + widthUnit + " !important", "paddingTop");
          }
        }
      }
    })]
  });
}
class PGcssPaddingTop extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssPaddingTop);

/***/ }),

/***/ "./src/components/css-padding/index.js":
/*!*********************************************!*\
  !*** ./src/components/css-padding/index.js ***!
  \*********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _colors_presets__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../colors-presets */ "./src/colors-presets.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__);
const {
  Component,
  RawHTML
} = wp.element;









function Html(props) {
  if (!props.warn) {
    return null;
  }
  var important = "";
  if (typeof props.val == "object") {
    var topX = props.val.top;
    var rightX = props.val.right;
    var bottomX = props.val.bottom;
    var leftX = props.val.left;
    var important = "";
    var valParts = [topX, rightX, bottomX, leftX, ""];
  } else {
    var valParts = props.val != undefined ? props.val.split(" ") : ["5px", "5px", "5px", "5px", ""];
    var topX = valParts[0];
    var rightX = valParts[1];
    var bottomX = valParts[2];
    var leftX = valParts[3];
    var important = valParts[4];
  }
  const [valX, setvalX] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)({
    top: topX,
    right: rightX,
    bottom: bottomX,
    left: leftX
  });
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valParts == undefined ? false : valParts.includes("!important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalBoxControl, {
      label: "",
      values: valX,
      onChange: nextValues => {
        // setvalX({ top: nextValues.top, right: nextValues.right, bottom: nextValues.bottom, left: nextValues.left })
        // props.onChange(nextValues.top + ' ' + nextValues.right + ' ' + nextValues.bottom + ' ' + nextValues.left, 'padding');
        setvalX({
          top: nextValues.top,
          right: nextValues.right,
          bottom: nextValues.bottom,
          left: nextValues.left
        });
        if (isImportant) {
          props.onChange(nextValues.top + " " + nextValues.right + " " + nextValues.bottom + " " + nextValues.left + " !important", "padding");
        } else {
          props.onChange(nextValues.top + " " + nextValues.right + " " + nextValues.bottom + " " + nextValues.left, "padding");
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(valX.top + " " + valX.right + " " + valX.bottom + " " + valX.left, "padding");
        } else {
          props.onChange(valX.top + " " + valX.right + " " + valX.bottom + " " + valX.left + " !important", "padding");
        }
      }
    })]
  });
}
class PGcssPadding extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssPadding);

/***/ }),

/***/ "./src/components/css-perspective/index.js":
/*!*************************************************!*\
  !*** ./src/components/css-perspective/index.js ***!
  \*************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  var widthUnitX = valZ == undefined || valZ.match(/[a-zA-Z%]+/g) == null ? "px" : valZ.match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex mt-4",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      onChange: newVal => {
        setwidthVal(newVal);
        if (widthUnit == "auto") {
          // props.onChange(widthUnit, 'width');
          if (isImportant) {
            props.onChange(widthUnit + " !important", "perspective");
          } else {
            props.onChange(widthUnit, "perspective");
          }
        } else {
          //props.onChange(newVal + widthUnit, 'width');
          if (isImportant) {
            props.onChange(newVal + widthUnit + " !important", "perspective");
          } else {
            props.onChange(newVal + widthUnit, "perspective");
          }
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom left",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: props.val ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32 pg-font",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                if (x.value == "auto") {
                  if (isImportant) {
                    props.onChange(x.value + " !important", "perspective");
                  } else {
                    props.onChange(x.value, "perspective");
                  }
                } else {
                  if (isImportant) {
                    props.onChange(widthVal + x.value + " !important", "perspective");
                  } else {
                    props.onChange(widthVal + x.value, "perspective");
                  }
                }
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (widthUnit == "auto") {
            props.onChange(widthUnit, "perspective");
          } else {
            props.onChange(widthVal + widthUnit, "perspective");
          }
        } else {
          if (widthUnit == "auto") {
            props.onChange(widthUnit + " !important", "perspective");
          } else {
            props.onChange(widthVal + widthUnit + " !important", "perspective");
          }
        }
      }
    })]
  });
}
class PGcssPerspective extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssPerspective);

/***/ }),

/***/ "./src/components/css-place-items/index.js":
/*!*************************************************!*\
  !*** ./src/components/css-place-items/index.js ***!
  \*************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    stretch: {
      label: "stretch",
      value: "stretch"
    },
    center: {
      label: "center",
      value: "center"
    },
    "self-end": {
      label: "self end	",
      value: "self-start"
    },
    "self-start": {
      label: "self start	",
      value: "self-start"
    },
    "flex-start": {
      label: "flex start	",
      value: "flex-start"
    },
    "flex-end": {
      label: "flex end	",
      value: "flex-end"
    },
    "space-between": {
      label: "space between",
      value: "space-between"
    },
    "space-around": {
      label: "space around",
      value: "space-around"
    },
    "space-evenly": {
      label: "space evenly",
      value: "space-evenly"
    },
    right: {
      label: "right",
      value: "right"
    },
    left: {
      label: "left",
      value: "left"
    },
    start: {
      label: "start",
      value: "start"
    },
    end: {
      label: "end",
      value: "end"
    },
    normal: {
      label: "normal",
      value: "normal"
    },
    start: {
      label: "start",
      value: "start"
    },
    baseline: {
      label: "baseline",
      value: "baseline"
    },
    revert: {
      label: "revert",
      value: "revert"
    },
    unset: {
      label: "unset",
      value: "unset"
    },
    inherit: {
      label: "inherit",
      value: "inherit"
    },
    initial: {
      label: "initial",
      value: "initial"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Place Items", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // props.onChange(x.value, 'alignItems');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "placeItems");
              } else {
                props.onChange(x.value, "placeItems");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "placeItems");
        } else {
          props.onChange(align + " !important", "placeItems");
        }
      }
    })]
  });
}
class PGcssPlaceItems extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssPlaceItems);

/***/ }),

/***/ "./src/components/css-position/index.js":
/*!**********************************************!*\
  !*** ./src/components/css-position/index.js ***!
  \**********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    static: {
      label: "static",
      value: "static"
    },
    absolute: {
      label: "absolute",
      value: "absolute"
    },
    fixed: {
      label: "fixed",
      value: "fixed"
    },
    relative: {
      label: "relative",
      value: "relative"
    },
    sticky: {
      label: "sticky",
      value: "sticky"
    }
  };
  var valX = props.val == undefined || props.val == null || props.val.length == 0 ? "relative" : props.val;
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valX.split(" "));
  const [value, setValue] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Clear", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[value] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[value].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32 pg-font",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              setValue(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "position");
              } else {
                props.onChange(x.value, "position");
              }
            },
            children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      label: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(value, "position");
        } else {
          props.onChange(value + " !important", "position");
        }
      }
    })]
  });
}
class PGcssPosition extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssPosition);

/***/ }),

/***/ "./src/components/css-right/index.js":
/*!*******************************************!*\
  !*** ./src/components/css-right/index.js ***!
  \*******************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    auto: {
      label: "AUTO",
      value: "auto"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  var widthUnitX = valZ == undefined || valZ.match(/[a-zA-Z%]+/g) == null ? "px" : valZ.match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between",
    children: [widthUnit != "auto" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      disabled: widthUnit == "auto" ? true : false,
      onChange: newVal => {
        setwidthVal(newVal);
        if (widthUnit == "auto") {
          // props.onChange(widthUnit, 'width');
          if (isImportant) {
            props.onChange(widthUnit + " !important", "right");
          } else {
            props.onChange(widthUnit, "right");
          }
        } else {
          //props.onChange(newVal + widthUnit, 'width');
          if (isImportant) {
            props.onChange(newVal + widthUnit + " !important", "right");
          } else {
            props.onChange(newVal + widthUnit, "right");
          }
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom left",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: valZ ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32 pg-font",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                if (x.value == "auto") {
                  if (isImportant) {
                    props.onChange(x.value + " !important", "right");
                  } else {
                    props.onChange(x.value, "right");
                  }
                } else {
                  if (isImportant) {
                    props.onChange(widthVal + x.value + " !important", "right");
                  } else {
                    props.onChange(widthVal + x.value, "right");
                  }
                }
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (widthUnit == "auto") {
            props.onChange(widthUnit, "right");
          } else {
            props.onChange(widthVal + widthUnit, "right");
          }
        } else {
          if (widthUnit == "auto") {
            props.onChange(widthUnit + " !important", "right");
          } else {
            props.onChange(widthVal + widthUnit + " !important", "right");
          }
        }
      }
    })]
  });
}
class PGcssRight extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssRight);

/***/ }),

/***/ "./src/components/css-row-gap/index.js":
/*!*********************************************!*\
  !*** ./src/components/css-row-gap/index.js ***!
  \*********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    auto: {
      label: "AUTO",
      value: "auto"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  var widthUnitX = valZ == undefined || valZ.match(/[a-zA-Z%]+/g) == null ? "px" : valZ.match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between",
    children: [widthUnit != "auto" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      disabled: widthUnit == "auto" ? true : false,
      onChange: newVal => {
        setwidthVal(newVal);
        if (widthUnit == "auto") {
          // props.onChange(widthUnit, 'rowGap');
          if (isImportant) {
            props.onChange(widthUnit + " !important", "rowGap");
          } else {
            props.onChange(widthUnit, "rowGap");
          }
        } else {
          //props.onChange(newVal + widthUnit, 'rowGap');
          if (isImportant) {
            props.onChange(newVal + widthUnit + " !important", "rowGap");
          } else {
            props.onChange(newVal + widthUnit, "rowGap");
          }
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom left",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: valZ ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32 pg-font",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                if (x.value == "auto") {
                  if (isImportant) {
                    props.onChange(x.value + " !important", "rowGap");
                  } else {
                    props.onChange(x.value, "rowGap");
                  }
                } else {
                  if (isImportant) {
                    props.onChange(widthVal + x.value + " !important", "rowGap");
                  } else {
                    props.onChange(widthVal + x.value, "rowGap");
                  }
                }
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (widthUnit == "auto") {
            props.onChange(widthUnit, "rowGap");
          } else {
            props.onChange(widthVal + widthUnit, "rowGap");
          }
        } else {
          if (widthUnit == "auto") {
            props.onChange(widthUnit + " !important", "rowGap");
          } else {
            props.onChange(widthVal + widthUnit + " !important", "rowGap");
          }
        }
      }
    })]
  });
}
class PGcssRowGap extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssRowGap);

/***/ }),

/***/ "./src/components/css-table-layout/index.js":
/*!**************************************************!*\
  !*** ./src/components/css-table-layout/index.js ***!
  \**************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    auto: {
      label: "Auto",
      value: "auto"
    },
    fixed: {
      label: "Fixed",
      value: "fixed"
    },
    inherit: {
      label: "inherit",
      value: "inherit"
    },
    initial: {
      label: "initial",
      value: "initial"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: "Empty Cells",
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // props.onChange(x.value, 'tableLayout');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "tableLayout");
              } else {
                props.onChange(x.value, "tableLayout");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "tableLayout");
        } else {
          props.onChange(align + " !important", "tableLayout");
        }
      }
    })]
  });
}
class PGcssTableLayout extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssTableLayout);

/***/ }),

/***/ "./src/components/css-text-align-last/index.js":
/*!*****************************************************!*\
  !*** ./src/components/css-text-align-last/index.js ***!
  \*****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
const {
  Component,
  RawHTML
} = wp.element;



function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    auto: {
      label: "auto",
      value: "auto"
    },
    left: {
      label: "left",
      value: "left"
    },
    right: {
      label: "right",
      value: "right"
    },
    center: {
      label: "center",
      value: "center"
    },
    justify: {
      label: "justify",
      value: "justify"
    },
    start: {
      label: "start",
      value: "start"
    },
    end: {
      label: "end",
      value: "end"
    },
    initial: {
      label: "initial",
      value: "initial"
    },
    inherit: {
      label: "inherit",
      value: "inherit"
    }
  };
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
          className: " ",
          children: props.val ? args[props.val].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              onChange(x.value, "textAlignLast");
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    })
  });
}
class PGcssTextAlignLast extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssTextAlignLast);

/***/ }),

/***/ "./src/components/css-text-align/index.js":
/*!************************************************!*\
  !*** ./src/components/css-text-align/index.js ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3__);
/* 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 {
  Component,
  RawHTML
} = wp.element;







function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    left: {
      label: "left",
      value: "left"
    },
    center: {
      label: "center",
      value: "center"
    },
    right: {
      label: "right",
      value: "right"
    },
    justify: {
      label: "justify",
      value: "justify"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
      className: "flex items-center justify-around",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
        className: `flex items-center justify-center w-[30px] h-[30px] border cursor-pointer 
						${align === "left" ? "bg-blue-600 text-white " : ""}
					`,
        onClick: ev => {
          if (!isImportant) {
            props.onChange("left", "textAlign");
          } else {
            props.onChange("left" + " !important", "textAlign");
          }
          setalign("left");
          // props.onChange("left", "textAlign");
        },
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("svg", {
          width: "24",
          height: "24",
          xmlns: "http://www.w3.org/2000/svg",
          viewBox: "0 0 24 24",
          "aria-hidden": "true",
          focusable: "false",
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("path", {
            d: "M4 19.8h8.9v-1.5H4v1.5zm8.9-15.6H4v1.5h8.9V4.2zm-8.9 7v1.5h16v-1.5H4z"
          })
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
        className: `flex items-center justify-center w-[30px] h-[30px] border cursor-pointer ${align === "center" ? "bg-blue-600 text-white " : ""}`,
        onClick: ev => {
          if (!isImportant) {
            props.onChange("center", "textAlign");
          } else {
            props.onChange("center" + " !important", "textAlign");
          }
          setalign("center");
          // props.onChange("center", "textAlign");
        },
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("svg", {
          width: "24",
          height: "24",
          xmlns: "http://www.w3.org/2000/svg",
          viewBox: "0 0 24 24",
          "aria-hidden": "true",
          focusable: "false",
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("path", {
            d: "M16.4 4.2H7.6v1.5h8.9V4.2zM4 11.2v1.5h16v-1.5H4zm3.6 8.6h8.9v-1.5H7.6v1.5z"
          })
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
        className: `flex items-center justify-center w-[30px] h-[30px] border cursor-pointer ${align === "right" ? "bg-blue-600 text-white " : ""}`,
        onClick: ev => {
          if (!isImportant) {
            props.onChange("right", "textAlign");
          } else {
            props.onChange("right" + " !important", "textAlign");
          }
          setalign("right");
          // props.onChange("right", "textAlign");
        },
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("svg", {
          width: "24",
          height: "24",
          xmlns: "http://www.w3.org/2000/svg",
          viewBox: "0 0 24 24",
          "aria-hidden": "true",
          focusable: "false",
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("path", {
            d: "M11.1 19.8H20v-1.5h-8.9v1.5zm0-15.6v1.5H20V4.2h-8.9zM4 12.8h16v-1.5H4v1.5z"
          })
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
        className: `flex items-center justify-center w-[30px] h-[30px] border cursor-pointer ${align === "justify" ? "bg-blue-600 text-white " : ""}`,
        onClick: ev => {
          if (!isImportant) {
            props.onChange("justify", "textAlign");
          } else {
            props.onChange("justify" + " !important", "textAlign");
          }
          setalign("justify");
          // props.onChange("justify", "textAlign");
        },
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("svg", {
          width: "20",
          height: "20",
          viewBox: "0 0 24 24",
          "aria-hidden": "true",
          xmlns: "http://www.w3.org/2000/svg",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("rect", {
            width: "20",
            height: "2.35838",
            fill: "black"
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("rect", {
            y: "10.8208",
            width: "20",
            height: "2.35838",
            fill: "black"
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("rect", {
            y: "21.6416",
            width: "20",
            height: "2.35838",
            fill: "black"
          })]
        })
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "textAlign");
        } else {
          props.onChange(align + " !important", "textAlign");
        }
      }
    })]
  });
}
class PGcssTextAlign extends Component {
  // var { onChange } = this.props;
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    // function Html(prop) {
    //   var args = {
    //     left: { label: "left", value: "left" },
    //     center: { label: "center", value: "center" },
    //     right: { label: "right", value: "right" },
    //     justify: { label: "justify", value: "justify" },
    //   };
    //   const [isImportant, setImportant] = useState(
    //     valArgs[1] == undefined ? false : true
    //   );
    //   return (
    //     <>
    //       <div>
    //         <div
    //           className={[
    //             val == "left"
    //               ? "bg-gray-700 hover:bg-gray-600 text-white inline-block px-2 py-1 border cursor-pointer"
    //               : "inline-block px-2 py-1 border cursor-pointer",
    //           ]}
    //           onClick={(ev) => {
    //             onChange("left", "textAlign");
    //           }}
    //         >
    //           <svg
    //             width="24"
    //             height="24"
    //             xmlns="http://www.w3.org/2000/svg"
    //             viewBox="0 0 24 24"
    //             aria-hidden="true"
    //             focusable="false"
    //           >
    //             <path d="M4 19.8h8.9v-1.5H4v1.5zm8.9-15.6H4v1.5h8.9V4.2zm-8.9 7v1.5h16v-1.5H4z"></path>
    //           </svg>
    //         </div>
    //         <div
    //           className={[
    //             val == "center"
    //               ? "bg-gray-700 hover:bg-gray-600 text-white inline-block px-2 py-1 border cursor-pointer"
    //               : "inline-block px-2 py-1 border cursor-pointer",
    //           ]}
    //           onClick={(ev) => {
    //             onChange("center", "textAlign");
    //           }}
    //         >
    //           <svg
    //             width="24"
    //             height="24"
    //             xmlns="http://www.w3.org/2000/svg"
    //             viewBox="0 0 24 24"
    //             aria-hidden="true"
    //             focusable="false"
    //           >
    //             <path d="M16.4 4.2H7.6v1.5h8.9V4.2zM4 11.2v1.5h16v-1.5H4zm3.6 8.6h8.9v-1.5H7.6v1.5z"></path>
    //           </svg>
    //         </div>
    //         <div
    //           className={[
    //             val == "right"
    //               ? "bg-gray-700 hover:bg-gray-600 text-white inline-block px-2 py-1 border cursor-pointer"
    //               : "inline-block px-2 py-1 border cursor-pointer",
    //           ]}
    //           onClick={(ev) => {
    //             onChange("right", "textAlign");
    //           }}
    //         >
    //           <svg
    //             width="24"
    //             height="24"
    //             xmlns="http://www.w3.org/2000/svg"
    //             viewBox="0 0 24 24"
    //             aria-hidden="true"
    //             focusable="false"
    //           >
    //             <path d="M11.1 19.8H20v-1.5h-8.9v1.5zm0-15.6v1.5H20V4.2h-8.9zM4 12.8h16v-1.5H4v1.5z"></path>
    //           </svg>
    //         </div>
    //         <div
    //           className={[
    //             val == "justify"
    //               ? "bg-gray-700 hover:bg-gray-600 text-white inline-block px-2 py-1 border cursor-pointer"
    //               : "inline-block px-2 py-1 border cursor-pointer",
    //           ]}
    //           onClick={(ev) => {
    //             onChange("justify", "textAlign");
    //           }}
    //         >
    //           <svg
    //             width="20"
    //             height="20"
    //             viewBox="0 0 24 24"
    //             aria-hidden="true"
    //             xmlns="http://www.w3.org/2000/svg"
    //           >
    //             <rect width="20" height="2.35838" fill="black" />
    //             <rect y="10.8208" width="20" height="2.35838" fill="black" />
    //             <rect y="21.6416" width="20" height="2.35838" fill="black" />
    //           </svg>
    //         </div>
    //       </div>
    //       {/* <ToggleControl
    //         help={isImportant ? __('Important (Enabled)',"accordions")
    // : __('Important?',"accordions")}
    //         checked={isImportant}
    //         onChange={(arg) => {
    //           setImportant((isImportant) => !isImportant);
    //           if (isImportant) {
    //             props.onChange(align, "textAlign");
    //           } else {
    //             props.onChange(align + " !important", "textAlign");
    //           }
    //         }}
    //       /> */}
    //     </>
    //   );
    // }
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssTextAlign);

/***/ }),

/***/ "./src/components/css-text-decoration/index.js":
/*!*****************************************************!*\
  !*** ./src/components/css-text-decoration/index.js ***!
  \*****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _colors_presets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../colors-presets */ "./src/colors-presets.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 {
  Component,
  RawHTML
} = wp.element;






function Html(props) {
  if (!props.warn) {
    return null;
  }
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "underline #000000 wavy 1px !important" : props.val;
  var valParts = valZ != undefined || valZ != null ? valZ.split(" ") : ["underline", "#000000", "wavy", "1px", "!important"];
  if (valParts.length == 5) {
    var lineVal = [valParts[0]];
    var colorVal = valParts[1];
    var styleVal = valParts[2];
    var thicknessVal = valParts[3];
  }
  if (valParts.length == 6) {
    var lineVal = [valParts[0], valParts[1]];
    var colorVal = valParts[2];
    var styleVal = valParts[3];
    var thicknessVal = valParts[4];
  }
  if (valParts.length == 7) {
    var lineVal = [valParts[0], valParts[1], valParts[2]];
    var colorVal = valParts[3];
    var styleVal = valParts[4];
    var thicknessVal = valParts[5];
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    auto: {
      label: "AUTO",
      value: "auto"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  var thicknessValX = thicknessVal != undefined ? thicknessVal.match(/-?\d+/g)[0] : 1;
  var thicknessUnitX = thicknessVal != undefined ? thicknessVal.match(/[a-zA-Z%]+/g)[0] : "px";
  var [thicknessValY, setthicknessVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(thicknessValX);
  var [thicknessUnitY, setthicknessUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(thicknessUnitX);
  var [outlinelineVal, setoutlinelineVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(lineVal);
  var [outlineColorVal, setoutlineColorVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(colorVal);
  var [outlineStyleVal, setoutlineStyleVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(styleVal);
  var [outlineThicknessVal, setoutlineThicknessVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(thicknessValY + thicknessUnitY);
  var [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  var [textDecoration, setTextDecoration] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)({
    line: ["underline"],
    style: "double",
    color: "#000000",
    thicknessVal: "1",
    thicknessUnit: "px"
  });
  var lineArgs = {
    none: {
      label: "None",
      value: "none"
    },
    overline: {
      label: "Overline",
      value: "overline"
    },
    underline: {
      label: "Underline",
      value: "underline"
    },
    "line-through": {
      label: "Line Through",
      value: "line-through"
    }
  };
  var styleArgs = {
    none: {
      label: "None",
      value: "none"
    },
    solid: {
      label: "Solid",
      value: "solid"
    },
    double: {
      label: "Double",
      value: "double"
    },
    wavy: {
      label: "wavy",
      value: "wavy"
    },
    dotted: {
      label: "Dotted",
      value: "dotted"
    },
    dashed: {
      label: "Dashed",
      value: "dashed"
    },
    groove: {
      label: "Groove",
      value: "groove"
    },
    ridge: {
      label: "Ridge",
      value: "ridge"
    },
    inset: {
      label: "Inset",
      value: "inset"
    },
    outset: {
      label: "Outset",
      value: "outset"
    }
  };
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() => {}, [textDecoration]);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() => {
    //
    var valParts = props.val != undefined ? props.val.split(" ") : ["underline", "#000000", "wavy", "1px"];
  }, [props.val]);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
      className: "my-2",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("label", {
        htmlFor: "",
        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Line", "accordions")
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
        className: "my-3",
        children: Object.entries(lineArgs).map(arg => {
          var i = arg[0];
          var x = arg[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", {
            className: outlinelineVal != undefined && outlinelineVal.indexOf(x.value) !== -1 ? "!bg-gray-700 hover:bg-gray-600 text-white px-2 inline-block m-1 py-1 cursor-pointer" : "px-2 inline-block m-1 py-1 bg-gray-300 cursor-pointer",
            onClick: ev => {
              if (outlinelineVal.indexOf(x.value) < 0) {
                if (x.value == "none") {
                  outlinelineVal = ["none"];
                } else {
                  outlinelineVal.push(x.value);
                }
                setoutlinelineVal(outlinelineVal);
                setTextDecoration({
                  ...textDecoration,
                  line: outlinelineVal
                });
                if (isImportant) {
                  props.onChange(outlinelineVal.join(" ") + " " + outlineColorVal + " " + outlineStyleVal + " " + outlineThicknessVal + " " + "!important", "textDecoration");
                } else {
                  props.onChange(outlinelineVal.join(" ") + " " + outlineColorVal + " " + outlineStyleVal + " " + outlineThicknessVal, "textDecoration");
                }
              } else {
                var arr = outlinelineVal.filter(item => item !== x.value);
                setTextDecoration({
                  ...textDecoration,
                  line: arr
                });
                setoutlinelineVal(arr);
                if (isImportant) {
                  props.onChange(arr.join(" ") + " " + outlineColorVal + " " + outlineStyleVal + " " + outlineThicknessVal + " " + "!important", "textDecoration");
                } else {
                  props.onChange(arr.join(" ") + " " + outlineColorVal + " " + outlineStyleVal + " " + outlineThicknessVal, "textDecoration");
                }
              }
            },
            children: x.label
          });
        })
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
      className: "my-2",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("label", {
        htmlFor: "",
        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Color", "accordions")
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ColorPalette, {
        value: outlineColorVal,
        colors: _colors_presets__WEBPACK_IMPORTED_MODULE_3__["default"],
        enableAlpha: true,
        onChange: newVal => {
          setoutlineColorVal(newVal);
          setTextDecoration({
            ...textDecoration,
            color: newVal
          });
          if (isImportant) {
            props.onChange(textDecoration.line.join(" ") + " " + newVal + " " + outlineStyleVal + " " + outlineThicknessVal + " " + "!important", "textDecoration");
          } else {
            props.onChange(textDecoration.line.join(" ") + " " + newVal + " " + outlineStyleVal + " " + outlineThicknessVal, "textDecoration");
          }
        }
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
      className: "my-2 flex justify-between items-center pg-setting-css-components",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("label", {
        htmlFor: "",
        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Style", "accordions")
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom right",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Clear", "accordions"),
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
            className: " ",
            children: outlineStyleVal ? styleArgs[outlineStyleVal].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
          className: "w-32 pg-font",
          children: Object.entries(styleArgs).map(arg => {
            var index = arg[0];
            var x = arg[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setoutlineStyleVal(x.value);
                setTextDecoration({
                  ...textDecoration,
                  style: x.value
                });
                if (isImportant) {
                  props.onChange(textDecoration.line.join(" ") + " " + outlineColorVal + " " + x.value + " " + outlineThicknessVal + " " + "!important", "textDecoration");
                } else {
                  props.onChange(textDecoration.line.join(" ") + " " + outlineColorVal + " " + x.value + " " + outlineThicknessVal, "textDecoration");
                }
              },
              children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
              }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment, {
                children: x.label
              })]
            });
          })
        })
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
      className: "my-2",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("label", {
        htmlFor: "",
        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Thickness", "accordions")
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
        className: "flex justify-between items-center pg-setting-css-components",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
          value: thicknessValY,
          type: "number",
          onChange: newVal => {
            setthicknessVal(newVal);
            setoutlineThicknessVal(newVal + thicknessUnitY);
            setTextDecoration({
              ...textDecoration,
              thicknessVal: newVal
            });
            if (isImportant) {
              props.onChange(textDecoration.line.join(" ") + " " + outlineColorVal + " " + outlineStyleVal + " " + newVal + thicknessUnitY + " " + "!important", "textDecoration");
            } else {
              props.onChange(textDecoration.line.join(" ") + " " + outlineColorVal + " " + outlineStyleVal + " " + newVal + thicknessUnitY, "textDecoration");
            }
          }
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
            position: "bottom right",
            renderToggle: ({
              isOpen,
              onToggle
            }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
              title: "",
              onClick: onToggle,
              "aria-expanded": isOpen,
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
                className: " ",
                children: thicknessUnitY != undefined ? unitArgs[thicknessUnitY].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
              })
            }),
            renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
              className: "w-32 pg-font",
              children: Object.entries(unitArgs).map(y => {
                var index = y[0];
                var x = y[1];
                return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
                  className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
                  onClick: ev => {
                    setthicknessUnit(x.value);
                    setoutlineThicknessVal(thicknessValY + x.value);
                    if (isImportant) {
                      props.onChange(textDecoration.line.join(" ") + " " + outlineColorVal + " " + outlineStyleVal + " " + thicknessValY + x.value + " " + "!important", "textDecoration");
                    } else {
                      props.onChange(textDecoration.line.join(" ") + " " + outlineColorVal + " " + outlineStyleVal + " " + thicknessValY + x.value, "textDecoration");
                    }
                  },
                  children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment, {
                    children: x.label
                  })
                });
              })
            })
          })
        })]
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(textDecoration.line.join(" ") + " " + outlineColorVal + " " + outlineStyleVal + " " + outlineThicknessVal, "textDecoration");
        } else {
          props.onChange(textDecoration.line.join(" ") + " " + outlineColorVal + " " + outlineStyleVal + " " + outlineThicknessVal + " " + "!important", "textDecoration");
        }
      }
    })]
  });
}
class PGcssTextDecoration extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(Html, {
        val: val,
        onChange: onChange,
        warn: this.state.showWarning
      })
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssTextDecoration);

/***/ }),

/***/ "./src/components/css-text-indent/index.js":
/*!*************************************************!*\
  !*** ./src/components/css-text-indent/index.js ***!
  \*************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/[+-]?([0-9]*[.])?[0-9]+/g) == null ? 0 : valZ.match(/[+-]?([0-9]*[.])?[0-9]+/g)[0];
  var widthUnitX = valZ == undefined || valZ.match(/[a-zA-Z%]+/g) == null ? "px" : valZ.match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex mt-4 items-center gap-[4px] pg-setting-css-components",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      onChange: newVal => {
        setwidthVal(newVal);
        if (widthUnit == "auto") {
          // props.onChange(widthUnit, 'width');
          if (isImportant) {
            props.onChange(widthUnit + " !important", "textIndent");
          } else {
            props.onChange(widthUnit, "textIndent");
          }
        } else {
          //props.onChange(newVal + widthUnit, 'width');
          if (isImportant) {
            props.onChange(newVal + widthUnit + " !important", "textIndent");
          } else {
            props.onChange(newVal + widthUnit, "textIndent");
          }
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Text Indent", "accordions"),
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: props.val ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32 pg-font",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                if (x.value == "auto") {
                  if (isImportant) {
                    props.onChange(x.value + " !important", "textIndent");
                  } else {
                    props.onChange(x.value, "textIndent");
                  }
                } else {
                  if (isImportant) {
                    props.onChange(widthVal + x.value + " !important", "textIndent");
                  } else {
                    props.onChange(widthVal + x.value, "textIndent");
                  }
                }
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (widthUnit == "auto") {
            props.onChange(widthUnit, "textIndent");
          } else {
            props.onChange(widthVal + widthUnit, "textIndent");
          }
        } else {
          if (widthUnit == "auto") {
            props.onChange(widthUnit + " !important", "textIndent");
          } else {
            props.onChange(widthVal + widthUnit + " !important", "textIndent");
          }
        }
      }
    })]
  });
}
class PGcssTextIndent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssTextIndent);

/***/ }),

/***/ "./src/components/css-text-justify/index.js":
/*!**************************************************!*\
  !*** ./src/components/css-text-justify/index.js ***!
  \**************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    none: {
      label: "none",
      value: "none"
    },
    auto: {
      label: "auto",
      value: "auto"
    },
    "inter-word": {
      label: "inter-word",
      value: "inter-word"
    },
    "inter-character": {
      label: "inter-character",
      value: "inter-character"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center pg-setting-css-components",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Clear", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32 pg-font",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'textJustify');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "textJustify");
              } else {
                props.onChange(x.value, "textJustify");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "textJustify");
        } else {
          props.onChange(align + " !important", "textJustify");
        }
      }
    })]
  });
}
class PGcssTextJustify extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssTextJustify);

/***/ }),

/***/ "./src/components/css-text-overflow/index.js":
/*!***************************************************!*\
  !*** ./src/components/css-text-overflow/index.js ***!
  \***************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    clip: {
      label: "Clip",
      value: "clip"
    },
    ellipsis: {
      label: "Ellipsis",
      value: "ellipsis"
    },
    string: {
      label: "String",
      value: "string"
    },
    initial: {
      label: "initial",
      value: "initial"
    },
    inherit: {
      label: "inherit",
      value: "inherit"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center pg-setting-css-components",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: "",
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32 pg-font",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'textOverflow');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "textOverflow");
              } else {
                props.onChange(x.value, "textOverflow");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "textOverflow");
        } else {
          props.onChange(align + " !important", "textOverflow");
        }
      }
    })]
  });
}
class PGcssTextOverflow extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssTextOverflow);

/***/ }),

/***/ "./src/components/css-text-shadow/index.js":
/*!*************************************************!*\
  !*** ./src/components/css-text-shadow/index.js ***!
  \*************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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 _colors_presets__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../colors-presets */ "./src/colors-presets.js");
/* 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 _components_input_color_picker__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/input-color-picker */ "./src/components/input-color-picker/index.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/close.js");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _wordpress_hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/hooks */ "@wordpress/hooks");
/* harmony import */ var _wordpress_hooks__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_hooks__WEBPACK_IMPORTED_MODULE_5__);
/* 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__);
const {
  Component,
  RawHTML
} = wp.element;








function Html(props) {
  if (!props.warn) {
    return null;
  }
  let isProFeature = (0,_wordpress_hooks__WEBPACK_IMPORTED_MODULE_5__.applyFilters)("isProFeature", true);
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px 0px 0px #000" : props.val;
  // var valZ = (props.val == null || props.val == undefined || props.val.length == 0) ? '0px' : props.val;
  var colorNames = ["AliceBlue", "AntiqueWhite", "Aqua", "Aquamarine", "Azure", "Beige", "Bisque", "Black", "BlanchedAlmond", "Blue", "BlueViolet", "Brown", "BurlyWood", "CadetBlue", "Chartreuse", "Chocolate", "Coral", "CornflowerBlue", "Cornsilk", "Crimson", "Cyan", "DarkBlue", "DarkCyan", "DarkGoldenRod", "DarkGray", "DarkGrey", "DarkGreen", "DarkKhaki", "DarkMagenta", "DarkOliveGreen", "Darkorange", "DarkOrchid", "DarkRed", "DarkSalmon", "DarkSeaGreen", "DarkSlateBlue", "DarkSlateGray", "DarkSlateGrey", "DarkTurquoise", "DarkViolet", "DeepPink", "DeepSkyBlue", "DimGray", "DimGrey", "DodgerBlue", "FireBrick", "FloralWhite", "ForestGreen", "Fuchsia", "Gainsboro", "GhostWhite", "Gold", "GoldenRod", "Gray", "Grey", "Green", "GreenYellow", "HoneyDew", "HotPink", "IndianRed", "Indigo", "Ivory", "Khaki", "Lavender", "LavenderBlush", "LawnGreen", "LemonChiffon", "LightBlue", "LightCoral", "LightCyan", "LightGoldenRodYellow", "LightGray", "LightGrey", "LightGreen", "LightPink", "LightSalmon", "LightSeaGreen", "LightSkyBlue", "LightSlateGray", "LightSlateGrey", "LightSteelBlue", "LightYellow", "Lime", "LimeGreen", "Linen", "Magenta", "Maroon", "MediumAquaMarine", "MediumBlue", "MediumOrchid", "MediumPurple", "MediumSeaGreen", "MediumSlateBlue", "MediumSpringGreen", "MediumTurquoise", "MediumVioletRed", "MidnightBlue", "MintCream", "MistyRose", "Moccasin", "NavajoWhite", "Navy", "OldLace", "Olive", "OliveDrab", "Orange", "OrangeRed", "Orchid", "PaleGoldenRod", "PaleGreen", "PaleTurquoise", "PaleVioletRed", "PapayaWhip", "PeachPuff", "Peru", "Pink", "Plum", "PowderBlue", "Purple", "Red", "RosyBrown", "RoyalBlue", "SaddleBrown", "Salmon", "SandyBrown", "SeaGreen", "SeaShell", "Sienna", "Silver", "SkyBlue", "SlateBlue", "SlateGray", "SlateGrey", "Snow", "SpringGreen", "SteelBlue", "Tan", "Teal", "Thistle", "Tomato", "Turquoise", "Violet", "Wheat", "White", "WhiteSmoke", "Yellow", "YellowGreen"];
  var isMulti = valZ.split(",").length > 1 ? true : false;
  var shadows = isMulti ? valZ.split(", ") : [valZ];
  const getBoxShadowObj = boxshadow => {
    var sadhow_arr = [];
    boxshadow.map(arg => {
      var inset = arg.includes("inset");
      var color = "";
      var re = /(rgba|rgb|#|hsla|hsl)/;
      var colorMatch = arg.match(re);
      var colorType = colorMatch != null ? colorMatch[0] : "";
      if (colorType == "hsl") {
        var regex = /hsl\(([^)]+)\)/;
        var matches = arg.match(regex);
        if (matches && matches.length > 1) {
          var extractedValues = matches[1];
          color = "hsl(" + extractedValues + ")";
        }
      } else if (colorType == "hsla") {
        var regex = /hsla\(([^)]+)\)/;
        var matches = arg.match(regex);
        if (matches && matches.length > 1) {
          var extractedValues = matches[1];
          color = "hsla(" + extractedValues + ")";
        }
      } else if (colorType == "rgba") {
        var regex = /rgba\(([^)]+)\)/;
        var matches = arg.match(regex);
        if (matches && matches.length > 1) {
          var extractedValues = matches[1];
          color = "rgba(" + extractedValues + ")";
        }
      } else if (colorType == "rgb") {
        var regex = /rgb\(([^)]+)\)/;
        var matches = arg.match(regex);
        if (matches && matches.length > 1) {
          var extractedValues = matches[1];
          color = "rgb(" + extractedValues + ")";
        }
      } else if (colorType == "#") {
        var regex = /#\w+/;
        var matches = arg.match(regex);
        if (matches) {
          var color = matches[0];
        }
      } else {
        var regexPattern = new RegExp(colorNames.join("|").toLocaleLowerCase(), "g");
        var matches = arg.match(regexPattern);
        if (matches && matches.length > 0) {
          color = matches[0];
        }
      }
      var placement = arg;
      // if (inset) {
      // 	placement = placement.replace("inset", "");
      // }
      if (color) {
        placement = placement.replace(color, "");
      }
      var placementArr = placement.trim().split(" ");
      if (placementArr.length == 2) {
        var h = placementArr[0];
        var v = placementArr[1];
        var blur = "";
      } else if (placementArr.length == 3) {
        var h = placementArr[0];
        var v = placementArr[1];
        var blur = placementArr[2];
      }
      // else if (placementArr.length == 4) {
      // 	var h = placementArr[0];
      // 	var v = placementArr[1];
      // 	var blur = placementArr[2];
      // 	var spread = placementArr[3];
      // }
      sadhow_arr.push({
        h: h,
        v: v,
        blur: blur,
        // spread: spread,
        // inset: inset,
        color: color
      });
    });
    return sadhow_arr;
  };
  const [shadowObj, setShadowObj] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)(getBoxShadowObj(shadows));
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)(valZ.includes(" !important") ? true : false);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useEffect)(() => {
    //props.onChange(newVal + 'px ' + v + 'px ' + blur + 'px ' + spread + 'px ' + color, 'boxShadow');
    var stringArr = [];
    shadowObj.map((shadow, index) => {
      var h = shadow.h;
      var v = shadow.v;
      var blur = shadow.blur;
      // var spread = shadow.spread;
      // var inset = shadow.inset ? "inset" : "";
      var color = shadow.color;
      // var item = [h, v, blur, spread, color, inset];
      var item = [h, v, blur, color];
      var filtered = item.filter(function (el) {
        return el;
      });
      stringArr.push(filtered.join(" "));
    });
    stringArr = stringArr.join(",  ");
    if (isImportant) {
      stringArr = stringArr + " !important";
    } else {
      stringArr = stringArr;
    }
    props.onChange(stringArr, "textShadow");
  }, [shadowObj, isImportant]);
  var unitArgs = [{
    label: "PX",
    value: "px"
  }, {
    label: "EM",
    value: "em"
  }, {
    label: "REM",
    value: "rem"
  }, {
    label: "%",
    value: "%"
  }, {
    label: "CM",
    value: "cm"
  }, {
    label: "MM",
    value: "mm"
  }, {
    label: "IN",
    value: "in"
  }, {
    label: "PT",
    value: "pt"
  }, {
    label: "PC",
    value: "pc"
  }, {
    label: "EX",
    value: "ex"
  }, {
    label: "CH",
    value: "ch"
  }, {
    label: "VW",
    value: "vw"
  }, {
    label: "VH",
    value: "vh"
  }, {
    label: "VMIN",
    value: "vmin"
  }, {
    label: "VMAX",
    value: "vmax"
  }];
  const [proText, setProText] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)(false);
  const handleClick = () => {
    setProText(true);
    setTimeout(() => {
      setProText(false);
    }, 5000);
  };
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("button", {
      className: "pg-font flex gap-2 justify-center my-2 cursor-pointer py-2 px-4 capitalize  bg-gray-700 text-white font-medium rounded hover:bg-gray-600 hover:text-white focus:outline-none focus:bg-gray-700",
      onClick: () => {
        if (isProFeature) {
          handleClick();
          return;
        }
        var shadowObjX = [...shadowObj];
        shadowObjX.push({
          h: "0px",
          v: "0px",
          blur: "10px",
          spread: "5px",
          inset: false,
          color: "#50547d4f"
        });
        setShadowObj(shadowObjX);
      },
      children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Add", "accordions")
    }), proText && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("a", {
      href: "https://comboblocks.com/pricing/",
      className: "pg-text-color block py-2 px-1",
      children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Subscribe to add multiple shadows.", "accordions")
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
      children: [shadowObj.map((shadow, index) => {
        var h = shadow.h;
        var v = shadow.v;
        var blur = shadow.blur;
        // var spread = shadow.spread;
        // var inset = shadow.inset;
        var color = shadow.color;
        var hVal = h.match(/-?\d+/g) == null ? 0 : h.match(/-?\d+/g)[0];
        var hUnit = h.match(/[a-zA-Z%]+/g) == null ? "px" : h.match(/[a-zA-Z%]+/g)[0];
        var vVal = v.match(/-?\d+/g) == null ? 0 : v.match(/-?\d+/g)[0];
        var vUnit = v.match(/[a-zA-Z%]+/g) == null ? "px" : v.match(/[a-zA-Z%]+/g)[0];
        var blurVal = blur.match(/-?\d+/g) == null ? 0 : blur.match(/-?\d+/g)[0];
        var blurUnit = blur.match(/[a-zA-Z%]+/g) == null ? "px" : blur.match(/[a-zA-Z%]+/g)[0];
        // var spreadVal =
        // 	spread.match(/-?\d+/g) == null ? 0 : spread.match(/-?\d+/g)[0];
        // var spreadUnit =
        // 	spread.match(/[a-zA-Z%]+/g) == null
        // 		? "px"
        // 		: spread.match(/[a-zA-Z%]+/g)[0];
        return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelBody, {
            className: "font-medium text-slate-900 ",
            title: /*#__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)("span", {
                className: "cursor-pointer hover:bg-red-500 hover:text-white ",
                onClick: ev => {
                  var shadowObjX = [...shadowObj];
                  shadowObjX.splice(index, 1);
                  setShadowObj(shadowObjX);
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_7__["default"], {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"]
                })
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("span", {
                children: h + " " + v + " " + blur + " " +
                // spread +
                // " " +
                color
                // + " " +
                // (inset ? "inset" : "")
              })]
            })
            // title={
            // 	h +
            // 	" " +
            // 	v +
            // 	" " +
            // 	blur +
            // 	" " +
            // 	spread +
            // 	" " +
            // 	color +
            // 	" " +
            // 	(inset ? "inset" : "")
            // }
            ,
            initialOpen: false,
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("label", {
                htmlFor: "",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("H-Offset", "accordions")
              })
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalInputControl, {
                value: hVal,
                type: "number",
                onChange: newVal => {
                  var shadowObjX = [...shadowObj];
                  shadowObjX[index].h = newVal + hUnit;
                  setShadowObj(shadowObjX);
                }
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
                label: "",
                value: hUnit,
                options: unitArgs,
                onChange: newVal => {
                  var shadowObjX = [...shadowObj];
                  shadowObjX[index].h = hVal + newVal;
                  setShadowObj(shadowObjX);
                }
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("label", {
                htmlFor: "",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("V-Offset", "accordions")
              })
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalInputControl, {
                value: vVal,
                type: "number",
                onChange: newVal => {
                  var shadowObjX = [...shadowObj];
                  shadowObjX[index].v = newVal + vUnit;
                  setShadowObj(shadowObjX);
                }
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
                label: "",
                value: vUnit,
                options: unitArgs,
                onChange: newVal => {
                  var shadowObjX = [...shadowObj];
                  shadowObjX[index].v = vVal + newVal;
                  setShadowObj(shadowObjX);
                }
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("label", {
                htmlFor: "",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Blur", "accordions")
              })
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalInputControl, {
                value: blurVal,
                type: "number",
                onChange: newVal => {
                  var shadowObjX = [...shadowObj];
                  shadowObjX[index].blur = newVal + blurUnit;
                  setShadowObj(shadowObjX);
                }
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
                label: "",
                value: blurUnit,
                options: unitArgs,
                onChange: newVal => {
                  var shadowObjX = [...shadowObj];
                  shadowObjX[index].blur = blurVal + newVal;
                  setShadowObj(shadowObjX);
                }
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("label", {
                htmlFor: "",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Color", "accordions")
              })
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_components_input_color_picker__WEBPACK_IMPORTED_MODULE_3__["default"], {
              value: color,
              colors: _colors_presets__WEBPACK_IMPORTED_MODULE_1__["default"],
              enableAlpha: true,
              onChange: newVal => {
                var shadowObjX = [...shadowObj];
                shadowObjX[index].color = newVal;
                setShadowObj(shadowObjX);
              }
            })]
          })
        });
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.ToggleControl, {
        help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
        checked: isImportant,
        onChange: arg => {
          setImportant(isImportant => !isImportant);
        }
      })]
    })]
  });
}
class PGcssTextShadow extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(Html, {
        val: val,
        onChange: onChange,
        warn: this.state.showWarning
      })
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssTextShadow);

/***/ }),

/***/ "./src/components/css-text-transform/index.js":
/*!****************************************************!*\
  !*** ./src/components/css-text-transform/index.js ***!
  \****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/format-capitalize.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/format-uppercase.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/format-lowercase.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/close-small.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    none: {
      label: "None",
      value: "none"
    },
    capitalize: {
      label: "Capitalize",
      value: "capitalize"
    },
    uppercase: {
      label: "Uppercase",
      value: "uppercase"
    },
    lowercase: {
      label: "Lowercase",
      value: "lowercase"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center pg-setting-css-components",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
      className: "flex flex-1 items-center justify-around",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: `flex items-center justify-center w-[30px] h-[30px] border cursor-pointer 
						${align === "capitalize" ? "bg-blue-600 text-white " : ""}
					`,
        onClick: ev => {
          if (!isImportant) {
            props.onChange("capitalize", "textTransform");
          } else {
            props.onChange("capitalize" + " !important", "textTransform");
          }
          setalign("capitalize");
          // props.onChange("capitalize", "textTransform");
        },
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_4__["default"], {
          icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_5__["default"],
          size: 24
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: `flex items-center justify-center w-[30px] h-[30px] border cursor-pointer ${align === "uppercase" ? "bg-blue-600 text-white " : ""}`,
        onClick: ev => {
          if (!isImportant) {
            props.onChange("uppercase", "textTransform");
          } else {
            props.onChange("uppercase" + " !important", "textTransform");
          }
          setalign("uppercase");
          // props.onChange("uppercase", "textTransform");
        },
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_4__["default"], {
          icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"],
          size: 24
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: `flex items-center justify-center w-[30px] h-[30px] border cursor-pointer ${align === "lowercase" ? "bg-blue-600 text-white " : ""}`,
        onClick: ev => {
          if (!isImportant) {
            props.onChange("lowercase", "textTransform");
          } else {
            props.onChange("lowercase" + " !important", "textTransform");
          }
          setalign("lowercase");
          // props.onChange("lowercase", "textTransform");
        },
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_4__["default"], {
          icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_7__["default"],
          size: 24
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: `flex items-center justify-center w-[30px] h-[30px] border cursor-pointer ${align === "none" ? "bg-blue-600 text-white " : ""}`,
        onClick: ev => {
          if (!isImportant) {
            props.onChange("none", "textTransform");
          } else {
            props.onChange("none" + " !important", "textTransform");
          }
          setalign("none");
          // props.onChange("none", "textTransform");
        },
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_4__["default"], {
          icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"],
          size: 24
        })
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "textTransform");
        } else {
          props.onChange(align + " !important", "textTransform");
        }
      }
    })]
  });
}
class PGcssTextTransform extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssTextTransform);

/***/ }),

/***/ "./src/components/css-top/index.js":
/*!*****************************************!*\
  !*** ./src/components/css-top/index.js ***!
  \*****************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    auto: {
      label: "AUTO",
      value: "auto"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  if (typeof props.val == "object") {
    var valZ = props.val.val + props.val.unit;
  } else {
    var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  }
  // var valZ = (props.val == null || props.val == undefined || props.val.length == 0) ? '0px' : props.val;
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  var widthUnitX = valZ == undefined || valZ.match(/[a-zA-Z%]+/g) == null ? "px" : valZ.match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between",
    children: [widthUnit != "auto" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      disabled: widthUnit == "auto" ? true : false,
      onChange: newVal => {
        setwidthVal(newVal);
        // if (widthUnit == 'auto') {
        //   props.onChange(widthUnit, 'top');
        // } else {
        //   props.onChange(newVal + widthUnit, 'top');
        // }
        if (widthUnit == "auto") {
          // props.onChange(widthUnit, 'width');
          if (isImportant) {
            props.onChange(widthUnit + " !important", "top");
          } else {
            props.onChange(widthUnit, "top");
          }
        } else {
          //props.onChange(newVal + widthUnit, 'width');
          if (isImportant) {
            props.onChange(newVal + widthUnit + " !important", "top");
          } else {
            props.onChange(newVal + widthUnit, "top");
          }
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom left",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: valZ ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                if (x.value == "auto") {
                  // props.onChange(x.value, 'top');
                  if (isImportant) {
                    props.onChange(x.value + " !important", "top");
                  } else {
                    props.onChange(x.value, "top");
                  }
                } else {
                  // props.onChange(widthVal + x.value, 'top');
                  if (isImportant) {
                    props.onChange(widthVal + x.value + " !important", "top");
                  } else {
                    props.onChange(widthVal + x.value, "top");
                  }
                }
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (widthUnit == "auto") {
            props.onChange(widthUnit, "top");
          } else {
            props.onChange(widthVal + widthUnit, "top");
          }
        } else {
          if (widthUnit == "auto") {
            props.onChange(widthUnit + " !important", "top");
          } else {
            props.onChange(widthVal + widthUnit + " !important", "top");
          }
        }
      }
    })]
  });
}
class PGcssTop extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssTop);

/***/ }),

/***/ "./src/components/css-transform-origin/index.js":
/*!******************************************************!*\
  !*** ./src/components/css-transform-origin/index.js ***!
  \******************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = [{
    label: "left top",
    value: "left top"
  }, {
    label: "left center",
    value: "left center"
  }, {
    label: "left bottom",
    value: "left bottom"
  }, {
    label: "right top",
    value: "right top"
  }, {
    label: "right center",
    value: "right center"
  }, {
    label: "right bottom",
    value: "right bottom"
  }, {
    label: "center top",
    value: "center top"
  }, {
    label: "center center",
    value: "center center"
  }, {
    label: "center bottom",
    value: "center bottom"
  }, {
    label: "inherit",
    value: "inherit"
  }, {
    label: "initial",
    value: "initial"
  }, {
    label: "revert",
    value: "revert"
  }, {
    label: "unset",
    value: "unset"
  }];
  const [isCustom, setisCustom] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.match(/-?\d+/g) == null ? false : true);
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [position, setposition] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.includes("!important") ? true : false);
  const [ValX, setValX] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0] == undefined || valArgs[0].match(/-?\d+/g) == null ? 0 : valArgs[0].match(/-?\d+/g)[0]);
  const [valUnitX, setvalUnitX] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0] == undefined || valArgs[0].match(/[a-zA-Z%]+/g) == null ? "px" : valArgs[0].match(/[a-zA-Z%]+/g)[0]);
  const [ValY, setValY] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined || valArgs[1].match(/-?\d+/g) == null ? 0 : valArgs[1].match(/-?\d+/g)[0]);
  const [valUnitY, setvalUnitY] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined || valArgs[1].match(/[a-zA-Z%]+/g) == null ? "px" : valArgs[1].match(/[a-zA-Z%]+/g)[0]);
  // var ValX = (valArgs[0] == undefined || valArgs[0].match(/-?\d+/g) == null) ? 0 : valArgs[0].match(/-?\d+/g)[0];
  // var valUnitX = (valArgs[0] == undefined || valArgs[0].match(/[a-zA-Z%]+/g) == null) ? 'px' : valArgs[0].match(/[a-zA-Z%]+/g)[0];
  // var ValY = (valArgs[1] == undefined || valArgs[1].match(/-?\d+/g) == null) ? 0 : valArgs[1].match(/-?\d+/g)[0];
  // var valUnitY = (valArgs[1] == undefined || valArgs[1].match(/[a-zA-Z%]+/g) == null) ? 'px' : valArgs[1].match(/[a-zA-Z%]+/g)[0];
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      label: isCustom ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Custom Value enabled?", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Custom Value?", "accordions"),
      checked: isCustom,
      onChange: arg => {
        setisCustom(isCustom => !isCustom);
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      className: "flex justify-between items-center my-3",
      children: !isCustom && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: position.length == 0 ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : position
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32",
          children: args.map(x => {
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setisCustom(false);
                setposition(x.value);
                if (isImportant) {
                  props.onChange(x.value + " !important", "transformOrigin");
                } else {
                  props.onChange(x.value, "transformOrigin");
                }
              },
              children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
              }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })]
            });
          })
        })
      })
    }), isCustom && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
      className: "flex mt-4",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
          value: ValX,
          type: "number",
          onChange: newVal => {
            setValX(newVal);
            if (isImportant) {
              props.onChange(newVal + valUnitX + " " + ValY + valUnitY + " " + "!important", "transformOrigin");
            } else {
              props.onChange(newVal + valUnitX + " " + ValY + valUnitY, "transformOrigin");
            }
          }
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
        className: "mx-2",
        children: " / "
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
          value: ValY,
          type: "number",
          onChange: newVal => {
            setValY(newVal);
            if (isImportant) {
              props.onChange(ValX + valUnitX + " " + newVal + valUnitY + " " + "!important", "transformOrigin");
            } else {
              props.onChange(ValX + valUnitX + " " + newVal + valUnitY, "transformOrigin");
            }
          }
        })
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      label: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (isCustom) {
            props.onChange(ValX + valUnitX + " " + ValY + valUnitY, "transformOrigin");
          } else {
            props.onChange(position, "transformOrigin");
          }
        } else {
          if (isCustom) {
            props.onChange(ValX + valUnitX + " " + ValY + valUnitY + " " + "!important", "transformOrigin");
          } else {
            props.onChange(position + " !important", "transformOrigin");
          }
        }
      }
    })]
  });
}
class PGcssTransformOrigin extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssTransformOrigin);

/***/ }),

/***/ "./src/components/css-transform/index.js":
/*!***********************************************!*\
  !*** ./src/components/css-transform/index.js ***!
  \***********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _components_dropdown__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/dropdown */ "./src/components/dropdown/index.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/close.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 {
  Component
} = wp.element;







function Html(props) {
  if (!props.warn) {
    return null;
  }
  var valParts = props.val != undefined ? props.val.split(") ") : [];
  const [valArgs, setvalArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)([]);
  var propertyArgs = {
    translateX: {
      label: "TranslateX",
      id: "translateX",
      val: "0px"
    },
    translateY: {
      label: "TranslateY",
      id: "translateY",
      val: "0px"
    },
    translateZ: {
      label: "TranslateZ",
      id: "translateZ",
      val: "0px"
    },
    translate: {
      label: "Translate",
      id: "translate",
      val: "5px,6px"
    },
    translate3d: {
      label: "Translate3d",
      id: "translate3d",
      val: "0px,0px,0px"
    },
    scale: {
      label: "Scale",
      id: "scale",
      val: "2,3"
    },
    scale3d: {
      label: "Scale3d",
      id: "scale3d",
      val: "1,1,1"
    },
    scaleX: {
      label: "ScaleX",
      id: "scaleX",
      val: "1"
    },
    scaleY: {
      label: "ScaleY",
      id: "scaleY",
      val: "1"
    },
    scaleZ: {
      label: "ScaleZ",
      id: "scaleZ",
      val: "1"
    },
    rotate: {
      label: "Rotate",
      id: "rotate",
      val: "0deg"
    },
    rotate3d: {
      label: "Rotate3d",
      id: "rotate3d",
      val: "1,1,1,0deg"
    },
    rotateX: {
      label: "RotateX",
      id: "rotateX",
      val: "0deg"
    },
    rotateY: {
      label: "RotateY",
      id: "rotateY",
      val: "0deg"
    },
    rotateZ: {
      label: "RotateZ",
      id: "rotateZ",
      val: "0deg"
    },
    skew: {
      label: "Skew",
      id: "skew",
      val: "2deg,3deg"
    },
    skewX: {
      label: "SkewX",
      id: "skewX",
      val: "0deg"
    },
    skewY: {
      label: "SkewY",
      id: "skewY",
      val: "0deg"
    },
    perspective: {
      label: "Perspective",
      id: "perspective",
      val: "0px"
    },
    matrix: {
      label: "Matrix",
      id: "matrix",
      val: "1,1,1,1,1,1"
    },
    matrix3d: {
      label: "Matrix3d",
      id: "matrix3d",
      val: "1,1"
    }
  };
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() => {
    var filtered = valParts.filter(Boolean);
    var res = filtered.map(x => {
      if (x.length != 0) {
        var proptyParts = x != undefined ? x.split("(") : [];
        var proptyId = proptyParts[0];
        var proptyVal = proptyParts[1];
        var obj = {
          id: proptyId,
          val: proptyVal
        };
        return obj;
      }
    });
    setvalArgs(res);
  }, [props.val]);
  function RemoveProty({
    title,
    index
  }) {
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
      className: "flex  items-center ",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", {
        className: "hover:bg-red-500 hover:text-white mr-1 inline-block p-1 cursor-pointer",
        onClick: ev => {
          var hellox = valArgs.splice(index, 1);
          setvalArgs(valArgs);
          var str = "";
          valArgs.map(x => {
            str += x.id + "(" + x.val + ") ";
          });
          props.onChange(str, "transform");
        },
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_5__["default"], {
          icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", {
        children: title
      })]
    });
  }
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
    className: "mt-4",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
      className: "flex mb-3",
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_components_dropdown__WEBPACK_IMPORTED_MODULE_3__["default"], {
        position: "bottom right",
        variant: "secondary",
        options: propertyArgs,
        buttonTitle: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Choose", "accordions"),
        onChange: (option, index) => {
          valArgs.push(option);
          var str = "";
          valArgs.map((x, i) => {
            str += x.id + "(" + x.val + ") ";
          });
          props.onChange(str, "transform");
        }
      })
    }), valArgs != undefined && valArgs.map((arg, i) => {
      return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
        title: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(RemoveProty, {
          title: arg.id != null && propertyArgs[arg.id] != undefined ? propertyArgs[arg.id].label : "property",
          index: i
        }),
        initialOpen: false,
        children: [(arg.id == "translateX" || arg.id == "translateY" || arg.id == "translateZ" || arg.id == "scaleX" || arg.id == "scaleY" || arg.id == "scaleZ" || arg.id == "rotate" || arg.id == "rotateX" || arg.id == "rotateY" || arg.id == "rotateZ" || arg.id == "skewX" || arg.id == "skewY" || arg.id == "perspective") && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment, {
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("label", {
            htmlFor: "",
            children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Value", "accordions")
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
              value: arg.val.match(/-?\d+/g) == null ? 0 : arg.val.match(/-?\d+/g)[0],
              type: "number",
              onChange: newVal => {
                //var argVal = arg.val != undefined ? arg.val.match(/-?\d+/g)[0] : 1;
                if (parseInt(newVal) == NaN) {
                  return;
                }
                var str = "";
                valArgs.map((x, j) => {
                  if (arg.id == x.id) {
                    if (arg.id == "scaleX" || arg.id == "scaleY" || arg.id == "scaleZ") {
                      str += x.id + "(" + newVal + ") ";
                    }
                    if (arg.id == "translateX" || arg.id == "translateY" || arg.id == "translateZ" || arg.id == "perspective") {
                      var argUnit = arg.val != undefined ? arg.val.match(/[%a-zA-Z]+/g)[0] : "";
                      str += x.id + "(" + newVal + argUnit + ") ";
                    }
                    if (arg.id == "rotate" || arg.id == "rotateX" || arg.id == "rotateY" || arg.id == "rotateZ" || arg.id == "skewX" || arg.id == "skewY") {
                      str += x.id + "(" + newVal + "deg) ";
                    }
                  } else {
                    str += x.id + "(" + x.val + ") ";
                  }
                });
                props.onChange(str, "transform");
              }
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("span", {
              className: "w-2/6",
              children: [(arg.id == "translateX" || arg.id == "translateY" || arg.id == "translateZ" || arg.id == "perspective") && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
                label: "",
                value: arg.val.match(/[%a-zA-Z]+/g)[0],
                options: [{
                  label: "PX",
                  value: "px"
                }, {
                  label: "EM",
                  value: "em"
                }, {
                  label: "REM",
                  value: "rem"
                }, {
                  label: "%",
                  value: "%"
                }],
                onChange: newVal => {
                  var str = "";
                  valArgs.map((x, j) => {
                    if (arg.id == x.id) {
                      if (arg.id == "translateX" || arg.id == "translateY" || arg.id == "translateZ" || arg.id == "perspective") {
                        var argVal = arg.val != undefined ? arg.val.match(/-?\d+/g)[0] : 1;
                        str += x.id + "(" + argVal + newVal + ") ";
                      }
                    } else {
                      str += x.id + "(" + x.val + ") ";
                    }
                  });
                  props.onChange(str, "transform");
                }
              }), (arg.id == "rotateX" || arg.id == "rotate" || arg.id == "rotateY" || arg.id == "rotateZ" || arg.id == "skewX" || arg.id == "skewY") && "deg"]
            })]
          })]
        }), (arg.id == "translate" || arg.id == "scale" || arg.id == "skew") && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment, {
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
            className: "mt-2",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("label", {
              htmlFor: "",
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("X Value", "accordions")
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
                value: arg.val.split(",")[0].match(/-?\d+/g) == undefined ? 0 : arg.val.split(",")[0].match(/-?\d+/g)[0],
                type: "number",
                onChange: newVal => {
                  //var argVal = arg.val != undefined ? arg.val.match(/-?\d+/g)[0] : 1;
                  if (parseInt(newVal) == NaN) {
                    return;
                  }
                  var valPartsX = arg.val.split(",")[0].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[0].match(/-?\d+/g)[0];
                  var valPartsXUnit = arg.val.split(",")[0].match(/[%a-zA-Z]+/g) == null ? "px" : arg.val.split(",")[0].match(/[%a-zA-Z]+/g)[0];
                  var valPartsY = arg.val.split(",")[1].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[1].match(/-?\d+/g)[0];
                  var valPartsYUnit = arg.val.split(",")[1].match(/[%a-zA-Z]+/g) == null ? "px" : arg.val.split(",")[1].match(/[%a-zA-Z]+/g)[0];
                  var str = "";
                  valArgs.map((x, j) => {
                    if (arg.id == x.id) {
                      if (arg.id == "scale") {
                        str += x.id + "(" + newVal + "," + valPartsY + ") ";
                      }
                      if (arg.id == "translate") {
                        str += x.id + "(" + newVal + valPartsXUnit + "," + valPartsY + valPartsYUnit + ") ";
                      }
                      if (arg.id == "skew") {
                        str += x.id + "(" + newVal + "deg," + valPartsY + "deg) ";
                      }
                    } else {
                      str += x.id + "(" + x.val + ") ";
                    }
                  });
                  props.onChange(str, "transform");
                }
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("span", {
                className: "w-2/6",
                children: [arg.id == "translate" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment, {
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
                    label: "",
                    value: arg.val.split(",")[0].match(/[%a-zA-Z]+/g)[0],
                    options: [{
                      label: "PX",
                      value: "px"
                    }, {
                      label: "EM",
                      value: "em"
                    }, {
                      label: "REM",
                      value: "rem"
                    }, {
                      label: "%",
                      value: "%"
                    }],
                    onChange: newVal => {
                      var str = "";
                      valArgs.map((x, j) => {
                        if (arg.id == x.id) {
                          if (arg.id == "translate") {
                            var argValX = arg.val.split(",")[0].match(/-?\d+/g) == null ? 1 : arg.val.split(",")[0].match(/-?\d+/g)[0];
                            var argValXUnit = arg.val.split(",")[0].match(/[%a-zA-Z]+/g) == null ? "px" : arg.val.split(",")[0].match(/[%a-zA-Z]+/g)[0];
                            var argValY = arg.val.split(",")[1].match(/-?\d+/g) == null ? 1 : arg.val.split(",")[1].match(/-?\d+/g)[0];
                            var argValYUnit = arg.val.split(",")[1].match(/[%a-zA-Z]+/g) == null ? "px" : arg.val.split(",")[1].match(/[%a-zA-Z]+/g)[0];
                            str += x.id + "(" + argValX + newVal + "," + argValY + argValYUnit + ") ";
                            //str += x.id + '(' + argVal + newVal + ') ';
                          }
                        } else {
                          str += x.id + "(" + x.val + ") ";
                        }
                      });
                      props.onChange(str, "transform");
                    }
                  })
                }), arg.id == "skew" && "deg"]
              })]
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
            className: "mt-2",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("label", {
              htmlFor: "",
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Y Value", "accordions")
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
                value: arg.val.split(",")[1].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[1].match(/-?\d+/g)[0],
                type: "number",
                onChange: newVal => {
                  if (parseInt(newVal) == NaN) {
                    return;
                  }
                  var valPartsX = arg.val.split(",")[0].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[0].match(/-?\d+/g)[0];
                  var valPartsXUnit = arg.val.split(",")[0].match(/[%a-zA-Z]+/g) == null ? "px" : arg.val.split(",")[0].match(/[%a-zA-Z]+/g)[0];
                  var valPartsY = arg.val.split(",")[1].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[1].match(/-?\d+/g)[0];
                  var argValYUnit = arg.val.split(",")[1].match(/[%a-zA-Z]+/g) == null ? "px" : arg.val.split(",")[1].match(/[%a-zA-Z]+/g)[0];
                  var str = "";
                  valArgs.map((x, j) => {
                    if (arg.id == x.id) {
                      if (arg.id == "scale") {
                        str += x.id + "(" + valPartsX + "," + newVal + ") ";
                      }
                      if (arg.id == "translate") {
                        str += x.id + "(" + valPartsX + valPartsXUnit + "," + newVal + argValYUnit + ") ";
                      }
                      if (arg.id == "skew") {
                        str += x.id + "(" + valPartsX + "deg," + newVal + "deg) ";
                      }
                    } else {
                      str += x.id + "(" + x.val + ") ";
                    }
                  });
                  props.onChange(str, "transform");
                }
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("span", {
                className: "w-2/6",
                children: [arg.id == "translate" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment, {
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
                    label: "",
                    value: arg.val.split(",")[1].match(/[%a-zA-Z]+/g) == null ? 0 : arg.val.split(",")[1].match(/[%a-zA-Z]+/g)[0],
                    options: [{
                      label: "PX",
                      value: "px"
                    }, {
                      label: "EM",
                      value: "em"
                    }, {
                      label: "REM",
                      value: "rem"
                    }, {
                      label: "%",
                      value: "%"
                    }],
                    onChange: newVal => {
                      var str = "";
                      valArgs.map((x, j) => {
                        if (arg.id == x.id) {
                          if (arg.id == "translate") {
                            var argValX = arg.val.split(",")[0].match(/-?\d+/g) == null ? 1 : arg.val.split(",")[0].match(/-?\d+/g)[0];
                            var argValXUnit = arg.val.split(",")[0].match(/[%a-zA-Z]+/g) == null ? "px" : arg.val.split(",")[0].match(/[%a-zA-Z]+/g)[0];
                            var argValY = arg.val.split(",")[1].match(/-?\d+/g) == null ? 1 : arg.val.split(",")[1].match(/-?\d+/g)[0];
                            var argValYUnit = arg.val.split(",")[1].match(/[%a-zA-Z]+/g) == null ? "px" : arg.val.split(",")[1].match(/[%a-zA-Z]+/g)[0];
                            str += x.id + "(" + argValX + argValXUnit + "," + argValY + newVal + ") ";
                            //str += x.id + '(' + argVal + newVal + ') ';
                          }
                        } else {
                          str += x.id + "(" + x.val + ") ";
                        }
                      });
                      props.onChange(str, "transform");
                    }
                  })
                }), arg.id == "skew" && "deg"]
              })]
            })]
          })]
        }), (arg.id == "translate3d" || arg.id == "scale3d" || arg.id == "rotate3d") && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment, {
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("label", {
              htmlFor: "",
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("X Value", "accordions")
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
              value: arg.val.split(",")[0].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[0].match(/-?\d+/g)[0],
              type: "number",
              onChange: newVal => {
                //var argVal = arg.val != undefined ? arg.val.match(/-?\d+/g)[0] : 1;
                //var argUnit = arg.val != undefined ? arg.val.match(/[a-zA-Z]+/g)[0] : '';
                if (parseInt(newVal) == NaN) {
                  return;
                }
                // var valPartsX = arg.val.split(",")[0].match(/-?\d+/g)[0];
                // var valPartsXUnit = arg.val.split(",")[0].match(/[a-zA-Z]+/g)[0];
                // var valPartsY = arg.val.split(",")[1].match(/-?\d+/g)[0];
                // var valPartsYUnit = arg.val.split(",")[1].match(/[a-zA-Z]+/g)[0];
                // var valPartsZ = arg.val.split(",")[2].match(/-?\d+/g)[0];
                // var valPartsZUnit = arg.val.split(",")[2].match(/[a-zA-Z]+/g)[0];
                var valPartsX = arg.val.split(",")[0].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[0].match(/-?\d+/g)[0];
                var valPartsXUnit = arg.val.split(",")[0].match(/[a-zA-Z]+/g) == null ? "px" : arg.val.split(",")[0].match(/[a-zA-Z]+/g)[0];
                var valPartsY = arg.val.split(",")[1].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[1].match(/-?\d+/g)[0];
                var valPartsYUnit = arg.val.split(",")[1].match(/[a-zA-Z]+/g) == null ? "px" : arg.val.split(",")[1].match(/[a-zA-Z]+/g)[0];
                var valPartsZ = arg.val.split(",")[2].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[2].match(/-?\d+/g)[0];
                var valPartsZUnit = arg.val.split(",")[2].match(/[a-zA-Z]+/g) == null ? "px" : arg.val.split(",")[2].match(/[a-zA-Z]+/g)[0];
                var str = "";
                valArgs.map((x, j) => {
                  if (arg.id == x.id) {
                    if (arg.id == "scale3d") {
                      str += x.id + "(" + newVal + "," + valPartsY + "," + valPartsZ + ") ";
                    }
                    if (arg.id == "translate3d") {
                      str += x.id + "(" + newVal + valPartsXUnit + "," + valPartsY + valPartsYUnit + "," + valPartsZ + valPartsZUnit + ") ";
                    }
                    if (arg.id == "rotate3d") {
                      var valPartsA = arg.val.split(",")[2].match(/-?\d+/g)[0];
                      str += x.id + "(" + newVal + "," + valPartsY + "," + valPartsZ + "," + valPartsA + "deg) ";
                    }
                  } else {
                    str += x.id + "(" + x.val + ") ";
                  }
                });
                props.onChange(str, "transform");
              }
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", {
              children: arg.id == "translate3d" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment, {
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
                  label: "",
                  value: arg.val.split(",")[0].match(/[%a-zA-Z]+/g)[0],
                  options: [{
                    label: "PX",
                    value: "px"
                  }, {
                    label: "EM",
                    value: "em"
                  }, {
                    label: "REM",
                    value: "rem"
                  }, {
                    label: "%",
                    value: "%"
                  }],
                  onChange: newVal => {
                    var str = "";
                    valArgs.map((x, j) => {
                      if (arg.id == x.id) {
                        if (arg.id == "translate3d") {
                          // var valPartsX = arg.val.split(",")[0].match(/-?\d+/g)[0];
                          // var valPartsXUnit = arg.val.split(",")[0].match(/[a-zA-Z]+/g)[0];
                          // var valPartsY = arg.val.split(",")[1].match(/-?\d+/g)[0];
                          // var valPartsYUnit = arg.val.split(",")[1].match(/[a-zA-Z]+/g)[0];
                          // var valPartsZ = arg.val.split(",")[2].match(/-?\d+/g)[0];
                          // var valPartsZUnit = arg.val.split(",")[2].match(/[a-zA-Z]+/g)[0];
                          var valPartsX = arg.val.split(",")[0].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[0].match(/-?\d+/g)[0];
                          var valPartsXUnit = arg.val.split(",")[0].match(/[a-zA-Z]+/g) == null ? "px" : arg.val.split(",")[0].match(/[a-zA-Z]+/g)[0];
                          var valPartsY = arg.val.split(",")[1].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[1].match(/-?\d+/g)[0];
                          var valPartsYUnit = arg.val.split(",")[1].match(/[a-zA-Z]+/g) == null ? "px" : arg.val.split(",")[1].match(/[a-zA-Z]+/g)[0];
                          var valPartsZ = arg.val.split(",")[2].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[2].match(/-?\d+/g)[0];
                          var valPartsZUnit = arg.val.split(",")[2].match(/[a-zA-Z]+/g) == null ? "px" : arg.val.split(",")[2].match(/[a-zA-Z]+/g)[0];
                          str += x.id + "(" + valPartsX + newVal + "," + valPartsY + valPartsYUnit + "," + valPartsZ + valPartsZUnit + ") ";
                        }
                      } else {
                        str += x.id + "(" + x.val + ") ";
                      }
                    });
                    props.onChange(str, "transform");
                  }
                })
              })
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("label", {
              htmlFor: "",
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Y Value", "accordions")
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
              value: arg.val.split(",")[1].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[1].match(/-?\d+/g)[0],
              type: "number",
              onChange: newVal => {
                if (parseInt(newVal) == NaN) {
                  return;
                }
                var valPartsX = arg.val.split(",")[0].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[0].match(/-?\d+/g)[0];
                var valPartsXUnit = arg.val.split(",")[0].match(/[a-zA-Z]+/g) == null ? "px" : arg.val.split(",")[0].match(/[a-zA-Z]+/g)[0];
                var valPartsY = arg.val.split(",")[1].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[1].match(/-?\d+/g)[0];
                var valPartsYUnit = arg.val.split(",")[1].match(/[a-zA-Z]+/g) == null ? "px" : arg.val.split(",")[1].match(/[a-zA-Z]+/g)[0];
                var valPartsZ = arg.val.split(",")[2].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[2].match(/-?\d+/g)[0];
                var valPartsZUnit = arg.val.split(",")[2].match(/[a-zA-Z]+/g) == null ? "px" : arg.val.split(",")[2].match(/[a-zA-Z]+/g)[0];
                var str = "";
                valArgs.map((x, j) => {
                  if (arg.id == x.id) {
                    if (arg.id == "scale3d") {
                      str += x.id + "(" + valPartsX + "," + newVal + "," + valPartsZ + ") ";
                    }
                    if (arg.id == "translate3d") {
                      str += x.id + "(" + valPartsX + valPartsXUnit + "," + newVal + valPartsYUnit + "," + valPartsZ + valPartsZUnit + ") ";
                    }
                    if (arg.id == "rotate3d") {
                      var valPartsA = arg.val.split(",")[3].match(/-?\d+/g)[0];
                      str += x.id + "(" + valPartsX + "," + newVal + "," + valPartsZ + "," + valPartsA + "deg) ";
                    }
                  } else {
                    str += x.id + "(" + x.val + ") ";
                  }
                });
                props.onChange(str, "transform");
              }
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("span", {
              children: [arg.id == "translate3d" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment, {
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
                  label: "",
                  value: arg.val.split(",")[1].match(/[%a-zA-Z]+/g)[0],
                  options: [{
                    label: "PX",
                    value: "px"
                  }, {
                    label: "EM",
                    value: "em"
                  }, {
                    label: "REM",
                    value: "rem"
                  }, {
                    label: "%",
                    value: "%"
                  }],
                  onChange: newVal => {
                    var str = "";
                    valArgs.map((x, j) => {
                      if (arg.id == x.id) {
                        if (arg.id == "translate3d") {
                          var valPartsX = arg.val.split(",")[0].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[0].match(/-?\d+/g)[0];
                          var valPartsXUnit = arg.val.split(",")[0].match(/[a-zA-Z]+/g) == null ? "px" : arg.val.split(",")[0].match(/[a-zA-Z]+/g)[0];
                          var valPartsY = arg.val.split(",")[1].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[1].match(/-?\d+/g)[0];
                          var valPartsYUnit = arg.val.split(",")[1].match(/[a-zA-Z]+/g) == null ? "px" : arg.val.split(",")[1].match(/[a-zA-Z]+/g)[0];
                          var valPartsZ = arg.val.split(",")[2].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[2].match(/-?\d+/g)[0];
                          var valPartsZUnit = arg.val.split(",")[2].match(/[a-zA-Z]+/g) == null ? "px" : arg.val.split(",")[2].match(/[a-zA-Z]+/g)[0];
                          str += x.id + "(" + valPartsX + valPartsXUnit + "," + valPartsY + newVal + "," + valPartsZ + valPartsZUnit + ") ";
                        }
                      } else {
                        str += x.id + "(" + x.val + ") ";
                      }
                    });
                    props.onChange(str, "transform");
                  }
                })
              }), arg.id == "skew" && "deg"]
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("label", {
              htmlFor: "",
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Z Value", "accordions")
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
              value: arg.val.split(",")[2].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[2].match(/-?\d+/g)[0],
              type: "number",
              onChange: newVal => {
                if (parseInt(newVal) == NaN) {
                  return;
                }
                // var valPartsX = arg.val.split(",")[0].match(/-?\d+/g)[0];
                // var valPartsY = arg.val.split(",")[1].match(/-?\d+/g)[0];
                // var valPartsZ = arg.val.split(",")[2].match(/-?\d+/g)[0];
                var valPartsX = arg.val.split(",")[0].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[0].match(/-?\d+/g)[0];
                var valPartsXUnit = arg.val.split(",")[0].match(/[a-zA-Z]+/g) == null ? "px" : arg.val.split(",")[0].match(/[a-zA-Z]+/g)[0];
                var valPartsY = arg.val.split(",")[1].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[1].match(/-?\d+/g)[0];
                var valPartsYUnit = arg.val.split(",")[1].match(/[a-zA-Z]+/g) == null ? "px" : arg.val.split(",")[1].match(/[a-zA-Z]+/g)[0];
                var valPartsZ = arg.val.split(",")[2].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[2].match(/-?\d+/g)[0];
                var valPartsZUnit = arg.val.split(",")[2].match(/[a-zA-Z]+/g) == null ? "px" : arg.val.split(",")[2].match(/[a-zA-Z]+/g)[0];
                // var valPartsX = arg.val.split(",")[0].match(/-?\d+/g)[0];
                // var valPartsXUnit = arg.val.split(",")[0].match(/[a-zA-Z]+/g)[0];
                // var valPartsY = arg.val.split(",")[1].match(/-?\d+/g)[0];
                // var valPartsYUnit = arg.val.split(",")[1].match(/[a-zA-Z]+/g)[0];
                // var valPartsZ = arg.val.split(",")[2].match(/-?\d+/g)[0];
                // var valPartsZUnit = arg.val.split(",")[2].match(/[a-zA-Z]+/g)[0];
                var str = "";
                valArgs.map((x, j) => {
                  if (arg.id == x.id) {
                    if (arg.id == "scale3d") {
                      str += x.id + "(" + valPartsX + "," + valPartsY + "," + newVal + ") ";
                    }
                    if (arg.id == "translate3d") {
                      str += x.id + "(" + valPartsX + valPartsXUnit + "," + valPartsY + valPartsYUnit + "," + newVal + valPartsZUnit + ") ";
                    }
                    if (arg.id == "rotate3d") {
                      var valPartsA = arg.val.split(",")[3].match(/-?\d+/g)[0];
                      str += x.id + "(" + valPartsX + "," + valPartsY + "," + newVal + "," + valPartsA + "deg) ";
                    }
                  } else {
                    str += x.id + "(" + x.val + ") ";
                  }
                });
                props.onChange(str, "transform");
              }
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("span", {
              children: [arg.id == "translate3d" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment, {
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
                  label: "",
                  value: arg.val.split(",")[2].match(/[%a-zA-Z]+/g)[0],
                  options: [{
                    label: "PX",
                    value: "px"
                  }, {
                    label: "EM",
                    value: "em"
                  }, {
                    label: "REM",
                    value: "rem"
                  }, {
                    label: "%",
                    value: "%"
                  }],
                  onChange: newVal => {
                    var str = "";
                    valArgs.map((x, j) => {
                      if (arg.id == x.id) {
                        if (arg.id == "translate3d") {
                          var valPartsX = arg.val.split(",")[0].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[0].match(/-?\d+/g)[0];
                          var valPartsXUnit = arg.val.split(",")[0].match(/[a-zA-Z]+/g) == null ? "px" : arg.val.split(",")[0].match(/[a-zA-Z]+/g)[0];
                          var valPartsY = arg.val.split(",")[1].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[1].match(/-?\d+/g)[0];
                          var valPartsYUnit = arg.val.split(",")[1].match(/[a-zA-Z]+/g) == null ? "px" : arg.val.split(",")[1].match(/[a-zA-Z]+/g)[0];
                          var valPartsZ = arg.val.split(",")[2].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[2].match(/-?\d+/g)[0];
                          var valPartsZUnit = arg.val.split(",")[2].match(/[a-zA-Z]+/g) == null ? "px" : arg.val.split(",")[2].match(/[a-zA-Z]+/g)[0];
                          // var valPartsX = arg.val.split(",")[0].match(/-?\d+/g)[0];
                          // var valPartsXUnit = arg.val.split(",")[0].match(/[a-zA-Z]+/g)[0];
                          // var valPartsY = arg.val.split(",")[1].match(/-?\d+/g)[0];
                          // var valPartsYUnit = arg.val.split(",")[1].match(/[a-zA-Z]+/g)[0];
                          // var valPartsZ = arg.val.split(",")[2].match(/-?\d+/g)[0];
                          // var valPartsZUnit = arg.val.split(",")[2].match(/[a-zA-Z]+/g)[0];
                          str += x.id + "(" + valPartsX + valPartsXUnit + "," + valPartsY + valPartsYUnit + "," + valPartsZ + newVal + ") ";
                        }
                      } else {
                        str += x.id + "(" + x.val + ") ";
                      }
                    });
                    props.onChange(str, "transform");
                  }
                })
              }), arg.id == "skew" && "deg"]
            })]
          }), arg.id == "rotate3d" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("label", {
              htmlFor: "",
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Angle", "accordions")
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
              value: arg.val.split(",")[3].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[3].match(/-?\d+/g)[0],
              type: "number",
              onChange: newVal => {
                if (parseInt(newVal) == NaN) {
                  return;
                }
                var valPartsX = arg.val.split(",")[0].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[0].match(/-?\d+/g)[0];
                var valPartsY = arg.val.split(",")[1].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[1].match(/-?\d+/g)[0];
                var valPartsZ = arg.val.split(",")[2].match(/-?\d+/g) == null ? 0 : arg.val.split(",")[2].match(/-?\d+/g)[0];
                var str = "";
                valArgs.map((x, j) => {
                  if (arg.id == x.id) {
                    if (arg.id == "scale3d") {
                      str += x.id + "(" + valPartsX + "," + valPartsY + "," + valPartsZ + ") ";
                    }
                    if (arg.id == "translate3d") {
                      str += x.id + "(" + valPartsX + "px," + valPartsY + "px," + valPartsZ + "px) ";
                    }
                    if (arg.id == "rotate3d") {
                      str += x.id + "(" + valPartsX + "," + valPartsY + "," + valPartsZ + "," + newVal + "deg) ";
                    }
                  } else {
                    str += x.id + "(" + x.val + ") ";
                  }
                });
                props.onChange(str, "transform");
              }
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", {
              children: arg.id == "rotate3d" && "deg"
            })]
          })]
        })]
      });
    })]
  });
}
class PGcssTransition extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssTransition);

/***/ }),

/***/ "./src/components/css-transition/index.js":
/*!************************************************!*\
  !*** ./src/components/css-transition/index.js ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _components_dropdown__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/dropdown */ "./src/components/dropdown/index.js");
/* harmony import */ var _wordpress_hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/hooks */ "@wordpress/hooks");
/* harmony import */ var _wordpress_hooks__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_hooks__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__);
const {
  Component
} = wp.element;








function Html(props) {
  if (!props.warn) {
    return null;
  }
  var valParts = props.val != undefined ? props.val.split(",") : [];
  const [valArgs, setvalArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)([]);
  var timingFunctionargs = [{
    label: "ease",
    value: "ease"
  }, {
    label: "linear",
    value: "linear"
  }, {
    label: "ease-in",
    value: "ease-in"
  }, {
    label: "ease-out",
    value: "ease-out"
  }, {
    label: "ease-in-out",
    value: "ease-in-out"
  }, {
    label: "step-start",
    value: "step-start"
  }, {
    label: "step-end",
    value: "step-end"
  }];
  var transitionPropertiesBasic = {
    all: {
      value: "all ",
      label: "All "
    },
    "background-color": {
      value: "background-color",
      label: "Background Color"
    },
    color: {
      value: "color",
      label: "Color"
    },
    "box-shadow": {
      value: "box-shadow",
      label: "Box Shadow"
    },
    "font-size": {
      value: "font-size",
      label: "Font Size"
    },
    right: {
      value: "right",
      label: "Right"
    },
    top: {
      value: "top",
      label: "Top"
    },
    width: {
      value: "width",
      label: "Width"
    },
    height: {
      value: "height",
      label: "Height"
    },
    "font-weight": {
      value: "font-weight",
      label: "Font Weight"
    },
    left: {
      value: "left",
      label: "Left"
    },
    "z-index": {
      value: "z-index",
      label: "Z-Index"
    },
    margin: {
      value: "margin",
      label: "Margin"
    },
    padding: {
      value: "padding",
      label: "Padding"
    },
    "max-height": {
      value: "max-height",
      label: "Max Height"
    },
    "max-width": {
      value: "max-width",
      label: "Max Width"
    },
    "min-height": {
      value: "min-height",
      label: "Min Height"
    },
    "min-width": {
      value: "min-width",
      label: "Min Width"
    },
    opacity: {
      value: "opacity",
      label: "Opacity"
    },
    "align-content": {
      value: "align-content",
      label: "Align Content"
    },
    "align-items": {
      value: "align-items",
      label: "Align Items"
    },
    "align-self": {
      value: "align-self",
      label: "Align Self"
    },
    "backface-visibility": {
      value: "backface-visibility",
      label: "Backface Visibility"
    },
    //background: { value: 'background', label: 'Background' },
    "background-attachment": {
      value: "background-attachment",
      label: "Background Attachment",
      isPro: true
    },
    "background-blendMode": {
      value: "background-blendMode",
      label: "Background Blend Mode",
      isPro: true
    },
    "background-clip": {
      value: "background-clip",
      label: "Background Clip",
      isPro: true
    },
    "background-image": {
      value: "background-image",
      label: "Background Image"
    },
    "background-origin": {
      value: "background-origin",
      label: "Background Origin"
    },
    "background-repeat": {
      value: "background-repeat",
      label: "Background Repeat"
    },
    "background-position": {
      value: "background-position",
      label: "Background Position"
    },
    "background-size": {
      value: "background-size",
      label: "Background Size"
    },
    border: {
      value: "border",
      label: "Border"
    },
    "border-collapse": {
      value: "border-collapse",
      label: "Border Collapse",
      isPro: true
    },
    "border-image": {
      value: "border-image",
      label: "Border Image",
      isPro: true
    },
    "border-radius": {
      value: "border-radius",
      label: "Border Radius"
    },
    "border-spacing": {
      value: "border-spacing",
      label: "Border Spacing",
      isPro: true
    },
    "backdrop-filter": {
      value: "backdrop-filter",
      label: "Backdrop Filter"
    },
    bottom: {
      value: "bottom",
      label: "Bottom"
    },
    "box-sizing": {
      value: "box-sizing",
      label: "Box Sizing",
      isPro: true
    },
    clear: {
      value: "clear",
      label: "Clear"
    },
    clip: {
      value: "clip",
      label: "Clip",
      isPro: true
    },
    clipPath: {
      value: "clipPath",
      label: "Clip Path",
      isPro: true
    },
    "column-count": {
      value: "column-count",
      label: "Column Count",
      isPro: true
    },
    content: {
      value: "content",
      label: "Content",
      isPro: true
    },
    cursor: {
      value: "cursor",
      label: "Cursor",
      isPro: true
    },
    display: {
      value: "display",
      label: "Display"
    },
    direction: {
      value: "direction",
      label: "Direction"
    },
    float: {
      value: "float",
      label: "Float"
    },
    filter: {
      value: "filter",
      label: "Filter",
      isPro: true
    },
    "font-family": {
      value: "font-family",
      label: "Font Family"
    },
    "font-stretch": {
      value: "font-stretch",
      label: "Font Stretch",
      isPro: true
    },
    "font-style": {
      value: "font-style",
      label: "Font Style"
    },
    "font-variant-caps": {
      value: "font-variant-caps",
      label: "Font VariantCaps",
      isPro: true
    },
    "letter-spacing": {
      value: "letter-spacing",
      label: "Letter Spacing",
      isPro: true
    },
    "line-height": {
      value: "line-height",
      label: "Line Height"
    },
    "list-style": {
      value: "list-style",
      label: "ListStyle"
    },
    outline: {
      value: "outline",
      label: "Outline",
      isPro: true
    },
    overflow: {
      value: "overflow",
      label: "Overflow"
    },
    "overflow-x": {
      value: "overflow-x",
      label: "OverflowX",
      isPro: true
    },
    "overflow-y": {
      value: "overflow-y",
      label: "OverflowY",
      isPro: true
    },
    perspective: {
      value: "perspective",
      label: "Perspective",
      isPro: true
    },
    position: {
      value: "position",
      label: "Position"
    },
    "text-align": {
      value: "text-align",
      label: "Text Align"
    },
    transform: {
      value: "transform",
      label: "Transform",
      isPro: true
    },
    transition: {
      value: "transition",
      label: "Transition",
      isPro: true
    },
    "vertical-align": {
      value: "vertical-align",
      label: "Vertical Align"
    },
    visibility: {
      value: "visibility",
      label: "Visibility"
    },
    "text-decoration": {
      value: "text-decoration",
      label: "Text Decoration",
      isPro: true
    },
    "text-indent": {
      value: "text-indent",
      label: "Text Indent",
      isPro: true
    },
    "text-justify": {
      value: "text-justify",
      label: "Text Justify",
      isPro: true
    },
    "text-overflow": {
      value: "text-overflow",
      label: "Text Overflow"
    },
    "text-shadow": {
      value: "text-shadow",
      label: "Text Shadow",
      isPro: true
    },
    "text-transform": {
      value: "text-transform",
      label: "Text Transform",
      isPro: true
    },
    "word-break": {
      value: "word-break",
      label: "Word Break",
      isPro: true
    },
    "word-spacing": {
      value: "word-spacing",
      label: "Word Spacing",
      isPro: true
    },
    "word-wrap": {
      value: "word-wrap",
      label: "Word Wrap",
      isPro: true
    },
    "writing-mode": {
      value: "writing-mode",
      label: "Writing Mode",
      isPro: true
    }
  };
  let transitionProperties = (0,_wordpress_hooks__WEBPACK_IMPORTED_MODULE_4__.applyFilters)("transitionProperties", transitionPropertiesBasic);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() => {
    var filtered = valParts.filter(Boolean);
    var res = filtered.map(x => {
      if (x.length != 0) {
        var items = x.split(" ");
        var property = items[0];
        var duration = items[1];
        var timingFunction = items[2];
        var delay = items[3];
        return {
          property: property,
          duration: duration,
          timingFunction: timingFunction,
          delay: delay
        };
      }
    });
    setvalArgs(res);
  }, [props.val]);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
    className: "mt-4",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
      className: "flex mb-3",
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_components_dropdown__WEBPACK_IMPORTED_MODULE_3__["default"], {
        position: "bottom right",
        variant: "secondary",
        options: transitionProperties,
        buttonTitle: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Choose", "accordions"),
        onChange: (option, index) => {
          valArgs.push({
            property: option.value,
            duration: "1s",
            timingFunction: "ease",
            delay: "0s"
          });
          var str = "";
          valArgs.map((x, i) => {
            str += x.property + " " + x.duration + " " + x.timingFunction + " " + x.delay;
            str += ",";
          });
          var strX = str.slice(0, -1);
          props.onChange(strX, "transition");
        }
      })
    }), valArgs != undefined && valArgs.map((arg, i) => {
      return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelBody, {
        title: arg.property != null && transitionProperties[arg.property] != undefined ? transitionProperties[arg.property].label : "property",
        initialOpen: false,
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, {
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("label", {
            htmlFor: "",
            children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Duration", "accordions")
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
            value: arg.duration.slice(0, -1),
            type: "number",
            autocomplete: "off",
            onChange: newVal => {
              valArgs[i].duration = newVal;
              var str = "";
              valArgs.map((x, j) => {
                if (i == j) {
                  str += x.property + " " + newVal + "s " + x.timingFunction + " " + x.delay;
                  str += ",";
                } else {
                  str += x.property + " " + x.duration + " " + x.timingFunction + " " + x.delay;
                  str += ",";
                }
              });
              var strX = str.slice(0, -1);
              props.onChange(strX, "transition");
            }
          })]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, {
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("label", {
            htmlFor: "",
            children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Timing Function", "accordions")
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_components_dropdown__WEBPACK_IMPORTED_MODULE_3__["default"], {
            position: "bottom right",
            variant: "secondary",
            options: timingFunctionargs,
            buttonTitle: arg.timingFunction != null ? arg.timingFunction : "Choose",
            onChange: (option, index) => {
              valArgs[i].timingFunction = option.value;
              var str = "";
              valArgs.map((x, j) => {
                if (i == j) {
                  str += x.property + " " + x.duration + " " + option.value + " " + x.delay;
                  str += ",";
                } else {
                  str += x.property + " " + x.duration + " " + x.timingFunction + " " + x.delay;
                  str += ",";
                }
              });
              var strX = str.slice(0, -1);
              props.onChange(strX, "transition");
            }
          })]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, {
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("label", {
            htmlFor: "",
            children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Delay", "accordions")
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
            value: arg.delay.slice(0, -1),
            type: "number",
            autocomplete: "off",
            onChange: newVal => {
              valArgs[i].delay = newVal;
              var str = "";
              valArgs.map((x, j) => {
                if (i == j) {
                  str += x.property + " " + x.duration + " " + x.timingFunction + " " + newVal + "s";
                  str += ",";
                } else {
                  str += x.property + " " + x.duration + " " + x.timingFunction + " " + x.delay;
                  str += ",";
                }
              });
              var strX = str.slice(0, -1);
              props.onChange(strX, "transition");
            }
          })]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
          className: "flex",
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("span", {
            className: "hover:bg-red-500 bg-red-400 text-white ml-1 inline-block p-1 cursor-pointer",
            onClick: ev => {
              var hellox = valArgs.splice(i, 1);
              setvalArgs(valArgs);
              var str = "";
              valArgs.map((x, j) => {
                str += x.property + " " + x.duration + " " + x.timingFunction + " " + x.delay;
                str += ",";
              });
              var strX = str.slice(0, -1);
              props.onChange(strX, "transition");
            },
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("span", {
              className: "dashicons dashicons-no-alt"
            })
          })
        })]
      });
    })]
  });
}
class PGcssTransition extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssTransition);

/***/ }),

/***/ "./src/components/css-user-select/index.js":
/*!*************************************************!*\
  !*** ./src/components/css-user-select/index.js ***!
  \*************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    auto: {
      label: "auto",
      value: "auto"
    },
    none: {
      label: "none",
      value: "none"
    },
    text: {
      label: "text",
      value: "text"
    },
    all: {
      label: "all",
      value: "all"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Clear", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'userSelect');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "userSelect");
              } else {
                props.onChange(x.value, "userSelect");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "userSelect");
        } else {
          props.onChange(align + " !important", "userSelect");
        }
      }
    })]
  });
}
class PGcssUserSelect extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssUserSelect);

/***/ }),

/***/ "./src/components/css-vertical-align/index.js":
/*!****************************************************!*\
  !*** ./src/components/css-vertical-align/index.js ***!
  \****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    baseline: {
      label: "Baseline",
      value: "baseline"
    },
    "text-top": {
      label: "Text Top",
      value: "text-top"
    },
    "text-bottom": {
      label: "Text Bottom",
      value: "text-bottom"
    },
    sub: {
      label: "Sub",
      value: "sub"
    },
    super: {
      label: "Super",
      value: "super"
    },
    top: {
      label: "Top",
      value: "top"
    },
    middle: {
      label: "Middle",
      value: "middle"
    },
    bottom: {
      label: "Bottom",
      value: "bottom"
    },
    initial: {
      label: "Initial",
      value: "initial"
    },
    inherit: {
      label: "Inherit",
      value: "inherit"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center pg-font",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: "",
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32 pg-font",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'verticalAlign');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "verticalAlign");
              } else {
                props.onChange(x.value, "verticalAlign");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "verticalAlign");
        } else {
          props.onChange(align + " !important", "verticalAlign");
        }
      }
    })]
  });
}
class PGcssVerticalAlign extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssVerticalAlign);

/***/ }),

/***/ "./src/components/css-visibility/index.js":
/*!************************************************!*\
  !*** ./src/components/css-visibility/index.js ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    visible: {
      label: "visible",
      value: "visible"
    },
    hidden: {
      label: "hidden",
      value: "hidden"
    },
    collapse: {
      label: "collapse",
      value: "collapse"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center pg-font",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Clear", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32 pg-font",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'visibility');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "visibility");
              } else {
                props.onChange(x.value, "visibility");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "visibility");
        } else {
          props.onChange(align + " !important", "visibility");
        }
      }
    })]
  });
}
class PGcssVisibility extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssVisibility);

/***/ }),

/***/ "./src/components/css-webkit-text-fill-color/index.js":
/*!************************************************************!*\
  !*** ./src/components/css-webkit-text-fill-color/index.js ***!
  \************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _colors_presets__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../colors-presets */ "./src/colors-presets.js");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__);
const {
  Component
} = wp.element;






function Html(props) {
  if (!props.warn) {
    return null;
  }
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)(props.val.split(" "));
  const [val, setval] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)(valArgs[1] == undefined ? false : true);
  const [customColor, setCustomColor] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)([]);
  const [newColorPreset, setNewColorPreset] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useState)([]);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useEffect)(() => {
    if (window.postGridBlockEditor.colors != undefined) {
      setCustomColor(window.postGridBlockEditor.colors);
    }
  }, [window.postGridBlockEditor]);
  // useEffect(() => {
  // 	apiFetch({
  // 		path: "/accordions/v2/get_options",
  // 		method: "POST",
  // 		data: { option: "post_grid_block_editor" },
  // 	}).then((res) => {
  // 		if (res.colors.length != 0) {
  // 			setCustomColor(res.colors);
  // 		}
  // 	});
  // }, []);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_4__.useEffect)(() => {
    const transformedColors = customColor.map((color, index) => {
      const name = color.substring(1).toUpperCase();
      const upperCaseColor = color.toUpperCase();
      return {
        name,
        color: upperCaseColor
      };
    });
    // const newColor = transformedColors.concat(
    // 	colorsPresets.slice(0, 6 - transformedColors.length)
    // );
    let newColor;
    if (transformedColors.length >= 6) {
      newColor = transformedColors;
    } else {
      newColor = transformedColors.concat(_colors_presets__WEBPACK_IMPORTED_MODULE_2__["default"].slice(0, 6 - transformedColors.length));
    }
    setNewColorPreset(newColor);
  }, [customColor]);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Popover, {
      position: "bottom right",
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
        className: "p-2",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
          label: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
          checked: isImportant,
          onChange: arg => {
            setImportant(isImportant => !isImportant);
            if (isImportant) {
              props.onChange(val, "-webkit-text-fill-color");
            } else {
              props.onChange(val + " !important", "-webkit-text-fill-color");
            }
          }
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ColorPalette, {
          value: val,
          colors: newColorPreset,
          enableAlpha: true,
          onChange: newVal => {
            //props.onChange(newVal, 'color');
            setval(newVal);
            if (isImportant) {
              props.onChange(newVal + " !important", "-webkit-text-fill-color");
            } else {
              props.onChange(newVal, "-webkit-text-fill-color");
            }
          }
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, {
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("label", {
            htmlFor: "",
            children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Global Value", "accordions")
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
            label: "",
            value: val,
            options: [{
              label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Choose", "accordions"),
              value: ""
            }, {
              label: "Inherit",
              value: "inherit"
            }, {
              label: "Initial",
              value: "initial"
            }, {
              label: "Revert",
              value: "revert"
            }, {
              label: "Transparent",
              value: "transparent"
            }, {
              label: "Revert-layer",
              value: "revert-layer"
            }, {
              label: "Unset",
              value: "unset"
            }],
            onChange: newVal => {
              setval(newVal);
              if (isImportant) {
                props.onChange(newVal + " !important", "-webkit-text-fill-color");
              } else {
                props.onChange(newVal, "-webkit-text-fill-color");
              }
            }
          })]
        })]
      })
    })
  });
}
class PGcssWebkitTextFillColor extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: false
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      enableAlpha,
      onChange,
      label
    } = this.props;
    var colorVal = val.replace(" !important", "");
    var placeholderStyle = {
      backgroundImage: "repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0),repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0)",
      backgroundPosition: "0 0,25px 25px",
      backgroundSize: "50px 50px",
      boxShadow: "inset 0 0 0 1px rgb(0 0 0 / 20%)",
      cursor: "pointer"
    };
    var defaultbtnStyle = {
      backgroundImage: "repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0),repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0)",
      backgroundPosition: "0 0,25px 25px",
      backgroundSize: "50px 50px",
      boxShadow: "inset 0 0 0 1px rgb(0 0 0 / 20%)",
      cursor: "pointer"
    };
    var btnStyle = {
      backgroundColor: val,
      boxShadow: "inset 0 0 0 1px rgb(0 0 0 / 20%)",
      cursor: "pointer"
    };
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
        className: "my-4",
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
          className: "relative h-10",
          style: placeholderStyle,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("div", {
            className: "absolute w-full  h-full top-0 left-0 text-center",
            style: btnStyle,
            onClick: this.handleToggleClick,
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("span", {
              className: "w-full text-center left-0 top-1/2 -translate-y-1/2\t absolute",
              children: val == undefined ? "Set Color" : colorVal
            })
          })
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(Html, {
        enableAlpha: enableAlpha,
        val: val,
        onChange: onChange,
        warn: this.state.showWarning
      })]
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssWebkitTextFillColor);

/***/ }),

/***/ "./src/components/css-white-space/index.js":
/*!*************************************************!*\
  !*** ./src/components/css-white-space/index.js ***!
  \*************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
const {
  Component,
  RawHTML
} = wp.element;



function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    normal: {
      label: "normal",
      value: "normal"
    },
    nowrap: {
      label: "nowrap",
      value: "nowrap"
    },
    pre: {
      label: "pre",
      value: "pre"
    },
    "pre-line": {
      label: "pre-line",
      value: "pre-line"
    },
    "pre-wrap": {
      label: "pre-wrap",
      value: "pre-wrap"
    },
    initial: {
      label: "initial",
      value: "initial"
    },
    inherit: {
      label: "inherit",
      value: "inherit"
    }
  };
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
          className: " ",
          children: props.val ? args[props.val].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
        className: "w-32",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              onChange(x.value, "whiteSpace");
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    })
  });
}
class PGcssWhiteSpace extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssWhiteSpace);

/***/ }),

/***/ "./src/components/css-width/index.js":
/*!*******************************************!*\
  !*** ./src/components/css-width/index.js ***!
  \*******************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    auto: {
      label: "AUTO",
      value: "auto"
    },
    "%": {
      label: "%",
      value: "%"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  if (typeof props.val == "object") {
    var valZ = props.val.val + props.val.unit;
  } else {
    var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  }
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.split(" "));
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  var widthValX = valArgs[0] == undefined || valArgs[0].match(/-?\d+/g) == null ? 0 : valArgs[0].match(/-?\d+/g)[0];
  var widthUnitX = valArgs[0] == undefined || valArgs[0].match(/[a-zA-Z%]+/g) == null ? "px" : valArgs[0].match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
    children: [(widthUnit != "max-content" || widthUnit != "min-content" || widthUnit != "inherit" || widthUnit != "initial" || widthUnit != "revert" || widthUnit != "revert-layer" || widthUnit != "unset") && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
      className: "flex justify-between items-center pg-font",
      children: [widthUnit != "auto" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
        value: widthVal,
        type: widthVal.length == 0 || isNaN(widthVal) || props.val.includes("calc") ? "text" : "number",
        disabled: widthUnit == "auto" || widthUnit == "max-content" || widthUnit == "min-content" || widthUnit == "inherit" || widthUnit == "initial" || widthUnit == "revert" || widthUnit == "revert-layer" || widthUnit == "unset" ? true : false,
        onChange: newVal => {
          if (newVal.includes("calc")) {
            // props.onChange(newVal, "width");
            if (isImportant) {
              props.onChange(newVal + " !important", "width");
            } else {
              props.onChange(newVal, "width");
            }
            return;
          }
          setwidthVal(newVal);
          if (widthUnit == "auto") {
            // props.onChange(widthUnit, 'width');
            if (isImportant) {
              props.onChange(widthUnit + " !important", "width");
            } else {
              props.onChange(widthUnit, "width");
            }
          } else {
            //props.onChange(newVal + widthUnit, 'width');
            if (isImportant) {
              props.onChange(newVal + widthUnit + " !important", "width");
            } else {
              props.onChange(newVal + widthUnit, "width");
            }
          }
        }
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: `${props.val.includes("calc") ? "hidden" : ""}`,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
          position: "bottom left",
          renderToggle: ({
            isOpen,
            onToggle
          }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
            title: "",
            onClick: onToggle,
            "aria-expanded": isOpen,
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: " ",
              children: unitArgs[widthUnit] == undefined ? "Select..." : unitArgs[widthUnit].label
            })
          }),
          renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: "w-32 pg-font",
            children: Object.entries(unitArgs).map(y => {
              var index = y[0];
              var x = y[1];
              return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
                className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
                onClick: ev => {
                  setwidthUnit(x.value);
                  if (x.value == "auto") {
                    if (isImportant) {
                      props.onChange(x.value + " !important", "width");
                    } else {
                      props.onChange(x.value, "width");
                    }
                  } else {
                    if (isImportant) {
                      props.onChange(widthVal + x.value + " !important", "width");
                    } else {
                      props.onChange(widthVal + x.value, "width");
                    }
                  }
                },
                children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                  children: x.label
                })
              });
            })
          })
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
        help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
        checked: isImportant,
        onChange: arg => {
          setImportant(isImportant => !isImportant);
          if (props.val.includes("calc")) {
            // var valX  = props.val.replaceAll(" !important", "")
            // props.onChange(newVal, "width");
            if (isImportant) {
              var valX = props.val.replaceAll(" !important", "");
              props.onChange(valX, "width");
              // props.onChange(props.val + " !important", "width");
            } else {
              // var valX = props.val.replaceAll(" !important", "");
              // props.onChange(valX, "width");
              props.onChange(props.val + " !important", "width");
            }
            return;
          }
          if (isImportant) {
            if (widthUnit == "auto") {
              props.onChange(widthUnit, "width");
            } else {
              props.onChange(widthVal + widthUnit, "width");
            }
          } else {
            if (widthUnit == "auto") {
              props.onChange(widthUnit + " !important", "width");
            } else {
              props.onChange(widthVal + widthUnit + " !important", "width");
            }
          }
        }
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      className: `${props.val.includes("calc") ? "hidden" : ""}`,
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.PanelRow, {
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("label", {
          htmlFor: "",
          children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Global Value", "accordions")
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.SelectControl, {
          label: "",
          value: widthUnit,
          options: [{
            label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Choose", "accordions"),
            value: "px"
          }, {
            label: "auto",
            value: "auto"
          }, {
            label: "max-content",
            value: "max-content"
          }, {
            label: "min-content",
            value: "min-content"
          }, {
            label: "Inherit",
            value: "inherit"
          }, {
            label: "Initial",
            value: "initial"
          }, {
            label: "Revert",
            value: "revert"
          }, {
            label: "Revert-layer",
            value: "revert-layer"
          }, {
            label: "Unset",
            value: "unset"
          }],
          onChange: newVal => {
            setwidthUnit(newVal);
            if (newVal == "auto" || newVal == "max-content" || newVal == "min-content" || newVal == "inherit" || newVal == "initial" || newVal == "revert" || newVal == "revert-layer" || newVal == "unset") {
              if (isImportant) {
                props.onChange(newVal + " !important", "width");
              } else {
                props.onChange(newVal, "width");
              }
            } else {
              if (isImportant) {
                props.onChange(widthVal + newVal + " !important", "width");
              } else {
                props.onChange(widthVal + newVal, "width");
              }
            }
          }
        })]
      })
    })]
  });
}
class PGcssWidth extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssWidth);

/***/ }),

/***/ "./src/components/css-word-break/index.js":
/*!************************************************!*\
  !*** ./src/components/css-word-break/index.js ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    normal: {
      label: "normal",
      value: "normal"
    },
    "break-all": {
      label: "break-all",
      value: "break-all"
    },
    "keep-all": {
      label: "keep-all",
      value: "keep-all"
    },
    "break-word": {
      label: "break-word",
      value: "break-word"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center pg-setting-css-components",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Clear", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32 pg-font",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'wordBreak');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "wordBreak");
              } else {
                props.onChange(x.value, "wordBreak");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "wordBreak");
        } else {
          props.onChange(align + " !important", "wordBreak");
        }
      }
    })]
  });
}
class PGcssWordBreak extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssWordBreak);

/***/ }),

/***/ "./src/components/css-word-spacing/index.js":
/*!**************************************************!*\
  !*** ./src/components/css-word-spacing/index.js ***!
  \**************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var unitArgs = {
    px: {
      label: "PX",
      value: "px"
    },
    em: {
      label: "EM",
      value: "em"
    },
    rem: {
      label: "REM",
      value: "rem"
    },
    cm: {
      label: "CM",
      value: "cm"
    },
    mm: {
      label: "MM",
      value: "mm"
    },
    in: {
      label: "IN",
      value: "in"
    },
    pt: {
      label: "PT",
      value: "pt"
    },
    pc: {
      label: "PC",
      value: "pc"
    },
    ex: {
      label: "EX",
      value: "ex"
    },
    ch: {
      label: "CH",
      value: "ch"
    },
    vw: {
      label: "VW",
      value: "vw"
    },
    vh: {
      label: "VH",
      value: "vh"
    },
    vmin: {
      label: "VMIN",
      value: "vmin"
    },
    vmax: {
      label: "VMAX",
      value: "vmax"
    }
  };
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/[+-]?([0-9]*[.])?[0-9]+/g) == null ? 0 : valZ.match(/[+-]?([0-9]*[.])?[0-9]+/g)[0];
  var widthUnitX = valZ == undefined || valZ.match(/[a-zA-Z%]+/g) == null ? "px" : valZ.match(/[a-zA-Z%]+/g)[0];
  const [widthVal, setwidthVal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthValX);
  const [widthUnit, setwidthUnit] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(widthUnitX);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex gap-[4px] mt-4 items-center pg-setting-css-components pg-setting-input-text ",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthVal,
      type: "number",
      onChange: newVal => {
        setwidthVal(newVal);
        if (widthUnit == "auto") {
          // props.onChange(widthUnit, 'width');
          if (isImportant) {
            props.onChange(widthUnit + " !important", "wordSpacing");
          } else {
            props.onChange(widthUnit, "wordSpacing");
          }
        } else {
          //props.onChange(newVal + widthUnit, 'width');
          if (isImportant) {
            props.onChange(newVal + widthUnit + " !important", "wordSpacing");
          } else {
            props.onChange(newVal + widthUnit, "wordSpacing");
          }
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
        position: "bottom",
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
          title: "",
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: " ",
            children: props.val ? unitArgs[widthUnit].label : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions")
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "w-32 pg-font",
          children: Object.entries(unitArgs).map(y => {
            var index = y[0];
            var x = y[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
              onClick: ev => {
                setwidthUnit(x.value);
                if (x.value == "auto") {
                  if (isImportant) {
                    props.onChange(x.value + " !important", "wordSpacing");
                  } else {
                    props.onChange(x.value, "wordSpacing");
                  }
                } else {
                  if (isImportant) {
                    props.onChange(widthVal + x.value + " !important", "wordSpacing");
                  } else {
                    props.onChange(widthVal + x.value, "wordSpacing");
                  }
                }
              },
              children: x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
                children: x.label
              })
            });
          })
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          if (widthUnit == "auto") {
            props.onChange(widthUnit, "wordSpacing");
          } else {
            props.onChange(widthVal + widthUnit, "wordSpacing");
          }
        } else {
          if (widthUnit == "auto") {
            props.onChange(widthUnit + " !important", "wordSpacing");
          } else {
            props.onChange(widthVal + widthUnit + " !important", "wordSpacing");
          }
        }
      }
    })]
  });
}
class PGcssWordSpacing extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssWordSpacing);

/***/ }),

/***/ "./src/components/css-word-wrap/index.js":
/*!***********************************************!*\
  !*** ./src/components/css-word-wrap/index.js ***!
  \***********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    normal: {
      label: "Normal",
      value: "normal"
    },
    "break-word": {
      label: "Break word",
      value: "break-word"
    },
    initial: {
      label: "Initial",
      value: "initial"
    },
    inherit: {
      label: "Inherit",
      value: "inherit"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center pg-setting-css-components",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Clear", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32 pg-font",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'wordWrap');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "wordWrap");
              } else {
                props.onChange(x.value, "wordWrap");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "wordWrap");
        } else {
          props.onChange(align + " !important", "wordWrap");
        }
      }
    })]
  });
}
class PGcssWordWrap extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssWordWrap);

/***/ }),

/***/ "./src/components/css-writing-mode/index.js":
/*!**************************************************!*\
  !*** ./src/components/css-writing-mode/index.js ***!
  \**************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component,
  RawHTML
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  var args = {
    "horizontal-tb": {
      label: "horizontal-tb",
      value: "horizontal-tb"
    },
    "vertical-rl": {
      label: "vertical-rl",
      value: "vertical-rl"
    },
    "vertical-lr": {
      label: "vertical-lr",
      value: "vertical-lr"
    }
  };
  const [valArgs, setValArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(props.val.split(" "));
  const [align, setalign] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[0]);
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valArgs[1] == undefined ? false : true);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex justify-between items-center pg-setting-css-components",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Dropdown, {
      position: "bottom",
      renderToggle: ({
        isOpen,
        onToggle
      }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.Button, {
        title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Clear", "accordions"),
        onClick: onToggle,
        "aria-expanded": isOpen,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: " ",
          children: args[align] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Select...", "accordions") : args[align].label
        })
      }),
      renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "w-32 pg-font",
        children: Object.entries(args).map(args => {
          var index = args[0];
          var x = args[1];
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
            className: "px-3 py-1 border-b block hover:bg-gray-400 cursor-pointer",
            onClick: ev => {
              // onChange(x.value, 'writingMode');
              setalign(x.value);
              if (isImportant) {
                props.onChange(x.value + " !important", "writingMode");
              } else {
                props.onChange(x.value, "writingMode");
              }
            },
            children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Reset", "accordions")
            }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment, {
              children: x.label
            })]
          });
        })
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important (Enabled)", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(align, "writingMode");
        } else {
          props.onChange(align + " !important", "writingMode");
        }
      }
    })]
  });
}
class PGcssWritingMode extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssWritingMode);

/***/ }),

/***/ "./src/components/css-z-index/index.js":
/*!*********************************************!*\
  !*** ./src/components/css-z-index/index.js ***!
  \*********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;





function Html(props) {
  if (!props.warn) {
    return null;
  }
  var valZ = props.val == null || props.val == undefined || props.val.length == 0 ? "0px" : props.val;
  var widthValX = valZ == undefined || valZ.match(/-?\d+/g) == null ? 0 : valZ.match(/-?\d+/g)[0];
  const [isImportant, setImportant] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(valZ.includes(" !important") ? true : false);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex mt-4",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.__experimentalInputControl, {
      value: widthValX,
      type: "number",
      onChange: newVal => {
        if (isImportant) {
          props.onChange(newVal + " !important", "zIndex");
        } else {
          props.onChange(newVal, "zIndex");
        }
      }
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_1__.ToggleControl, {
      help: isImportant ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important Enabled", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Important?", "accordions"),
      checked: isImportant,
      onChange: arg => {
        setImportant(isImportant => !isImportant);
        if (isImportant) {
          props.onChange(widthValX, "zIndex");
        } else {
          props.onChange(widthValX + " !important", "zIndex");
        }
      }
    })]
  });
}
class PGcssZIndex extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      val,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
      val: val,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssZIndex);

/***/ }),

/***/ "./src/components/dropdown-sudo-selector/index.js":
/*!********************************************************!*\
  !*** ./src/components/dropdown-sudo-selector/index.js ***!
  \********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/hooks */ "@wordpress/hooks");
/* harmony import */ var _wordpress_hooks__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_hooks__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);





function Html(props) {
  const position = props.position;
  const obj = props.obj;
  const variant = props.variant;
  const options = props.options;
  const buttonTitle = props.buttonTitle;
  const onChange = props.onChange;
  const values = props.values;
  const value = props.value;
  const sudoScourceUpdate = props.sudoScourceUpdate;

  //var sudoScourceArgsLocal = localStorage.getItem('sudoScourceArgs');
  //sudoScourceArgsLocal = (sudoScourceArgsLocal != null) ? JSON.parse(sudoScourceArgsLocal) : {};

  const [pickerOpen, setPickerOpen] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
  const [keyword, setKeyword] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useState)("");
  const [filteredOptions, setfilteredOptions] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useState)([]);
  const [optionsX, setoptionsX] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useState)(options);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
    sudoScourceUpdate(optionsX);
  }, [optionsX]);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "relative",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      className: "",
      onClick: ev => {
        setPickerOpen(prev => !prev);
      },
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__.Button, {
        className: "pg-font flex gap-2 justify-center cursor-pointer py-2 px-4 capitalize tracking-wide !bg-gray-800 !text-white font-medium !rounded hover:!bg-gray-700 hover:text-white focus:outline-none focus:bg-gray-700"
        // variant={variant}
        ,
        children: optionsX[value] != undefined ? optionsX[value].label : buttonTitle
      })
    }), pickerOpen && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__.Popover, {
      position: position,
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
        className: "p-2 w-[260px] pg-font pg-setting-input-text custom-scrollbar ",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__.__experimentalInputControl, {
          autoComplete: "off",
          className: "p-3 w-full",
          placeholder: "Search Options",
          value: keyword,
          onChange: newVal => {
            if (newVal.length > 0) {
              setKeyword(newVal);
            }
            if (typeof optionsX == "object") {
              setfilteredOptions({});
              var newOptions = {};
              Object.entries(optionsX).map(args => {
                var index = args[0];
                var x = args[1];
                let position = x.label.toLowerCase().search(newVal.toLowerCase());
                if (position < 0) {
                  x.exclude = true;
                } else {
                  x.exclude = false;
                }
                newOptions[index] = x;
              });
              setfilteredOptions(newOptions);
            } else {
              setfilteredOptions([]);
              var newOptions = [];
              optionsX.map((x, index) => {
                let position = x.label.toLowerCase().search(newVal.toLowerCase());
                if (position < 0) {
                  x.exclude = true;
                } else {
                  x.exclude = false;
                }

                //newOptions.push(x);
              });
              setfilteredOptions(newOptions);
            }
          }
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
          children: [keyword.length == 0 && typeof optionsX == "object" && Object.entries(optionsX).map(args => {
            var index = args[0];
            var x = args[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
              className: "border-b border-b-gray-800/20 hover:border-b-gray-800 transition-all duration-200 ease-in-out border-transparent border-solid cursor-pointer hover:bg-slate-200 p-2 block last-of-type:border-b-0 min-h-[40px]",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
                className: [x.isPro ? "flex justify-between items-center" : ""],
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
                  className: [x.isPro ? "text-gray-400" : ""],
                  children: [x.icon != undefined && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
                    className: "",
                    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.RawHTML, {
                      children: x.icon
                    })
                  }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
                    className: "flex items-center gap-2",
                    onClick: ev => {
                      if (x.isPro == true) {
                        alert("Sorry this feature only available in pro");
                      } else {
                        // var sudoScourceArgsLocal = localStorage.getItem('sudoScourceArgs');
                        //sudoScourceArgsLocal = (sudoScourceArgsLocal != null) ? JSON.parse(sudoScourceArgsLocal) : {};

                        var sudoId = x.value.replace("(n)", "(" + x.arg + ")");

                        //sudoScourceArgsLocal[sudoId] = { label: sudoId, value: sudoId, }

                        //localStorage.setItem('sudoScourceArgs', JSON.stringify(sudoScourceArgsLocal));

                        // var sudoScourceArgsLocalX = localStorage.getItem('sudoScourceArgs');

                        //localStorage.clear();

                        //options = JSON.parse(sudoScourceArgsLocalX);
                        //setoptionsX(JSON.parse(sudoScourceArgsLocalX));

                        onChange(x, index);
                        optionsX[sudoId] = {
                          label: x.label,
                          value: sudoId
                        };
                        setoptionsX(optionsX);

                        //sudoScourceUpdate();
                      }
                    },
                    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
                      children: x.label
                    }), obj[index] != null && Object.entries(obj[index]).length > 0 ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
                      className: "pg-text-color font-bold",
                      children: "*"
                    }) : " "]
                  })]
                }), x.arg != undefined && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
                  className: "w-16",
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__.__experimentalInputControl, {
                    className: "mr-2",
                    value: x.arg,
                    onChange: newVal => {
                      x.arg = newVal;
                    }
                  })
                }), x.isPro &&
                /*#__PURE__*/
                // <span className="bg-amber-400 rounded-sm px-3  text-white hover:text-white">
                (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("a", {
                  target: "_blank",
                  href: "https://pickplugins.com/accordions/?utm_source=dropdownComponent&utm_term=proFeature&utm_campaign=pluginPostGrid&utm_medium=" + x.label,
                  className: "pg-bg-color rounded-sm px-3 inline-block cursor-pointer py-1 no-underline text-white hover:text-white",
                  children: "Pro"
                })
                // </span>
                ]
              }), x.description != undefined && x.description.length > 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
                className: "text-xs text-slate-400",
                children: x.description
              })]
            });
          }), keyword.length == 0 && typeof optionsX == "array" && optionsX.map((x, index) => {
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
              className: " border-b border-b-gray-800/20 hover:border-b-gray-800 transition-all duration-200 ease-in-out border-transparent border-solid cursor-pointer hover:bg-slate-200 p-2 block last-of-type:border-b-0 min-h-[40px]",
              onClick: ev => {
                //onChange(x, index)

                if (x.isPro == true) {
                  alert("Sorry this feature only available in pro");
                } else {
                  onChange(x, index);
                }
              },
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
                className: "flex justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
                  className: "",
                  children: [x.icon != undefined && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
                    className: "",
                    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.RawHTML, {
                      children: x.icon
                    })
                  }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("span", {
                    className: "flex items-center gap-2",
                    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
                      children: x.label
                    }), obj[index] != null && Object.entries(obj[index]).length > 0 ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
                      className: "pg-text-color font-bold",
                      children: "*"
                    }) : " ", " "]
                  })]
                }), x.isPro && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("a", {
                  target: "_blank",
                  href: "https://comboblocks.com/pricing/?utm_source=dropdownComponent&utm_term=proFeature&utm_campaign=pluginPostGrid&utm_medium=" + x.label,
                  className: "pg-bg-color rounded-sm px-3 inline-block cursor-pointer py-1 no-underline text-white hover:text-white",
                  children: "Pro"
                })]
              }), x.description != undefined && x.description.length > 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
                className: "text-xs text-slate-400",
                children: x.description
              })]
            });
          }), keyword.length > 0 && typeof filteredOptions == "object" && Object.entries(filteredOptions).map(args => {
            var index = args[0];
            var x = args[1];
            if (x.exclude == false) {
              return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
                className: "border-b border-b-gray-800/20 hover:border-b-gray-800 transition-all duration-200 ease-in-out border-transparent border-solid cursor-pointer hover:bg-slate-200 p-2 block last-of-type:border-b-0 min-h-[40px]",
                onClick: ev => {
                  //onChange(x, index)

                  if (x.isPro == true) {
                    alert("Sorry this feature only available in pro");
                  } else {
                    onChange(x, index);
                  }
                },
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
                  className: "flex justify-between items-center",
                  children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
                    className: "",
                    children: [x.icon != undefined && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
                      className: "",
                      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.RawHTML, {
                        children: x.icon
                      })
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("span", {
                      className: "flex items-center gap-2",
                      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
                        children: x.label
                      }), obj[index] != null && Object.entries(obj[index]).length > 0 ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
                        className: "pg-text-color font-bold",
                        children: "*"
                      }) : " ", " "]
                    })]
                  }), x.isPro && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("a", {
                    target: "_blank",
                    href: "https://comboblocks.com/pricing/?utm_source=dropdownComponent&utm_term=proFeature&utm_campaign=pluginPostGrid&utm_medium=" + x.label,
                    className: "pg-bg-color rounded-sm px-3 inline-block cursor-pointer py-1 no-underline text-white hover:text-white",
                    children: "Pro"
                  })]
                }), x.description != undefined && x.description.length > 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
                  className: "text-xs text-slate-400",
                  children: x.description
                })]
              });
            }
          }), keyword.length > 0 && typeof filteredOptions == "array" && filteredOptions.map((x, index) => {
            if (x.exclude == false) {
              return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
                className: "border-b border-b-gray-800/20 hover:border-b-gray-800 transition-all duration-200 ease-in-out border-transparent border-solid cursor-pointer hover:bg-slate-200 p-2 block last-of-type:border-b-0 min-h-[40px]",
                onClick: ev => {
                  //onChange(x, index)

                  if (x.isPro == true) {
                    alert("Sorry this feature only available in pro");
                  } else {
                    onChange(x, index);
                  }
                },
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
                  className: "flex justify-between items-center",
                  children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
                    className: "",
                    children: [x.icon != undefined && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
                      className: "",
                      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.RawHTML, {
                        children: x.icon
                      })
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("span", {
                      className: "flex items-center gap-2",
                      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
                        children: x.label
                      }), obj[index] != null && Object.entries(obj[index]).length > 0 ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
                        className: "pg-text-color font-bold",
                        children: "*"
                      }) : " ", " "]
                    })]
                  }), x.isPro && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("a", {
                    target: "_blank",
                    href: "https://comboblocks.com/pricing/?utm_source=dropdownComponent&utm_term=proFeature&utm_campaign=pluginPostGrid&utm_medium=" + x.label,
                    className: "pg-bg-color rounded-sm px-3 inline-block cursor-pointer py-1 no-underline text-white hover:text-white",
                    children: "Pro"
                  })]
                }), x.description != undefined && x.description.length > 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
                  className: "text-xs text-slate-400",
                  children: x.description
                })]
              });
            }
          }), keyword.length > 0 && typeof filteredOptions == "object" && Object.entries(filteredOptions).length == 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: "text-center p-2 text-red-500 ",
            children: "No options found."
          }), keyword.length > 0 && filteredOptions.length == 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: "text-center p-2 text-red-500 ",
            children: "No options found."
          })]
        })]
      })
    })]
  });
}
class PGDropdownSudoSelector extends _wordpress_element__WEBPACK_IMPORTED_MODULE_1__.Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      position,
      obj,
      variant,
      options,
      buttonTitle,
      onChange,
      values,
      value,
      sudoScourceUpdate
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
        position: position,
        obj: obj,
        variant: variant,
        options: options,
        buttonTitle: buttonTitle,
        onChange: onChange,
        values: values,
        value: value,
        sudoScourceUpdate: sudoScourceUpdate,
        warn: this.state.showWarning
      })
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGDropdownSudoSelector);

/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_keycodes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/keycodes */ "@wordpress/keycodes");
/* harmony import */ var _wordpress_keycodes__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_keycodes__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);





function Html(props) {
  if (!props.warn) {
    return null;
  }
  const [pickerOpen, setPickerOpen] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
  const [keyword, setKeyword] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useState)("");
  const [filteredOptions, setfilteredOptions] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useState)([]);
  var position = props.position;
  var variant = props.variant;
  var btnClass = props.btnClass;
  var options = props.options;
  var buttonTitle = props.buttonTitle;
  var value = props.value == undefined ? "" : props.value;
  var onChange = props.onChange;

  //////////////////
  const firstElementRef = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
    if (pickerOpen && firstElementRef.current) {
      firstElementRef.current.focus();
    }
  }, [pickerOpen]);
  const handleKeyDown = event => {
    if (!props.warn) return;
    const focusableElements = document.querySelectorAll(".focusable");
    const inputControl = document.querySelector(".pgDropdownSearch");
    switch (event.key) {
      case "ArrowDown":
        // case "ArrowRight":
        event.preventDefault();
        for (let i = 0; i < focusableElements.length; i++) {
          if (focusableElements[i] === document.activeElement) {
            const nextIndex = (i + 1) % focusableElements.length;
            focusableElements[nextIndex].focus();
            break;
          }
        }
        break;
      case "ArrowUp":
        // case "ArrowLeft":
        event.preventDefault();
        for (let i = 0; i < focusableElements.length; i++) {
          if (focusableElements[i] === document.activeElement) {
            const prevIndex = (i - 1 + focusableElements.length) % focusableElements.length;
            focusableElements[prevIndex].focus();
            break;
          }
        }
        break;
      case "/":
        event.preventDefault();
        if (inputControl) inputControl.focus();
        break;
      case "Escape":
        event.preventDefault();
        setPickerOpen(false);
        break;
      default:
        break;
    }
  };

  // Handle focusing on the first element
  // useEffect(() => {
  // 	if (props.warn && firstElementRef.current) {
  // 		firstElementRef.current.focus();
  // 	}
  // }, [props.warn]);
  //////////////////

  function isNumeric(n) {
    return !isNaN(parseFloat(n)) && isFinite(n);
  }
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "relative",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
      className: "",
      onClick: ev => {
        setPickerOpen(prev => !prev);
      },
      children: [typeof value == "string" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__.Button, {
        className: `${btnClass} pg-font flex gap-2 justify-center  cursor-pointer py-2 px-4 capitalize  !bg-gray-800 !text-white font-medium !rounded hover:!bg-gray-700 hover:text-white focus:outline-none focus:bg-gray-700`
        // variant={variant}
        ,
        children: options[value] != undefined ? options[value]?.label : buttonTitle
      }), typeof value != "string" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__.Button, {
        className: `${btnClass} pg-font flex gap-2 justify-center  cursor-pointer py-2 px-4 capitalize  !bg-gray-800 !text-white font-medium !rounded hover:!bg-gray-700 hover:text-white focus:outline-none focus:bg-gray-700`
        // variant={variant}
        ,
        children: buttonTitle
      })]
    }), pickerOpen && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__.Popover, {
      position: position,
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
        className: "p-2 w-[300px] pg-font pg-setting-input-text max-h-[350px] custom-scrollbar\t",
        onKeyDown: handleKeyDown,
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
          className: "absolute -top-[15px] -left-[15px] rounded-full  w-[30px] h-[30px] bg-red-500 flex justify-center items-center cursor-pointer ",
          onClick: ev => {
            setPickerOpen(prev => !prev);
          },
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
            className: "text-[20px] text-white ",
            children: "\xD7"
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
          className: "flex flex-col w-full ",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__.__experimentalInputControl, {
            autoComplete: "off",
            className: "p-3 w-full pgDropdownSearch",
            placeholder: props.searchPlaceholder == undefined ? "Search..." : props.searchPlaceholder,
            value: keyword,
            onChange: newVal => {
              var newValX = newVal.replace(/[^a-zA-Z ]/g, "");
              if (newValX.length > 0) {
                setKeyword(newValX);
              }
              if (typeof options == "object") {
                setfilteredOptions({});
                var newOptions = {};
                Object.entries(options).map(args => {
                  var index = args[0];
                  var x = args[1];
                  let position = x.label.toLowerCase().search(newValX.toLowerCase());
                  if (position < 0) {
                    x.exclude = true;
                  } else {
                    x.exclude = false;
                  }
                  newOptions[index] = x;
                });
                setfilteredOptions(newOptions);
              } else {
                setfilteredOptions([]);
                var newOptions = [];
                options.map((x, index) => {
                  let position = x.label.toLowerCase().search(newValX.toLowerCase());
                  if (position < 0) {
                    x.exclude = true;
                  } else {
                    x.exclude = false;
                  }

                  //newOptions.push(x);
                });
                setfilteredOptions(newOptions);
              }
            }
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("p", {
            className: "block w-full text-xs pg-font ",
            children: [" ", "Press", " ", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("code", {
              className: "inline-block p-1 px-2 bg-gray-500/60 text-white",
              children: "\u2B7E Tab"
            }), " ", "to access by keyboard."]
          })]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
          children: [keyword.length == 0 && typeof options == "object" && Object.entries(options).map(args => {
            var index = args[0];
            var x = args[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("button", {
              ////
              ref: firstElementRef
              ////
              ,
              className: [typeof value == "object" && value.includes(isNumeric(index) ? parseInt(index) : index) ? "w-full focusable !border-b cursor-pointer bg-slate-200 p-2 block" : "w-full focusable !border-b !border-b-gray-800/20 hover:border-b-gray-800 transition-all duration-200 ease-in-out border-transparent !border-solid cursor-pointer hover:bg-slate-200 p-2 block last-of-type:!border-b-0 min-h-[40px] "],
              onClick: ev => {
                if (x.isPro == true) {
                  alert("Sorry this feature only available in pro");
                } else {
                  onChange(x, index);
                }
              },
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
                className: "flex justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
                  className: [x.isPro ? "text-gray-400 text-left" : "text-left"],
                  children: [x.icon != undefined && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
                    className: "",
                    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.RawHTML, {
                      children: x.icon
                    })
                  }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
                    className: " text-left",
                    children: x.label
                  })]
                }), x.isPro &&
                /*#__PURE__*/
                // <span className="pg-bg-color rounded-sm px-3  py-1 no-underline text-white hover:text-white">
                (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("a", {
                  target: "_blank",
                  href: "https://comboblocks.com/pricing/?utm_source=dropdownComponent&utm_term=proFeature&utm_campaign=pluginPostGrid&utm_medium=" + x.label,
                  className: "pg-bg-color rounded-sm px-3 inline-block cursor-pointer py-1 no-underline text-white hover:text-white",
                  children: "Pro"
                })
                // </span>
                , x.coming && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
                  className: "bg-violet-700 text-white px-2 py-1 rounded-sm",
                  children: "Coming"
                })]
              }), x.description != undefined && x.description.length > 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
                className: "text-xs text-slate-400 text-left",
                children: x.description
              })]
            });
          }), keyword.length == 0 && typeof options == "array" && options.map((x, index) => {
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("button", {
              ////
              ref: firstElementRef
              ////
              ,
              className: [typeof value == "object" && value.includes(IsNumeric(index) ? parseInt(index) : index) ? "border-b cursor-pointer bg-slate-200 p-2 block" : "border-b border-b-gray-800/20 hover:border-b-gray-800 transition-all duration-200 ease-in-out border-transparent border-solid cursor-pointer hover:bg-slate-200 p-2 block last-of-type:!border-b-0 min-h-[40px] "],
              onClick: ev => {
                //onChange(x, index)

                if (x.isPro == true) {
                  alert("Sorry this feature only available in pro");
                } else {
                  onChange(x, index);
                }
              },
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
                className: "flex justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
                  className: [x.isPro ? "text-gray-400  text-left" : "  text-left"],
                  children: [x.icon != undefined && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
                    className: "",
                    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.RawHTML, {
                      children: x.icon
                    })
                  }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("span", {
                    className: "  text-left",
                    children: [x.label, " "]
                  })]
                }), x.isPro && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("a", {
                  target: "_blank",
                  href: "https://comboblocks.com/pricing/?utm_source=dropdownComponent&utm_term=proFeature&utm_campaign=pluginPostGrid&utm_medium=" + x.label,
                  className: "pg-bg-color rounded-sm px-3 inline-block cursor-pointer py-1 no-underline text-white hover:text-white",
                  children: "Pro"
                }), x.coming && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
                  className: "bg-violet-700 text-white px-2 py-1 rounded-sm",
                  children: "Coming"
                })]
              }), x.description != undefined && x.description.length > 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
                className: "text-xs text-slate-400 text-left",
                children: x.description
              })]
            });
          }), keyword.length > 0 && typeof filteredOptions == "object" && Object.entries(filteredOptions).map(args => {
            var index = args[0];
            var x = args[1];
            if (x.exclude == false) {
              return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("button", {
                ////
                ref: firstElementRef
                ////
                ,
                className: "w-full focusable !border-b !border-b-gray-800/20 hover:border-b-gray-800 transition-all duration-200 ease-in-out border-transparent !border-solid cursor-pointer hover:bg-slate-200 p-2 block last-of-type:!border-b-0 min-h-[40px] ",
                onClick: ev => {
                  //onChange(x, index)

                  if (x.isPro == true) {
                    alert("Sorry this feature only available in pro");
                  } else {
                    onChange(x, index);
                  }
                },
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
                  className: "flex justify-between items-center",
                  children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
                    className: [x.isPro ? "text-gray-400  text-left" : "  text-left"],
                    children: [x.icon != undefined && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
                      className: "",
                      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.RawHTML, {
                        children: x.icon
                      })
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("span", {
                      className: "  text-left",
                      children: [x.label, " "]
                    })]
                  }), x.isPro && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("a", {
                    target: "_blank",
                    href: "https://comboblocks.com/pricing/?utm_source=dropdownComponent&utm_term=proFeature&utm_campaign=pluginPostGrid&utm_medium=" + x.label,
                    className: "pg-bg-color rounded-sm px-3 inline-block cursor-pointer py-1 n  text-lefto-underline text-white hover:text-white",
                    children: "Pro"
                  }), x.coming && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
                    className: "bg-violet-700 text-white px-2 py-1 rounded-sm",
                    children: "Coming"
                  })]
                }), x.description != undefined && x.description.length > 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
                  className: "text-xs text-slate-400 text-left",
                  children: x.description
                })]
              });
            }
          }), keyword.length > 0 && typeof filteredOptions == "array" && filteredOptions.map((x, index) => {
            if (x.exclude == false) {
              return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("button", {
                ////
                ref: firstElementRef
                ////
                ,
                className: "w-full focusable !border-b !border-b-gray-800/20 hover:border-b-gray-800 transition-all duration-200 ease-in-out border-transparent !border-solid cursor-pointer hover:bg-slate-200 p-2 block last-of-type:!border-b-0 min-h-[40px] ",
                onClick: ev => {
                  //onChange(x, index)

                  if (x.isPro == true) {
                    alert("Sorry this feature only available in pro");
                  } else {
                    onChange(x, index);
                  }
                },
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
                  className: "flex justify-between items-center",
                  children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
                    className: [x.isPro ? "text-gray-400  text-left" : "  text-left"],
                    children: [x.icon != undefined && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
                      className: "",
                      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.RawHTML, {
                        children: x.icon
                      })
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("span", {
                      className: "  text-left",
                      children: [x.label, " "]
                    })]
                  }), x.isPro && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("a", {
                    target: "_blank",
                    href: "https://comboblocks.com/pricing/?utm_source=dropdownComponent&utm_term=proFeature&utm_campaign=pluginPostGrid&utm_medium=" + x.label,
                    className: "pg-bg-color rounded-sm px-3 inline-block cursor-pointer py-1 no-underline text-white hover:text-white",
                    children: "Pro"
                  }), x.coming && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
                    className: "bg-violet-700 text-white px-2 py-1 rounded-sm",
                    children: "Coming"
                  })]
                }), x.description != undefined && x.description.length > 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
                  className: "text-xs text-slate-400 text-left",
                  children: x.description
                })]
              });
            }
          }), keyword.length > 0 && typeof filteredOptions == "object" && Object.entries(filteredOptions).length == 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: "text-center p-2 text-red-500 ",
            children: "No options found."
          }), keyword.length > 0 && filteredOptions.length == 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: "text-center p-2 text-red-500 ",
            children: "No options found."
          })]
        })]
      })
    })]
  });
}
class PGDropdown extends _wordpress_element__WEBPACK_IMPORTED_MODULE_1__.Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      position,
      variant,
      btnClass,
      searchPlaceholder,
      options,
      buttonTitle,
      onChange,
      values,
      value
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Html, {
        value: value,
        position: position,
        searchPlaceholder: searchPlaceholder,
        btnClass: btnClass,
        variant: variant,
        options: options,
        buttonTitle: buttonTitle,
        onChange: onChange,
        warn: this.state.showWarning,
        handleToggleClick: this.handleToggleClick
      })
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGDropdown);

/***/ }),

/***/ "./src/components/edit-accordion-menu/index.js":
/*!*****************************************************!*\
  !*** ./src/components/edit-accordion-menu/index.js ***!
  \*****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__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_core_data__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/core-data */ "@wordpress/core-data");
/* harmony import */ var _wordpress_core_data__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_core_data__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data");
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/help.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/gallery.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/page.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/copy.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/add-card.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/close.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/menu.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/settings.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/brush.js");
/* harmony import */ var react_sortablejs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-sortablejs */ "./node_modules/react-sortablejs/dist/index.js");
/* harmony import */ var react_sortablejs__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react_sortablejs__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _breakpoints__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../breakpoints */ "./src/breakpoints.js");
/* harmony import */ var _dropdown__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../dropdown */ "./src/components/dropdown/index.js");
/* harmony import */ var _input_select__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../input-select */ "./src/components/input-select/index.js");
/* harmony import */ var _input_text__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../input-text */ "./src/components/input-text/index.js");
/* harmony import */ var _input_wp_editor__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../input-wp-editor */ "./src/components/input-wp-editor/index.js");
/* harmony import */ var _inAnimation__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../inAnimation */ "./src/inAnimation.js");
/* harmony import */ var _outAnimation__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../outAnimation */ "./src/outAnimation.js");
/* harmony import */ var _input_toggle__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../input-toggle */ "./src/components/input-toggle/index.js");
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../styles */ "./src/components/styles/index.js");
/* harmony import */ var _tab__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../tab */ "./src/components/tab/index.js");
/* harmony import */ var _tabs__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../tabs */ "./src/components/tabs/index.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__);
const {
  Component,
  RawHTML,
  useState,
  useEffect
} = wp.element;




















var myStore = wp.data.select("postgrid-shop");
function Html(props) {
  var _globalOptions$lazyLo, _globalOptions$urlHas;
  if (!props.warn) {
    return null;
  }
  var onChange = props.onChange;
  var addNotifications = props.addNotifications;
  var setHelp = props.setHelp;
  var postData = props.postData;
  if (postData.post_content == null) {
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
      className: "p-3 my-5 bg-orange-400",
      children: "Please choose an accordion first."
    });
  }
  var breakPointX = "Desktop";
  var [accordionData, setaccordionData] = useState(postData.post_content); // Using the hook.

  var [globalOptions, setglobalOptions] = useState(accordionData.globalOptions); // Using the hook.

  var [itemQueryArgs, setitemQueryArgs] = useState(accordionData.itemQueryArgs); // Using the hook.

  var [wrapper, setwrapper] = useState(accordionData.wrapper); // Using the hook.
  var [items, setitems] = useState(accordionData.items); // Using the hook.
  var [item, setitem] = useState(accordionData.item);
  var [itemActive, setitemActive] = useState(accordionData.itemActive);
  var [itemsWrap, setitemsWrap] = useState(accordionData.itemsWrap);
  var [overlay, setoverlay] = useState(accordionData.overlay);
  var [content, setcontent] = useState(accordionData.content);
  var [title, settitle] = useState(accordionData.title);
  var [image, setimage] = useState(accordionData.image);
  // var [accOptions, setaccOptions] = useState(accordionData.accOptions);
  // var [header, setheader] = useState(accordionData.header);
  // var [headerActive, setheaderActive] = useState(accordionData.headerActive);
  // var [headerLabel, setheaderLabel] = useState(accordionData.headerLabel);
  // var [labelCounter, setlabelCounter] = useState(accordionData.labelCounter);
  // var [labelIcon, setlabelIcon] = useState(accordionData.labelIcon);
  // var [icon, seticon] = useState(accordionData.icon);
  // var [iconToggle, seticonToggle] = useState(accordionData.iconToggle);
  // var [expandCollapseAll, setexpandCollapseAll] = useState(
  // 	accordionData.expandCollapseAll
  // );
  // var [topWrap, settopWrap] = useState(accordionData.topWrap);
  // var [navsWrap, setnavsWrap] = useState(accordionData?.navsWrap);
  // var [navItem, setnavItem] = useState(accordionData?.navItem);
  // var [activeNavItem, setactiveNavItem] = useState(
  // 	accordionData?.activeNavItem
  // );
  // var [navLabel, setnavLabel] = useState(accordionData?.navLabel);
  // var [panelWrap, setpanelWrap] = useState(accordionData?.panelWrap);
  // var [panelWrapActive, setpanelWrapActive] = useState(accordionData?.panelWrapActive);

  // var [searchInput, setsearchInput] = useState(accordionData.searchInput);

  var [styleObj, setstyleObj] = useState({}); // Using the hook.
  const [taxonomiesObjects, setTaxonomiesObjects] = useState([]);
  const [setnavMenus, setsetnavMenus] = useState([]);
  var [customerData, setcustomerData] = useState(props.customerData);
  var [isProFeature, setisProFeature] = useState(true);
  var [editActive, seteditActive] = useState(9999);

  // const gapValue = accOptions?.gap || "0px";
  // const [number, setNumber] = useState(parseInt(gapValue));
  // const [unit, setUnit] = useState(gapValue.replace(number, ""));
  const [AIautoUpdate, setAIautoUpdate] = useState(false);
  var [AIWriter, setAIWriter] = useState(false); // Using the hook.
  var formattedPrompt = "Respond only with question answer as json array and no other text. Do not include any explanations, introductions, or concluding remarks.";
  var breakPointList = [{
    label: "Select..",
    icon: "",
    value: ""
  }];
  for (var x in _breakpoints__WEBPACK_IMPORTED_MODULE_7__["default"]) {
    var breakPointItem = _breakpoints__WEBPACK_IMPORTED_MODULE_7__["default"][x];
    breakPointList.push({
      label: breakPointItem.name,
      icon: breakPointItem.icon,
      value: breakPointItem.id
    });
  }
  var postTypes = [];
  const postTypesData = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_4__.useSelect)(select => select(_wordpress_core_data__WEBPACK_IMPORTED_MODULE_3__.store).getPostTypes({
    per_page: -1
  }), []);
  postTypesData !== null && postTypesData.map(x => {
    postTypes.push({
      value: x.slug,
      label: x.name
    });
  });
  useEffect(() => {
    _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({
      path: "/accordions/v2/post_type_objects",
      method: "POST",
      data: {
        postTypes: []
      }
    }).then(res => {
      var taxonomies = [];
      res.map(item => {
        taxonomies.push({
          label: item.label,
          value: item.id
        });
      });
      setTaxonomiesObjects(taxonomies);
    });
    _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({
      path: "/accordions/v2/get_nav_menus",
      method: "POST",
      data: {
        _wpnonce: accordions_builder_js._wpnonce
      }
    }).then(res => {
      console.log(res);
      var navMenusX = [];
      res.map(item => {
        navMenusX.push({
          label: item.label,
          value: item.id
        });
      });
      setnavMenus(navMenusX);

      // setisLoading(false);

      // if (res.posts == undefined) {
      // 	setPosts([]);
      // 	addNotifications({ title: "No Items Found", content: "It seems there is no items in the list.", type: "success" })
      // } else {
      // 	setPosts(res.posts);
      // 	addNotifications({ title: "Accordions Loaded", content: "All Accordions loaded, Now click to pick one to edit.", type: "success" })
      // }
    });
  }, []);
  useEffect(() => {
    if (customerData.isPro) {
      setisProFeature(false);
    }
  }, [props.customerData]);
  useEffect(() => {
    onChange(accordionData);
  }, [accordionData]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.globalOptions = globalOptions;
    setaccordionData(accordionDataX);
  }, [globalOptions]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.items = items;
    setaccordionData(accordionDataX);
  }, [items]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.wrapper = wrapper;
    setaccordionData(accordionDataX);
  }, [wrapper]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.content = content;
    setaccordionData(accordionDataX);
  }, [content]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.item = item;
    setaccordionData(accordionDataX);
  }, [item]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.overlay = overlay;
    setaccordionData(accordionDataX);
  }, [overlay]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.itemActive = itemActive;
    setaccordionData(accordionDataX);
  }, [itemActive]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.itemsWrap = itemsWrap;
    setaccordionData(accordionDataX);
  }, [itemsWrap]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.title = title;
    setaccordionData(accordionDataX);
  }, [title]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.image = image;
    setaccordionData(accordionDataX);
  }, [image]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.accOptions = accOptions;
  // 	setaccordionData(accordionDataX);
  // }, [accOptions]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.navsWrap = navsWrap;
  // 	setaccordionData(accordionDataX);
  // }, [navsWrap]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.navItem = navItem;
  // 	setaccordionData(accordionDataX);
  // }, [navItem]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.activeNavItem = activeNavItem;
  // 	setaccordionData(accordionDataX);
  // }, [activeNavItem]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.navLabel = navLabel;
  // 	setaccordionData(accordionDataX);
  // }, [navLabel]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.panelWrap = panelWrap;
  // 	setaccordionData(accordionDataX);
  // }, [panelWrap]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.header = header;
  // 	setaccordionData(accordionDataX);
  // }, [header]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.headerActive = headerActive;
  // 	setaccordionData(accordionDataX);
  // }, [headerActive]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.headerLabel = headerLabel;
  // 	setaccordionData(accordionDataX);
  // }, [headerLabel]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.labelCounter = labelCounter;
  // 	setaccordionData(accordionDataX);
  // }, [labelCounter]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.labelIcon = labelIcon;
  // 	setaccordionData(accordionDataX);
  // }, [labelIcon]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.icon = icon;
  // 	setaccordionData(accordionDataX);
  // }, [icon]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.iconToggle = iconToggle;
  // 	setaccordionData(accordionDataX);
  // }, [iconToggle]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.expandCollapseAll = expandCollapseAll;
  // 	setaccordionData(accordionDataX);
  // }, [expandCollapseAll]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.topWrap = topWrap;
  // 	setaccordionData(accordionDataX);
  // }, [topWrap]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.searchInput = searchInput;
  // 	setaccordionData(accordionDataX);
  // }, [searchInput]);

  // var RemoveSliderArg = function ({ index }) {
  // 	return (
  // 		<span
  // 			className="cursor-pointer hover:bg-red-500 hover:text-white "
  // 			onClick={(ev) => {
  // 				var sliderOptionsX = { ...accOptions };
  // 				delete sliderOptionsX[index];
  // 				setaccOptions(sliderOptionsX);
  // 			}}>
  // 			<Icon icon={close} />
  // 		</span>
  // 	);
  // };

  function onChangeStyle(sudoScource, newVal, attr, propertyType, setProperty) {
    var path = [sudoScource, attr, breakPointX];
    let obj = {
      ...propertyType
    };
    const object = myStore.updatePropertyDeep(obj, path, newVal);
    setProperty(object);
  }
  function onAddStyle(sudoScource, key, propertyType, setProperty) {
    var path = [sudoScource, key, breakPointX];
    let obj = {
      ...propertyType
    };
    const object = myStore.addPropertyDeep(obj, path, "");
    setProperty(object);
  }
  function onResetStyle(sudoSources, propertyType, setProperty) {
    let obj = Object.assign({}, propertyType);
    Object.entries(sudoSources).map(args => {
      var sudoScource = args[0];
      if (obj[sudoScource] == undefined) {} else {
        obj[sudoScource] = {};
        // var elementSelector = myStore.getElementSelector(
        // 	sudoScource,
        // 	contentSelector // Replace this selector if needed
        // );
      }
    });
    setProperty(obj);
  }
  function onRemoveStyle(sudoScource, key, propertyType, setProperty) {
    let obj = {
      ...propertyType
    };
    var object = myStore.deletePropertyDeep(obj, [sudoScource, key, breakPointX]);
    var isEmpty = Object.entries(object[sudoScource][key]).length === 0 ? true : false;
    var objectX = isEmpty ? myStore.deletePropertyDeep(object, [sudoScource, key]) : object;
    setProperty(objectX);
  }
  function onBulkAddStyle(sudoSource, cssObj, propertyType, setProperty) {
    let obj = {
      ...propertyType
    };
    obj[sudoSource] = cssObj;
    setProperty(obj);
  }
  var accOptionsArgs = {
    autoplay: {
      label: "Auto play",
      value: 1
    }
  };
  var postQueryArgs = {
    postType: {
      value: ["post"],
      id: "postType",
      label: "Post types",
      description: "Select Post Types to Query"
    },
    s: {
      value: "",
      id: "s",
      label: "Keyword",
      description: "Search keyword, ex: hello"
    },
    postStatus: {
      value: [],
      id: "postStatus",
      label: "Post status",
      description: "Query post by post status"
    },
    order: {
      value: "",
      id: "order",
      label: "Order",
      description: "Post query order"
    },
    orderby: {
      value: [],
      id: "orderby",
      label: "Orderby",
      description: "Post query orderby"
    },
    metaKey: {
      value: "",
      id: "metaKey",
      label: "Meta fields key",
      description: "Post query by meta fields key"
    },
    metaValue: {
      value: "",
      id: "metaValue",
      label: "Meta Value",
      description: "Post query by custom field value"
    },
    metaValueNum: {
      value: "",
      id: "metaValueNum",
      label: "Meta Value Num",
      description: "Post query by custom field value for number types"
    },
    metaCompare: {
      value: "",
      id: "metaCompare",
      label: "Meta Compare",
      description: "Meta query compare"
    }
  };
  const updatePostQueryArgs = (newVal, index) => {
    var itemQueryArgsX = [...itemQueryArgs];
    itemQueryArgsX[index].value = newVal;
    setitemQueryArgs(itemQueryArgsX);
  };
  var termQueryArgs = {
    taxonomy: {
      value: "category",
      id: "taxonomy",
      label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Taxonomy", "accordions"),
      description: "Select Taxonomy to Query",
      longDescription: "Taxonomy name, or array of taxonomy names, to which results should be limited."
    },
    orderby: {
      value: "name",
      id: "orderby",
      label: "Order By",
      description: "Search keyword, ex: hello"
    },
    order: {
      value: "ASC",
      id: "order",
      label: "Order",
      description: "Whether to order terms in ascending or descending order."
    },
    hide_empty: {
      value: true,
      id: "hide_empty",
      label: "Hide Empty",
      description: "Accepts true or false value.",
      longDescription: "Whether to hide terms not assigned to any posts. Accepts 1|true or 0|false."
    },
    number: {
      value: false,
      id: "number",
      label: "Number",
      description: "Accepts 0 (all) or any positive number.",
      longDescription: "Maximum number of terms to return. Accepts ''|0 (all) or any positive number. Default ''|0 (all). Note that $number may not return accurate results when coupled with $object_ids."
    },
    include: {
      value: "category",
      id: "include",
      //isPro: true,
      label: "Include",
      description: "Comma-separated string of term IDs to include.",
      longDescription: "Array or comma/space-separated string of term IDs to include. Default empty array.",
      placeholder: "Comma-separated string of term IDs to include."
    },
    exclude: {
      value: "",
      id: "exclude",
      //isPro: true,
      label: "Exclude",
      description: "Comma-separated string of term IDs to exclude.",
      longDescription: "Array or comma/space-separated string of term IDs to exclude. If $include is non-empty, $exclude is ignored. Default empty array.",
      placeholder: "Comma-separated string of term IDs to exclude."
    },
    child_of: {
      value: "",
      id: "child_of",
      //isPro: true,
      label: "Child of",
      description: "Term ID to retrieve child terms of.",
      longDescription: "Term ID to retrieve child terms of. If multiple taxonomies are passed, $child_of is ignored. Default 0."
    },
    parent: {
      value: "",
      id: "parent",
      //isPro: true,
      label: "Parent",
      description: "Add {ID} to add Parent term ID to retrieve direct-child terms of.",
      longDescription: "Parent term ID to retrieve direct-child terms of."
    },
    meta_key: {
      value: "",
      id: "meta_key",
      //isPro: true,
      label: "Meta key",
      description: "Comma-separated keys to return term(s) for.",
      longDescription: "Meta key or keys to filter by."
    },
    meta_value: {
      value: "",
      id: "meta_value",
      //isPro: true,
      label: "Meta value",
      description: "Comma-separated keys to return term(s) for.",
      longDescription: "Meta value or values to filter by."
    }
  };
  const updateTermQueryArgs = (newVal, index) => {
    var itemQueryArgsX = [...itemQueryArgs];
    itemQueryArgsX[index].value = newVal;
    setitemQueryArgs(itemQueryArgsX);
  };
  var navMenuQueryArgs = {
    postId: {
      value: "",
      id: "postId",
      label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Post Id", "accordions"),
      description: "",
      longDescription: ""
    }
  };
  var viewTypeArgs = {
    accordion: {
      label: "Accordion",
      value: "accordion"
    },
    tabs: {
      label: "Tabs",
      value: "tabs"
    }
  };
  var itemSources = {
    manual: {
      label: "Manual",
      value: "manual"
    },
    terms: {
      label: "Terms",
      value: "terms",
      isPro: customerData.isPro ? false : true
    }
  };
  function generate3Digit() {
    return Math.floor(100 + Math.random() * 900);
  }
  function escapeHTML(str) {
    const map = {
      '&': '&amp;',
      '<': '&lt;',
      '>': '&gt;',
      '"': '&quot;',
      "'": '&#039;'
    };
    return str.replace(/[&<>"']/g, function (match) {
      return map[match];
    });
  }
  function unescapeHTML(str) {
    const map = {
      '&amp;': '&',
      '&lt;': '<',
      '&gt;': '>',
      '&quot;': '"',
      '&#039;': "'"
    };
    return str.replace(/&amp;|&lt;|&gt;|&quot;|&#039;/g, function (match) {
      return map[match];
    });
  }
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
    className: "",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
      className: "hidden",
      onClick: () => {
        var str = `{
				"wrapper":${JSON.stringify(wrapper)}
				"header":${JSON.stringify(header)},
				"navItem":${JSON.stringify(navItem)},
				"activeNavItem":${JSON.stringify(activeNavItem)},
				"labelCounter":${JSON.stringify(labelCounter)},
				"labelIcon":${JSON.stringify(labelIcon)},
				"icon":${JSON.stringify(icon)},
				"iconToggle":${JSON.stringify(iconToggle)},
				"navLabel":${JSON.stringify(navLabel)},
				"panelWrap":${JSON.stringify(panelWrap)},
				"topWrap":${JSON.stringify(topWrap)},
				}`;
        copyData(str);
        addNotifications({
          title: "Copied to clipboard!",
          content: "Use the shortcode in page or post conent where you want to display.",
          type: "success"
        });
      },
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
        className: "p-3",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
          children: `{`
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
          children: [`"wrapper":${JSON.stringify(wrapper)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
          children: `}`
        })]
      })
    }), props.postData.post_content != null && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.Fragment, {
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Items",
        initialOpen: true,
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
          className: "my-4 flex items-center justify-between ",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
            className: " flex items-center  gap-2",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
              position: "bottom right",
              variant: "secondary",
              buttonTitle: globalOptions?.itemSource == undefined ? "Item Source" : itemSources[globalOptions?.itemSource]?.label,
              options: itemSources,
              onChange: (option, index) => {
                var globalOptionsX = {
                  ...globalOptions
                };
                globalOptionsX.itemSource = option.value;
                setglobalOptions(globalOptionsX);
              },
              values: ""
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
            className: "flex items-center  gap-2",
            children: [globalOptions?.itemSource == "posts" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.Fragment, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "addPostQuery",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_19__["default"]
                })
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
                position: "bottom right",
                variant: "secondary",
                buttonTitle: "Add Query",
                options: postQueryArgs,
                onChange: (option, index) => {
                  var itemQueryArgsX = {
                    ...itemQueryArgs
                  };
                  itemQueryArgsX[option.id] = {
                    id: option.id,
                    value: option.value
                  };
                  setitemQueryArgs(itemQueryArgsX);
                },
                values: ""
              })]
            }), globalOptions?.itemSource == "terms" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.Fragment, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "addTermQuery",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_19__["default"]
                })
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
                position: "bottom right",
                variant: "secondary",
                buttonTitle: "Add Query",
                options: termQueryArgs,
                onChange: (option, index) => {
                  var itemQueryArgsX = {
                    ...itemQueryArgs
                  };
                  itemQueryArgsX[option.id] = {
                    id: option.id,
                    value: option.value
                  };
                  setitemQueryArgs(itemQueryArgsX);
                },
                values: ""
              })]
            }), globalOptions?.itemSource == "navMenus" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.Fragment, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "addTermQuery",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_19__["default"]
                })
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
                position: "bottom right",
                variant: "secondary",
                buttonTitle: "Add Query",
                options: navMenuQueryArgs,
                onChange: (option, index) => {
                  var itemQueryArgsX = {
                    ...itemQueryArgs
                  };
                  itemQueryArgsX[option.id] = {
                    id: option.id,
                    value: option.value
                  };
                  setitemQueryArgs(itemQueryArgsX);
                },
                values: ""
              })]
            }), globalOptions?.itemSource == "manual" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.Fragment, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: "flex items-center gap-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.MediaUpload, {
                    className: "bg-gray-700 hover:bg-gray-600",
                    onSelect: media => {
                      // console.log(media);

                      const newItems = media.filter(item => item.id !== undefined) // Filter out items with undefined id
                      .map(item => ({
                        isActive: false,
                        image: {
                          id: item.id,
                          url: item.url,
                          altText: item.alt || item.title || ""
                        },
                        link: item.link,
                        title: item.title,
                        content: item.description
                      }));

                      // console.log(newItems);

                      // Update the state by merging existing items with new ones
                      setitems(prevItems => [...prevItems, ...newItems]);
                    },
                    onClose: () => {},
                    allowedTypes: ["image"],
                    value: items.map(item => {
                      return item.id;
                    }),
                    multiple: "add",
                    render: ({
                      open
                    }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
                      className: "flex items-center gap-2 bg-slate-700 text-white px-2 py-2 rounded-sm cursor-pointer hover:bg-slate-600",
                      onClick: open,
                      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                        icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_20__["default"],
                        className: "fill-white ",
                        size: 20
                      })
                    })
                  })
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                  className: "flex items-center gap-2 bg-slate-700 text-white px-2 py-2 rounded-sm cursor-pointer hover:bg-slate-600",
                  title: "Click to paste",
                  onClick: async () => {
                    try {
                      // Read text from clipboard
                      const clipboardText = await navigator.clipboard.readText();

                      // Parse the JSON string back to an object
                      const pastedItems = JSON.parse(clipboardText);

                      // Here you need to handle the pasted items
                      // For example, if you have a state setter:
                      setitems(pastedItems);
                      addNotifications({
                        title: "Items Pasted",
                        content: "You just pasted items, Now go to edit.",
                        type: "success"
                      });
                    } catch (error) {}
                  },
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                    icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_21__["default"],
                    fill: "#fff",
                    size: "20"
                  })
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                  className: "flex items-center gap-2 bg-slate-700 text-white px-2 py-2 rounded-sm cursor-pointer hover:bg-slate-600",
                  title: "Click to copy",
                  onClick: () => {
                    try {
                      const itemsString = JSON.stringify(items, null, 2);
                      navigator.clipboard.writeText(itemsString).then(() => {
                        addNotifications({
                          title: "Items Copied",
                          content: "You just copied items, Now go to edit.",
                          type: "success"
                        });
                      }).catch(err => {});
                    } catch (error) {}
                  },
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                    icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_22__["default"],
                    fill: "#fff",
                    size: "20"
                  })
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
                className: "flex items-center gap-2 bg-slate-700 text-white px-2 py-2 rounded-sm cursor-pointer hover:bg-slate-600",
                onClick: ev => {
                  var itemsX = [...items];
                  itemsX.push({
                    image: {
                      id: "",
                      url: "",
                      altText: ""
                    },
                    link: "",
                    title: "",
                    content: ""
                  });
                  setitems(itemsX);
                  addNotifications({
                    title: "Item Added",
                    content: "You just added an item, Now go to edit.",
                    type: "success"
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_23__["default"],
                  fill: "#fff",
                  size: "20"
                })
              })]
            })]
          })]
        }), globalOptions?.itemSource == "posts" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
          children: Object.entries(itemQueryArgs)?.map(prams => {
            var index = prams[0];
            var item = prams[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
              className: "my-4 flex gap-2 items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                className: "cursor-pointer px-1 bg-red-500 hover:bg-red-700 hover:text-white",
                onClick: () => handleDelete(item.id),
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                  fill: "#fff",
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_24__["default"],
                  size: "20"
                })
              }), item.id == "postType" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Post Type"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_9__["default"], {
                  val: item.value,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  options: postTypes,
                  multiple: true,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "postStatus" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "postStatus" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Post Status"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_9__["default"], {
                  val: item.value,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  options: [{
                    label: "Publish",
                    value: "publish"
                  }, {
                    label: "Pending",
                    value: "pending"
                  }, {
                    label: "Draft",
                    value: "draft"
                  }, {
                    label: "Auto draft",
                    value: "auto-draft"
                  }, {
                    label: "Future",
                    value: "future"
                  }, {
                    label: "Private",
                    value: "private"
                  }, {
                    label: "Inherit",
                    value: "inherit"
                  }, {
                    label: "Trash",
                    value: "trash"
                  }, {
                    label: "Any",
                    value: "any"
                  }],
                  multiple: true,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "order" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "order" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Order"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_9__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  val: item.value,
                  options: [{
                    label: "Ascending",
                    value: "ASC"
                  }, {
                    label: "Descending",
                    value: "DESC"
                  }],
                  multiple: false,
                  onChange: newVal => updatePostQueryArgs(newVal, index)
                })]
              }), item.id == "orderby" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "orderby" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Order By"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_9__["default"], {
                  val: item.value,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  options: [{
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("None", "accordions"),
                    value: "none"
                  }, {
                    label: "ID",
                    value: "ID"
                  }, {
                    label: "Author",
                    value: "author"
                  }, {
                    label: "Title",
                    value: "title"
                  }, {
                    label: "Name",
                    value: "name"
                  }, {
                    label: "Type",
                    value: "type"
                  }, {
                    label: "Date",
                    value: "date"
                  }, {
                    label: "Modified",
                    value: "modified"
                  }, {
                    label: "Parent",
                    value: "parent"
                  }, {
                    label: "Random",
                    value: "rand"
                  }, {
                    label: "Comment Count",
                    value: "comment_count"
                  }, {
                    label: "Relevance",
                    value: "relevance"
                  }, {
                    label: "Menu Order",
                    value: "menu_order"
                  }, {
                    label: "Meta Value(String)",
                    value: "meta_value"
                  }, {
                    label: "Meta Value(Number)",
                    value: "meta_value_num"
                  }, {
                    label: "post__in",
                    value: "post__in"
                  }, {
                    label: "post_name__in",
                    value: "post_name__in"
                  }, {
                    label: "post_parent__in",
                    value: "post_parent__in"
                  }],
                  multiple: true,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "metaKey" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Key"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "metaValue" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Value"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "metaValueNum" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Value Number"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "s" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Keyword"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "metaCompare" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "metaCompare" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Compare"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_9__["default"], {
                  val: item.value,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  options: [{
                    label: "=",
                    value: "="
                  }, {
                    label: "!=",
                    value: "!="
                  }, {
                    label: ">",
                    value: ">"
                  }, {
                    label: ">=",
                    value: ">="
                  }, {
                    label: "<",
                    value: "<"
                  }, {
                    label: "<=",
                    value: "<="
                  }, {
                    label: "LIKE",
                    value: "LIKE"
                  }, {
                    label: "NOT LIKE",
                    value: "NOT LIKE"
                  }, {
                    label: "IN",
                    value: "IN"
                  }, {
                    label: "NOT IN",
                    value: "NOT IN"
                  }, {
                    label: "BETWEEN",
                    value: "BETWEEN"
                  }, {
                    label: "NOT BETWEEN",
                    value: "NOT BETWEEN"
                  }, {
                    label: "NOT EXISTS",
                    value: "NOT EXISTS"
                  }, {
                    label: "REGEXP",
                    value: "REGEXP"
                  }, {
                    label: "NOT REGEXP",
                    value: "NOT REGEXP"
                  }, {
                    label: "RLIKE",
                    value: "RLIKE"
                  }],
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              })]
            }, index);
          })
        }), globalOptions?.itemSource == "terms" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
          children: Object.entries(itemQueryArgs)?.map(prams => {
            var index = prams[0];
            var item = prams[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
              className: "my-4 flex gap-2 items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                className: "cursor-pointer px-1 bg-red-500 hover:bg-red-700 hover:text-white",
                onClick: () => handleDelete(item.id),
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                  fill: "#fff",
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_24__["default"],
                  size: "20"
                })
              }), item.id == "taxonomy" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Taxonomy"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_9__["default"], {
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  val: item.value,
                  options: taxonomiesObjects,
                  multiple: true,
                  onChange: newVal => {
                    var itemQueryArgsX = {
                      ...itemQueryArgs
                    };
                    itemQueryArgsX[index].value = newVal;
                    setitemQueryArgs(itemQueryArgsX);

                    //updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "orderby" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "orderby" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Order By"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_9__["default"], {
                  val: item.value,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  options: [{
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("None", "accordions"),
                    value: "none"
                  }, {
                    label: "ID",
                    value: "ID"
                  }, {
                    label: "Author",
                    value: "author"
                  }, {
                    label: "Title",
                    value: "title"
                  }, {
                    label: "Name",
                    value: "name"
                  }, {
                    label: "Type",
                    value: "type"
                  }, {
                    label: "Date",
                    value: "date"
                  }, {
                    label: "Modified",
                    value: "modified"
                  }, {
                    label: "Parent",
                    value: "parent"
                  }, {
                    label: "Random",
                    value: "rand"
                  }, {
                    label: "Comment Count",
                    value: "comment_count"
                  }, {
                    label: "Relevance",
                    value: "relevance"
                  }, {
                    label: "Menu Order",
                    value: "menu_order"
                  }, {
                    label: "Meta Value(String)",
                    value: "meta_value"
                  }, {
                    label: "Meta Value(Number)",
                    value: "meta_value_num"
                  }, {
                    label: "post__in",
                    value: "post__in"
                  }, {
                    label: "post_name__in",
                    value: "post_name__in"
                  }, {
                    label: "post_parent__in",
                    value: "post_parent__in"
                  }],
                  multiple: true,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "order" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "order" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Order"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_9__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  val: item.value,
                  options: [{
                    label: "Ascending",
                    value: "ASC"
                  }, {
                    label: "Descending",
                    value: "DESC"
                  }],
                  multiple: false,
                  onChange: newVal => updatePostQueryArgs(newVal, index)
                })]
              }), item.id == "number" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "number" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Number"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(PGinputNumber, {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "include" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "include" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Include"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "exclude" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "exclude" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Exclude"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "child_of" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "child_of" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Child Of"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "parent" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "parent" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Parent"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "meta_key" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "meta_key" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Key"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "meta_value" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "meta_value" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Value"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "hide_empty" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "hide_empty" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Hide Empty"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_14__["default"], {
                  value: item?.value,
                  onChange: () => {
                    const newValue = !itemQueryArgs[index].value;
                    updateTermQueryArgs(newValue, index);
                  }
                })]
              })]
            }, index);
          })
        }), globalOptions?.itemSource == "navMenus" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
          children: Object.entries(itemQueryArgs)?.map(prams => {
            var index = prams[0];
            var item = prams[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
              className: "my-4",
              children: item.id == "menuId" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "order" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Menu ID"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_9__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  val: item.value,
                  options: setnavMenus,
                  multiple: false,
                  onChange: newVal => updateTermQueryArgs(newVal, index)
                })]
              })
            }, index);
          })
        }), globalOptions?.itemSource == "manual" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(react_sortablejs__WEBPACK_IMPORTED_MODULE_6__.ReactSortable, {
            list: items,
            handle: ".handle",
            setList: itemsSorted => {
              setTimeout(() => {
                setitems(itemsSorted);
              }, 200);
              addNotifications({
                title: "Items Sorted",
                content: "You just sorted items",
                type: "success"
              });
            },
            children: items?.map((item, index) => {
              var _item$active;
              return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.Fragment, {
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                  className: "",
                  children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                    className: "bg-slate-300 flex justify-between items-center p-3 py-2 my-2 cursor-pointer hover:bg-slate-400",
                    onClick: ev => {
                      seteditActive(index == editActive ? 999 : index);
                    },
                    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
                      children: item?.title
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                      className: "flex items-center gap-2",
                      children: [item?.image?.url && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
                        className: "w-10 h-9 overflow-hidden",
                        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("img", {
                          src: item?.image?.url,
                          alt: "",
                          className: "cursor-pointer w-full   ",
                          onClick: () => {
                            open();
                          }
                        })
                      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                        className: "handle  cursor-pointer bg-gray-700 hover:bg-gray-600 hover:text-white px-1 py-1",
                        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                          size: "20",
                          fill: "#fff",
                          icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_25__["default"]
                        })
                      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                        className: "cursor-pointer bg-gray-700 hover:bg-gray-600 hover:text-white px-1 py-1",
                        onClick: ev => {
                          ev.stopPropagation();
                          var itemsX = [...items];
                          var itemToDup = {
                            ...itemsX[index]
                          };
                          itemsX.splice(index + 1, 0, itemToDup);
                          setitems(itemsX);
                          addNotifications({
                            title: "Item Duplicated",
                            content: "You just duplicate an item",
                            type: "success"
                          });
                        },
                        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                          size: "20",
                          fill: "#fff",
                          icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_22__["default"]
                        })
                      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                        className: "cursor-pointer bg-red-700 hover:bg-red-600 hover:text-white px-1 py-1",
                        onClick: ev => {
                          ev.stopPropagation();
                          var itemsX = [...items];
                          itemsX.splice(index, 1);
                          setitems(itemsX);
                          addNotifications({
                            title: "Item Removed",
                            content: "You just removed an item",
                            type: "success"
                          });
                        },
                        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                          size: "20",
                          fill: "#fff",
                          icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_24__["default"]
                        })
                      })]
                    })]
                  }), editActive == index && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                    className: "py-2 w-full",
                    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
                      className: "mb-3",
                      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.RichText, {
                        placeholder: "Write Header Text...",
                        className: "bg-slate-100 p-3 ",
                        tagName: "div",
                        value: item?.title,
                        allowedFormats: ["core/bold", "core/italic", "core/link"],
                        onChange: content => {
                          setitems(prevItems => {
                            const updatedItems = [...prevItems];
                            updatedItems[index] = {
                              ...updatedItems[index],
                              title: content
                            };
                            return updatedItems;
                          });
                        }
                      })
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
                      className: "mb-3",
                      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_wp_editor__WEBPACK_IMPORTED_MODULE_11__["default"], {
                        placeholder: "Write Header Text...",
                        editorId: `content-${index}-${generate3Digit()}`,
                        className: `bg-slate-100 p-3 min-h-24 w-full`,
                        value: unescapeHTML(item?.content),
                        onChange: content => {
                          content = content.replace(/[\r\n]+/g, "");
                          content = escapeHTML(content);

                          //var content = JSON.stringify(content);
                          console.log(content);
                          setitems(prevItems => {
                            const updatedItems = [...prevItems];
                            updatedItems[index] = {
                              ...updatedItems[index],
                              content: content
                            };
                            return updatedItems;
                          });
                        }
                      })
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                      className: "flex my-5 justify-between items-center ",
                      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                        className: "w-[400px]",
                        htmlFor: "emailVerification",
                        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Select Image", "user-verification")
                      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.MediaUpload, {
                        onSelect: media => {
                          const newItem = {
                            isActive: false,
                            image: {
                              id: media.id,
                              url: media.url,
                              altText: media.alt || media.title || ""
                            },
                            link: media.link,
                            title: media.title,
                            content: media.description
                          };
                          setitems(prevItems => {
                            const updatedItems = [...prevItems];
                            updatedItems[index] = newItem;
                            return updatedItems;
                          });
                        },
                        onClose: () => {},
                        allowedTypes: ["image"],
                        value: item?.image?.id,
                        render: ({
                          open
                        }) => {
                          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                            className: "flex flex-col items-center gap-2",
                            children: [item?.image?.url && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("img", {
                              src: item?.image?.url,
                              alt: "",
                              className: "cursor-pointer rounded-md max-w-[160px] max-h-[160px] object-contain border border-solid border-gray-300 p-1",
                              onClick: () => {
                                open();
                              }
                            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
                              className: "flex items-center gap-2",
                              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("button", {
                                onClick: open,
                                className: "no-underline px-4 py-2 rounded-sm bg-gray-700 hover:bg-gray-700 text-white  whitespace-nowrap  hover:text-white",
                                children: "Open Media Library"
                              })
                            })]
                          });
                        }
                      })]
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                      className: "flex  my-5  justify-between items-center",
                      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                        className: "",
                        htmlFor: "emailVerification",
                        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Alt Text", "accordions")
                      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                        value: item?.image?.altText,
                        className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                        onChange: newVal => {
                          setitems(prevItems => {
                            const updatedItems = [...prevItems];
                            updatedItems[index] = {
                              ...updatedItems[index],
                              image: {
                                ...updatedItems[index].image,
                                altText: newVal
                              }
                            };
                            return updatedItems;
                          });
                        }
                      })]
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                      className: "flex  my-5  justify-between items-center",
                      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                        className: "",
                        htmlFor: "emailVerification",
                        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Link", "accordions")
                      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                        value: item?.link,
                        className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                        onChange: newVal => {
                          setitems(prevItems => {
                            const updatedItems = [...prevItems];
                            updatedItems[index] = {
                              ...updatedItems[index],
                              link: newVal
                            };
                            return updatedItems;
                          });
                        }
                      })]
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
                      className: "mb-3",
                      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
                        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                          htmlFor: "",
                          children: "Active"
                        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_14__["default"], {
                          value: (_item$active = item?.active) !== null && _item$active !== void 0 ? _item$active : 0,
                          onChange: newVal => {
                            if (isProFeature) {
                              addNotifications({
                                title: "Opps its pro!",
                                content: "This feature only available in premium version",
                                type: "error"
                              });
                              return;
                            }
                            setitems(prevItems => {
                              const updatedItems = [...prevItems];
                              updatedItems[index] = {
                                ...updatedItems[index],
                                active: newVal
                              };
                              return updatedItems;
                            });
                          }
                        })]
                      })
                    })]
                  })]
                }, index)
              });
            })
          })
        })]
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Settings",
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
          className: "py-3",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("label", {
              htmlFor: "",
              className: "flex gap-2 items-center",
              children: ["Lazyload", " ", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "lazyloadSetting",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_19__["default"]
                })
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_14__["default"], {
              value: (_globalOptions$lazyLo = globalOptions?.lazyLoad) !== null && _globalOptions$lazyLo !== void 0 ? _globalOptions$lazyLo : 0,
              onChange: newVal => {
                var globalOptionsX = {
                  ...globalOptions
                };
                globalOptionsX.lazyLoad = newVal;
                setglobalOptions(globalOptionsX);
              }
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
              htmlFor: "",
              children: "URL Hash"
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_14__["default"], {
              value: (_globalOptions$urlHas = globalOptions?.urlHash) !== null && _globalOptions$urlHas !== void 0 ? _globalOptions$urlHas : 0,
              onChange: newVal => {
                if (isProFeature) {
                  addNotifications({
                    title: "Opps its pro!",
                    content: "This feature only avilable in premium version",
                    type: "error"
                  });
                  return;
                }
                var globalOptionsX = {
                  ...globalOptions
                };
                globalOptionsX.urlHash = newVal;
                setglobalOptions(globalOptionsX);
              }
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("label", {
              htmlFor: "",
              className: "flex gap-2 items-center",
              children: ["Auto Play", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "autoPlaySetting",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_19__["default"]
                })
              }), isProFeature && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                className: "bg-amber-500 px-2 py-0.5 text-[11px]  no-underline rounded-sm  cursor-pointer text-white ",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Pro", "accordions")
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_14__["default"], {
              value: globalOptions?.autoPlay,
              onChange: newVal => {
                if (isProFeature) {
                  addNotifications({
                    title: "Opps its pro!",
                    content: "This feature only avilable in premium version",
                    type: "error"
                  });
                  return;
                }
                var globalOptionsX = {
                  ...globalOptions
                };
                globalOptionsX.autoPlay = newVal;
                setglobalOptions(globalOptionsX);
              }
            })]
          }), globalOptions?.autoPlay && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.Fragment, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
              className: "w-full",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                htmlFor: "",
                className: "break-all",
                children: "Auto Play Timeout"
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[150px]",
                label: "",
                value: globalOptions?.autoPlayTimeout,
                onChange: newVal => {
                  var globalOptionsX = {
                    ...globalOptions
                  };
                  globalOptionsX.autoPlayTimeout = newVal;
                  setglobalOptions(globalOptionsX);
                }
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
              className: "w-full",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                htmlFor: "",
                className: "break-all",
                children: "Auto Play Delay"
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[150px]",
                label: "",
                value: globalOptions?.autoPlayDelay,
                onChange: newVal => {
                  var globalOptionsX = {
                    ...globalOptions
                  };
                  globalOptionsX.autoPlayDelay = newVal;
                  setglobalOptions(globalOptionsX);
                }
              })]
            })]
          })]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Wrapper",
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
          activeTab: "options",
          orientation: "horizontal",
          activeClass: "active-tab",
          onSelect: tabName => {},
          tabs: [{
            name: "options",
            title: "Options",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_26__["default"],
            className: "tab-settings"
          }, {
            name: "styles",
            title: "Styles",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__["default"],
            className: "tab-style"
          }
          // {
          // 	name: "css",
          // 	title: "CSS Library",
          // 	icon: mediaAndText,
          // 	className: "tab-css",
          // },
          ],
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "options",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
              className: "flex  my-5  justify-between items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                className: "",
                htmlFor: "emailVerification",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Class", "accordions")
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                value: wrapper?.options?.class,
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                onChange: newVal => {
                  var optionsX = {
                    ...wrapper,
                    options: {
                      ...wrapper?.options,
                      class: newVal
                    }
                  };
                  setwrapper(optionsX);
                }
              })]
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "styles",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
              obj: wrapper,
              onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, wrapper, setwrapper),
              onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, wrapper, setwrapper),
              onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, wrapper, setwrapper),
              onReset: sudoSources => onResetStyle(sudoSources, wrapper, setwrapper),
              onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, wrapper, setwrapper)
            })
          })]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Items Wrapper",
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
          activeTab: "options",
          orientation: "horizontal",
          activeClass: "active-tab",
          onSelect: tabName => {},
          tabs: [{
            name: "options",
            title: "Options",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_26__["default"],
            className: "tab-settings"
          }, {
            name: "styles",
            title: "Styles",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__["default"],
            className: "tab-style"
          }],
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "options",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
              className: "flex  my-5  justify-between items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                className: "",
                htmlFor: "emailVerification",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Class", "accordions")
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                value: itemsWrap?.options?.class,
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                onChange: newVal => {
                  var optionsX = {
                    ...itemsWrap,
                    options: {
                      ...itemsWrap?.options,
                      class: newVal
                    }
                  };
                  setitemsWrap(optionsX);
                }
              })]
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "styles",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
              obj: itemsWrap,
              onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, itemsWrap, setitemsWrap),
              onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, itemsWrap, setitemsWrap),
              onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, itemsWrap, setitemsWrap),
              onReset: sudoSources => onResetStyle(sudoSources, itemsWrap, setitemsWrap),
              onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, itemsWrap, setitemsWrap)
            })
          })]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Item",
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
          activeTab: "options",
          orientation: "horizontal",
          activeClass: "active-tab",
          onSelect: tabName => {},
          tabs: [{
            name: "options",
            title: "Options",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_26__["default"],
            className: "tab-settings"
          }, {
            name: "styles",
            title: "Styles",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__["default"],
            className: "tab-style"
          }],
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "options",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
              className: "flex  my-5  justify-between items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                className: "",
                htmlFor: "emailVerification",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Class", "accordions")
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                value: item?.options?.class,
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                onChange: newVal => {
                  var optionsX = {
                    ...item,
                    options: {
                      ...item?.options,
                      class: newVal
                    }
                  };
                  setitem(optionsX);
                }
              })]
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "styles",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
              obj: item,
              onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, item, setitem),
              onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, item, setitem),
              onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, item, setitem),
              onReset: sudoSources => onResetStyle(sudoSources, item, setitem),
              onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, item, setitem)
            })
          })]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Item Active",
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
          activeTab: "options",
          orientation: "horizontal",
          activeClass: "active-tab",
          onSelect: tabName => {},
          tabs: [{
            name: "options",
            title: "Options",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_26__["default"],
            className: "tab-settings"
          }, {
            name: "styles",
            title: "Styles",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__["default"],
            className: "tab-style"
          }],
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "options",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
              className: "flex  my-5  justify-between items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                className: "",
                htmlFor: "emailVerification",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Class", "accordions")
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                value: itemActive?.options?.class,
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                onChange: newVal => {
                  var optionsX = {
                    ...itemActive,
                    options: {
                      ...itemActive?.options,
                      class: newVal
                    }
                  };
                  setitemActive(optionsX);
                }
              })]
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "styles",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
              obj: itemActive,
              onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, itemActive, setitemActive),
              onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, itemActive, setitemActive),
              onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, itemActive, setitemActive),
              onReset: sudoSources => onResetStyle(sudoSources, itemActive, setitemActive),
              onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, itemActive, setitemActive)
            })
          })]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Overlay",
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
          activeTab: "options",
          orientation: "horizontal",
          activeClass: "active-tab",
          onSelect: tabName => {},
          tabs: [{
            name: "options",
            title: "Options",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_26__["default"],
            className: "tab-settings"
          }, {
            name: "styles",
            title: "Styles",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__["default"],
            className: "tab-style"
          }],
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "options",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
              className: "flex  my-5  justify-between items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                className: "",
                htmlFor: "emailVerification",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Class", "accordions")
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                value: overlay?.options?.class,
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                onChange: newVal => {
                  var optionsX = {
                    ...overlay,
                    options: {
                      ...overlay?.options,
                      class: newVal
                    }
                  };
                  setoverlay(optionsX);
                }
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                htmlFor: "",
                className: "flex gap-2 items-center",
                children: "IN Animation"
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
                position: "bottom right",
                variant: "secondary",
                buttonTitle: _inAnimation__WEBPACK_IMPORTED_MODULE_12__.popupEntranceAnimateBasic[overlay?.options?.inAnimation] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Choose", "accordions") : _inAnimation__WEBPACK_IMPORTED_MODULE_12__.popupEntranceAnimateBasic[overlay?.options?.inAnimation].label,
                options: _inAnimation__WEBPACK_IMPORTED_MODULE_12__.popupEntranceAnimateBasic,
                onChange: newVal => {
                  if (isProFeature) {
                    addNotifications({
                      title: "Opps its pro!",
                      content: "This feature only avilable in premium version",
                      type: "error"
                    });
                    return;
                  }
                  var optionsX = {
                    ...overlay,
                    options: {
                      ...overlay?.options,
                      inAnimation: newVal.value
                    }
                  };
                  setoverlay(optionsX);
                },
                values: ""
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                htmlFor: "",
                className: "flex gap-2 items-center",
                children: "OUT Animation"
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
                position: "bottom right",
                variant: "secondary",
                buttonTitle: _outAnimation__WEBPACK_IMPORTED_MODULE_13__.popupCloseAnimateBasic[overlay?.options?.outAnimation] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Choose", "accordions") : _outAnimation__WEBPACK_IMPORTED_MODULE_13__.popupCloseAnimateBasic[overlay?.options?.outAnimation].label,
                options: _outAnimation__WEBPACK_IMPORTED_MODULE_13__.popupCloseAnimateBasic,
                onChange: newVal => {
                  if (isProFeature) {
                    addNotifications({
                      title: "Opps its pro!",
                      content: "This feature only avilable in premium version",
                      type: "error"
                    });
                    return;
                  }
                  var optionsX = {
                    ...overlay,
                    options: {
                      ...overlay?.options,
                      outAnimation: newVal.value
                    }
                  };
                  setoverlay(optionsX);
                },
                values: ""
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
              className: "flex  my-5  justify-between items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                className: "",
                htmlFor: "emailVerification",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Animation duration", "accordions")
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                value: overlay?.options?.animationDuration,
                placeholder: "1000",
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-full max-w-[200px]",
                onChange: newVal => {
                  if (isProFeature) {
                    addNotifications({
                      title: "Opps its pro!",
                      content: "This feature only avilable in premium version",
                      type: "error"
                    });
                    return;
                  }
                  var optionsX = {
                    ...overlay,
                    options: {
                      ...overlay?.options,
                      animationDuration: newVal
                    }
                  };
                  setoverlay(optionsX);
                }
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelBody, {
              className: "font-medium text-slate-900 ",
              title: "Title",
              initialOpen: false,
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
                activeTab: "options",
                orientation: "horizontal",
                activeClass: "active-tab",
                onSelect: tabName => {},
                tabs: [{
                  name: "options",
                  title: "Options",
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_26__["default"],
                  className: "tab-settings"
                }, {
                  name: "styles",
                  title: "Styles",
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__["default"],
                  className: "tab-style"
                }],
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
                  name: "options",
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                    className: "flex  my-5  justify-between items-center",
                    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                      className: "",
                      htmlFor: "emailVerification",
                      children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Class", "accordions")
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                      value: title?.options?.class,
                      className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                      onChange: newVal => {
                        var optionsX = {
                          ...title,
                          options: {
                            ...title?.options,
                            class: newVal
                          }
                        };
                        settitle(optionsX);
                      }
                    })]
                  })
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
                  name: "styles",
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
                    obj: title,
                    onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, title, settitle),
                    onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, title, settitle),
                    onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, title, settitle),
                    onReset: sudoSources => onResetStyle(sudoSources, title, settitle),
                    onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, title, settitle)
                  })
                })]
              })
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelBody, {
              className: "font-medium text-slate-900 ",
              title: "Content",
              initialOpen: false,
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
                activeTab: "options",
                orientation: "horizontal",
                activeClass: "active-tab",
                onSelect: tabName => {},
                tabs: [{
                  name: "options",
                  title: "Options",
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_26__["default"],
                  className: "tab-settings"
                }, {
                  name: "styles",
                  title: "Styles",
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__["default"],
                  className: "tab-style"
                }],
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
                  name: "options",
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                    className: "flex  my-5  justify-between items-center",
                    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                      className: "",
                      htmlFor: "emailVerification",
                      children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Class", "accordions")
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                      value: content?.options?.class,
                      className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                      onChange: newVal => {
                        var optionsX = {
                          ...content,
                          options: {
                            ...content?.options,
                            class: newVal
                          }
                        };
                        setcontent(optionsX);
                      }
                    })]
                  })
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
                  name: "styles",
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
                    obj: content,
                    onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, content, setcontent),
                    onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, content, setcontent),
                    onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, content, setcontent),
                    onReset: sudoSources => onResetStyle(sudoSources, content, setcontent),
                    onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, content, setcontent)
                  })
                })]
              })
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "styles",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
              obj: overlay,
              onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, overlay, setoverlay),
              onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, overlay, setoverlay),
              onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, overlay, setoverlay),
              onReset: sudoSources => onResetStyle(sudoSources, overlay, setoverlay),
              onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, overlay, setoverlay)
            })
          })]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Image",
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
          activeTab: "options",
          orientation: "horizontal",
          activeClass: "active-tab",
          onSelect: tabName => {},
          tabs: [{
            name: "options",
            title: "Options",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_26__["default"],
            className: "tab-settings"
          }, {
            name: "styles",
            title: "Styles",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__["default"],
            className: "tab-style"
          }],
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "options",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
              className: "flex  my-5  justify-between items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                className: "",
                htmlFor: "emailVerification",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Class", "accordions")
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                value: image?.options?.class,
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                onChange: newVal => {
                  var optionsX = {
                    ...image,
                    options: {
                      ...image?.options,
                      class: newVal
                    }
                  };
                  setimage(optionsX);
                }
              })]
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "styles",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
              obj: image,
              onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, image, setimage),
              onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, image, setimage),
              onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, image, setimage),
              onReset: sudoSources => onResetStyle(sudoSources, image, setimage),
              onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, image, setimage)
            })
          })]
        })
      })]
    })]
  });
}
class EditAccordionMenu extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true,
      isLoaded: false
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      onChange,
      postData,
      customerData,
      addNotifications,
      setHelp
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(Html, {
      onChange: onChange,
      addNotifications: addNotifications,
      postData: postData,
      customerData: customerData,
      setHelp: setHelp,
      warn: this.state.showWarning,
      isLoaded: this.state.isLoaded
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EditAccordionMenu);

/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   iconsList: () => (/* binding */ iconsList)
/* harmony export */ });
const iconsList = [{
  icon: "fas fa-arrow-down",
  toggle: "fas fa-arrow-up"
}, {
  icon: "fas fa-arrow-circle-down",
  toggle: "fas fa-arrow-circle-up"
}, {
  icon: "fas fa-arrow-alt-circle-down",
  toggle: "fas fa-arrow-alt-circle-up"
}, {
  icon: "far fa-arrow-alt-circle-down",
  toggle: "far fa-arrow-alt-circle-up"
}, {
  icon: "fas fa-expand-arrows-alt",
  toggle: "fas fa-compress-arrows-alt"
}, {
  icon: "fas fa-chevron-down",
  toggle: "fas fa-chevron-up"
}, {
  icon: "fas fa-chevron-right",
  toggle: "fas fa-chevron-left"
}, {
  icon: "fas fa-chevron-circle-down",
  toggle: "fas fa-chevron-circle-up"
}, {
  icon: "fas fa-caret-down",
  toggle: "fas fa-caret-up"
}, {
  icon: "fas fa-caret-square-down",
  toggle: "fas fa-caret-square-up"
}, {
  icon: "far fa-caret-square-down",
  toggle: "far fa-caret-square-up"
}, {
  icon: "fas fa-angle-down",
  toggle: "fas fa-angle-up"
}, {
  icon: "fas fa-angle-double-down",
  toggle: "fas fa-angle-double-up"
}, {
  icon: "fas fa-expand-alt",
  toggle: "fas fa-compress-alt"
}];

/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_core_data__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/core-data */ "@wordpress/core-data");
/* harmony import */ var _wordpress_core_data__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_core_data__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data");
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var react_sortablejs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-sortablejs */ "./node_modules/react-sortablejs/dist/index.js");
/* harmony import */ var react_sortablejs__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_sortablejs__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/help.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/page.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/copy.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/add-card.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/close.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/menu.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/update.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/settings.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/brush.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/pages.js");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _breakpoints__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../breakpoints */ "./src/breakpoints.js");
/* harmony import */ var _dropdown__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../dropdown */ "./src/components/dropdown/index.js");
/* harmony import */ var _icon_picker__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../icon-picker */ "./src/components/icon-picker/index.js");
/* harmony import */ var _input_select__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../input-select */ "./src/components/input-select/index.js");
/* harmony import */ var _input_text__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../input-text */ "./src/components/input-text/index.js");
/* harmony import */ var _input_textarea__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../input-textarea */ "./src/components/input-textarea/index.js");
/* harmony import */ var _input_wp_editor__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../input-wp-editor */ "./src/components/input-wp-editor/index.js");
/* harmony import */ var _openai_prompts__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../openai-prompts */ "./src/components/openai-prompts/index.js");
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../styles */ "./src/components/styles/index.js");
/* harmony import */ var _tab__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../tab */ "./src/components/tab/index.js");
/* harmony import */ var _tabs__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../tabs */ "./src/components/tabs/index.js");
/* harmony import */ var _inAnimation__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../inAnimation */ "./src/inAnimation.js");
/* harmony import */ var _outAnimation__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../outAnimation */ "./src/outAnimation.js");
/* harmony import */ var _toggle__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./toggle */ "./src/components/edit-accordion/toggle.js");
/* harmony import */ var _input_toggle__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../input-toggle */ "./src/components/input-toggle/index.js");
/* harmony import */ var _iconsList__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./iconsList */ "./src/components/edit-accordion/iconsList.js");
/* harmony import */ var _input_number__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../input-number */ "./src/components/input-number/index.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__);
const {
  Component,
  RawHTML,
  useState,
  useEffect
} = wp.element;














// import WPEditor from "../input-wp-editor";












var myStore = wp.data.select("postgrid-shop");
function Html(props) {
  var _expandCollapseAll$op, _expandCollapseAll$op2, _expandCollapseAll$op3, _expandCollapseAll$op4, _expandCollapseAll$op5, _expandCollapseAll$op6;
  if (!props.warn) {
    return null;
  }
  var onChange = props.onChange;
  var addNotifications = props.addNotifications;
  var setHelp = props.setHelp;
  var postData = props.postData;
  var breakPointX = "Desktop";
  var [accordionData, setaccordionData] = useState(postData.post_content); // Using the hook.

  var [globalOptions, setglobalOptions] = useState(accordionData.globalOptions); // Using the hook.

  var [itemQueryArgs, setitemQueryArgs] = useState(accordionData.itemQueryArgs); // Using the hook.

  var [wrapper, setwrapper] = useState(accordionData.wrapper); // Using the hook.
  var [items, setitems] = useState(accordionData.items); // Using the hook.
  var [content, setcontent] = useState(accordionData.content);
  var [accOptions, setaccOptions] = useState(accordionData.accOptions);
  var [header, setheader] = useState(accordionData.header);
  var [headerActive, setheaderActive] = useState(accordionData.headerActive);
  var [headerLabel, setheaderLabel] = useState(accordionData.headerLabel);
  var [labelCounter, setlabelCounter] = useState(accordionData.labelCounter);
  var [labelIcon, setlabelIcon] = useState(accordionData.labelIcon);
  var [icon, seticon] = useState(accordionData.icon);
  var [iconToggle, seticonToggle] = useState(accordionData.iconToggle);
  var [expandCollapseAll, setexpandCollapseAll] = useState(accordionData.expandCollapseAll);
  var [topWrap, settopWrap] = useState(accordionData.topWrap);
  var [nthItemStyle, setnthItemStyle] = useState(accordionData?.nthItemStyle ? accordionData?.nthItemStyle : []);
  var [searchInput, setsearchInput] = useState(accordionData.searchInput);
  var [styleObj, setstyleObj] = useState({}); // Using the hook.
  const [taxonomiesObjects, setTaxonomiesObjects] = useState([]);
  var [customerData, setcustomerData] = useState(props.customerData);
  var [isProFeature, setisProFeature] = useState(true);
  const gapValue = accOptions?.gap || "0px";
  const [number, setNumber] = useState(parseInt(gapValue));
  const [unit, setUnit] = useState(gapValue.replace(number, ""));
  const [itemActive, setitemActive] = useState(99999);
  const [AIautoUpdate, setAIautoUpdate] = useState(false);
  var [AIWriter, setAIWriter] = useState(false); // Using the hook.
  const [copied, setCopied] = useState(false);
  var formattedPrompt = "Respond only with question answer as json array and no other text. Do not include any explanations, introductions, or concluding remarks.";
  var breakPointList = [{
    label: "Select..",
    icon: "",
    value: ""
  }];
  for (var x in _breakpoints__WEBPACK_IMPORTED_MODULE_7__["default"]) {
    var breakPointItem = _breakpoints__WEBPACK_IMPORTED_MODULE_7__["default"][x];
    breakPointList.push({
      label: breakPointItem.name,
      icon: breakPointItem.icon,
      value: breakPointItem.id
    });
  }
  var postTypes = [];
  const postTypesData = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.useSelect)(select => select(_wordpress_core_data__WEBPACK_IMPORTED_MODULE_1__.store).getPostTypes({
    per_page: -1
  }), []);
  postTypesData !== null && postTypesData.map(x => {
    postTypes.push({
      value: x.slug,
      label: x.name
    });
  });
  useEffect(() => {
    _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({
      path: "/accordions/v2/post_type_objects",
      method: "POST",
      data: {
        postTypes: []
      }
    }).then(res => {
      var taxonomies = [];
      res.map(item => {
        taxonomies.push({
          label: item.label,
          value: item.id
        });
      });
      setTaxonomiesObjects(taxonomies);
    });
  }, []);
  useEffect(() => {
    if (customerData.isPro) {
      setisProFeature(false);
    }
  }, [props.customerData]);
  useEffect(() => {}, [props.postData]);
  useEffect(() => {
    onChange(accordionData);
  }, [accordionData]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.globalOptions = globalOptions;
    setaccordionData(accordionDataX);
  }, [globalOptions]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.accOptions = accOptions;
    setaccordionData(accordionDataX);
  }, [accOptions]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.items = items;
    setaccordionData(accordionDataX);
  }, [items]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.itemQueryArgs = itemQueryArgs;
    setaccordionData(accordionDataX);
  }, [itemQueryArgs]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.wrapper = wrapper;
    setaccordionData(accordionDataX);
  }, [wrapper]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.content = content;
    setaccordionData(accordionDataX);
  }, [content]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.header = header;
    setaccordionData(accordionDataX);
  }, [header]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.headerActive = headerActive;
    setaccordionData(accordionDataX);
  }, [headerActive]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.nthItemStyle = nthItemStyle;
    setaccordionData(accordionDataX);
  }, [nthItemStyle]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.headerLabel = headerLabel;
    setaccordionData(accordionDataX);
  }, [headerLabel]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.labelCounter = labelCounter;
    setaccordionData(accordionDataX);
  }, [labelCounter]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.labelIcon = labelIcon;
    setaccordionData(accordionDataX);
  }, [labelIcon]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.icon = icon;
  // 	setaccordionData(accordionDataX);
  // }, [icon]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.iconToggle = iconToggle;
  // 	setaccordionData(accordionDataX);
  // }, [iconToggle]);

  useEffect(() => {
    setaccordionData(prevData => ({
      ...prevData,
      icon,
      iconToggle
    }));
  }, [icon, iconToggle]);
  const updateIconOptions = (icon, itemSrc) => ({
    ...icon,
    options: {
      ...icon.options,
      iconSrc: itemSrc
    }
  });
  const handleClick = item => {
    seticon(prevIcon => updateIconOptions(prevIcon, item.icon));
    seticonToggle(prevIconToggle => updateIconOptions(prevIconToggle, item.toggle));
  };
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.expandCollapseAll = expandCollapseAll;
    setaccordionData(accordionDataX);
  }, [expandCollapseAll]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.topWrap = topWrap;
    setaccordionData(accordionDataX);
  }, [topWrap]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.searchInput = searchInput;
    setaccordionData(accordionDataX);
  }, [searchInput]);
  function onChangeStyle(sudoScource, newVal, attr, propertyType, setProperty) {
    var path = [sudoScource, attr, breakPointX];
    let obj = {
      ...propertyType
    };
    const object = myStore.updatePropertyDeep(obj, path, newVal);
    setProperty(object);
  }
  function onAddStyle(sudoScource, key, propertyType, setProperty) {
    var path = [sudoScource, key, breakPointX];
    let obj = {
      ...propertyType
    };
    const object = myStore.addPropertyDeep(obj, path, "");
    setProperty(object);
  }
  function onResetStyle(sudoSources, propertyType, setProperty) {
    let obj = Object.assign({}, propertyType);
    Object.entries(sudoSources).map(args => {
      var sudoScource = args[0];
      if (obj[sudoScource] == undefined) {} else {
        obj[sudoScource] = {};
        // var elementSelector = myStore.getElementSelector(
        // 	sudoScource,
        // 	contentSelector // Replace this selector if needed
        // );
      }
    });
    setProperty(obj);
  }
  function onRemoveStyle(sudoScource, key, propertyType, setProperty) {
    let obj = {
      ...propertyType
    };
    var object = myStore.deletePropertyDeep(obj, [sudoScource, key, breakPointX]);
    var isEmpty = Object.entries(object[sudoScource][key]).length === 0 ? true : false;
    var objectX = isEmpty ? myStore.deletePropertyDeep(object, [sudoScource, key]) : object;
    setProperty(objectX);
  }
  function onBulkAddStyle(sudoSource, cssObj, propertyType, setProperty) {
    let obj = {
      ...propertyType
    };
    obj[sudoSource] = cssObj;
    setProperty(obj);
  }
  function onAddStyleNthItem(sudoScource, key, propertyType, extra) {
    var index = extra.index;
    var path = [sudoScource, key, breakPointX];
    let obj = {
      ...propertyType
    };
    const object = myStore.addPropertyDeep(obj, path, "");
    // setProperty(object);
    var nthItemStyleX = [...nthItemStyle];
    nthItemStyleX[index] = object;
    setnthItemStyle(nthItemStyleX);
  }
  function onChangeStyleNthItem(sudoScource, newVal, attr, propertyType, extra) {
    var index = extra.index;
    var path = [sudoScource, attr, breakPointX];
    let obj = {
      ...propertyType
    };
    const object = myStore.updatePropertyDeep(obj, path, newVal);
    // setProperty(object);

    var nthItemStyleX = [...nthItemStyle];
    nthItemStyleX[index] = object;
    setnthItemStyle(nthItemStyleX);
  }
  function onRemoveStyleNthItem(sudoScource, key, propertyType, extra) {
    var index = extra.index;
    let obj = {
      ...propertyType
    };
    var object = myStore.deletePropertyDeep(obj, [sudoScource, key, breakPointX]);
    var isEmpty = Object.entries(object[sudoScource][key]).length === 0 ? true : false;
    var objectX = isEmpty ? myStore.deletePropertyDeep(object, [sudoScource, key]) : object;
    // setProperty(objectX);

    var nthItemStyleX = [...nthItemStyle];
    nthItemStyleX[index] = objectX;
    setnthItemStyle(nthItemStyleX);
  }
  function onResetNthItem(sudoSources, propertyType, extra) {
    var index = extra.index;
    let obj = Object.assign({}, propertyType);
    Object.entries(sudoSources).map(args => {
      var sudoScource = args[0];
      if (obj[sudoScource] == undefined) {} else {
        obj[sudoScource] = {};
      }
    });
    // setProperty(obj);

    var nthItemStyleX = [...nthItemStyle];
    nthItemStyleX[index] = obj;
    setnthItemStyle(nthItemStyleX);
  }
  function onBulkAddStyleNthItem(sudoSource, cssObj, propertyType, extra) {
    var index = extra.index;
    let obj = {
      ...propertyType
    };
    obj[sudoSource] = cssObj;
    // setProperty(obj);

    var nthItemStyleX = [...nthItemStyle];
    nthItemStyleX[index] = obj;
    setnthItemStyle(nthItemStyleX);
  }
  const copyData = data => {
    navigator.clipboard.writeText(data).then(() => {
      addNotifications({
        title: "Copied to clipboard!",
        content: "Use the shortcode in page or post conent where you want to display.",
        type: "success"
      });
    }).catch(err => {});
  };
  var accOptionsArgs = {
    autoplay: {
      label: "Auto play",
      value: 1
    }
  };
  var postQueryArgs = {
    postType: {
      value: ["post"],
      id: "postType",
      label: "Post types",
      description: "Select Post Types to Query"
    },
    s: {
      value: "",
      id: "s",
      label: "Keyword",
      description: "Search keyword, ex: hello"
    },
    postStatus: {
      value: [],
      id: "postStatus",
      label: "Post status",
      description: "Query post by post status"
    },
    order: {
      value: "",
      id: "order",
      label: "Order",
      description: "Post query order"
    },
    orderby: {
      value: [],
      id: "orderby",
      label: "Orderby",
      description: "Post query orderby"
    },
    metaKey: {
      value: "",
      id: "metaKey",
      label: "Meta fields key",
      description: "Post query by meta fields key"
    },
    metaValue: {
      value: "",
      id: "metaValue",
      label: "Meta Value",
      description: "Post query by custom field value"
    },
    metaValueNum: {
      value: "",
      id: "metaValueNum",
      label: "Meta Value Num",
      description: "Post query by custom field value for number types"
    },
    metaCompare: {
      value: "",
      id: "metaCompare",
      label: "Meta Compare",
      description: "Meta query compare"
    }
  };
  const updatePostQueryArgs = (newVal, index) => {
    var itemQueryArgsX = {
      ...itemQueryArgs
    };
    itemQueryArgsX[index].value = newVal;
    setitemQueryArgs(itemQueryArgsX);
  };
  var termQueryArgs = {
    taxonomy: {
      value: "category",
      id: "taxonomy",
      label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Taxonomy", "accordions"),
      description: "Select Taxonomy to Query",
      longDescription: "Taxonomy name, or array of taxonomy names, to which results should be limited."
    },
    orderby: {
      value: "name",
      id: "orderby",
      label: "Order By",
      description: "Search keyword, ex: hello"
    },
    order: {
      value: "ASC",
      id: "order",
      label: "Order",
      description: "Whether to order terms in ascending or descending order."
    },
    hide_empty: {
      value: true,
      id: "hide_empty",
      label: "Hide Empty",
      description: "Accepts true or false value.",
      longDescription: "Whether to hide terms not assigned to any posts. Accepts 1|true or 0|false."
    },
    number: {
      value: false,
      id: "number",
      label: "Number",
      description: "Accepts 0 (all) or any positive number.",
      longDescription: "Maximum number of terms to return. Accepts ''|0 (all) or any positive number. Default ''|0 (all). Note that $number may not return accurate results when coupled with $object_ids."
    },
    include: {
      value: "category",
      id: "include",
      label: "Include",
      description: "Comma-separated string of term IDs to include.",
      longDescription: "Array or comma/space-separated string of term IDs to include. Default empty array.",
      placeholder: "Comma-separated string of term IDs to include."
    },
    exclude: {
      value: "",
      id: "exclude",
      label: "Exclude",
      description: "Comma-separated string of term IDs to exclude.",
      longDescription: "Array or comma/space-separated string of term IDs to exclude. If $include is non-empty, $exclude is ignored. Default empty array.",
      placeholder: "Comma-separated string of term IDs to exclude."
    },
    child_of: {
      value: "",
      id: "child_of",
      label: "Child of",
      description: "Term ID to retrieve child terms of.",
      longDescription: "Term ID to retrieve child terms of. If multiple taxonomies are passed, $child_of is ignored. Default 0."
    },
    parent: {
      value: "",
      id: "parent",
      label: "Parent",
      description: "Add {ID} to add Parent term ID to retrieve direct-child terms of.",
      longDescription: "Parent term ID to retrieve direct-child terms of."
    },
    meta_key: {
      value: "",
      id: "meta_key",
      label: "Meta key",
      description: "Comma-separated keys to return term(s) for.",
      longDescription: "Meta key or keys to filter by."
    },
    meta_value: {
      value: "",
      id: "meta_value",
      label: "Meta value",
      description: "Comma-separated keys to return term(s) for.",
      longDescription: "Meta value or values to filter by."
    }
  };
  var easyAccordionQueryArgs = {
    postId: {
      value: "",
      id: "postId",
      label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Post Id", "accordions"),
      description: "",
      longDescription: ""
    }
  };
  const updateTermQueryArgs = (newVal, index) => {
    var itemQueryArgsX = {
      ...itemQueryArgs
    };
    itemQueryArgsX[index].value = newVal;
    setitemQueryArgs(itemQueryArgsX);
  };
  const handleDelete = id => {
    // Filter out the item with the specified id
    const updatedItems = Object.fromEntries(Object.entries(itemQueryArgs).filter(([key, item]) => item.id !== id));
    setitemQueryArgs(updatedItems);
  };
  var itemSources = {
    manual: {
      label: "Manual",
      value: "manual"
    },
    easyAccordion: {
      label: "Easy Accordion - FAQ Group",
      value: "easyAccordion"
    },
    posts: {
      label: "Posts",
      value: "posts",
      coming: true,
      isPro: customerData.isPro ? false : true
    },
    terms: {
      label: "Terms",
      value: "terms",
      coming: true,
      isPro: customerData.isPro ? false : true
    }
  };
  var iconSets = [{
    idle: "",
    toggle: ""
  }];
  function generate3Digit() {
    return Math.floor(100 + Math.random() * 900);
  }
  function escapeHTML(str) {
    const map = {
      '&': '&amp;',
      '<': '&lt;',
      '>': '&gt;',
      '"': '&quot;',
      "'": '&#039;'
    };
    return str.replace(/[&<>"']/g, function (match) {
      return map[match];
    });
  }
  function unescapeHTML(str) {
    const map = {
      '&amp;': '&',
      '&lt;': '<',
      '&gt;': '>',
      '&quot;': '"',
      '&#039;': "'"
    };
    return str.replace(/&amp;|&lt;|&gt;|&quot;|&#039;/g, function (match) {
      return map[match];
    });
  }
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
    className: "",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("div", {
      className: "hidden",
      onClick: () => {
        var str = `
{
"wrapper":${JSON.stringify(wrapper)}
"content":${JSON.stringify(content)},
				"header":${JSON.stringify(header)},
				"headerActive":${JSON.stringify(headerActive)},
				"headerLabel":${JSON.stringify(headerLabel)},
				"labelCounter":${JSON.stringify(labelCounter)},
				"labelIcon":${JSON.stringify(labelIcon)},
				"icon":${JSON.stringify(icon)},
				"iconToggle":${JSON.stringify(iconToggle)},
				"searchInput":${JSON.stringify(searchInput)},
				"expandCollapseAll":${JSON.stringify(expandCollapseAll)},
				"topWrap":${JSON.stringify(topWrap)},
				}

`;
        copyData(str);
        addNotifications({
          title: "Copied to clipboard!",
          content: "Use the shortcode in page or post conent where you want to display.",
          type: "success"
        });
      },
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
        className: "p-3",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("div", {
          children: `{`
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
          children: [`"wrapper":${JSON.stringify(wrapper)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
          children: [`"content":${JSON.stringify(content)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
          children: [`"header":${JSON.stringify(header)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
          children: [`"headerActive":${JSON.stringify(headerActive)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
          children: [`"headerLabel":${JSON.stringify(headerLabel)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
          children: [`"labelCounter":${JSON.stringify(labelCounter)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
          children: [`"labelIcon":${JSON.stringify(labelIcon)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
          children: [`"icon":${JSON.stringify(icon)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
          children: [`"iconToggle":${JSON.stringify(iconToggle)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
          children: [`"searchInput":${JSON.stringify(searchInput)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
          children: [`"expandCollapseAll":${JSON.stringify(expandCollapseAll)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
          children: [`"topWrap":${JSON.stringify(topWrap)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("div", {
          children: `}`
        })]
      })
    }), props.postData.post_content != null && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.Fragment, {
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Items",
        initialOpen: true,
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
          className: "my-4 flex items-center justify-between ",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("div", {
            className: " flex items-center  gap-2",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
              position: "bottom right",
              variant: "secondary",
              buttonTitle: globalOptions?.itemSource == undefined ? "Item Source" : itemSources[globalOptions?.itemSource]?.label,
              options: itemSources,
              onChange: (option, index) => {
                var globalOptionsX = {
                  ...globalOptions
                };
                globalOptionsX.itemSource = option.value;
                setglobalOptions(globalOptionsX);
              },
              values: ""
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
            className: "flex items-center  gap-2",
            children: [globalOptions?.itemSource == "posts" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.Fragment, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "addPostQuery",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_25__["default"]
                })
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
                position: "bottom right",
                variant: "secondary",
                buttonTitle: "Add Query",
                options: postQueryArgs,
                onChange: (option, index) => {
                  var itemQueryArgsX = {
                    ...itemQueryArgs
                  };
                  itemQueryArgsX[option.id] = {
                    id: option.id,
                    value: option.value
                  };
                  setitemQueryArgs(itemQueryArgsX);
                },
                values: ""
              })]
            }), globalOptions?.itemSource == "terms" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.Fragment, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "addTermQuery",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_25__["default"]
                })
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
                position: "bottom right",
                variant: "secondary",
                buttonTitle: "Add Query",
                options: termQueryArgs,
                onChange: (option, index) => {
                  var itemQueryArgsX = {
                    ...itemQueryArgs
                  };
                  itemQueryArgsX[option.id] = {
                    id: option.id,
                    value: option.value
                  };
                  setitemQueryArgs(itemQueryArgsX);
                },
                values: ""
              })]
            }), globalOptions?.itemSource == "easyAccordion" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.Fragment, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "addTermQuery",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_25__["default"]
                })
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
                position: "bottom right",
                variant: "secondary",
                buttonTitle: "Add Query",
                options: easyAccordionQueryArgs,
                onChange: (option, index) => {
                  var itemQueryArgsX = {
                    ...itemQueryArgs
                  };
                  itemQueryArgsX[option.id] = {
                    id: option.id,
                    value: option.value
                  };
                  setitemQueryArgs(itemQueryArgsX);
                },
                values: ""
              })]
            }), globalOptions?.itemSource == "manual" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.Fragment, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: "flex items-center gap-2",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
                  className: "flex items-center gap-2 bg-slate-700 text-white px-3 py-2 rounded-sm cursor-pointer hover:bg-slate-600",
                  title: "Click to paste",
                  onClick: async () => {
                    try {
                      // Read text from clipboard
                      const clipboardText = await navigator.clipboard.readText();

                      // Parse the JSON string back to an object
                      const pastedItems = JSON.parse(clipboardText);

                      // Here you need to handle the pasted items
                      // For example, if you have a state setter:
                      setitems(pastedItems);
                      addNotifications({
                        title: "Items Pasted",
                        content: "You just pasted items, Now go to edit.",
                        type: "success"
                      });
                    } catch (error) {}
                  },
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                    icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_26__["default"],
                    fill: "#fff",
                    size: "20"
                  })
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
                  className: "flex items-center gap-2 bg-slate-700 text-white px-3 py-2 rounded-sm cursor-pointer hover:bg-slate-600",
                  title: "Click to copy",
                  onClick: () => {
                    try {
                      const itemsString = JSON.stringify(items, null, 2);
                      navigator.clipboard.writeText(itemsString).then(() => {
                        addNotifications({
                          title: "Items Copied",
                          content: "You just copied items, Now go to edit.",
                          type: "success"
                        });
                      }).catch(err => {});
                    } catch (error) {}
                  },
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                    icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__["default"],
                    fill: "#fff",
                    size: "20"
                  })
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("div", {
                className: "flex items-center gap-2 bg-slate-700 text-white px-3 py-2 rounded-sm cursor-pointer hover:bg-slate-600",
                onClick: ev => {
                  var itemsX = [...items];
                  itemsX.push({
                    active: 0,
                    hideOnSchema: 0,
                    headerLabelText: "",
                    headerLabelSlug: "",
                    headerLabelToggledText: "",
                    contentText: "",
                    labelIcon: {
                      options: {
                        library: "fontAwesome",
                        srcType: "class",
                        iconSrc: ""
                      },
                      styles: {}
                    }
                  });
                  setitems(itemsX);
                  addNotifications({
                    title: "Item Added",
                    content: "You just added an item, Now go to edit.",
                    type: "success"
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_28__["default"],
                  fill: "#fff",
                  size: "20"
                })
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: " tracking-wide ",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("div", {
                  className: "py-2 px-4 cursor-pointer  capitalize bg-gray-700 text-white font-medium rounded hover:bg-gray-600 focus:outline-none focus:bg-gray-600",
                  onClick: ev => {
                    ev.preventDefault();
                    ev.stopPropagation();
                    if (isProFeature) {
                      addNotifications({
                        title: "Opps its pro!",
                        content: "This feature only avilable in premium version",
                        type: "error"
                      });
                      return;
                    }
                    setAIWriter(!AIWriter);
                  },
                  children: "AI"
                }), AIWriter && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Popover, {
                  position: "bottom right",
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                    className: "w-[800px] p-3 relative",
                    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
                      className: "cursor-pointer px-1 bg-red-500 hover:bg-red-700 hover:text-white absolute top-0 right-0",
                      onClick: ev => {
                        ev.preventDefault();
                        ev.stopPropagation();
                        setAIWriter(!AIWriter);
                      },
                      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                        fill: "#fff",
                        icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_29__["default"]
                      })
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_openai_prompts__WEBPACK_IMPORTED_MODULE_14__["default"], {
                      value: "",
                      formattedPrompt: formattedPrompt,
                      promptsAgs: {
                        action: "write",
                        aiModel: "gpt-4-turbo",
                        objective: "generateFAQ"
                      },
                      autoUpdate: AIautoUpdate,
                      onResponseLoaded: (value, autoUpdate) => {
                        // if (autoUpdate) {
                        // 	var options = { ...text.options, content: value };
                        // 	setAttributes({ text: { ...text, options: options } });
                        // }
                      },
                      clickHandle: (value, action) => {
                        var valueObj = JSON.parse(value);
                        if (action == "prepend") {
                          var itemsX = [...items];
                          var faqX = [];
                          valueObj.map(item => {
                            var answer = item.answer;
                            var question = item.question;
                            faqX.push({
                              active: 0,
                              hideOnSchema: 0,
                              headerLabelText: question,
                              headerLabelSlug: "",
                              headerLabelToggledText: "",
                              contentText: answer,
                              labelIcon: {
                                options: {
                                  library: "fontAwesome",
                                  srcType: "class",
                                  iconSrc: ""
                                },
                                styles: {}
                              }
                            });
                          });
                          setitems([...faqX, ...itemsX]);
                          addNotifications({
                            title: "Items append",
                            content: "Items append, You can customize now.",
                            type: "success"
                          });
                        }
                        if (action == "append") {
                          var itemsX = [...items];
                          var faqX = [];
                          valueObj.map(item => {
                            var answer = item.answer;
                            var question = item.question;
                            faqX.push({
                              active: 0,
                              hideOnSchema: 0,
                              headerLabelText: question,
                              headerLabelSlug: "",
                              headerLabelToggledText: "",
                              contentText: answer,
                              labelIcon: {
                                options: {
                                  library: "fontAwesome",
                                  srcType: "class",
                                  iconSrc: ""
                                },
                                styles: {}
                              }
                            });
                          });
                          setitems([...itemsX, ...faqX]);
                          addNotifications({
                            title: "Items Append",
                            content: "Items append, You can customize now.",
                            type: "success"
                          });
                        }
                        if (action == "replace") {
                          var itemsX = [...items];
                          var faqX = [];
                          valueObj.map(item => {
                            var answer = item.answer;
                            var question = item.question;
                            faqX.push({
                              active: 0,
                              hideOnSchema: 0,
                              headerLabelText: question,
                              headerLabelSlug: "",
                              headerLabelToggledText: "",
                              contentText: answer,
                              labelIcon: {
                                options: {
                                  library: "fontAwesome",
                                  srcType: "class",
                                  iconSrc: ""
                                },
                                styles: {}
                              }
                            });
                          });
                          setitems(faqX);
                          addNotifications({
                            title: "Items Added",
                            content: "You just added an item, Now go to edit.",
                            type: "success"
                          });
                        }

                        //setAttributes({ itemsX: { ...itemsX, items: itemx } });
                      }
                    })]
                  })
                })]
              })]
            })]
          })]
        }), globalOptions?.itemSource == "posts" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("div", {
          children: Object.entries(itemQueryArgs)?.map(prams => {
            var index = prams[0];
            var item = prams[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
              className: "my-4 flex gap-2 items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
                className: "cursor-pointer px-1 bg-red-500 hover:bg-red-700 hover:text-white",
                onClick: () => handleDelete(item.id),
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  fill: "#fff",
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_29__["default"],
                  size: "20"
                })
              }), item.id == "postType" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  children: "Post Type"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  val: item.value,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  options: postTypes,
                  multiple: true,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "postStatus" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: item.id == "postStatus" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  children: "Post Status"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  val: item.value,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  options: [{
                    label: "Publish",
                    value: "publish"
                  }, {
                    label: "Pending",
                    value: "pending"
                  }, {
                    label: "Draft",
                    value: "draft"
                  }, {
                    label: "Auto draft",
                    value: "auto-draft"
                  }, {
                    label: "Future",
                    value: "future"
                  }, {
                    label: "Private",
                    value: "private"
                  }, {
                    label: "Inherit",
                    value: "inherit"
                  }, {
                    label: "Trash",
                    value: "trash"
                  }, {
                    label: "Any",
                    value: "any"
                  }],
                  multiple: true,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "order" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: item.id == "order" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  children: "Order"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  val: item.value,
                  options: [{
                    label: "Ascending",
                    value: "ASC"
                  }, {
                    label: "Descending",
                    value: "DESC"
                  }],
                  multiple: false,
                  onChange: newVal => updatePostQueryArgs(newVal, index)
                })]
              }), item.id == "orderby" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: item.id == "orderby" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  children: "Order By"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  val: item.value,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  options: [{
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("None", "accordions"),
                    value: "none"
                  }, {
                    label: "ID",
                    value: "ID"
                  }, {
                    label: "Author",
                    value: "author"
                  }, {
                    label: "Title",
                    value: "title"
                  }, {
                    label: "Name",
                    value: "name"
                  }, {
                    label: "Type",
                    value: "type"
                  }, {
                    label: "Date",
                    value: "date"
                  }, {
                    label: "Modified",
                    value: "modified"
                  }, {
                    label: "Parent",
                    value: "parent"
                  }, {
                    label: "Random",
                    value: "rand"
                  }, {
                    label: "Comment Count",
                    value: "comment_count"
                  }, {
                    label: "Relevance",
                    value: "relevance"
                  }, {
                    label: "Menu Order",
                    value: "menu_order"
                  }, {
                    label: "Meta Value(String)",
                    value: "meta_value"
                  }, {
                    label: "Meta Value(Number)",
                    value: "meta_value_num"
                  }, {
                    label: "post__in",
                    value: "post__in"
                  }, {
                    label: "post_name__in",
                    value: "post_name__in"
                  }, {
                    label: "post_parent__in",
                    value: "post_parent__in"
                  }],
                  multiple: true,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "metaKey" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Key"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "metaValue" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Value"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "metaValueNum" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Value Number"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "s" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  children: "Keyword"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "metaCompare" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: item.id == "metaCompare" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Compare"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  val: item.value,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  options: [{
                    label: "=",
                    value: "="
                  }, {
                    label: "!=",
                    value: "!="
                  }, {
                    label: ">",
                    value: ">"
                  }, {
                    label: ">=",
                    value: ">="
                  }, {
                    label: "<",
                    value: "<"
                  }, {
                    label: "<=",
                    value: "<="
                  }, {
                    label: "LIKE",
                    value: "LIKE"
                  }, {
                    label: "NOT LIKE",
                    value: "NOT LIKE"
                  }, {
                    label: "IN",
                    value: "IN"
                  }, {
                    label: "NOT IN",
                    value: "NOT IN"
                  }, {
                    label: "BETWEEN",
                    value: "BETWEEN"
                  }, {
                    label: "NOT BETWEEN",
                    value: "NOT BETWEEN"
                  }, {
                    label: "NOT EXISTS",
                    value: "NOT EXISTS"
                  }, {
                    label: "REGEXP",
                    value: "REGEXP"
                  }, {
                    label: "NOT REGEXP",
                    value: "NOT REGEXP"
                  }, {
                    label: "RLIKE",
                    value: "RLIKE"
                  }],
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              })]
            }, index);
          })
        }), globalOptions?.itemSource == "terms" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("div", {
          children: Object.entries(itemQueryArgs)?.map(prams => {
            var index = prams[0];
            var item = prams[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
              className: "my-4 flex gap-2 items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
                className: "cursor-pointer px-1 bg-red-500 hover:bg-red-700 hover:text-white",
                onClick: () => handleDelete(item.id),
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  fill: "#fff",
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_29__["default"],
                  size: "20"
                })
              }), item.id == "taxonomy" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  children: "Taxonomy"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  val: item.value,
                  options: taxonomiesObjects,
                  multiple: true,
                  onChange: newVal => {
                    var itemQueryArgsX = {
                      ...itemQueryArgs
                    };
                    itemQueryArgsX[index].value = newVal;
                    setitemQueryArgs(itemQueryArgsX);

                    //updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "orderby" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: item.id == "orderby" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  children: "Order By"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  val: item.value,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  options: [{
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("None", "accordions"),
                    value: "none"
                  }, {
                    label: "ID",
                    value: "ID"
                  }, {
                    label: "Author",
                    value: "author"
                  }, {
                    label: "Title",
                    value: "title"
                  }, {
                    label: "Name",
                    value: "name"
                  }, {
                    label: "Type",
                    value: "type"
                  }, {
                    label: "Date",
                    value: "date"
                  }, {
                    label: "Modified",
                    value: "modified"
                  }, {
                    label: "Parent",
                    value: "parent"
                  }, {
                    label: "Random",
                    value: "rand"
                  }, {
                    label: "Comment Count",
                    value: "comment_count"
                  }, {
                    label: "Relevance",
                    value: "relevance"
                  }, {
                    label: "Menu Order",
                    value: "menu_order"
                  }, {
                    label: "Meta Value(String)",
                    value: "meta_value"
                  }, {
                    label: "Meta Value(Number)",
                    value: "meta_value_num"
                  }, {
                    label: "post__in",
                    value: "post__in"
                  }, {
                    label: "post_name__in",
                    value: "post_name__in"
                  }, {
                    label: "post_parent__in",
                    value: "post_parent__in"
                  }],
                  multiple: true,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "order" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: item.id == "order" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  children: "Order"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  val: item.value,
                  options: [{
                    label: "Ascending",
                    value: "ASC"
                  }, {
                    label: "Descending",
                    value: "DESC"
                  }],
                  multiple: false,
                  onChange: newVal => updatePostQueryArgs(newVal, index)
                })]
              }), item.id == "number" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: item.id == "number" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  children: "Number"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_number__WEBPACK_IMPORTED_MODULE_23__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "include" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: item.id == "include" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  children: "Include"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "exclude" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: item.id == "exclude" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  children: "Exclude"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "child_of" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: item.id == "child_of" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  children: "Child Of"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "parent" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: item.id == "parent" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  children: "Parent"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "meta_key" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: item.id == "meta_key" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Key"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "meta_value" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: item.id == "meta_value" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Value"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "hide_empty" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: item.id == "hide_empty" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  children: "Hide Empty"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_21__["default"], {
                  value: item?.value,
                  onChange: () => {
                    const newValue = !itemQueryArgs[index].value;
                    updateTermQueryArgs(newValue, index);
                  }
                })]
              })]
            }, index);
          })
        }), globalOptions?.itemSource == "easyAccordion" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("div", {
          children: Object.entries(itemQueryArgs)?.map(prams => {
            var index = prams[0];
            var item = prams[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("div", {
              className: "my-4",
              children: item.id == "postId" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: `flex items-center justify-between`,
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  children: "FAQ Group ID"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.__experimentalInputControl, {
                  value: item.value,
                  type: "number",
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              })
            }, index);
          })
        }), globalOptions?.itemSource == "manual" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("div", {
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(react_sortablejs__WEBPACK_IMPORTED_MODULE_4__.ReactSortable, {
            list: items,
            handle: ".handle",
            setList: itemsSorted => {
              setTimeout(() => {
                setitems(itemsSorted);
              }, 200);
              addNotifications({
                title: "Items Sorted",
                content: "You just sorted items",
                type: "success"
              });
            },
            children: items?.map((item, index) => {
              var _item$active, _item$hideOnSchema;
              return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.Fragment, {
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                  className: "",
                  children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                    className: "bg-slate-300 flex justify-between items-center p-3 py-2 my-2 cursor-pointer hover:bg-slate-400",
                    onClick: ev => {
                      setitemActive(index == itemActive ? 999 : index);
                    },
                    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("div", {
                      children: item?.headerLabelText
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                      className: "flex items-center gap-2",
                      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
                        className: "handle  cursor-pointer bg-gray-700 hover:bg-gray-600 hover:text-white px-1 py-1",
                        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                          size: "20",
                          fill: "#fff",
                          icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__["default"]
                        })
                      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
                        className: "cursor-pointer bg-gray-700 hover:bg-gray-600 hover:text-white px-1 py-1",
                        onClick: ev => {
                          ev.stopPropagation();
                          var itemsX = [...items];
                          var itemToDup = {
                            ...itemsX[index]
                          };
                          itemsX.splice(index + 1, 0, itemToDup);
                          setitems(itemsX);
                          addNotifications({
                            title: "Item Duplicated",
                            content: "You just duplicate an item",
                            type: "success"
                          });
                        },
                        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                          size: "20",
                          fill: "#fff",
                          icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__["default"]
                        })
                      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
                        className: "cursor-pointer bg-red-700 hover:bg-red-600 hover:text-white px-1 py-1",
                        onClick: ev => {
                          ev.stopPropagation();
                          var itemsX = [...items];
                          itemsX.splice(index, 1);
                          setitems(itemsX);
                          addNotifications({
                            title: "Item Removed",
                            content: "You just removed an item",
                            type: "success"
                          });
                        },
                        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                          size: "20",
                          fill: "#fff",
                          icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_29__["default"]
                        })
                      })]
                    })]
                  }), itemActive == index && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                    className: "py-2 w-full",
                    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("div", {
                      className: "mb-3",
                      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__.RichText, {
                        placeholder: "Write Header Text...",
                        className: "bg-slate-100 p-3 ",
                        tagName: "div",
                        value: item?.headerLabelText,
                        allowedFormats: ["core/bold", "core/italic", "core/link"],
                        onChange: content => {
                          setitems(prevItems => {
                            const updatedItems = [...prevItems];
                            updatedItems[index] = {
                              ...updatedItems[index],
                              headerLabelText: content
                            };
                            return updatedItems;
                          });
                        }
                      })
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("div", {
                      className: "mb-3",
                      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_wp_editor__WEBPACK_IMPORTED_MODULE_13__["default"], {
                        placeholder: "Write content...",
                        id: `content-${index}-${generate3Digit()}`,
                        className: `bg-slate-100 p-3 min-h-24 w-full`,
                        value: unescapeHTML(item?.contentText),
                        onChange: content => {
                          content = content.replace(/[\r\n]+/g, '');
                          //content = escapeHTML(content);

                          console.log(content);
                          setitems(prevItems => {
                            const updatedItems = [...prevItems];
                            updatedItems[index] = {
                              ...updatedItems[index],
                              contentText: content
                            };
                            return updatedItems;
                          });
                        }
                      })
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("div", {
                      className: "mb-3",
                      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                          htmlFor: "",
                          children: "Active"
                        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_21__["default"], {
                          value: (_item$active = item?.active) !== null && _item$active !== void 0 ? _item$active : 0,
                          onChange: newVal => {
                            if (isProFeature) {
                              addNotifications({
                                title: "Opps its pro!",
                                content: "This feature only available in premium version",
                                type: "error"
                              });
                              return;
                            }
                            setitems(prevItems => {
                              const updatedItems = [...prevItems];
                              updatedItems[index] = {
                                ...updatedItems[index],
                                active: newVal
                              };
                              return updatedItems;
                            });
                          }
                        })]
                      })
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                      className: "mb-3",
                      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                          htmlFor: "",
                          children: "Hide On Schema"
                        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_21__["default"], {
                          value: (_item$hideOnSchema = item?.hideOnSchema) !== null && _item$hideOnSchema !== void 0 ? _item$hideOnSchema : 0,
                          onChange: newVal => {
                            if (isProFeature) {
                              addNotifications({
                                title: "Opps its pro!",
                                content: "This feature only avilable in premium version",
                                type: "error"
                              });
                              return;
                            }
                            setitems(prevItems => {
                              const updatedItems = [...prevItems];
                              updatedItems[index] = {
                                ...updatedItems[index],
                                hideOnSchema: newVal
                              };
                              return updatedItems;
                            });
                          }
                        })]
                      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                          htmlFor: "",
                          className: "font-medium text-slate-900 ",
                          children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Label Icon", "accordions")
                        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_icon_picker__WEBPACK_IMPORTED_MODULE_9__["default"], {
                          library: item?.labelIcon?.options?.library,
                          srcType: item?.labelIcon?.options?.srcType,
                          iconSrc: item?.labelIcon?.options?.iconSrc,
                          onChange: arg => {
                            if (isProFeature) {
                              addNotifications({
                                title: "Opps its pro!",
                                content: "This feature only avilable in premium version",
                                type: "error"
                              });
                              return;
                            }
                            setitems(prevItems => {
                              const updatedItems = [...prevItems];
                              updatedItems[index] = {
                                ...updatedItems[index],
                                labelIcon: {
                                  ...updatedItems[index].labelIcon,
                                  options: {
                                    ...updatedItems[index]?.labelIcon?.options,
                                    srcType: arg.srcType,
                                    library: arg.library,
                                    iconSrc: arg.iconSrc
                                  }
                                }
                              };
                              return updatedItems;
                            });
                          }
                        })]
                      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                        className: "w-full",
                        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("div", {
                          className: "mb-2",
                          children: "Slug"
                        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                          className: "flex items-center gap-2",
                          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                            className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-full ",
                            label: "",
                            value: item?.headerLabelSlug,
                            onChange: newVal => {
                              if (isProFeature) {
                                addNotifications({
                                  title: "Opps its pro!",
                                  content: "This feature only avilable in premium version",
                                  type: "error"
                                });
                                return;
                              }
                              setitems(prevItems => {
                                const updatedItems = [...prevItems];
                                updatedItems[index] = {
                                  ...updatedItems[index],
                                  headerLabelSlug: newVal
                                };
                                return updatedItems;
                              });
                            }
                          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("div", {
                            title: "Generate from Label",
                            className: "cursor-pointer rounded-sm bg-gray-700 hover:bg-gray-600 hover:text-white px-1 py-1",
                            onClick: ev => {
                              var slug = item?.headerLabelText.toLowerCase().replaceAll(" ", "-");
                              setitems(prevItems => {
                                const updatedItems = [...prevItems];
                                updatedItems[index] = {
                                  ...updatedItems[index],
                                  headerLabelSlug: slug
                                };
                                return updatedItems;
                              });
                            },
                            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                              fill: "#fff",
                              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__["default"]
                            })
                          })]
                        })]
                      })]
                    })]
                  })]
                }, index)
              });
            })
          })
        })]
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Accordion Settings",
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
          className: "py-3",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("label", {
              htmlFor: "",
              className: "flex gap-2 items-center",
              children: ["Lazyload", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "lazyloadSetting",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_25__["default"]
                })
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_21__["default"], {
              value: globalOptions?.lazyLoad,
              onChange: newVal => {
                var globalOptionsX = {
                  ...globalOptions
                };
                globalOptionsX.lazyLoad = newVal;
                setglobalOptions(globalOptionsX);
              }
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("label", {
              htmlFor: "",
              className: "flex gap-2 items-center",
              children: ["Schema", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "schemaSetting",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_25__["default"]
                })
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_21__["default"], {
              value: globalOptions?.schema,
              onChange: newVal => {
                var globalOptionsX = {
                  ...globalOptions
                };
                globalOptionsX.schema = newVal;
                setglobalOptions(globalOptionsX);
              }
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
              htmlFor: "",
              className: "flex gap-2 items-center",
              children: "Keep Expand Other"
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_21__["default"], {
              value: globalOptions?.keepExpandOther,
              onChange: newVal => {
                var globalOptionsX = {
                  ...globalOptions
                };
                globalOptionsX.keepExpandOther = newVal;
                setglobalOptions(globalOptionsX);
              }
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
              htmlFor: "",
              children: "Active Event"
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
              position: "bottom right",
              variant: "secondary",
              buttonTitle: globalOptions?.activeEvent ? globalOptions?.activeEvent : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose", "accordions"),
              options: [{
                label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Click", "accordions"),
                value: "click"
              }
              // {
              // 	label: __("Mouseover", "accordions"),
              // 	value: "mouseover",
              // 	isPro: customerData.isPro ? false : true,
              // },
              // {
              // 	label: __("Focus", "accordions"),
              // 	value: "focus",
              // 	isPro: customerData.isPro ? false : true,
              // },
              ],
              onChange: option => {
                var globalOptionsX = {
                  ...globalOptions
                };
                globalOptionsX.activeEvent = option.value;
                setglobalOptions(globalOptionsX);
              },
              values: ""
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("label", {
              htmlFor: "",
              className: "flex gap-2 items-center",
              children: ["URL Hash", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "urlHash",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_25__["default"]
                })
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_21__["default"], {
              value: globalOptions?.urlHash,
              onChange: newVal => {
                if (isProFeature) {
                  addNotifications({
                    title: "Opps its pro!",
                    content: "This feature only avilable in premium version",
                    type: "error"
                  });
                  return;
                }
                var globalOptionsX = {
                  ...globalOptions
                };
                globalOptionsX.urlHash = newVal;
                setglobalOptions(globalOptionsX);
              }
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("label", {
              htmlFor: "",
              className: "flex gap-2 items-center",
              children: ["Click To Scroll Top", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "scrollToTopSetting",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_25__["default"]
                })
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_21__["default"], {
              value: globalOptions?.clickToScrollTop,
              onChange: newVal => {
                if (isProFeature) {
                  addNotifications({
                    title: "Opps its pro!",
                    content: "This feature only avilable in premium version",
                    type: "error"
                  });
                  return;
                }
                var globalOptionsX = {
                  ...globalOptions
                };
                globalOptionsX.clickToScrollTop = newVal;
                setglobalOptions(globalOptionsX);
              }
            })]
          }), globalOptions?.clickToScrollTop && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
            className: "w-full",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
              htmlFor: "",
              className: "break-all",
              children: "Click To Scroll Top Offset"
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
              className: "max-w-[140px]",
              label: "",
              value: globalOptions?.clickToScrollTopOffset,
              onChange: newVal => {
                var globalOptionsX = {
                  ...globalOptions
                };
                globalOptionsX.clickToScrollTopOffset = newVal;
                setglobalOptions(globalOptionsX);
              }
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("label", {
              htmlFor: "",
              className: "flex gap-2 items-center",
              children: ["Auto Play", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "autoPlaySetting",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_25__["default"]
                })
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_21__["default"], {
              value: globalOptions?.autoPlay,
              onChange: newVal => {
                if (isProFeature) {
                  addNotifications({
                    title: "Opps its pro!",
                    content: "This feature only avilable in premium version",
                    type: "error"
                  });
                  return;
                }
                var globalOptionsX = {
                  ...globalOptions
                };
                globalOptionsX.autoPlay = newVal;
                setglobalOptions(globalOptionsX);
              }
            })]
          }), globalOptions?.autoPlay && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.Fragment, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
              className: "w-full",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                htmlFor: "",
                className: "break-all",
                children: "Auto Play Timeout"
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[150px]",
                label: "",
                value: globalOptions?.autoPlayTimeout,
                onChange: newVal => {
                  var globalOptionsX = {
                    ...globalOptions
                  };
                  globalOptionsX.autoPlayTimeout = newVal;
                  setglobalOptions(globalOptionsX);
                }
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
              className: "w-full",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                htmlFor: "",
                className: "break-all",
                children: "Auto Play Delay"
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[150px]",
                label: "",
                value: globalOptions?.autoPlayDelay,
                onChange: newVal => {
                  var globalOptionsX = {
                    ...globalOptions
                  };
                  globalOptionsX.autoPlayDelay = newVal;
                  setglobalOptions(globalOptionsX);
                }
              })]
            })]
          })]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Wrapper",
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
          activeTab: "options",
          orientation: "horizontal",
          activeClass: "active-tab",
          onSelect: tabName => {},
          tabs: [{
            name: "options",
            title: "Options",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_32__["default"],
            className: "tab-settings"
          }, {
            name: "styles",
            title: "Styles",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_33__["default"],
            className: "tab-style"
          }
          // {
          // 	name: "css",
          // 	title: "CSS Library",
          // 	icon: mediaAndText,
          // 	className: "tab-css",
          // },
          ],
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "options",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
              className: "flex  my-5  justify-between items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                className: "",
                htmlFor: "",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                value: wrapper?.options?.class,
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                onChange: newVal => {
                  var optionsX = {
                    ...wrapper,
                    options: {
                      ...wrapper?.options,
                      class: newVal
                    }
                  };
                  setwrapper(optionsX);
                }
              })]
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "styles",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
              obj: wrapper,
              onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, wrapper, setwrapper),
              onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, wrapper, setwrapper),
              onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, wrapper, setwrapper),
              onReset: sudoSources => onResetStyle(sudoSources, wrapper, setwrapper),
              onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, wrapper, setwrapper)
            })
          })]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Content",
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
          activeTab: "options",
          orientation: "horizontal",
          activeClass: "active-tab",
          onSelect: tabName => {},
          tabs: [{
            name: "options",
            title: "Options",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_32__["default"],
            className: "tab-settings"
          }, {
            name: "styles",
            title: "Styles",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_33__["default"],
            className: "tab-style"
          }],
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "options",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
              className: "flex  my-5  justify-between items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                className: "",
                htmlFor: "emailVerification",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                value: content?.options?.class,
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                onChange: newVal => {
                  var optionsX = {
                    ...content,
                    options: {
                      ...content?.options,
                      class: newVal
                    }
                  };
                  setcontent(optionsX);
                }
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("label", {
                htmlFor: "",
                className: "flex gap-2 items-center",
                children: ["Autoembed", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
                  className: "cursor-pointer",
                  title: "Click to know more",
                  onClick: () => {
                    setHelp({
                      id: "autoembedSetting",
                      enable: true
                    });
                  },
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                    icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_25__["default"]
                  })
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_21__["default"], {
                value: content?.options?.autoembed,
                onChange: newVal => {
                  var optionsX = {
                    ...content,
                    options: {
                      ...content?.options,
                      autoembed: newVal
                    }
                  };
                  setcontent(optionsX);
                }
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("label", {
                htmlFor: "",
                className: "flex gap-2 items-center",
                children: ["Shortcodes", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
                  className: "cursor-pointer",
                  title: "Click to know more",
                  onClick: () => {
                    setHelp({
                      id: "shortcodesSetting",
                      enable: true
                    });
                  },
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                    icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_25__["default"]
                  })
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_21__["default"], {
                value: content?.options?.shortcodes,
                onChange: newVal => {
                  var optionsX = {
                    ...content,
                    options: {
                      ...content?.options,
                      shortcodes: newVal
                    }
                  };
                  setcontent(optionsX);
                }
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("label", {
                htmlFor: "",
                className: "flex gap-2 items-center",
                children: ["wpautop", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
                  className: "cursor-pointer",
                  title: "Click to know more",
                  onClick: () => {
                    setHelp({
                      id: "wpautopSetting",
                      enable: true
                    });
                  },
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                    icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_25__["default"]
                  })
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_21__["default"], {
                value: content?.options?.wpautop,
                onChange: newVal => {
                  var optionsX = {
                    ...content,
                    options: {
                      ...content?.options,
                      wpautop: newVal
                    }
                  };
                  setcontent(optionsX);
                }
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                htmlFor: "",
                className: "flex gap-2 items-center",
                children: "In Animation"
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
                position: "bottom right",
                variant: "secondary",
                buttonTitle: _inAnimation__WEBPACK_IMPORTED_MODULE_18__.popupEntranceAnimateBasic[content?.options?.inAnimation] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose", "accordions") : _inAnimation__WEBPACK_IMPORTED_MODULE_18__.popupEntranceAnimateBasic[content?.options?.inAnimation].label,
                options: _inAnimation__WEBPACK_IMPORTED_MODULE_18__.popupEntranceAnimateBasic,
                onChange: newVal => {
                  if (isProFeature) {
                    addNotifications({
                      title: "Opps its pro!",
                      content: "This feature only avilable in premium version",
                      type: "error"
                    });
                    return;
                  }
                  var optionsX = {
                    ...content,
                    options: {
                      ...content?.options,
                      inAnimation: newVal.value
                    }
                  };
                  setcontent(optionsX);
                },
                values: ""
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                htmlFor: "",
                className: "flex gap-2 items-center",
                children: "Out Animation"
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
                position: "bottom right",
                variant: "secondary",
                buttonTitle: _outAnimation__WEBPACK_IMPORTED_MODULE_19__.popupCloseAnimateBasic[content?.options?.outAnimation] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose", "accordions") : _outAnimation__WEBPACK_IMPORTED_MODULE_19__.popupCloseAnimateBasic[content?.options?.outAnimation].label,
                options: _outAnimation__WEBPACK_IMPORTED_MODULE_19__.popupCloseAnimateBasic,
                onChange: newVal => {
                  if (isProFeature) {
                    addNotifications({
                      title: "Opps its pro!",
                      content: "This feature only avilable in premium version",
                      type: "error"
                    });
                    return;
                  }
                  var optionsX = {
                    ...content,
                    options: {
                      ...content?.options,
                      outAnimation: newVal.value
                    }
                  };
                  setcontent(optionsX);
                },
                values: ""
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
              className: "flex  my-5  justify-between items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                className: "",
                htmlFor: "emailVerification",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Animation duration", "accordions")
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                value: content?.options?.animationDuration,
                placeholder: "1000",
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                onChange: newVal => {
                  var optionsX = {
                    ...content,
                    options: {
                      ...content?.options,
                      animationDuration: newVal
                    }
                  };
                  setcontent(optionsX);
                }
              })]
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "styles",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
              obj: content,
              onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, content, setcontent),
              onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, content, setcontent),
              onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, content, setcontent),
              onReset: sudoSources => onResetStyle(sudoSources, content, setcontent),
              onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, content, setcontent)
            })
          })]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
        title: "Header & Labels",
        initialOpen: false,
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
          className: "font-medium text-slate-900 ",
          title: "Header",
          initialOpen: false,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
            activeTab: "options",
            orientation: "horizontal",
            activeClass: "active-tab",
            onSelect: tabName => {},
            tabs: [{
              name: "options",
              title: "Options",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_32__["default"],
              className: "tab-settings"
            }, {
              name: "styles",
              title: "Styles",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_33__["default"],
              className: "tab-style"
            }],
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "options",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  value: header?.options?.class,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...header,
                      options: {
                        ...header?.options,
                        class: newVal
                      }
                    };
                    setheader(optionsX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("label", {
                  htmlFor: "",
                  className: "flex gap-2 items-center",
                  children: ["Toggle Text", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
                    className: "cursor-pointer",
                    title: "Click to know more",
                    onClick: () => {
                      setHelp({
                        id: "toggleTextSetting",
                        enable: true
                      });
                    },
                    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                      icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_25__["default"]
                    })
                  })]
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_21__["default"], {
                  value: header?.options?.toggleText,
                  onChange: newVal => {
                    if (isProFeature) {
                      addNotifications({
                        title: "Opps its pro!",
                        content: "This feature only avilable in premium version",
                        type: "error"
                      });
                      return;
                    }
                    var optionsX = {
                      ...header,
                      options: {
                        ...header?.options,
                        toggleText: newVal
                      }
                    };
                    setheader(optionsX);
                  }
                })]
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "styles",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
                obj: header,
                onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, header, setheader),
                onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, header, setheader),
                onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, header, setheader),
                onReset: sudoSources => onResetStyle(sudoSources, header, setheader),
                onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, header, setheader)
              })
            })]
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
          className: "font-medium text-slate-900 ",
          title: "Header Active",
          initialOpen: false,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
            activeTab: "options",
            orientation: "horizontal",
            activeClass: "active-tab",
            onSelect: tabName => {},
            tabs: [{
              name: "options",
              title: "Options",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_32__["default"],
              className: "tab-settings"
            }, {
              name: "styles",
              title: "Styles",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_33__["default"],
              className: "tab-style"
            }],
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "options",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  value: headerActive?.options?.class,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...headerActive,
                      options: {
                        ...headerActive?.options,
                        class: newVal
                      }
                    };
                    setheaderActive(optionsX);
                  }
                })]
              })
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "styles",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
                obj: headerActive,
                onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, headerActive, setheaderActive),
                onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, headerActive, setheaderActive),
                onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, headerActive, setheaderActive),
                onReset: sudoSources => onResetStyle(sudoSources, headerActive, setheaderActive),
                onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, headerActive, setheaderActive)
              })
            })]
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
          className: "font-medium text-slate-900 ",
          opened: isProFeature ? false : null,
          title: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("span", {
            className: "flex justify-between w-full gap-2",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Header Label", "accordions")
            }), isProFeature && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
              className: "bg-amber-500 px-2 py-1  no-underline rounded-sm  cursor-pointer text-white ",
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Pro", "accordions")
            })]
          }),
          initialOpen: false,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
            activeTab: "options",
            orientation: "horizontal",
            activeClass: "active-tab",
            onSelect: tabName => {},
            tabs: [{
              name: "options",
              title: "Options",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_32__["default"],
              className: "tab-settings"
            }, {
              name: "styles",
              title: "Styles",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_33__["default"],
              isPro: customerData.isPro ? false : true,
              className: "tab-style"
            }],
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "options",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  value: headerLabel?.options?.class,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...headerLabel,
                      options: {
                        ...headerLabel?.options,
                        class: newVal
                      }
                    };
                    setheaderLabel(optionsX);
                  }
                })]
              })
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "styles",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
                obj: headerLabel,
                onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, headerLabel, setheaderLabel),
                onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, headerLabel, setheaderLabel),
                onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, headerLabel, setheaderLabel),
                onReset: sudoSources => onResetStyle(sudoSources, headerLabel, setheaderLabel),
                onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, headerLabel, setheaderLabel)
              })
            })]
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
          className: "font-medium text-slate-900 "
          // title="Label Counter"
          ,
          opened: isProFeature ? false : null,
          title: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("span", {
            className: "flex justify-between w-full gap-2",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Label Counter", "accordions")
            }), isProFeature && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
              className: "bg-amber-500 px-2 py-1  no-underline rounded-sm  cursor-pointer text-white ",
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Pro", "accordions")
            })]
          }),
          initialOpen: false,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
            activeTab: "options",
            orientation: "horizontal",
            activeClass: "active-tab",
            onSelect: tabName => {},
            tabs: [{
              name: "options",
              title: "Options",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_32__["default"],
              className: "tab-settings"
            }, {
              name: "styles",
              title: "Styles",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_33__["default"],
              className: "tab-style"
            }],
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "options",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  className: "font-medium text-slate-900 ",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Counter position", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.SelectControl, {
                  label: "",
                  value: labelCounter?.options?.position,
                  options: [{
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose Position", "accordions"),
                    value: ""
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Left", "accordions"),
                    value: "left"
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Right", "accordions"),
                    value: "right"
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Before Label Text", "accordions"),
                    value: "beforeLabelText"
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("After Label Text", "accordions"),
                    value: "afterLabelText"
                  }],
                  onChange: newVal => {
                    var labelCounterX = {
                      ...labelCounter
                    };
                    var optionsX = {
                      ...labelCounterX.options,
                      position: newVal
                    };
                    labelCounterX.options = optionsX;
                    setlabelCounter(labelCounterX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  value: labelCounter?.options?.class,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...labelCounter,
                      options: {
                        ...labelCounter?.options,
                        class: newVal
                      }
                    };
                    setlabelCounter(optionsX);
                  }
                })]
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "styles",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
                obj: labelCounter,
                onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, labelCounter, setlabelCounter),
                onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, labelCounter, setlabelCounter),
                onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, labelCounter, setlabelCounter),
                onReset: sudoSources => onResetStyle(sudoSources, labelCounter, setlabelCounter),
                onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, labelCounter, setlabelCounter)
              })
            })]
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
          className: "font-medium text-slate-900 "
          // title="Label Icon"
          ,
          opened: isProFeature ? false : null,
          title: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("span", {
            className: "flex justify-between w-full gap-2",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Label Icon", "accordions")
            }), isProFeature ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
              className: "bg-amber-500 px-2 py-1  no-underline rounded-sm  cursor-pointer text-white ",
              onClick: ev => {
                window.open("https://comboblocks.com/pricing/", "_blank");
              },
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Pro", "accordions")
            }) : ""]
          }),
          initialOpen: false,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
            activeTab: "options",
            orientation: "horizontal",
            activeClass: "active-tab",
            onSelect: tabName => {},
            tabs: [{
              name: "options",
              title: "Options",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_32__["default"],
              className: "tab-settings"
            }, {
              name: "styles",
              title: "Styles",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_33__["default"],
              className: "tab-style"
            }],
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "options",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  className: "font-medium text-slate-900 ",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose Label Icon", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_icon_picker__WEBPACK_IMPORTED_MODULE_9__["default"], {
                  library: labelIcon?.options?.library,
                  srcType: labelIcon?.options?.srcType,
                  iconSrc: labelIcon?.options?.iconSrc,
                  onChange: arg => {
                    var labelIconX = {
                      ...labelIcon
                    };
                    var optionsX = {
                      ...labelIconX.options,
                      srcType: arg.srcType,
                      library: arg.library,
                      iconSrc: arg.iconSrc
                    };
                    labelIconX.options = optionsX;
                    setlabelIcon(labelIconX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  className: "font-medium text-slate-900 ",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Icon position", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.SelectControl, {
                  label: "",
                  value: labelIcon?.options?.position,
                  options: [{
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose Position", "accordions"),
                    value: ""
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Before Label", "accordions"),
                    value: "beforeLabel"
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("After Label", "accordions"),
                    value: "afterLabel"
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Before Label Text", "accordions"),
                    value: "beforeLabelText"
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("After Label Text", "accordions"),
                    value: "afterLabelText"
                  }],
                  onChange: newVal => {
                    var labelIconX = {
                      ...labelIcon
                    };
                    var optionsX = {
                      ...labelIconX.options,
                      position: newVal
                    };
                    labelIconX.options = optionsX;
                    setlabelIcon(labelIconX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  value: labelIcon?.options?.class,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...labelIcon,
                      options: {
                        ...labelIcon?.options,
                        class: newVal
                      }
                    };
                    setlabelIcon(optionsX);
                  }
                })]
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "styles",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
                obj: labelIcon,
                onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, labelIcon, setlabelIcon),
                onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, labelIcon, setlabelIcon),
                onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, labelIcon, setlabelIcon),
                onReset: sudoSources => onResetStyle(sudoSources, labelIcon, setlabelIcon),
                onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, labelIcon, setlabelIcon)
              })
            })]
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody
        // title="N'th Item CSS"
        , {
          title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("N'th Item CSS", "post-grid"),
          title: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("span", {
            className: "flex justify-between w-full gap-2",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("N'th Item CSS", "accordions")
            }), isProFeature ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
              className: "bg-amber-500 px-2 py-1  no-underline rounded-sm  cursor-pointer text-white ",
              onClick: ev => {
                window.open("https://comboblocks.com/pricing/", "_blank");
              },
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Pro", "accordions")
            }) : ""]
          }),
          initialOpen: false,
          opened: isProFeature ? false : null,
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
            className: "justify-start gap-2 mb-3",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("button", {
              onClick: ev => {
                if (!customerData.isPro) {
                  addNotifications({
                    title: "Opps its pro!",
                    content: "This feature is avilable in pro.",
                    type: "error"
                  });
                  return;
                }
                var nthItemStyleX = [...nthItemStyle];
                nthItemStyleX.push({});
                // setAttributes({ nthItemStyle: nthItemStyleX });

                setnthItemStyle(nthItemStyleX);
              },
              className: " flex gap-2 justify-center items-center cursor-pointer py-2 px-3 capitalize  !bg-gray-700 !text-white font-medium !rounded hover:bg-gray-600 hover:text-white focus:outline-none focus:bg-gray-600",
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Add", "post-grid")
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("button", {
              onClick: () => {
                navigator.clipboard.writeText(JSON.stringify(nthItemStyle)).then(() => {
                  addNotifications({
                    title: "Copied to clipboard!",
                    content: "Nth Styles Copied!",
                    type: "success"
                  });
                });
              },
              className: " flex gap-2 justify-center items-center cursor-pointer py-2 px-3 capitalize  !bg-gray-700 !text-white font-medium !rounded hover:bg-gray-600 hover:text-white focus:outline-none focus:bg-gray-600",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__["default"],
                className: "fill-white ",
                size: 14
              }), (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Copy", "post-grid")]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("button", {
              onClick: async () => {
                try {
                  var data = await navigator.clipboard.readText();
                  var datax = JSON.parse(data);
                  setnthItemStyle(datax);
                  addNotifications({
                    title: "Layout Pasted!",
                    content: "Layout paste successful.",
                    type: "success"
                  });
                } catch (e) {}
              },
              className: " flex gap-2 justify-center items-center cursor-pointer py-2 px-3 capitalize  !bg-gray-700 !text-white font-medium !rounded hover:bg-gray-600 hover:text-white focus:outline-none focus:bg-gray-600",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_34__["default"],
                className: "fill-white ",
                size: 14
              }), (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Paste", "post-grid")]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("button", {
              onClick: ev => {
                var nthItemStyleX = [...nthItemStyle];
                setnthItemStyle([]);
              },
              className: " flex gap-2 justify-center items-center cursor-pointer py-2 px-3 capitalize  !bg-gray-700 !text-white font-medium !rounded hover:bg-gray-600 hover:text-white focus:outline-none focus:bg-gray-600",
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Clear", "post-grid")
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(react_sortablejs__WEBPACK_IMPORTED_MODULE_4__.ReactSortable, {
            list: nthItemStyle,
            handle: ".handle",
            setList: item => {
              // var nthItemStyleX = [...nthItemStyle];
              // setAttributes({ nthItemStyle: { ...nthItemStyle, nthItemStyle: item } });
            },
            children: nthItemStyle != undefined && nthItemStyle?.map((item, index) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("div", {
              className: "",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
                title: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.Fragment, {
                  children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
                    className: "cursor-pointer hover:bg-red-500 hover:text-white px-1 py-1",
                    onClick: ev => {
                      var nthItemStyleX = [...nthItemStyle];
                      nthItemStyleX.splice(index, 1);
                      setnthItemStyle(nthItemStyleX);
                    },
                    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                      icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_29__["default"]
                    })
                  }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
                    className: "mx-2",
                    children: index + 1
                  })]
                }),
                initialOpen: false,
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
                  obj: item,
                  extra: {
                    index: index
                  },
                  onAdd: (sudoScource, key) => onAddStyleNthItem(sudoScource, key, item, {
                    index: index
                  }),
                  onChange: (sudoScource, newVal, attr) => onChangeStyleNthItem(sudoScource, newVal, attr, item, {
                    index: index
                  })

                  // onRemove={onRemoveStyleNthItem}
                  // onBulkAdd={onBulkAddNthItem}
                  // onReset={onResetNthItem}
                  ,

                  onRemove: (sudoScource, key) => onRemoveStyleNthItem(sudoScource, key, item, {
                    index: index
                  }),
                  onReset: sudoSources => onResetNthItem(sudoSources, item, {
                    index: index
                  }),
                  onBulkAdd: (sudoSource, cssObj) => onBulkAddStyleNthItem(sudoSource, cssObj, item, {
                    index: index
                  })
                })
              })
            }, item.id))
          })]
        })]
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
        title: "Icons",
        initialOpen: false,
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("div", {
          className: "flex flex-wrap gap-2  my-4",
          children: _iconsList__WEBPACK_IMPORTED_MODULE_22__.iconsList.map((item, index) => {
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
              className: "flex flex-col  border border-solid border-slate-300",
              onClick: () => handleClick(item),
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
                className: ` flex items-center text-base justify-center p-2  ${item.icon}`
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
                className: ` flex items-center text-base justify-center p-2  ${item.toggle}`
              })]
            }, index);
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
          className: "font-medium text-slate-900 ",
          title: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("span", {
            className: "flex justify-between w-full gap-2",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Icon Idle", "accordions")
            }), isProFeature && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
              className: "bg-amber-500 px-2 py-1  no-underline rounded-sm  cursor-pointer text-white ",
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Pro", "accordions")
            })]
          }),
          opened: isProFeature ? false : null,
          initialOpen: false,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
            activeTab: "options",
            orientation: "horizontal",
            activeClass: "active-tab",
            onSelect: tabName => {},
            tabs: [{
              name: "options",
              title: "Options",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_32__["default"],
              className: "tab-settings"
            }, {
              name: "styles",
              title: "Styles",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_33__["default"],
              className: "tab-style"
            }],
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "options",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  className: "font-medium text-slate-900 ",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose Icon", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_icon_picker__WEBPACK_IMPORTED_MODULE_9__["default"], {
                  library: icon?.options?.library,
                  srcType: icon?.options?.srcType,
                  iconSrc: icon?.options?.iconSrc,
                  onChange: arg => {
                    var iconX = {
                      ...icon
                    };
                    var optionsX = {
                      ...iconX.options,
                      srcType: arg.srcType,
                      library: arg.library,
                      iconSrc: arg.iconSrc
                    };
                    iconX.options = optionsX;
                    seticon(iconX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  className: "font-medium text-slate-900 ",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose Toggle Icon", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_icon_picker__WEBPACK_IMPORTED_MODULE_9__["default"], {
                  library: iconToggle?.options?.library,
                  srcType: iconToggle?.options?.srcType,
                  iconSrc: iconToggle?.options?.iconSrc,
                  onChange: arg => {
                    var iconToggleX = {
                      ...iconToggle
                    };
                    var optionsX = {
                      ...iconToggleX.options,
                      srcType: arg.srcType,
                      library: arg.library,
                      iconSrc: arg.iconSrc
                    };
                    iconToggleX.options = optionsX;
                    seticonToggle(iconToggleX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  className: "font-medium text-slate-900 ",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Icon position", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
                  position: "bottom right",
                  variant: "secondary",
                  buttonTitle: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose", "accordions"),
                  options: [{
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose Position", "accordions"),
                    value: ""
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Left", "accordions"),
                    value: "left"
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Right", "accordions"),
                    value: "right"
                  }],
                  onChange: newVal => {
                    var iconX = {
                      ...icon
                    };
                    var optionsX = {
                      ...iconX.options,
                      position: newVal.value
                    };
                    iconX.options = optionsX;
                    seticon(iconX);
                  },
                  values: ""
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  className: "",
                  htmlFor: "",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  value: icon?.options?.class,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...icon,
                      options: {
                        ...icon?.options,
                        class: newVal
                      }
                    };
                    seticon(optionsX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  className: "flex gap-2 items-center",
                  children: "IN Animation"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
                  position: "bottom right",
                  variant: "secondary",
                  buttonTitle: _inAnimation__WEBPACK_IMPORTED_MODULE_18__.popupEntranceAnimateBasic[icon?.options?.inAnimation] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose", "accordions") : _inAnimation__WEBPACK_IMPORTED_MODULE_18__.popupEntranceAnimateBasic[icon?.options?.inAnimation].label,
                  options: _inAnimation__WEBPACK_IMPORTED_MODULE_18__.popupEntranceAnimateBasic,
                  onChange: newVal => {
                    var optionsX = {
                      ...icon,
                      options: {
                        ...icon?.options,
                        inAnimation: newVal.value
                      }
                    };
                    seticon(optionsX);
                  },
                  values: ""
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  className: "flex gap-2 items-center",
                  children: "OUT Animation"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
                  position: "bottom right",
                  variant: "secondary",
                  buttonTitle: _outAnimation__WEBPACK_IMPORTED_MODULE_19__.popupCloseAnimateBasic[icon?.options?.outAnimation] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose", "accordions") : _outAnimation__WEBPACK_IMPORTED_MODULE_19__.popupCloseAnimateBasic[icon?.options?.outAnimation].label,
                  options: _outAnimation__WEBPACK_IMPORTED_MODULE_19__.popupCloseAnimateBasic,
                  onChange: newVal => {
                    var optionsX = {
                      ...icon,
                      options: {
                        ...icon?.options,
                        outAnimation: newVal.value
                      }
                    };
                    seticon(optionsX);
                  },
                  values: ""
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Animation duration", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  value: icon?.options?.animationDuration,
                  placeholder: "1000",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-full max-w-[200px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...icon,
                      options: {
                        ...icon?.options,
                        animationDuration: newVal
                      }
                    };
                    seticon(optionsX);
                  }
                })]
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "styles",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
                obj: icon,
                onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, icon, seticon),
                onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, icon, seticon),
                onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, icon, seticon),
                onReset: sudoSources => onResetStyle(sudoSources, icon, seticon),
                onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, icon, seticon)
              })
            })]
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
          className: "font-medium text-slate-900 ",
          title: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("span", {
            className: "flex justify-between w-full gap-2",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Icon Toggle", "accordions")
            }), isProFeature && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
              className: "bg-amber-500 px-2 py-1  no-underline rounded-sm  cursor-pointer text-white ",
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Pro", "accordions")
            })]
          }),
          opened: isProFeature ? false : null,
          initialOpen: false,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
            activeTab: "options",
            orientation: "horizontal",
            activeClass: "active-tab",
            onSelect: tabName => {},
            tabs: [{
              name: "options",
              title: "Options",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_32__["default"],
              className: "tab-settings"
            }, {
              name: "styles",
              title: "Styles",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_33__["default"],
              className: "tab-style"
            }],
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "options",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  value: iconToggle?.options?.class,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...iconToggle,
                      options: {
                        ...iconToggle?.options,
                        class: newVal
                      }
                    };
                    seticonToggle(optionsX);
                  }
                })]
              })
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "styles",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
                obj: iconToggle,
                onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, iconToggle, seticonToggle),
                onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, iconToggle, seticonToggle),
                onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, iconToggle, seticonToggle),
                onReset: sudoSources => onResetStyle(sudoSources, iconToggle, seticonToggle),
                onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, iconToggle, seticonToggle)
              })
            })]
          })
        })]
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
        className: "font-medium text-slate-900 ",
        opened: isProFeature ? false : null,
        title: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("span", {
          className: "flex justify-between w-full gap-2",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
            children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Expand/Collapse All", "accordions")
          }), isProFeature && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
            className: "bg-amber-500 px-2 py-1  no-underline rounded-sm  cursor-pointer text-white ",
            children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Pro", "accordions")
          })]
        }),
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
          activeTab: "options",
          orientation: "horizontal",
          activeClass: "active-tab",
          onSelect: tabName => {},
          tabs: [{
            name: "options",
            title: "Options",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_32__["default"],
            className: "tab-settings"
          }, {
            name: "styles",
            title: "Styles",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_33__["default"],
            className: "tab-style"
          }],
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "options",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
              className: "flex  my-5  justify-between items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                className: "",
                htmlFor: "emailVerification",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                value: expandCollapseAll?.options?.class,
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                onChange: newVal => {
                  var optionsX = {
                    ...expandCollapseAll,
                    options: {
                      ...expandCollapseAll?.options,
                      class: newVal
                    }
                  };
                  setexpandCollapseAll(optionsX);
                }
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("label", {
                htmlFor: "",
                className: "flex gap-2 items-center",
                children: ["Expand/collapse all", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
                  className: "cursor-pointer",
                  title: "Click to know more",
                  onClick: () => {
                    setHelp({
                      id: "expandCollapseSetting",
                      enable: true
                    });
                  },
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                    icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_25__["default"]
                  })
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_21__["default"], {
                value: expandCollapseAll?.options?.enable,
                onChange: newVal => {
                  var expandCollapseAllX = {
                    ...expandCollapseAll,
                    options: {
                      ...expandCollapseAll?.options,
                      enable: newVal
                    }
                  };
                  setexpandCollapseAll(expandCollapseAllX);
                }
              })]
            }), expandCollapseAll?.options?.enable == 1 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.Fragment, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  children: "Expand All Text"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  className: "max-w-[140px]",
                  label: "",
                  value: expandCollapseAll?.options?.expandAllText,
                  onChange: newVal => {
                    var expandCollapseAllX = {
                      ...expandCollapseAll,
                      options: {
                        ...expandCollapseAll?.options,
                        expandAllText: newVal
                      }
                    };
                    setexpandCollapseAll(expandCollapseAllX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  children: "Collapse All Text"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  className: "max-w-[140px]",
                  label: "",
                  value: expandCollapseAll?.options?.collapseAllText,
                  onChange: newVal => {
                    var expandCollapseAllX = {
                      ...expandCollapseAll,
                      options: {
                        ...expandCollapseAll?.options,
                        collapseAllText: newVal
                      }
                    };
                    setexpandCollapseAll(expandCollapseAllX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  children: "Expand/Collapse All Delay"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  className: "max-w-[140px]",
                  label: "",
                  value: expandCollapseAll?.options?.delay,
                  onChange: newVal => {
                    var expandCollapseAllX = {
                      ...expandCollapseAll,
                      options: {
                        ...expandCollapseAll?.options,
                        delay: newVal
                      }
                    };
                    setexpandCollapseAll(expandCollapseAllX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  className: "font-medium text-slate-900 ",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Expand All Icon", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_icon_picker__WEBPACK_IMPORTED_MODULE_9__["default"], {
                  library: (_expandCollapseAll$op = expandCollapseAll?.options?.expandAllIcon?.library) !== null && _expandCollapseAll$op !== void 0 ? _expandCollapseAll$op : "fontAwesome",
                  srcType: (_expandCollapseAll$op2 = expandCollapseAll?.options?.expandAllIcon?.srcType) !== null && _expandCollapseAll$op2 !== void 0 ? _expandCollapseAll$op2 : "class",
                  iconSrc: (_expandCollapseAll$op3 = expandCollapseAll?.options?.expandAllIcon?.iconSrc) !== null && _expandCollapseAll$op3 !== void 0 ? _expandCollapseAll$op3 : "fas fa-plus",
                  onChange: arg => {
                    var expandCollapseAllX = {
                      ...expandCollapseAll,
                      options: {
                        ...expandCollapseAll?.options,
                        expandAllIcon: arg
                      }
                    };
                    setexpandCollapseAll(expandCollapseAllX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  htmlFor: "",
                  className: "font-medium text-slate-900 ",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Collapse All Icon", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_icon_picker__WEBPACK_IMPORTED_MODULE_9__["default"], {
                  library: (_expandCollapseAll$op4 = expandCollapseAll?.options?.collapseAllIcon?.library) !== null && _expandCollapseAll$op4 !== void 0 ? _expandCollapseAll$op4 : "fontAwesome",
                  srcType: (_expandCollapseAll$op5 = expandCollapseAll?.options?.collapseAllIcon?.srcType) !== null && _expandCollapseAll$op5 !== void 0 ? _expandCollapseAll$op5 : "class",
                  iconSrc: (_expandCollapseAll$op6 = expandCollapseAll?.options?.collapseAllIcon?.iconSrc) !== null && _expandCollapseAll$op6 !== void 0 ? _expandCollapseAll$op6 : "fas fa-minus",
                  onChange: arg => {
                    var expandCollapseAllX = {
                      ...expandCollapseAll,
                      options: {
                        ...expandCollapseAll?.options,
                        collapseAllIcon: arg
                      }
                    };
                    setexpandCollapseAll(expandCollapseAllX);
                  }
                })]
              })]
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "styles",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
              obj: expandCollapseAll,
              onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, expandCollapseAll, setexpandCollapseAll),
              onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, expandCollapseAll, setexpandCollapseAll),
              onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, expandCollapseAll, setexpandCollapseAll),
              onReset: sudoSources => onResetStyle(sudoSources, expandCollapseAll, setexpandCollapseAll),
              onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, expandCollapseAll, setexpandCollapseAll)
            })
          })]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("span", {
          className: "flex justify-between w-full gap-2",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
            children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Top Wrap", "accordions")
          }), isProFeature && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
            className: "bg-amber-500 px-2 py-1  no-underline rounded-sm  cursor-pointer text-white ",
            children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Pro", "accordions")
          })]
        }),
        opened: isProFeature ? false : null,
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
          activeTab: "options",
          orientation: "horizontal",
          activeClass: "active-tab",
          onSelect: tabName => {},
          tabs: [{
            name: "options",
            title: "Options",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_32__["default"],
            className: "tab-settings"
          }, {
            name: "styles",
            title: "Styles",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_33__["default"],
            className: "tab-style"
          }],
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "options",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
              className: "flex  my-5  justify-between items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                className: "",
                htmlFor: "emailVerification",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                value: topWrap?.options?.class,
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                onChange: newVal => {
                  var optionsX = {
                    ...topWrap,
                    options: {
                      ...topWrap?.options,
                      class: newVal
                    }
                  };
                  settopWrap(optionsX);
                }
              })]
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "styles",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
              obj: topWrap,
              onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, topWrap, settopWrap),
              onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, topWrap, settopWrap),
              onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, topWrap, settopWrap),
              onReset: sudoSources => onResetStyle(sudoSources, topWrap, settopWrap),
              onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, topWrap, settopWrap)
            })
          })]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
        initialOpen: false,
        title: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("span", {
          className: "flex justify-between w-full gap-2",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
            children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Search", "accordions")
          }), isProFeature && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
            className: "bg-amber-500 px-2 py-1  no-underline rounded-sm  cursor-pointer text-white ",
            children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Pro", "accordions")
          })]
        }),
        opened: isProFeature ? false : null,
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
          className: "my-5",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("label", {
            htmlFor: "",
            className: "flex gap-2 items-center",
            children: ["Enable Search?", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
              className: "cursor-pointer",
              title: "Click to know more",
              onClick: () => {
                setHelp({
                  id: "enableSearchSetting",
                  enable: true
                });
              },
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_25__["default"]
              })
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_21__["default"], {
            className: "w-[140px]",
            label: "",
            value: searchInput?.options?.enable,
            onChange: newVal => {
              var searchInputX = {
                ...searchInput,
                options: {
                  ...searchInput?.options,
                  enable: newVal
                }
              };
              setsearchInput(searchInputX);
            }
          })]
        }), searchInput?.options?.enable && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
          className: "font-medium text-slate-900 "
          // title="Search Input"
          ,
          opened: isProFeature ? false : null,
          title: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("span", {
            className: "flex justify-between w-full gap-2",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Search Input", "accordions")
            }), isProFeature ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("span", {
              className: "bg-amber-500 px-2 py-1  no-underline rounded-sm  cursor-pointer text-white ",
              onClick: ev => {
                window.open("https://comboblocks.com/pricing/", "_blank");
              },
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Pro", "accordions")
            }) : ""]
          }),
          initialOpen: false,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
            activeTab: "options",
            orientation: "horizontal",
            activeClass: "active-tab",
            onSelect: tabName => {},
            tabs: [{
              name: "options",
              title: "Options",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_32__["default"],
              className: "tab-settings"
            }, {
              name: "styles",
              title: "Styles",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_33__["default"],
              className: "tab-style"
            }],
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "options",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  value: searchInput?.options?.class,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...searchInput,
                      options: {
                        ...searchInput?.options,
                        class: newVal
                      }
                    };
                    setsearchInput(optionsX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Placeholder", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  value: searchInput?.options?.placeholder,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...searchInput,
                      options: {
                        ...searchInput?.options,
                        placeholder: newVal
                      }
                    };
                    setsearchInput(optionsX);
                  }
                })]
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "styles",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
                obj: searchInput,
                onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, searchInput, setsearchInput),
                onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, searchInput, setsearchInput),
                onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, searchInput, setsearchInput),
                onReset: sudoSources => onResetStyle(sudoSources, searchInput, setsearchInput),
                onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, searchInput, setsearchInput)
              })
            })]
          })
        })]
      })]
    })]
  });
}
class EditAccordion extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true,
      isLoaded: false
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      onChange,
      postData,
      customerData,
      addNotifications,
      setHelp
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_24__.jsx)(Html, {
      onChange: onChange,
      addNotifications: addNotifications,
      postData: postData,
      customerData: customerData,
      setHelp: setHelp,
      warn: this.state.showWarning,
      isLoaded: this.state.isLoaded
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EditAccordion);

/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);




const Toggle = ({
  label,
  value,
  onChange
}) => {
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex items-center gap-2 justify-between ",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
      children: value ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Enabled.", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Disabled.", "accordions")
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__.ToggleControl
    // help={value ? __("Enabled", "accordions") : __("Disabled.", "accordions")}
    , {
      checked: value ? true : false,
      onChange: e => {
        onChange(!value);
      }
    })]
  });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Toggle);

/***/ }),

/***/ "./src/components/edit-faq-grid/iconsList.js":
/*!***************************************************!*\
  !*** ./src/components/edit-faq-grid/iconsList.js ***!
  \***************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   iconsList: () => (/* binding */ iconsList)
/* harmony export */ });
const iconsList = [{
  icon: "fas fa-arrow-down",
  toggle: "fas fa-arrow-up"
}, {
  icon: "fas fa-arrow-circle-down",
  toggle: "fas fa-arrow-circle-up"
}, {
  icon: "fas fa-arrow-alt-circle-down",
  toggle: "fas fa-arrow-alt-circle-up"
}, {
  icon: "far fa-arrow-alt-circle-down",
  toggle: "far fa-arrow-alt-circle-up"
}, {
  icon: "fas fa-expand-arrows-alt",
  toggle: "fas fa-compress-arrows-alt"
}, {
  icon: "fas fa-chevron-down",
  toggle: "fas fa-chevron-up"
}, {
  icon: "fas fa-chevron-right",
  toggle: "fas fa-chevron-left"
}, {
  icon: "fas fa-chevron-circle-down",
  toggle: "fas fa-chevron-circle-up"
}, {
  icon: "fas fa-caret-down",
  toggle: "fas fa-caret-up"
}, {
  icon: "fas fa-caret-square-down",
  toggle: "fas fa-caret-square-up"
}, {
  icon: "far fa-caret-square-down",
  toggle: "far fa-caret-square-up"
}, {
  icon: "fas fa-angle-down",
  toggle: "fas fa-angle-up"
}, {
  icon: "fas fa-angle-double-down",
  toggle: "fas fa-angle-double-up"
}, {
  icon: "fas fa-expand-alt",
  toggle: "fas fa-compress-alt"
}];

/***/ }),

/***/ "./src/components/edit-faq-grid/index.js":
/*!***********************************************!*\
  !*** ./src/components/edit-faq-grid/index.js ***!
  \***********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_core_data__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/core-data */ "@wordpress/core-data");
/* harmony import */ var _wordpress_core_data__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_core_data__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data");
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var react_sortablejs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-sortablejs */ "./node_modules/react-sortablejs/dist/index.js");
/* harmony import */ var react_sortablejs__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_sortablejs__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/help.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/page.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/copy.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/add-card.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/close.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/menu.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/update.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/settings.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/brush.js");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _breakpoints__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../breakpoints */ "./src/breakpoints.js");
/* harmony import */ var _dropdown__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../dropdown */ "./src/components/dropdown/index.js");
/* harmony import */ var _icon_picker__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../icon-picker */ "./src/components/icon-picker/index.js");
/* harmony import */ var _input_select__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../input-select */ "./src/components/input-select/index.js");
/* harmony import */ var _input_text__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../input-text */ "./src/components/input-text/index.js");
/* harmony import */ var _input_textarea__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../input-textarea */ "./src/components/input-textarea/index.js");
/* harmony import */ var _input_wp_editor__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../input-wp-editor */ "./src/components/input-wp-editor/index.js");
/* harmony import */ var _openai_prompts__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../openai-prompts */ "./src/components/openai-prompts/index.js");
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../styles */ "./src/components/styles/index.js");
/* harmony import */ var _tab__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../tab */ "./src/components/tab/index.js");
/* harmony import */ var _tabs__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../tabs */ "./src/components/tabs/index.js");
/* harmony import */ var _toggle__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./toggle */ "./src/components/edit-faq-grid/toggle.js");
/* harmony import */ var _input_toggle__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../input-toggle */ "./src/components/input-toggle/index.js");
/* harmony import */ var _iconsList__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./iconsList */ "./src/components/edit-faq-grid/iconsList.js");
/* harmony import */ var _input_number__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../input-number */ "./src/components/input-number/index.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__);
const {
  Component,
  RawHTML,
  useState,
  useEffect
} = wp.element;
























var myStore = wp.data.select("postgrid-shop");
function Html(props) {
  if (!props.warn) {
    return null;
  }
  var onChange = props.onChange;
  var addNotifications = props.addNotifications;
  var setHelp = props.setHelp;
  var postData = props.postData;
  var breakPointX = "Desktop";
  var [accordionData, setaccordionData] = useState(postData.post_content); // Using the hook.

  var [globalOptions, setglobalOptions] = useState(accordionData.globalOptions); // Using the hook.

  var [itemQueryArgs, setitemQueryArgs] = useState(accordionData.itemQueryArgs); // Using the hook.

  var [wrapper, setwrapper] = useState(accordionData.wrapper); // Using the hook.
  var [itemsWrap, setitemsWrap] = useState(accordionData.itemsWrap); // Using the hook.
  var [itemWrap, setitemWrap] = useState(accordionData.itemWrap); // Using the hook.

  var [items, setitems] = useState(accordionData.items); // Using the hook.
  var [content, setcontent] = useState(accordionData.content);
  var [accOptions, setaccOptions] = useState(accordionData.accOptions);
  var [header, setheader] = useState(accordionData.header);
  var [headerLabel, setheaderLabel] = useState(accordionData.headerLabel);
  var [labelCounter, setlabelCounter] = useState(accordionData.labelCounter);
  var [labelIcon, setlabelIcon] = useState(accordionData.labelIcon);
  var [icon, seticon] = useState(accordionData.icon);
  var [topWrap, settopWrap] = useState(accordionData.topWrap);
  var [searchInput, setsearchInput] = useState(accordionData.searchInput);
  var [styleObj, setstyleObj] = useState({}); // Using the hook.
  const [taxonomiesObjects, setTaxonomiesObjects] = useState([]);
  var [customerData, setcustomerData] = useState(props.customerData);
  var [isProFeature, setisProFeature] = useState(true);
  const gapValue = accOptions?.gap || "0px";
  const [number, setNumber] = useState(parseInt(gapValue));
  const [unit, setUnit] = useState(gapValue.replace(number, ""));
  const [itemActive, setitemActive] = useState(99999);
  const [AIautoUpdate, setAIautoUpdate] = useState(false);
  var [AIWriter, setAIWriter] = useState(false); // Using the hook.
  const [copied, setCopied] = useState(false);
  var formattedPrompt = "Respond only with question answer as json array and no other text. Do not include any explanations, introductions, or concluding remarks.";
  var breakPointList = [{
    label: "Select..",
    icon: "",
    value: ""
  }];
  for (var x in _breakpoints__WEBPACK_IMPORTED_MODULE_7__["default"]) {
    var breakPointItem = _breakpoints__WEBPACK_IMPORTED_MODULE_7__["default"][x];
    breakPointList.push({
      label: breakPointItem.name,
      icon: breakPointItem.icon,
      value: breakPointItem.id
    });
  }
  var postTypes = [];
  const postTypesData = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.useSelect)(select => select(_wordpress_core_data__WEBPACK_IMPORTED_MODULE_1__.store).getPostTypes({
    per_page: -1
  }), []);
  postTypesData !== null && postTypesData.map(x => {
    postTypes.push({
      value: x.slug,
      label: x.name
    });
  });
  useEffect(() => {
    _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({
      path: "/accordions/v2/post_type_objects",
      method: "POST",
      data: {
        postTypes: []
      }
    }).then(res => {
      var taxonomies = [];
      res.map(item => {
        taxonomies.push({
          label: item.label,
          value: item.id
        });
      });
      setTaxonomiesObjects(taxonomies);
    });
  }, []);
  useEffect(() => {
    if (customerData.isPro) {
      setisProFeature(false);
    }
  }, [props.customerData]);
  useEffect(() => {}, [props.postData]);
  useEffect(() => {
    onChange(accordionData);
  }, [accordionData]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.globalOptions = globalOptions;
    setaccordionData(accordionDataX);
  }, [globalOptions]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.accOptions = accOptions;
    setaccordionData(accordionDataX);
  }, [accOptions]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.items = items;
    setaccordionData(accordionDataX);
  }, [items]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.itemQueryArgs = itemQueryArgs;
    setaccordionData(accordionDataX);
  }, [itemQueryArgs]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.wrapper = wrapper;
    setaccordionData(accordionDataX);
  }, [wrapper]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.itemsWrap = itemsWrap;
    setaccordionData(accordionDataX);
  }, [itemsWrap]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.itemWrap = itemWrap;
    setaccordionData(accordionDataX);
  }, [itemWrap]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.content = content;
    setaccordionData(accordionDataX);
  }, [content]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.header = header;
    setaccordionData(accordionDataX);
  }, [header]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.headerLabel = headerLabel;
    setaccordionData(accordionDataX);
  }, [headerLabel]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.labelCounter = labelCounter;
    setaccordionData(accordionDataX);
  }, [labelCounter]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.labelIcon = labelIcon;
    setaccordionData(accordionDataX);
  }, [labelIcon]);
  useEffect(() => {
    setaccordionData(prevData => ({
      ...prevData,
      icon
    }));
  }, [icon]);
  const updateIconOptions = (icon, itemSrc) => ({
    ...icon,
    options: {
      ...icon.options,
      iconSrc: itemSrc
    }
  });
  const handleClick = item => {
    seticon(prevIcon => updateIconOptions(prevIcon, item.icon));
  };
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.topWrap = topWrap;
    setaccordionData(accordionDataX);
  }, [topWrap]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.searchInput = searchInput;
    setaccordionData(accordionDataX);
  }, [searchInput]);
  function onChangeStyle(sudoScource, newVal, attr, propertyType, setProperty) {
    var path = [sudoScource, attr, breakPointX];
    let obj = {
      ...propertyType
    };
    const object = myStore.updatePropertyDeep(obj, path, newVal);
    setProperty(object);
  }
  function onAddStyle(sudoScource, key, propertyType, setProperty) {
    var path = [sudoScource, key, breakPointX];
    let obj = {
      ...propertyType
    };
    const object = myStore.addPropertyDeep(obj, path, "");
    setProperty(object);
  }
  function onResetStyle(sudoSources, propertyType, setProperty) {
    let obj = Object.assign({}, propertyType);
    Object.entries(sudoSources).map(args => {
      var sudoScource = args[0];
      if (obj[sudoScource] == undefined) {} else {
        obj[sudoScource] = {};
        // var elementSelector = myStore.getElementSelector(
        // 	sudoScource,
        // 	contentSelector // Replace this selector if needed
        // );
      }
    });
    setProperty(obj);
  }
  function onRemoveStyle(sudoScource, key, propertyType, setProperty) {
    let obj = {
      ...propertyType
    };
    var object = myStore.deletePropertyDeep(obj, [sudoScource, key, breakPointX]);
    var isEmpty = Object.entries(object[sudoScource][key]).length === 0 ? true : false;
    var objectX = isEmpty ? myStore.deletePropertyDeep(object, [sudoScource, key]) : object;
    setProperty(objectX);
  }
  function onBulkAddStyle(sudoSource, cssObj, propertyType, setProperty) {
    let obj = {
      ...propertyType
    };
    obj[sudoSource] = cssObj;
    setProperty(obj);
  }
  const copyData = data => {
    navigator.clipboard.writeText(data).then(() => {
      addNotifications({
        title: "Copied to clipboard!",
        content: "Use the shortcode in page or post conent where you want to display.",
        type: "success"
      });
    }).catch(err => {});
  };
  var accOptionsArgs = {
    autoplay: {
      label: "Auto play",
      value: 1
    }
  };
  var postQueryArgs = {
    postType: {
      value: ["post"],
      id: "postType",
      label: "Post types",
      description: "Select Post Types to Query"
    },
    s: {
      value: "",
      id: "s",
      label: "Keyword",
      description: "Search keyword, ex: hello"
    },
    postStatus: {
      value: [],
      id: "postStatus",
      label: "Post status",
      description: "Query post by post status"
    },
    order: {
      value: "",
      id: "order",
      label: "Order",
      description: "Post query order"
    },
    orderby: {
      value: [],
      id: "orderby",
      label: "Orderby",
      description: "Post query orderby"
    },
    metaKey: {
      value: "",
      id: "metaKey",
      label: "Meta fields key",
      description: "Post query by meta fields key"
    },
    metaValue: {
      value: "",
      id: "metaValue",
      label: "Meta Value",
      description: "Post query by custom field value"
    },
    metaValueNum: {
      value: "",
      id: "metaValueNum",
      label: "Meta Value Num",
      description: "Post query by custom field value for number types"
    },
    metaCompare: {
      value: "",
      id: "metaCompare",
      label: "Meta Compare",
      description: "Meta query compare"
    }
  };
  const updatePostQueryArgs = (newVal, index) => {
    var itemQueryArgsX = {
      ...itemQueryArgs
    };
    itemQueryArgsX[index].value = newVal;
    setitemQueryArgs(itemQueryArgsX);
  };
  var termQueryArgs = {
    taxonomy: {
      value: "category",
      id: "taxonomy",
      label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Taxonomy", "accordions"),
      description: "Select Taxonomy to Query",
      longDescription: "Taxonomy name, or array of taxonomy names, to which results should be limited."
    },
    orderby: {
      value: "name",
      id: "orderby",
      label: "Order By",
      description: "Search keyword, ex: hello"
    },
    order: {
      value: "ASC",
      id: "order",
      label: "Order",
      description: "Whether to order terms in ascending or descending order."
    },
    hide_empty: {
      value: true,
      id: "hide_empty",
      label: "Hide Empty",
      description: "Accepts true or false value.",
      longDescription: "Whether to hide terms not assigned to any posts. Accepts 1|true or 0|false."
    },
    number: {
      value: false,
      id: "number",
      label: "Number",
      description: "Accepts 0 (all) or any positive number.",
      longDescription: "Maximum number of terms to return. Accepts ''|0 (all) or any positive number. Default ''|0 (all). Note that $number may not return accurate results when coupled with $object_ids."
    },
    include: {
      value: "category",
      id: "include",
      label: "Include",
      description: "Comma-separated string of term IDs to include.",
      longDescription: "Array or comma/space-separated string of term IDs to include. Default empty array.",
      placeholder: "Comma-separated string of term IDs to include."
    },
    exclude: {
      value: "",
      id: "exclude",
      label: "Exclude",
      description: "Comma-separated string of term IDs to exclude.",
      longDescription: "Array or comma/space-separated string of term IDs to exclude. If $include is non-empty, $exclude is ignored. Default empty array.",
      placeholder: "Comma-separated string of term IDs to exclude."
    },
    child_of: {
      value: "",
      id: "child_of",
      label: "Child of",
      description: "Term ID to retrieve child terms of.",
      longDescription: "Term ID to retrieve child terms of. If multiple taxonomies are passed, $child_of is ignored. Default 0."
    },
    parent: {
      value: "",
      id: "parent",
      label: "Parent",
      description: "Add {ID} to add Parent term ID to retrieve direct-child terms of.",
      longDescription: "Parent term ID to retrieve direct-child terms of."
    },
    meta_key: {
      value: "",
      id: "meta_key",
      label: "Meta key",
      description: "Comma-separated keys to return term(s) for.",
      longDescription: "Meta key or keys to filter by."
    },
    meta_value: {
      value: "",
      id: "meta_value",
      label: "Meta value",
      description: "Comma-separated keys to return term(s) for.",
      longDescription: "Meta value or values to filter by."
    }
  };
  var easyAccordionQueryArgs = {
    postId: {
      value: "",
      id: "postId",
      label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Post Id", "accordions"),
      description: "",
      longDescription: ""
    }
  };
  const updateTermQueryArgs = (newVal, index) => {
    var itemQueryArgsX = {
      ...itemQueryArgs
    };
    itemQueryArgsX[index].value = newVal;
    setitemQueryArgs(itemQueryArgsX);
  };
  const handleDelete = id => {
    // Filter out the item with the specified id
    const updatedItems = Object.fromEntries(Object.entries(itemQueryArgs).filter(([key, item]) => item.id !== id));
    setitemQueryArgs(updatedItems);
  };
  var itemSources = {
    manual: {
      label: "Manual",
      value: "manual"
    },
    easyAccordion: {
      label: "Easy Accordion - FAQ Group",
      value: "easyAccordion"
    },
    posts: {
      label: "Posts",
      value: "posts",
      coming: true,
      isPro: customerData.isPro ? false : true
    },
    terms: {
      label: "Terms",
      value: "terms",
      coming: true,
      isPro: customerData.isPro ? false : true
    }
  };
  var iconSets = [{
    idle: "",
    toggle: ""
  }];
  function generate3Digit() {
    return Math.floor(100 + Math.random() * 900);
  }
  function escapeHTML(str) {
    const map = {
      '&': '&amp;',
      '<': '&lt;',
      '>': '&gt;',
      '"': '&quot;',
      "'": '&#039;'
    };
    return str.replace(/[&<>"']/g, function (match) {
      return map[match];
    });
  }
  function unescapeHTML(str) {
    const map = {
      '&amp;': '&',
      '&lt;': '<',
      '&gt;': '>',
      '&quot;': '"',
      '&#039;': "'"
    };
    return str.replace(/&amp;|&lt;|&gt;|&quot;|&#039;/g, function (match) {
      return map[match];
    });
  }
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
    className: "",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
      className: "hidden",
      onClick: () => {
        var str = `
{
"wrapper":${JSON.stringify(wrapper)}
"itemsWrap":${JSON.stringify(itemsWrap)}
"itemWrap":${JSON.stringify(itemWrap)}
"content":${JSON.stringify(content)},
				"header":${JSON.stringify(header)},
				"headerLabel":${JSON.stringify(headerLabel)},
				"labelCounter":${JSON.stringify(labelCounter)},
				"labelIcon":${JSON.stringify(labelIcon)},
				"icon":${JSON.stringify(icon)},
				"searchInput":${JSON.stringify(searchInput)},
				"topWrap":${JSON.stringify(topWrap)},
				}

`;
        copyData(str);
        addNotifications({
          title: "Copied to clipboard!",
          content: "Use the shortcode in page or post conent where you want to display.",
          type: "success"
        });
      },
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
        className: "p-3",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
          children: `{`
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
          children: [`"wrapper":${JSON.stringify(wrapper)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
          children: [`"itemsWrap":${JSON.stringify(itemsWrap)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
          children: [`"itemWrap":${JSON.stringify(itemWrap)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
          children: [`"content":${JSON.stringify(content)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
          children: [`"header":${JSON.stringify(header)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
          children: [`"headerLabel":${JSON.stringify(headerLabel)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
          children: [`"labelCounter":${JSON.stringify(labelCounter)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
          children: [`"labelIcon":${JSON.stringify(labelIcon)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
          children: [`"icon":${JSON.stringify(icon)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
          children: [`"searchInput":${JSON.stringify(searchInput)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
          children: [`"topWrap":${JSON.stringify(topWrap)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
          children: `}`
        })]
      })
    }), props.postData.post_content != null && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.Fragment, {
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Items",
        initialOpen: true,
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
          className: "my-4 flex items-center justify-between ",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
            className: " flex items-center  gap-2",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
              position: "bottom right",
              variant: "secondary",
              buttonTitle: globalOptions?.itemSource == undefined ? "Item Source" : itemSources[globalOptions?.itemSource]?.label,
              options: itemSources,
              onChange: (option, index) => {
                var globalOptionsX = {
                  ...globalOptions
                };
                globalOptionsX.itemSource = option.value;
                setglobalOptions(globalOptionsX);
              },
              values: ""
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
            className: "flex items-center  gap-2",
            children: [globalOptions?.itemSource == "posts" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.Fragment, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "addPostQuery",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_23__["default"]
                })
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
                position: "bottom right",
                variant: "secondary",
                buttonTitle: "Add Query",
                options: postQueryArgs,
                onChange: (option, index) => {
                  var itemQueryArgsX = {
                    ...itemQueryArgs
                  };
                  itemQueryArgsX[option.id] = {
                    id: option.id,
                    value: option.value
                  };
                  setitemQueryArgs(itemQueryArgsX);
                },
                values: ""
              })]
            }), globalOptions?.itemSource == "terms" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.Fragment, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "addTermQuery",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_23__["default"]
                })
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
                position: "bottom right",
                variant: "secondary",
                buttonTitle: "Add Query",
                options: termQueryArgs,
                onChange: (option, index) => {
                  var itemQueryArgsX = {
                    ...itemQueryArgs
                  };
                  itemQueryArgsX[option.id] = {
                    id: option.id,
                    value: option.value
                  };
                  setitemQueryArgs(itemQueryArgsX);
                },
                values: ""
              })]
            }), globalOptions?.itemSource == "easyAccordion" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.Fragment, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "addTermQuery",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_23__["default"]
                })
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
                position: "bottom right",
                variant: "secondary",
                buttonTitle: "Add Query",
                options: easyAccordionQueryArgs,
                onChange: (option, index) => {
                  var itemQueryArgsX = {
                    ...itemQueryArgs
                  };
                  itemQueryArgsX[option.id] = {
                    id: option.id,
                    value: option.value
                  };
                  setitemQueryArgs(itemQueryArgsX);
                },
                values: ""
              })]
            }), globalOptions?.itemSource == "manual" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.Fragment, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex items-center gap-2",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                  className: "flex items-center gap-2 bg-slate-700 text-white px-3 py-2 rounded-sm cursor-pointer hover:bg-slate-600",
                  title: "Click to paste",
                  onClick: async () => {
                    try {
                      // Read text from clipboard
                      const clipboardText = await navigator.clipboard.readText();

                      // Parse the JSON string back to an object
                      const pastedItems = JSON.parse(clipboardText);

                      // Here you need to handle the pasted items
                      // For example, if you have a state setter:
                      setitems(pastedItems);
                      addNotifications({
                        title: "Items Pasted",
                        content: "You just pasted items, Now go to edit.",
                        type: "success"
                      });
                    } catch (error) {}
                  },
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                    icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_24__["default"],
                    fill: "#fff",
                    size: "20"
                  })
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                  className: "flex items-center gap-2 bg-slate-700 text-white px-3 py-2 rounded-sm cursor-pointer hover:bg-slate-600",
                  title: "Click to copy",
                  onClick: () => {
                    try {
                      const itemsString = JSON.stringify(items, null, 2);
                      navigator.clipboard.writeText(itemsString).then(() => {
                        addNotifications({
                          title: "Items Copied",
                          content: "You just copied items, Now go to edit.",
                          type: "success"
                        });
                      }).catch(err => {});
                    } catch (error) {}
                  },
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                    icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_25__["default"],
                    fill: "#fff",
                    size: "20"
                  })
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
                className: "flex items-center gap-2 bg-slate-700 text-white px-3 py-2 rounded-sm cursor-pointer hover:bg-slate-600",
                onClick: ev => {
                  var itemsX = [...items];
                  itemsX.push({
                    active: 0,
                    hideOnSchema: 0,
                    headerLabelText: "",
                    headerLabelSlug: "",
                    headerLabelToggledText: "",
                    contentText: "",
                    labelIcon: {
                      options: {
                        library: "fontAwesome",
                        srcType: "class",
                        iconSrc: ""
                      },
                      styles: {}
                    }
                  });
                  setitems(itemsX);
                  addNotifications({
                    title: "Item Added",
                    content: "You just added an item, Now go to edit.",
                    type: "success"
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_26__["default"],
                  fill: "#fff",
                  size: "20"
                })
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: " tracking-wide ",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
                  className: "py-2 px-4 cursor-pointer  capitalize bg-gray-700 text-white font-medium rounded hover:bg-gray-600 focus:outline-none focus:bg-gray-600",
                  onClick: ev => {
                    ev.preventDefault();
                    ev.stopPropagation();
                    if (isProFeature) {
                      addNotifications({
                        title: "Opps its pro!",
                        content: "This feature only avilable in premium version",
                        type: "error"
                      });
                      return;
                    }
                    setAIWriter(!AIWriter);
                  },
                  children: "AI"
                }), AIWriter && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Popover, {
                  position: "bottom right",
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                    className: "w-[800px] p-3 relative",
                    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                      className: "cursor-pointer px-1 bg-red-500 hover:bg-red-700 hover:text-white absolute top-0 right-0",
                      onClick: ev => {
                        ev.preventDefault();
                        ev.stopPropagation();
                        setAIWriter(!AIWriter);
                      },
                      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                        fill: "#fff",
                        icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__["default"]
                      })
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_openai_prompts__WEBPACK_IMPORTED_MODULE_14__["default"], {
                      value: "",
                      formattedPrompt: formattedPrompt,
                      promptsAgs: {
                        action: "write",
                        aiModel: "gpt-4-turbo",
                        objective: "generateFAQ"
                      },
                      autoUpdate: AIautoUpdate,
                      onResponseLoaded: (value, autoUpdate) => {
                        // if (autoUpdate) {
                        // 	var options = { ...text.options, content: value };
                        // 	setAttributes({ text: { ...text, options: options } });
                        // }
                      },
                      clickHandle: (value, action) => {
                        var valueObj = JSON.parse(value);
                        if (action == "prepend") {
                          var itemsX = [...items];
                          var faqX = [];
                          valueObj.map(item => {
                            var answer = item.answer;
                            var question = item.question;
                            faqX.push({
                              active: 0,
                              hideOnSchema: 0,
                              headerLabelText: question,
                              headerLabelSlug: "",
                              headerLabelToggledText: "",
                              contentText: answer,
                              labelIcon: {
                                options: {
                                  library: "fontAwesome",
                                  srcType: "class",
                                  iconSrc: ""
                                },
                                styles: {}
                              }
                            });
                          });
                          setitems([...faqX, ...itemsX]);
                          addNotifications({
                            title: "Items append",
                            content: "Items append, You can customize now.",
                            type: "success"
                          });
                        }
                        if (action == "append") {
                          var itemsX = [...items];
                          var faqX = [];
                          valueObj.map(item => {
                            var answer = item.answer;
                            var question = item.question;
                            faqX.push({
                              active: 0,
                              hideOnSchema: 0,
                              headerLabelText: question,
                              headerLabelSlug: "",
                              headerLabelToggledText: "",
                              contentText: answer,
                              labelIcon: {
                                options: {
                                  library: "fontAwesome",
                                  srcType: "class",
                                  iconSrc: ""
                                },
                                styles: {}
                              }
                            });
                          });
                          setitems([...itemsX, ...faqX]);
                          addNotifications({
                            title: "Items Append",
                            content: "Items append, You can customize now.",
                            type: "success"
                          });
                        }
                        if (action == "replace") {
                          var itemsX = [...items];
                          var faqX = [];
                          valueObj.map(item => {
                            var answer = item.answer;
                            var question = item.question;
                            faqX.push({
                              active: 0,
                              hideOnSchema: 0,
                              headerLabelText: question,
                              headerLabelSlug: "",
                              headerLabelToggledText: "",
                              contentText: answer,
                              labelIcon: {
                                options: {
                                  library: "fontAwesome",
                                  srcType: "class",
                                  iconSrc: ""
                                },
                                styles: {}
                              }
                            });
                          });
                          setitems(faqX);
                          addNotifications({
                            title: "Items Added",
                            content: "You just added an item, Now go to edit.",
                            type: "success"
                          });
                        }

                        //setAttributes({ itemsX: { ...itemsX, items: itemx } });
                      }
                    })]
                  })
                })]
              })]
            })]
          })]
        }), globalOptions?.itemSource == "posts" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
          children: Object.entries(itemQueryArgs)?.map(prams => {
            var index = prams[0];
            var item = prams[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
              className: "my-4 flex gap-2 items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                className: "cursor-pointer px-1 bg-red-500 hover:bg-red-700 hover:text-white",
                onClick: () => handleDelete(item.id),
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  fill: "#fff",
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__["default"],
                  size: "20"
                })
              }), item.id == "postType" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Post Type"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  val: item.value,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  options: postTypes,
                  multiple: true,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "postStatus" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "postStatus" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Post Status"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  val: item.value,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  options: [{
                    label: "Publish",
                    value: "publish"
                  }, {
                    label: "Pending",
                    value: "pending"
                  }, {
                    label: "Draft",
                    value: "draft"
                  }, {
                    label: "Auto draft",
                    value: "auto-draft"
                  }, {
                    label: "Future",
                    value: "future"
                  }, {
                    label: "Private",
                    value: "private"
                  }, {
                    label: "Inherit",
                    value: "inherit"
                  }, {
                    label: "Trash",
                    value: "trash"
                  }, {
                    label: "Any",
                    value: "any"
                  }],
                  multiple: true,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "order" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "order" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Order"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  val: item.value,
                  options: [{
                    label: "Ascending",
                    value: "ASC"
                  }, {
                    label: "Descending",
                    value: "DESC"
                  }],
                  multiple: false,
                  onChange: newVal => updatePostQueryArgs(newVal, index)
                })]
              }), item.id == "orderby" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "orderby" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Order By"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  val: item.value,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  options: [{
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("None", "accordions"),
                    value: "none"
                  }, {
                    label: "ID",
                    value: "ID"
                  }, {
                    label: "Author",
                    value: "author"
                  }, {
                    label: "Title",
                    value: "title"
                  }, {
                    label: "Name",
                    value: "name"
                  }, {
                    label: "Type",
                    value: "type"
                  }, {
                    label: "Date",
                    value: "date"
                  }, {
                    label: "Modified",
                    value: "modified"
                  }, {
                    label: "Parent",
                    value: "parent"
                  }, {
                    label: "Random",
                    value: "rand"
                  }, {
                    label: "Comment Count",
                    value: "comment_count"
                  }, {
                    label: "Relevance",
                    value: "relevance"
                  }, {
                    label: "Menu Order",
                    value: "menu_order"
                  }, {
                    label: "Meta Value(String)",
                    value: "meta_value"
                  }, {
                    label: "Meta Value(Number)",
                    value: "meta_value_num"
                  }, {
                    label: "post__in",
                    value: "post__in"
                  }, {
                    label: "post_name__in",
                    value: "post_name__in"
                  }, {
                    label: "post_parent__in",
                    value: "post_parent__in"
                  }],
                  multiple: true,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "metaKey" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Key"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "metaValue" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Value"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "metaValueNum" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Value Number"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "s" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Keyword"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "metaCompare" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "metaCompare" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Compare"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  val: item.value,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  options: [{
                    label: "=",
                    value: "="
                  }, {
                    label: "!=",
                    value: "!="
                  }, {
                    label: ">",
                    value: ">"
                  }, {
                    label: ">=",
                    value: ">="
                  }, {
                    label: "<",
                    value: "<"
                  }, {
                    label: "<=",
                    value: "<="
                  }, {
                    label: "LIKE",
                    value: "LIKE"
                  }, {
                    label: "NOT LIKE",
                    value: "NOT LIKE"
                  }, {
                    label: "IN",
                    value: "IN"
                  }, {
                    label: "NOT IN",
                    value: "NOT IN"
                  }, {
                    label: "BETWEEN",
                    value: "BETWEEN"
                  }, {
                    label: "NOT BETWEEN",
                    value: "NOT BETWEEN"
                  }, {
                    label: "NOT EXISTS",
                    value: "NOT EXISTS"
                  }, {
                    label: "REGEXP",
                    value: "REGEXP"
                  }, {
                    label: "NOT REGEXP",
                    value: "NOT REGEXP"
                  }, {
                    label: "RLIKE",
                    value: "RLIKE"
                  }],
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              })]
            }, index);
          })
        }), globalOptions?.itemSource == "terms" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
          children: Object.entries(itemQueryArgs)?.map(prams => {
            var index = prams[0];
            var item = prams[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
              className: "my-4 flex gap-2 items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                className: "cursor-pointer px-1 bg-red-500 hover:bg-red-700 hover:text-white",
                onClick: () => handleDelete(item.id),
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  fill: "#fff",
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__["default"],
                  size: "20"
                })
              }), item.id == "taxonomy" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Taxonomy"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  val: item.value,
                  options: taxonomiesObjects,
                  multiple: true,
                  onChange: newVal => {
                    var itemQueryArgsX = {
                      ...itemQueryArgs
                    };
                    itemQueryArgsX[index].value = newVal;
                    setitemQueryArgs(itemQueryArgsX);

                    //updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "orderby" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "orderby" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Order By"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  val: item.value,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  options: [{
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("None", "accordions"),
                    value: "none"
                  }, {
                    label: "ID",
                    value: "ID"
                  }, {
                    label: "Author",
                    value: "author"
                  }, {
                    label: "Title",
                    value: "title"
                  }, {
                    label: "Name",
                    value: "name"
                  }, {
                    label: "Type",
                    value: "type"
                  }, {
                    label: "Date",
                    value: "date"
                  }, {
                    label: "Modified",
                    value: "modified"
                  }, {
                    label: "Parent",
                    value: "parent"
                  }, {
                    label: "Random",
                    value: "rand"
                  }, {
                    label: "Comment Count",
                    value: "comment_count"
                  }, {
                    label: "Relevance",
                    value: "relevance"
                  }, {
                    label: "Menu Order",
                    value: "menu_order"
                  }, {
                    label: "Meta Value(String)",
                    value: "meta_value"
                  }, {
                    label: "Meta Value(Number)",
                    value: "meta_value_num"
                  }, {
                    label: "post__in",
                    value: "post__in"
                  }, {
                    label: "post_name__in",
                    value: "post_name__in"
                  }, {
                    label: "post_parent__in",
                    value: "post_parent__in"
                  }],
                  multiple: true,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "order" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "order" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Order"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  val: item.value,
                  options: [{
                    label: "Ascending",
                    value: "ASC"
                  }, {
                    label: "Descending",
                    value: "DESC"
                  }],
                  multiple: false,
                  onChange: newVal => updatePostQueryArgs(newVal, index)
                })]
              }), item.id == "number" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "number" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Number"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_number__WEBPACK_IMPORTED_MODULE_21__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "include" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "include" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Include"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "exclude" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "exclude" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Exclude"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "child_of" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "child_of" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Child Of"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "parent" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "parent" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Parent"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "meta_key" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "meta_key" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Key"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "meta_value" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "meta_value" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Value"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "hide_empty" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "hide_empty" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Hide Empty"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_19__["default"], {
                  value: item?.value,
                  onChange: () => {
                    const newValue = !itemQueryArgs[index].value;
                    updateTermQueryArgs(newValue, index);
                  }
                })]
              })]
            }, index);
          })
        }), globalOptions?.itemSource == "easyAccordion" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
          children: Object.entries(itemQueryArgs)?.map(prams => {
            var index = prams[0];
            var item = prams[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
              className: "my-4",
              children: item.id == "postId" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: `flex items-center justify-between`,
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "FAQ Group ID"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.__experimentalInputControl, {
                  value: item.value,
                  type: "number",
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              })
            }, index);
          })
        }), globalOptions?.itemSource == "manual" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(react_sortablejs__WEBPACK_IMPORTED_MODULE_4__.ReactSortable, {
            list: items,
            handle: ".handle",
            setList: itemsSorted => {
              setTimeout(() => {
                setitems(itemsSorted);
              }, 200);
              addNotifications({
                title: "Items Sorted",
                content: "You just sorted items",
                type: "success"
              });
            },
            children: items?.map((item, index) => {
              var _item$hideOnSchema;
              return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.Fragment, {
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                  className: "",
                  children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                    className: "bg-slate-300 flex justify-between items-center p-3 py-2 my-2 cursor-pointer hover:bg-slate-400",
                    onClick: ev => {
                      setitemActive(index == itemActive ? 999 : index);
                    },
                    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
                      children: item?.headerLabelText
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                      className: "flex items-center gap-2",
                      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                        className: "handle  cursor-pointer bg-gray-700 hover:bg-gray-600 hover:text-white px-1 py-1",
                        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                          size: "20",
                          fill: "#fff",
                          icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_28__["default"]
                        })
                      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                        className: "cursor-pointer bg-gray-700 hover:bg-gray-600 hover:text-white px-1 py-1",
                        onClick: ev => {
                          ev.stopPropagation();
                          var itemsX = [...items];
                          var itemToDup = {
                            ...itemsX[index]
                          };
                          itemsX.splice(index + 1, 0, itemToDup);
                          setitems(itemsX);
                          addNotifications({
                            title: "Item Duplicated",
                            content: "You just duplicate an item",
                            type: "success"
                          });
                        },
                        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                          size: "20",
                          fill: "#fff",
                          icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_25__["default"]
                        })
                      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                        className: "cursor-pointer bg-red-700 hover:bg-red-600 hover:text-white px-1 py-1",
                        onClick: ev => {
                          ev.stopPropagation();
                          var itemsX = [...items];
                          itemsX.splice(index, 1);
                          setitems(itemsX);
                          addNotifications({
                            title: "Item Removed",
                            content: "You just removed an item",
                            type: "success"
                          });
                        },
                        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                          size: "20",
                          fill: "#fff",
                          icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__["default"]
                        })
                      })]
                    })]
                  }), itemActive == index && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                    className: "py-2 w-full",
                    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
                      className: "mb-3",
                      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_6__.RichText, {
                        placeholder: "Write Header Text...",
                        className: "bg-slate-100 p-3 ",
                        tagName: "div",
                        value: item?.headerLabelText,
                        allowedFormats: ["core/bold", "core/italic", "core/link"],
                        onChange: content => {
                          setitems(prevItems => {
                            const updatedItems = [...prevItems];
                            updatedItems[index] = {
                              ...updatedItems[index],
                              headerLabelText: content
                            };
                            return updatedItems;
                          });
                        }
                      })
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
                      className: "mb-3",
                      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_wp_editor__WEBPACK_IMPORTED_MODULE_13__["default"], {
                        placeholder: "Write content...",
                        editorId: `content-${index}-${generate3Digit()}`,
                        className: `bg-slate-100 p-3 min-h-24 w-full`,
                        value: unescapeHTML(item?.contentText),
                        onChange: content => {
                          content = content.replace(/[\r\n]+/g, '');
                          content = escapeHTML(content);

                          //var content = JSON.stringify(content);
                          console.log(content);
                          setitems(prevItems => {
                            const updatedItems = [...prevItems];
                            updatedItems[index] = {
                              ...updatedItems[index],
                              contentText: content
                            };
                            return updatedItems;
                          });
                        }
                      })
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                      className: "mb-3",
                      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                          htmlFor: "",
                          children: "Hide On Schema"
                        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_19__["default"], {
                          value: (_item$hideOnSchema = item?.hideOnSchema) !== null && _item$hideOnSchema !== void 0 ? _item$hideOnSchema : 0,
                          onChange: newVal => {
                            if (isProFeature) {
                              addNotifications({
                                title: "Opps its pro!",
                                content: "This feature only avilable in premium version",
                                type: "error"
                              });
                              return;
                            }
                            setitems(prevItems => {
                              const updatedItems = [...prevItems];
                              updatedItems[index] = {
                                ...updatedItems[index],
                                hideOnSchema: newVal
                              };
                              return updatedItems;
                            });
                          }
                        })]
                      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                          htmlFor: "",
                          className: "font-medium text-slate-900 ",
                          children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Label Icon", "accordions")
                        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_icon_picker__WEBPACK_IMPORTED_MODULE_9__["default"], {
                          library: item?.labelIcon?.options?.library,
                          srcType: item?.labelIcon?.options?.srcType,
                          iconSrc: item?.labelIcon?.options?.iconSrc,
                          onChange: arg => {
                            if (isProFeature) {
                              addNotifications({
                                title: "Opps its pro!",
                                content: "This feature only avilable in premium version",
                                type: "error"
                              });
                              return;
                            }
                            setitems(prevItems => {
                              const updatedItems = [...prevItems];
                              updatedItems[index] = {
                                ...updatedItems[index],
                                labelIcon: {
                                  ...updatedItems[index].labelIcon,
                                  options: {
                                    ...updatedItems[index]?.labelIcon?.options,
                                    srcType: arg.srcType,
                                    library: arg.library,
                                    iconSrc: arg.iconSrc
                                  }
                                }
                              };
                              return updatedItems;
                            });
                          }
                        })]
                      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                        className: "w-full",
                        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
                          className: "mb-2",
                          children: "Slug"
                        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                          className: "flex items-center gap-2",
                          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                            className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-full ",
                            label: "",
                            value: item?.headerLabelSlug,
                            onChange: newVal => {
                              if (isProFeature) {
                                addNotifications({
                                  title: "Opps its pro!",
                                  content: "This feature only avilable in premium version",
                                  type: "error"
                                });
                                return;
                              }
                              setitems(prevItems => {
                                const updatedItems = [...prevItems];
                                updatedItems[index] = {
                                  ...updatedItems[index],
                                  headerLabelSlug: newVal
                                };
                                return updatedItems;
                              });
                            }
                          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
                            title: "Generate from Label",
                            className: "cursor-pointer rounded-sm bg-gray-700 hover:bg-gray-600 hover:text-white px-1 py-1",
                            onClick: ev => {
                              var slug = item?.headerLabelText.toLowerCase().replaceAll(" ", "-");
                              setitems(prevItems => {
                                const updatedItems = [...prevItems];
                                updatedItems[index] = {
                                  ...updatedItems[index],
                                  headerLabelSlug: slug
                                };
                                return updatedItems;
                              });
                            },
                            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                              fill: "#fff",
                              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_29__["default"]
                            })
                          })]
                        })]
                      })]
                    })]
                  })]
                }, index)
              });
            })
          })
        })]
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Accordion Settings",
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
          className: "py-3",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("label", {
              htmlFor: "",
              className: "flex gap-2 items-center",
              children: ["Lazyload", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "lazyloadSetting",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_23__["default"]
                })
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_19__["default"], {
              value: globalOptions?.lazyLoad,
              onChange: newVal => {
                var globalOptionsX = {
                  ...globalOptions
                };
                globalOptionsX.lazyLoad = newVal;
                setglobalOptions(globalOptionsX);
              }
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("label", {
              htmlFor: "",
              className: "flex gap-2 items-center",
              children: ["Schema", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "schemaSetting",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_23__["default"]
                })
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_19__["default"], {
              value: globalOptions?.schema,
              onChange: newVal => {
                var globalOptionsX = {
                  ...globalOptions
                };
                globalOptionsX.schema = newVal;
                setglobalOptions(globalOptionsX);
              }
            })]
          })]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Wrapper",
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
          activeTab: "options",
          orientation: "horizontal",
          activeClass: "active-tab",
          onSelect: tabName => {},
          tabs: [{
            name: "options",
            title: "Options",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__["default"],
            className: "tab-settings"
          }, {
            name: "styles",
            title: "Styles",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__["default"],
            className: "tab-style"
          }
          // {
          // 	name: "css",
          // 	title: "CSS Library",
          // 	icon: mediaAndText,
          // 	className: "tab-css",
          // },
          ],
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "options",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
              className: "flex  my-5  justify-between items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                className: "",
                htmlFor: "",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                value: wrapper?.options?.class,
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                onChange: newVal => {
                  var optionsX = {
                    ...wrapper,
                    options: {
                      ...wrapper?.options,
                      class: newVal
                    }
                  };
                  setwrapper(optionsX);
                }
              })]
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "styles",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
              obj: wrapper,
              onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, wrapper, setwrapper),
              onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, wrapper, setwrapper),
              onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, wrapper, setwrapper),
              onReset: sudoSources => onResetStyle(sudoSources, wrapper, setwrapper),
              onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, wrapper, setwrapper)
            })
          })]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Items Wrap",
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
          activeTab: "options",
          orientation: "horizontal",
          activeClass: "active-tab",
          onSelect: tabName => {},
          tabs: [{
            name: "options",
            title: "Options",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__["default"],
            className: "tab-settings"
          }, {
            name: "styles",
            title: "Styles",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__["default"],
            className: "tab-style"
          }
          // {
          // 	name: "css",
          // 	title: "CSS Library",
          // 	icon: mediaAndText,
          // 	className: "tab-css",
          // },
          ],
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "options",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
              className: "flex  my-5  justify-between items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                className: "",
                htmlFor: "",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                value: itemsWrap?.options?.class,
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                onChange: newVal => {
                  var optionsX = {
                    ...itemsWrap,
                    options: {
                      ...itemsWrap?.options,
                      class: newVal
                    }
                  };
                  setitemsWrap(optionsX);
                }
              })]
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "styles",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
              obj: itemsWrap,
              onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, itemsWrap, setitemsWrap),
              onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, itemsWrap, setitemsWrap),
              onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, itemsWrap, setitemsWrap),
              onReset: sudoSources => onResetStyle(sudoSources, itemsWrap, setitemsWrap),
              onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, itemsWrap, setitemsWrap)
            })
          })]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Item Wrap",
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
          activeTab: "options",
          orientation: "horizontal",
          activeClass: "active-tab",
          onSelect: tabName => {},
          tabs: [{
            name: "options",
            title: "Options",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__["default"],
            className: "tab-settings"
          }, {
            name: "styles",
            title: "Styles",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__["default"],
            className: "tab-style"
          }
          // {
          // 	name: "css",
          // 	title: "CSS Library",
          // 	icon: mediaAndText,
          // 	className: "tab-css",
          // },
          ],
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "options",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
              className: "flex  my-5  justify-between items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                className: "",
                htmlFor: "",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                value: itemWrap?.options?.class,
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                onChange: newVal => {
                  var optionsX = {
                    ...itemWrap,
                    options: {
                      ...itemWrap?.options,
                      class: newVal
                    }
                  };
                  setitemWrap(optionsX);
                }
              })]
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "styles",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
              obj: itemWrap,
              onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, itemWrap, setitemWrap),
              onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, itemWrap, setitemWrap),
              onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, itemWrap, setitemWrap),
              onReset: sudoSources => onResetStyle(sudoSources, itemWrap, setitemWrap),
              onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, itemWrap, setitemWrap)
            })
          })]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Content",
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
          activeTab: "options",
          orientation: "horizontal",
          activeClass: "active-tab",
          onSelect: tabName => {},
          tabs: [{
            name: "options",
            title: "Options",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__["default"],
            className: "tab-settings"
          }, {
            name: "styles",
            title: "Styles",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__["default"],
            className: "tab-style"
          }],
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "options",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
              className: "flex  my-5  justify-between items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                className: "",
                htmlFor: "emailVerification",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                value: content?.options?.class,
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                onChange: newVal => {
                  var optionsX = {
                    ...content,
                    options: {
                      ...content?.options,
                      class: newVal
                    }
                  };
                  setcontent(optionsX);
                }
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("label", {
                htmlFor: "",
                className: "flex gap-2 items-center",
                children: ["Autoembed", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                  className: "cursor-pointer",
                  title: "Click to know more",
                  onClick: () => {
                    setHelp({
                      id: "autoembedSetting",
                      enable: true
                    });
                  },
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                    icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_23__["default"]
                  })
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_19__["default"], {
                value: content?.options?.autoembed,
                onChange: newVal => {
                  var optionsX = {
                    ...content,
                    options: {
                      ...content?.options,
                      autoembed: newVal
                    }
                  };
                  setcontent(optionsX);
                }
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("label", {
                htmlFor: "",
                className: "flex gap-2 items-center",
                children: ["Shortcodes", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                  className: "cursor-pointer",
                  title: "Click to know more",
                  onClick: () => {
                    setHelp({
                      id: "shortcodesSetting",
                      enable: true
                    });
                  },
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                    icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_23__["default"]
                  })
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_19__["default"], {
                value: content?.options?.shortcodes,
                onChange: newVal => {
                  var optionsX = {
                    ...content,
                    options: {
                      ...content?.options,
                      shortcodes: newVal
                    }
                  };
                  setcontent(optionsX);
                }
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("label", {
                htmlFor: "",
                className: "flex gap-2 items-center",
                children: ["wpautop", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                  className: "cursor-pointer",
                  title: "Click to know more",
                  onClick: () => {
                    setHelp({
                      id: "wpautopSetting",
                      enable: true
                    });
                  },
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                    icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_23__["default"]
                  })
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_19__["default"], {
                value: content?.options?.wpautop,
                onChange: newVal => {
                  var optionsX = {
                    ...content,
                    options: {
                      ...content?.options,
                      wpautop: newVal
                    }
                  };
                  setcontent(optionsX);
                }
              })]
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "styles",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
              obj: content,
              onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, content, setcontent),
              onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, content, setcontent),
              onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, content, setcontent),
              onReset: sudoSources => onResetStyle(sudoSources, content, setcontent),
              onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, content, setcontent)
            })
          })]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
        title: "Header & Labels",
        initialOpen: false,
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
          className: "font-medium text-slate-900 ",
          title: "Header",
          initialOpen: false,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
            activeTab: "options",
            orientation: "horizontal",
            activeClass: "active-tab",
            onSelect: tabName => {},
            tabs: [{
              name: "options",
              title: "Options",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__["default"],
              className: "tab-settings"
            }, {
              name: "styles",
              title: "Styles",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__["default"],
              className: "tab-style"
            }],
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "options",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  value: header?.options?.class,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...header,
                      options: {
                        ...header?.options,
                        class: newVal
                      }
                    };
                    setheader(optionsX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("label", {
                  htmlFor: "",
                  className: "flex gap-2 items-center",
                  children: ["Toggle Text", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                    className: "cursor-pointer",
                    title: "Click to know more",
                    onClick: () => {
                      setHelp({
                        id: "toggleTextSetting",
                        enable: true
                      });
                    },
                    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                      icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_23__["default"]
                    })
                  })]
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_19__["default"], {
                  value: header?.options?.toggleText,
                  onChange: newVal => {
                    if (isProFeature) {
                      addNotifications({
                        title: "Opps its pro!",
                        content: "This feature only avilable in premium version",
                        type: "error"
                      });
                      return;
                    }
                    var optionsX = {
                      ...header,
                      options: {
                        ...header?.options,
                        toggleText: newVal
                      }
                    };
                    setheader(optionsX);
                  }
                })]
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "styles",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
                obj: header,
                onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, header, setheader),
                onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, header, setheader),
                onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, header, setheader),
                onReset: sudoSources => onResetStyle(sudoSources, header, setheader),
                onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, header, setheader)
              })
            })]
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
          className: "font-medium text-slate-900 ",
          title: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
            className: "flex justify-between w-full gap-2",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Header Icon", "accordions")
            })
          }),
          initialOpen: false,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
            activeTab: "options",
            orientation: "horizontal",
            activeClass: "active-tab",
            onSelect: tabName => {},
            tabs: [{
              name: "options",
              title: "Options",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__["default"],
              className: "tab-settings"
            }, {
              name: "styles",
              title: "Styles",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__["default"],
              className: "tab-style"
            }],
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "options",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
                className: "flex flex-wrap gap-2  my-4",
                children: _iconsList__WEBPACK_IMPORTED_MODULE_20__.iconsList.map((item, index) => {
                  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                    className: "flex flex-col  border border-solid border-slate-300",
                    onClick: () => handleClick(item),
                    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                      className: ` flex items-center text-base justify-center p-2  ${item.icon}`
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                      className: ` flex items-center text-base justify-center p-2  ${item.toggle}`
                    })]
                  }, index);
                })
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  className: "font-medium text-slate-900 ",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose Icon", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_icon_picker__WEBPACK_IMPORTED_MODULE_9__["default"], {
                  library: icon?.options?.library,
                  srcType: icon?.options?.srcType,
                  iconSrc: icon?.options?.iconSrc,
                  onChange: arg => {
                    if (isProFeature) {
                      addNotifications({
                        title: "Opps its pro!",
                        content: "This feature only avilable in premium version",
                        type: "error"
                      });
                      return;
                    }
                    var iconX = {
                      ...icon
                    };
                    var optionsX = {
                      ...iconX.options,
                      srcType: arg.srcType,
                      library: arg.library,
                      iconSrc: arg.iconSrc
                    };
                    iconX.options = optionsX;
                    seticon(iconX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  className: "font-medium text-slate-900 ",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Icon position", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
                  position: "bottom right",
                  variant: "secondary",
                  buttonTitle: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose", "accordions"),
                  options: [{
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose Position", "accordions"),
                    value: ""
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Left", "accordions"),
                    value: "left"
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Right", "accordions"),
                    value: "right"
                  }],
                  onChange: newVal => {
                    if (isProFeature) {
                      addNotifications({
                        title: "Opps its pro!",
                        content: "This feature only avilable in premium version",
                        type: "error"
                      });
                      return;
                    }
                    var iconX = {
                      ...icon
                    };
                    var optionsX = {
                      ...iconX.options,
                      position: newVal.value
                    };
                    iconX.options = optionsX;
                    seticon(iconX);
                  },
                  values: ""
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  className: "",
                  htmlFor: "",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  value: icon?.options?.class,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...icon,
                      options: {
                        ...icon?.options,
                        class: newVal
                      }
                    };
                    seticon(optionsX);
                  }
                })]
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "styles",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
                obj: icon,
                onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, icon, seticon),
                onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, icon, seticon),
                onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, icon, seticon),
                onReset: sudoSources => onResetStyle(sudoSources, icon, seticon),
                onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, icon, seticon)
              })
            })]
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
          className: "font-medium text-slate-900 ",
          opened: isProFeature ? false : null,
          title: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("span", {
            className: "flex justify-between w-full gap-2",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Header Label", "accordions")
            }), isProFeature && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
              className: "bg-amber-500 px-2 py-1  no-underline rounded-sm  cursor-pointer text-white ",
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Pro", "accordions")
            })]
          }),
          initialOpen: false,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
            activeTab: "options",
            orientation: "horizontal",
            activeClass: "active-tab",
            onSelect: tabName => {},
            tabs: [{
              name: "options",
              title: "Options",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__["default"],
              className: "tab-settings"
            }, {
              name: "styles",
              title: "Styles",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__["default"],
              isPro: customerData.isPro ? false : true,
              className: "tab-style"
            }],
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "options",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  value: headerLabel?.options?.class,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...headerLabel,
                      options: {
                        ...headerLabel?.options,
                        class: newVal
                      }
                    };
                    setheaderLabel(optionsX);
                  }
                })]
              })
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "styles",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
                obj: headerLabel,
                onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, headerLabel, setheaderLabel),
                onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, headerLabel, setheaderLabel),
                onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, headerLabel, setheaderLabel),
                onReset: sudoSources => onResetStyle(sudoSources, headerLabel, setheaderLabel),
                onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, headerLabel, setheaderLabel)
              })
            })]
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
          className: "font-medium text-slate-900 "
          // title="Label Counter"
          ,
          opened: isProFeature ? false : null,
          title: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("span", {
            className: "flex justify-between w-full gap-2",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Label Counter", "accordions")
            }), isProFeature && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
              className: "bg-amber-500 px-2 py-1  no-underline rounded-sm  cursor-pointer text-white ",
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Pro", "accordions")
            })]
          }),
          initialOpen: false,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
            activeTab: "options",
            orientation: "horizontal",
            activeClass: "active-tab",
            onSelect: tabName => {},
            tabs: [{
              name: "options",
              title: "Options",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__["default"],
              className: "tab-settings"
            }, {
              name: "styles",
              title: "Styles",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__["default"],
              className: "tab-style"
            }],
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "options",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  className: "font-medium text-slate-900 ",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Counter position", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.SelectControl, {
                  label: "",
                  value: labelCounter?.options?.position,
                  options: [{
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose Position", "accordions"),
                    value: ""
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Left", "accordions"),
                    value: "left"
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Right", "accordions"),
                    value: "right"
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Before Label Text", "accordions"),
                    value: "beforeLabelText"
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("After Label Text", "accordions"),
                    value: "afterLabelText"
                  }],
                  onChange: newVal => {
                    var labelCounterX = {
                      ...labelCounter
                    };
                    var optionsX = {
                      ...labelCounterX.options,
                      position: newVal
                    };
                    labelCounterX.options = optionsX;
                    setlabelCounter(labelCounterX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  value: labelCounter?.options?.class,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...labelCounter,
                      options: {
                        ...labelCounter?.options,
                        class: newVal
                      }
                    };
                    setlabelCounter(optionsX);
                  }
                })]
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "styles",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
                obj: labelCounter,
                onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, labelCounter, setlabelCounter),
                onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, labelCounter, setlabelCounter),
                onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, labelCounter, setlabelCounter),
                onReset: sudoSources => onResetStyle(sudoSources, labelCounter, setlabelCounter),
                onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, labelCounter, setlabelCounter)
              })
            })]
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
          className: "font-medium text-slate-900 "
          // title="Label Icon"
          ,
          opened: isProFeature ? false : null,
          title: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("span", {
            className: "flex justify-between w-full gap-2",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Label Icon", "accordions")
            }), isProFeature ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
              className: "bg-amber-500 px-2 py-1  no-underline rounded-sm  cursor-pointer text-white ",
              onClick: ev => {
                window.open("https://comboblocks.com/pricing/", "_blank");
              },
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Pro", "accordions")
            }) : ""]
          }),
          initialOpen: false,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
            activeTab: "options",
            orientation: "horizontal",
            activeClass: "active-tab",
            onSelect: tabName => {},
            tabs: [{
              name: "options",
              title: "Options",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__["default"],
              className: "tab-settings"
            }, {
              name: "styles",
              title: "Styles",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__["default"],
              className: "tab-style"
            }],
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "options",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  className: "font-medium text-slate-900 ",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose Label Icon", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_icon_picker__WEBPACK_IMPORTED_MODULE_9__["default"], {
                  library: labelIcon?.options?.library,
                  srcType: labelIcon?.options?.srcType,
                  iconSrc: labelIcon?.options?.iconSrc,
                  onChange: arg => {
                    var labelIconX = {
                      ...labelIcon
                    };
                    var optionsX = {
                      ...labelIconX.options,
                      srcType: arg.srcType,
                      library: arg.library,
                      iconSrc: arg.iconSrc
                    };
                    labelIconX.options = optionsX;
                    setlabelIcon(labelIconX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  className: "font-medium text-slate-900 ",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Icon position", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.SelectControl, {
                  label: "",
                  value: labelIcon?.options?.position,
                  options: [{
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose Position", "accordions"),
                    value: ""
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Before Label", "accordions"),
                    value: "beforeLabel"
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("After Label", "accordions"),
                    value: "afterLabel"
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Before Label Text", "accordions"),
                    value: "beforeLabelText"
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("After Label Text", "accordions"),
                    value: "afterLabelText"
                  }],
                  onChange: newVal => {
                    var labelIconX = {
                      ...labelIcon
                    };
                    var optionsX = {
                      ...labelIconX.options,
                      position: newVal
                    };
                    labelIconX.options = optionsX;
                    setlabelIcon(labelIconX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  value: labelIcon?.options?.class,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...labelIcon,
                      options: {
                        ...labelIcon?.options,
                        class: newVal
                      }
                    };
                    setlabelIcon(optionsX);
                  }
                })]
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "styles",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
                obj: labelIcon,
                onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, labelIcon, setlabelIcon),
                onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, labelIcon, setlabelIcon),
                onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, labelIcon, setlabelIcon),
                onReset: sudoSources => onResetStyle(sudoSources, labelIcon, setlabelIcon),
                onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, labelIcon, setlabelIcon)
              })
            })]
          })
        })]
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("span", {
          className: "flex justify-between w-full gap-2",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
            children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Top Wrap", "accordions")
          }), isProFeature && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
            className: "bg-amber-500 px-2 py-1  no-underline rounded-sm  cursor-pointer text-white ",
            children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Pro", "accordions")
          })]
        }),
        opened: isProFeature ? false : null,
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
          activeTab: "options",
          orientation: "horizontal",
          activeClass: "active-tab",
          onSelect: tabName => {},
          tabs: [{
            name: "options",
            title: "Options",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__["default"],
            className: "tab-settings"
          }, {
            name: "styles",
            title: "Styles",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__["default"],
            className: "tab-style"
          }],
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "options",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
              className: "flex  my-5  justify-between items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                className: "",
                htmlFor: "emailVerification",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                value: topWrap?.options?.class,
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                onChange: newVal => {
                  var optionsX = {
                    ...topWrap,
                    options: {
                      ...topWrap?.options,
                      class: newVal
                    }
                  };
                  settopWrap(optionsX);
                }
              })]
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "styles",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
              obj: topWrap,
              onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, topWrap, settopWrap),
              onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, topWrap, settopWrap),
              onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, topWrap, settopWrap),
              onReset: sudoSources => onResetStyle(sudoSources, topWrap, settopWrap),
              onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, topWrap, settopWrap)
            })
          })]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
        initialOpen: false,
        title: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("span", {
          className: "flex justify-between w-full gap-2",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
            children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Search", "accordions")
          }), isProFeature && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
            className: "bg-amber-500 px-2 py-1  no-underline rounded-sm  cursor-pointer text-white ",
            children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Pro", "accordions")
          })]
        }),
        opened: isProFeature ? false : null,
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
          className: "my-5",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("label", {
            htmlFor: "",
            className: "flex gap-2 items-center",
            children: ["Enable Search?", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
              className: "cursor-pointer",
              title: "Click to know more",
              onClick: () => {
                setHelp({
                  id: "enableSearchSetting",
                  enable: true
                });
              },
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_23__["default"]
              })
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_19__["default"], {
            className: "w-[140px]",
            label: "",
            value: searchInput?.options?.enable,
            onChange: newVal => {
              var searchInputX = {
                ...searchInput,
                options: {
                  ...searchInput?.options,
                  enable: newVal
                }
              };
              setsearchInput(searchInputX);
            }
          })]
        }), searchInput?.options?.enable && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
          className: "font-medium text-slate-900 "
          // title="Search Input"
          ,
          opened: isProFeature ? false : null,
          title: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("span", {
            className: "flex justify-between w-full gap-2",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Search Input", "accordions")
            }), isProFeature ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
              className: "bg-amber-500 px-2 py-1  no-underline rounded-sm  cursor-pointer text-white ",
              onClick: ev => {
                window.open("https://comboblocks.com/pricing/", "_blank");
              },
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Pro", "accordions")
            }) : ""]
          }),
          initialOpen: false,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
            activeTab: "options",
            orientation: "horizontal",
            activeClass: "active-tab",
            onSelect: tabName => {},
            tabs: [{
              name: "options",
              title: "Options",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__["default"],
              className: "tab-settings"
            }, {
              name: "styles",
              title: "Styles",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__["default"],
              className: "tab-style"
            }],
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "options",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  value: searchInput?.options?.class,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...searchInput,
                      options: {
                        ...searchInput?.options,
                        class: newVal
                      }
                    };
                    setsearchInput(optionsX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Placeholder", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  value: searchInput?.options?.placeholder,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...searchInput,
                      options: {
                        ...searchInput?.options,
                        placeholder: newVal
                      }
                    };
                    setsearchInput(optionsX);
                  }
                })]
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
              name: "styles",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
                obj: searchInput,
                onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, searchInput, setsearchInput),
                onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, searchInput, setsearchInput),
                onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, searchInput, setsearchInput),
                onReset: sudoSources => onResetStyle(sudoSources, searchInput, setsearchInput),
                onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, searchInput, setsearchInput)
              })
            })]
          })
        })]
      })]
    })]
  });
}
class EditFaqGrid extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true,
      isLoaded: false
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      onChange,
      postData,
      customerData,
      addNotifications,
      setHelp
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(Html, {
      onChange: onChange,
      addNotifications: addNotifications,
      postData: postData,
      customerData: customerData,
      setHelp: setHelp,
      warn: this.state.showWarning,
      isLoaded: this.state.isLoaded
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EditFaqGrid);

/***/ }),

/***/ "./src/components/edit-faq-grid/toggle.js":
/*!************************************************!*\
  !*** ./src/components/edit-faq-grid/toggle.js ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);




const Toggle = ({
  label,
  value,
  onChange
}) => {
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex items-center gap-2 justify-between ",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
      children: value ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Enabled.", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Disabled.", "accordions")
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__.ToggleControl
    // help={value ? __("Enabled", "accordions") : __("Disabled.", "accordions")}
    , {
      checked: value ? true : false,
      onChange: e => {
        onChange(!value);
      }
    })]
  });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Toggle);

/***/ }),

/***/ "./src/components/edit-image-accordion/index.js":
/*!******************************************************!*\
  !*** ./src/components/edit-image-accordion/index.js ***!
  \******************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__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_core_data__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/core-data */ "@wordpress/core-data");
/* harmony import */ var _wordpress_core_data__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_core_data__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data");
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/help.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/gallery.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/page.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/copy.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/add-card.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/close.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/menu.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/settings.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/brush.js");
/* harmony import */ var react_sortablejs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-sortablejs */ "./node_modules/react-sortablejs/dist/index.js");
/* harmony import */ var react_sortablejs__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react_sortablejs__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _breakpoints__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../breakpoints */ "./src/breakpoints.js");
/* harmony import */ var _dropdown__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../dropdown */ "./src/components/dropdown/index.js");
/* harmony import */ var _input_select__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../input-select */ "./src/components/input-select/index.js");
/* harmony import */ var _input_text__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../input-text */ "./src/components/input-text/index.js");
/* harmony import */ var _input_wp_editor__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../input-wp-editor */ "./src/components/input-wp-editor/index.js");
/* harmony import */ var _inAnimation__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../inAnimation */ "./src/inAnimation.js");
/* harmony import */ var _outAnimation__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../outAnimation */ "./src/outAnimation.js");
/* harmony import */ var _input_toggle__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../input-toggle */ "./src/components/input-toggle/index.js");
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../styles */ "./src/components/styles/index.js");
/* harmony import */ var _tab__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../tab */ "./src/components/tab/index.js");
/* harmony import */ var _tabs__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../tabs */ "./src/components/tabs/index.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__);
const {
  Component,
  RawHTML,
  useState,
  useEffect
} = wp.element;




















var myStore = wp.data.select("postgrid-shop");
function Html(props) {
  var _globalOptions$lazyLo, _globalOptions$urlHas;
  if (!props.warn) {
    return null;
  }
  var onChange = props.onChange;
  var addNotifications = props.addNotifications;
  var setHelp = props.setHelp;
  var postData = props.postData;
  if (postData.post_content == null) {
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
      className: "p-3 my-5 bg-orange-400",
      children: "Please choose an accordion first."
    });
  }
  var breakPointX = "Desktop";
  var [accordionData, setaccordionData] = useState(postData.post_content); // Using the hook.

  var [globalOptions, setglobalOptions] = useState(accordionData.globalOptions); // Using the hook.

  var [itemQueryArgs, setitemQueryArgs] = useState(accordionData.itemQueryArgs); // Using the hook.

  var [wrapper, setwrapper] = useState(accordionData.wrapper); // Using the hook.
  var [items, setitems] = useState(accordionData.items); // Using the hook.
  var [item, setitem] = useState(accordionData.item);
  var [itemActive, setitemActive] = useState(accordionData.itemActive);
  var [itemsWrap, setitemsWrap] = useState(accordionData.itemsWrap);
  var [overlay, setoverlay] = useState(accordionData.overlay);
  var [content, setcontent] = useState(accordionData.content);
  var [title, settitle] = useState(accordionData.title);
  var [image, setimage] = useState(accordionData.image);
  // var [accOptions, setaccOptions] = useState(accordionData.accOptions);
  // var [header, setheader] = useState(accordionData.header);
  // var [headerActive, setheaderActive] = useState(accordionData.headerActive);
  // var [headerLabel, setheaderLabel] = useState(accordionData.headerLabel);
  // var [labelCounter, setlabelCounter] = useState(accordionData.labelCounter);
  // var [labelIcon, setlabelIcon] = useState(accordionData.labelIcon);
  // var [icon, seticon] = useState(accordionData.icon);
  // var [iconToggle, seticonToggle] = useState(accordionData.iconToggle);
  // var [expandCollapseAll, setexpandCollapseAll] = useState(
  // 	accordionData.expandCollapseAll
  // );
  // var [topWrap, settopWrap] = useState(accordionData.topWrap);
  // var [navsWrap, setnavsWrap] = useState(accordionData?.navsWrap);
  // var [navItem, setnavItem] = useState(accordionData?.navItem);
  // var [activeNavItem, setactiveNavItem] = useState(
  // 	accordionData?.activeNavItem
  // );
  // var [navLabel, setnavLabel] = useState(accordionData?.navLabel);
  // var [panelWrap, setpanelWrap] = useState(accordionData?.panelWrap);
  // var [panelWrapActive, setpanelWrapActive] = useState(accordionData?.panelWrapActive);

  // var [searchInput, setsearchInput] = useState(accordionData.searchInput);

  var [styleObj, setstyleObj] = useState({}); // Using the hook.
  const [taxonomiesObjects, setTaxonomiesObjects] = useState([]);
  var [customerData, setcustomerData] = useState(props.customerData);
  var [isProFeature, setisProFeature] = useState(true);
  var [editActive, seteditActive] = useState(9999);

  // const gapValue = accOptions?.gap || "0px";
  // const [number, setNumber] = useState(parseInt(gapValue));
  // const [unit, setUnit] = useState(gapValue.replace(number, ""));
  const [AIautoUpdate, setAIautoUpdate] = useState(false);
  var [AIWriter, setAIWriter] = useState(false); // Using the hook.
  var formattedPrompt = "Respond only with question answer as json array and no other text. Do not include any explanations, introductions, or concluding remarks.";
  var breakPointList = [{
    label: "Select..",
    icon: "",
    value: ""
  }];
  for (var x in _breakpoints__WEBPACK_IMPORTED_MODULE_7__["default"]) {
    var breakPointItem = _breakpoints__WEBPACK_IMPORTED_MODULE_7__["default"][x];
    breakPointList.push({
      label: breakPointItem.name,
      icon: breakPointItem.icon,
      value: breakPointItem.id
    });
  }
  var postTypes = [];
  const postTypesData = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_4__.useSelect)(select => select(_wordpress_core_data__WEBPACK_IMPORTED_MODULE_3__.store).getPostTypes({
    per_page: -1
  }), []);
  postTypesData !== null && postTypesData.map(x => {
    postTypes.push({
      value: x.slug,
      label: x.name
    });
  });
  useEffect(() => {
    _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({
      path: "/accordions/v2/post_type_objects",
      method: "POST",
      data: {
        postTypes: []
      }
    }).then(res => {
      var taxonomies = [];
      res.map(item => {
        taxonomies.push({
          label: item.label,
          value: item.id
        });
      });
      setTaxonomiesObjects(taxonomies);
    });
  }, []);
  useEffect(() => {
    if (customerData.isPro) {
      setisProFeature(false);
    }
  }, [props.customerData]);
  useEffect(() => {
    onChange(accordionData);
  }, [accordionData]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.globalOptions = globalOptions;
    setaccordionData(accordionDataX);
  }, [globalOptions]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.items = items;
    setaccordionData(accordionDataX);
  }, [items]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.wrapper = wrapper;
    setaccordionData(accordionDataX);
  }, [wrapper]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.content = content;
    setaccordionData(accordionDataX);
  }, [content]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.item = item;
    setaccordionData(accordionDataX);
  }, [item]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.overlay = overlay;
    setaccordionData(accordionDataX);
  }, [overlay]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.itemActive = itemActive;
    setaccordionData(accordionDataX);
  }, [itemActive]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.itemsWrap = itemsWrap;
    setaccordionData(accordionDataX);
  }, [itemsWrap]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.title = title;
    setaccordionData(accordionDataX);
  }, [title]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.image = image;
    setaccordionData(accordionDataX);
  }, [image]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.accOptions = accOptions;
  // 	setaccordionData(accordionDataX);
  // }, [accOptions]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.navsWrap = navsWrap;
  // 	setaccordionData(accordionDataX);
  // }, [navsWrap]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.navItem = navItem;
  // 	setaccordionData(accordionDataX);
  // }, [navItem]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.activeNavItem = activeNavItem;
  // 	setaccordionData(accordionDataX);
  // }, [activeNavItem]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.navLabel = navLabel;
  // 	setaccordionData(accordionDataX);
  // }, [navLabel]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.panelWrap = panelWrap;
  // 	setaccordionData(accordionDataX);
  // }, [panelWrap]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.header = header;
  // 	setaccordionData(accordionDataX);
  // }, [header]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.headerActive = headerActive;
  // 	setaccordionData(accordionDataX);
  // }, [headerActive]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.headerLabel = headerLabel;
  // 	setaccordionData(accordionDataX);
  // }, [headerLabel]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.labelCounter = labelCounter;
  // 	setaccordionData(accordionDataX);
  // }, [labelCounter]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.labelIcon = labelIcon;
  // 	setaccordionData(accordionDataX);
  // }, [labelIcon]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.icon = icon;
  // 	setaccordionData(accordionDataX);
  // }, [icon]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.iconToggle = iconToggle;
  // 	setaccordionData(accordionDataX);
  // }, [iconToggle]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.expandCollapseAll = expandCollapseAll;
  // 	setaccordionData(accordionDataX);
  // }, [expandCollapseAll]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.topWrap = topWrap;
  // 	setaccordionData(accordionDataX);
  // }, [topWrap]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.searchInput = searchInput;
  // 	setaccordionData(accordionDataX);
  // }, [searchInput]);

  // var RemoveSliderArg = function ({ index }) {
  // 	return (
  // 		<span
  // 			className="cursor-pointer hover:bg-red-500 hover:text-white "
  // 			onClick={(ev) => {
  // 				var sliderOptionsX = { ...accOptions };
  // 				delete sliderOptionsX[index];
  // 				setaccOptions(sliderOptionsX);
  // 			}}>
  // 			<Icon icon={close} />
  // 		</span>
  // 	);
  // };

  function onChangeStyle(sudoScource, newVal, attr, propertyType, setProperty) {
    var path = [sudoScource, attr, breakPointX];
    let obj = {
      ...propertyType
    };
    const object = myStore.updatePropertyDeep(obj, path, newVal);
    setProperty(object);
  }
  function onAddStyle(sudoScource, key, propertyType, setProperty) {
    var path = [sudoScource, key, breakPointX];
    let obj = {
      ...propertyType
    };
    const object = myStore.addPropertyDeep(obj, path, "");
    setProperty(object);
  }
  function onResetStyle(sudoSources, propertyType, setProperty) {
    let obj = Object.assign({}, propertyType);
    Object.entries(sudoSources).map(args => {
      var sudoScource = args[0];
      if (obj[sudoScource] == undefined) {} else {
        obj[sudoScource] = {};
        // var elementSelector = myStore.getElementSelector(
        // 	sudoScource,
        // 	contentSelector // Replace this selector if needed
        // );
      }
    });
    setProperty(obj);
  }
  function onRemoveStyle(sudoScource, key, propertyType, setProperty) {
    let obj = {
      ...propertyType
    };
    var object = myStore.deletePropertyDeep(obj, [sudoScource, key, breakPointX]);
    var isEmpty = Object.entries(object[sudoScource][key]).length === 0 ? true : false;
    var objectX = isEmpty ? myStore.deletePropertyDeep(object, [sudoScource, key]) : object;
    setProperty(objectX);
  }
  function onBulkAddStyle(sudoSource, cssObj, propertyType, setProperty) {
    let obj = {
      ...propertyType
    };
    obj[sudoSource] = cssObj;
    setProperty(obj);
  }
  var accOptionsArgs = {
    autoplay: {
      label: "Auto play",
      value: 1
    }
  };
  var postQueryArgs = {
    postType: {
      value: ["post"],
      id: "postType",
      label: "Post types",
      description: "Select Post Types to Query"
    },
    s: {
      value: "",
      id: "s",
      label: "Keyword",
      description: "Search keyword, ex: hello"
    },
    postStatus: {
      value: [],
      id: "postStatus",
      label: "Post status",
      description: "Query post by post status"
    },
    order: {
      value: "",
      id: "order",
      label: "Order",
      description: "Post query order"
    },
    orderby: {
      value: [],
      id: "orderby",
      label: "Orderby",
      description: "Post query orderby"
    },
    metaKey: {
      value: "",
      id: "metaKey",
      label: "Meta fields key",
      description: "Post query by meta fields key"
    },
    metaValue: {
      value: "",
      id: "metaValue",
      label: "Meta Value",
      description: "Post query by custom field value"
    },
    metaValueNum: {
      value: "",
      id: "metaValueNum",
      label: "Meta Value Num",
      description: "Post query by custom field value for number types"
    },
    metaCompare: {
      value: "",
      id: "metaCompare",
      label: "Meta Compare",
      description: "Meta query compare"
    }
  };
  const updatePostQueryArgs = (newVal, index) => {
    var itemQueryArgsX = [...itemQueryArgs];
    itemQueryArgsX[index].value = newVal;
    setitemQueryArgs(itemQueryArgsX);
  };
  var termQueryArgs = {
    taxonomy: {
      value: "category",
      id: "taxonomy",
      label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Taxonomy", "accordions"),
      description: "Select Taxonomy to Query",
      longDescription: "Taxonomy name, or array of taxonomy names, to which results should be limited."
    },
    orderby: {
      value: "name",
      id: "orderby",
      label: "Order By",
      description: "Search keyword, ex: hello"
    },
    order: {
      value: "ASC",
      id: "order",
      label: "Order",
      description: "Whether to order terms in ascending or descending order."
    },
    hide_empty: {
      value: true,
      id: "hide_empty",
      label: "Hide Empty",
      description: "Accepts true or false value.",
      longDescription: "Whether to hide terms not assigned to any posts. Accepts 1|true or 0|false."
    },
    number: {
      value: false,
      id: "number",
      label: "Number",
      description: "Accepts 0 (all) or any positive number.",
      longDescription: "Maximum number of terms to return. Accepts ''|0 (all) or any positive number. Default ''|0 (all). Note that $number may not return accurate results when coupled with $object_ids."
    },
    include: {
      value: "category",
      id: "include",
      //isPro: true,
      label: "Include",
      description: "Comma-separated string of term IDs to include.",
      longDescription: "Array or comma/space-separated string of term IDs to include. Default empty array.",
      placeholder: "Comma-separated string of term IDs to include."
    },
    exclude: {
      value: "",
      id: "exclude",
      //isPro: true,
      label: "Exclude",
      description: "Comma-separated string of term IDs to exclude.",
      longDescription: "Array or comma/space-separated string of term IDs to exclude. If $include is non-empty, $exclude is ignored. Default empty array.",
      placeholder: "Comma-separated string of term IDs to exclude."
    },
    child_of: {
      value: "",
      id: "child_of",
      //isPro: true,
      label: "Child of",
      description: "Term ID to retrieve child terms of.",
      longDescription: "Term ID to retrieve child terms of. If multiple taxonomies are passed, $child_of is ignored. Default 0."
    },
    parent: {
      value: "",
      id: "parent",
      //isPro: true,
      label: "Parent",
      description: "Add {ID} to add Parent term ID to retrieve direct-child terms of.",
      longDescription: "Parent term ID to retrieve direct-child terms of."
    },
    meta_key: {
      value: "",
      id: "meta_key",
      //isPro: true,
      label: "Meta key",
      description: "Comma-separated keys to return term(s) for.",
      longDescription: "Meta key or keys to filter by."
    },
    meta_value: {
      value: "",
      id: "meta_value",
      //isPro: true,
      label: "Meta value",
      description: "Comma-separated keys to return term(s) for.",
      longDescription: "Meta value or values to filter by."
    }
  };
  const updateTermQueryArgs = (newVal, index) => {
    var itemQueryArgsX = [...itemQueryArgs];
    itemQueryArgsX[index].value = newVal;
    setitemQueryArgs(itemQueryArgsX);
  };
  var viewTypeArgs = {
    accordion: {
      label: "Accordion",
      value: "accordion"
    },
    tabs: {
      label: "Tabs",
      value: "tabs"
    }
  };
  var itemSources = {
    manual: {
      label: "Manual",
      value: "manual"
    }
    // easyAccordion: {
    // 	label: "Easy Accordion - FAQ Group",
    // 	value: "easyAccordion",
    // },
    // posts: {
    // 	label: "Posts",
    // 	value: "posts",
    // 	isPro: customerData.isPro ? false : true,
    // },
    // terms: {
    // 	label: "Terms",
    // 	value: "terms",
    // 	isPro: customerData.isPro ? false : true,
    // },
  };
  function generate3Digit() {
    return Math.floor(100 + Math.random() * 900);
  }
  function escapeHTML(str) {
    const map = {
      '&': '&amp;',
      '<': '&lt;',
      '>': '&gt;',
      '"': '&quot;',
      "'": '&#039;'
    };
    return str.replace(/[&<>"']/g, function (match) {
      return map[match];
    });
  }
  function unescapeHTML(str) {
    const map = {
      '&amp;': '&',
      '&lt;': '<',
      '&gt;': '>',
      '&quot;': '"',
      '&#039;': "'"
    };
    return str.replace(/&amp;|&lt;|&gt;|&quot;|&#039;/g, function (match) {
      return map[match];
    });
  }
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
    className: "",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
      className: "hidden",
      onClick: () => {
        var str = `{
				"wrapper":${JSON.stringify(wrapper)}
				"header":${JSON.stringify(header)},
				"navItem":${JSON.stringify(navItem)},
				"activeNavItem":${JSON.stringify(activeNavItem)},
				"labelCounter":${JSON.stringify(labelCounter)},
				"labelIcon":${JSON.stringify(labelIcon)},
				"icon":${JSON.stringify(icon)},
				"iconToggle":${JSON.stringify(iconToggle)},
				"navLabel":${JSON.stringify(navLabel)},
				"panelWrap":${JSON.stringify(panelWrap)},
				"topWrap":${JSON.stringify(topWrap)},
				}`;
        copyData(str);
        addNotifications({
          title: "Copied to clipboard!",
          content: "Use the shortcode in page or post conent where you want to display.",
          type: "success"
        });
      },
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
        className: "p-3",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
          children: `{`
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
          children: [`"wrapper":${JSON.stringify(wrapper)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
          children: `}`
        })]
      })
    }), props.postData.post_content != null && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.Fragment, {
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Items",
        initialOpen: true,
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
          className: "my-4 flex items-center justify-between ",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
            className: " flex items-center  gap-2",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
              position: "bottom right",
              variant: "secondary",
              buttonTitle: globalOptions?.itemSource == undefined ? "Item Source" : itemSources[globalOptions?.itemSource]?.label,
              options: itemSources,
              onChange: (option, index) => {
                var globalOptionsX = {
                  ...globalOptions
                };
                globalOptionsX.itemSource = option.value;
                setglobalOptions(globalOptionsX);
              },
              values: ""
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
            className: "flex items-center  gap-2",
            children: [globalOptions?.itemSource == "posts" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.Fragment, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "addPostQuery",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_19__["default"]
                })
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
                position: "bottom right",
                variant: "secondary",
                buttonTitle: "Add Query",
                options: postQueryArgs,
                onChange: (option, index) => {
                  var itemQueryArgsX = {
                    ...itemQueryArgs
                  };
                  itemQueryArgsX[option.id] = {
                    id: option.id,
                    value: option.value
                  };
                  setitemQueryArgs(itemQueryArgsX);
                },
                values: ""
              })]
            }), globalOptions?.itemSource == "terms" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.Fragment, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "addTermQuery",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_19__["default"]
                })
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
                position: "bottom right",
                variant: "secondary",
                buttonTitle: "Add Query",
                options: termQueryArgs,
                onChange: (option, index) => {
                  var itemQueryArgsX = {
                    ...itemQueryArgs
                  };
                  itemQueryArgsX[option.id] = {
                    id: option.id,
                    value: option.value
                  };
                  setitemQueryArgs(itemQueryArgsX);
                },
                values: ""
              })]
            }), globalOptions?.itemSource == "easyAccordion" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.Fragment, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "addTermQuery",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_19__["default"]
                })
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
                position: "bottom right",
                variant: "secondary",
                buttonTitle: "Add Query",
                options: easyAccordionQueryArgs,
                onChange: (option, index) => {
                  var itemQueryArgsX = {
                    ...itemQueryArgs
                  };
                  itemQueryArgsX[option.id] = {
                    id: option.id,
                    value: option.value
                  };
                  setitemQueryArgs(itemQueryArgsX);
                },
                values: ""
              })]
            }), globalOptions?.itemSource == "manual" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.Fragment, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: "flex items-center gap-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.MediaUpload, {
                    className: "bg-gray-700 hover:bg-gray-600",
                    onSelect: media => {
                      // console.log(media);

                      const newItems = media.filter(item => item.id !== undefined) // Filter out items with undefined id
                      .map(item => ({
                        isActive: false,
                        image: {
                          id: item.id,
                          url: item.url,
                          altText: item.alt || item.title || ""
                        },
                        link: item.link,
                        title: item.title,
                        content: item.description
                      }));

                      // console.log(newItems);

                      // Update the state by merging existing items with new ones
                      setitems(prevItems => [...prevItems, ...newItems]);
                    },
                    onClose: () => {},
                    allowedTypes: ["image"],
                    value: items.map(item => {
                      return item.id;
                    }),
                    multiple: "add",
                    render: ({
                      open
                    }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
                      className: "flex items-center gap-2 bg-slate-700 text-white px-2 py-2 rounded-sm cursor-pointer hover:bg-slate-600",
                      onClick: open,
                      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                        icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_20__["default"],
                        className: "fill-white ",
                        size: 20
                      })
                    })
                  })
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                  className: "flex items-center gap-2 bg-slate-700 text-white px-2 py-2 rounded-sm cursor-pointer hover:bg-slate-600",
                  title: "Click to paste",
                  onClick: async () => {
                    try {
                      // Read text from clipboard
                      const clipboardText = await navigator.clipboard.readText();

                      // Parse the JSON string back to an object
                      const pastedItems = JSON.parse(clipboardText);

                      // Here you need to handle the pasted items
                      // For example, if you have a state setter:
                      setitems(pastedItems);
                      addNotifications({
                        title: "Items Pasted",
                        content: "You just pasted items, Now go to edit.",
                        type: "success"
                      });
                    } catch (error) {}
                  },
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                    icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_21__["default"],
                    fill: "#fff",
                    size: "20"
                  })
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                  className: "flex items-center gap-2 bg-slate-700 text-white px-2 py-2 rounded-sm cursor-pointer hover:bg-slate-600",
                  title: "Click to copy",
                  onClick: () => {
                    try {
                      const itemsString = JSON.stringify(items, null, 2);
                      navigator.clipboard.writeText(itemsString).then(() => {
                        addNotifications({
                          title: "Items Copied",
                          content: "You just copied items, Now go to edit.",
                          type: "success"
                        });
                      }).catch(err => {});
                    } catch (error) {}
                  },
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                    icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_22__["default"],
                    fill: "#fff",
                    size: "20"
                  })
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
                className: "flex items-center gap-2 bg-slate-700 text-white px-2 py-2 rounded-sm cursor-pointer hover:bg-slate-600",
                onClick: ev => {
                  var itemsX = [...items];
                  itemsX.push({
                    image: {
                      id: "",
                      url: "",
                      altText: ""
                    },
                    link: "",
                    title: "",
                    content: ""
                  });
                  setitems(itemsX);
                  addNotifications({
                    title: "Item Added",
                    content: "You just added an item, Now go to edit.",
                    type: "success"
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_23__["default"],
                  fill: "#fff",
                  size: "20"
                })
              })]
            })]
          })]
        }), globalOptions?.itemSource == "posts" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
          children: Object.entries(itemQueryArgs)?.map(prams => {
            var index = prams[0];
            var item = prams[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
              className: "my-4 flex gap-2 items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                className: "cursor-pointer px-1 bg-red-500 hover:bg-red-700 hover:text-white",
                onClick: () => handleDelete(item.id),
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                  fill: "#fff",
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_24__["default"],
                  size: "20"
                })
              }), item.id == "postType" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Post Type"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_9__["default"], {
                  val: item.value,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  options: postTypes,
                  multiple: true,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "postStatus" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "postStatus" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Post Status"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_9__["default"], {
                  val: item.value,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  options: [{
                    label: "Publish",
                    value: "publish"
                  }, {
                    label: "Pending",
                    value: "pending"
                  }, {
                    label: "Draft",
                    value: "draft"
                  }, {
                    label: "Auto draft",
                    value: "auto-draft"
                  }, {
                    label: "Future",
                    value: "future"
                  }, {
                    label: "Private",
                    value: "private"
                  }, {
                    label: "Inherit",
                    value: "inherit"
                  }, {
                    label: "Trash",
                    value: "trash"
                  }, {
                    label: "Any",
                    value: "any"
                  }],
                  multiple: true,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "order" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "order" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Order"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_9__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  val: item.value,
                  options: [{
                    label: "Ascending",
                    value: "ASC"
                  }, {
                    label: "Descending",
                    value: "DESC"
                  }],
                  multiple: false,
                  onChange: newVal => updatePostQueryArgs(newVal, index)
                })]
              }), item.id == "orderby" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "orderby" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Order By"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_9__["default"], {
                  val: item.value,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  options: [{
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("None", "accordions"),
                    value: "none"
                  }, {
                    label: "ID",
                    value: "ID"
                  }, {
                    label: "Author",
                    value: "author"
                  }, {
                    label: "Title",
                    value: "title"
                  }, {
                    label: "Name",
                    value: "name"
                  }, {
                    label: "Type",
                    value: "type"
                  }, {
                    label: "Date",
                    value: "date"
                  }, {
                    label: "Modified",
                    value: "modified"
                  }, {
                    label: "Parent",
                    value: "parent"
                  }, {
                    label: "Random",
                    value: "rand"
                  }, {
                    label: "Comment Count",
                    value: "comment_count"
                  }, {
                    label: "Relevance",
                    value: "relevance"
                  }, {
                    label: "Menu Order",
                    value: "menu_order"
                  }, {
                    label: "Meta Value(String)",
                    value: "meta_value"
                  }, {
                    label: "Meta Value(Number)",
                    value: "meta_value_num"
                  }, {
                    label: "post__in",
                    value: "post__in"
                  }, {
                    label: "post_name__in",
                    value: "post_name__in"
                  }, {
                    label: "post_parent__in",
                    value: "post_parent__in"
                  }],
                  multiple: true,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "metaKey" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Key"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "metaValue" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Value"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "metaValueNum" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Value Number"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "s" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Keyword"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "metaCompare" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "metaCompare" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Compare"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_9__["default"], {
                  val: item.value,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  options: [{
                    label: "=",
                    value: "="
                  }, {
                    label: "!=",
                    value: "!="
                  }, {
                    label: ">",
                    value: ">"
                  }, {
                    label: ">=",
                    value: ">="
                  }, {
                    label: "<",
                    value: "<"
                  }, {
                    label: "<=",
                    value: "<="
                  }, {
                    label: "LIKE",
                    value: "LIKE"
                  }, {
                    label: "NOT LIKE",
                    value: "NOT LIKE"
                  }, {
                    label: "IN",
                    value: "IN"
                  }, {
                    label: "NOT IN",
                    value: "NOT IN"
                  }, {
                    label: "BETWEEN",
                    value: "BETWEEN"
                  }, {
                    label: "NOT BETWEEN",
                    value: "NOT BETWEEN"
                  }, {
                    label: "NOT EXISTS",
                    value: "NOT EXISTS"
                  }, {
                    label: "REGEXP",
                    value: "REGEXP"
                  }, {
                    label: "NOT REGEXP",
                    value: "NOT REGEXP"
                  }, {
                    label: "RLIKE",
                    value: "RLIKE"
                  }],
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              })]
            }, index);
          })
        }), globalOptions?.itemSource == "terms" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
          children: Object.entries(itemQueryArgs)?.map(prams => {
            var index = prams[0];
            var item = prams[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
              className: "my-4 flex gap-2 items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                className: "cursor-pointer px-1 bg-red-500 hover:bg-red-700 hover:text-white",
                onClick: () => handleDelete(item.id),
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                  fill: "#fff",
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_24__["default"],
                  size: "20"
                })
              }), item.id == "taxonomy" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Taxonomy"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_9__["default"], {
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  val: item.value,
                  options: taxonomiesObjects,
                  multiple: true,
                  onChange: newVal => {
                    var itemQueryArgsX = {
                      ...itemQueryArgs
                    };
                    itemQueryArgsX[index].value = newVal;
                    setitemQueryArgs(itemQueryArgsX);

                    //updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "orderby" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "orderby" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Order By"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_9__["default"], {
                  val: item.value,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  options: [{
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("None", "accordions"),
                    value: "none"
                  }, {
                    label: "ID",
                    value: "ID"
                  }, {
                    label: "Author",
                    value: "author"
                  }, {
                    label: "Title",
                    value: "title"
                  }, {
                    label: "Name",
                    value: "name"
                  }, {
                    label: "Type",
                    value: "type"
                  }, {
                    label: "Date",
                    value: "date"
                  }, {
                    label: "Modified",
                    value: "modified"
                  }, {
                    label: "Parent",
                    value: "parent"
                  }, {
                    label: "Random",
                    value: "rand"
                  }, {
                    label: "Comment Count",
                    value: "comment_count"
                  }, {
                    label: "Relevance",
                    value: "relevance"
                  }, {
                    label: "Menu Order",
                    value: "menu_order"
                  }, {
                    label: "Meta Value(String)",
                    value: "meta_value"
                  }, {
                    label: "Meta Value(Number)",
                    value: "meta_value_num"
                  }, {
                    label: "post__in",
                    value: "post__in"
                  }, {
                    label: "post_name__in",
                    value: "post_name__in"
                  }, {
                    label: "post_parent__in",
                    value: "post_parent__in"
                  }],
                  multiple: true,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "order" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "order" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Order"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_9__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  val: item.value,
                  options: [{
                    label: "Ascending",
                    value: "ASC"
                  }, {
                    label: "Descending",
                    value: "DESC"
                  }],
                  multiple: false,
                  onChange: newVal => updatePostQueryArgs(newVal, index)
                })]
              }), item.id == "number" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "number" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Number"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(PGinputNumber, {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "include" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "include" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Include"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "exclude" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "exclude" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Exclude"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "child_of" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "child_of" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Child Of"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "parent" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "parent" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Parent"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "meta_key" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "meta_key" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Key"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "meta_value" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "meta_value" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Value"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "hide_empty" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: item.id == "hide_empty" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "Hide Empty"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_14__["default"], {
                  value: item?.value,
                  onChange: () => {
                    const newValue = !itemQueryArgs[index].value;
                    updateTermQueryArgs(newValue, index);
                  }
                })]
              })]
            }, index);
          })
        }), globalOptions?.itemSource == "easyAccordion" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
          children: Object.entries(itemQueryArgs)?.map(prams => {
            var index = prams[0];
            var item = prams[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
              className: "my-4",
              children: item.id == "postId" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                className: `flex items-center justify-between`,
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                  htmlFor: "",
                  children: "FAQ Group ID"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalInputControl, {
                  value: item.value,
                  type: "number",
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              })
            }, index);
          })
        }), globalOptions?.itemSource == "manual" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(react_sortablejs__WEBPACK_IMPORTED_MODULE_6__.ReactSortable, {
            list: items,
            handle: ".handle",
            setList: itemsSorted => {
              setTimeout(() => {
                setitems(itemsSorted);
              }, 200);
              addNotifications({
                title: "Items Sorted",
                content: "You just sorted items",
                type: "success"
              });
            },
            children: items?.map((item, index) => {
              var _item$active;
              return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.Fragment, {
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                  className: "",
                  children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                    className: "bg-slate-300 flex justify-between items-center p-3 py-2 my-2 cursor-pointer hover:bg-slate-400",
                    onClick: ev => {
                      seteditActive(index == editActive ? 999 : index);
                    },
                    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
                      children: item?.title
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                      className: "flex items-center gap-2",
                      children: [item?.image?.url && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
                        className: "w-10 h-9 overflow-hidden",
                        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("img", {
                          src: item?.image?.url,
                          alt: "",
                          className: "cursor-pointer w-full   ",
                          onClick: () => {
                            open();
                          }
                        })
                      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                        className: "handle  cursor-pointer bg-gray-700 hover:bg-gray-600 hover:text-white px-1 py-1",
                        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                          size: "20",
                          fill: "#fff",
                          icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_25__["default"]
                        })
                      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                        className: "cursor-pointer bg-gray-700 hover:bg-gray-600 hover:text-white px-1 py-1",
                        onClick: ev => {
                          ev.stopPropagation();
                          var itemsX = [...items];
                          var itemToDup = {
                            ...itemsX[index]
                          };
                          itemsX.splice(index + 1, 0, itemToDup);
                          setitems(itemsX);
                          addNotifications({
                            title: "Item Duplicated",
                            content: "You just duplicate an item",
                            type: "success"
                          });
                        },
                        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                          size: "20",
                          fill: "#fff",
                          icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_22__["default"]
                        })
                      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                        className: "cursor-pointer bg-red-700 hover:bg-red-600 hover:text-white px-1 py-1",
                        onClick: ev => {
                          ev.stopPropagation();
                          var itemsX = [...items];
                          itemsX.splice(index, 1);
                          setitems(itemsX);
                          addNotifications({
                            title: "Item Removed",
                            content: "You just removed an item",
                            type: "success"
                          });
                        },
                        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                          size: "20",
                          fill: "#fff",
                          icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_24__["default"]
                        })
                      })]
                    })]
                  }), editActive == index && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                    className: "py-2 w-full",
                    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
                      className: "mb-3",
                      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.RichText, {
                        placeholder: "Write Header Text...",
                        className: "bg-slate-100 p-3 ",
                        tagName: "div",
                        value: item?.title,
                        allowedFormats: ["core/bold", "core/italic", "core/link"],
                        onChange: content => {
                          setitems(prevItems => {
                            const updatedItems = [...prevItems];
                            updatedItems[index] = {
                              ...updatedItems[index],
                              title: content
                            };
                            return updatedItems;
                          });
                        }
                      })
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
                      className: "mb-3",
                      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_wp_editor__WEBPACK_IMPORTED_MODULE_11__["default"], {
                        placeholder: "Write Header Text...",
                        editorId: `content-${index}-${generate3Digit()}`,
                        className: `bg-slate-100 p-3 min-h-24 w-full`,
                        value: unescapeHTML(item?.content),
                        onChange: content => {
                          content = content.replace(/[\r\n]+/g, "");
                          content = escapeHTML(content);

                          //var content = JSON.stringify(content);
                          console.log(content);
                          setitems(prevItems => {
                            const updatedItems = [...prevItems];
                            updatedItems[index] = {
                              ...updatedItems[index],
                              content: content
                            };
                            return updatedItems;
                          });
                        }
                      })
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                      className: "flex my-5 justify-between items-center ",
                      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                        className: "w-[400px]",
                        htmlFor: "emailVerification",
                        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Select Image", "user-verification")
                      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.MediaUpload, {
                        onSelect: media => {
                          const newItem = {
                            isActive: false,
                            image: {
                              id: media.id,
                              url: media.url,
                              altText: media.alt || media.title || ""
                            },
                            link: media.link,
                            title: media.title,
                            content: media.description
                          };
                          setitems(prevItems => {
                            const updatedItems = [...prevItems];
                            updatedItems[index] = newItem;
                            return updatedItems;
                          });
                        },
                        onClose: () => {},
                        allowedTypes: ["image"],
                        value: item?.image?.id,
                        render: ({
                          open
                        }) => {
                          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                            className: "flex flex-col items-center gap-2",
                            children: [item?.image?.url && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("img", {
                              src: item?.image?.url,
                              alt: "",
                              className: "cursor-pointer rounded-md max-w-[160px] max-h-[160px] object-contain border border-solid border-gray-300 p-1",
                              onClick: () => {
                                open();
                              }
                            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
                              className: "flex items-center gap-2",
                              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("button", {
                                onClick: open,
                                className: "no-underline px-4 py-2 rounded-sm bg-gray-700 hover:bg-gray-700 text-white  whitespace-nowrap  hover:text-white",
                                children: "Open Media Library"
                              })
                            })]
                          });
                        }
                      })]
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                      className: "flex  my-5  justify-between items-center",
                      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                        className: "",
                        htmlFor: "emailVerification",
                        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Alt Text", "accordions")
                      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                        value: item?.image?.altText,
                        className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                        onChange: newVal => {
                          setitems(prevItems => {
                            const updatedItems = [...prevItems];
                            updatedItems[index] = {
                              ...updatedItems[index],
                              image: {
                                ...updatedItems[index].image,
                                altText: newVal
                              }
                            };
                            return updatedItems;
                          });
                        }
                      })]
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                      className: "flex  my-5  justify-between items-center",
                      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                        className: "",
                        htmlFor: "emailVerification",
                        children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Link", "accordions")
                      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                        value: item?.link,
                        className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                        onChange: newVal => {
                          setitems(prevItems => {
                            const updatedItems = [...prevItems];
                            updatedItems[index] = {
                              ...updatedItems[index],
                              link: newVal
                            };
                            return updatedItems;
                          });
                        }
                      })]
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("div", {
                      className: "mb-3",
                      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
                        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                          htmlFor: "",
                          children: "Active"
                        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_14__["default"], {
                          value: (_item$active = item?.active) !== null && _item$active !== void 0 ? _item$active : 0,
                          onChange: newVal => {
                            if (isProFeature) {
                              addNotifications({
                                title: "Opps its pro!",
                                content: "This feature only available in premium version",
                                type: "error"
                              });
                              return;
                            }
                            setitems(prevItems => {
                              const updatedItems = [...prevItems];
                              updatedItems[index] = {
                                ...updatedItems[index],
                                active: newVal
                              };
                              return updatedItems;
                            });
                          }
                        })]
                      })
                    })]
                  })]
                }, index)
              });
            })
          })
        })]
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Settings",
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
          className: "py-3",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("label", {
              htmlFor: "",
              className: "flex gap-2 items-center",
              children: ["Lazyload", " ", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "lazyloadSetting",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_19__["default"]
                })
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_14__["default"], {
              value: (_globalOptions$lazyLo = globalOptions?.lazyLoad) !== null && _globalOptions$lazyLo !== void 0 ? _globalOptions$lazyLo : 0,
              onChange: newVal => {
                var globalOptionsX = {
                  ...globalOptions
                };
                globalOptionsX.lazyLoad = newVal;
                setglobalOptions(globalOptionsX);
              }
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
              htmlFor: "",
              children: "URL Hash"
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_14__["default"], {
              value: (_globalOptions$urlHas = globalOptions?.urlHash) !== null && _globalOptions$urlHas !== void 0 ? _globalOptions$urlHas : 0,
              onChange: newVal => {
                if (isProFeature) {
                  addNotifications({
                    title: "Opps its pro!",
                    content: "This feature only avilable in premium version",
                    type: "error"
                  });
                  return;
                }
                var globalOptionsX = {
                  ...globalOptions
                };
                globalOptionsX.urlHash = newVal;
                setglobalOptions(globalOptionsX);
              }
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("label", {
              htmlFor: "",
              className: "flex gap-2 items-center",
              children: ["Auto Play", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "autoPlaySetting",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_19__["default"]
                })
              }), isProFeature && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("span", {
                className: "bg-amber-500 px-2 py-0.5 text-[11px]  no-underline rounded-sm  cursor-pointer text-white ",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Pro", "accordions")
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_14__["default"], {
              value: globalOptions?.autoPlay,
              onChange: newVal => {
                if (isProFeature) {
                  addNotifications({
                    title: "Opps its pro!",
                    content: "This feature only avilable in premium version",
                    type: "error"
                  });
                  return;
                }
                var globalOptionsX = {
                  ...globalOptions
                };
                globalOptionsX.autoPlay = newVal;
                setglobalOptions(globalOptionsX);
              }
            })]
          }), globalOptions?.autoPlay && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.Fragment, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
              className: "w-full",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                htmlFor: "",
                className: "break-all",
                children: "Auto Play Timeout"
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[150px]",
                label: "",
                value: globalOptions?.autoPlayTimeout,
                onChange: newVal => {
                  var globalOptionsX = {
                    ...globalOptions
                  };
                  globalOptionsX.autoPlayTimeout = newVal;
                  setglobalOptions(globalOptionsX);
                }
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
              className: "w-full",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                htmlFor: "",
                className: "break-all",
                children: "Auto Play Delay"
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[150px]",
                label: "",
                value: globalOptions?.autoPlayDelay,
                onChange: newVal => {
                  var globalOptionsX = {
                    ...globalOptions
                  };
                  globalOptionsX.autoPlayDelay = newVal;
                  setglobalOptions(globalOptionsX);
                }
              })]
            })]
          })]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Wrapper",
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
          activeTab: "options",
          orientation: "horizontal",
          activeClass: "active-tab",
          onSelect: tabName => {},
          tabs: [{
            name: "options",
            title: "Options",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_26__["default"],
            className: "tab-settings"
          }, {
            name: "styles",
            title: "Styles",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__["default"],
            className: "tab-style"
          }
          // {
          // 	name: "css",
          // 	title: "CSS Library",
          // 	icon: mediaAndText,
          // 	className: "tab-css",
          // },
          ],
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "options",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
              className: "flex  my-5  justify-between items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                className: "",
                htmlFor: "emailVerification",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Class", "accordions")
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                value: wrapper?.options?.class,
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                onChange: newVal => {
                  var optionsX = {
                    ...wrapper,
                    options: {
                      ...wrapper?.options,
                      class: newVal
                    }
                  };
                  setwrapper(optionsX);
                }
              })]
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "styles",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
              obj: wrapper,
              onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, wrapper, setwrapper),
              onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, wrapper, setwrapper),
              onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, wrapper, setwrapper),
              onReset: sudoSources => onResetStyle(sudoSources, wrapper, setwrapper),
              onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, wrapper, setwrapper)
            })
          })]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Items Wrapper",
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
          activeTab: "options",
          orientation: "horizontal",
          activeClass: "active-tab",
          onSelect: tabName => {},
          tabs: [{
            name: "options",
            title: "Options",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_26__["default"],
            className: "tab-settings"
          }, {
            name: "styles",
            title: "Styles",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__["default"],
            className: "tab-style"
          }],
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "options",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
              className: "flex  my-5  justify-between items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                className: "",
                htmlFor: "emailVerification",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Class", "accordions")
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                value: itemsWrap?.options?.class,
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                onChange: newVal => {
                  var optionsX = {
                    ...itemsWrap,
                    options: {
                      ...itemsWrap?.options,
                      class: newVal
                    }
                  };
                  setitemsWrap(optionsX);
                }
              })]
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "styles",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
              obj: itemsWrap,
              onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, itemsWrap, setitemsWrap),
              onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, itemsWrap, setitemsWrap),
              onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, itemsWrap, setitemsWrap),
              onReset: sudoSources => onResetStyle(sudoSources, itemsWrap, setitemsWrap),
              onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, itemsWrap, setitemsWrap)
            })
          })]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Item",
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
          activeTab: "options",
          orientation: "horizontal",
          activeClass: "active-tab",
          onSelect: tabName => {},
          tabs: [{
            name: "options",
            title: "Options",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_26__["default"],
            className: "tab-settings"
          }, {
            name: "styles",
            title: "Styles",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__["default"],
            className: "tab-style"
          }],
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "options",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
              className: "flex  my-5  justify-between items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                className: "",
                htmlFor: "emailVerification",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Class", "accordions")
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                value: item?.options?.class,
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                onChange: newVal => {
                  var optionsX = {
                    ...item,
                    options: {
                      ...item?.options,
                      class: newVal
                    }
                  };
                  setitem(optionsX);
                }
              })]
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "styles",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
              obj: item,
              onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, item, setitem),
              onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, item, setitem),
              onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, item, setitem),
              onReset: sudoSources => onResetStyle(sudoSources, item, setitem),
              onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, item, setitem)
            })
          })]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Item Active",
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
          activeTab: "options",
          orientation: "horizontal",
          activeClass: "active-tab",
          onSelect: tabName => {},
          tabs: [{
            name: "options",
            title: "Options",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_26__["default"],
            className: "tab-settings"
          }, {
            name: "styles",
            title: "Styles",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__["default"],
            className: "tab-style"
          }],
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "options",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
              className: "flex  my-5  justify-between items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                className: "",
                htmlFor: "emailVerification",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Class", "accordions")
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                value: itemActive?.options?.class,
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                onChange: newVal => {
                  var optionsX = {
                    ...itemActive,
                    options: {
                      ...itemActive?.options,
                      class: newVal
                    }
                  };
                  setitemActive(optionsX);
                }
              })]
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "styles",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
              obj: itemActive,
              onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, itemActive, setitemActive),
              onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, itemActive, setitemActive),
              onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, itemActive, setitemActive),
              onReset: sudoSources => onResetStyle(sudoSources, itemActive, setitemActive),
              onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, itemActive, setitemActive)
            })
          })]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Overlay",
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
          activeTab: "options",
          orientation: "horizontal",
          activeClass: "active-tab",
          onSelect: tabName => {},
          tabs: [{
            name: "options",
            title: "Options",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_26__["default"],
            className: "tab-settings"
          }, {
            name: "styles",
            title: "Styles",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__["default"],
            className: "tab-style"
          }],
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "options",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
              className: "flex  my-5  justify-between items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                className: "",
                htmlFor: "emailVerification",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Class", "accordions")
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                value: overlay?.options?.class,
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                onChange: newVal => {
                  var optionsX = {
                    ...overlay,
                    options: {
                      ...overlay?.options,
                      class: newVal
                    }
                  };
                  setoverlay(optionsX);
                }
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                htmlFor: "",
                className: "flex gap-2 items-center",
                children: "IN Animation"
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
                position: "bottom right",
                variant: "secondary",
                buttonTitle: _inAnimation__WEBPACK_IMPORTED_MODULE_12__.popupEntranceAnimateBasic[overlay?.options?.inAnimation] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Choose", "accordions") : _inAnimation__WEBPACK_IMPORTED_MODULE_12__.popupEntranceAnimateBasic[overlay?.options?.inAnimation].label,
                options: _inAnimation__WEBPACK_IMPORTED_MODULE_12__.popupEntranceAnimateBasic,
                onChange: newVal => {
                  if (isProFeature) {
                    addNotifications({
                      title: "Opps its pro!",
                      content: "This feature only avilable in premium version",
                      type: "error"
                    });
                    return;
                  }
                  var optionsX = {
                    ...overlay,
                    options: {
                      ...overlay?.options,
                      inAnimation: newVal.value
                    }
                  };
                  setoverlay(optionsX);
                },
                values: ""
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelRow, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                htmlFor: "",
                className: "flex gap-2 items-center",
                children: "OUT Animation"
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_8__["default"], {
                position: "bottom right",
                variant: "secondary",
                buttonTitle: _outAnimation__WEBPACK_IMPORTED_MODULE_13__.popupCloseAnimateBasic[overlay?.options?.outAnimation] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Choose", "accordions") : _outAnimation__WEBPACK_IMPORTED_MODULE_13__.popupCloseAnimateBasic[overlay?.options?.outAnimation].label,
                options: _outAnimation__WEBPACK_IMPORTED_MODULE_13__.popupCloseAnimateBasic,
                onChange: newVal => {
                  if (isProFeature) {
                    addNotifications({
                      title: "Opps its pro!",
                      content: "This feature only avilable in premium version",
                      type: "error"
                    });
                    return;
                  }
                  var optionsX = {
                    ...overlay,
                    options: {
                      ...overlay?.options,
                      outAnimation: newVal.value
                    }
                  };
                  setoverlay(optionsX);
                },
                values: ""
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
              className: "flex  my-5  justify-between items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                className: "",
                htmlFor: "emailVerification",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Animation duration", "accordions")
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                value: overlay?.options?.animationDuration,
                placeholder: "1000",
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-full max-w-[200px]",
                onChange: newVal => {
                  if (isProFeature) {
                    addNotifications({
                      title: "Opps its pro!",
                      content: "This feature only avilable in premium version",
                      type: "error"
                    });
                    return;
                  }
                  var optionsX = {
                    ...overlay,
                    options: {
                      ...overlay?.options,
                      animationDuration: newVal
                    }
                  };
                  setoverlay(optionsX);
                }
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelBody, {
              className: "font-medium text-slate-900 ",
              title: "Title",
              initialOpen: false,
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
                activeTab: "options",
                orientation: "horizontal",
                activeClass: "active-tab",
                onSelect: tabName => {},
                tabs: [{
                  name: "options",
                  title: "Options",
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_26__["default"],
                  className: "tab-settings"
                }, {
                  name: "styles",
                  title: "Styles",
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__["default"],
                  className: "tab-style"
                }],
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
                  name: "options",
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                    className: "flex  my-5  justify-between items-center",
                    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                      className: "",
                      htmlFor: "emailVerification",
                      children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Class", "accordions")
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                      value: title?.options?.class,
                      className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                      onChange: newVal => {
                        var optionsX = {
                          ...title,
                          options: {
                            ...title?.options,
                            class: newVal
                          }
                        };
                        settitle(optionsX);
                      }
                    })]
                  })
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
                  name: "styles",
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
                    obj: title,
                    onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, title, settitle),
                    onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, title, settitle),
                    onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, title, settitle),
                    onReset: sudoSources => onResetStyle(sudoSources, title, settitle),
                    onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, title, settitle)
                  })
                })]
              })
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelBody, {
              className: "font-medium text-slate-900 ",
              title: "Content",
              initialOpen: false,
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
                activeTab: "options",
                orientation: "horizontal",
                activeClass: "active-tab",
                onSelect: tabName => {},
                tabs: [{
                  name: "options",
                  title: "Options",
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_26__["default"],
                  className: "tab-settings"
                }, {
                  name: "styles",
                  title: "Styles",
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__["default"],
                  className: "tab-style"
                }],
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
                  name: "options",
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
                    className: "flex  my-5  justify-between items-center",
                    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                      className: "",
                      htmlFor: "emailVerification",
                      children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Class", "accordions")
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                      value: content?.options?.class,
                      className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                      onChange: newVal => {
                        var optionsX = {
                          ...content,
                          options: {
                            ...content?.options,
                            class: newVal
                          }
                        };
                        setcontent(optionsX);
                      }
                    })]
                  })
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
                  name: "styles",
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
                    obj: content,
                    onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, content, setcontent),
                    onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, content, setcontent),
                    onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, content, setcontent),
                    onReset: sudoSources => onResetStyle(sudoSources, content, setcontent),
                    onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, content, setcontent)
                  })
                })]
              })
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "styles",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
              obj: overlay,
              onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, overlay, setoverlay),
              onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, overlay, setoverlay),
              onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, overlay, setoverlay),
              onReset: sudoSources => onResetStyle(sudoSources, overlay, setoverlay),
              onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, overlay, setoverlay)
            })
          })]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Image",
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_17__["default"], {
          activeTab: "options",
          orientation: "horizontal",
          activeClass: "active-tab",
          onSelect: tabName => {},
          tabs: [{
            name: "options",
            title: "Options",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_26__["default"],
            className: "tab-settings"
          }, {
            name: "styles",
            title: "Styles",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__["default"],
            className: "tab-style"
          }],
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "options",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsxs)("div", {
              className: "flex  my-5  justify-between items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)("label", {
                className: "",
                htmlFor: "emailVerification",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_5__.__)("Class", "accordions")
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_10__["default"], {
                value: image?.options?.class,
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                onChange: newVal => {
                  var optionsX = {
                    ...image,
                    options: {
                      ...image?.options,
                      class: newVal
                    }
                  };
                  setimage(optionsX);
                }
              })]
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_16__["default"], {
            name: "styles",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_15__["default"], {
              obj: image,
              onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, image, setimage),
              onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, image, setimage),
              onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, image, setimage),
              onReset: sudoSources => onResetStyle(sudoSources, image, setimage),
              onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, image, setimage)
            })
          })]
        })
      })]
    })]
  });
}
class EditImageAccordion extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true,
      isLoaded: false
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      onChange,
      postData,
      customerData,
      addNotifications,
      setHelp
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_18__.jsx)(Html, {
      onChange: onChange,
      addNotifications: addNotifications,
      postData: postData,
      customerData: customerData,
      setHelp: setHelp,
      warn: this.state.showWarning,
      isLoaded: this.state.isLoaded
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EditImageAccordion);

/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_core_data__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/core-data */ "@wordpress/core-data");
/* harmony import */ var _wordpress_core_data__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_core_data__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data");
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var react_sortablejs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-sortablejs */ "./node_modules/react-sortablejs/dist/index.js");
/* harmony import */ var react_sortablejs__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_sortablejs__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/close.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/help.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/page.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/copy.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/add-card.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/menu.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/update.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/settings.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/brush.js");
/* harmony import */ var _inAnimation__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../inAnimation */ "./src/inAnimation.js");
/* harmony import */ var _outAnimation__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../outAnimation */ "./src/outAnimation.js");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_8__);
/* harmony import */ var _breakpoints__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../breakpoints */ "./src/breakpoints.js");
/* harmony import */ var _dropdown__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../dropdown */ "./src/components/dropdown/index.js");
/* harmony import */ var _icon_picker__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../icon-picker */ "./src/components/icon-picker/index.js");
/* harmony import */ var _input_select__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../input-select */ "./src/components/input-select/index.js");
/* harmony import */ var _input_toggle__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../input-toggle */ "./src/components/input-toggle/index.js");
/* harmony import */ var _input_text__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../input-text */ "./src/components/input-text/index.js");
/* harmony import */ var _input_textarea__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../input-textarea */ "./src/components/input-textarea/index.js");
/* harmony import */ var _input_wp_editor__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../input-wp-editor */ "./src/components/input-wp-editor/index.js");
/* harmony import */ var _openai_prompts__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../openai-prompts */ "./src/components/openai-prompts/index.js");
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../styles */ "./src/components/styles/index.js");
/* harmony import */ var _tab__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../tab */ "./src/components/tab/index.js");
/* harmony import */ var _tabs__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../tabs */ "./src/components/tabs/index.js");
/* harmony import */ var _edit_accordion_iconsList__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../edit-accordion/iconsList */ "./src/components/edit-accordion/iconsList.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__);
const {
  Component,
  RawHTML,
  useState,
  useEffect
} = wp.element;
























var myStore = wp.data.select("postgrid-shop");
function Html(props) {
  if (!props.warn) {
    return null;
  }
  var onChange = props.onChange;
  var addNotifications = props.addNotifications;
  var setHelp = props.setHelp;
  var postData = props.postData;
  if (postData.post_content == null) {
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
      className: "p-3 my-5 bg-orange-400",
      children: "Please choose an accordion first."
    });
  }
  var breakPointX = "Desktop";
  var [accordionData, setaccordionData] = useState(postData.post_content); // Using the hook.

  var [globalOptions, setglobalOptions] = useState(accordionData.globalOptions); // Using the hook.

  var [itemQueryArgs, setitemQueryArgs] = useState(accordionData.itemQueryArgs); // Using the hook.

  var [wrapper, setwrapper] = useState(accordionData.wrapper); // Using the hook.
  var [items, setitems] = useState(accordionData.items); // Using the hook.
  var [content, setcontent] = useState(accordionData.content);
  var [accOptions, setaccOptions] = useState(accordionData.accOptions);
  var [labelCounter, setlabelCounter] = useState(accordionData.labelCounter);
  var [labelIcon, setlabelIcon] = useState(accordionData.labelIcon);
  var [icon, seticon] = useState(accordionData.icon);
  var [iconToggle, seticonToggle] = useState(accordionData.iconToggle);
  var [topWrap, settopWrap] = useState(accordionData.topWrap);
  var [navsWrap, setnavsWrap] = useState(accordionData?.navsWrap);
  var [navItem, setnavItem] = useState(accordionData?.navItem);
  var [activeNavItem, setactiveNavItem] = useState(accordionData?.activeNavItem);
  var [navLabel, setnavLabel] = useState(accordionData?.navLabel);
  var [panelWrap, setpanelWrap] = useState(accordionData?.panelWrap);
  var [panelWrapActive, setpanelWrapActive] = useState(accordionData?.panelWrapActive);
  var [styleObj, setstyleObj] = useState({}); // Using the hook.
  const [taxonomiesObjects, setTaxonomiesObjects] = useState([]);
  var [customerData, setcustomerData] = useState(props.customerData);
  var [isProFeature, setisProFeature] = useState(true);
  const gapValue = accOptions?.gap || "0px";
  const [number, setNumber] = useState(parseInt(gapValue));
  const [unit, setUnit] = useState(gapValue.replace(number, ""));
  const [itemActive, setitemActive] = useState(99999);
  const [AIautoUpdate, setAIautoUpdate] = useState(false);
  var [AIWriter, setAIWriter] = useState(false); // Using the hook.
  var formattedPrompt = "Respond only with question answer as json array and no other text. Do not include any explanations, introductions, or concluding remarks.";
  var breakPointList = [{
    label: "Select..",
    icon: "",
    value: ""
  }];
  for (var x in _breakpoints__WEBPACK_IMPORTED_MODULE_9__["default"]) {
    var breakPointItem = _breakpoints__WEBPACK_IMPORTED_MODULE_9__["default"][x];
    breakPointList.push({
      label: breakPointItem.name,
      icon: breakPointItem.icon,
      value: breakPointItem.id
    });
  }
  var postTypes = [];
  const postTypesData = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_2__.useSelect)(select => select(_wordpress_core_data__WEBPACK_IMPORTED_MODULE_1__.store).getPostTypes({
    per_page: -1
  }), []);
  postTypesData !== null && postTypesData.map(x => {
    postTypes.push({
      value: x.slug,
      label: x.name
    });
  });
  useEffect(() => {
    _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({
      path: "/accordions/v2/post_type_objects",
      method: "POST",
      data: {
        postTypes: []
      }
    }).then(res => {
      var taxonomies = [];
      res.map(item => {
        taxonomies.push({
          label: item.label,
          value: item.id
        });
      });
      setTaxonomiesObjects(taxonomies);
    });
  }, []);
  useEffect(() => {
    if (customerData.isPro) {
      setisProFeature(false);
    }
  }, [props.customerData]);
  useEffect(() => {
    onChange(accordionData);
  }, [accordionData]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.globalOptions = globalOptions;
    setaccordionData(accordionDataX);
  }, [globalOptions]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.accOptions = accOptions;
    setaccordionData(accordionDataX);
  }, [accOptions]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.items = items;
    setaccordionData(accordionDataX);
  }, [items]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.wrapper = wrapper;
    setaccordionData(accordionDataX);
  }, [wrapper]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.navsWrap = navsWrap;
    setaccordionData(accordionDataX);
  }, [navsWrap]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.navItem = navItem;
    setaccordionData(accordionDataX);
  }, [navItem]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.activeNavItem = activeNavItem;
    setaccordionData(accordionDataX);
  }, [activeNavItem]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.navLabel = navLabel;
    setaccordionData(accordionDataX);
  }, [navLabel]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.panelWrap = panelWrap;
    setaccordionData(accordionDataX);
  }, [panelWrap]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.content = content;
    setaccordionData(accordionDataX);
  }, [content]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.labelCounter = labelCounter;
    setaccordionData(accordionDataX);
  }, [labelCounter]);
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.labelIcon = labelIcon;
    setaccordionData(accordionDataX);
  }, [labelIcon]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.icon = icon;
  // 	setaccordionData(accordionDataX);
  // }, [icon]);

  // useEffect(() => {
  // 	var accordionDataX = { ...accordionData };
  // 	accordionDataX.iconToggle = iconToggle;
  // 	setaccordionData(accordionDataX);
  // }, [iconToggle]);

  useEffect(() => {
    setaccordionData(prevData => ({
      ...prevData,
      icon,
      iconToggle
    }));
  }, [icon, iconToggle]);
  const updateIconOptions = (icon, itemSrc) => ({
    ...icon,
    options: {
      ...icon.options,
      iconSrc: itemSrc
    }
  });
  const handleClick = item => {
    seticon(prevIcon => updateIconOptions(prevIcon, item.icon));
    seticonToggle(prevIconToggle => updateIconOptions(prevIconToggle, item.toggle));
  };
  useEffect(() => {
    var accordionDataX = {
      ...accordionData
    };
    accordionDataX.topWrap = topWrap;
    setaccordionData(accordionDataX);
  }, [topWrap]);
  var RemoveSliderArg = function ({
    index
  }) {
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
      className: "cursor-pointer hover:bg-red-500 hover:text-white ",
      onClick: ev => {
        var sliderOptionsX = {
          ...accOptions
        };
        delete sliderOptionsX[index];
        setaccOptions(sliderOptionsX);
      },
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
        icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_23__["default"]
      })
    });
  };
  function onChangeStyle(sudoScource, newVal, attr, propertyType, setProperty) {
    var path = [sudoScource, attr, breakPointX];
    let obj = {
      ...propertyType
    };
    const object = myStore.updatePropertyDeep(obj, path, newVal);
    setProperty(object);
  }
  function onAddStyle(sudoScource, key, propertyType, setProperty) {
    var path = [sudoScource, key, breakPointX];
    let obj = {
      ...propertyType
    };
    const object = myStore.addPropertyDeep(obj, path, "");
    setProperty(object);
  }
  function onResetStyle(sudoSources, propertyType, setProperty) {
    let obj = Object.assign({}, propertyType);
    Object.entries(sudoSources).map(args => {
      var sudoScource = args[0];
      if (obj[sudoScource] == undefined) {} else {
        obj[sudoScource] = {};
        // var elementSelector = myStore.getElementSelector(
        // 	sudoScource,
        // 	contentSelector // Replace this selector if needed
        // );
      }
    });
    setProperty(obj);
  }
  function onRemoveStyle(sudoScource, key, propertyType, setProperty) {
    let obj = {
      ...propertyType
    };
    var object = myStore.deletePropertyDeep(obj, [sudoScource, key, breakPointX]);
    var isEmpty = Object.entries(object[sudoScource][key]).length === 0 ? true : false;
    var objectX = isEmpty ? myStore.deletePropertyDeep(object, [sudoScource, key]) : object;
    setProperty(objectX);
  }
  function onBulkAddStyle(sudoSource, cssObj, propertyType, setProperty) {
    let obj = {
      ...propertyType
    };
    obj[sudoSource] = cssObj;
    setProperty(obj);
  }
  var accOptionsArgs = {
    autoplay: {
      label: "Auto play",
      value: 1
    }
  };
  var postQueryArgs = {
    postType: {
      value: ["post"],
      id: "postType",
      label: "Post types",
      description: "Select Post Types to Query"
    },
    s: {
      value: "",
      id: "s",
      label: "Keyword",
      description: "Search keyword, ex: hello"
    },
    postStatus: {
      value: [],
      id: "postStatus",
      label: "Post status",
      description: "Query post by post status"
    },
    order: {
      value: "",
      id: "order",
      label: "Order",
      description: "Post query order"
    },
    orderby: {
      value: [],
      id: "orderby",
      label: "Orderby",
      description: "Post query orderby"
    },
    metaKey: {
      value: "",
      id: "metaKey",
      label: "Meta fields key",
      description: "Post query by meta fields key"
    },
    metaValue: {
      value: "",
      id: "metaValue",
      label: "Meta Value",
      description: "Post query by custom field value"
    },
    metaValueNum: {
      value: "",
      id: "metaValueNum",
      label: "Meta Value Num",
      description: "Post query by custom field value for number types"
    },
    metaCompare: {
      value: "",
      id: "metaCompare",
      label: "Meta Compare",
      description: "Meta query compare"
    }
  };
  const updatePostQueryArgs = (newVal, index) => {
    var itemQueryArgsX = [...itemQueryArgs];
    itemQueryArgsX[index].value = newVal;
    setitemQueryArgs(itemQueryArgsX);
  };
  var termQueryArgs = {
    taxonomy: {
      value: "category",
      id: "taxonomy",
      label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Taxonomy", "accordions"),
      description: "Select Taxonomy to Query",
      longDescription: "Taxonomy name, or array of taxonomy names, to which results should be limited."
    },
    orderby: {
      value: "name",
      id: "orderby",
      label: "Order By",
      description: "Search keyword, ex: hello"
    },
    order: {
      value: "ASC",
      id: "order",
      label: "Order",
      description: "Whether to order terms in ascending or descending order."
    },
    hide_empty: {
      value: true,
      id: "hide_empty",
      label: "Hide Empty",
      description: "Accepts true or false value.",
      longDescription: "Whether to hide terms not assigned to any posts. Accepts 1|true or 0|false."
    },
    number: {
      value: false,
      id: "number",
      label: "Number",
      description: "Accepts 0 (all) or any positive number.",
      longDescription: "Maximum number of terms to return. Accepts ''|0 (all) or any positive number. Default ''|0 (all). Note that $number may not return accurate results when coupled with $object_ids."
    },
    include: {
      value: "category",
      id: "include",
      //isPro: true,
      label: "Include",
      description: "Comma-separated string of term IDs to include.",
      longDescription: "Array or comma/space-separated string of term IDs to include. Default empty array.",
      placeholder: "Comma-separated string of term IDs to include."
    },
    exclude: {
      value: "",
      id: "exclude",
      //isPro: true,
      label: "Exclude",
      description: "Comma-separated string of term IDs to exclude.",
      longDescription: "Array or comma/space-separated string of term IDs to exclude. If $include is non-empty, $exclude is ignored. Default empty array.",
      placeholder: "Comma-separated string of term IDs to exclude."
    },
    child_of: {
      value: "",
      id: "child_of",
      //isPro: true,
      label: "Child of",
      description: "Term ID to retrieve child terms of.",
      longDescription: "Term ID to retrieve child terms of. If multiple taxonomies are passed, $child_of is ignored. Default 0."
    },
    parent: {
      value: "",
      id: "parent",
      //isPro: true,
      label: "Parent",
      description: "Add {ID} to add Parent term ID to retrieve direct-child terms of.",
      longDescription: "Parent term ID to retrieve direct-child terms of."
    },
    meta_key: {
      value: "",
      id: "meta_key",
      //isPro: true,
      label: "Meta key",
      description: "Comma-separated keys to return term(s) for.",
      longDescription: "Meta key or keys to filter by."
    },
    meta_value: {
      value: "",
      id: "meta_value",
      //isPro: true,
      label: "Meta value",
      description: "Comma-separated keys to return term(s) for.",
      longDescription: "Meta value or values to filter by."
    }
  };
  const updateTermQueryArgs = (newVal, index) => {
    var itemQueryArgsX = [...itemQueryArgs];
    itemQueryArgsX[index].value = newVal;
    setitemQueryArgs(itemQueryArgsX);
  };
  var itemSources = {
    manual: {
      label: "Manual",
      value: "manual"
    },
    easyAccordion: {
      label: "Easy Accordion - FAQ Group",
      value: "easyAccordion"
    }
    // posts: {
    // 	label: "Posts",
    // 	value: "posts",
    // 	isPro: customerData.isPro ? false : true,
    // },
    // terms: {
    // 	label: "Terms",
    // 	value: "terms",
    // 	isPro: customerData.isPro ? false : true,
    // },
  };
  function generate3Digit() {
    return Math.floor(100 + Math.random() * 900);
  }
  const copyData = data => {
    navigator.clipboard.writeText(data).then(() => {
      addNotifications({
        title: "Copied to clipboard!",
        content: "Use the shortcode in page or post conent where you want to display.",
        type: "success"
      });
    }).catch(err => {});
  };
  function escapeHTML(str) {
    const map = {
      '&': '&amp;',
      '<': '&lt;',
      '>': '&gt;',
      '"': '&quot;',
      "'": '&#039;'
    };
    return str.replace(/[&<>"']/g, function (match) {
      return map[match];
    });
  }
  function unescapeHTML(str) {
    const map = {
      '&amp;': '&',
      '&lt;': '<',
      '&gt;': '>',
      '&quot;': '"',
      '&#039;': "'"
    };
    return str.replace(/&amp;|&lt;|&gt;|&quot;|&#039;/g, function (match) {
      return map[match];
    });
  }
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
    className: "",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
      className: "hidden",
      onClick: () => {
        var str = `{
				"wrapper":${JSON.stringify(wrapper)},
				"navItem":${JSON.stringify(navItem)},
				"activeNavItem":${JSON.stringify(activeNavItem)},
				"labelCounter":${JSON.stringify(labelCounter)},
				"labelIcon":${JSON.stringify(labelIcon)},
				"icon":${JSON.stringify(icon)},
				"iconToggle":${JSON.stringify(iconToggle)},
				"navLabel":${JSON.stringify(navLabel)},
				"panelWrap":${JSON.stringify(panelWrap)},
				"topWrap":${JSON.stringify(topWrap)},
				}`;
        copyData(str);
        addNotifications({
          title: "Copied to clipboard!",
          content: "Use the shortcode in page or post conent where you want to display.",
          type: "success"
        });
      },
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
        className: "p-3",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
          children: `{`
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
          children: [`"wrapper":${JSON.stringify(wrapper)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
          children: [`"navsWrap":${JSON.stringify(navsWrap)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
          children: [`"navItem":${JSON.stringify(navItem)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
          children: [`"activeNavItem":${JSON.stringify(activeNavItem)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
          children: [`"labelCounter":${JSON.stringify(labelCounter)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
          children: [`"labelIcon":${JSON.stringify(labelIcon)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
          children: [`"icon":${JSON.stringify(icon)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
          children: [`"iconToggle":${JSON.stringify(iconToggle)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
          children: [`"navLabel":${JSON.stringify(navLabel)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
          children: [`"panelWrap":${JSON.stringify(panelWrap)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
          children: [`"panelWrapActive":${JSON.stringify(panelWrapActive)}`, ","]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
          children: `}`
        })]
      })
    }), props.postData.post_content != null && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.Fragment, {
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Items",
        initialOpen: true,
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
          className: "my-4 flex items-center justify-between ",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
            className: " flex items-center  gap-2",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_10__["default"], {
              position: "bottom right",
              variant: "secondary",
              buttonTitle: globalOptions?.itemSource == undefined ? "Item Source" : itemSources[globalOptions?.itemSource]?.label,
              options: itemSources,
              onChange: (option, index) => {
                var globalOptionsX = {
                  ...globalOptions
                };
                globalOptionsX.itemSource = option.value;
                setglobalOptions(globalOptionsX);
              },
              values: ""
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
            className: "flex items-center  gap-2",
            children: [globalOptions?.itemSource == "posts" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.Fragment, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "addPostQuery",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_24__["default"]
                })
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_10__["default"], {
                position: "bottom right",
                variant: "secondary",
                buttonTitle: "Add Query",
                options: postQueryArgs,
                onChange: (option, index) => {
                  var itemQueryArgsX = {
                    ...itemQueryArgs
                  };
                  itemQueryArgsX[option.id] = {
                    id: option.id,
                    value: option.value
                  };
                  setitemQueryArgs(itemQueryArgsX);
                },
                values: ""
              })]
            }), globalOptions?.itemSource == "terms" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.Fragment, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "addTermQuery",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_24__["default"]
                })
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_10__["default"], {
                position: "bottom right",
                variant: "secondary",
                buttonTitle: "Add Query",
                options: termQueryArgs,
                onChange: (option, index) => {
                  var itemQueryArgsX = {
                    ...itemQueryArgs
                  };
                  itemQueryArgsX[option.id] = {
                    id: option.id,
                    value: option.value
                  };
                  setitemQueryArgs(itemQueryArgsX);
                },
                values: ""
              })]
            }), globalOptions?.itemSource == "easyAccordion" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.Fragment, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "addTermQuery",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_24__["default"]
                })
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_10__["default"], {
                position: "bottom right",
                variant: "secondary",
                buttonTitle: "Add Query",
                options: easyAccordionQueryArgs,
                onChange: (option, index) => {
                  var itemQueryArgsX = {
                    ...itemQueryArgs
                  };
                  itemQueryArgsX[option.id] = {
                    id: option.id,
                    value: option.value
                  };
                  setitemQueryArgs(itemQueryArgsX);
                },
                values: ""
              })]
            }), globalOptions?.itemSource == "manual" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.Fragment, {
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex items-center gap-2",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                  className: "flex items-center gap-2 bg-slate-700 text-white px-3 py-2 rounded-sm cursor-pointer hover:bg-slate-600",
                  title: "Click to paste",
                  onClick: async () => {
                    try {
                      // Read text from clipboard
                      const clipboardText = await navigator.clipboard.readText();

                      // Parse the JSON string back to an object
                      const pastedItems = JSON.parse(clipboardText);

                      // Here you need to handle the pasted items
                      // For example, if you have a state setter:
                      setitems(pastedItems);
                      addNotifications({
                        title: "Items Pasted",
                        content: "You just pasted items, Now go to edit.",
                        type: "success"
                      });
                    } catch (error) {}
                  },
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                    icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_25__["default"],
                    fill: "#fff",
                    size: "20"
                  })
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                  className: "flex items-center gap-2 bg-slate-700 text-white px-3 py-2 rounded-sm cursor-pointer hover:bg-slate-600",
                  title: "Click to copy",
                  onClick: () => {
                    try {
                      const itemsString = JSON.stringify(items, null, 2);
                      navigator.clipboard.writeText(itemsString).then(() => {
                        addNotifications({
                          title: "Items Copied",
                          content: "You just copied items, Now go to edit.",
                          type: "success"
                        });
                      }).catch(err => {});
                    } catch (error) {}
                  },
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                    icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_26__["default"],
                    fill: "#fff",
                    size: "20"
                  })
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
                className: "flex items-center gap-2 bg-slate-700 text-white px-3 py-2 rounded-sm cursor-pointer hover:bg-slate-600",
                onClick: ev => {
                  var itemsX = [...items];
                  itemsX.push({
                    active: 0,
                    hideOnSchema: 0,
                    headerLabelText: "",
                    headerLabelSlug: "",
                    headerLabelToggledText: "",
                    contentText: "",
                    labelIcon: {
                      options: {
                        library: "fontAwesome",
                        srcType: "class",
                        iconSrc: ""
                      },
                      styles: {}
                    }
                  });
                  setitems(itemsX);
                  addNotifications({
                    title: "Item Added",
                    content: "You just added an item, Now go to edit.",
                    type: "success"
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_27__["default"],
                  fill: "#fff",
                  size: "20"
                })
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: " tracking-wide ",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
                  className: "py-2 px-4 cursor-pointer  capitalize bg-gray-700 text-white font-medium rounded hover:bg-gray-600 focus:outline-none focus:bg-gray-600",
                  onClick: ev => {
                    ev.preventDefault();
                    ev.stopPropagation();
                    if (isProFeature) {
                      addNotifications({
                        title: "Opps its pro!",
                        content: "This feature only avilable in premium version",
                        type: "error"
                      });
                      return;
                    }
                    setAIWriter(!AIWriter);
                  },
                  children: "AI"
                }), AIWriter && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Popover, {
                  position: "bottom right",
                  children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                    className: "w-[800px] p-3 relative",
                    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                      className: "cursor-pointer px-1 bg-red-500 hover:bg-red-700 hover:text-white absolute top-0 right-0",
                      onClick: ev => {
                        ev.preventDefault();
                        ev.stopPropagation();
                        setAIWriter(!AIWriter);
                      },
                      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                        fill: "#fff",
                        icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_23__["default"]
                      })
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_openai_prompts__WEBPACK_IMPORTED_MODULE_17__["default"], {
                      value: "",
                      formattedPrompt: formattedPrompt,
                      promptsAgs: {
                        action: "write",
                        aiModel: "gpt-4-turbo",
                        objective: "generateFAQ"
                      },
                      autoUpdate: AIautoUpdate,
                      onResponseLoaded: (value, autoUpdate) => {
                        // if (autoUpdate) {
                        // 	var options = { ...text.options, content: value };
                        // 	setAttributes({ text: { ...text, options: options } });
                        // }
                      },
                      clickHandle: (value, action) => {
                        var valueObj = JSON.parse(value);
                        if (action == "prepend") {
                          var itemsX = [...items];
                          var faqX = [];
                          valueObj.map(item => {
                            var answer = item.answer;
                            var question = item.question;
                            faqX.push({
                              active: 0,
                              hideOnSchema: 0,
                              headerLabelText: question,
                              headerLabelSlug: "",
                              headerLabelToggledText: "",
                              contentText: answer,
                              labelIcon: {
                                options: {
                                  library: "fontAwesome",
                                  srcType: "class",
                                  iconSrc: ""
                                },
                                styles: {}
                              }
                            });
                          });
                          setitems([...faqX, ...itemsX]);
                          addNotifications({
                            title: "Items append",
                            content: "Items append, You can customize now.",
                            type: "success"
                          });
                        }
                        if (action == "append") {
                          var itemsX = [...items];
                          var faqX = [];
                          valueObj.map(item => {
                            var answer = item.answer;
                            var question = item.question;
                            faqX.push({
                              active: 0,
                              hideOnSchema: 0,
                              headerLabelText: question,
                              headerLabelSlug: "",
                              headerLabelToggledText: "",
                              contentText: answer,
                              labelIcon: {
                                options: {
                                  library: "fontAwesome",
                                  srcType: "class",
                                  iconSrc: ""
                                },
                                styles: {}
                              }
                            });
                          });
                          setitems([...itemsX, ...faqX]);
                          addNotifications({
                            title: "Items Append",
                            content: "Items append, You can customize now.",
                            type: "success"
                          });
                        }
                        if (action == "replace") {
                          var itemsX = [...items];
                          var faqX = [];
                          valueObj.map(item => {
                            var answer = item.answer;
                            var question = item.question;
                            faqX.push({
                              active: 0,
                              hideOnSchema: 0,
                              headerLabelText: question,
                              headerLabelSlug: "",
                              headerLabelToggledText: "",
                              contentText: answer,
                              labelIcon: {
                                options: {
                                  library: "fontAwesome",
                                  srcType: "class",
                                  iconSrc: ""
                                },
                                styles: {}
                              }
                            });
                          });
                          setitems(faqX);
                          addNotifications({
                            title: "Items Added",
                            content: "You just added an item, Now go to edit.",
                            type: "success"
                          });
                        }

                        //setAttributes({ itemsX: { ...itemsX, items: itemx } });
                      }
                    })]
                  })
                })]
              })]
            })]
          })]
        }), globalOptions?.itemSource == "posts" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
          children: Object.entries(itemQueryArgs)?.map(prams => {
            var index = prams[0];
            var item = prams[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
              className: "my-4 flex gap-2 items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                className: "cursor-pointer px-1 bg-red-500 hover:bg-red-700 hover:text-white",
                onClick: () => handleDelete(item.id),
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  fill: "#fff",
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_23__["default"],
                  size: "20"
                })
              }), item.id == "postType" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Post Type"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_12__["default"], {
                  val: item.value,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  options: postTypes,
                  multiple: true,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "postStatus" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "postStatus" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Post Status"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_12__["default"], {
                  val: item.value,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  options: [{
                    label: "Publish",
                    value: "publish"
                  }, {
                    label: "Pending",
                    value: "pending"
                  }, {
                    label: "Draft",
                    value: "draft"
                  }, {
                    label: "Auto draft",
                    value: "auto-draft"
                  }, {
                    label: "Future",
                    value: "future"
                  }, {
                    label: "Private",
                    value: "private"
                  }, {
                    label: "Inherit",
                    value: "inherit"
                  }, {
                    label: "Trash",
                    value: "trash"
                  }, {
                    label: "Any",
                    value: "any"
                  }],
                  multiple: true,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "order" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "order" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Order"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_12__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  val: item.value,
                  options: [{
                    label: "Ascending",
                    value: "ASC"
                  }, {
                    label: "Descending",
                    value: "DESC"
                  }],
                  multiple: false,
                  onChange: newVal => updatePostQueryArgs(newVal, index)
                })]
              }), item.id == "orderby" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "orderby" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Order By"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_12__["default"], {
                  val: item.value,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  options: [{
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("None", "accordions"),
                    value: "none"
                  }, {
                    label: "ID",
                    value: "ID"
                  }, {
                    label: "Author",
                    value: "author"
                  }, {
                    label: "Title",
                    value: "title"
                  }, {
                    label: "Name",
                    value: "name"
                  }, {
                    label: "Type",
                    value: "type"
                  }, {
                    label: "Date",
                    value: "date"
                  }, {
                    label: "Modified",
                    value: "modified"
                  }, {
                    label: "Parent",
                    value: "parent"
                  }, {
                    label: "Random",
                    value: "rand"
                  }, {
                    label: "Comment Count",
                    value: "comment_count"
                  }, {
                    label: "Relevance",
                    value: "relevance"
                  }, {
                    label: "Menu Order",
                    value: "menu_order"
                  }, {
                    label: "Meta Value(String)",
                    value: "meta_value"
                  }, {
                    label: "Meta Value(Number)",
                    value: "meta_value_num"
                  }, {
                    label: "post__in",
                    value: "post__in"
                  }, {
                    label: "post_name__in",
                    value: "post_name__in"
                  }, {
                    label: "post_parent__in",
                    value: "post_parent__in"
                  }],
                  multiple: true,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "metaKey" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Key"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_14__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "metaValue" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Value"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_14__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "metaValueNum" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Value Number"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_14__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "s" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Keyword"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_14__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "metaCompare" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "metaCompare" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Compare"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_12__["default"], {
                  val: item.value,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  options: [{
                    label: "=",
                    value: "="
                  }, {
                    label: "!=",
                    value: "!="
                  }, {
                    label: ">",
                    value: ">"
                  }, {
                    label: ">=",
                    value: ">="
                  }, {
                    label: "<",
                    value: "<"
                  }, {
                    label: "<=",
                    value: "<="
                  }, {
                    label: "LIKE",
                    value: "LIKE"
                  }, {
                    label: "NOT LIKE",
                    value: "NOT LIKE"
                  }, {
                    label: "IN",
                    value: "IN"
                  }, {
                    label: "NOT IN",
                    value: "NOT IN"
                  }, {
                    label: "BETWEEN",
                    value: "BETWEEN"
                  }, {
                    label: "NOT BETWEEN",
                    value: "NOT BETWEEN"
                  }, {
                    label: "NOT EXISTS",
                    value: "NOT EXISTS"
                  }, {
                    label: "REGEXP",
                    value: "REGEXP"
                  }, {
                    label: "NOT REGEXP",
                    value: "NOT REGEXP"
                  }, {
                    label: "RLIKE",
                    value: "RLIKE"
                  }],
                  onChange: newVal => {
                    updatePostQueryArgs(newVal, item.id);
                  }
                })]
              })]
            }, index);
          })
        }), globalOptions?.itemSource == "terms" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
          children: Object.entries(itemQueryArgs)?.map(prams => {
            var index = prams[0];
            var item = prams[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
              className: "my-4 flex gap-2 items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                className: "cursor-pointer px-1 bg-red-500 hover:bg-red-700 hover:text-white",
                onClick: () => handleDelete(item.id),
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  fill: "#fff",
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_23__["default"],
                  size: "20"
                })
              }), item.id == "taxonomy" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex items-center justify-between flex-1",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Taxonomy"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_12__["default"], {
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  val: item.value,
                  options: taxonomiesObjects,
                  multiple: true,
                  onChange: newVal => {
                    var itemQueryArgsX = {
                      ...itemQueryArgs
                    };
                    itemQueryArgsX[index].value = newVal;
                    setitemQueryArgs(itemQueryArgsX);

                    //updatePostQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "orderby" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "orderby" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Order By"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_12__["default"], {
                  val: item.value,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  options: [{
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("None", "accordions"),
                    value: "none"
                  }, {
                    label: "ID",
                    value: "ID"
                  }, {
                    label: "Author",
                    value: "author"
                  }, {
                    label: "Title",
                    value: "title"
                  }, {
                    label: "Name",
                    value: "name"
                  }, {
                    label: "Type",
                    value: "type"
                  }, {
                    label: "Date",
                    value: "date"
                  }, {
                    label: "Modified",
                    value: "modified"
                  }, {
                    label: "Parent",
                    value: "parent"
                  }, {
                    label: "Random",
                    value: "rand"
                  }, {
                    label: "Comment Count",
                    value: "comment_count"
                  }, {
                    label: "Relevance",
                    value: "relevance"
                  }, {
                    label: "Menu Order",
                    value: "menu_order"
                  }, {
                    label: "Meta Value(String)",
                    value: "meta_value"
                  }, {
                    label: "Meta Value(Number)",
                    value: "meta_value_num"
                  }, {
                    label: "post__in",
                    value: "post__in"
                  }, {
                    label: "post_name__in",
                    value: "post_name__in"
                  }, {
                    label: "post_parent__in",
                    value: "post_parent__in"
                  }],
                  multiple: true,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "order" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "order" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Order"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_select__WEBPACK_IMPORTED_MODULE_12__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  val: item.value,
                  options: [{
                    label: "Ascending",
                    value: "ASC"
                  }, {
                    label: "Descending",
                    value: "DESC"
                  }],
                  multiple: false,
                  onChange: newVal => updatePostQueryArgs(newVal, index)
                })]
              }), item.id == "number" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "number" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Number"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(PGinputNumber, {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "include" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "include" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Include"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_14__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "exclude" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "exclude" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Exclude"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_14__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "child_of" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "child_of" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Child Of"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_14__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "parent" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "parent" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Parent"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_14__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "meta_key" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "meta_key" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Key"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_14__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "meta_value" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "meta_value" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Meta Value"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_14__["default"], {
                  label: "",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[200px]",
                  value: item.value,
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              }), item.id == "hide_empty" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: item.id == "hide_empty" ? "flex items-center justify-between flex-1" : "hidden",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "Hide Empty"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_13__["default"], {
                  value: item?.value,
                  onChange: () => {
                    const newValue = !itemQueryArgs[index].value;
                    updateTermQueryArgs(newValue, index);
                  }
                })]
              })]
            }, index);
          })
        }), globalOptions?.itemSource == "easyAccordion" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
          children: Object.entries(itemQueryArgs)?.map(prams => {
            var index = prams[0];
            var item = prams[1];
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
              className: "my-4",
              children: item.id == "postId" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: `flex items-center justify-between`,
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  children: "FAQ Group ID"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.__experimentalInputControl, {
                  value: item.value,
                  type: "number",
                  onChange: newVal => {
                    updateTermQueryArgs(newVal, item.id);
                  }
                })]
              })
            }, index);
          })
        }), globalOptions?.itemSource == "manual" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(react_sortablejs__WEBPACK_IMPORTED_MODULE_4__.ReactSortable, {
            list: items,
            handle: ".handle",
            setList: itemsSorted => {
              setTimeout(() => {
                setitems(itemsSorted);
              }, 200);
              addNotifications({
                title: "Items Sorted",
                content: "You just sorted items",
                type: "success"
              });
            },
            children: items?.map((item, index) => {
              return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.Fragment, {
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                  className: "",
                  children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                    className: "bg-slate-300 flex justify-between items-center p-3 py-2 my-2 cursor-pointer hover:bg-slate-400",
                    onClick: ev => {
                      setitemActive(index == itemActive ? 999 : index);
                    },
                    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
                      children: item?.headerLabelText
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                      className: "flex items-center gap-2",
                      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                        className: "handle  cursor-pointer bg-gray-700 hover:bg-gray-600 hover:text-white px-1 py-1",
                        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                          size: "20",
                          fill: "#fff",
                          icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_28__["default"]
                        })
                      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                        className: "cursor-pointer bg-gray-700 hover:bg-gray-600 hover:text-white px-1 py-1",
                        onClick: ev => {
                          ev.stopPropagation();
                          var itemsX = [...items];
                          var itemToDup = {
                            ...itemsX[index]
                          };
                          itemsX.splice(index + 1, 0, itemToDup);
                          setitems(itemsX);
                          addNotifications({
                            title: "Item Duplicated",
                            content: "You just duplicate an item",
                            type: "success"
                          });
                        },
                        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                          size: "20",
                          fill: "#fff",
                          icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_26__["default"]
                        })
                      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                        className: "cursor-pointer bg-red-700 hover:bg-red-600 hover:text-white px-1 py-1",
                        onClick: ev => {
                          ev.stopPropagation();
                          var itemsX = [...items];
                          itemsX.splice(index, 1);
                          setitems(itemsX);
                          addNotifications({
                            title: "Item Removed",
                            content: "You just removed an item",
                            type: "success"
                          });
                        },
                        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                          size: "20",
                          fill: "#fff",
                          icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_23__["default"]
                        })
                      })]
                    })]
                  }), itemActive == index && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                    className: "py-2 w-full",
                    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
                      className: "mb-3",
                      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_8__.RichText, {
                        placeholder: "Write Header Text...",
                        className: "bg-slate-100 p-3 ",
                        tagName: "div",
                        value: item?.headerLabelText,
                        onChange: content => {
                          setitems(prevItems => {
                            // 																			console.log(item?.headerLabelSlug)

                            // if(!item?.headerLabelSlugLock){

                            // }

                            const updatedItems = [...prevItems];
                            updatedItems[index] = {
                              ...updatedItems[index],
                              headerLabelText: content
                            };
                            return updatedItems;
                          });
                        }
                      })
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
                      className: "mb-3",
                      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_wp_editor__WEBPACK_IMPORTED_MODULE_16__["default"], {
                        placeholder: "Write Header Text...",
                        editorId: `content-${index}-${generate3Digit()}`,
                        className: `bg-slate-100 p-3 min-h-24 w-full`,
                        value: unescapeHTML(item?.contentText),
                        onChange: content => {
                          content = content.replace(/[\r\n]+/g, '');
                          content = escapeHTML(content);

                          //var content = JSON.stringify(content);
                          console.log(content);
                          setitems(prevItems => {
                            const updatedItems = [...prevItems];
                            updatedItems[index] = {
                              ...updatedItems[index],
                              contentText: content
                            };
                            return updatedItems;
                          });
                        }
                      })
                    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                      className: "mb-3",
                      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                          htmlFor: "",
                          className: "font-medium text-slate-900 ",
                          children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Label Icon", "accordions")
                        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_icon_picker__WEBPACK_IMPORTED_MODULE_11__["default"], {
                          library: item?.labelIcon?.options?.library,
                          srcType: item?.labelIcon?.options?.srcType,
                          iconSrc: item?.labelIcon?.options?.iconSrc,
                          onChange: arg => {
                            if (isProFeature) {
                              addNotifications({
                                title: "Opps its pro!",
                                content: "This feature only avilable in premium version",
                                type: "error"
                              });
                              return;
                            }
                            setitems(prevItems => {
                              const updatedItems = [...prevItems];
                              updatedItems[index] = {
                                ...updatedItems[index],
                                labelIcon: {
                                  ...updatedItems[index].labelIcon,
                                  options: {
                                    ...updatedItems[index]?.labelIcon?.options,
                                    srcType: arg.srcType,
                                    library: arg.library,
                                    iconSrc: arg.iconSrc
                                  }
                                }
                              };
                              return updatedItems;
                            });
                          }
                        })]
                      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                        className: "w-full",
                        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
                          className: "mb-2",
                          children: "Slug"
                        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                          className: "flex items-center gap-2",
                          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_14__["default"], {
                            className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-full ",
                            label: "",
                            value: item?.headerLabelSlug,
                            onChange: newVal => {
                              if (isProFeature) {
                                addNotifications({
                                  title: "Opps its pro!",
                                  content: "This feature only avilable in premium version",
                                  type: "error"
                                });
                                return;
                              }
                              setitems(prevItems => {
                                const updatedItems = [...prevItems];
                                updatedItems[index] = {
                                  ...updatedItems[index],
                                  headerLabelSlug: newVal
                                };
                                return updatedItems;
                              });
                            }
                          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
                            title: "Generate from Label",
                            className: "cursor-pointer rounded-sm bg-gray-700 hover:bg-gray-600 hover:text-white px-1 py-1",
                            onClick: ev => {
                              var slug = item?.headerLabelText.toLowerCase().replaceAll(" ", "-");
                              setitems(prevItems => {
                                const updatedItems = [...prevItems];
                                updatedItems[index] = {
                                  ...updatedItems[index],
                                  headerLabelSlug: slug
                                };
                                return updatedItems;
                              });
                            },
                            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                              fill: "#fff",
                              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_29__["default"]
                            })
                          })]
                        })]
                      })]
                    })]
                  })]
                }, index)
              });
            })
          })
        })]
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Tabs Settings",
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
          className: "py-3",
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("label", {
              htmlFor: "",
              className: "flex gap-2 items-center",
              children: ["Lazyload", " ", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "lazyloadSetting",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_24__["default"]
                })
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_13__["default"], {
              value: globalOptions?.lazyLoad,
              onChange: newVal => {
                var globalOptionsX = {
                  ...globalOptions
                };
                globalOptionsX.lazyLoad = newVal;
                setglobalOptions(globalOptionsX);
              }
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
              htmlFor: "",
              children: "Active Event"
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.SelectControl, {
              className: "w-[140px]",
              label: "",
              value: globalOptions?.activeEvent,
              options: [{
                label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Click", "accordions"),
                value: "click"
              }
              // {
              // 	label: __("Mouseover", "accordions"),
              // 	value: "mouseover",
              // },
              // { label: __("Focus", "accordions"), value: "focus" },
              ],
              onChange: newVal => {
                var globalOptionsX = {
                  ...globalOptions
                };
                globalOptionsX.activeEvent = newVal;
                setglobalOptions(globalOptionsX);
              }
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
              htmlFor: "",
              children: "URL Hash"
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_13__["default"], {
              value: globalOptions?.urlHash,
              onChange: newVal => {
                if (isProFeature) {
                  addNotifications({
                    title: "Opps its pro!",
                    content: "This feature only avilable in premium version",
                    type: "error"
                  });
                  return;
                }
                var globalOptionsX = {
                  ...globalOptions
                };
                globalOptionsX.urlHash = newVal;
                setglobalOptions(globalOptionsX);
              }
            })]
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("label", {
              htmlFor: "",
              className: "flex gap-2 items-center",
              children: ["Auto Play", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                className: "cursor-pointer",
                title: "Click to know more",
                onClick: () => {
                  setHelp({
                    id: "autoPlaySetting",
                    enable: true
                  });
                },
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                  icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_24__["default"]
                })
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_13__["default"], {
              value: globalOptions?.autoPlay,
              onChange: newVal => {
                if (isProFeature) {
                  addNotifications({
                    title: "Opps its pro!",
                    content: "This feature only avilable in premium version",
                    type: "error"
                  });
                  return;
                }
                var globalOptionsX = {
                  ...globalOptions
                };
                globalOptionsX.autoPlay = newVal;
                setglobalOptions(globalOptionsX);
              }
            })]
          }), globalOptions?.autoPlay && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.Fragment, {
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
              className: "w-full",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                htmlFor: "",
                className: "break-all",
                children: "Auto Play Timeout"
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_14__["default"], {
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[150px]",
                label: "",
                value: globalOptions?.autoPlayTimeout,
                onChange: newVal => {
                  var globalOptionsX = {
                    ...globalOptions
                  };
                  globalOptionsX.autoPlayTimeout = newVal;
                  setglobalOptions(globalOptionsX);
                }
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
              className: "w-full",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                htmlFor: "",
                className: "break-all",
                children: "Auto Play Delay"
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_14__["default"], {
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[150px]",
                label: "",
                value: globalOptions?.autoPlayDelay,
                onChange: newVal => {
                  var globalOptionsX = {
                    ...globalOptions
                  };
                  globalOptionsX.autoPlayDelay = newVal;
                  setglobalOptions(globalOptionsX);
                }
              })]
            })]
          })]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
        className: "font-medium text-slate-900 ",
        title: "Wrapper",
        initialOpen: false,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_20__["default"], {
          activeTab: "options",
          orientation: "horizontal",
          activeClass: "active-tab",
          onSelect: tabName => {},
          tabs: [{
            name: "options",
            title: "Options",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__["default"],
            className: "tab-settings"
          }, {
            name: "styles",
            title: "Styles",
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__["default"],
            className: "tab-style"
          }
          // {
          // 	name: "css",
          // 	title: "CSS Library",
          // 	icon: mediaAndText,
          // 	className: "tab-css",
          // },
          ],
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_19__["default"], {
            name: "options",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
              className: "flex  my-5  justify-between items-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                className: "",
                htmlFor: "emailVerification",
                children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_14__["default"], {
                value: wrapper?.options?.class,
                className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                onChange: newVal => {
                  var optionsX = {
                    ...wrapper,
                    options: {
                      ...wrapper?.options,
                      class: newVal
                    }
                  };
                  setwrapper(optionsX);
                }
              })]
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_19__["default"], {
            name: "styles",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_18__["default"], {
              obj: wrapper,
              onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, wrapper, setwrapper),
              onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, wrapper, setwrapper),
              onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, wrapper, setwrapper),
              onReset: sudoSources => onResetStyle(sudoSources, wrapper, setwrapper),
              onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, wrapper, setwrapper)
            })
          })]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
        title: "Icons",
        initialOpen: false,
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("div", {
          className: "flex flex-wrap justify-between my-4",
          children: _edit_accordion_iconsList__WEBPACK_IMPORTED_MODULE_21__.iconsList.map((item, index) => {
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
              className: "flex flex-col gap-1 border border-solid border-slate-300",
              // onClick={() => {
              // 	console.log(item);
              // 	var iconX = { ...icon };
              // 	var optionsX = {
              // 		...iconX.options,
              // 		iconSrc: item.icon,
              // 	};
              // 	iconX.options = optionsX;
              // 	seticon(iconX);

              // 	var iconToggleX = { ...iconToggle };
              // 	var optionsToggleX = {
              // 		...iconToggleX.options,
              // 		iconSrc: item.toggle,
              // 	};
              // 	iconToggleX.options = optionsToggleX;
              // 	seticonToggle(iconToggleX);
              // }}
              onClick: () => handleClick(item),
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                className: ` flex items-center justify-center p-1 border-0 border-b border-solid border-b-slate-300 !text-[12px] ${item.icon}`
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                className: ` flex items-center justify-center p-1 !text-[12px] ${item.toggle}`
              })]
            }, index);
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
          className: "font-medium text-slate-900 ",
          opened: isProFeature ? false : null,
          title: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("span", {
            className: "flex justify-between w-full gap-2",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Icon Idle", "accordions")
            }), isProFeature ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
              className: "bg-amber-500 px-2 py-1  no-underline rounded-sm  cursor-pointer text-white ",
              onClick: ev => {
                window.open("https://comboblocks.com/pricing/", "_blank");
              },
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Pro", "accordions")
            }) : ""]
          }),
          initialOpen: false,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_20__["default"], {
            activeTab: "options",
            orientation: "horizontal",
            activeClass: "active-tab",
            onSelect: tabName => {},
            tabs: [{
              name: "options",
              title: "Options",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__["default"],
              className: "tab-settings"
            }, {
              name: "styles",
              title: "Styles",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__["default"],
              className: "tab-style"
            }],
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tab__WEBPACK_IMPORTED_MODULE_19__["default"], {
              name: "options",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  className: "font-medium text-slate-900 ",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose Icon", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_icon_picker__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  library: icon?.options?.library,
                  srcType: icon?.options?.srcType,
                  iconSrc: icon?.options?.iconSrc,
                  onChange: arg => {
                    var iconX = {
                      ...icon
                    };
                    var optionsX = {
                      ...iconX.options,
                      srcType: arg.srcType,
                      library: arg.library,
                      iconSrc: arg.iconSrc
                    };
                    iconX.options = optionsX;
                    seticon(iconX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  className: "font-medium text-slate-900 ",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose Toggle Icon", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_icon_picker__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  library: iconToggle?.options?.library,
                  srcType: iconToggle?.options?.srcType,
                  iconSrc: iconToggle?.options?.iconSrc,
                  onChange: arg => {
                    var iconToggleX = {
                      ...iconToggle
                    };
                    var optionsX = {
                      ...iconToggleX.options,
                      srcType: arg.srcType,
                      library: arg.library,
                      iconSrc: arg.iconSrc
                    };
                    iconToggleX.options = optionsX;
                    seticonToggle(iconToggleX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  className: "font-medium text-slate-900 ",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Icon position", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.SelectControl, {
                  label: "",
                  value: icon?.options?.position,
                  options: [{
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose Position", "accordions"),
                    value: ""
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("before", "accordions"),
                    value: "before"
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("after", "accordions"),
                    value: "after"
                  }],
                  onChange: newVal => {
                    var iconX = {
                      ...icon
                    };
                    var optionsX = {
                      ...iconX.options,
                      position: newVal
                    };
                    iconX.options = optionsX;
                    seticon(iconX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_14__["default"], {
                  value: icon?.options?.class,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...icon,
                      options: {
                        ...icon?.options,
                        class: newVal
                      }
                    };
                    seticon(optionsX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  className: "flex gap-2 items-center",
                  children: "IN Animation"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  position: "bottom right",
                  variant: "secondary",
                  buttonTitle: _inAnimation__WEBPACK_IMPORTED_MODULE_6__.popupEntranceAnimateBasic[icon?.options?.inAnimation] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose", "accordions") : _inAnimation__WEBPACK_IMPORTED_MODULE_6__.popupEntranceAnimateBasic[icon?.options?.inAnimation].label,
                  options: _inAnimation__WEBPACK_IMPORTED_MODULE_6__.popupEntranceAnimateBasic,
                  onChange: newVal => {
                    var optionsX = {
                      ...icon,
                      options: {
                        ...icon?.options,
                        inAnimation: newVal.value
                      }
                    };
                    seticon(optionsX);
                  },
                  values: ""
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  className: "flex gap-2 items-center",
                  children: "OUT Animation"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  position: "bottom right",
                  variant: "secondary",
                  buttonTitle: _outAnimation__WEBPACK_IMPORTED_MODULE_7__.popupCloseAnimateBasic[icon?.options?.outAnimation] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose", "accordions") : _outAnimation__WEBPACK_IMPORTED_MODULE_7__.popupCloseAnimateBasic[icon?.options?.outAnimation].label,
                  options: _outAnimation__WEBPACK_IMPORTED_MODULE_7__.popupCloseAnimateBasic,
                  onChange: newVal => {
                    var optionsX = {
                      ...icon,
                      options: {
                        ...icon?.options,
                        outAnimation: newVal.value
                      }
                    };
                    seticon(optionsX);
                  },
                  values: ""
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Animation duration", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_14__["default"], {
                  value: icon?.options?.animationDuration,
                  placeholder: "1000",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-full max-w-[200px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...icon,
                      options: {
                        ...icon?.options,
                        animationDuration: newVal
                      }
                    };
                    setcontent(optionsX);
                  }
                })]
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_19__["default"], {
              name: "styles",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_18__["default"], {
                obj: icon,
                onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, icon, seticon),
                onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, icon, seticon),
                onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, icon, seticon),
                onReset: sudoSources => onResetStyle(sudoSources, icon, seticon),
                onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, icon, seticon)
              })
            })]
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
          className: "font-medium text-slate-900 ",
          opened: isProFeature ? false : null,
          title: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("span", {
            className: "flex justify-between w-full gap-2",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Icon Toggle", "accordions")
            }), isProFeature ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
              className: "bg-amber-500 px-2 py-1  no-underline rounded-sm  cursor-pointer text-white ",
              onClick: ev => {
                window.open("https://comboblocks.com/pricing/", "_blank");
              },
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Pro", "accordions")
            }) : ""]
          }),
          initialOpen: false,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_20__["default"], {
            activeTab: "options",
            orientation: "horizontal",
            activeClass: "active-tab",
            onSelect: tabName => {},
            tabs: [{
              name: "options",
              title: "Options",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__["default"],
              className: "tab-settings"
            }, {
              name: "styles",
              title: "Styles",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__["default"],
              className: "tab-style"
            }],
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_19__["default"], {
              name: "options",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_14__["default"], {
                  value: iconToggle?.options?.class,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...iconToggle,
                      options: {
                        ...iconToggle?.options,
                        class: newVal
                      }
                    };
                    seticonToggle(optionsX);
                  }
                })]
              })
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_19__["default"], {
              name: "styles",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_18__["default"], {
                obj: iconToggle,
                onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, iconToggle, seticonToggle),
                onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, iconToggle, seticonToggle),
                onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, iconToggle, seticonToggle),
                onReset: sudoSources => onResetStyle(sudoSources, iconToggle, seticonToggle),
                onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, iconToggle, seticonToggle)
              })
            })]
          })
        })]
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
        title: "Navs & Labels",
        initialOpen: false,
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
          className: "font-medium text-slate-900 ",
          title: "Navs Wrap",
          initialOpen: false,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_20__["default"], {
            activeTab: "options",
            orientation: "horizontal",
            activeClass: "active-tab",
            onSelect: tabName => {},
            tabs: [{
              name: "options",
              title: "Options",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__["default"],
              className: "tab-settings"
            }, {
              name: "styles",
              title: "Styles",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__["default"],
              className: "tab-style"
            }],
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_19__["default"], {
              name: "options",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_14__["default"], {
                  value: navsWrap?.options?.class,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...navsWrap,
                      options: {
                        ...navsWrap?.options,
                        class: newVal
                      }
                    };
                    setnavsWrap(optionsX);
                  }
                })]
              })
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_19__["default"], {
              name: "styles",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_18__["default"], {
                obj: navsWrap,
                onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, navsWrap, setnavsWrap),
                onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, navsWrap, setnavsWrap),
                onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, navsWrap, setnavsWrap),
                onReset: sudoSources => onResetStyle(sudoSources, navsWrap, setnavsWrap),
                onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, navsWrap, setnavsWrap)
              })
            })]
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
          className: "font-medium text-slate-900 ",
          title: "Nav Item",
          initialOpen: false,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_20__["default"], {
            activeTab: "options",
            orientation: "horizontal",
            activeClass: "active-tab",
            onSelect: tabName => {},
            tabs: [{
              name: "options",
              title: "Options",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__["default"],
              className: "tab-settings"
            }, {
              name: "styles",
              title: "Styles",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__["default"],
              className: "tab-style"
            }],
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_19__["default"], {
              name: "options",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_14__["default"], {
                  value: navItem?.options?.class,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...navItem,
                      options: {
                        ...navItem?.options,
                        class: newVal
                      }
                    };
                    setnavsWrap(optionsX);
                  }
                })]
              })
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_19__["default"], {
              name: "styles",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_18__["default"], {
                obj: navItem,
                onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, navItem, setnavItem),
                onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, navItem, setnavItem),
                onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, navItem, setnavItem),
                onReset: sudoSources => onResetStyle(sudoSources, navItem, setnavItem),
                onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, navItem, setnavItem)
              })
            })]
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
          className: "font-medium text-slate-900 ",
          title: "Active Nav Item",
          initialOpen: false,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_20__["default"], {
            activeTab: "options",
            orientation: "horizontal",
            activeClass: "active-tab",
            onSelect: tabName => {},
            tabs: [{
              name: "options",
              title: "Options",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__["default"],
              className: "tab-settings"
            }, {
              name: "styles",
              title: "Styles",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__["default"],
              className: "tab-style"
            }],
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_19__["default"], {
              name: "options",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_14__["default"], {
                  value: activeNavItem?.options?.class,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...activeNavItem,
                      options: {
                        ...activeNavItem?.options,
                        class: newVal
                      }
                    };
                    setnavsWrap(optionsX);
                  }
                })]
              })
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_19__["default"], {
              name: "styles",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_18__["default"], {
                obj: activeNavItem,
                onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, activeNavItem, setactiveNavItem),
                onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, activeNavItem, setactiveNavItem),
                onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, activeNavItem, setactiveNavItem),
                onReset: sudoSources => onResetStyle(sudoSources, activeNavItem, setactiveNavItem),
                onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, activeNavItem, setactiveNavItem)
              })
            })]
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
          className: "font-medium text-slate-900 ",
          title: "Nav Label",
          initialOpen: false,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_20__["default"], {
            activeTab: "options",
            orientation: "horizontal",
            activeClass: "active-tab",
            onSelect: tabName => {},
            tabs: [{
              name: "options",
              title: "Options",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__["default"],
              className: "tab-settings"
            }, {
              name: "styles",
              title: "Styles",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__["default"],
              className: "tab-style"
            }],
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_19__["default"], {
              name: "options",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_14__["default"], {
                  value: navLabel?.options?.class,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...navLabel,
                      options: {
                        ...navLabel?.options,
                        class: newVal
                      }
                    };
                    setnavsWrap(optionsX);
                  }
                })]
              })
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_19__["default"], {
              name: "styles",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_18__["default"], {
                obj: navLabel,
                onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, navLabel, setnavLabel),
                onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, navLabel, setnavLabel),
                onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, navLabel, setnavLabel),
                onReset: sudoSources => onResetStyle(sudoSources, navLabel, setnavLabel),
                onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, navLabel, setnavLabel)
              })
            })]
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
          className: "font-medium text-slate-900 "
          // title="Label Icon"
          ,
          opened: isProFeature ? false : null,
          title: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("span", {
            className: "flex justify-between w-full gap-2",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Label Icon", "accordions")
            }), isProFeature ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
              className: "bg-amber-500 px-2 py-1  no-underline rounded-sm  cursor-pointer text-white ",
              onClick: ev => {
                window.open("https://comboblocks.com/pricing/", "_blank");
              },
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Pro", "accordions")
            }) : ""]
          }),
          initialOpen: false,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_20__["default"], {
            activeTab: "options",
            orientation: "horizontal",
            activeClass: "active-tab",
            onSelect: tabName => {},
            tabs: [{
              name: "options",
              title: "Options",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__["default"],
              className: "tab-settings"
            }, {
              name: "styles",
              title: "Styles",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__["default"],
              className: "tab-style"
            }],
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tab__WEBPACK_IMPORTED_MODULE_19__["default"], {
              name: "options",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  className: "font-medium text-slate-900 ",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose Label Icon", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_icon_picker__WEBPACK_IMPORTED_MODULE_11__["default"], {
                  library: labelIcon?.options?.library,
                  srcType: labelIcon?.options?.srcType,
                  iconSrc: labelIcon?.options?.iconSrc,
                  onChange: arg => {
                    var labelIconX = {
                      ...labelIcon
                    };
                    var optionsX = {
                      ...labelIconX.options,
                      srcType: arg.srcType,
                      library: arg.library,
                      iconSrc: arg.iconSrc
                    };
                    labelIconX.options = optionsX;
                    setlabelIcon(labelIconX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  className: "font-medium text-slate-900 ",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Icon position", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.SelectControl, {
                  label: "",
                  value: labelIcon?.options?.position,
                  options: [{
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose Position", "accordions"),
                    value: ""
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Before Label", "accordions"),
                    value: "beforeLabel"
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("After Label", "accordions"),
                    value: "afterLabel"
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Before Label Text", "accordions"),
                    value: "beforeLabelText"
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("After Label Text", "accordions"),
                    value: "afterLabelText"
                  }],
                  onChange: newVal => {
                    var labelIconX = {
                      ...labelIcon
                    };
                    var optionsX = {
                      ...labelIconX.options,
                      position: newVal
                    };
                    labelIconX.options = optionsX;
                    setlabelIcon(labelIconX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_14__["default"], {
                  value: labelIcon?.options?.class,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...labelIcon,
                      options: {
                        ...labelIcon?.options,
                        class: newVal
                      }
                    };
                    setlabelIcon(optionsX);
                  }
                })]
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_19__["default"], {
              name: "styles",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_18__["default"], {
                obj: labelIcon,
                onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, labelIcon, setlabelIcon),
                onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, labelIcon, setlabelIcon),
                onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, labelIcon, setlabelIcon),
                onReset: sudoSources => onResetStyle(sudoSources, labelIcon, setlabelIcon),
                onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, labelIcon, setlabelIcon)
              })
            })]
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
          className: "font-medium text-slate-900 "
          // title="Label Counter"
          ,
          opened: isProFeature ? false : null,
          title: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("span", {
            className: "flex justify-between w-full gap-2",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Label Counter", "accordions")
            }), isProFeature ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
              className: "bg-amber-500 px-2 py-1  no-underline rounded-sm  cursor-pointer text-white ",
              onClick: ev => {
                window.open("https://comboblocks.com/pricing/", "_blank");
              },
              children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Pro", "accordions")
            }) : "", " "]
          }),
          initialOpen: false,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_20__["default"], {
            activeTab: "options",
            orientation: "horizontal",
            activeClass: "active-tab",
            onSelect: tabName => {},
            tabs: [{
              name: "options",
              title: "Options",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__["default"],
              className: "tab-settings"
            }, {
              name: "styles",
              title: "Styles",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__["default"],
              className: "tab-style"
            }],
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tab__WEBPACK_IMPORTED_MODULE_19__["default"], {
              name: "options",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  className: "font-medium text-slate-900 ",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Counter position", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.SelectControl, {
                  label: "",
                  value: labelCounter?.options?.position,
                  options: [{
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose Position", "accordions"),
                    value: ""
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Left", "accordions"),
                    value: "left"
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Right", "accordions"),
                    value: "right"
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Before Label Text", "accordions"),
                    value: "beforeLabelText"
                  }, {
                    label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("After Label Text", "accordions"),
                    value: "afterLabelText"
                  }],
                  onChange: newVal => {
                    var labelCounterX = {
                      ...labelCounter
                    };
                    var optionsX = {
                      ...labelCounterX.options,
                      position: newVal
                    };
                    labelCounterX.options = optionsX;
                    setlabelCounter(labelCounterX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_14__["default"], {
                  value: labelCounter?.options?.class,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...labelCounter,
                      options: {
                        ...labelCounter?.options,
                        class: newVal
                      }
                    };
                    setlabelCounter(optionsX);
                  }
                })]
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_19__["default"], {
              name: "styles",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_18__["default"], {
                obj: labelCounter,
                onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, labelCounter, setlabelCounter),
                onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, labelCounter, setlabelCounter),
                onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, labelCounter, setlabelCounter),
                onReset: sudoSources => onResetStyle(sudoSources, labelCounter, setlabelCounter),
                onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, labelCounter, setlabelCounter)
              })
            })]
          })
        })]
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
        title: "Panels",
        initialOpen: false,
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
          className: "font-medium text-slate-900 ",
          title: "Panel Wrap",
          initialOpen: false,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_20__["default"], {
            activeTab: "options",
            orientation: "horizontal",
            activeClass: "active-tab",
            onSelect: tabName => {},
            tabs: [{
              name: "options",
              title: "Options",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__["default"],
              className: "tab-settings"
            }, {
              name: "styles",
              title: "Styles",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__["default"],
              className: "tab-style"
            }],
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tab__WEBPACK_IMPORTED_MODULE_19__["default"], {
              name: "options",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_14__["default"], {
                  value: panelWrap?.options?.class,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...panelWrap,
                      options: {
                        ...panelWrap?.options,
                        class: newVal
                      }
                    };
                    setpanelWrap(optionsX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("label", {
                  htmlFor: "",
                  className: "flex gap-2 items-center",
                  children: ["Autoembed", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                    className: "cursor-pointer",
                    title: "Click to know more",
                    onClick: () => {
                      setHelp({
                        id: "autoembedSetting",
                        enable: true
                      });
                    },
                    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                      icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_24__["default"]
                    })
                  })]
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_13__["default"], {
                  value: panelWrap?.options?.autoembed,
                  onChange: newVal => {
                    var optionsX = {
                      ...panelWrap,
                      options: {
                        ...panelWrap?.options,
                        autoembed: newVal
                      }
                    };
                    setpanelWrap(optionsX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("label", {
                  htmlFor: "",
                  className: "flex gap-2 items-center",
                  children: ["Shortcodes", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                    className: "cursor-pointer",
                    title: "Click to know more",
                    onClick: () => {
                      setHelp({
                        id: "shortcodesSetting",
                        enable: true
                      });
                    },
                    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                      icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_24__["default"]
                    })
                  })]
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_13__["default"], {
                  value: panelWrap?.options?.shortcodes,
                  onChange: newVal => {
                    var optionsX = {
                      ...panelWrap,
                      options: {
                        ...panelWrap?.options,
                        shortcodes: newVal
                      }
                    };
                    setpanelWrap(optionsX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("label", {
                  htmlFor: "",
                  className: "flex gap-2 items-center",
                  children: ["wpautop", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("span", {
                    className: "cursor-pointer",
                    title: "Click to know more",
                    onClick: () => {
                      setHelp({
                        id: "wpautopSetting",
                        enable: true
                      });
                    },
                    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.Icon, {
                      icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_24__["default"]
                    })
                  })]
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_toggle__WEBPACK_IMPORTED_MODULE_13__["default"], {
                  value: panelWrap?.options?.wpautop,
                  onChange: newVal => {
                    var optionsX = {
                      ...panelWrap,
                      options: {
                        ...panelWrap?.options,
                        wpautop: newVal
                      }
                    };
                    setpanelWrap(optionsX);
                  }
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  className: "flex gap-2 items-center",
                  children: "In Animation"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  position: "bottom right",
                  variant: "secondary",
                  buttonTitle: _inAnimation__WEBPACK_IMPORTED_MODULE_6__.popupEntranceAnimateBasic[panelWrap?.options?.inAnimation] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose", "accordions") : _inAnimation__WEBPACK_IMPORTED_MODULE_6__.popupEntranceAnimateBasic[panelWrap?.options?.inAnimation].label,
                  options: _inAnimation__WEBPACK_IMPORTED_MODULE_6__.popupEntranceAnimateBasic,
                  onChange: newVal => {
                    if (isProFeature) {
                      addNotifications({
                        title: "Opps its pro!",
                        panelWrap: "This feature only avilable in premium version",
                        type: "error"
                      });
                      return;
                    }
                    var optionsX = {
                      ...panelWrap,
                      options: {
                        ...panelWrap?.options,
                        inAnimation: newVal.value
                      }
                    };
                    setpanelWrap(optionsX);
                  },
                  values: ""
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelRow, {
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  htmlFor: "",
                  className: "flex gap-2 items-center",
                  children: "Out Animation"
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_10__["default"], {
                  position: "bottom right",
                  variant: "secondary",
                  buttonTitle: _outAnimation__WEBPACK_IMPORTED_MODULE_7__.popupCloseAnimateBasic[panelWrap?.options?.outAnimation] == undefined ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Choose", "accordions") : _outAnimation__WEBPACK_IMPORTED_MODULE_7__.popupCloseAnimateBasic[panelWrap?.options?.outAnimation].label,
                  options: _outAnimation__WEBPACK_IMPORTED_MODULE_7__.popupCloseAnimateBasic,
                  onChange: newVal => {
                    if (isProFeature) {
                      addNotifications({
                        title: "Opps its pro!",
                        panelWrap: "This feature only avilable in premium version",
                        type: "error"
                      });
                      return;
                    }
                    var optionsX = {
                      ...panelWrap,
                      options: {
                        ...panelWrap?.options,
                        outAnimation: newVal.value
                      }
                    };
                    setpanelWrap(optionsX);
                  },
                  values: ""
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Animation duration", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_14__["default"], {
                  value: panelWrap?.options?.animationDuration,
                  placeholder: "1000",
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid max-w-[400px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...panelWrap,
                      options: {
                        ...panelWrap?.options,
                        animationDuration: newVal
                      }
                    };
                    setpanelWrap(optionsX);
                  }
                })]
              })]
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_19__["default"], {
              name: "styles",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_18__["default"], {
                obj: panelWrap,
                onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, panelWrap, setpanelWrap),
                onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, panelWrap, setpanelWrap),
                onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, panelWrap, setpanelWrap),
                onReset: sudoSources => onResetStyle(sudoSources, panelWrap, setpanelWrap),
                onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, panelWrap, setpanelWrap)
              })
            })]
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.PanelBody, {
          className: "font-medium text-slate-900 ",
          title: "Panel Wrap Active",
          initialOpen: false,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)(_tabs__WEBPACK_IMPORTED_MODULE_20__["default"], {
            activeTab: "options",
            orientation: "horizontal",
            activeClass: "active-tab",
            onSelect: tabName => {},
            tabs: [{
              name: "options",
              title: "Options",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_30__["default"],
              className: "tab-settings"
            }, {
              name: "styles",
              title: "Styles",
              icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_31__["default"],
              className: "tab-style"
            }],
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_19__["default"], {
              name: "options",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsxs)("div", {
                className: "flex  my-5  justify-between items-center",
                children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)("label", {
                  className: "",
                  htmlFor: "emailVerification",
                  children: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_3__.__)("Class", "accordions")
                }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_input_text__WEBPACK_IMPORTED_MODULE_14__["default"], {
                  value: panelWrapActive?.options?.class,
                  className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-[210px]",
                  onChange: newVal => {
                    var optionsX = {
                      ...panelWrapActive,
                      options: {
                        ...panelWrapActive?.options,
                        class: newVal
                      }
                    };
                    setpanelWrapActive(optionsX);
                  }
                })]
              })
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_tab__WEBPACK_IMPORTED_MODULE_19__["default"], {
              name: "styles",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(_styles__WEBPACK_IMPORTED_MODULE_18__["default"], {
                obj: panelWrapActive,
                onChange: (sudoScource, newVal, attr) => onChangeStyle(sudoScource, newVal, attr, panelWrapActive, setpanelWrapActive),
                onAdd: (sudoScource, key) => onAddStyle(sudoScource, key, panelWrapActive, setpanelWrapActive),
                onRemove: (sudoScource, key) => onRemoveStyle(sudoScource, key, panelWrapActive, setpanelWrapActive),
                onReset: sudoSources => onResetStyle(sudoSources, panelWrapActive, setpanelWrapActive),
                onBulkAdd: (sudoSource, cssObj) => onBulkAddStyle(sudoSource, cssObj, panelWrapActive, setpanelWrapActive)
              })
            })]
          })
        })]
      })]
    })]
  });
}
class EditTabs extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true,
      isLoaded: false
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      onChange,
      postData,
      customerData,
      addNotifications,
      setHelp
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_22__.jsx)(Html, {
      onChange: onChange,
      addNotifications: addNotifications,
      postData: postData,
      customerData: customerData,
      setHelp: setHelp,
      warn: this.state.showWarning,
      isLoaded: this.state.isLoaded
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EditTabs);

/***/ }),

/***/ "./src/components/icon-picker/bootstrap-icons.js":
/*!*******************************************************!*\
  !*** ./src/components/icon-picker/bootstrap-icons.js ***!
  \*******************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
const bootstrapIcons = ['bi-123', 'bi-alarm-fill', 'bi-alarm', 'bi-align-bottom', 'bi-align-center', 'bi-align-end', 'bi-align-middle', 'bi-align-start', 'bi-align-top', 'bi-alt', 'bi-app-indicator', 'bi-app', 'bi-archive-fill', 'bi-archive', 'bi-arrow-90deg-down', 'bi-arrow-90deg-left', 'bi-arrow-90deg-right', 'bi-arrow-90deg-up', 'bi-arrow-bar-down', 'bi-arrow-bar-left', 'bi-arrow-bar-right', 'bi-arrow-bar-up', 'bi-arrow-clockwise', 'bi-arrow-counterclockwise', 'bi-arrow-down-circle-fill', 'bi-arrow-down-circle', 'bi-arrow-down-left-circle-fill', 'bi-arrow-down-left-circle', 'bi-arrow-down-left-square-fill', 'bi-arrow-down-left-square', 'bi-arrow-down-left', 'bi-arrow-down-right-circle-fill', 'bi-arrow-down-right-circle', 'bi-arrow-down-right-square-fill', 'bi-arrow-down-right-square', 'bi-arrow-down-right', 'bi-arrow-down-short', 'bi-arrow-down-square-fill', 'bi-arrow-down-square', 'bi-arrow-down-up', 'bi-arrow-down', 'bi-arrow-left-circle-fill', 'bi-arrow-left-circle', 'bi-arrow-left-right', 'bi-arrow-left-short', 'bi-arrow-left-square-fill', 'bi-arrow-left-square', 'bi-arrow-left', 'bi-arrow-repeat', 'bi-arrow-return-left', 'bi-arrow-return-right', 'bi-arrow-right-circle-fill', 'bi-arrow-right-circle', 'bi-arrow-right-short', 'bi-arrow-right-square-fill', 'bi-arrow-right-square', 'bi-arrow-right', 'bi-arrow-up-circle-fill', 'bi-arrow-up-circle', 'bi-arrow-up-left-circle-fill', 'bi-arrow-up-left-circle', 'bi-arrow-up-left-square-fill', 'bi-arrow-up-left-square', 'bi-arrow-up-left', 'bi-arrow-up-right-circle-fill', 'bi-arrow-up-right-circle', 'bi-arrow-up-right-square-fill', 'bi-arrow-up-right-square', 'bi-arrow-up-right', 'bi-arrow-up-short', 'bi-arrow-up-square-fill', 'bi-arrow-up-square', 'bi-arrow-up', 'bi-arrows-angle-contract', 'bi-arrows-angle-expand', 'bi-arrows-collapse', 'bi-arrows-expand', 'bi-arrows-fullscreen', 'bi-arrows-move', 'bi-aspect-ratio-fill', 'bi-aspect-ratio', 'bi-asterisk', 'bi-at', 'bi-award-fill', 'bi-award', 'bi-back', 'bi-backspace-fill', 'bi-backspace-reverse-fill', 'bi-backspace-reverse', 'bi-backspace', 'bi-badge-3d-fill', 'bi-badge-3d', 'bi-badge-4k-fill', 'bi-badge-4k', 'bi-badge-8k-fill', 'bi-badge-8k', 'bi-badge-ad-fill', 'bi-badge-ad', 'bi-badge-ar-fill', 'bi-badge-ar', 'bi-badge-cc-fill', 'bi-badge-cc', 'bi-badge-hd-fill', 'bi-badge-hd', 'bi-badge-tm-fill', 'bi-badge-tm', 'bi-badge-vo-fill', 'bi-badge-vo', 'bi-badge-vr-fill', 'bi-badge-vr', 'bi-badge-wc-fill', 'bi-badge-wc', 'bi-bag-check-fill', 'bi-bag-check', 'bi-bag-dash-fill', 'bi-bag-dash', 'bi-bag-fill', 'bi-bag-plus-fill', 'bi-bag-plus', 'bi-bag-x-fill', 'bi-bag-x', 'bi-bag', 'bi-bar-chart-fill', 'bi-bar-chart-line-fill', 'bi-bar-chart-line', 'bi-bar-chart-steps', 'bi-bar-chart', 'bi-basket-fill', 'bi-basket', 'bi-basket2-fill', 'bi-basket2', 'bi-basket3-fill', 'bi-basket3', 'bi-battery-charging', 'bi-battery-full', 'bi-battery-half', 'bi-battery', 'bi-bell-fill', 'bi-bell', 'bi-bezier', 'bi-bezier2', 'bi-bicycle', 'bi-binoculars-fill', 'bi-binoculars', 'bi-blockquote-left', 'bi-blockquote-right', 'bi-book-fill', 'bi-book-half', 'bi-book', 'bi-bookmark-check-fill', 'bi-bookmark-check', 'bi-bookmark-dash-fill', 'bi-bookmark-dash', 'bi-bookmark-fill', 'bi-bookmark-heart-fill', 'bi-bookmark-heart', 'bi-bookmark-plus-fill', 'bi-bookmark-plus', 'bi-bookmark-star-fill', 'bi-bookmark-star', 'bi-bookmark-x-fill', 'bi-bookmark-x', 'bi-bookmark', 'bi-bookmarks-fill', 'bi-bookmarks', 'bi-bookshelf', 'bi-bootstrap-fill', 'bi-bootstrap-reboot', 'bi-bootstrap', 'bi-border-all', 'bi-border-bottom', 'bi-border-center', 'bi-border-inner', 'bi-border-left', 'bi-border-middle', 'bi-border-outer', 'bi-border-right', 'bi-border-style', 'bi-border-top', 'bi-border-width', 'bi-border', 'bi-bounding-box-circles', 'bi-bounding-box', 'bi-box-arrow-down-left', 'bi-box-arrow-down-right', 'bi-box-arrow-down', 'bi-box-arrow-in-down-left', 'bi-box-arrow-in-down-right', 'bi-box-arrow-in-down', 'bi-box-arrow-in-left', 'bi-box-arrow-in-right', 'bi-box-arrow-in-up-left', 'bi-box-arrow-in-up-right', 'bi-box-arrow-in-up', 'bi-box-arrow-left', 'bi-box-arrow-right', 'bi-box-arrow-up-left', 'bi-box-arrow-up-right', 'bi-box-arrow-up', 'bi-box-seam', 'bi-box', 'bi-braces', 'bi-bricks', 'bi-briefcase-fill', 'bi-briefcase', 'bi-brightness-alt-high-fill', 'bi-brightness-alt-high', 'bi-brightness-alt-low-fill', 'bi-brightness-alt-low', 'bi-brightness-high-fill', 'bi-brightness-high', 'bi-brightness-low-fill', 'bi-brightness-low', 'bi-broadcast-pin', 'bi-broadcast', 'bi-brush-fill', 'bi-brush', 'bi-bucket-fill', 'bi-bucket', 'bi-bug-fill', 'bi-bug', 'bi-building', 'bi-bullseye', 'bi-calculator-fill', 'bi-calculator', 'bi-calendar-check-fill', 'bi-calendar-check', 'bi-calendar-date-fill', 'bi-calendar-date', 'bi-calendar-day-fill', 'bi-calendar-day', 'bi-calendar-event-fill', 'bi-calendar-event', 'bi-calendar-fill', 'bi-calendar-minus-fill', 'bi-calendar-minus', 'bi-calendar-month-fill', 'bi-calendar-month', 'bi-calendar-plus-fill', 'bi-calendar-plus', 'bi-calendar-range-fill', 'bi-calendar-range', 'bi-calendar-week-fill', 'bi-calendar-week', 'bi-calendar-x-fill', 'bi-calendar-x', 'bi-calendar', 'bi-calendar2-check-fill', 'bi-calendar2-check', 'bi-calendar2-date-fill', 'bi-calendar2-date', 'bi-calendar2-day-fill', 'bi-calendar2-day', 'bi-calendar2-event-fill', 'bi-calendar2-event', 'bi-calendar2-fill', 'bi-calendar2-minus-fill', 'bi-calendar2-minus', 'bi-calendar2-month-fill', 'bi-calendar2-month', 'bi-calendar2-plus-fill', 'bi-calendar2-plus', 'bi-calendar2-range-fill', 'bi-calendar2-range', 'bi-calendar2-week-fill', 'bi-calendar2-week', 'bi-calendar2-x-fill', 'bi-calendar2-x', 'bi-calendar2', 'bi-calendar3-event-fill', 'bi-calendar3-event', 'bi-calendar3-fill', 'bi-calendar3-range-fill', 'bi-calendar3-range', 'bi-calendar3-week-fill', 'bi-calendar3-week', 'bi-calendar3', 'bi-calendar4-event', 'bi-calendar4-range', 'bi-calendar4-week', 'bi-calendar4', 'bi-camera-fill', 'bi-camera-reels-fill', 'bi-camera-reels', 'bi-camera-video-fill', 'bi-camera-video-off-fill', 'bi-camera-video-off', 'bi-camera-video', 'bi-camera', 'bi-camera2', 'bi-capslock-fill', 'bi-capslock', 'bi-card-checklist', 'bi-card-heading', 'bi-card-image', 'bi-card-list', 'bi-card-text', 'bi-caret-down-fill', 'bi-caret-down-square-fill', 'bi-caret-down-square', 'bi-caret-down', 'bi-caret-left-fill', 'bi-caret-left-square-fill', 'bi-caret-left-square', 'bi-caret-left', 'bi-caret-right-fill', 'bi-caret-right-square-fill', 'bi-caret-right-square', 'bi-caret-right', 'bi-caret-up-fill', 'bi-caret-up-square-fill', 'bi-caret-up-square', 'bi-caret-up', 'bi-cart-check-fill', 'bi-cart-check', 'bi-cart-dash-fill', 'bi-cart-dash', 'bi-cart-fill', 'bi-cart-plus-fill', 'bi-cart-plus', 'bi-cart-x-fill', 'bi-cart-x', 'bi-cart', 'bi-cart2', 'bi-cart3', 'bi-cart4', 'bi-cash-stack', 'bi-cash', 'bi-cast', 'bi-chat-dots-fill', 'bi-chat-dots', 'bi-chat-fill', 'bi-chat-left-dots-fill', 'bi-chat-left-dots', 'bi-chat-left-fill', 'bi-chat-left-quote-fill', 'bi-chat-left-quote', 'bi-chat-left-text-fill', 'bi-chat-left-text', 'bi-chat-left', 'bi-chat-quote-fill', 'bi-chat-quote', 'bi-chat-right-dots-fill', 'bi-chat-right-dots', 'bi-chat-right-fill', 'bi-chat-right-quote-fill', 'bi-chat-right-quote', 'bi-chat-right-text-fill', 'bi-chat-right-text', 'bi-chat-right', 'bi-chat-square-dots-fill', 'bi-chat-square-dots', 'bi-chat-square-fill', 'bi-chat-square-quote-fill', 'bi-chat-square-quote', 'bi-chat-square-text-fill', 'bi-chat-square-text', 'bi-chat-square', 'bi-chat-text-fill', 'bi-chat-text', 'bi-chat', 'bi-check-all', 'bi-check-circle-fill', 'bi-check-circle', 'bi-check-square-fill', 'bi-check-square', 'bi-check', 'bi-check2-all', 'bi-check2-circle', 'bi-check2-square', 'bi-check2', 'bi-chevron-bar-contract', 'bi-chevron-bar-down', 'bi-chevron-bar-expand', 'bi-chevron-bar-left', 'bi-chevron-bar-right', 'bi-chevron-bar-up', 'bi-chevron-compact-down', 'bi-chevron-compact-left', 'bi-chevron-compact-right', 'bi-chevron-compact-up', 'bi-chevron-contract', 'bi-chevron-double-down', 'bi-chevron-double-left', 'bi-chevron-double-right', 'bi-chevron-double-up', 'bi-chevron-down', 'bi-chevron-expand', 'bi-chevron-left', 'bi-chevron-right', 'bi-chevron-up', 'bi-circle-fill', 'bi-circle-half', 'bi-circle-square', 'bi-circle', 'bi-clipboard-check', 'bi-clipboard-data', 'bi-clipboard-minus', 'bi-clipboard-plus', 'bi-clipboard-x', 'bi-clipboard', 'bi-clock-fill', 'bi-clock-history', 'bi-clock', 'bi-cloud-arrow-down-fill', 'bi-cloud-arrow-down', 'bi-cloud-arrow-up-fill', 'bi-cloud-arrow-up', 'bi-cloud-check-fill', 'bi-cloud-check', 'bi-cloud-download-fill', 'bi-cloud-download', 'bi-cloud-drizzle-fill', 'bi-cloud-drizzle', 'bi-cloud-fill', 'bi-cloud-fog-fill', 'bi-cloud-fog', 'bi-cloud-fog2-fill', 'bi-cloud-fog2', 'bi-cloud-hail-fill', 'bi-cloud-hail', 'bi-cloud-haze-1', 'bi-cloud-haze-fill', 'bi-cloud-haze', 'bi-cloud-haze2-fill', 'bi-cloud-lightning-fill', 'bi-cloud-lightning-rain-fill', 'bi-cloud-lightning-rain', 'bi-cloud-lightning', 'bi-cloud-minus-fill', 'bi-cloud-minus', 'bi-cloud-moon-fill', 'bi-cloud-moon', 'bi-cloud-plus-fill', 'bi-cloud-plus', 'bi-cloud-rain-fill', 'bi-cloud-rain-heavy-fill', 'bi-cloud-rain-heavy', 'bi-cloud-rain', 'bi-cloud-slash-fill', 'bi-cloud-slash', 'bi-cloud-sleet-fill', 'bi-cloud-sleet', 'bi-cloud-snow-fill', 'bi-cloud-snow', 'bi-cloud-sun-fill', 'bi-cloud-sun', 'bi-cloud-upload-fill', 'bi-cloud-upload', 'bi-cloud', 'bi-clouds-fill', 'bi-clouds', 'bi-cloudy-fill', 'bi-cloudy', 'bi-code-slash', 'bi-code-square', 'bi-code', 'bi-collection-fill', 'bi-collection-play-fill', 'bi-collection-play', 'bi-collection', 'bi-columns-gap', 'bi-columns', 'bi-command', 'bi-compass-fill', 'bi-compass', 'bi-cone-striped', 'bi-cone', 'bi-controller', 'bi-cpu-fill', 'bi-cpu', 'bi-credit-card-2-back-fill', 'bi-credit-card-2-back', 'bi-credit-card-2-front-fill', 'bi-credit-card-2-front', 'bi-credit-card-fill', 'bi-credit-card', 'bi-crop', 'bi-cup-fill', 'bi-cup-straw', 'bi-cup', 'bi-cursor-fill', 'bi-cursor-text', 'bi-cursor', 'bi-dash-circle-dotted', 'bi-dash-circle-fill', 'bi-dash-circle', 'bi-dash-square-dotted', 'bi-dash-square-fill', 'bi-dash-square', 'bi-dash', 'bi-diagram-2-fill', 'bi-diagram-2', 'bi-diagram-3-fill', 'bi-diagram-3', 'bi-diamond-fill', 'bi-diamond-half', 'bi-diamond', 'bi-dice-1-fill', 'bi-dice-1', 'bi-dice-2-fill', 'bi-dice-2', 'bi-dice-3-fill', 'bi-dice-3', 'bi-dice-4-fill', 'bi-dice-4', 'bi-dice-5-fill', 'bi-dice-5', 'bi-dice-6-fill', 'bi-dice-6', 'bi-disc-fill', 'bi-disc', 'bi-discord', 'bi-display-fill', 'bi-display', 'bi-distribute-horizontal', 'bi-distribute-vertical', 'bi-door-closed-fill', 'bi-door-closed', 'bi-door-open-fill', 'bi-door-open', 'bi-dot', 'bi-download', 'bi-droplet-fill', 'bi-droplet-half', 'bi-droplet', 'bi-earbuds', 'bi-easel-fill', 'bi-easel', 'bi-egg-fill', 'bi-egg-fried', 'bi-egg', 'bi-eject-fill', 'bi-eject', 'bi-emoji-angry-fill', 'bi-emoji-angry', 'bi-emoji-dizzy-fill', 'bi-emoji-dizzy', 'bi-emoji-expressionless-fill', 'bi-emoji-expressionless', 'bi-emoji-frown-fill', 'bi-emoji-frown', 'bi-emoji-heart-eyes-fill', 'bi-emoji-heart-eyes', 'bi-emoji-laughing-fill', 'bi-emoji-laughing', 'bi-emoji-neutral-fill', 'bi-emoji-neutral', 'bi-emoji-smile-fill', 'bi-emoji-smile-upside-down-fill', 'bi-emoji-smile-upside-down', 'bi-emoji-smile', 'bi-emoji-sunglasses-fill', 'bi-emoji-sunglasses', 'bi-emoji-wink-fill', 'bi-emoji-wink', 'bi-envelope-fill', 'bi-envelope-open-fill', 'bi-envelope-open', 'bi-envelope', 'bi-eraser-fill', 'bi-eraser', 'bi-exclamation-circle-fill', 'bi-exclamation-circle', 'bi-exclamation-diamond-fill', 'bi-exclamation-diamond', 'bi-exclamation-octagon-fill', 'bi-exclamation-octagon', 'bi-exclamation-square-fill', 'bi-exclamation-square', 'bi-exclamation-triangle-fill', 'bi-exclamation-triangle', 'bi-exclamation', 'bi-exclude', 'bi-eye-fill', 'bi-eye-slash-fill', 'bi-eye-slash', 'bi-eye', 'bi-eyedropper', 'bi-eyeglasses', 'bi-facebook', 'bi-file-arrow-down-fill', 'bi-file-arrow-down', 'bi-file-arrow-up-fill', 'bi-file-arrow-up', 'bi-file-bar-graph-fill', 'bi-file-bar-graph', 'bi-file-binary-fill', 'bi-file-binary', 'bi-file-break-fill', 'bi-file-break', 'bi-file-check-fill', 'bi-file-check', 'bi-file-code-fill', 'bi-file-code', 'bi-file-diff-fill', 'bi-file-diff', 'bi-file-earmark-arrow-down-fill', 'bi-file-earmark-arrow-down', 'bi-file-earmark-arrow-up-fill', 'bi-file-earmark-arrow-up', 'bi-file-earmark-bar-graph-fill', 'bi-file-earmark-bar-graph', 'bi-file-earmark-binary-fill', 'bi-file-earmark-binary', 'bi-file-earmark-break-fill', 'bi-file-earmark-break', 'bi-file-earmark-check-fill', 'bi-file-earmark-check', 'bi-file-earmark-code-fill', 'bi-file-earmark-code', 'bi-file-earmark-diff-fill', 'bi-file-earmark-diff', 'bi-file-earmark-easel-fill', 'bi-file-earmark-easel', 'bi-file-earmark-excel-fill', 'bi-file-earmark-excel', 'bi-file-earmark-fill', 'bi-file-earmark-font-fill', 'bi-file-earmark-font', 'bi-file-earmark-image-fill', 'bi-file-earmark-image', 'bi-file-earmark-lock-fill', 'bi-file-earmark-lock', 'bi-file-earmark-lock2-fill', 'bi-file-earmark-lock2', 'bi-file-earmark-medical-fill', 'bi-file-earmark-medical', 'bi-file-earmark-minus-fill', 'bi-file-earmark-minus', 'bi-file-earmark-music-fill', 'bi-file-earmark-music', 'bi-file-earmark-person-fill', 'bi-file-earmark-person', 'bi-file-earmark-play-fill', 'bi-file-earmark-play', 'bi-file-earmark-plus-fill', 'bi-file-earmark-plus', 'bi-file-earmark-post-fill', 'bi-file-earmark-post', 'bi-file-earmark-ppt-fill', 'bi-file-earmark-ppt', 'bi-file-earmark-richtext-fill', 'bi-file-earmark-richtext', 'bi-file-earmark-ruled-fill', 'bi-file-earmark-ruled', 'bi-file-earmark-slides-fill', 'bi-file-earmark-slides', 'bi-file-earmark-spreadsheet-fill', 'bi-file-earmark-spreadsheet', 'bi-file-earmark-text-fill', 'bi-file-earmark-text', 'bi-file-earmark-word-fill', 'bi-file-earmark-word', 'bi-file-earmark-x-fill', 'bi-file-earmark-x', 'bi-file-earmark-zip-fill', 'bi-file-earmark-zip', 'bi-file-earmark', 'bi-file-easel-fill', 'bi-file-easel', 'bi-file-excel-fill', 'bi-file-excel', 'bi-file-fill', 'bi-file-font-fill', 'bi-file-font', 'bi-file-image-fill', 'bi-file-image', 'bi-file-lock-fill', 'bi-file-lock', 'bi-file-lock2-fill', 'bi-file-lock2', 'bi-file-medical-fill', 'bi-file-medical', 'bi-file-minus-fill', 'bi-file-minus', 'bi-file-music-fill', 'bi-file-music', 'bi-file-person-fill', 'bi-file-person', 'bi-file-play-fill', 'bi-file-play', 'bi-file-plus-fill', 'bi-file-plus', 'bi-file-post-fill', 'bi-file-post', 'bi-file-ppt-fill', 'bi-file-ppt', 'bi-file-richtext-fill', 'bi-file-richtext', 'bi-file-ruled-fill', 'bi-file-ruled', 'bi-file-slides-fill', 'bi-file-slides', 'bi-file-spreadsheet-fill', 'bi-file-spreadsheet', 'bi-file-text-fill', 'bi-file-text', 'bi-file-word-fill', 'bi-file-word', 'bi-file-x-fill', 'bi-file-x', 'bi-file-zip-fill', 'bi-file-zip', 'bi-file', 'bi-files-alt', 'bi-files', 'bi-film', 'bi-filter-circle-fill', 'bi-filter-circle', 'bi-filter-left', 'bi-filter-right', 'bi-filter-square-fill', 'bi-filter-square', 'bi-filter', 'bi-flag-fill', 'bi-flag', 'bi-flower1', 'bi-flower2', 'bi-flower3', 'bi-folder-check', 'bi-folder-fill', 'bi-folder-minus', 'bi-folder-plus', 'bi-folder-symlink-fill', 'bi-folder-symlink', 'bi-folder-x', 'bi-folder', 'bi-folder2-open', 'bi-folder2', 'bi-fonts', 'bi-forward-fill', 'bi-forward', 'bi-front', 'bi-fullscreen-exit', 'bi-fullscreen', 'bi-funnel-fill', 'bi-funnel', 'bi-gear-fill', 'bi-gear-wide-connected', 'bi-gear-wide', 'bi-gear', 'bi-gem', 'bi-geo-alt-fill', 'bi-geo-alt', 'bi-geo-fill', 'bi-geo', 'bi-gift-fill', 'bi-gift', 'bi-github', 'bi-globe', 'bi-globe2', 'bi-google', 'bi-graph-down', 'bi-graph-up', 'bi-grid-1x2-fill', 'bi-grid-1x2', 'bi-grid-3x2-gap-fill', 'bi-grid-3x2-gap', 'bi-grid-3x2', 'bi-grid-3x3-gap-fill', 'bi-grid-3x3-gap', 'bi-grid-3x3', 'bi-grid-fill', 'bi-grid', 'bi-grip-horizontal', 'bi-grip-vertical', 'bi-hammer', 'bi-hand-index-fill', 'bi-hand-index-thumb-fill', 'bi-hand-index-thumb', 'bi-hand-index', 'bi-hand-thumbs-down-fill', 'bi-hand-thumbs-down', 'bi-hand-thumbs-up-fill', 'bi-hand-thumbs-up', 'bi-handbag-fill', 'bi-handbag', 'bi-hash', 'bi-hdd-fill', 'bi-hdd-network-fill', 'bi-hdd-network', 'bi-hdd-rack-fill', 'bi-hdd-rack', 'bi-hdd-stack-fill', 'bi-hdd-stack', 'bi-hdd', 'bi-headphones', 'bi-headset', 'bi-heart-fill', 'bi-heart-half', 'bi-heart', 'bi-heptagon-fill', 'bi-heptagon-half', 'bi-heptagon', 'bi-hexagon-fill', 'bi-hexagon-half', 'bi-hexagon', 'bi-hourglass-bottom', 'bi-hourglass-split', 'bi-hourglass-top', 'bi-hourglass', 'bi-house-door-fill', 'bi-house-door', 'bi-house-fill', 'bi-house', 'bi-hr', 'bi-hurricane', 'bi-image-alt', 'bi-image-fill', 'bi-image', 'bi-images', 'bi-inbox-fill', 'bi-inbox', 'bi-inboxes-fill', 'bi-inboxes', 'bi-info-circle-fill', 'bi-info-circle', 'bi-info-square-fill', 'bi-info-square', 'bi-info', 'bi-input-cursor-text', 'bi-input-cursor', 'bi-instagram', 'bi-intersect', 'bi-journal-album', 'bi-journal-arrow-down', 'bi-journal-arrow-up', 'bi-journal-bookmark-fill', 'bi-journal-bookmark', 'bi-journal-check', 'bi-journal-code', 'bi-journal-medical', 'bi-journal-minus', 'bi-journal-plus', 'bi-journal-richtext', 'bi-journal-text', 'bi-journal-x', 'bi-journal', 'bi-journals', 'bi-joystick', 'bi-justify-left', 'bi-justify-right', 'bi-justify', 'bi-kanban-fill', 'bi-kanban', 'bi-key-fill', 'bi-key', 'bi-keyboard-fill', 'bi-keyboard', 'bi-ladder', 'bi-lamp-fill', 'bi-lamp', 'bi-laptop-fill', 'bi-laptop', 'bi-layer-backward', 'bi-layer-forward', 'bi-layers-fill', 'bi-layers-half', 'bi-layers', 'bi-layout-sidebar-inset-reverse', 'bi-layout-sidebar-inset', 'bi-layout-sidebar-reverse', 'bi-layout-sidebar', 'bi-layout-split', 'bi-layout-text-sidebar-reverse', 'bi-layout-text-sidebar', 'bi-layout-text-window-reverse', 'bi-layout-text-window', 'bi-layout-three-columns', 'bi-layout-wtf', 'bi-life-preserver', 'bi-lightbulb-fill', 'bi-lightbulb-off-fill', 'bi-lightbulb-off', 'bi-lightbulb', 'bi-lightning-charge-fill', 'bi-lightning-charge', 'bi-lightning-fill', 'bi-lightning', 'bi-link-45deg', 'bi-link', 'bi-linkedin', 'bi-list-check', 'bi-list-nested', 'bi-list-ol', 'bi-list-stars', 'bi-list-task', 'bi-list-ul', 'bi-list', 'bi-lock-fill', 'bi-lock', 'bi-mailbox', 'bi-mailbox2', 'bi-map-fill', 'bi-map', 'bi-markdown-fill', 'bi-markdown', 'bi-mask', 'bi-megaphone-fill', 'bi-megaphone', 'bi-menu-app-fill', 'bi-menu-app', 'bi-menu-button-fill', 'bi-menu-button-wide-fill', 'bi-menu-button-wide', 'bi-menu-button', 'bi-menu-down', 'bi-menu-up', 'bi-mic-fill', 'bi-mic-mute-fill', 'bi-mic-mute', 'bi-mic', 'bi-minecart-loaded', 'bi-minecart', 'bi-moisture', 'bi-moon-fill', 'bi-moon-stars-fill', 'bi-moon-stars', 'bi-moon', 'bi-mouse-fill', 'bi-mouse', 'bi-mouse2-fill', 'bi-mouse2', 'bi-mouse3-fill', 'bi-mouse3', 'bi-music-note-beamed', 'bi-music-note-list', 'bi-music-note', 'bi-music-player-fill', 'bi-music-player', 'bi-newspaper', 'bi-node-minus-fill', 'bi-node-minus', 'bi-node-plus-fill', 'bi-node-plus', 'bi-nut-fill', 'bi-nut', 'bi-octagon-fill', 'bi-octagon-half', 'bi-octagon', 'bi-option', 'bi-outlet', 'bi-paint-bucket', 'bi-palette-fill', 'bi-palette', 'bi-palette2', 'bi-paperclip', 'bi-paragraph', 'bi-patch-check-fill', 'bi-patch-check', 'bi-patch-exclamation-fill', 'bi-patch-exclamation', 'bi-patch-minus-fill', 'bi-patch-minus', 'bi-patch-plus-fill', 'bi-patch-plus', 'bi-patch-question-fill', 'bi-patch-question', 'bi-pause-btn-fill', 'bi-pause-btn', 'bi-pause-circle-fill', 'bi-pause-circle', 'bi-pause-fill', 'bi-pause', 'bi-peace-fill', 'bi-peace', 'bi-pen-fill', 'bi-pen', 'bi-pencil-fill', 'bi-pencil-square', 'bi-pencil', 'bi-pentagon-fill', 'bi-pentagon-half', 'bi-pentagon', 'bi-people-fill', 'bi-people', 'bi-percent', 'bi-person-badge-fill', 'bi-person-badge', 'bi-person-bounding-box', 'bi-person-check-fill', 'bi-person-check', 'bi-person-circle', 'bi-person-dash-fill', 'bi-person-dash', 'bi-person-fill', 'bi-person-lines-fill', 'bi-person-plus-fill', 'bi-person-plus', 'bi-person-square', 'bi-person-x-fill', 'bi-person-x', 'bi-person', 'bi-phone-fill', 'bi-phone-landscape-fill', 'bi-phone-landscape', 'bi-phone-vibrate-fill', 'bi-phone-vibrate', 'bi-phone', 'bi-pie-chart-fill', 'bi-pie-chart', 'bi-pin-angle-fill', 'bi-pin-angle', 'bi-pin-fill', 'bi-pin', 'bi-pip-fill', 'bi-pip', 'bi-play-btn-fill', 'bi-play-btn', 'bi-play-circle-fill', 'bi-play-circle', 'bi-play-fill', 'bi-play', 'bi-plug-fill', 'bi-plug', 'bi-plus-circle-dotted', 'bi-plus-circle-fill', 'bi-plus-circle', 'bi-plus-square-dotted', 'bi-plus-square-fill', 'bi-plus-square', 'bi-plus', 'bi-power', 'bi-printer-fill', 'bi-printer', 'bi-puzzle-fill', 'bi-puzzle', 'bi-question-circle-fill', 'bi-question-circle', 'bi-question-diamond-fill', 'bi-question-diamond', 'bi-question-octagon-fill', 'bi-question-octagon', 'bi-question-square-fill', 'bi-question-square', 'bi-question', 'bi-rainbow', 'bi-receipt-cutoff', 'bi-receipt', 'bi-reception-0', 'bi-reception-1', 'bi-reception-2', 'bi-reception-3', 'bi-reception-4', 'bi-record-btn-fill', 'bi-record-btn', 'bi-record-circle-fill', 'bi-record-circle', 'bi-record-fill', 'bi-record', 'bi-record2-fill', 'bi-record2', 'bi-reply-all-fill', 'bi-reply-all', 'bi-reply-fill', 'bi-reply', 'bi-rss-fill', 'bi-rss', 'bi-rulers', 'bi-save-fill', 'bi-save', 'bi-save2-fill', 'bi-save2', 'bi-scissors', 'bi-screwdriver', 'bi-search', 'bi-segmented-nav', 'bi-server', 'bi-share-fill', 'bi-share', 'bi-shield-check', 'bi-shield-exclamation', 'bi-shield-fill-check', 'bi-shield-fill-exclamation', 'bi-shield-fill-minus', 'bi-shield-fill-plus', 'bi-shield-fill-x', 'bi-shield-fill', 'bi-shield-lock-fill', 'bi-shield-lock', 'bi-shield-minus', 'bi-shield-plus', 'bi-shield-shaded', 'bi-shield-slash-fill', 'bi-shield-slash', 'bi-shield-x', 'bi-shield', 'bi-shift-fill', 'bi-shift', 'bi-shop-window', 'bi-shop', 'bi-shuffle', 'bi-signpost-2-fill', 'bi-signpost-2', 'bi-signpost-fill', 'bi-signpost-split-fill', 'bi-signpost-split', 'bi-signpost', 'bi-sim-fill', 'bi-sim', 'bi-skip-backward-btn-fill', 'bi-skip-backward-btn', 'bi-skip-backward-circle-fill', 'bi-skip-backward-circle', 'bi-skip-backward-fill', 'bi-skip-backward', 'bi-skip-end-btn-fill', 'bi-skip-end-btn', 'bi-skip-end-circle-fill', 'bi-skip-end-circle', 'bi-skip-end-fill', 'bi-skip-end', 'bi-skip-forward-btn-fill', 'bi-skip-forward-btn', 'bi-skip-forward-circle-fill', 'bi-skip-forward-circle', 'bi-skip-forward-fill', 'bi-skip-forward', 'bi-skip-start-btn-fill', 'bi-skip-start-btn', 'bi-skip-start-circle-fill', 'bi-skip-start-circle', 'bi-skip-start-fill', 'bi-skip-start', 'bi-slack', 'bi-slash-circle-fill', 'bi-slash-circle', 'bi-slash-square-fill', 'bi-slash-square', 'bi-slash', 'bi-sliders', 'bi-smartwatch', 'bi-snow', 'bi-snow2', 'bi-snow3', 'bi-sort-alpha-down-alt', 'bi-sort-alpha-down', 'bi-sort-alpha-up-alt', 'bi-sort-alpha-up', 'bi-sort-down-alt', 'bi-sort-down', 'bi-sort-numeric-down-alt', 'bi-sort-numeric-down', 'bi-sort-numeric-up-alt', 'bi-sort-numeric-up', 'bi-sort-up-alt', 'bi-sort-up', 'bi-soundwave', 'bi-speaker-fill', 'bi-speaker', 'bi-speedometer', 'bi-speedometer2', 'bi-spellcheck', 'bi-square-fill', 'bi-square-half', 'bi-square', 'bi-stack', 'bi-star-fill', 'bi-star-half', 'bi-star', 'bi-stars', 'bi-stickies-fill', 'bi-stickies', 'bi-sticky-fill', 'bi-sticky', 'bi-stop-btn-fill', 'bi-stop-btn', 'bi-stop-circle-fill', 'bi-stop-circle', 'bi-stop-fill', 'bi-stop', 'bi-stoplights-fill', 'bi-stoplights', 'bi-stopwatch-fill', 'bi-stopwatch', 'bi-subtract', 'bi-suit-club-fill', 'bi-suit-club', 'bi-suit-diamond-fill', 'bi-suit-diamond', 'bi-suit-heart-fill', 'bi-suit-heart', 'bi-suit-spade-fill', 'bi-suit-spade', 'bi-sun-fill', 'bi-sun', 'bi-sunglasses', 'bi-sunrise-fill', 'bi-sunrise', 'bi-sunset-fill', 'bi-sunset', 'bi-symmetry-horizontal', 'bi-symmetry-vertical', 'bi-table', 'bi-tablet-fill', 'bi-tablet-landscape-fill', 'bi-tablet-landscape', 'bi-tablet', 'bi-tag-fill', 'bi-tag', 'bi-tags-fill', 'bi-tags', 'bi-telegram', 'bi-telephone-fill', 'bi-telephone-forward-fill', 'bi-telephone-forward', 'bi-telephone-inbound-fill', 'bi-telephone-inbound', 'bi-telephone-minus-fill', 'bi-telephone-minus', 'bi-telephone-outbound-fill', 'bi-telephone-outbound', 'bi-telephone-plus-fill', 'bi-telephone-plus', 'bi-telephone-x-fill', 'bi-telephone-x', 'bi-telephone', 'bi-terminal-fill', 'bi-terminal', 'bi-text-center', 'bi-text-indent-left', 'bi-text-indent-right', 'bi-text-left', 'bi-text-paragraph', 'bi-text-right', 'bi-textarea-resize', 'bi-textarea-t', 'bi-textarea', 'bi-thermometer-half', 'bi-thermometer-high', 'bi-thermometer-low', 'bi-thermometer-snow', 'bi-thermometer-sun', 'bi-thermometer', 'bi-three-dots-vertical', 'bi-three-dots', 'bi-toggle-off', 'bi-toggle-on', 'bi-toggle2-off', 'bi-toggle2-on', 'bi-toggles', 'bi-toggles2', 'bi-tools', 'bi-tornado', 'bi-trash-fill', 'bi-trash', 'bi-trash2-fill', 'bi-trash2', 'bi-tree-fill', 'bi-tree', 'bi-triangle-fill', 'bi-triangle-half', 'bi-triangle', 'bi-trophy-fill', 'bi-trophy', 'bi-tropical-storm', 'bi-truck-flatbed', 'bi-truck', 'bi-tsunami', 'bi-tv-fill', 'bi-tv', 'bi-twitch', 'bi-twitter', 'bi-type-bold', 'bi-type-h1', 'bi-type-h2', 'bi-type-h3', 'bi-type-italic', 'bi-type-strikethrough', 'bi-type-underline', 'bi-type', 'bi-ui-checks-grid', 'bi-ui-checks', 'bi-ui-radios-grid', 'bi-ui-radios', 'bi-umbrella-fill', 'bi-umbrella', 'bi-union', 'bi-unlock-fill', 'bi-unlock', 'bi-upc-scan', 'bi-upc', 'bi-upload', 'bi-vector-pen', 'bi-view-list', 'bi-view-stacked', 'bi-vinyl-fill', 'bi-vinyl', 'bi-voicemail', 'bi-volume-down-fill', 'bi-volume-down', 'bi-volume-mute-fill', 'bi-volume-mute', 'bi-volume-off-fill', 'bi-volume-off', 'bi-volume-up-fill', 'bi-volume-up', 'bi-vr', 'bi-wallet-fill', 'bi-wallet', 'bi-wallet2', 'bi-watch', 'bi-water', 'bi-whatsapp', 'bi-wifi-1', 'bi-wifi-2', 'bi-wifi-off', 'bi-wifi', 'bi-wind', 'bi-window-dock', 'bi-window-sidebar', 'bi-window', 'bi-wrench', 'bi-x-circle-fill', 'bi-x-circle', 'bi-x-diamond-fill', 'bi-x-diamond', 'bi-x-octagon-fill', 'bi-x-octagon', 'bi-x-square-fill', 'bi-x-square', 'bi-x', 'bi-youtube', 'bi-zoom-in', 'bi-zoom-out', 'bi-bank', 'bi-bank2', 'bi-bell-slash-fill', 'bi-bell-slash', 'bi-cash-coin', 'bi-check-lg', 'bi-coin', 'bi-currency-bitcoin', 'bi-currency-dollar', 'bi-currency-euro', 'bi-currency-exchange', 'bi-currency-pound', 'bi-currency-yen', 'bi-dash-lg', 'bi-exclamation-lg', 'bi-file-earmark-pdf-fill', 'bi-file-earmark-pdf', 'bi-file-pdf-fill', 'bi-file-pdf', 'bi-gender-ambiguous', 'bi-gender-female', 'bi-gender-male', 'bi-gender-trans', 'bi-headset-vr', 'bi-info-lg', 'bi-mastodon', 'bi-messenger', 'bi-piggy-bank-fill', 'bi-piggy-bank', 'bi-pin-map-fill', 'bi-pin-map', 'bi-plus-lg', 'bi-question-lg', 'bi-recycle', 'bi-reddit', 'bi-safe-fill', 'bi-safe2-fill', 'bi-safe2', 'bi-sd-card-fill', 'bi-sd-card', 'bi-skype', 'bi-slash-lg', 'bi-translate', 'bi-x-lg', 'bi-safe', 'bi-apple', 'bi-microsoft', 'bi-windows', 'bi-behance', 'bi-dribbble', 'bi-line', 'bi-medium', 'bi-paypal', 'bi-pinterest', 'bi-signal', 'bi-snapchat', 'bi-spotify', 'bi-stack-overflow', 'bi-strava', 'bi-wordpress', 'bi-vimeo', 'bi-activity', 'bi-easel2-fill', 'bi-easel2', 'bi-easel3-fill', 'bi-easel3', 'bi-fan', 'bi-fingerprint', 'bi-graph-down-arrow', 'bi-graph-up-arrow', 'bi-hypnotize', 'bi-magic', 'bi-person-rolodex', 'bi-person-video', 'bi-person-video2', 'bi-person-video3', 'bi-person-workspace', 'bi-radioactive', 'bi-webcam-fill', 'bi-webcam', 'bi-yin-yang', 'bi-bandaid-fill', 'bi-bandaid', 'bi-bluetooth', 'bi-body-text', 'bi-boombox', 'bi-boxes', 'bi-dpad-fill', 'bi-dpad', 'bi-ear-fill', 'bi-ear', 'bi-envelope-check-1', 'bi-envelope-check-fill', 'bi-envelope-check', 'bi-envelope-dash-1', 'bi-envelope-dash-fill', 'bi-envelope-dash', 'bi-envelope-exclamation-1', 'bi-envelope-exclamation-fill', 'bi-envelope-exclamation', 'bi-envelope-plus-fill', 'bi-envelope-plus', 'bi-envelope-slash-1', 'bi-envelope-slash-fill', 'bi-envelope-slash', 'bi-envelope-x-1', 'bi-envelope-x-fill', 'bi-envelope-x', 'bi-explicit-fill', 'bi-explicit', 'bi-git', 'bi-infinity', 'bi-list-columns-reverse', 'bi-list-columns', 'bi-meta', 'bi-mortorboard-fill', 'bi-mortorboard', 'bi-nintendo-switch', 'bi-pc-display-horizontal', 'bi-pc-display', 'bi-pc-horizontal', 'bi-pc', 'bi-playstation', 'bi-plus-slash-minus', 'bi-projector-fill', 'bi-projector', 'bi-qr-code-scan', 'bi-qr-code', 'bi-quora', 'bi-quote', 'bi-robot', 'bi-send-check-fill', 'bi-send-check', 'bi-send-dash-fill', 'bi-send-dash', 'bi-send-exclamation-1', 'bi-send-exclamation-fill', 'bi-send-exclamation', 'bi-send-fill', 'bi-send-plus-fill', 'bi-send-plus', 'bi-send-slash-fill', 'bi-send-slash', 'bi-send-x-fill', 'bi-send-x', 'bi-send', 'bi-steam', 'bi-terminal-dash-1', 'bi-terminal-dash', 'bi-terminal-plus', 'bi-terminal-split', 'bi-ticket-detailed-fill', 'bi-ticket-detailed', 'bi-ticket-fill', 'bi-ticket-perforated-fill', 'bi-ticket-perforated', 'bi-ticket', 'bi-tiktok', 'bi-window-dash', 'bi-window-desktop', 'bi-window-fullscreen', 'bi-window-plus', 'bi-window-split', 'bi-window-stack', 'bi-window-x', 'bi-xbox', 'bi-ethernet', 'bi-hdmi-fill', 'bi-hdmi', 'bi-usb-c-fill', 'bi-usb-c', 'bi-usb-fill', 'bi-usb-plug-fill', 'bi-usb-plug', 'bi-usb-symbol', 'bi-usb', 'bi-boombox-fill', 'bi-displayport-1', 'bi-displayport', 'bi-gpu-card', 'bi-memory', 'bi-modem-fill', 'bi-modem', 'bi-motherboard-fill', 'bi-motherboard', 'bi-optical-audio-fill', 'bi-optical-audio', 'bi-pci-card', 'bi-router-fill', 'bi-router', 'bi-ssd-fill', 'bi-ssd', 'bi-thunderbolt-fill', 'bi-thunderbolt', 'bi-usb-drive-fill', 'bi-usb-drive', 'bi-usb-micro-fill', 'bi-usb-micro', 'bi-usb-mini-fill', 'bi-usb-mini', 'bi-cloud-haze2', 'bi-device-hdd-fill', 'bi-device-hdd', 'bi-device-ssd-fill', 'bi-device-ssd', 'bi-displayport-fill', 'bi-mortarboard-fill', 'bi-mortarboard', 'bi-terminal-x', 'bi-arrow-through-heart-fill', 'bi-arrow-through-heart', 'bi-badge-sd-fill', 'bi-badge-sd', 'bi-bag-heart-fill', 'bi-bag-heart', 'bi-balloon-fill', 'bi-balloon-heart-fill', 'bi-balloon-heart', 'bi-balloon', 'bi-box2-fill', 'bi-box2-heart-fill', 'bi-box2-heart', 'bi-box2', 'bi-braces-asterisk', 'bi-calendar-heart-fill', 'bi-calendar-heart', 'bi-calendar2-heart-fill', 'bi-calendar2-heart', 'bi-chat-heart-fill', 'bi-chat-heart', 'bi-chat-left-heart-fill', 'bi-chat-left-heart', 'bi-chat-right-heart-fill', 'bi-chat-right-heart', 'bi-chat-square-heart-fill', 'bi-chat-square-heart', 'bi-clipboard-check-fill', 'bi-clipboard-data-fill', 'bi-clipboard-fill', 'bi-clipboard-heart-fill', 'bi-clipboard-heart', 'bi-clipboard-minus-fill', 'bi-clipboard-plus-fill', 'bi-clipboard-pulse', 'bi-clipboard-x-fill', 'bi-clipboard2-check-fill', 'bi-clipboard2-check', 'bi-clipboard2-data-fill', 'bi-clipboard2-data', 'bi-clipboard2-fill', 'bi-clipboard2-heart-fill', 'bi-clipboard2-heart', 'bi-clipboard2-minus-fill', 'bi-clipboard2-minus', 'bi-clipboard2-plus-fill', 'bi-clipboard2-plus', 'bi-clipboard2-pulse-fill', 'bi-clipboard2-pulse', 'bi-clipboard2-x-fill', 'bi-clipboard2-x', 'bi-clipboard2', 'bi-emoji-kiss-fill', 'bi-emoji-kiss', 'bi-envelope-heart-fill', 'bi-envelope-heart', 'bi-envelope-open-heart-fill', 'bi-envelope-open-heart', 'bi-envelope-paper-fill', 'bi-envelope-paper-heart-fill', 'bi-envelope-paper-heart', 'bi-envelope-paper', 'bi-filetype-aac', 'bi-filetype-ai', 'bi-filetype-bmp', 'bi-filetype-cs', 'bi-filetype-css', 'bi-filetype-csv', 'bi-filetype-doc', 'bi-filetype-docx', 'bi-filetype-exe', 'bi-filetype-gif', 'bi-filetype-heic', 'bi-filetype-html', 'bi-filetype-java', 'bi-filetype-jpg', 'bi-filetype-js', 'bi-filetype-jsx', 'bi-filetype-key', 'bi-filetype-m4p', 'bi-filetype-md', 'bi-filetype-mdx', 'bi-filetype-mov', 'bi-filetype-mp3', 'bi-filetype-mp4', 'bi-filetype-otf', 'bi-filetype-pdf', 'bi-filetype-php', 'bi-filetype-png', 'bi-filetype-ppt-1', 'bi-filetype-ppt', 'bi-filetype-psd', 'bi-filetype-py', 'bi-filetype-raw', 'bi-filetype-rb', 'bi-filetype-sass', 'bi-filetype-scss', 'bi-filetype-sh', 'bi-filetype-svg', 'bi-filetype-tiff', 'bi-filetype-tsx', 'bi-filetype-ttf', 'bi-filetype-txt', 'bi-filetype-wav', 'bi-filetype-woff', 'bi-filetype-xls-1', 'bi-filetype-xls', 'bi-filetype-xml', 'bi-filetype-yml', 'bi-heart-arrow', 'bi-heart-pulse-fill', 'bi-heart-pulse', 'bi-heartbreak-fill', 'bi-heartbreak', 'bi-hearts', 'bi-hospital-fill', 'bi-hospital', 'bi-house-heart-fill', 'bi-house-heart', 'bi-incognito', 'bi-magnet-fill', 'bi-magnet', 'bi-person-heart', 'bi-person-hearts', 'bi-phone-flip', 'bi-plugin', 'bi-postage-fill', 'bi-postage-heart-fill', 'bi-postage-heart', 'bi-postage', 'bi-postcard-fill', 'bi-postcard-heart-fill', 'bi-postcard-heart', 'bi-postcard', 'bi-search-heart-fill', 'bi-search-heart', 'bi-sliders2-vertical', 'bi-sliders2', 'bi-trash3-fill', 'bi-trash3', 'bi-valentine', 'bi-valentine2', 'bi-wrench-adjustable-circle-fill', 'bi-wrench-adjustable-circle', 'bi-wrench-adjustable', 'bi-filetype-json', 'bi-filetype-pptx', 'bi-filetype-xlsx', 'bi-1-circle-1', 'bi-1-circle-fill-1', 'bi-1-circle-fill', 'bi-1-circle', 'bi-1-square-fill', 'bi-1-square', 'bi-2-circle-1', 'bi-2-circle-fill-1', 'bi-2-circle-fill', 'bi-2-circle', 'bi-2-square-fill', 'bi-2-square', 'bi-3-circle-1', 'bi-3-circle-fill-1', 'bi-3-circle-fill', 'bi-3-circle', 'bi-3-square-fill', 'bi-3-square', 'bi-4-circle-1', 'bi-4-circle-fill-1', 'bi-4-circle-fill', 'bi-4-circle', 'bi-4-square-fill', 'bi-4-square', 'bi-5-circle-1', 'bi-5-circle-fill-1', 'bi-5-circle-fill', 'bi-5-circle', 'bi-5-square-fill', 'bi-5-square', 'bi-6-circle-1', 'bi-6-circle-fill-1', 'bi-6-circle-fill', 'bi-6-circle', 'bi-6-square-fill', 'bi-6-square', 'bi-7-circle-1', 'bi-7-circle-fill-1', 'bi-7-circle-fill', 'bi-7-circle', 'bi-7-square-fill', 'bi-7-square', 'bi-8-circle-1', 'bi-8-circle-fill-1', 'bi-8-circle-fill', 'bi-8-circle', 'bi-8-square-fill', 'bi-8-square', 'bi-9-circle-1', 'bi-9-circle-fill-1', 'bi-9-circle-fill', 'bi-9-circle', 'bi-9-square-fill', 'bi-9-square', 'bi-airplane-engines-fill', 'bi-airplane-engines', 'bi-airplane-fill', 'bi-airplane', 'bi-alexa', 'bi-alipay', 'bi-android', 'bi-android2', 'bi-box-fill', 'bi-box-seam-fill', 'bi-browser-chrome', 'bi-browser-edge', 'bi-browser-firefox', 'bi-browser-safari', 'bi-c-circle-1', 'bi-c-circle-fill-1', 'bi-c-circle-fill', 'bi-c-circle', 'bi-c-square-fill', 'bi-c-square', 'bi-capsule-pill', 'bi-capsule', 'bi-car-front-fill', 'bi-car-front', 'bi-cassette-fill', 'bi-cassette', 'bi-cc-circle-1', 'bi-cc-circle-fill-1', 'bi-cc-circle-fill', 'bi-cc-circle', 'bi-cc-square-fill', 'bi-cc-square', 'bi-cup-hot-fill', 'bi-cup-hot', 'bi-currency-rupee', 'bi-dropbox', 'bi-escape', 'bi-fast-forward-btn-fill', 'bi-fast-forward-btn', 'bi-fast-forward-circle-fill', 'bi-fast-forward-circle', 'bi-fast-forward-fill', 'bi-fast-forward', 'bi-filetype-sql', 'bi-fire', 'bi-google-play', 'bi-h-circle-1', 'bi-h-circle-fill-1', 'bi-h-circle-fill', 'bi-h-circle', 'bi-h-square-fill', 'bi-h-square', 'bi-indent', 'bi-lungs-fill', 'bi-lungs', 'bi-microsoft-teams', 'bi-p-circle-1', 'bi-p-circle-fill-1', 'bi-p-circle-fill', 'bi-p-circle', 'bi-p-square-fill', 'bi-p-square', 'bi-pass-fill', 'bi-pass', 'bi-prescription', 'bi-prescription2', 'bi-r-circle-1', 'bi-r-circle-fill-1', 'bi-r-circle-fill', 'bi-r-circle', 'bi-r-square-fill', 'bi-r-square', 'bi-repeat-1', 'bi-repeat', 'bi-rewind-btn-fill', 'bi-rewind-btn', 'bi-rewind-circle-fill', 'bi-rewind-circle', 'bi-rewind-fill', 'bi-rewind', 'bi-train-freight-front-fill', 'bi-train-freight-front', 'bi-train-front-fill', 'bi-train-front', 'bi-train-lightrail-front-fill', 'bi-train-lightrail-front', 'bi-truck-front-fill', 'bi-truck-front', 'bi-ubuntu', 'bi-unindent', 'bi-unity', 'bi-universal-access-circle', 'bi-universal-access', 'bi-virus', 'bi-virus2', 'bi-wechat', 'bi-yelp', 'bi-sign-stop-fill', 'bi-sign-stop-lights-fill', 'bi-sign-stop-lights', 'bi-sign-stop', 'bi-sign-turn-left-fill', 'bi-sign-turn-left', 'bi-sign-turn-right-fill', 'bi-sign-turn-right', 'bi-sign-turn-slight-left-fill', 'bi-sign-turn-slight-left', 'bi-sign-turn-slight-right-fill', 'bi-sign-turn-slight-right', 'bi-sign-yield-fill', 'bi-sign-yield', 'bi-ev-station-fill', 'bi-ev-station', 'bi-fuel-pump-diesel-fill', 'bi-fuel-pump-diesel', 'bi-fuel-pump-fill', 'bi-fuel-pump'];
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (bootstrapIcons);

/***/ }),

/***/ "./src/components/icon-picker/fontawesome-classes.js":
/*!***********************************************************!*\
  !*** ./src/components/icon-picker/fontawesome-classes.js ***!
  \***********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
const fontawesomeClasses = ["fas fa-address-book", "fas fa-address-card", "fas fa-adjust", "fas fa-align-center", "fas fa-align-justify", "fas fa-align-left", "fas fa-align-right", "fas fa-allergies", "fas fa-ambulance", "fas fa-american-sign-language-interpreting", "fas fa-anchor", "fas fa-angle-double-down", "fas fa-angle-double-left", "fas fa-angle-double-right", "fas fa-angle-double-up", "fas fa-angle-down", "fas fa-angle-left", "fas fa-angle-right", "fas fa-angle-up", "fas fa-archive", "fas fa-arrow-alt-circle-down", "fas fa-arrow-alt-circle-left", "fas fa-arrow-alt-circle-right", "fas fa-arrow-alt-circle-up", "fas fa-arrow-circle-down", "fas fa-arrow-circle-left", "fas fa-arrow-circle-right", "fas fa-arrow-circle-up", "fas fa-arrow-down", "fas fa-arrow-left", "fas fa-arrow-right", "fas fa-arrow-up", "fas fa-arrows-alt", "fas fa-arrows-alt-h", "fas fa-arrows-alt-v", "fas fa-assistive-listening-systems", "fas fa-asterisk", "fas fa-at", "fas fa-audio-description", "fas fa-backward", "fas fa-balance-scale", "fas fa-ban", "fas fa-band-aid", "fas fa-barcode", "fas fa-bars", "fas fa-baseball-ball", "fas fa-basketball-ball", "fas fa-bath", "fas fa-battery-empty", "fas fa-battery-full", "fas fa-battery-half", "fas fa-battery-quarter", "fas fa-battery-three-quarters", "fas fa-bed", "fas fa-beer", "fas fa-bell", "fas fa-bell-slash", "fas fa-bicycle", "fas fa-binoculars", "fas fa-birthday-cake", "fas fa-blind", "fas fa-bold", "fas fa-bolt", "fas fa-bomb", "fas fa-book", "fas fa-bookmark", "fas fa-bowling-ball", "fas fa-box", "fas fa-box-open", "fas fa-boxes", "fas fa-braille", "fas fa-briefcase", "fas fa-briefcase-medical", "fas fa-bug", "fas fa-building", "fas fa-bullhorn", "fas fa-bullseye", "fas fa-burn", "fas fa-bus", "fas fa-calculator", "fas fa-calendar", "fas fa-calendar-alt", "fas fa-calendar-check", "fas fa-calendar-minus", "fas fa-calendar-plus", "fas fa-calendar-times", "fas fa-camera", "fas fa-camera-retro", "fas fa-capsules", "fas fa-car", "fas fa-caret-down", "fas fa-caret-left", "fas fa-caret-right", "fas fa-caret-square-down", "fas fa-caret-square-left", "fas fa-caret-square-right", "fas fa-caret-square-up", "fas fa-caret-up", "fas fa-cart-arrow-down", "fas fa-cart-plus", "fas fa-certificate", "fas fa-chart-area", "fas fa-chart-bar", "fas fa-chart-line", "fas fa-chart-pie", "fas fa-check", "fas fa-check-circle", "fas fa-check-square", "fas fa-chess", "fas fa-chess-bishop", "fas fa-chess-board", "fas fa-chess-king", "fas fa-chess-knight", "fas fa-chess-pawn", "fas fa-chess-queen", "fas fa-chess-rook", "fas fa-chevron-circle-down", "fas fa-chevron-circle-left", "fas fa-chevron-circle-right", "fas fa-chevron-circle-up", "fas fa-chevron-down", "fas fa-chevron-left", "fas fa-chevron-right", "fas fa-chevron-up", "fas fa-child", "fas fa-circle", "fas fa-circle-notch", "fas fa-clipboard", "fas fa-clipboard-check", "fas fa-clipboard-list", "fas fa-clock", "fas fa-clone", "fas fa-closed-captioning", "fas fa-cloud", "fas fa-cloud-download-alt", "fas fa-cloud-upload-alt", "fas fa-code", "fas fa-code-branch", "fas fa-coffee", "fas fa-cog", "fas fa-cogs", "fas fa-columns", "fas fa-comment", "fas fa-comment-alt", "fas fa-comment-dots", "fas fa-comment-slash", "fas fa-comments", "fas fa-compass", "fas fa-compress", "fas fa-copy", "fas fa-copyright", "fas fa-couch", "fas fa-credit-card", "fas fa-crop", "fas fa-crosshairs", "fas fa-cube", "fas fa-cubes", "fas fa-cut", "fas fa-database", "fas fa-deaf", "fas fa-desktop", "fas fa-diagnoses", "fas fa-dna", "fas fa-dollar-sign", "fas fa-dolly", "fas fa-dolly-flatbed", "fas fa-donate", "fas fa-dot-circle", "fas fa-dove", "fas fa-download", "fas fa-edit", "fas fa-eject", "fas fa-ellipsis-h", "fas fa-ellipsis-v", "fas fa-envelope", "fas fa-envelope-open", "fas fa-envelope-square", "fas fa-eraser", "fas fa-euro-sign", "fas fa-exchange-alt", "fas fa-exclamation", "fas fa-exclamation-circle", "fas fa-exclamation-triangle", "fas fa-expand", "fas fa-expand-arrows-alt", "fas fa-external-link-alt", "fas fa-external-link-square-alt", "fas fa-eye", "fas fa-eye-dropper", "fas fa-eye-slash", "fas fa-fast-backward", "fas fa-fast-forward", "fas fa-fax", "fas fa-female", "fas fa-fighter-jet", "fas fa-file", "fas fa-file-alt", "fas fa-file-archive", "fas fa-file-audio", "fas fa-file-code", "fas fa-file-excel", "fas fa-file-image", "fas fa-file-medical", "fas fa-file-medical-alt", "fas fa-file-pdf", "fas fa-file-powerpoint", "fas fa-file-video", "fas fa-file-word", "fas fa-film", "fas fa-filter", "fas fa-fire", "fas fa-fire-extinguisher", "fas fa-first-aid", "fas fa-flag", "fas fa-flag-checkered", "fas fa-flask", "fas fa-folder", "fas fa-folder-open", "fas fa-font", "fas fa-football-ball", "fas fa-forward", "fas fa-frown", "fas fa-futbol", "fas fa-gamepad", "fas fa-gavel", "fas fa-gem", "fas fa-genderless", "fas fa-gift", "fas fa-glass-martini", "fas fa-globe", "fas fa-golf-ball", "fas fa-graduation-cap", "fas fa-h-square", "fas fa-hand-holding", "fas fa-hand-holding-heart", "fas fa-hand-holding-usd", "fas fa-hand-lizard", "fas fa-hand-paper", "fas fa-hand-peace", "fas fa-hand-point-down", "fas fa-hand-point-left", "fas fa-hand-point-right", "fas fa-hand-point-up", "fas fa-hand-pointer", "fas fa-hand-rock", "fas fa-hand-scissors", "fas fa-hand-spock", "fas fa-hands", "fas fa-hands-helping", "fas fa-handshake", "fas fa-hashtag", "fas fa-hdd", "fas fa-heading", "fas fa-headphones", "fas fa-heart", "fas fa-heartbeat", "fas fa-history", "fas fa-hockey-puck", "fas fa-home", "fas fa-hospital", "fas fa-hospital-alt", "fas fa-hospital-symbol", "fas fa-hourglass", "fas fa-hourglass-end", "fas fa-hourglass-half", "fas fa-hourglass-start", "fas fa-i-cursor", "fas fa-id-badge", "fas fa-id-card", "fas fa-id-card-alt", "fas fa-image", "fas fa-images", "fas fa-inbox", "fas fa-indent", "fas fa-industry", "fas fa-info", "fas fa-info-circle", "fas fa-italic", "fas fa-key", "fas fa-keyboard", "fas fa-language", "fas fa-laptop", "fas fa-leaf", "fas fa-lemon", "fas fa-level-down-alt", "fas fa-level-up-alt", "fas fa-life-ring", "fas fa-lightbulb", "fas fa-link", "fas fa-lira-sign", "fas fa-list", "fas fa-list-alt", "fas fa-list-ol", "fas fa-list-ul", "fas fa-location-arrow", "fas fa-lock", "fas fa-lock-open", "fas fa-long-arrow-alt-down", "fas fa-long-arrow-alt-left", "fas fa-long-arrow-alt-right", "fas fa-long-arrow-alt-up", "fas fa-low-vision", "fas fa-magic", "fas fa-magnet", "fas fa-male", "fas fa-map", "fas fa-map-marker", "fas fa-map-marker-alt", "fas fa-map-pin", "fas fa-map-signs", "fas fa-mars", "fas fa-mars-double", "fas fa-mars-stroke", "fas fa-mars-stroke-h", "fas fa-mars-stroke-v", "fas fa-medkit", "fas fa-meh", "fas fa-mercury", "fas fa-microchip", "fas fa-microphone", "fas fa-microphone-slash", "fas fa-minus", "fas fa-minus-circle", "fas fa-minus-square", "fas fa-mobile", "fas fa-mobile-alt", "fas fa-money-bill-alt", "fas fa-moon", "fas fa-motorcycle", "fas fa-mouse-pointer", "fas fa-music", "fas fa-neuter", "fas fa-newspaper", "fas fa-notes-medical", "fas fa-object-group", "fas fa-object-ungroup", "fas fa-outdent", "fas fa-paint-brush", "fas fa-pallet", "fas fa-paper-plane", "fas fa-paperclip", "fas fa-parachute-box", "fas fa-paragraph", "fas fa-paste", "fas fa-pause", "fas fa-pause-circle", "fas fa-paw", "fas fa-pen-square", "fas fa-pencil-alt", "fas fa-people-carry", "fas fa-percent", "fas fa-phone", "fas fa-phone-slash", "fas fa-phone-square", "fas fa-phone-volume", "fas fa-piggy-bank", "fas fa-pills", "fas fa-plane", "fas fa-play", "fas fa-play-circle", "fas fa-plug", "fas fa-plus", "fas fa-plus-circle", "fas fa-plus-square", "fas fa-podcast", "fas fa-poo", "fas fa-pound-sign", "fas fa-power-off", "fas fa-prescription-bottle", "fas fa-prescription-bottle-alt", "fas fa-print", "fas fa-procedures", "fas fa-puzzle-piece", "fas fa-qrcode", "fas fa-question", "fas fa-question-circle", "fas fa-quidditch", "fas fa-quote-left", "fas fa-quote-right", "fas fa-random", "fas fa-recycle", "fas fa-redo", "fas fa-redo-alt", "fas fa-registered", "fas fa-reply", "fas fa-reply-all", "fas fa-retweet", "fas fa-ribbon", "fas fa-road", "fas fa-rocket", "fas fa-rss", "fas fa-rss-square", "fas fa-ruble-sign", "fas fa-rupee-sign", "fas fa-save", "fas fa-search", "fas fa-search-minus", "fas fa-search-plus", "fas fa-seedling", "fas fa-server", "fas fa-share", "fas fa-share-alt", "fas fa-share-alt-square", "fas fa-share-square", "fas fa-shekel-sign", "fas fa-shield-alt", "fas fa-ship", "fas fa-shipping-fast", "fas fa-shopping-bag", "fas fa-shopping-basket", "fas fa-shopping-cart", "fas fa-shower", "fas fa-sign", "fas fa-sign-in-alt", "fas fa-sign-language", "fas fa-sign-out-alt", "fas fa-signal", "fas fa-sitemap", "fas fa-sliders-h", "fas fa-smile", "fas fa-smoking", "fas fa-snowflake", "fas fa-sort", "fas fa-sort-alpha-down", "fas fa-sort-alpha-up", "fas fa-sort-amount-down", "fas fa-sort-amount-up", "fas fa-sort-down", "fas fa-sort-numeric-down", "fas fa-sort-numeric-up", "fas fa-sort-up", "fas fa-space-shuttle", "fas fa-spinner", "fas fa-square", "fas fa-square-full", "fas fa-star", "fas fa-star-half", "fas fa-step-backward", "fas fa-step-forward", "fas fa-stethoscope", "fas fa-sticky-note", "fas fa-stop", "fas fa-stop-circle", "fas fa-stopwatch", "fas fa-street-view", "fas fa-strikethrough", "fas fa-subscript", "fas fa-subway", "fas fa-suitcase", "fas fa-sun", "fas fa-superscript", "fas fa-sync", "fas fa-sync-alt", "fas fa-syringe", "fas fa-table", "fas fa-table-tennis", "fas fa-tablet", "fas fa-tablet-alt", "fas fa-tablets", "fas fa-tachometer-alt", "fas fa-tag", "fas fa-tags", "fas fa-tape", "fas fa-tasks", "fas fa-taxi", "fas fa-terminal", "fas fa-text-height", "fas fa-text-width", "fas fa-th", "fas fa-th-large", "fas fa-th-list", "fas fa-thermometer", "fas fa-thermometer-empty", "fas fa-thermometer-full", "fas fa-thermometer-half", "fas fa-thermometer-quarter", "fas fa-thermometer-three-quarters", "fas fa-thumbs-down", "fas fa-thumbs-up", "fas fa-thumbtack", "fas fa-ticket-alt", "fas fa-times", "fas fa-times-circle", "fas fa-tint", "fas fa-toggle-off", "fas fa-toggle-on", "fas fa-trademark", "fas fa-train", "fas fa-transgender", "fas fa-transgender-alt", "fas fa-trash", "fas fa-trash-alt", "fas fa-tree", "fas fa-trophy", "fas fa-truck", "fas fa-truck-loading", "fas fa-truck-moving", "fas fa-tty", "fas fa-tv", "fas fa-umbrella", "fas fa-underline", "fas fa-undo", "fas fa-undo-alt", "fas fa-universal-access", "fas fa-university", "fas fa-unlink", "fas fa-unlock", "fas fa-unlock-alt", "fas fa-upload", "fas fa-user", "fas fa-user-circle", "fas fa-user-md", "fas fa-user-plus", "fas fa-user-secret", "fas fa-user-times", "fas fa-users", "fas fa-utensil-spoon", "fas fa-utensils", "fas fa-venus", "fas fa-venus-double", "fas fa-venus-mars", "fas fa-vial", "fas fa-vials", "fas fa-video", "fas fa-video-slash", "fas fa-volleyball-ball", "fas fa-volume-down", "fas fa-volume-off", "fas fa-volume-up", "fas fa-warehouse", "fas fa-weight", "fas fa-wheelchair", "fas fa-wifi", "fas fa-window-close", "fas fa-window-maximize", "fas fa-window-minimize", "fas fa-window-restore", "fas fa-wine-glass", "fas fa-won-sign", "fas fa-wrench", "fas fa-x-ray", "fas fa-yen-sign", "far fa-address-book", "far fa-address-card", "far fa-arrow-alt-circle-down", "far fa-arrow-alt-circle-left", "far fa-arrow-alt-circle-right", "far fa-arrow-alt-circle-up", "far fa-bell", "far fa-bell-slash", "far fa-bookmark", "far fa-building", "far fa-calendar", "far fa-calendar-alt", "far fa-calendar-check", "far fa-calendar-minus", "far fa-calendar-plus", "far fa-calendar-times", "far fa-caret-square-down", "far fa-caret-square-left", "far fa-caret-square-right", "far fa-caret-square-up", "far fa-chart-bar", "far fa-check-circle", "far fa-check-square", "far fa-circle", "far fa-clipboard", "far fa-clock", "far fa-clone", "far fa-closed-captioning", "far fa-comment", "far fa-comment-alt", "far fa-comments", "far fa-compass", "far fa-copy", "far fa-copyright", "far fa-credit-card", "far fa-dot-circle", "far fa-edit", "far fa-envelope", "far fa-envelope-open", "far fa-eye-slash", "far fa-file", "far fa-file-alt", "far fa-file-archive", "far fa-file-audio", "far fa-file-code", "far fa-file-excel", "far fa-file-image", "far fa-file-pdf", "far fa-file-powerpoint", "far fa-file-video", "far fa-file-word", "far fa-flag", "far fa-folder", "far fa-folder-open", "far fa-frown", "far fa-futbol", "far fa-gem", "far fa-hand-lizard", "far fa-hand-paper", "far fa-hand-peace", "far fa-hand-point-down", "far fa-hand-point-left", "far fa-hand-point-right", "far fa-hand-point-up", "far fa-hand-pointer", "far fa-hand-rock", "far fa-hand-scissors", "far fa-hand-spock", "far fa-handshake", "far fa-hdd", "far fa-heart", "far fa-hospital", "far fa-hourglass", "far fa-id-badge", "far fa-id-card", "far fa-image", "far fa-images", "far fa-keyboard", "far fa-lemon", "far fa-life-ring", "far fa-lightbulb", "far fa-list-alt", "far fa-map", "far fa-meh", "far fa-minus-square", "far fa-money-bill-alt", "far fa-moon", "far fa-newspaper", "far fa-object-group", "far fa-object-ungroup", "far fa-paper-plane", "far fa-pause-circle", "far fa-play-circle", "far fa-plus-square", "far fa-question-circle", "far fa-registered", "far fa-save", "far fa-share-square", "far fa-smile", "far fa-snowflake", "far fa-square", "far fa-star", "far fa-star-half", "far fa-sticky-note", "far fa-stop-circle", "far fa-sun", "far fa-thumbs-down", "far fa-thumbs-up", "far fa-times-circle", "far fa-trash-alt", "far fa-user", "far fa-user-circle", "far fa-window-close", "far fa-window-maximize", "far fa-window-minimize", "far fa-window-restore", "fab fa-500px", "fab fa-accessible-icon", "fab fa-accusoft", "fab fa-adn", "fab fa-adversal", "fab fa-affiliatetheme", "fab fa-algolia", "fab fa-amazon", "fab fa-amazon-pay", "fab fa-amilia", "fab fa-android", "fab fa-angellist", "fab fa-angrycreative", "fab fa-angular", "fab fa-app-store", "fab fa-app-store-ios", "fab fa-apper", "fab fa-apple", "fab fa-apple-pay", "fab fa-asymmetrik", "fab fa-audible", "fab fa-autoprefixer", "fab fa-avianex", "fab fa-aviato", "fab fa-aws", "fab fa-bandcamp", "fab fa-behance", "fab fa-behance-square", "fab fa-bimobject", "fab fa-bitbucket", "fab fa-bitcoin", "fab fa-bity", "fab fa-black-tie", "fab fa-blackberry", "fab fa-blogger", "fab fa-blogger-b", "fab fa-bluetooth", "fab fa-bluetooth-b", "fab fa-btc", "fab fa-buromobelexperte", "fab fa-buysellads", "fab fa-cc-amazon-pay", "fab fa-cc-amex", "fab fa-cc-apple-pay", "fab fa-cc-diners-club", "fab fa-cc-discover", "fab fa-cc-jcb", "fab fa-cc-mastercard", "fab fa-cc-paypal", "fab fa-cc-stripe", "fab fa-cc-visa", "fab fa-centercode", "fab fa-chrome", "fab fa-cloudscale", "fab fa-cloudsmith", "fab fa-cloudversify", "fab fa-codepen", "fab fa-codiepie", "fab fa-connectdevelop", "fab fa-contao", "fab fa-cpanel", "fab fa-creative-commons", "fab fa-css3", "fab fa-css3-alt", "fab fa-cuttlefish", "fab fa-d-and-d", "fab fa-dashcube", "fab fa-delicious", "fab fa-deploydog", "fab fa-deskpro", "fab fa-deviantart", "fab fa-digg", "fab fa-digital-ocean", "fab fa-discord", "fab fa-discourse", "fab fa-dochub", "fab fa-docker", "fab fa-draft2digital", "fab fa-dribbble", "fab fa-dribbble-square", "fab fa-dropbox", "fab fa-drupal", "fab fa-dyalog", "fab fa-earlybirds", "fab fa-edge", "fab fa-elementor", "fab fa-ember", "fab fa-empire", "fab fa-envira", "fab fa-erlang", "fab fa-ethereum", "fab fa-etsy", "fab fa-expeditedssl", "fab fa-facebook", "fab fa-facebook-f", "fab fa-facebook-messenger", "fab fa-facebook-square", "fab fa-firefox", "fab fa-first-order", "fab fa-firstdraft", "fab fa-flickr", "fab fa-flipboard", "fab fa-fly", "fab fa-font-awesome", "fab fa-font-awesome-alt", "fab fa-font-awesome-flag", "fab fa-fonticons", "fab fa-fonticons-fi", "fab fa-fort-awesome", "fab fa-fort-awesome-alt", "fab fa-forumbee", "fab fa-foursquare", "fab fa-free-code-camp", "fab fa-freebsd", "fab fa-get-pocket", "fab fa-gg", "fab fa-gg-circle", "fab fa-git", "fab fa-git-square", "fab fa-github", "fab fa-github-alt", "fab fa-github-square", "fab fa-gitkraken", "fab fa-gitlab", "fab fa-gitter", "fab fa-glide", "fab fa-glide-g", "fab fa-gofore", "fab fa-goodreads", "fab fa-goodreads-g", "fab fa-google", "fab fa-google-drive", "fab fa-google-play", "fab fa-google-plus", "fab fa-google-plus-g", "fab fa-google-plus-square", "fab fa-google-wallet", "fab fa-gratipay", "fab fa-grav", "fab fa-gripfire", "fab fa-grunt", "fab fa-gulp", "fab fa-hacker-news", "fab fa-hacker-news-square", "fab fa-hips", "fab fa-hire-a-helper", "fab fa-hooli", "fab fa-hotjar", "fab fa-houzz", "fab fa-html5", "fab fa-hubspot", "fab fa-imdb", "fab fa-instagram", "fab fa-internet-explorer", "fab fa-ioxhost", "fab fa-itunes", "fab fa-itunes-note", "fab fa-jenkins", "fab fa-joget", "fab fa-joomla", "fab fa-js", "fab fa-js-square", "fab fa-jsfiddle", "fab fa-keycdn", "fab fa-kickstarter", "fab fa-kickstarter-k", "fab fa-korvue", "fab fa-laravel", "fab fa-lastfm", "fab fa-lastfm-square", "fab fa-leanpub", "fab fa-less", "fab fa-line", "fab fa-linkedin", "fab fa-linkedin-in", "fab fa-linode", "fab fa-linux", "fab fa-lyft", "fab fa-magento", "fab fa-maxcdn", "fab fa-medapps", "fab fa-medium", "fab fa-medium-m", "fab fa-medrt", "fab fa-meetup", "fab fa-microsoft", "fab fa-mix", "fab fa-mixcloud", "fab fa-mizuni", "fab fa-modx", "fab fa-monero", "fab fa-napster", "fab fa-nintendo-switch", "fab fa-node", "fab fa-node-js", "fab fa-npm", "fab fa-ns8", "fab fa-nutritionix", "fab fa-odnoklassniki", "fab fa-odnoklassniki-square", "fab fa-opencart", "fab fa-openid", "fab fa-opera", "fab fa-optin-monster", "fab fa-osi", "fab fa-page4", "fab fa-pagelines", "fab fa-palfed", "fab fa-patreon", "fab fa-paypal", "fab fa-periscope", "fab fa-phabricator", "fab fa-phoenix-framework", "fab fa-php", "fab fa-pied-piper", "fab fa-pied-piper-alt", "fab fa-pied-piper-pp", "fab fa-pinterest", "fab fa-pinterest-p", "fab fa-pinterest-square", "fab fa-playstation", "fab fa-product-hunt", "fab fa-pushed", "fab fa-python", "fab fa-qq", "fab fa-quinscape", "fab fa-quora", "fab fa-ravelry", "fab fa-react", "fab fa-readme", "fab fa-rebel", "fab fa-red-river", "fab fa-reddit", "fab fa-reddit-alien", "fab fa-reddit-square", "fab fa-rendact", "fab fa-renren", "fab fa-replyd", "fab fa-resolving", "fab fa-rocketchat", "fab fa-rockrms", "fab fa-safari", "fab fa-sass", "fab fa-schlix", "fab fa-scribd", "fab fa-searchengin", "fab fa-sellcast", "fab fa-sellsy", "fab fa-servicestack", "fab fa-shirtsinbulk", "fab fa-simplybuilt", "fab fa-sistrix", "fab fa-skyatlas", "fab fa-skype", "fab fa-slack", "fab fa-slack-hash", "fab fa-slideshare", "fab fa-snapchat", "fab fa-snapchat-ghost", "fab fa-snapchat-square", "fab fa-soundcloud", "fab fa-speakap", "fab fa-spotify", "fab fa-stack-exchange", "fab fa-stack-overflow", "fab fa-staylinked", "fab fa-steam", "fab fa-steam-square", "fab fa-steam-symbol", "fab fa-sticker-mule", "fab fa-strava", "fab fa-stripe", "fab fa-stripe-s", "fab fa-studiovinari", "fab fa-stumbleupon", "fab fa-stumbleupon-circle", "fab fa-superpowers", "fab fa-supple", "fab fa-telegram", "fab fa-telegram-plane", "fab fa-tencent-weibo", "fab fa-themeisle", "fab fa-trello", "fab fa-tripadvisor", "fab fa-tumblr", "fab fa-tumblr-square", "fab fa-twitch", "fab fa-twitter", "fab fa-twitter-square", "fab fa-typo3", "fab fa-uber", "fab fa-uikit", "fab fa-uniregistry", "fab fa-untappd", "fab fa-usb", "fab fa-ussunnah", "fab fa-vaadin", "fab fa-viacoin", "fab fa-viadeo", "fab fa-viadeo-square", "fab fa-viber", "fab fa-vimeo", "fab fa-vimeo-square", "fab fa-vimeo-v", "fab fa-vine", "fab fa-vk", "fab fa-vnv", "fab fa-vuejs", "fab fa-weibo", "fab fa-weixin", "fab fa-whatsapp", "fab fa-whatsapp-square", "fab fa-whmcs", "fab fa-wikipedia-w", "fab fa-windows", "fab fa-wordpress", "fab fa-wordpress-simple", "fab fa-wpbeginner", "fab fa-wpexplorer", "fab fa-wpforms", "fab fa-xbox", "fab fa-xing", "fab fa-xing-square", "fab fa-y-combinator", "fab fa-yahoo", "fab fa-yandex", "fab fa-yandex-international", "fab fa-yelp", "fab fa-yoast", "fab fa-youtube", "fab fa-youtube-square"];
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (fontawesomeClasses);

/***/ }),

/***/ "./src/components/icon-picker/iconfont-classes.js":
/*!********************************************************!*\
  !*** ./src/components/icon-picker/iconfont-classes.js ***!
  \********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
const iconfontClasses = ['icofont-angry-monster', 'icofont-bathtub ', 'icofont-bird-wings ', 'icofont-bow ', 'icofont-castle ', 'icofont-circuit ', 'icofont-crown-king ', 'icofont-crown-queen ', 'icofont-dart ', 'icofont-disability-race ', 'icofont-diving-goggle ', 'icofont-eye-open ', 'icofont-flora-flower ', 'icofont-flora ', 'icofont-gift-box ', 'icofont-halloween-pumpkin ', 'icofont-hand-power ', 'icofont-hand-thunder ', 'icofont-king-monster ', 'icofont-love ', 'icofont-magician-hat ', 'icofont-native-american ', 'icofont-owl-look ', 'icofont-phoenix ', 'icofont-robot-face ', 'icofont-sand-clock ', 'icofont-shield-alt ', 'icofont-ship-wheel ', 'icofont-skull-danger ', 'icofont-skull-face ', 'icofont-snowmobile ', 'icofont-space-shuttle ', 'icofont-star-shape ', 'icofont-swirl ', 'icofont-tattoo-wing ', 'icofont-throne ', 'icofont-tree-alt ', 'icofont-triangle ', 'icofont-unity-hand ', 'icofont-weed ', 'icofont-woman-bird ', 'icofont-bat ', 'icofont-bear-face ', 'icofont-bear-tracks ', 'icofont-bear ', 'icofont-bird-alt ', 'icofont-bird-flying ', 'icofont-bird ', 'icofont-birds ', 'icofont-bone ', 'icofont-bull ', 'icofont-butterfly-alt ', 'icofont-butterfly ', 'icofont-camel-alt ', 'icofont-camel-head ', 'icofont-camel ', 'icofont-cat-alt-1 ', 'icofont-cat-alt-2 ', 'icofont-cat-alt-3 ', 'icofont-cat-dog ', 'icofont-cat-face ', 'icofont-cat ', 'icofont-cow-head ', 'icofont-cow ', 'icofont-crab ', 'icofont-crocodile ', 'icofont-deer-head ', 'icofont-dog-alt ', 'icofont-dog-barking ', 'icofont-dog ', 'icofont-dolphin ', 'icofont-duck-tracks ', 'icofont-eagle-head ', 'icofont-eaten-fish ', 'icofont-elephant-alt ', 'icofont-elephant-head-alt ', 'icofont-elephant-head ', 'icofont-elephant ', 'icofont-elk ', 'icofont-fish-1 ', 'icofont-fish-2 ', 'icofont-fish-3 ', 'icofont-fish-4 ', 'icofont-fish-5 ', 'icofont-fish ', 'icofont-fox-alt ', 'icofont-fox ', 'icofont-frog-tracks ', 'icofont-frog ', 'icofont-froggy ', 'icofont-giraffe-head-1 ', 'icofont-giraffe-head-2 ', 'icofont-giraffe-head ', 'icofont-giraffe ', 'icofont-goat-head ', 'icofont-gorilla ', 'icofont-hen-tracks ', 'icofont-horse-head-1 ', 'icofont-horse-head-2 ', 'icofont-horse-head ', 'icofont-horse-tracks ', 'icofont-jellyfish ', 'icofont-kangaroo ', 'icofont-lemur ', 'icofont-lion-head-1 ', 'icofont-lion-head-2 ', 'icofont-lion-head ', 'icofont-lion ', 'icofont-monkey-2 ', 'icofont-monkey-3 ', 'icofont-monkey-face ', 'icofont-monkey ', 'icofont-octopus-alt ', 'icofont-octopus ', 'icofont-owl ', 'icofont-panda-face ', 'icofont-panda ', 'icofont-panther ', 'icofont-parrot-lip ', 'icofont-parrot ', 'icofont-paw ', 'icofont-pelican ', 'icofont-penguin ', 'icofont-pig-face ', 'icofont-pig ', 'icofont-pigeon-1 ', 'icofont-pigeon-2 ', 'icofont-pigeon ', 'icofont-rabbit ', 'icofont-rat ', 'icofont-rhino-head ', 'icofont-rhino ', 'icofont-rooster ', 'icofont-seahorse ', 'icofont-seal ', 'icofont-shrimp-alt ', 'icofont-shrimp ', 'icofont-snail-1 ', 'icofont-snail-2 ', 'icofont-snail-3 ', 'icofont-snail ', 'icofont-snake ', 'icofont-squid ', 'icofont-squirrel ', 'icofont-tiger-face ', 'icofont-tiger ', 'icofont-turtle ', 'icofont-whale ', 'icofont-woodpecker ', 'icofont-zebra ', 'icofont-brand-acer ', 'icofont-brand-adidas ', 'icofont-brand-adobe ', 'icofont-brand-air-new-zealand ', 'icofont-brand-airbnb ', 'icofont-brand-aircell ', 'icofont-brand-airtel ', 'icofont-brand-alcatel ', 'icofont-brand-alibaba ', 'icofont-brand-aliexpress ', 'icofont-brand-alipay ', 'icofont-brand-amazon ', 'icofont-brand-amd ', 'icofont-brand-american-airlines ', 'icofont-brand-android-robot ', 'icofont-brand-android ', 'icofont-brand-aol ', 'icofont-brand-apple ', 'icofont-brand-appstore ', 'icofont-brand-asus ', 'icofont-brand-ati ', 'icofont-brand-att ', 'icofont-brand-audi ', 'icofont-brand-axiata ', 'icofont-brand-bada ', 'icofont-brand-bbc ', 'icofont-brand-bing ', 'icofont-brand-blackberry ', 'icofont-brand-bmw ', 'icofont-brand-box ', 'icofont-brand-burger-king ', 'icofont-brand-business-insider ', 'icofont-brand-buzzfeed ', 'icofont-brand-cannon ', 'icofont-brand-casio ', 'icofont-brand-china-mobile ', 'icofont-brand-china-telecom ', 'icofont-brand-china-unicom ', 'icofont-brand-cisco ', 'icofont-brand-citibank ', 'icofont-brand-cnet ', 'icofont-brand-cnn ', 'icofont-brand-cocal-cola ', 'icofont-brand-compaq ', 'icofont-brand-debian ', 'icofont-brand-delicious ', 'icofont-brand-dell ', 'icofont-brand-designbump ', 'icofont-brand-designfloat ', 'icofont-brand-disney ', 'icofont-brand-dodge ', 'icofont-brand-dove ', 'icofont-brand-drupal ', 'icofont-brand-ebay ', 'icofont-brand-eleven ', 'icofont-brand-emirates ', 'icofont-brand-espn ', 'icofont-brand-etihad-airways ', 'icofont-brand-etisalat ', 'icofont-brand-etsy ', 'icofont-brand-fastrack ', 'icofont-brand-fedex ', 'icofont-brand-ferrari ', 'icofont-brand-fitbit ', 'icofont-brand-flikr ', 'icofont-brand-forbes ', 'icofont-brand-foursquare ', 'icofont-brand-foxconn ', 'icofont-brand-fujitsu ', 'icofont-brand-general-electric ', 'icofont-brand-gillette ', 'icofont-brand-gizmodo ', 'icofont-brand-gnome ', 'icofont-brand-google ', 'icofont-brand-gopro ', 'icofont-brand-gucci ', 'icofont-brand-hallmark ', 'icofont-brand-hi5 ', 'icofont-brand-honda ', 'icofont-brand-hp ', 'icofont-brand-hsbc ', 'icofont-brand-htc ', 'icofont-brand-huawei ', 'icofont-brand-hulu ', 'icofont-brand-hyundai ', 'icofont-brand-ibm ', 'icofont-brand-icofont ', 'icofont-brand-icq ', 'icofont-brand-ikea ', 'icofont-brand-imdb ', 'icofont-brand-indiegogo ', 'icofont-brand-intel ', 'icofont-brand-ipair ', 'icofont-brand-jaguar ', 'icofont-brand-java ', 'icofont-brand-joomla ', 'icofont-brand-kickstarter ', 'icofont-brand-kik ', 'icofont-brand-lastfm ', 'icofont-brand-lego ', 'icofont-brand-lenovo ', 'icofont-brand-levis ', 'icofont-brand-lexus ', 'icofont-brand-lg ', 'icofont-brand-life-hacker ', 'icofont-brand-linux-mint ', 'icofont-brand-linux ', 'icofont-brand-lionix ', 'icofont-brand-loreal ', 'icofont-brand-louis-vuitton ', 'icofont-brand-mac-os ', 'icofont-brand-marvel-app ', 'icofont-brand-mashable ', 'icofont-brand-mazda ', 'icofont-brand-mcdonals ', 'icofont-brand-mercedes ', 'icofont-brand-micromax ', 'icofont-brand-microsoft ', 'icofont-brand-mobileme ', 'icofont-brand-mobily ', 'icofont-brand-motorola ', 'icofont-brand-msi ', 'icofont-brand-mts ', 'icofont-brand-myspace ', 'icofont-brand-mytv ', 'icofont-brand-nasa ', 'icofont-brand-natgeo ', 'icofont-brand-nbc ', 'icofont-brand-nescafe ', 'icofont-brand-nestle ', 'icofont-brand-netflix ', 'icofont-brand-nexus ', 'icofont-brand-nike ', 'icofont-brand-nokia ', 'icofont-brand-nvidia ', 'icofont-brand-omega ', 'icofont-brand-opensuse ', 'icofont-brand-oracle ', 'icofont-brand-panasonic ', 'icofont-brand-paypal ', 'icofont-brand-pepsi ', 'icofont-brand-philips ', 'icofont-brand-pizza-hut ', 'icofont-brand-playstation ', 'icofont-brand-puma ', 'icofont-brand-qatar-air ', 'icofont-brand-qvc ', 'icofont-brand-readernaut ', 'icofont-brand-redbull ', 'icofont-brand-reebok ', 'icofont-brand-reuters ', 'icofont-brand-samsung ', 'icofont-brand-sap ', 'icofont-brand-saudia-airlines ', 'icofont-brand-scribd ', 'icofont-brand-shell ', 'icofont-brand-siemens ', 'icofont-brand-sk-telecom ', 'icofont-brand-slideshare ', 'icofont-brand-smashing-magazine ', 'icofont-brand-snapchat ', 'icofont-brand-sony-ericsson ', 'icofont-brand-sony ', 'icofont-brand-soundcloud ', 'icofont-brand-sprint ', 'icofont-brand-squidoo ', 'icofont-brand-starbucks ', 'icofont-brand-stc ', 'icofont-brand-steam ', 'icofont-brand-suzuki ', 'icofont-brand-symbian ', 'icofont-brand-t-mobile ', 'icofont-brand-tango ', 'icofont-brand-target ', 'icofont-brand-tata-indicom ', 'icofont-brand-techcrunch ', 'icofont-brand-telenor ', 'icofont-brand-teliasonera ', 'icofont-brand-tesla ', 'icofont-brand-the-verge ', 'icofont-brand-thenextweb ', 'icofont-brand-toshiba ', 'icofont-brand-toyota ', 'icofont-brand-tribenet ', 'icofont-brand-ubuntu ', 'icofont-brand-unilever ', 'icofont-brand-vaio ', 'icofont-brand-verizon ', 'icofont-brand-viber ', 'icofont-brand-vodafone ', 'icofont-brand-volkswagen ', 'icofont-brand-walmart ', 'icofont-brand-warnerbros ', 'icofont-brand-whatsapp ', 'icofont-brand-wikipedia ', 'icofont-brand-windows ', 'icofont-brand-wire ', 'icofont-brand-wordpress ', 'icofont-brand-xiaomi ', 'icofont-brand-yahoobuzz ', 'icofont-brand-yamaha ', 'icofont-brand-youtube ', 'icofont-brand-zain ', 'icofont-bank-alt ', 'icofont-bank ', 'icofont-barcode ', 'icofont-bill-alt ', 'icofont-billboard ', 'icofont-briefcase-1 ', 'icofont-briefcase-2 ', 'icofont-businessman ', 'icofont-businesswoman ', 'icofont-chair ', 'icofont-coins ', 'icofont-company ', 'icofont-contact-add ', 'icofont-files-stack ', 'icofont-handshake-deal ', 'icofont-id-card ', 'icofont-meeting-add ', 'icofont-money-bag ', 'icofont-pie-chart ', 'icofont-presentation-alt ', 'icofont-presentation ', 'icofont-stamp ', 'icofont-stock-mobile ', 'icofont-chart-arrows-axis ', 'icofont-chart-bar-graph ', 'icofont-chart-flow-1 ', 'icofont-chart-flow-2 ', 'icofont-chart-flow ', 'icofont-chart-growth ', 'icofont-chart-histogram-alt ', 'icofont-chart-histogram ', 'icofont-chart-line-alt ', 'icofont-chart-line ', 'icofont-chart-pie-alt ', 'icofont-chart-pie ', 'icofont-chart-radar-graph ', 'icofont-architecture-alt ', 'icofont-architecture ', 'icofont-barricade ', 'icofont-bolt ', 'icofont-bricks ', 'icofont-building-alt ', 'icofont-bull-dozer ', 'icofont-calculations ', 'icofont-cement-mix ', 'icofont-cement-mixer ', 'icofont-concrete-mixer ', 'icofont-danger-zone ', 'icofont-drill ', 'icofont-eco-energy ', 'icofont-eco-environmen ', 'icofont-energy-air ', 'icofont-energy-oil ', 'icofont-energy-savings ', 'icofont-energy-solar ', 'icofont-energy-water ', 'icofont-engineer ', 'icofont-fire-extinguisher-alt ', 'icofont-fire-extinguisher ', 'icofont-fix-tools ', 'icofont-fork-lift ', 'icofont-glue-oil ', 'icofont-hammer-alt ', 'icofont-hammer ', 'icofont-help-robot ', 'icofont-industries-1 ', 'icofont-industries-2 ', 'icofont-industries-3 ', 'icofont-industries-4 ', 'icofont-industries-5 ', 'icofont-industries ', 'icofont-labour ', 'icofont-mining ', 'icofont-paint-brush ', 'icofont-pollution ', 'icofont-power-zone ', 'icofont-radio-active ', 'icofont-recycle-alt ', 'icofont-recycling-man ', 'icofont-safety-hat-light ', 'icofont-safety-hat ', 'icofont-saw ', 'icofont-screw-driver ', 'icofont-tools-1 ', 'icofont-tools-bag ', 'icofont-tow-truck ', 'icofont-trolley ', 'icofont-trowel ', 'icofont-under-construction-alt ', 'icofont-under-construction ', 'icofont-vehicle-cement ', 'icofont-vehicle-crane ', 'icofont-vehicle-delivery-van ', 'icofont-vehicle-dozer ', 'icofont-vehicle-excavator ', 'icofont-vehicle-trucktor ', 'icofont-vehicle-wrecking ', 'icofont-worker ', 'icofont-workers-group ', 'icofont-wrench ', 'icofont-afghani-false ', 'icofont-afghani-minus ', 'icofont-afghani-plus ', 'icofont-afghani-true ', 'icofont-afghani ', 'icofont-baht-false ', 'icofont-baht-minus ', 'icofont-baht-plus ', 'icofont-baht-true ', 'icofont-baht ', 'icofont-bitcoin-false ', 'icofont-bitcoin-minus ', 'icofont-bitcoin-plus ', 'icofont-bitcoin-true ', 'icofont-bitcoin ', 'icofont-dollar-flase ', 'icofont-dollar-minus ', 'icofont-dollar-plus ', 'icofont-dollar-true ', 'icofont-dollar ', 'icofont-dong-false ', 'icofont-dong-minus ', 'icofont-dong-plus ', 'icofont-dong-true ', 'icofont-dong ', 'icofont-euro-false ', 'icofont-euro-minus ', 'icofont-euro-plus ', 'icofont-euro-true ', 'icofont-euro ', 'icofont-frank-false ', 'icofont-frank-minus ', 'icofont-frank-plus ', 'icofont-frank-true ', 'icofont-frank ', 'icofont-hryvnia-false ', 'icofont-hryvnia-minus ', 'icofont-hryvnia-plus ', 'icofont-hryvnia-true ', 'icofont-hryvnia ', 'icofont-lira-false ', 'icofont-lira-minus ', 'icofont-lira-plus ', 'icofont-lira-true ', 'icofont-lira ', 'icofont-peseta-false ', 'icofont-peseta-minus ', 'icofont-peseta-plus ', 'icofont-peseta-true ', 'icofont-peseta ', 'icofont-peso-false ', 'icofont-peso-minus ', 'icofont-peso-plus ', 'icofont-peso-true ', 'icofont-peso ', 'icofont-pound-false ', 'icofont-pound-minus ', 'icofont-pound-plus ', 'icofont-pound-true ', 'icofont-pound ', 'icofont-renminbi-false ', 'icofont-renminbi-minus ', 'icofont-renminbi-plus ', 'icofont-renminbi-true ', 'icofont-renminbi ', 'icofont-riyal-false ', 'icofont-riyal-minus ', 'icofont-riyal-plus ', 'icofont-riyal-true ', 'icofont-riyal ', 'icofont-rouble-false ', 'icofont-rouble-minus ', 'icofont-rouble-plus ', 'icofont-rouble-true ', 'icofont-rouble ', 'icofont-rupee-false ', 'icofont-rupee-minus ', 'icofont-rupee-plus ', 'icofont-rupee-true ', 'icofont-rupee ', 'icofont-taka-false ', 'icofont-taka-minus ', 'icofont-taka-plus ', 'icofont-taka-true ', 'icofont-taka ', 'icofont-turkish-lira-false ', 'icofont-turkish-lira-minus ', 'icofont-turkish-lira-plus ', 'icofont-turkish-lira-true ', 'icofont-turkish-lira ', 'icofont-won-false ', 'icofont-won-minus ', 'icofont-won-plus ', 'icofont-won-true ', 'icofont-won ', 'icofont-yen-false ', 'icofont-yen-minus ', 'icofont-yen-plus ', 'icofont-yen-true ', 'icofont-yen ', 'icofont-android-nexus ', 'icofont-android-tablet ', 'icofont-apple-watch ', 'icofont-drawing-tablet ', 'icofont-earphone ', 'icofont-flash-drive ', 'icofont-game-console ', 'icofont-game-controller ', 'icofont-game-pad ', 'icofont-game ', 'icofont-headphone-alt-1 ', 'icofont-headphone-alt-2 ', 'icofont-headphone-alt-3 ', 'icofont-headphone-alt ', 'icofont-headphone ', 'icofont-htc-one ', 'icofont-imac ', 'icofont-ipad ', 'icofont-iphone ', 'icofont-ipod-nano ', 'icofont-ipod-touch ', 'icofont-keyboard-alt ', 'icofont-keyboard-wireless ', 'icofont-keyboard ', 'icofont-laptop-alt ', 'icofont-laptop ', 'icofont-macbook ', 'icofont-magic-mouse ', 'icofont-micro-chip ', 'icofont-microphone-alt ', 'icofont-microphone ', 'icofont-monitor ', 'icofont-mouse ', 'icofont-mp3-player ', 'icofont-nintendo ', 'icofont-playstation-alt ', 'icofont-psvita ', 'icofont-radio-mic ', 'icofont-radio ', 'icofont-refrigerator ', 'icofont-samsung-galaxy ', 'icofont-surface-tablet ', 'icofont-ui-head-phone ', 'icofont-ui-keyboard ', 'icofont-washing-machine ', 'icofont-wifi-router ', 'icofont-wii-u ', 'icofont-windows-lumia ', 'icofont-wireless-mouse ', 'icofont-xbox-360 ', 'icofont-arrow-down ', 'icofont-arrow-left ', 'icofont-arrow-right ', 'icofont-arrow-up ', 'icofont-block-down ', 'icofont-block-left ', 'icofont-block-right ', 'icofont-block-up ', 'icofont-bubble-down ', 'icofont-bubble-left ', 'icofont-bubble-right ', 'icofont-bubble-up ', 'icofont-caret-down ', 'icofont-caret-left ', 'icofont-caret-right ', 'icofont-caret-up ', 'icofont-circled-down ', 'icofont-circled-left ', 'icofont-circled-right ', 'icofont-circled-up ', 'icofont-collapse ', 'icofont-cursor-drag ', 'icofont-curved-double-left ', 'icofont-curved-double-right ', 'icofont-curved-down ', 'icofont-curved-left ', 'icofont-curved-right ', 'icofont-curved-up ', 'icofont-dotted-down ', 'icofont-dotted-left ', 'icofont-dotted-right ', 'icofont-dotted-up ', 'icofont-double-left ', 'icofont-double-right ', 'icofont-expand-alt ', 'icofont-hand-down ', 'icofont-hand-drag ', 'icofont-hand-drag1 ', 'icofont-hand-drag2 ', 'icofont-hand-drawn-alt-down ', 'icofont-hand-drawn-alt-left ', 'icofont-hand-drawn-alt-right ', 'icofont-hand-drawn-alt-up ', 'icofont-hand-drawn-down ', 'icofont-hand-drawn-left ', 'icofont-hand-drawn-right ', 'icofont-hand-drawn-up ', 'icofont-hand-grippers ', 'icofont-hand-left ', 'icofont-hand-right ', 'icofont-hand-up ', 'icofont-line-block-down ', 'icofont-line-block-left ', 'icofont-line-block-right ', 'icofont-line-block-up ', 'icofont-long-arrow-down ', 'icofont-long-arrow-left ', 'icofont-long-arrow-right ', 'icofont-long-arrow-up ', 'icofont-rounded-collapse ', 'icofont-rounded-double-left ', 'icofont-rounded-double-right ', 'icofont-rounded-down ', 'icofont-rounded-expand ', 'icofont-rounded-left-down ', 'icofont-rounded-left-up ', 'icofont-rounded-left ', 'icofont-rounded-right-down ', 'icofont-rounded-right-up ', 'icofont-rounded-right ', 'icofont-rounded-up ', 'icofont-scroll-bubble-down ', 'icofont-scroll-bubble-left ', 'icofont-scroll-bubble-right ', 'icofont-scroll-bubble-up ', 'icofont-scroll-double-down ', 'icofont-scroll-double-left ', 'icofont-scroll-double-right ', 'icofont-scroll-double-up ', 'icofont-scroll-down ', 'icofont-scroll-left ', 'icofont-scroll-long-down ', 'icofont-scroll-long-left ', 'icofont-scroll-long-right ', 'icofont-scroll-long-up ', 'icofont-scroll-right ', 'icofont-scroll-up ', 'icofont-simple-down ', 'icofont-simple-left-down ', 'icofont-simple-left-up ', 'icofont-simple-left ', 'icofont-simple-right-down ', 'icofont-simple-right-up ', 'icofont-simple-right ', 'icofont-simple-up ', 'icofont-square-down ', 'icofont-square-left ', 'icofont-square-right ', 'icofont-square-up ', 'icofont-stylish-down ', 'icofont-stylish-left ', 'icofont-stylish-right ', 'icofont-stylish-up ', 'icofont-swoosh-down ', 'icofont-swoosh-left ', 'icofont-swoosh-right ', 'icofont-swoosh-up ', 'icofont-thin-double-left ', 'icofont-thin-double-right ', 'icofont-thin-down ', 'icofont-thin-left ', 'icofont-thin-right ', 'icofont-thin-up ', 'icofont-abc ', 'icofont-atom ', 'icofont-award ', 'icofont-bell-alt ', 'icofont-black-board ', 'icofont-book-alt ', 'icofont-book ', 'icofont-brainstorming ', 'icofont-certificate-alt-1 ', 'icofont-certificate-alt-2 ', 'icofont-certificate ', 'icofont-education ', 'icofont-electron ', 'icofont-fountain-pen ', 'icofont-globe-alt ', 'icofont-graduate-alt ', 'icofont-graduate ', 'icofont-group-students ', 'icofont-hat-alt ', 'icofont-hat ', 'icofont-instrument ', 'icofont-lamp-light ', 'icofont-medal ', 'icofont-microscope-alt ', 'icofont-microscope ', 'icofont-paper ', 'icofont-pen-alt-4 ', 'icofont-pen-nib ', 'icofont-pencil-alt-5 ', 'icofont-quill-pen ', 'icofont-read-book-alt ', 'icofont-read-book ', 'icofont-school-bag ', 'icofont-school-bus ', 'icofont-student-alt ', 'icofont-student ', 'icofont-teacher ', 'icofont-test-bulb ', 'icofont-test-tube-alt ', 'icofont-university ', 'icofont-angry ', 'icofont-astonished ', 'icofont-confounded ', 'icofont-confused ', 'icofont-crying ', 'icofont-dizzy ', 'icofont-expressionless ', 'icofont-heart-eyes ', 'icofont-laughing ', 'icofont-nerd-smile ', 'icofont-open-mouth ', 'icofont-rage ', 'icofont-rolling-eyes ', 'icofont-sad ', 'icofont-simple-smile ', 'icofont-slightly-smile ', 'icofont-smirk ', 'icofont-stuck-out-tongue ', 'icofont-wink-smile ', 'icofont-worried ', 'icofont-file-alt ', 'icofont-file-audio ', 'icofont-file-avi-mp4 ', 'icofont-file-bmp ', 'icofont-file-code ', 'icofont-file-css ', 'icofont-file-document ', 'icofont-file-eps ', 'icofont-file-excel ', 'icofont-file-exe ', 'icofont-file-file ', 'icofont-file-flv ', 'icofont-file-gif ', 'icofont-file-html5 ', 'icofont-file-image ', 'icofont-file-iso ', 'icofont-file-java ', 'icofont-file-javascript ', 'icofont-file-jpg ', 'icofont-file-midi ', 'icofont-file-mov ', 'icofont-file-mp3 ', 'icofont-file-pdf ', 'icofont-file-php ', 'icofont-file-png ', 'icofont-file-powerpoint ', 'icofont-file-presentation ', 'icofont-file-psb ', 'icofont-file-psd ', 'icofont-file-python ', 'icofont-file-ruby ', 'icofont-file-spreadsheet ', 'icofont-file-sql ', 'icofont-file-svg ', 'icofont-file-text ', 'icofont-file-tiff ', 'icofont-file-video ', 'icofont-file-wave ', 'icofont-file-wmv ', 'icofont-file-word ', 'icofont-file-zip ', 'icofont-cycling-alt ', 'icofont-cycling ', 'icofont-dumbbell ', 'icofont-dumbbells ', 'icofont-gym-alt-1 ', 'icofont-gym-alt-2 ', 'icofont-gym-alt-3 ', 'icofont-gym ', 'icofont-muscle-weight ', 'icofont-muscle ', 'icofont-apple ', 'icofont-arabian-coffee ', 'icofont-artichoke ', 'icofont-asparagus ', 'icofont-avocado ', 'icofont-baby-food ', 'icofont-banana ', 'icofont-bbq ', 'icofont-beans ', 'icofont-beer ', 'icofont-bell-pepper-capsicum ', 'icofont-birthday-cake ', 'icofont-bread ', 'icofont-broccoli ', 'icofont-burger ', 'icofont-cabbage ', 'icofont-carrot ', 'icofont-cauli-flower ', 'icofont-cheese ', 'icofont-chef ', 'icofont-cherry ', 'icofont-chicken-fry ', 'icofont-chicken ', 'icofont-cocktail ', 'icofont-coconut-water ', 'icofont-coconut ', 'icofont-coffee-alt ', 'icofont-coffee-cup ', 'icofont-coffee-mug ', 'icofont-coffee-pot ', 'icofont-cola ', 'icofont-corn ', 'icofont-croissant ', 'icofont-crop-plant ', 'icofont-cucumber ', 'icofont-culinary ', 'icofont-cup-cake ', 'icofont-dining-table ', 'icofont-donut ', 'icofont-egg-plant ', 'icofont-egg-poached ', 'icofont-farmer-alt ', 'icofont-farmer ', 'icofont-fast-food ', 'icofont-food-basket ', 'icofont-food-cart ', 'icofont-fork-and-knife ', 'icofont-french-fries ', 'icofont-fruits ', 'icofont-grapes ', 'icofont-honey ', 'icofont-hot-dog ', 'icofont-ice-cream-alt ', 'icofont-ice-cream ', 'icofont-juice ', 'icofont-ketchup ', 'icofont-kiwi ', 'icofont-layered-cake ', 'icofont-lemon-alt ', 'icofont-lemon ', 'icofont-lobster ', 'icofont-mango ', 'icofont-milk ', 'icofont-mushroom ', 'icofont-noodles ', 'icofont-onion ', 'icofont-orange ', 'icofont-pear ', 'icofont-peas ', 'icofont-pepper ', 'icofont-pie-alt ', 'icofont-pie ', 'icofont-pineapple ', 'icofont-pizza-slice ', 'icofont-pizza ', 'icofont-plant ', 'icofont-popcorn ', 'icofont-potato ', 'icofont-pumpkin ', 'icofont-raddish ', 'icofont-restaurant-menu ', 'icofont-restaurant ', 'icofont-salt-and-pepper ', 'icofont-sandwich ', 'icofont-sausage ', 'icofont-soft-drinks ', 'icofont-soup-bowl ', 'icofont-spoon-and-fork ', 'icofont-steak ', 'icofont-strawberry ', 'icofont-sub-sandwich ', 'icofont-sushi ', 'icofont-taco ', 'icofont-tea-pot ', 'icofont-tea ', 'icofont-tomato ', 'icofont-watermelon ', 'icofont-wheat ', 'icofont-baby-backpack ', 'icofont-baby-cloth ', 'icofont-baby-milk-bottle ', 'icofont-baby-trolley ', 'icofont-baby ', 'icofont-candy ', 'icofont-holding-hands ', 'icofont-infant-nipple ', 'icofont-kids-scooter ', 'icofont-safety-pin ', 'icofont-teddy-bear ', 'icofont-toy-ball ', 'icofont-toy-cat ', 'icofont-toy-duck ', 'icofont-toy-elephant ', 'icofont-toy-hand ', 'icofont-toy-horse ', 'icofont-toy-lattu ', 'icofont-toy-train ', 'icofont-burglar ', 'icofont-cannon-firing ', 'icofont-cc-camera ', 'icofont-cop-badge ', 'icofont-cop ', 'icofont-court-hammer ', 'icofont-court ', 'icofont-finger-print ', 'icofont-gavel ', 'icofont-handcuff-alt ', 'icofont-handcuff ', 'icofont-investigation ', 'icofont-investigator ', 'icofont-jail ', 'icofont-judge ', 'icofont-law-alt-1 ', 'icofont-law-alt-2 ', 'icofont-law-alt-3 ', 'icofont-law-book ', 'icofont-law-document ', 'icofont-law-order ', 'icofont-law-protect ', 'icofont-law-scales ', 'icofont-law ', 'icofont-lawyer-alt-1 ', 'icofont-lawyer-alt-2 ', 'icofont-lawyer ', 'icofont-legal ', 'icofont-pistol ', 'icofont-police-badge ', 'icofont-police-cap ', 'icofont-police-car-alt-1 ', 'icofont-police-car-alt-2 ', 'icofont-police-car ', 'icofont-police-hat ', 'icofont-police-van ', 'icofont-police ', 'icofont-thief-alt ', 'icofont-thief ', 'icofont-abacus-alt ', 'icofont-abacus ', 'icofont-angle-180 ', 'icofont-angle-45 ', 'icofont-angle-90 ', 'icofont-angle ', 'icofont-calculator-alt-1 ', 'icofont-calculator-alt-2 ', 'icofont-calculator ', 'icofont-circle-ruler-alt ', 'icofont-circle-ruler ', 'icofont-compass-alt-1 ', 'icofont-compass-alt-2 ', 'icofont-compass-alt-3 ', 'icofont-compass-alt-4 ', 'icofont-golden-ratio ', 'icofont-marker-alt-1 ', 'icofont-marker-alt-2 ', 'icofont-marker-alt-3 ', 'icofont-marker ', 'icofont-math ', 'icofont-mathematical-alt-1 ', 'icofont-mathematical-alt-2 ', 'icofont-mathematical ', 'icofont-pen-alt-1 ', 'icofont-pen-alt-2 ', 'icofont-pen-alt-3 ', 'icofont-pen-holder-alt-1 ', 'icofont-pen-holder ', 'icofont-pen ', 'icofont-pencil-alt-1 ', 'icofont-pencil-alt-2 ', 'icofont-pencil-alt-3 ', 'icofont-pencil-alt-4 ', 'icofont-pencil ', 'icofont-ruler-alt-1 ', 'icofont-ruler-alt-2 ', 'icofont-ruler-compass-alt ', 'icofont-ruler-compass ', 'icofont-ruler-pencil-alt-1 ', 'icofont-ruler-pencil-alt-2 ', 'icofont-ruler-pencil ', 'icofont-ruler ', 'icofont-rulers-alt ', 'icofont-rulers ', 'icofont-square-root ', 'icofont-ui-calculator ', 'icofont-aids ', 'icofont-ambulance-crescent ', 'icofont-ambulance-cross ', 'icofont-ambulance ', 'icofont-autism ', 'icofont-bandage ', 'icofont-blind ', 'icofont-blood-drop ', 'icofont-blood-test ', 'icofont-blood ', 'icofont-brain-alt ', 'icofont-brain ', 'icofont-capsule ', 'icofont-crutch ', 'icofont-disabled ', 'icofont-dna-alt-1 ', 'icofont-dna-alt-2 ', 'icofont-dna ', 'icofont-doctor-alt ', 'icofont-doctor ', 'icofont-drug-pack ', 'icofont-drug ', 'icofont-first-aid-alt ', 'icofont-first-aid ', 'icofont-heart-beat-alt ', 'icofont-heart-beat ', 'icofont-heartbeat ', 'icofont-herbal ', 'icofont-hospital ', 'icofont-icu ', 'icofont-injection-syringe ', 'icofont-laboratory ', 'icofont-medical-sign-alt ', 'icofont-medical-sign ', 'icofont-nurse-alt ', 'icofont-nurse ', 'icofont-nursing-home ', 'icofont-operation-theater ', 'icofont-paralysis-disability ', 'icofont-patient-bed ', 'icofont-patient-file ', 'icofont-pills ', 'icofont-prescription ', 'icofont-pulse ', 'icofont-stethoscope-alt ', 'icofont-stethoscope ', 'icofont-stretcher ', 'icofont-surgeon-alt ', 'icofont-surgeon ', 'icofont-tablets ', 'icofont-test-bottle ', 'icofont-test-tube ', 'icofont-thermometer-alt ', 'icofont-thermometer ', 'icofont-tooth ', 'icofont-xray ', 'icofont-ui-add ', 'icofont-ui-alarm ', 'icofont-ui-battery ', 'icofont-ui-block ', 'icofont-ui-bluetooth ', 'icofont-ui-brightness ', 'icofont-ui-browser ', 'icofont-ui-calendar ', 'icofont-ui-call ', 'icofont-ui-camera ', 'icofont-ui-cart ', 'icofont-ui-cell-phone ', 'icofont-ui-chat ', 'icofont-ui-check ', 'icofont-ui-clip-board ', 'icofont-ui-clip ', 'icofont-ui-clock ', 'icofont-ui-close ', 'icofont-ui-contact-list ', 'icofont-ui-copy ', 'icofont-ui-cut ', 'icofont-ui-delete ', 'icofont-ui-dial-phone ', 'icofont-ui-edit ', 'icofont-ui-email ', 'icofont-ui-file ', 'icofont-ui-fire-wall ', 'icofont-ui-flash-light ', 'icofont-ui-flight ', 'icofont-ui-folder ', 'icofont-ui-game ', 'icofont-ui-handicapped ', 'icofont-ui-home ', 'icofont-ui-image ', 'icofont-ui-laoding ', 'icofont-ui-lock ', 'icofont-ui-love-add ', 'icofont-ui-love-broken ', 'icofont-ui-love-remove ', 'icofont-ui-love ', 'icofont-ui-map ', 'icofont-ui-message ', 'icofont-ui-messaging ', 'icofont-ui-movie ', 'icofont-ui-music-player ', 'icofont-ui-music ', 'icofont-ui-mute ', 'icofont-ui-network ', 'icofont-ui-next ', 'icofont-ui-note ', 'icofont-ui-office ', 'icofont-ui-password ', 'icofont-ui-pause ', 'icofont-ui-play-stop ', 'icofont-ui-play ', 'icofont-ui-pointer ', 'icofont-ui-power ', 'icofont-ui-press ', 'icofont-ui-previous ', 'icofont-ui-rate-add ', 'icofont-ui-rate-blank ', 'icofont-ui-rate-remove ', 'icofont-ui-rating ', 'icofont-ui-record ', 'icofont-ui-remove ', 'icofont-ui-reply ', 'icofont-ui-rotation ', 'icofont-ui-rss ', 'icofont-ui-search ', 'icofont-ui-settings ', 'icofont-ui-social-link ', 'icofont-ui-tag ', 'icofont-ui-text-chat ', 'icofont-ui-text-loading ', 'icofont-ui-theme ', 'icofont-ui-timer ', 'icofont-ui-touch-phone ', 'icofont-ui-travel ', 'icofont-ui-unlock ', 'icofont-ui-user-group ', 'icofont-ui-user ', 'icofont-ui-v-card ', 'icofont-ui-video-chat ', 'icofont-ui-video-message ', 'icofont-ui-video-play ', 'icofont-ui-video ', 'icofont-ui-volume ', 'icofont-ui-weather ', 'icofont-ui-wifi ', 'icofont-ui-zoom-in ', 'icofont-ui-zoom-out ', 'icofont-cassette-player ', 'icofont-cassette ', 'icofont-forward ', 'icofont-guiter ', 'icofont-movie ', 'icofont-multimedia ', 'icofont-music-alt ', 'icofont-music-disk ', 'icofont-music-note ', 'icofont-music-notes ', 'icofont-music ', 'icofont-mute-volume ', 'icofont-pause ', 'icofont-play-alt-1 ', 'icofont-play-alt-2 ', 'icofont-play-alt-3 ', 'icofont-play-pause ', 'icofont-play ', 'icofont-record ', 'icofont-retro-music-disk ', 'icofont-rewind ', 'icofont-song-notes ', 'icofont-sound-wave-alt ', 'icofont-sound-wave ', 'icofont-stop ', 'icofont-video-alt ', 'icofont-video-cam ', 'icofont-video-clapper ', 'icofont-video ', 'icofont-volume-bar ', 'icofont-volume-down ', 'icofont-volume-mute ', 'icofont-volume-off ', 'icofont-volume-up ', 'icofont-youtube-play ', 'icofont-2checkout-alt ', 'icofont-2checkout ', 'icofont-amazon-alt ', 'icofont-amazon ', 'icofont-american-express-alt ', 'icofont-american-express ', 'icofont-apple-pay-alt ', 'icofont-apple-pay ', 'icofont-bank-transfer-alt ', 'icofont-bank-transfer ', 'icofont-braintree-alt ', 'icofont-braintree ', 'icofont-cash-on-delivery-alt ', 'icofont-cash-on-delivery ', 'icofont-diners-club-alt-1 ', 'icofont-diners-club-alt-2 ', 'icofont-diners-club-alt-3 ', 'icofont-diners-club ', 'icofont-discover-alt ', 'icofont-discover ', 'icofont-eway-alt ', 'icofont-eway ', 'icofont-google-wallet-alt-1 ', 'icofont-google-wallet-alt-2 ', 'icofont-google-wallet-alt-3 ', 'icofont-google-wallet ', 'icofont-jcb-alt ', 'icofont-jcb ', 'icofont-maestro-alt ', 'icofont-maestro ', 'icofont-mastercard-alt ', 'icofont-mastercard ', 'icofont-payoneer-alt ', 'icofont-payoneer ', 'icofont-paypal-alt ', 'icofont-paypal ', 'icofont-sage-alt ', 'icofont-sage ', 'icofont-skrill-alt ', 'icofont-skrill ', 'icofont-stripe-alt ', 'icofont-stripe ', 'icofont-visa-alt ', 'icofont-visa-electron ', 'icofont-visa ', 'icofont-western-union-alt ', 'icofont-western-union ', 'icofont-boy ', 'icofont-business-man-alt-1 ', 'icofont-business-man-alt-2 ', 'icofont-business-man-alt-3 ', 'icofont-business-man ', 'icofont-female ', 'icofont-funky-man ', 'icofont-girl-alt ', 'icofont-girl ', 'icofont-group ', 'icofont-hotel-boy-alt ', 'icofont-hotel-boy ', 'icofont-kid ', 'icofont-man-in-glasses ', 'icofont-people ', 'icofont-support ', 'icofont-user-alt-1 ', 'icofont-user-alt-2 ', 'icofont-user-alt-3 ', 'icofont-user-alt-4 ', 'icofont-user-alt-5 ', 'icofont-user-alt-6 ', 'icofont-user-alt-7 ', 'icofont-user-female ', 'icofont-user-male ', 'icofont-user-suited ', 'icofont-user ', 'icofont-users-alt-1 ', 'icofont-users-alt-2 ', 'icofont-users-alt-3 ', 'icofont-users-alt-4 ', 'icofont-users-alt-5 ', 'icofont-users-alt-6 ', 'icofont-users-social ', 'icofont-users ', 'icofont-waiter-alt ', 'icofont-waiter ', 'icofont-woman-in-glasses ', 'icofont-search-1 ', 'icofont-search-2 ', 'icofont-search-document ', 'icofont-search-folder ', 'icofont-search-job ', 'icofont-search-map ', 'icofont-search-property ', 'icofont-search-restaurant ', 'icofont-search-stock ', 'icofont-search-user ', 'icofont-search ', 'icofont-500px ', 'icofont-aim ', 'icofont-badoo ', 'icofont-baidu-tieba ', 'icofont-bbm-messenger ', 'icofont-bebo ', 'icofont-behance ', 'icofont-blogger ', 'icofont-bootstrap ', 'icofont-brightkite ', 'icofont-cloudapp ', 'icofont-concrete5 ', 'icofont-delicious ', 'icofont-designbump ', 'icofont-designfloat ', 'icofont-deviantart ', 'icofont-digg ', 'icofont-dotcms ', 'icofont-dribbble ', 'icofont-dribble ', 'icofont-dropbox ', 'icofont-ebuddy ', 'icofont-ello ', 'icofont-ember ', 'icofont-envato ', 'icofont-evernote ', 'icofont-facebook-messenger ', 'icofont-facebook ', 'icofont-feedburner ', 'icofont-flikr ', 'icofont-folkd ', 'icofont-foursquare ', 'icofont-friendfeed ', 'icofont-ghost ', 'icofont-github ', 'icofont-gnome ', 'icofont-google-buzz ', 'icofont-google-hangouts ', 'icofont-google-map ', 'icofont-google-plus ', 'icofont-google-talk ', 'icofont-hype-machine ', 'icofont-instagram ', 'icofont-kakaotalk ', 'icofont-kickstarter ', 'icofont-kik ', 'icofont-kiwibox ', 'icofont-line-messenger ', 'icofont-line ', 'icofont-linkedin ', 'icofont-linux-mint ', 'icofont-live-messenger ', 'icofont-livejournal ', 'icofont-magento ', 'icofont-meetme ', 'icofont-meetup ', 'icofont-mixx ', 'icofont-newsvine ', 'icofont-nimbuss ', 'icofont-odnoklassniki ', 'icofont-opencart ', 'icofont-oscommerce ', 'icofont-pandora ', 'icofont-photobucket ', 'icofont-picasa ', 'icofont-pinterest ', 'icofont-prestashop ', 'icofont-qik ', 'icofont-qq ', 'icofont-readernaut ', 'icofont-reddit ', 'icofont-renren ', 'icofont-rss ', 'icofont-shopify ', 'icofont-silverstripe ', 'icofont-skype ', 'icofont-slack ', 'icofont-slashdot ', 'icofont-slidshare ', 'icofont-smugmug ', 'icofont-snapchat ', 'icofont-soundcloud ', 'icofont-spotify ', 'icofont-stack-exchange ', 'icofont-stack-overflow ', 'icofont-steam ', 'icofont-stumbleupon ', 'icofont-tagged ', 'icofont-technorati ', 'icofont-telegram ', 'icofont-tinder ', 'icofont-trello ', 'icofont-tumblr ', 'icofont-twitch ', 'icofont-twitter ', 'icofont-typo3 ', 'icofont-ubercart ', 'icofont-viber ', 'icofont-viddler ', 'icofont-vimeo ', 'icofont-vine ', 'icofont-virb ', 'icofont-virtuemart ', 'icofont-vk ', 'icofont-wechat ', 'icofont-weibo ', 'icofont-whatsapp ', 'icofont-xing ', 'icofont-yahoo ', 'icofont-yelp ', 'icofont-youku ', 'icofont-youtube ', 'icofont-zencart ', 'icofont-badminton-birdie ', 'icofont-baseball ', 'icofont-baseballer ', 'icofont-basketball-hoop ', 'icofont-basketball ', 'icofont-billiard-ball ', 'icofont-boot-alt-1 ', 'icofont-boot-alt-2 ', 'icofont-boot ', 'icofont-bowling-alt ', 'icofont-bowling ', 'icofont-canoe ', 'icofont-cheer-leader ', 'icofont-climbing ', 'icofont-corner ', 'icofont-field-alt ', 'icofont-field ', 'icofont-football-alt ', 'icofont-football-american ', 'icofont-football ', 'icofont-foul ', 'icofont-goal-keeper ', 'icofont-goal ', 'icofont-golf-alt ', 'icofont-golf-bag ', 'icofont-golf-cart ', 'icofont-golf-field ', 'icofont-golf ', 'icofont-golfer ', 'icofont-helmet ', 'icofont-hockey-alt ', 'icofont-hockey ', 'icofont-ice-skate ', 'icofont-jersey-alt ', 'icofont-jersey ', 'icofont-jumping ', 'icofont-kick ', 'icofont-leg ', 'icofont-match-review ', 'icofont-medal-sport ', 'icofont-offside ', 'icofont-olympic-logo ', 'icofont-olympic ', 'icofont-padding ', 'icofont-penalty-card ', 'icofont-racer ', 'icofont-racing-car ', 'icofont-racing-flag-alt ', 'icofont-racing-flag ', 'icofont-racings-wheel ', 'icofont-referee ', 'icofont-refree-jersey ', 'icofont-result-sport ', 'icofont-rugby-ball ', 'icofont-rugby-player ', 'icofont-rugby ', 'icofont-runner-alt-1 ', 'icofont-runner-alt-2 ', 'icofont-runner ', 'icofont-score-board ', 'icofont-skiing-man ', 'icofont-skydiving-goggles ', 'icofont-snow-mobile ', 'icofont-steering ', 'icofont-stopwatch ', 'icofont-substitute ', 'icofont-swimmer ', 'icofont-table-tennis ', 'icofont-team-alt ', 'icofont-team ', 'icofont-tennis-player ', 'icofont-tennis ', 'icofont-tracking ', 'icofont-trophy-alt ', 'icofont-trophy ', 'icofont-volleyball-alt ', 'icofont-volleyball-fire ', 'icofont-volleyball ', 'icofont-water-bottle ', 'icofont-whistle-alt ', 'icofont-whistle ', 'icofont-win-trophy ', 'icofont-align-center ', 'icofont-align-left ', 'icofont-align-right ', 'icofont-all-caps ', 'icofont-bold ', 'icofont-brush ', 'icofont-clip-board ', 'icofont-code-alt ', 'icofont-color-bucket ', 'icofont-color-picker ', 'icofont-copy-invert ', 'icofont-copy ', 'icofont-cut ', 'icofont-delete-alt ', 'icofont-edit-alt ', 'icofont-eraser-alt ', 'icofont-font ', 'icofont-heading ', 'icofont-indent ', 'icofont-italic-alt ', 'icofont-italic ', 'icofont-justify-all ', 'icofont-justify-center ', 'icofont-justify-left ', 'icofont-justify-right ', 'icofont-link-broken ', 'icofont-outdent ', 'icofont-paper-clip ', 'icofont-paragraph ', 'icofont-pin ', 'icofont-printer ', 'icofont-redo ', 'icofont-rotation ', 'icofont-save ', 'icofont-small-cap ', 'icofont-strike-through ', 'icofont-sub-listing ', 'icofont-subscript ', 'icofont-superscript ', 'icofont-table ', 'icofont-text-height ', 'icofont-text-width ', 'icofont-trash ', 'icofont-underline ', 'icofont-undo ', 'icofont-air-balloon ', 'icofont-airplane-alt ', 'icofont-airplane ', 'icofont-articulated-truck ', 'icofont-auto-mobile ', 'icofont-auto-rickshaw ', 'icofont-bicycle-alt-1 ', 'icofont-bicycle-alt-2 ', 'icofont-bicycle ', 'icofont-bus-alt-1 ', 'icofont-bus-alt-2 ', 'icofont-bus-alt-3 ', 'icofont-bus ', 'icofont-cab ', 'icofont-cable-car ', 'icofont-car-alt-1 ', 'icofont-car-alt-2 ', 'icofont-car-alt-3 ', 'icofont-car-alt-4 ', 'icofont-car ', 'icofont-delivery-time ', 'icofont-fast-delivery ', 'icofont-fire-truck-alt ', 'icofont-fire-truck ', 'icofont-free-delivery ', 'icofont-helicopter ', 'icofont-motor-bike-alt ', 'icofont-motor-bike ', 'icofont-motor-biker ', 'icofont-oil-truck ', 'icofont-rickshaw ', 'icofont-rocket-alt-1 ', 'icofont-rocket-alt-2 ', 'icofont-rocket ', 'icofont-sail-boat-alt-1 ', 'icofont-sail-boat-alt-2 ', 'icofont-sail-boat ', 'icofont-scooter ', 'icofont-sea-plane ', 'icofont-ship-alt ', 'icofont-ship ', 'icofont-speed-boat ', 'icofont-taxi ', 'icofont-tractor ', 'icofont-train-line ', 'icofont-train-steam ', 'icofont-tram ', 'icofont-truck-alt ', 'icofont-truck-loaded ', 'icofont-truck ', 'icofont-van-alt ', 'icofont-van ', 'icofont-yacht ', 'icofont-5-star-hotel ', 'icofont-air-ticket ', 'icofont-beach-bed ', 'icofont-beach ', 'icofont-camping-vest ', 'icofont-direction-sign ', 'icofont-hill-side ', 'icofont-hill ', 'icofont-hotel ', 'icofont-island-alt ', 'icofont-island ', 'icofont-sandals-female ', 'icofont-sandals-male ', 'icofont-travelling ', 'icofont-breakdown ', 'icofont-celsius ', 'icofont-clouds ', 'icofont-cloudy ', 'icofont-dust ', 'icofont-eclipse ', 'icofont-fahrenheit ', 'icofont-forest-fire ', 'icofont-full-night ', 'icofont-full-sunny ', 'icofont-hail-night ', 'icofont-hail-rainy-night ', 'icofont-hail-rainy-sunny ', 'icofont-hail-rainy ', 'icofont-hail-sunny ', 'icofont-hail-thunder-night ', 'icofont-hail-thunder-sunny ', 'icofont-hail-thunder ', 'icofont-hail ', 'icofont-hill-night ', 'icofont-hill-sunny ', 'icofont-hurricane ', 'icofont-meteor ', 'icofont-night ', 'icofont-rainy-night ', 'icofont-rainy-sunny ', 'icofont-rainy-thunder ', 'icofont-rainy ', 'icofont-snow-alt ', 'icofont-snow-flake ', 'icofont-snow-temp ', 'icofont-snow ', 'icofont-snowy-hail ', 'icofont-snowy-night-hail ', 'icofont-snowy-night-rainy ', 'icofont-snowy-night ', 'icofont-snowy-rainy ', 'icofont-snowy-sunny-hail ', 'icofont-snowy-sunny-rainy ', 'icofont-snowy-sunny ', 'icofont-snowy-thunder-night ', 'icofont-snowy-thunder-sunny ', 'icofont-snowy-thunder ', 'icofont-snowy-windy-night ', 'icofont-snowy-windy-sunny ', 'icofont-snowy-windy ', 'icofont-snowy ', 'icofont-sun-alt ', 'icofont-sun-rise ', 'icofont-sun-set ', 'icofont-sun ', 'icofont-sunny-day-temp ', 'icofont-sunny ', 'icofont-thunder-light ', 'icofont-tornado ', 'icofont-umbrella-alt ', 'icofont-umbrella ', 'icofont-volcano ', 'icofont-wave ', 'icofont-wind-scale-0 ', 'icofont-wind-scale-1 ', 'icofont-wind-scale-10 ', 'icofont-wind-scale-11 ', 'icofont-wind-scale-12 ', 'icofont-wind-scale-2 ', 'icofont-wind-scale-3 ', 'icofont-wind-scale-4 ', 'icofont-wind-scale-5 ', 'icofont-wind-scale-6 ', 'icofont-wind-scale-7 ', 'icofont-wind-scale-8 ', 'icofont-wind-scale-9 ', 'icofont-wind-waves ', 'icofont-wind ', 'icofont-windy-hail ', 'icofont-windy-night ', 'icofont-windy-raining ', 'icofont-windy-sunny ', 'icofont-windy-thunder-raining ', 'icofont-windy-thunder ', 'icofont-windy ', 'icofont-addons ', 'icofont-address-book ', 'icofont-adjust ', 'icofont-alarm ', 'icofont-anchor ', 'icofont-archive ', 'icofont-at ', 'icofont-attachment ', 'icofont-audio ', 'icofont-automation ', 'icofont-badge ', 'icofont-bag-alt ', 'icofont-bag ', 'icofont-ban ', 'icofont-bar-code ', 'icofont-bars ', 'icofont-basket ', 'icofont-battery-empty ', 'icofont-battery-full ', 'icofont-battery-half ', 'icofont-battery-low ', 'icofont-beaker ', 'icofont-beard ', 'icofont-bed ', 'icofont-bell ', 'icofont-beverage ', 'icofont-bill ', 'icofont-bin ', 'icofont-binary ', 'icofont-binoculars ', 'icofont-bluetooth ', 'icofont-bomb ', 'icofont-book-mark ', 'icofont-box ', 'icofont-briefcase ', 'icofont-broken ', 'icofont-bucket ', 'icofont-bucket1 ', 'icofont-bucket2 ', 'icofont-bug ', 'icofont-building ', 'icofont-bulb-alt ', 'icofont-bullet ', 'icofont-bullhorn ', 'icofont-bullseye ', 'icofont-calendar ', 'icofont-camera-alt ', 'icofont-camera ', 'icofont-card ', 'icofont-cart-alt ', 'icofont-cart ', 'icofont-cc ', 'icofont-charging ', 'icofont-chat ', 'icofont-check-alt ', 'icofont-check-circled ', 'icofont-check ', 'icofont-checked ', 'icofont-children-care ', 'icofont-clip ', 'icofont-clock-time ', 'icofont-close-circled ', 'icofont-close-line-circled ', 'icofont-close-line-squared-alt ', 'icofont-close-line-squared ', 'icofont-close-line ', 'icofont-close-squared-alt ', 'icofont-close-squared ', 'icofont-close ', 'icofont-cloud-download ', 'icofont-cloud-refresh ', 'icofont-cloud-upload ', 'icofont-cloud ', 'icofont-code-not-allowed ', 'icofont-code ', 'icofont-comment ', 'icofont-compass-alt ', 'icofont-compass ', 'icofont-computer ', 'icofont-connection ', 'icofont-console ', 'icofont-contacts ', 'icofont-contrast ', 'icofont-copyright ', 'icofont-credit-card ', 'icofont-crop ', 'icofont-crown ', 'icofont-cube ', 'icofont-cubes ', 'icofont-dashboard-web ', 'icofont-dashboard ', 'icofont-data ', 'icofont-database-add ', 'icofont-database-locked ', 'icofont-database-remove ', 'icofont-database ', 'icofont-delete ', 'icofont-diamond ', 'icofont-dice-multiple ', 'icofont-dice ', 'icofont-disc ', 'icofont-diskette ', 'icofont-document-folder ', 'icofont-download-alt ', 'icofont-download ', 'icofont-downloaded ', 'icofont-drag ', 'icofont-drag1 ', 'icofont-drag2 ', 'icofont-drag3 ', 'icofont-earth ', 'icofont-ebook ', 'icofont-edit ', 'icofont-eject ', 'icofont-email ', 'icofont-envelope-open ', 'icofont-envelope ', 'icofont-eraser ', 'icofont-error ', 'icofont-excavator ', 'icofont-exchange ', 'icofont-exclamation-circle ', 'icofont-exclamation-square ', 'icofont-exclamation-tringle ', 'icofont-exclamation ', 'icofont-exit ', 'icofont-expand ', 'icofont-external-link ', 'icofont-external ', 'icofont-eye-alt ', 'icofont-eye-blocked ', 'icofont-eye-dropper ', 'icofont-eye ', 'icofont-favourite ', 'icofont-fax ', 'icofont-file-fill ', 'icofont-film ', 'icofont-filter ', 'icofont-fire-alt ', 'icofont-fire-burn ', 'icofont-fire ', 'icofont-flag-alt-1 ', 'icofont-flag-alt-2 ', 'icofont-flag ', 'icofont-flame-torch ', 'icofont-flash-light ', 'icofont-flash ', 'icofont-flask ', 'icofont-focus ', 'icofont-folder-open ', 'icofont-folder ', 'icofont-foot-print ', 'icofont-garbage ', 'icofont-gear-alt ', 'icofont-gear ', 'icofont-gears ', 'icofont-gift ', 'icofont-glass ', 'icofont-globe ', 'icofont-graffiti ', 'icofont-grocery ', 'icofont-hand ', 'icofont-hanger ', 'icofont-hard-disk ', 'icofont-heart-alt ', 'icofont-heart ', 'icofont-history ', 'icofont-home ', 'icofont-horn ', 'icofont-hour-glass ', 'icofont-id ', 'icofont-image ', 'icofont-inbox ', 'icofont-infinite ', 'icofont-info-circle ', 'icofont-info-square ', 'icofont-info ', 'icofont-institution ', 'icofont-interface ', 'icofont-invisible ', 'icofont-jacket ', 'icofont-jar ', 'icofont-jewlery ', 'icofont-karate ', 'icofont-key-hole ', 'icofont-key ', 'icofont-label ', 'icofont-lamp ', 'icofont-layers ', 'icofont-layout ', 'icofont-leaf ', 'icofont-leaflet ', 'icofont-learn ', 'icofont-lego ', 'icofont-lens ', 'icofont-letter ', 'icofont-letterbox ', 'icofont-library ', 'icofont-license ', 'icofont-life-bouy ', 'icofont-life-buoy ', 'icofont-life-jacket ', 'icofont-life-ring ', 'icofont-light-bulb ', 'icofont-lighter ', 'icofont-lightning-ray ', 'icofont-like ', 'icofont-line-height ', 'icofont-link-alt ', 'icofont-link ', 'icofont-list ', 'icofont-listening ', 'icofont-listine-dots ', 'icofont-listing-box ', 'icofont-listing-number ', 'icofont-live-support ', 'icofont-location-arrow ', 'icofont-location-pin ', 'icofont-lock ', 'icofont-login ', 'icofont-logout ', 'icofont-lollipop ', 'icofont-long-drive ', 'icofont-look ', 'icofont-loop ', 'icofont-luggage ', 'icofont-lunch ', 'icofont-lungs ', 'icofont-magic-alt ', 'icofont-magic ', 'icofont-magnet ', 'icofont-mail-box ', 'icofont-mail ', 'icofont-male ', 'icofont-map-pins ', 'icofont-map ', 'icofont-maximize ', 'icofont-measure ', 'icofont-medicine ', 'icofont-mega-phone ', 'icofont-megaphone-alt ', 'icofont-megaphone ', 'icofont-memorial ', 'icofont-memory-card ', 'icofont-mic-mute ', 'icofont-mic ', 'icofont-military ', 'icofont-mill ', 'icofont-minus-circle ', 'icofont-minus-square ', 'icofont-minus ', 'icofont-mobile-phone ', 'icofont-molecule ', 'icofont-money ', 'icofont-moon ', 'icofont-mop ', 'icofont-muffin ', 'icofont-mustache ', 'icofont-navigation-menu ', 'icofont-navigation ', 'icofont-network-tower ', 'icofont-network ', 'icofont-news ', 'icofont-newspaper ', 'icofont-no-smoking ', 'icofont-not-allowed ', 'icofont-notebook ', 'icofont-notepad ', 'icofont-notification ', 'icofont-numbered ', 'icofont-opposite ', 'icofont-optic ', 'icofont-options ', 'icofont-package ', 'icofont-page ', 'icofont-paint ', 'icofont-paper-plane ', 'icofont-paperclip ', 'icofont-papers ', 'icofont-pay ', 'icofont-penguin-linux ', 'icofont-pestle ', 'icofont-phone-circle ', 'icofont-phone ', 'icofont-picture ', 'icofont-pine ', 'icofont-pixels ', 'icofont-plugin ', 'icofont-plus-circle ', 'icofont-plus-square ', 'icofont-plus ', 'icofont-polygonal ', 'icofont-power ', 'icofont-price ', 'icofont-print ', 'icofont-puzzle ', 'icofont-qr-code ', 'icofont-queen ', 'icofont-question-circle ', 'icofont-question-square ', 'icofont-question ', 'icofont-quote-left ', 'icofont-quote-right ', 'icofont-random ', 'icofont-recycle ', 'icofont-refresh ', 'icofont-repair ', 'icofont-reply-all ', 'icofont-reply ', 'icofont-resize ', 'icofont-responsive ', 'icofont-retweet ', 'icofont-road ', 'icofont-robot ', 'icofont-royal ', 'icofont-rss-feed ', 'icofont-safety ', 'icofont-sale-discount ', 'icofont-satellite ', 'icofont-send-mail ', 'icofont-server ', 'icofont-settings-alt ', 'icofont-settings ', 'icofont-share-alt ', 'icofont-share-boxed ', 'icofont-share ', 'icofont-shield ', 'icofont-shopping-cart ', 'icofont-sign-in ', 'icofont-sign-out ', 'icofont-signal ', 'icofont-site-map ', 'icofont-smart-phone ', 'icofont-soccer ', 'icofont-sort-alt ', 'icofont-sort ', 'icofont-space ', 'icofont-spanner ', 'icofont-speech-comments ', 'icofont-speed-meter ', 'icofont-spinner-alt-1 ', 'icofont-spinner-alt-2 ', 'icofont-spinner-alt-3 ', 'icofont-spinner-alt-4 ', 'icofont-spinner-alt-5 ', 'icofont-spinner-alt-6 ', 'icofont-spinner ', 'icofont-spreadsheet ', 'icofont-square ', 'icofont-ssl-security ', 'icofont-star-alt-1 ', 'icofont-star-alt-2 ', 'icofont-star ', 'icofont-street-view ', 'icofont-support-faq ', 'icofont-tack-pin ', 'icofont-tag ', 'icofont-tags ', 'icofont-tasks-alt ', 'icofont-tasks ', 'icofont-telephone ', 'icofont-telescope ', 'icofont-terminal ', 'icofont-thumbs-down ', 'icofont-thumbs-up ', 'icofont-tick-boxed ', 'icofont-tick-mark ', 'icofont-ticket ', 'icofont-tie ', 'icofont-toggle-off ', 'icofont-toggle-on ', 'icofont-tools-alt-2 ', 'icofont-tools ', 'icofont-touch ', 'icofont-traffic-light ', 'icofont-transparent ', 'icofont-tree ', 'icofont-unique-idea ', 'icofont-unlock ', 'icofont-unlocked ', 'icofont-upload-alt ', 'icofont-upload ', 'icofont-usb-drive ', 'icofont-usb ', 'icofont-vector-path ', 'icofont-verification-check ', 'icofont-wall-clock ', 'icofont-wall ', 'icofont-wallet ', 'icofont-warning-alt ', 'icofont-warning ', 'icofont-water-drop ', 'icofont-web ', 'icofont-wheelchair ', 'icofont-wifi-alt ', 'icofont-wifi ', 'icofont-world ', 'icofont-zigzag ', 'icofont-zipped ', 'icofont-xs ', 'icofont-sm ', 'icofont-md ', 'icofont-lg ', 'icofont-1x ', 'icofont-2x ', 'icofont-3x ', 'icofont-4x ', 'icofont-5x ', 'icofont-6x ', 'icofont-7x ', 'icofont-8x ', 'icofont-9x ', 'icofont-10x ', 'icofont-fw ', 'icofont-ul ', 'icofont-border ', 'icofont-spin ', 'icofont-pulse'];
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (iconfontClasses);

/***/ }),

/***/ "./src/components/icon-picker/index.js":
/*!*********************************************!*\
  !*** ./src/components/icon-picker/index.js ***!
  \*********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/link.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/close.js");
/* harmony import */ var _fontawesome_classes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./fontawesome-classes */ "./src/components/icon-picker/fontawesome-classes.js");
/* harmony import */ var _iconfont_classes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./iconfont-classes */ "./src/components/icon-picker/iconfont-classes.js");
/* harmony import */ var _bootstrap_icons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./bootstrap-icons */ "./src/components/icon-picker/bootstrap-icons.js");
/* harmony import */ var _dropdown__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../dropdown */ "./src/components/dropdown/index.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__);
const {
  Component,
  RawHTML
} = wp.element;










function Html(props) {
  if (!props.warn) {
    return null;
  }
  var library = props.library;
  var srcType = props.srcType;
  var iconSrc = props.iconSrc;
  var isPro = props.isPro;
  const [isVisible, setIsVisible] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(false);
  const [iconsArr, setIconsArr] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(_fontawesome_classes__WEBPACK_IMPORTED_MODULE_3__["default"]);
  const [pickerOpen, setPickerOpen] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(false);
  const [iconData, setIconData] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)({
    keyword: "",
    library: library,
    filtered: []
  });
  const [filteredIcons, setFilteredIcons] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)([]);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() => {
    if (iconData.library == "fontAwesome") {
      setIconsArr(_fontawesome_classes__WEBPACK_IMPORTED_MODULE_3__["default"]);
    }
    if (iconData.library == "iconFont") {
      setIconsArr(_iconfont_classes__WEBPACK_IMPORTED_MODULE_4__["default"]);
    }
    if (iconData.library == "bootstrap") {
      setIconsArr(_bootstrap_icons__WEBPACK_IMPORTED_MODULE_5__["default"]);
    }
  }, [iconData]);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", {
    className: "relative",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", {
      className: "border border-solid border-gray-500 rounded-md flex justify-center items-center cursor-pointer h-[30px] w-[30px] hover:bg-gray-200 hover:border-gray-800 transition-all duration-150 ease-in-out pg-icon-picker ",
      onClick: ev => {
        if (isPro) {
          setIsVisible(!isVisible);
        } else {
          setPickerOpen(prev => !prev);
        }
      },
      children: [iconSrc?.length == 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__.Button, {
        icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"]
      }), iconSrc?.length == undefined && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__.Button, {
        icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_8__["default"]
      }), iconSrc?.length > 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", {
        className: "w-8  text-lg  text-center"
        // className="w-8 h-8 text-lg !border cursor-pointer hover:bg-gray-200 border-gray-500 text-center"
        ,
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("span", {
          className: ` inline-block ${iconSrc}`
        })
      })]
    }), isPro && isVisible &&
    /*#__PURE__*/
    // <div className="absolute bottom-2 right-0 pg-bg-color text-white no-underline px-2 rounded-sm py-1 ">
    (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("a", {
      href: "https://comboblocks.com/pricing/",
      target: "_blank",
      className: "absolute top-full right-0 pg-bg-color text-white hover:text-white no-underline px-2 rounded-sm py-1 whitespace-nowrap ",
      children: "Subscribe to use"
    })

    // </div>
    , pickerOpen && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__.Popover, {
      position: "bottom right",
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", {
        className: "w-72 p-2 pg-setting-input-text  custom-scrollbar relative ",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", {
          className: "w-[calc(100%_-_8px)] fixed top-0 left-0  p-1 bg-white ",
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", {
            className: "flex gap-1 items-center",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_dropdown__WEBPACK_IMPORTED_MODULE_6__["default"], {
              position: "bottom right",
              variant: "secondary",
              buttonTitle: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Choose", "accordions"),
              options: [{
                label: "Choose Library",
                value: ""
              }, {
                label: "Font Awesome",
                value: "fontAwesome"
              }, {
                label: "IconFont",
                value: "iconFont"
              }, {
                label: "Bootstrap Icons",
                value: "bootstrap"
              }
              // { label: 'Material', value: 'material' },
              ],
              onChange: newVal => {
                setIconData({
                  ...iconData,
                  library: newVal.value
                });
                props.onChange({
                  iconSrc: iconSrc,
                  library: newVal,
                  srcType: srcType
                });
              },
              values: ""
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("span", {
              className: "bg-red-500 px-1 py-1",
              onClick: ev => {
                props.onChange({
                  iconSrc: "",
                  library: "",
                  srcType: ""
                });
              },
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_9__["default"], {
                icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_10__["default"]
              })
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__.__experimentalInputControl, {
              placeholder: "Search for icons",
              value: iconData.keyword,
              onChange: newVal => {
                setIconData({
                  ...iconData,
                  keyword: newVal
                });
                setFilteredIcons([]);
                var icons = [];
                iconsArr.map(icon => {
                  if (icon.indexOf(newVal) > 0) {
                    icons.push(icon);
                  }
                });
                setFilteredIcons(icons);
              }
            })]
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", {
          className: "flex flex-wrap justify-around mt-[28px] ",
          children: [iconData.keyword.length == 0 && iconsArr.map(icon => {
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", {
              onClick: ev => {
                props.onChange({
                  iconSrc: icon,
                  library: library,
                  srcType: srcType
                });
              },
              className: "m-1 text-lg w-10 text-center cursor-pointer hover:bg-slate-400 p-2 inline-block",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("span", {
                className: icon
              })
            });
          }), iconData.keyword.length > 0 && filteredIcons.map(icon => {
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", {
              onClick: ev => {
                props.onChange({
                  iconSrc: icon,
                  library: library,
                  srcType: srcType
                });
              },
              className: "m-1 text-lg w-10 text-center cursor-pointer hover:bg-slate-400 p-2 inline-block",
              children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("span", {
                className: icon
              })
            });
          }), filteredIcons.length == 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", {
            className: "text-center p-2 text-red-500 ",
            children: "No icons found."
          })]
        })]
      })
    })]
  });
}
class PGIconPicker extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      library,
      srcType,
      iconSrc,
      isPro,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(Html, {
        library: library,
        srcType: srcType,
        iconSrc: iconSrc,
        isPro: isPro,
        onChange: onChange,
        warn: this.state.showWarning
      })
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGIconPicker);

/***/ }),

/***/ "./src/components/icon-toggle/index.js":
/*!*********************************************!*\
  !*** ./src/components/icon-toggle/index.js ***!
  \*********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
const {
  Component,
  RawHTML
} = wp.element;


class IconToggle extends Component {
  render() {
    const {
      position,
      variant,
      iconList,
      //[{"label":"Select..","icon":"","value":""}]
      buttonTitle,
      onChange,
      activeIcon,
      value
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__.Dropdown, {
        position: position,
        renderToggle: ({
          isOpen,
          onToggle
        }) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
          className: "border border-solid border-gray-400 p-1 px-2 cursor-pointer",
          title: buttonTitle,
          variant: variant,
          onClick: onToggle,
          "aria-expanded": isOpen,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(RawHTML, {
            className: "text-sm ",
            children: activeIcon
          })
        }),
        renderContent: () => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
          className: "",
          children: iconList.map((x, index) => {
            return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div", {
              className: " text-lg px-2 font-bold border-b inline-block hover:bg-blue-400 hover:text-white cursor-pointer",
              onClick: ev => {
                onChange(x, index);
              },
              children: [!x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {
                  className: "icon-close"
                })
              }), x.value && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(RawHTML, {
                children: x.icon
              })]
            });
          })
        })
      })
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (IconToggle);

/***/ }),

/***/ "./src/components/input-color-picker/index.js":
/*!****************************************************!*\
  !*** ./src/components/input-color-picker/index.js ***!
  \****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _breakpoints__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../breakpoints */ "./src/breakpoints.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
const {
  Component
} = wp.element;




function WarningBanner(props) {
  if (!props.warn) {
    return null;
  }
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__.Popover, {
      position: "bottom right",
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
        className: "p-2",
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__.ColorPalette, {
          value: props.value,
          colors: props.colors,
          enableAlpha: true,
          onChange: newVal => {
            props.onChange(newVal);
          }
        })
      })
    })
  });
}
class PGColorPicker extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: false
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      value,
      colors,
      enableAlpha,
      onChange,
      label,
      initialOpen
    } = this.props;
    var placeholderStyle = {
      backgroundImage: "repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0),repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0)",
      backgroundPosition: "0 0,25px 25px",
      backgroundSize: "50px 50px",
      boxShadow: "inset 0 0 0 1px rgb(0 0 0 / 20%)",
      cursor: "pointer"
    };
    var defaultbtnStyle = {
      backgroundImage: "repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0),repeating-linear-gradient(45deg,#e0e0e0 25%,transparent 0,transparent 75%,#e0e0e0 0,#e0e0e0)",
      backgroundPosition: "0 0,25px 25px",
      backgroundSize: "50px 50px",
      boxShadow: "inset 0 0 0 1px rgb(0 0 0 / 20%)",
      cursor: "pointer"
    };
    var btnStyle = {
      backgroundColor: value,
      boxShadow: "inset 0 0 0 1px rgb(0 0 0 / 20%)",
      cursor: "pointer"
    };
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
        className: "my-4",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "flex justify-between items-center mb-3",
          children: label
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
          className: "relative h-10",
          style: placeholderStyle,
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
            className: "absolute w-full  h-full top-0 left-0 text-center",
            style: btnStyle,
            onClick: this.handleToggleClick,
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
              className: "w-full text-center left-0 top-1/2 -translate-y-1/2\t absolute",
              children: value == undefined ? "Set Color" : value
            })
          })
        })]
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(WarningBanner, {
        colors: colors,
        enableAlpha: enableAlpha,
        initialOpen: initialOpen,
        value: value,
        onChange: onChange,
        warn: this.state.showWarning
      })]
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGColorPicker);

/***/ }),

/***/ "./src/components/input-number/index.js":
/*!**********************************************!*\
  !*** ./src/components/input-number/index.js ***!
  \**********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
const {
  Component
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("input", {
      className: props.className,
      id: props.id,
      type: "number",
      value: props.value,
      name: props.name,
      placeholder: props.placeholder,
      step: props.step,
      min: props.min,
      max: props.max,
      required: props.required,
      disabled: props.disabled,
      onChange: newVal => {
        props.onChange(newVal.target.value);
      }
    })
  });
}
class PGinputNumber extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      placeholder,
      id,
      className,
      name,
      value,
      step,
      min,
      max,
      required,
      disabled,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(Html, {
      placeholder: placeholder,
      className: className,
      id: id,
      name: name,
      value: value,
      step: step,
      min: min,
      max: max,
      required: required,
      disabled: disabled,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGinputNumber);

/***/ }),

/***/ "./src/components/input-select/index.js":
/*!**********************************************!*\
  !*** ./src/components/input-select/index.js ***!
  \**********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
const {
  Component
} = wp.element;




class PGinputSelect extends Component {
  render() {
    var {
      val,
      options,
      multiple,
      className,
      onChange
    } = this.props;
    function Html() {
      return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment, {
        children: [multiple == true && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment, {
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("select", {
            className: ` ${className}`,
            multiple: true,
            onChange: event => {
              var options = event.target.options;
              var selected = [];
              for (var i = 0, l = options.length; i < l; i++) {
                if (options[i].selected) {
                  selected.push(options[i].value);
                }
              }
              onChange(selected);
            },
            children: options.map((x, index) => {
              var isSelected = val.includes(x.value);
              return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("option", {
                value: x.value,
                selected: isSelected,
                children: x.label
              }, index);
            })
          })
        }), multiple == false && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment, {
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("select", {
            className: ` ${className}`,
            onChange: event => {
              var currentVal = options[event.target.options.selectedIndex].value;
              onChange(currentVal);
            },
            children: options.map((x, index) => {
              var selected = val.includes(x.value);
              return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("option", {
                value: x.value,
                selected: selected,
                children: x.label
              }, index);
            })
          })
        })]
      });
    }
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(Html, {});
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGinputSelect);

/***/ }),

/***/ "./src/components/input-text/index.js":
/*!********************************************!*\
  !*** ./src/components/input-text/index.js ***!
  \********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
const {
  Component
} = wp.element;




function Html(props) {
  if (!props.warn) {
    return null;
  }
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("input", {
    className: props.className,
    id: props.id,
    value: props.value,
    type: "text",
    size: props.size,
    name: props.name,
    placeholder: props.placeholder,
    minlength: props.minlength,
    maxlength: props.maxlength,
    required: props.required,
    disabled: props.disabled,
    onChange: e => {
      props.onChange(e.target.value);
    }
  });
}
class PGinputText extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      value,
      placeholder,
      className,
      id,
      name,
      size,
      minlength,
      maxlength,
      required,
      disabled,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(Html, {
      value: value,
      name: name,
      id: id,
      size: size,
      placeholder: placeholder,
      className: className,
      minlength: minlength,
      maxlength: maxlength,
      required: required,
      disabled: disabled,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGinputText);

/***/ }),

/***/ "./src/components/input-textarea/index.js":
/*!************************************************!*\
  !*** ./src/components/input-textarea/index.js ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
const {
  Component
} = wp.element;


function Html(props) {
  if (!props.warn) {
    return null;
  }
  const [content, setContent] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)('');
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
    //tinymce.execCommand('mceAddEditor', true, props.id);

    // wp.editor.initialize(props.id, {
    //   tinymce: {
    //     wpautop: true,
    //     toolbar1:
    //       "bold italic underline strikethrough | bullist numlist | blockquote hr wp_more | alignleft aligncenter alignright | link unlink | fullscreen | wp_adv",
    //     toolbar2:
    //       "formatselect alignjustify forecolor | pastetext removeformat charmap | outdent indent | undo redo | wp_help",
    //   },
    //   quicktags: true,
    //   mediaButtons: true,
    // });

    // Function to capture content change
    // const updateContent = () => {
    //   const newContent = wp.editor.getContent(props.id);

    //   setContent(newContent);
    // };

    // // Listen for changes in the content
    // document.getElementById(props.id).addEventListener('input', updateContent);

    // Cleanup on unmount
    // return () => {
    //   document.getElementById(props.id).removeEventListener('input', updateContent);
    // };

    tinymce.init({
      selector: "#" + props.id,
      toolbar: "undo redo print spellcheckdialog formatpainter | blocks fontfamily fontsize | bold italic underline forecolor backcolor | link image | alignleft aligncenter alignright alignjustify lineheight | checklist bullist numlist indent outdent | removeformat",
      height: "500px",
      setup: editor => {
        editor.on("change", e => {
          const newContent = editor.getContent(); // Get the updated content

          props.onChange(newContent);
        });
      }
    });
  }, []);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("textarea", {
    className: props.className,
    id: props.id,
    value: props.value,
    type: "text",
    size: props.size,
    name: props.name,
    placeholder: props.placeholder,
    minlength: props.minlength,
    maxlength: props.maxlength,
    required: props.required,
    disabled: props.disabled,
    onChange: e => {
      props.onChange(e.target.value);
    },
    children: props.value
  });
}
class PGinputTextarea extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      value,
      placeholder,
      className,
      id,
      name,
      size,
      minlength,
      maxlength,
      required,
      disabled,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Html, {
      value: value,
      name: name,
      id: id,
      size: size,
      placeholder: placeholder,
      className: className,
      minlength: minlength,
      maxlength: maxlength,
      required: required,
      disabled: disabled,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGinputTextarea);

/***/ }),

/***/ "./src/components/input-toggle/index.js":
/*!**********************************************!*\
  !*** ./src/components/input-toggle/index.js ***!
  \**********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);




const InputToggle = ({
  label,
  value,
  onChange
}) => {
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
    className: "flex items-center gap-2 justify-between ",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
      children: value ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Enabled.", "accordions") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Disabled.", "accordions")
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__.ToggleControl
    // help={value ? __("Enabled", "accordions") : __("Disabled.", "accordions")}
    , {
      checked: value ? true : false,
      onChange: e => {
        onChange(!value);
      }
    })]
  });
};
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InputToggle);

/***/ }),

/***/ "./src/components/input-wp-editor/index.js":
/*!*************************************************!*\
  !*** ./src/components/input-wp-editor/index.js ***!
  \*************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
const {
  Component
} = wp.element;


function Html(props) {
  if (!props.warn) {
    return null;
  }
  const [content, setContent] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)('');
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
    //tinymce.execCommand('mceAddEditor', true, props.id);

    wp.editor.initialize(props.id, {
      tinymce: {
        wpautop: true,
        toolbar1: "bold italic underline strikethrough | bullist numlist | blockquote hr wp_more | alignleft aligncenter alignright | link unlink | fullscreen | wp_adv",
        toolbar2: "formatselect alignjustify forecolor | pastetext removeformat charmap | outdent indent | undo redo | wp_help",
        setup: editor => {
          editor.on("change", e => {
            const newContent = editor.getContent(); // Get the updated content
            console.log(newContent);
            props.onChange(newContent);
          });
        }
      },
      quicktags: true,
      mediaButtons: true
    });

    // Function to capture content change
    // const updateContent = () => {
    //   const newContent = wp.editor.getContent(props.id);

    //   setContent(newContent);
    // };

    // // Listen for changes in the content
    // document.getElementById(props.id).addEventListener('input', updateContent);

    // Cleanup on unmount
    // return () => {
    //   document.getElementById(props.id).removeEventListener('input', updateContent);
    // };

    // tinymce.init({
    //   selector: "#" + props.id,
    //   toolbar:
    //     "undo redo print spellcheckdialog formatpainter | blocks fontfamily fontsize | bold italic underline forecolor backcolor | link image | alignleft aligncenter alignright alignjustify lineheight | checklist bullist numlist indent outdent | removeformat code",
    //   advcode_inline: true,
    //   height: "500px",
    //   menubar: false,
    //   setup: (editor) => {
    //     editor.on("change", (e) => {
    //       const newContent = editor.getContent(); // Get the updated content
    //       props.onChange(newContent);
    //     });
    //   },
    // });
  }, []);
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("textarea", {
    className: props.className,
    id: props.id,
    value: props.value,
    type: "text",
    size: props.size,
    name: props.name,
    placeholder: props.placeholder,
    minlength: props.minlength,
    maxlength: props.maxlength,
    required: props.required,
    disabled: props.disabled,
    onChange: e => {
      props.onChange(e.target.value);
    },
    children: props.value
  });
}
class PGinputWPEditor extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      value,
      placeholder,
      className,
      id,
      name,
      size,
      minlength,
      maxlength,
      required,
      disabled,
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Html, {
      value: value,
      name: name,
      id: id,
      size: size,
      placeholder: placeholder,
      className: className,
      minlength: minlength,
      maxlength: maxlength,
      required: required,
      disabled: disabled,
      onChange: onChange,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGinputWPEditor);

/***/ }),

/***/ "./src/components/openai-prompts/index.js":
/*!************************************************!*\
  !*** ./src/components/openai-prompts/index.js ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* 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_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__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_hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/hooks */ "@wordpress/hooks");
/* harmony import */ var _wordpress_hooks__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_hooks__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var openai__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! openai */ "./node_modules/openai/index.mjs");
/* 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__);
const {
  Component
} = wp.element;









//

function Html(props) {
  var _promptsAgs$action, _promptsAgs$aiModel, _promptsAgs$objective;
  if (!props.warn) {
    return null;
  }
  var promptsAgs = props?.promptsAgs;
  var action = (_promptsAgs$action = promptsAgs?.action) !== null && _promptsAgs$action !== void 0 ? _promptsAgs$action : "write";
  var aiModel = (_promptsAgs$aiModel = promptsAgs?.aiModel) !== null && _promptsAgs$aiModel !== void 0 ? _promptsAgs$aiModel : "gpt-4-turbo";
  var objective = (_promptsAgs$objective = promptsAgs?.objective) !== null && _promptsAgs$objective !== void 0 ? _promptsAgs$objective : "";
  const [optionData, setoptionData] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useState)({});
  const [isLoading, setisLoading] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
  const [promptPrams, setpromptPrams] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useState)({
    aiModel: aiModel,
    promt: "",
    action: action,
    language: "",
    objectFoundedYear: "",
    objective: objective,
    objectName: "",
    keywords: "",
    services: "",
    lengthType: "",
    length: 20,
    imageCount: 1,
    imageSize: '512x512'
  });
  const [openAiPrams, setopenAiPrams] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useState)({
    promt: "",
    apikey: '',
    autoUpdate: props.autoUpdate,
    model: '',
    role: "",
    reponse: null
  });
  var apikey = optionData?.openaiApiKey;
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
    _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_4___default()({
      path: "/accordions/v2/get_options",
      method: "POST",
      data: {
        option: "accordions_settings"
      }
    }).then(res => {
      if (res.length != 0) {
        var resX = {
          ...res
        };
        setoptionData(resX);
      }
    });
  }, []);
  async function getGTP() {
    if (openAiPrams.promt.length == 0) {
      alert("Please write some instructions.");
      return;
    }
    if (apikey.length == 0) {
      alert("Please enter API key first.");
      return;
    }
    if (openAiPrams.promt.length > 0) {
      const openai = new openai__WEBPACK_IMPORTED_MODULE_7__["default"]({
        apiKey: apikey,
        dangerouslyAllowBrowser: true
      });
      const formattedPrompt = props.formattedPrompt;
      setisLoading(true);
      if (promptPrams.action == 'generateImage') {
        const imageResponse = await openai.images.generate({
          prompt: `${formattedPrompt} ${openAiPrams.promt}`,
          n: promptPrams?.imageCount,
          size: promptPrams.imageSize
        });
        const imageUrl = imageResponse.data[0].url; // Extract the image URL
        setopenAiPrams({
          ...openAiPrams,
          reponse: imageUrl
        });
      } else {
        var _promptPrams$aiModel;
        const chatCompletion = await openai.chat.completions.create({
          model: (_promptPrams$aiModel = promptPrams?.aiModel) !== null && _promptPrams$aiModel !== void 0 ? _promptPrams$aiModel : "gpt-4-turbo",
          messages: [{
            "role": "user",
            "content": `${formattedPrompt} ${openAiPrams.promt}`
          }]
        });
        var choices = chatCompletion.choices;
        var message = choices[0].message.content;
        setopenAiPrams({
          ...openAiPrams,
          reponse: message
        });
      }

      //message = message.slice(1, -1)

      props.onResponseLoaded(message, openAiPrams.autoUpdate);
      setTimeout(() => {
        setisLoading(false);
      }, 1000);
    }
  }
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
    var model = window?.postGridBlockEditor?.apiKeys?.openAI?.args?.model;
    var apikey = window?.postGridBlockEditor?.apiKeys?.openAI?.args?.apikey;
    setopenAiPrams({
      ...openAiPrams,
      apikey: apikey
    });
  }, [window.postGridBlockEditor]);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
    var promtStr = "";
    if (promptPrams?.action == "write") {
      //promtStr += promptPrams.promt
      //if (promptPrams?.objectName.length > 0) {
      promtStr = promptPrams.promt.replaceAll('{objectName}', "<strong>" + promptPrams?.objectName + "</strong>");

      //}
      promtStr = promtStr.replaceAll('{current_text}', "<strong>" + promtStr + "</strong>");
    }
    if (promptPrams?.action == "rewrite" || promptPrams?.action == "extend") {
      if (promptPrams?.promt.length > 0) {
        promtStr += promptPrams.promt.replaceAll('{current_text}', "<strong>" + props.value + "</strong>");
      }
    }
    if (promptPrams?.action == "generateImage") {
      if (promptPrams?.promt.length > 0) {
        //promtStr += promptPrams.promt
        promtStr = promptPrams.promt.replaceAll('{objectName}', "<strong>" + promptPrams?.objectName + "</strong>");
        promtStr = promtStr.replaceAll('{current_text}', "<strong>" + promtStr + "</strong>");
      }
    }
    if (promptPrams?.audience?.length > 0) {
      promtStr += "\n<strong>Target Audience:</strong> <u>" + promptPrams?.audience + "</u>";
    }
    if (promptPrams?.keywords?.length > 0) {
      promtStr += "\n<strong>Keywords to Include:</strong> <u>" + promptPrams?.keywords + "</u>";
    }
    if (promptPrams?.objectName?.length > 0) {
      promtStr += "\n<strong>Object Name:</strong> <u>" + promptPrams?.objectName + "</u>";
    }
    if (promptPrams?.objectFoundedYear?.length > 0) {
      promtStr += "\n<strong>Founded Year:</strong> <u>" + promptPrams?.objectFoundedYear + "</u>";
    }
    if (promptPrams?.language?.length > 0) {
      promtStr += "\n<strong>Language:</strong> <u>" + promptPrams?.language + "</u>";
    }
    if (promptPrams?.format?.length > 0) {
      promtStr += "\n<strong>Format:</strong> <u>" + promptPrams?.format + "</u>";
    }
    if (promptPrams?.format?.length > 0) {
      promtStr += "\n<strong>Length:</strong> <u>" + promptPrams?.length + " " + promptPrams?.lengthType + "</u>";
    }
    if (promptPrams?.tone?.length > 0) {
      promtStr += "\n<strong>Tone:</strong> <u>" + promptPrams?.tone + "</u>";
    }
    if (promptPrams?.services?.length > 0) {
      promtStr += "\n<strong>Services:</strong> <u>" + promptPrams?.services + "</u>";
    }
    if (promptPrams?.lengthType?.length > 0) {
      promtStr += "\n<strong>" + promptPrams?.lengthType + ":</strong> <u>" + promptPrams?.length + "</u>";
    }
    setopenAiPrams({
      ...openAiPrams,
      promt: promtStr
    });
  }, [promptPrams]);
  var promptModels = [{
    label: "Choose Model",
    value: ''
  }, {
    "label": "GPT-4",
    "value": "gpt-4"
  }, {
    "label": "GPT-4 Turbo",
    "value": "gpt-4-turbo"
  }, {
    "label": "GPT-3.5 Turbo",
    "value": "gpt-3.5-turbo"
  }, {
    "label": "DALL-E",
    "value": "dall-e"
  }, {
    "label": "DALL-E 2",
    "value": "dall-e-2"
  }, {
    "label": "DALL-E 3",
    "value": "dall-e-3"
  }];
  var promptActions = [{
    label: "Choose Ation",
    value: ''
  }, {
    label: "Write",
    value: 'write'
  }, {
    label: "Re-Write",
    value: 'rewrite'
  }, {
    label: "Extend",
    value: 'extend'
  }, {
    label: "Generate Image",
    value: 'generateImage'
  }
  // { label: "Modify Image", value: 'modifyImage' },
  ];
  var promptImageSizes = [{
    label: "Choose Size",
    value: ''
  }, {
    label: "256x256",
    value: '256x256'
  }, {
    label: "512x512",
    value: '512x512'
  }, {
    label: "1024x1024",
    value: '1024x1024'
  }];
  var promptFormats = [{
    label: "Choose Format",
    value: ''
  }, {
    "label": "Plain Text",
    "value": "Plain Text"
  }, {
    "label": "Structured Text (Markdown)",
    "value": "Markdown"
  }, {
    "label": "Code Blocks",
    "value": "Code Blocks"
  }, {
    "label": "Python Code Execution",
    "value": "Python Code Execution"
  }, {
    "label": "Code Outputs",
    "value": "Code Outputs"
  }, {
    "label": "Generated Images",
    "value": "Generated Images"
  }, {
    "label": "Image Editing",
    "value": "Image Editing"
  }, {
    "label": "Mathematics (LaTeX)",
    "value": "Mathematics (LaTeX)"
  }, {
    "label": "Data Tables",
    "value": "Data Tables"
  }, {
    "label": "Bullet Points / Numbered Lists",
    "value": "Bullet Points / Numbered Lists"
  }, {
    "label": "Links",
    "value": "Links"
  }, {
    "label": "File Outputs",
    "value": "File Outputs"
  }];
  var promptObjectives = [{
    label: "Choose Objective",
    value: ''
  }, {
    label: "Introduction",
    value: 'introduction'
  }, {
    label: "Conslusion",
    value: 'conslusion'
  }, {
    label: "Social Media",
    value: 'socialMedia'
  }, {
    label: "Blog Heading",
    value: 'blogHeading'
  }, {
    label: "Call to action",
    value: 'callToAction'
  }, {
    label: "Generate Team Members",
    value: 'generateTeamMembers'
  }, {
    label: "Generate Testimonials",
    value: 'generateTestimonials'
  }, {
    label: "Generate FAQ",
    value: 'generateFAQ'
  }, {
    label: "Generate List Items",
    value: 'generateListItems'
  }, {
    label: "Find Lat Long",
    value: 'findLatLong'
  }];
  var promptLengthTypes = [{
    label: "Choose Limit by",
    value: ''
  }, {
    label: "Paragraphs",
    value: 'Paragraphs'
  }, {
    label: "Words",
    value: 'Words'
  }, {
    label: "Characters",
    value: 'Characters'
  }, {
    label: "Numbers",
    value: 'Numbers'
  }, {
    label: "Max Limit",
    value: 'Max Limit'
  }, {
    label: "Minimum",
    value: 'Minimum'
  }];
  var promptSocialSites = [{
    label: "Choose Social Media",
    value: ''
  }, {
    "label": "Facebook",
    "value": "Facebook"
  }, {
    "label": "YouTube",
    "value": "YouTube"
  }, {
    "label": "WhatsApp",
    "value": "WhatsApp"
  }, {
    "label": "Instagram",
    "value": "Instagram"
  }, {
    "label": "TikTok",
    "value": "TikTok"
  }, {
    "label": "Snapchat",
    "value": "Snapchat"
  }, {
    "label": "Twitter",
    "value": "Twitter"
  }, {
    "label": "Pinterest",
    "value": "Pinterest"
  }, {
    "label": "Reddit",
    "value": "Reddit"
  }, {
    "label": "LinkedIn",
    "value": "LinkedIn"
  }];
  var promptSocialFacebook = [{
    label: "Choose Prompt",
    value: ''
  }, {
    "label": "Motivational Monday",
    "value": "Kick off the week with some motivation! What's a goal you’re excited to tackle this week? #MotivationalMonday"
  }, {
    "label": "Product Spotlight",
    "value": "Spotlight on [Product Name]! Discover what makes it special and why our customers love it. Check it out! #ProductSpotlight"
  }, {
    "label": "Fill-in-the-Blank",
    "value": "Let's have some fun! Fill in the blank: 'My favorite way to relax on a weekend is ______.' #WeekendVibes"
  }, {
    "label": "Throwback Thursday",
    "value": "Throwing it back! Here’s a look at [Event/Memory] from our past. #TBT #ThrowbackThursday"
  }, {
    "label": "Community Poll",
    "value": "Quick poll! Do you prefer [Option 1] or [Option 2]? Tell us your choice in the comments! #CommunityPoll"
  }, {
    "label": "Fun Fact Friday",
    "value": "Did you know? [Interesting Fact Related to Your Brand/Industry] #FunFactFriday"
  }, {
    "label": "Customer Shoutout",
    "value": "We’re grateful for amazing customers like [Customer Name]! Here’s what they had to say about [Product/Service]. #CustomerLove"
  }, {
    "label": "Sneak Peek",
    "value": "Here's a sneak peek at something exciting coming soon! Any guesses? #SneakPeek"
  }, {
    "label": "Weekend Plans",
    "value": "It's Friday! What’s everyone up to this weekend? Let us know your plans in the comments. #WeekendPlans"
  }, {
    "label": "Holiday Celebration",
    "value": "Happy [Holiday Name] from our team to you! Wishing you all a joyful day. #HolidayVibes"
  }];
  var promptAudiences = [{
    label: "Choose Audience",
    value: ''
  }, {
    label: "Developers",
    value: "Developers"
  }, {
    label: "Educators",
    value: "Educators"
  }, {
    label: "Students",
    value: "Students"
  }, {
    label: "Researchers",
    value: "Researchers"
  }, {
    label: "Data Scientists",
    value: "Data Scientists"
  }, {
    label: "Writers",
    value: "Writers"
  }, {
    label: "Marketers",
    value: "Marketers"
  }, {
    label: "Healthcare Professionals",
    value: "Healthcare Professionals"
  }, {
    label: "Business Analysts",
    value: "Business Analysts"
  }, {
    label: "Designers",
    value: "Designers"
  }, {
    label: "Engineers",
    value: "Engineers"
  }, {
    label: "Entrepreneurs",
    value: "Entrepreneurs"
  }, {
    label: "Lawyers",
    value: "Lawyers"
  }, {
    label: "Project Managers",
    value: "Project Managers"
  }, {
    label: "Consultants",
    value: "Consultants"
  }, {
    label: "Sales Professionals",
    value: "Sales Professionals"
  }, {
    label: "Non-Profit Workers",
    value: "Non-Profit Workers"
  }, {
    label: "Public Speakers",
    value: "Public Speakers"
  }];
  var promptGenerateTeamMembers = [{
    label: "Choose Prompt",
    value: ''
  }, {
    label: "Team member data",
    value: "We have 4 team members, their information as follows,\n Name: Emma Carter, Role: Marketing Manager, Website: emmarketingpro.com, Phone: 01234056789\n Name: Liam Walker, Role: UI/UX Designer, Website: liamdesignhub.com, Phone: 01345067891\n Name: Olivia Bennett, Role: Content Strategist, Website: oliviastrategy.com, Phone: 01456078912\n Name: Ethan Davis, Role: Software Engineer, Website: ethancodebase.com, Phone: 01567089023"
  }];
  var promptFindMapLatLang = [{
    label: "Choose Prompt",
    value: ''
  }, {
    "label": "Libraries in Boston",
    "value": "Find libraries in Boston."
  }, {
    "label": "Malls in LA",
    "value": "List shopping malls in Los Angeles."
  }, {
    "label": "Beaches in Miami",
    "value": "Provide the locations of beaches in Miami."
  }, {
    "label": "Museums in Rome",
    "value": "Find museums in Rome."
  }, {
    "label": "Coffee Shops Seattle",
    "value": "Identify top-rated coffee shops in Seattle."
  }, {
    "label": "Parks in Sydney",
    "value": "Locate popular parks in Sydney."
  }, {
    "label": "Schools in Chicago",
    "value": "Find schools in Chicago."
  }, {
    "label": "Gyms in Houston",
    "value": "Provide details of gyms in Houston."
  }, {
    "label": "Hospitals in Tokyo",
    "value": "List hospitals in Tokyo."
  }, {
    "label": "Stations in Berlin",
    "value": "Find train stations in Berlin."
  }];
  var promptGenerateTestimonial = [{
    label: "Choose Prompt",
    value: ''
  }, {
    label: "Create 5 testimonials",
    value: "Create 5 testimonials where each item has the person's name, their job role, a short message praising the efficiency of the service, and their website link."
  }, {
    label: "Write  4 testimonials",
    value: "Write  4 testimonials, Include the name, role, an inspiring message about how the product improved their workflow, and their website."
  }, {
    label: "Generate  6 testimonial",
    value: "Generate  6 testimonial entries with the following structure: name, role, a message about the exceptional customer service, and a website."
  }];
  var promptGenerateListItems = [{
    label: "Choose Prompt",
    value: ''
  }, {
    label: "Best smartphones 2024",
    value: "Generate list items for 5 best smartphones."
  }, {
    label: "Best Black Friday deals",
    value: "Generate list items for 5 Black Friday deals about ."
  }, {
    label: "Best Christmas gifts",
    value: "Generate list items for 5 Christmas gifts."
  }, {
    label: "Best vacuum for pet hair",
    value: "Generate list items for 5 vacuum for pet hair."
  }, {
    label: "Best running shoes",
    value: "Generate list items for 5 running shoes brands."
  }, {
    label: "Best  coffee maker",
    value: "Generate list items for 5  coffee maker brands."
  }, {
    label: "Best  mobile games",
    value: "Generate list items for 5  mobile games brands."
  }];
  var promptGenerateFaqsItems = [{
    label: "Choose Prompt",
    value: ''
  }, {
    "label": "COVID-19 Vaccines FAQs",
    "value": "FAQs about COVID-19 vaccines"
  }, {
    "label": "Passport Renewal FAQs",
    "value": "FAQs about passport renewal"
  }, {
    "label": "Student Loans FAQs",
    "value": "FAQs about student loans"
  }, {
    "label": "Windows 11 Upgrade FAQs",
    "value": "FAQs about Windows 11 upgrade"
  }, {
    "label": "Cloud Storage FAQs",
    "value": "FAQs about cloud storage"
  }, {
    "label": "Small Business Tax Deductions FAQs",
    "value": "FAQs about small business tax deductions"
  }, {
    "label": "Starting an LLC FAQs",
    "value": "FAQs about starting an LLC"
  }, {
    "label": "Travel Insurance FAQs",
    "value": "FAQs about travel insurance"
  }, {
    "label": "Fitness Trackers FAQs",
    "value": "FAQs about fitness trackers"
  }, {
    "label": "Online Dating FAQs",
    "value": "FAQs about online dating"
  }];
  var promptGenerateImages = [{
    label: "Choose Prompt",
    value: ''
  }, {
    label: "Futuristic Office",
    value: "A futuristic representation of digital marketing services in a sleek, high-tech office environment. Large holographic screens display vibrant visuals of analytics dashboards, SEO graphs, social media networks, and ad performance metrics. The scene includes advanced devices, glowing neon lights in blue and white tones, and a holographic globe symbolizing global connectivity. Professionals are engaged in a collaborative discussion, surrounded by an atmosphere of innovation and cutting-edge technology."
  }, {
    label: "Digital Collage",
    value: "An artistic digital collage representing digital marketing services. The image features floating holographic elements such as email icons, social media logos, SEO gears, and pay-per-click buttons interconnected by glowing circuits. In the background, a dark yet dynamic gradient of blues and purples gives a futuristic vibe. The central focus is on a 3D holographic Earth radiating light, symbolizing global outreach and the power of technology in marketing."
  }, {
    label: "Tech Network",
    value: "A visually captivating concept of digital marketing as a futuristic network. The scene shows glowing lines forming a web of interconnected data points, with keywords like 'SEO,' 'Content,' 'PPC,' and 'Analytics' illuminated within the network. The background features a glowing cityscape with high-tech elements and a professional marketer using augmented reality glasses to interact with holographic dashboards. The colors are rich and vibrant, highlighting the sophistication of advanced digital services."
  }];
  var promptTones = [{
    label: "Choose Tone",
    value: ''
  }, {
    label: "Professional",
    value: "Use a professional tone that is formal, polished, and suitable for business or academic audiences."
  }, {
    label: "Conversational",
    value: "Use a conversational tone that feels friendly and approachable, as if talking to a friend."
  }, {
    label: "Enthusiastic",
    value: "Use an enthusiastic tone that is lively and energetic, conveying excitement and passion."
  }, {
    label: "Inspirational",
    value: "Use an inspirational tone that motivates and encourages readers with positive language."
  }, {
    label: "Humorous",
    value: "Use a humorous tone that is light-hearted and funny, adding a playful touch to the text."
  }, {
    label: "Empathetic",
    value: "Use an empathetic tone that is compassionate and understanding, showing care for the reader's feelings."
  }, {
    label: "Authoritative",
    value: "Use an authoritative tone that is confident and knowledgeable, establishing expertise on the topic."
  }, {
    label: "Persuasive",
    value: "Use a persuasive tone that encourages the reader to take action or agree with a particular viewpoint."
  }, {
    label: "Poetic",
    value: "Use a poetic tone that is creative and expressive, using figurative language and flow for a lyrical effect."
  }, {
    label: "Informal",
    value: "Use an informal tone that is casual and relaxed, suitable for friendly or relatable content."
  }];
  var promptLangs = [{
    label: "Language",
    value: ''
  }, {
    label: "English",
    value: "English"
  }, {
    label: "Spanish",
    value: "Spanish"
  }, {
    label: "French",
    value: "French"
  }, {
    label: "German",
    value: "German"
  }, {
    label: "Italian",
    value: "Italian"
  }, {
    label: "Portuguese",
    value: "Portuguese"
  }, {
    label: "Dutch",
    value: "Dutch"
  }, {
    label: "Russian",
    value: "Russian"
  }, {
    label: "Chinese",
    value: "Chinese"
  }, {
    label: "Japanese",
    value: "Japanese"
  }, {
    label: "Korean",
    value: "Korean"
  }, {
    label: "Arabic",
    value: "Arabic"
  }, {
    label: "Hindi",
    value: "Hindi"
  }, {
    label: "Bengali",
    value: "Bengali"
  }, {
    label: "Urdu",
    value: "Urdu"
  }, {
    label: "Turkish",
    value: "Turkish"
  }, {
    label: "Persian",
    value: "Persian"
  }, {
    label: "Swedish",
    value: "Swedish"
  }, {
    label: "Norwegian",
    value: "Norwegian"
  }, {
    label: "Danish",
    value: "Danish"
  }, {
    label: "Polish",
    value: "Polish"
  }, {
    label: "Greek",
    value: "Greek"
  }, {
    label: "Hebrew",
    value: "Hebrew"
  }, {
    label: "Finnish",
    value: "Finnish"
  }, {
    label: "Czech",
    value: "Czech"
  }, {
    label: "Hungarian",
    value: "Hungarian"
  }, {
    label: "Romanian",
    value: "Romanian"
  }, {
    label: "Indonesian",
    value: "Indonesian"
  }, {
    label: "Thai",
    value: "Thai"
  }, {
    label: "Vietnamese",
    value: "Vietnamese"
  }, {
    label: "Filipino",
    value: "Filipino"
  }, {
    label: "Malay",
    value: "Malay"
  }, {
    label: "Ukrainian",
    value: "Ukrainian"
  }, {
    label: "Serbian",
    value: "Serbian"
  }, {
    label: "Croatian",
    value: "Croatian"
  }, {
    label: "Bulgarian",
    value: "Bulgarian"
  }, {
    label: "Slovak",
    value: "Slovak"
  }, {
    label: "Catalan",
    value: "Catalan"
  }, {
    label: "Estonian",
    value: "Estonian"
  }, {
    label: "Latvian",
    value: "Latvian"
  }, {
    label: "Lithuanian",
    value: "Lithuanian"
  }, {
    label: "Slovenian",
    value: "Slovenian"
  }];
  var promptBlogheadings = [{
    label: "Choose Prompt",
    value: ''
  }, {
    label: "Introduction to the Topic",
    value: "Write a blog section heading that introduces the topic and captures readers' attention."
  }, {
    label: "Background Information",
    value: "Write a blog section heading for providing background information and setting context."
  }, {
    label: "Main Benefits or Advantages",
    value: "Write a blog section heading that highlights the main benefits or advantages of the topic."
  }, {
    label: "Common Challenges or Issues",
    value: "Write a blog section heading that addresses common challenges or issues related to the topic."
  }, {
    label: "Step-by-Step Guide or Instructions",
    value: "Write a blog section heading for a step-by-step guide or instructions on how to achieve something."
  }, {
    label: "Case Study or Real-Life Example",
    value: "Write a blog section heading introducing a case study or real-life example."
  }, {
    label: "Expert Tips and Best Practices",
    value: "Write a blog section heading for sharing expert tips and best practices on the topic."
  }, {
    label: "FAQs or Frequently Asked Questions",
    value: "Write a blog section heading that introduces a frequently asked questions (FAQs) section."
  }, {
    label: "Future Trends or Predictions",
    value: "Write a blog section heading that discusses future trends or predictions related to the topic."
  }, {
    label: "Conclusion and Key Takeaways",
    value: "Write a blog section heading that summarizes the key points and concludes the blog."
  }];
  var promptIntroductions = [{
    label: "Choose Prompt",
    value: ''
  }, {
    label: "Introduction for {objectName} beginners",
    value: "Write an engaging introduction for a blog post about {objectName} for beginners"
  }, {
    label: "{objectName} benefits in business",
    value: "Generate an introductory paragraph for a blog post explaining the benefits of {objectName} in business"
  }, {
    label: "{objectName}'s impact on daily life",
    value: "Create a catchy blog introduction about the impact of {objectName} on daily life"
  }, {
    label: "{objectName} transforming healthcare",
    value: "Write a friendly introduction for a blog post on how {objectName} is transforming healthcare"
  }, {
    label: "{objectName} ethics introduction",
    value: "Generate a professional and informative introduction for a blog post on {objectName} ethics"
  }, {
    label: "Basics of {objectName}",
    value: "Write a compelling blog introduction explaining the basics of {objectName} to a general audience"
  }, {
    label: "{objectName} in education for teachers",
    value: "Generate a blog intro for a post about {objectName} in education, aimed at teachers"
  }, {
    label: "{objectName} tools for marketers",
    value: "Create a blog introduction for an article on {objectName} tools that marketers can use"
  }, {
    label: "Future of {objectName} potential",
    value: "Write an inspiring introduction for a blog post on the future potential of {objectName}"
  }, {
    label: "{objectName} development challenges",
    value: "Generate a blog introduction that highlights the challenges and opportunities in {objectName} development"
  }];
  var promptConclusions = [{
    label: "Choose Prompt",
    value: ''
  }, {
    "label": "Conclusion for Beginners",
    "value": "Write a thoughtful conclusion for a blog post about {objectName} for beginners"
  }, {
    "label": "Business Benefits Conclusion",
    "value": "Generate a compelling conclusion for a blog post on the benefits of {objectName} in business"
  }, {
    "label": "Daily Life Impact Conclusion",
    "value": "Create a motivating conclusion for a blog post on the impact of {objectName} on daily life"
  }, {
    "label": "Healthcare Transformation",
    "value": "Write a hopeful conclusion for a blog post about {objectName} transforming healthcare"
  }, {
    "label": "Ethics Conclusion",
    "value": "Generate a thought-provoking conclusion on a blog post about {objectName} ethics"
  }, {
    "label": "Machine Learning Basics",
    "value": "Write a clear and encouraging conclusion for a blog post on the basics of machine learning"
  }, {
    "label": "Education Call to Action",
    "value": "Generate a conclusion for a blog post about {objectName} in education, with a call to action for teachers"
  }, {
    "label": "Marketing Tools Conclusion",
    "value": "Create a persuasive conclusion for a blog post about {objectName} tools for marketers"
  }, {
    "label": "Future Potential",
    "value": "Write an inspiring conclusion that summarizes the future potential of {objectName}"
  }, {
    "label": "Challenges and Opportunities",
    "value": "Generate a reflective conclusion for a blog post discussing challenges and opportunities in {objectName} development"
  }];
  var promptCallToActions = [{
    label: "Choose Prompt",
    value: ''
  }, {
    "label": "Explore for Beginners",
    "value": "Write a call-to-action encouraging readers to explore {objectName} resources for beginners"
  }, {
    "label": "Learn More in Business",
    "value": "Generate a call-to-action for a blog post on the benefits of {objectName} in business, prompting readers to learn more"
  }, {
    "label": "Share Impact Stories",
    "value": "Create a call-to-action that invites readers to share how {objectName} impacts their daily lives"
  }, {
    "label": "Healthcare Consideration",
    "value": "Write a call-to-action encouraging healthcare professionals to consider {objectName} solutions"
  }, {
    "label": "Discuss Ethics",
    "value": "Generate a call-to-action for a blog post on {objectName} ethics, prompting readers to join the discussion"
  }, {
    "label": "Try ML Project",
    "value": "Write a call-to-action encouraging readers to try a beginner-friendly machine learning project"
  }, {
    "label": "Teachers Try Tools",
    "value": "Generate a call-to-action for a blog post on {objectName} in education, inviting teachers to implement {objectName} tools"
  }, {
    "label": "Marketers Explore Tools",
    "value": "Create a call-to-action encouraging marketers to explore {objectName} tools"
  }, {
    "label": "Learn Future Potential",
    "value": "Write a call-to-action inviting readers to explore the future potential of {objectName}"
  }, {
    "label": "Discuss Challenges",
    "value": "Generate a call-to-action for a blog post discussing challenges and opportunities in {objectName} development"
  }];
  var promptSocialMediaArgs = [{
    label: "Choose Prompt",
    value: ''
  }, {
    label: "Announce a New Product",
    value: "Create a social media post announcing our {objectName}, emphasizing its unique features and the value it brings to our customers. Make it exciting and visually engaging."
  }, {
    label: "Share a Customer Success Story",
    value: "Write a social media post sharing a success story from one of our customers, showcasing how our {objectName} made a positive impact on their life. Keep it heartfelt and inspiring."
  }, {
    label: "Promote an Upcoming Event",
    value: "Draft a social media post inviting followers to our upcoming event. Highlight the main attractions, date, and time, and encourage users to RSVP or register. Make it sound exclusive and exciting!"
  }, {
    label: "Provide a Quick Tip or How-To",
    value: "Create a social media post sharing a quick tip or 'how-to' related to our {objectName}. Make it useful, easy to follow, and engaging, so users feel compelled to try it themselves."
  }, {
    label: "Share a Fun Fact or Trivia",
    value: "Write a social media post that shares a fun fact or trivia about our industry or product. Keep it short, surprising, and engaging to encourage followers to like and share."
  }, {
    label: "Ask an Engaging Question",
    value: "Create a social media post that asks an open-ended question to engage our followers, related to our industry or product. Make it lighthearted and encourage comments."
  }, {
    label: "Offer a Behind-the-Scenes Look",
    value: "Write a social media post that offers a behind-the-scenes look at our team or process. Keep it friendly and authentic, helping followers feel more connected to our brand."
  }, {
    label: "Highlight a Limited-Time Offer",
    value: "Draft a social media post promoting a limited-time offer or discount. Create a sense of urgency, and emphasize the savings and value, encouraging quick action."
  }, {
    label: "Share a Positive Customer Review",
    value: "Create a social media post featuring a glowing customer review or testimonial. Highlight key phrases from the review and express gratitude for the customer’s support."
  }, {
    label: "Celebrate a Milestone or Achievement",
    value: "Write a social media post celebrating a company milestone or achievement, such as an anniversary or sales goal. Keep it positive and thank followers for their support."
  }];
  var promptRewriteArgs = [{
    label: "Choose Prompt",
    value: ''
  }, {
    label: "Rewrite in a Formal Tone",
    value: "Rewrite the following text in a formal tone: '{current_text}'"
  }, {
    label: "Simplify Language for Clarity",
    value: "Rewrite the following text in simpler language, making it easy to understand: '{current_text}'"
  }, {
    label: "Make it Sound Enthusiastic",
    value: "Rewrite the following text to sound more enthusiastic and engaging: '{current_text}'"
  }, {
    label: "Rewrite for Conciseness",
    value: "Rewrite the following text to make it more concise and to the point: '{current_text}'"
  }, {
    label: "Rephrase in a Storytelling Style",
    value: "Rewrite the following text in a storytelling style, making it more narrative: '{current_text}'"
  }, {
    label: "Add Humor to the Text",
    value: "Rewrite the following text to add a touch of humor while keeping the main message: '{current_text}'"
  }, {
    label: "Adjust for a Persuasive Tone",
    value: "Rewrite the following text to make it more persuasive and compelling: '{current_text}'"
  }, {
    label: "Transform into a Question Format",
    value: "Rewrite the following text as a series of questions to engage the reader: '{current_text}'"
  }, {
    label: "Rewrite in Third-Person Perspective",
    value: "Rewrite the following text in the third-person perspective, as if describing someone else's experience: '{current_text}'"
  }, {
    label: "Use Poetic Language",
    value: "Rewrite the following text in a poetic or lyrical style, adding figurative language and flow: '{current_text}'"
  }];
  var promptExtendArgs = [{
    label: "Choose Prompt",
    value: ''
  }, {
    label: "Add Descriptive Details",
    value: "Extend the following text by adding descriptive details and imagery: '{current_text}'. Make it more vivid and engaging."
  }, {
    label: "Provide Background Context",
    value: "Extend the following text by adding relevant background information and context: '{current_text}'. Explain the background, so readers understand its origins or reasons behind it."
  }, {
    label: "Add Examples and Analogies",
    value: "Extend the following text by including examples and analogies to clarify the main points: '{current_text}'. Help the reader relate to it with clear examples."
  }, {
    label: "Explain Implications and Applications",
    value: "Extend the following text by discussing its implications and potential applications: '{current_text}'. Explain how this can be applied in different scenarios and its significance."
  }, {
    label: "Add Historical or Cultural Significance",
    value: "Extend the following text by adding historical or cultural significance to enrich the topic: '{current_text}'. Provide details on how this has evolved or been influenced by history or culture."
  }, {
    label: "Include Future Prospects or Predictions",
    value: "Extend the following text by speculating on future prospects or predictions related to this topic: '{current_text}'. Describe potential future developments or changes that might arise."
  }, {
    label: "Incorporate Related Statistics or Data",
    value: "Extend the following text by adding relevant statistics or data to support the main ideas: '{current_text}'. Include any numbers or data that provide evidence."
  }, {
    label: "Expand on Possible Challenges or Drawbacks",
    value: "Extend the following text by discussing possible challenges or drawbacks of the topic: '{current_text}'. Consider what potential issues or limitations exist."
  }, {
    label: "Describe Benefits and Advantages",
    value: "Extend the following text by adding the benefits and advantages it offers: '{current_text}'. Explain what makes this beneficial and appealing."
  }, {
    label: "Suggest Practical Tips or Steps for Implementation",
    value: "Extend the following text by suggesting practical tips or steps for implementing this concept: '{current_text}'. Include actionable advice on how to achieve it."
  }];
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
    className: " mt-4",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
      className: "flex items-center gap-2",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
        label: "",
        value: promptPrams.action,
        options: promptActions,
        onChange: newVal => {
          setpromptPrams({
            ...promptPrams,
            action: newVal
          });
        }
      }), promptPrams.action == "generateImage" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
        label: "",
        value: "",
        options: promptGenerateImages,
        onChange: newVal => {
          setpromptPrams({
            ...promptPrams,
            promt: newVal
          });
        }
      }), promptPrams.action == "write" && /*#__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)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
          label: "",
          value: promptPrams.objective,
          options: promptObjectives,
          onChange: newVal => {
            setpromptPrams({
              ...promptPrams,
              objective: newVal
            });
          }
        }), promptPrams.objective == "introduction" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
          label: "",
          value: "",
          options: promptIntroductions,
          onChange: newVal => {
            //setpromptPrams({ ...promptPrams, rewrite: newVal })
            setpromptPrams({
              ...promptPrams,
              promt: newVal
            });
          }
        }), promptPrams.objective == "blogHeading" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
          label: "",
          value: "",
          options: promptBlogheadings,
          onChange: newVal => {
            setpromptPrams({
              ...promptPrams,
              promt: newVal
            });
          }
        }), promptPrams.objective == "generateTeamMembers" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
          label: "",
          value: "",
          options: promptGenerateTeamMembers,
          onChange: newVal => {
            setpromptPrams({
              ...promptPrams,
              promt: newVal
            });
          }
        }), promptPrams.objective == "findLatLong" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
          label: "",
          value: "",
          options: promptFindMapLatLang,
          onChange: newVal => {
            setpromptPrams({
              ...promptPrams,
              promt: newVal
            });
          }
        }), promptPrams.objective == "generateTestimonials" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
          label: "",
          value: "",
          options: promptGenerateTestimonial,
          onChange: newVal => {
            setpromptPrams({
              ...promptPrams,
              promt: newVal
            });
          }
        }), promptPrams.objective == "generateFAQ" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
          label: "",
          value: "",
          options: promptGenerateFaqsItems,
          onChange: newVal => {
            setpromptPrams({
              ...promptPrams,
              promt: newVal
            });
          }
        }), promptPrams.objective == "generateListItems" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
          label: "",
          value: "",
          options: promptGenerateListItems,
          onChange: newVal => {
            setpromptPrams({
              ...promptPrams,
              promt: newVal
            });
          }
        }), promptPrams.objective == "socialMedia" && /*#__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)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
            label: "",
            value: "",
            options: promptSocialSites,
            onChange: newVal => {
              //setpromptPrams({ ...promptPrams, rewrite: newVal })
              setpromptPrams({
                ...promptPrams,
                socialSite: newVal
              });
            }
          }), promptPrams.socialSite == "" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
              label: "",
              value: "",
              options: promptSocialMediaArgs,
              onChange: newVal => {
                //setpromptPrams({ ...promptPrams, rewrite: newVal })
                setpromptPrams({
                  ...promptPrams,
                  promt: newVal
                });
              }
            })
          }), promptPrams.socialSite == "Facebook" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment, {
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
              label: "",
              value: "",
              options: promptSocialFacebook,
              onChange: newVal => {
                //setpromptPrams({ ...promptPrams, rewrite: newVal })
                setpromptPrams({
                  ...promptPrams,
                  promt: newVal
                });
              }
            })
          })]
        }), promptPrams.objective == "conslusion" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
          label: "",
          value: "",
          options: promptConclusions,
          onChange: newVal => {
            //setpromptPrams({ ...promptPrams, rewrite: newVal })
            setpromptPrams({
              ...promptPrams,
              promt: newVal
            });
          }
        }), promptPrams.objective == "callToAction" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
          label: "",
          value: "",
          options: promptCallToActions,
          onChange: newVal => {
            //setpromptPrams({ ...promptPrams, rewrite: newVal })
            setpromptPrams({
              ...promptPrams,
              promt: newVal
            });
          }
        })]
      }), promptPrams.action == "rewrite" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
        label: "",
        value: "",
        options: promptRewriteArgs,
        onChange: newVal => {
          setpromptPrams({
            ...promptPrams,
            promt: newVal
          });
        }
      }), promptPrams.action == "extend" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
        label: "",
        value: "",
        options: promptExtendArgs,
        onChange: newVal => {
          setpromptPrams({
            ...promptPrams,
            promt: newVal
          });
        }
      })]
    }), (promptPrams.objective == "generateTeamMembers" || promptPrams.objective == "generateTestimonials" || promptPrams.objective == "generateFAQ" || promptPrams.objective == "generateListItems") && /*#__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)("label", {
        for: "",
        children: "Keywords"
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalInputControl, {
        className: "w-full",
        value: promptPrams.keywords,
        onChange: newVal => {
          setpromptPrams({
            ...promptPrams,
            keywords: newVal
          });
        }
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("label", {
        for: "",
        children: "Services"
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalInputControl, {
        className: "w-full",
        value: promptPrams.services,
        onChange: newVal => {
          setpromptPrams({
            ...promptPrams,
            services: newVal
          });
        }
      })]
    }), (promptPrams.objective == "blogHeading" || promptPrams.objective == "socialMedia" || promptPrams.objective == "introduction" || promptPrams.objective == "conslusion" || promptPrams.objective == "callToAction") && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("label", {
        for: "",
        children: "Keywords"
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalInputControl, {
        className: "w-full",
        value: promptPrams.keywords,
        onChange: newVal => {
          setpromptPrams({
            ...promptPrams,
            keywords: newVal
          });
        }
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("label", {
        for: "",
        children: "Services"
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalInputControl, {
        className: "w-full",
        value: promptPrams.services,
        onChange: newVal => {
          setpromptPrams({
            ...promptPrams,
            services: newVal
          });
        }
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("label", {
        for: "",
        children: "Object Name"
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalInputControl, {
        className: "w-full",
        value: promptPrams.objectName,
        onChange: newVal => {
          setpromptPrams({
            ...promptPrams,
            objectName: newVal
          });
        }
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("label", {
        for: "",
        children: "Object Founded Year"
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalInputControl, {
        className: "w-full",
        value: promptPrams.objectFoundedYear,
        onChange: newVal => {
          setpromptPrams({
            ...promptPrams,
            objectFoundedYear: newVal
          });
        }
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
      className: "flex items-center gap-2 my-3",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
        label: "",
        value: promptPrams.aiModel,
        options: promptModels,
        onChange: newVal => {
          setpromptPrams({
            ...promptPrams,
            aiModel: newVal
          });
        }
      }), (promptPrams.action == 'write' || promptPrams.action == 'rewrite' || promptPrams.action == 'extend') && /*#__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)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
          label: "",
          value: promptPrams.tone,
          options: promptTones,
          onChange: newVal => {
            setpromptPrams({
              ...promptPrams,
              tone: newVal
            });
          }
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
          label: "",
          value: promptPrams.audience,
          options: promptAudiences,
          onChange: newVal => {
            setpromptPrams({
              ...promptPrams,
              audience: newVal
            });
          }
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
          label: "",
          value: promptPrams.language,
          options: promptLangs,
          onChange: newVal => {
            setpromptPrams({
              ...promptPrams,
              language: newVal
            });
          }
        })]
      }), promptPrams.action == 'generateImage' && /*#__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)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
          label: "",
          value: promptPrams.imageSize,
          options: promptImageSizes,
          onChange: newVal => {
            setpromptPrams({
              ...promptPrams,
              imageSize: newVal
            });
          }
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalInputControl, {
          className: "w-32 mb-2",
          value: promptPrams.imageCount,
          onChange: newVal => {
            setpromptPrams({
              ...promptPrams,
              imageCount: newVal
            });
          }
        })]
      }), (promptPrams.action == 'write' || promptPrams.action == 'rewrite' || promptPrams.action == 'extend') && /*#__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)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.SelectControl, {
          label: "",
          value: promptPrams.lengthType,
          options: promptLengthTypes,
          onChange: newVal => {
            setpromptPrams({
              ...promptPrams,
              lengthType: newVal
            });
          }
        }), promptPrams?.lengthType.length > 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.__experimentalInputControl, {
          className: "w-32 mb-2",
          value: promptPrams.length,
          onChange: newVal => {
            setpromptPrams({
              ...promptPrams,
              length: newVal
            });
          }
        })]
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
      className: "",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5__.RichText, {
        tagName: "div",
        className: "h-[150px] bg-slate-400 p-2 overflow-y-scroll",
        value: openAiPrams.promt,
        allowedFormats: ["core/bold", "core/italic", "core/link"],
        onChange: value => {
          setopenAiPrams({
            ...openAiPrams,
            promt: value
          });
        },
        placeholder: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Start Writing...")
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
        className: "flex items-center gap-3 my-3",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
          className: "cursor-pointer text-center my-3 bg-gray-700 hover:bg-gray-600 rounded-sm text-white px-3 py-2",
          onClick: ev => {
            getGTP();
          },
          children: [isLoading && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("span", {
            children: [" ", (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Please wait...", "accordions")]
          }), !isLoading && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("span", {
            children: [" ", (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Get Response", "accordions")]
          }), isLoading && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.Spinner, {})]
        }), (promptPrams.action == 'write' || promptPrams.action == 'rewrite' || promptPrams.action == 'extend') && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_2__.ToggleControl, {
            label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Auto Update?", "accordions"),
            className: "mt-3",
            checked: openAiPrams.autoUpdate ? true : false,
            onChange: e => {
              setopenAiPrams({
                ...openAiPrams,
                autoUpdate: !openAiPrams.autoUpdate
              });
            }
          })
        })]
      }), openAiPrams.reponse != null && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
        children: [promptPrams.action == 'generateImage' && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("img", {
              src: openAiPrams.reponse,
              alt: ""
            })
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
            className: "flex items-center gap-2",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
              className: "cursor-pointer text-center my-3 bg-gray-700 hover:bg-gray-600 rounded-sm text-white px-3 py-2",
              onClick: ev => {
                //var options = { ...text.options, content: openAiPrams.reponse };
                //setAttributes({ text: { ...text, options: options } });
                props.clickHandle(openAiPrams.reponse, "setAsUrl");
              },
              children: "Set as URL"
            })
          })]
        }), (promptPrams.action == 'write' || promptPrams.action == 'rewrite' || promptPrams.action == 'extend') && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
            className: "cursor-pointer whitespace-pre-line p-2 hover:bg-gray-200",
            title: "Click to replace text.",
            children: openAiPrams.reponse
          }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
            className: "flex items-center gap-3",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
              className: "cursor-pointer text-center my-3 bg-gray-700 hover:bg-gray-600 rounded-sm text-white px-3 py-2",
              onClick: ev => {
                //var options = { ...text.options, content: openAiPrams.reponse };
                //setAttributes({ text: { ...text, options: options } });
                props.clickHandle(openAiPrams.reponse, "prepend");
              },
              children: "Prepend"
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
              className: "cursor-pointer text-center my-3 bg-gray-700 hover:bg-gray-600 rounded-sm text-white px-3 py-2",
              onClick: ev => {
                //var options = { ...text.options, content: openAiPrams.reponse };
                //setAttributes({ text: { ...text, options: options } });
                props.clickHandle(openAiPrams.reponse, "append");
              },
              children: "Append"
            }), " ", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
              className: "cursor-pointer text-center my-3 bg-gray-700 hover:bg-gray-600 rounded-sm text-white px-3 py-2",
              onClick: ev => {
                //var options = { ...text.options, content: openAiPrams.reponse };
                //setAttributes({ text: { ...text, options: options } });
                props.clickHandle(openAiPrams.reponse, "replace");
              },
              children: "Repalce"
            })]
          })]
        })]
      })]
    })]
  });
}
class PGcssOpenaiPrompts extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      onResponseLoaded,
      clickHandle,
      value,
      autoUpdate,
      formattedPrompt,
      isImage,
      promptsAgs
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(Html, {
      promptsAgs: promptsAgs,
      isImage: isImage,
      formattedPrompt: formattedPrompt,
      autoUpdate: autoUpdate,
      value: value,
      onResponseLoaded: onResponseLoaded,
      clickHandle: clickHandle,
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGcssOpenaiPrompts);

/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_hooks__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/hooks */ "@wordpress/hooks");
/* harmony import */ var _wordpress_hooks__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_hooks__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_133__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_134__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/close.js");
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_135__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/library/arrow-right.js");
/* harmony import */ var _components_dropdown__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../components/dropdown */ "./src/components/dropdown/index.js");
/* harmony import */ var _components_dropdown_sudo_selector__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/dropdown-sudo-selector */ "./src/components/dropdown-sudo-selector/index.js");
/* harmony import */ var _components_css_align_content__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/css-align-content */ "./src/components/css-align-content/index.js");
/* harmony import */ var _components_css_align_items__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../components/css-align-items */ "./src/components/css-align-items/index.js");
/* harmony import */ var _components_css_align_self__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/css-align-self */ "./src/components/css-align-self/index.js");
/* harmony import */ var _components_css_aspect_ratio__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../components/css-aspect-ratio */ "./src/components/css-aspect-ratio/index.js");
/* harmony import */ var _components_css_backface_visibility__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../components/css-backface-visibility */ "./src/components/css-backface-visibility/index.js");
/* harmony import */ var _components_css_background_attachment__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../components/css-background-attachment */ "./src/components/css-background-attachment/index.js");
/* harmony import */ var _components_css_background_blend_mode__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../components/css-background-blend-mode */ "./src/components/css-background-blend-mode/index.js");
/* harmony import */ var _components_css_background_clip__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../components/css-background-clip */ "./src/components/css-background-clip/index.js");
/* harmony import */ var _components_css_background_color__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../components/css-background-color */ "./src/components/css-background-color/index.js");
/* harmony import */ var _components_css_bg_color__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../components/css-bg-color */ "./src/components/css-bg-color/index.js");
/* harmony import */ var _components_css_background_image__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../components/css-background-image */ "./src/components/css-background-image/index.js");
/* harmony import */ var _components_css_background_origin__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../components/css-background-origin */ "./src/components/css-background-origin/index.js");
/* harmony import */ var _components_css_background_position__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../components/css-background-position */ "./src/components/css-background-position/index.js");
/* harmony import */ var _components_css_background_repeat__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../components/css-background-repeat */ "./src/components/css-background-repeat/index.js");
/* harmony import */ var _components_css_background_size__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../components/css-background-size */ "./src/components/css-background-size/index.js");
/* harmony import */ var _components_css_border__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../components/css-border */ "./src/components/css-border/index.js");
/* harmony import */ var _components_css_border_top__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../../components/css-border-top */ "./src/components/css-border-top/index.js");
/* harmony import */ var _components_css_border_right__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../../components/css-border-right */ "./src/components/css-border-right/index.js");
/* harmony import */ var _components_css_border_bottom__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../../components/css-border-bottom */ "./src/components/css-border-bottom/index.js");
/* harmony import */ var _components_css_border_left__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../../components/css-border-left */ "./src/components/css-border-left/index.js");
/* harmony import */ var _components_css_border_radius__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../../components/css-border-radius */ "./src/components/css-border-radius/index.js");
/* harmony import */ var _components_css_border_image__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../../components/css-border-image */ "./src/components/css-border-image/index.js");
/* harmony import */ var _components_css_bottom__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../../components/css-bottom */ "./src/components/css-bottom/index.js");
/* harmony import */ var _components_css_border_collapse__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../../components/css-border-collapse */ "./src/components/css-border-collapse/index.js");
/* harmony import */ var _components_css_border_spacing__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../../components/css-border-spacing */ "./src/components/css-border-spacing/index.js");
/* harmony import */ var _components_css_backdrop_filter__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ../../components/css-backdrop-filter */ "./src/components/css-backdrop-filter/index.js");
/* harmony import */ var _components_css_box_shadow__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ../../components/css-box-shadow */ "./src/components/css-box-shadow/index.js");
/* harmony import */ var _components_css_box_sizing__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ../../components/css-box-sizing */ "./src/components/css-box-sizing/index.js");
/* harmony import */ var _components_css_clear__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ../../components/css-clear */ "./src/components/css-clear/index.js");
/* harmony import */ var _components_css_color__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ../../components/css-color */ "./src/components/css-color/index.js");
/* harmony import */ var _components_css_cursor__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ../../components/css-cursor */ "./src/components/css-cursor/index.js");
/* harmony import */ var _components_css_content__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ../../components/css-content */ "./src/components/css-content/index.js");
/* harmony import */ var _components_css_counter_increment__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ../../components/css-counter-increment */ "./src/components/css-counter-increment/index.js");
/* harmony import */ var _components_css_counter_reset__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ../../components/css-counter-reset */ "./src/components/css-counter-reset/index.js");
/* harmony import */ var _components_css_counter_set__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ../../components/css-counter-set */ "./src/components/css-counter-set/index.js");
/* harmony import */ var _components_css_column_count__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ../../components/css-column-count */ "./src/components/css-column-count/index.js");
/* harmony import */ var _components_css_column_rule__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ../../components/css-column-rule */ "./src/components/css-column-rule/index.js");
/* harmony import */ var _components_css_clip__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ../../components/css-clip */ "./src/components/css-clip/index.js");
/* harmony import */ var _components_css_display__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ../../components/css-display */ "./src/components/css-display/index.js");
/* harmony import */ var _components_css_direction__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ../../components/css-direction */ "./src/components/css-direction/index.js");
/* harmony import */ var _components_css_filter__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ../../components/css-filter */ "./src/components/css-filter/index.js");
/* harmony import */ var _components_css_float__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ../../components/css-float */ "./src/components/css-float/index.js");
/* harmony import */ var _components_css_font_family__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ../../components/css-font-family */ "./src/components/css-font-family/index.js");
/* harmony import */ var _components_css_font_size__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(/*! ../../components/css-font-size */ "./src/components/css-font-size/index.js");
/* harmony import */ var _components_css_font_stretch__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! ../../components/css-font-stretch */ "./src/components/css-font-stretch/index.js");
/* harmony import */ var _components_css_font_style__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! ../../components/css-font-style */ "./src/components/css-font-style/index.js");
/* harmony import */ var _components_css_font_weight__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! ../../components/css-font-weight */ "./src/components/css-font-weight/index.js");
/* harmony import */ var _components_css_font_variant_caps__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! ../../components/css-font-variant-caps */ "./src/components/css-font-variant-caps/index.js");
/* harmony import */ var _components_css_flex_wrap__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(/*! ../../components/css-flex-wrap */ "./src/components/css-flex-wrap/index.js");
/* harmony import */ var _components_css_flex_direction__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(/*! ../../components/css-flex-direction */ "./src/components/css-flex-direction/index.js");
/* harmony import */ var _components_css_flex_shrink__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(/*! ../../components/css-flex-shrink */ "./src/components/css-flex-shrink/index.js");
/* harmony import */ var _components_css_flex_basis__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! ../../components/css-flex-basis */ "./src/components/css-flex-basis/index.js");
/* harmony import */ var _components_css_user_select__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ../../components/css-user-select */ "./src/components/css-user-select/index.js");
/* harmony import */ var _components_css_flex_grow__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ../../components/css-flex-grow */ "./src/components/css-flex-grow/index.js");
/* harmony import */ var _components_css_flex_flow__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ../../components/css-flex-flow */ "./src/components/css-flex-flow/index.js");
/* harmony import */ var _components_css_grid_auto_flow__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ../../components/css-grid-auto-flow */ "./src/components/css-grid-auto-flow/index.js");
/* harmony import */ var _components_css_grid_column_end__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(/*! ../../components/css-grid-column-end */ "./src/components/css-grid-column-end/index.js");
/* harmony import */ var _components_css_grid_column_start__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! ../../components/css-grid-column-start */ "./src/components/css-grid-column-start/index.js");
/* harmony import */ var _components_css_grid_row_end__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! ../../components/css-grid-row-end */ "./src/components/css-grid-row-end/index.js");
/* harmony import */ var _components_css_grid_row_start__WEBPACK_IMPORTED_MODULE_65__ = __webpack_require__(/*! ../../components/css-grid-row-start */ "./src/components/css-grid-row-start/index.js");
/* harmony import */ var _components_css_grid_template_columns__WEBPACK_IMPORTED_MODULE_66__ = __webpack_require__(/*! ../../components/css-grid-template-columns */ "./src/components/css-grid-template-columns/index.js");
/* harmony import */ var _components_css_grid_template_rows__WEBPACK_IMPORTED_MODULE_67__ = __webpack_require__(/*! ../../components/css-grid-template-rows */ "./src/components/css-grid-template-rows/index.js");
/* harmony import */ var _components_css_grid_auto_columns__WEBPACK_IMPORTED_MODULE_68__ = __webpack_require__(/*! ../../components/css-grid-auto-columns */ "./src/components/css-grid-auto-columns/index.js");
/* harmony import */ var _components_css_height__WEBPACK_IMPORTED_MODULE_69__ = __webpack_require__(/*! ../../components/css-height */ "./src/components/css-height/index.js");
/* harmony import */ var _components_css_justify_content__WEBPACK_IMPORTED_MODULE_70__ = __webpack_require__(/*! ../../components/css-justify-content */ "./src/components/css-justify-content/index.js");
/* harmony import */ var _components_css_left__WEBPACK_IMPORTED_MODULE_71__ = __webpack_require__(/*! ../../components/css-left */ "./src/components/css-left/index.js");
/* harmony import */ var _components_css_letter_spacing__WEBPACK_IMPORTED_MODULE_72__ = __webpack_require__(/*! ../../components/css-letter-spacing */ "./src/components/css-letter-spacing/index.js");
/* harmony import */ var _components_css_line_height__WEBPACK_IMPORTED_MODULE_73__ = __webpack_require__(/*! ../../components/css-line-height */ "./src/components/css-line-height/index.js");
/* harmony import */ var _components_css_list_style__WEBPACK_IMPORTED_MODULE_74__ = __webpack_require__(/*! ../../components/css-list-style */ "./src/components/css-list-style/index.js");
/* harmony import */ var _components_css_margin__WEBPACK_IMPORTED_MODULE_75__ = __webpack_require__(/*! ../../components/css-margin */ "./src/components/css-margin/index.js");
/* harmony import */ var _components_css_margin_top__WEBPACK_IMPORTED_MODULE_76__ = __webpack_require__(/*! ../../components/css-margin-top */ "./src/components/css-margin-top/index.js");
/* harmony import */ var _components_css_margin_right__WEBPACK_IMPORTED_MODULE_77__ = __webpack_require__(/*! ../../components/css-margin-right */ "./src/components/css-margin-right/index.js");
/* harmony import */ var _components_css_margin_bottom__WEBPACK_IMPORTED_MODULE_78__ = __webpack_require__(/*! ../../components/css-margin-bottom */ "./src/components/css-margin-bottom/index.js");
/* harmony import */ var _components_css_margin_left__WEBPACK_IMPORTED_MODULE_79__ = __webpack_require__(/*! ../../components/css-margin-left */ "./src/components/css-margin-left/index.js");
/* harmony import */ var _components_css_max_height__WEBPACK_IMPORTED_MODULE_80__ = __webpack_require__(/*! ../../components/css-max-height */ "./src/components/css-max-height/index.js");
/* harmony import */ var _components_css_max_width__WEBPACK_IMPORTED_MODULE_81__ = __webpack_require__(/*! ../../components/css-max-width */ "./src/components/css-max-width/index.js");
/* harmony import */ var _components_css_min_height__WEBPACK_IMPORTED_MODULE_82__ = __webpack_require__(/*! ../../components/css-min-height */ "./src/components/css-min-height/index.js");
/* harmony import */ var _components_css_min_width__WEBPACK_IMPORTED_MODULE_83__ = __webpack_require__(/*! ../../components/css-min-width */ "./src/components/css-min-width/index.js");
/* harmony import */ var _components_css_perspective__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(/*! ../../components/css-perspective */ "./src/components/css-perspective/index.js");
/* harmony import */ var _components_css_object_fit__WEBPACK_IMPORTED_MODULE_85__ = __webpack_require__(/*! ../../components/css-object-fit */ "./src/components/css-object-fit/index.js");
/* harmony import */ var _components_css_opacity__WEBPACK_IMPORTED_MODULE_86__ = __webpack_require__(/*! ../../components/css-opacity */ "./src/components/css-opacity/index.js");
/* harmony import */ var _components_css_outline__WEBPACK_IMPORTED_MODULE_87__ = __webpack_require__(/*! ../../components/css-outline */ "./src/components/css-outline/index.js");
/* harmony import */ var _components_css_outline_offset__WEBPACK_IMPORTED_MODULE_88__ = __webpack_require__(/*! ../../components/css-outline-offset */ "./src/components/css-outline-offset/index.js");
/* harmony import */ var _components_css_order__WEBPACK_IMPORTED_MODULE_89__ = __webpack_require__(/*! ../../components/css-order */ "./src/components/css-order/index.js");
/* harmony import */ var _components_css_overflow__WEBPACK_IMPORTED_MODULE_90__ = __webpack_require__(/*! ../../components/css-overflow */ "./src/components/css-overflow/index.js");
/* harmony import */ var _components_css_overflow_x__WEBPACK_IMPORTED_MODULE_91__ = __webpack_require__(/*! ../../components/css-overflow-x */ "./src/components/css-overflow-x/index.js");
/* harmony import */ var _components_css_overflow_y__WEBPACK_IMPORTED_MODULE_92__ = __webpack_require__(/*! ../../components/css-overflow-y */ "./src/components/css-overflow-y/index.js");
/* harmony import */ var _components_css_padding__WEBPACK_IMPORTED_MODULE_93__ = __webpack_require__(/*! ../../components/css-padding */ "./src/components/css-padding/index.js");
/* harmony import */ var _components_css_padding_top__WEBPACK_IMPORTED_MODULE_94__ = __webpack_require__(/*! ../../components/css-padding-top */ "./src/components/css-padding-top/index.js");
/* harmony import */ var _components_css_padding_right__WEBPACK_IMPORTED_MODULE_95__ = __webpack_require__(/*! ../../components/css-padding-right */ "./src/components/css-padding-right/index.js");
/* harmony import */ var _components_css_padding_bottom__WEBPACK_IMPORTED_MODULE_96__ = __webpack_require__(/*! ../../components/css-padding-bottom */ "./src/components/css-padding-bottom/index.js");
/* harmony import */ var _components_css_padding_left__WEBPACK_IMPORTED_MODULE_97__ = __webpack_require__(/*! ../../components/css-padding-left */ "./src/components/css-padding-left/index.js");
/* harmony import */ var _components_css_place_items__WEBPACK_IMPORTED_MODULE_98__ = __webpack_require__(/*! ../../components/css-place-items */ "./src/components/css-place-items/index.js");
/* harmony import */ var _components_css_position__WEBPACK_IMPORTED_MODULE_99__ = __webpack_require__(/*! ../../components/css-position */ "./src/components/css-position/index.js");
/* harmony import */ var _components_css_right__WEBPACK_IMPORTED_MODULE_100__ = __webpack_require__(/*! ../../components/css-right */ "./src/components/css-right/index.js");
/* harmony import */ var _components_css_gap__WEBPACK_IMPORTED_MODULE_101__ = __webpack_require__(/*! ../../components/css-gap */ "./src/components/css-gap/index.js");
/* harmony import */ var _components_css_column_gap__WEBPACK_IMPORTED_MODULE_102__ = __webpack_require__(/*! ../../components/css-column-gap */ "./src/components/css-column-gap/index.js");
/* harmony import */ var _components_css_row_gap__WEBPACK_IMPORTED_MODULE_103__ = __webpack_require__(/*! ../../components/css-row-gap */ "./src/components/css-row-gap/index.js");
/* harmony import */ var _components_css_text_align__WEBPACK_IMPORTED_MODULE_104__ = __webpack_require__(/*! ../../components/css-text-align */ "./src/components/css-text-align/index.js");
/* harmony import */ var _components_css_transform_origin__WEBPACK_IMPORTED_MODULE_105__ = __webpack_require__(/*! ../../components/css-transform-origin */ "./src/components/css-transform-origin/index.js");
/* harmony import */ var _components_css_text_decoration__WEBPACK_IMPORTED_MODULE_106__ = __webpack_require__(/*! ../../components/css-text-decoration */ "./src/components/css-text-decoration/index.js");
/* harmony import */ var _components_css_text_indent__WEBPACK_IMPORTED_MODULE_107__ = __webpack_require__(/*! ../../components/css-text-indent */ "./src/components/css-text-indent/index.js");
/* harmony import */ var _components_css_text_justify__WEBPACK_IMPORTED_MODULE_108__ = __webpack_require__(/*! ../../components/css-text-justify */ "./src/components/css-text-justify/index.js");
/* harmony import */ var _components_css_text_overflow__WEBPACK_IMPORTED_MODULE_109__ = __webpack_require__(/*! ../../components/css-text-overflow */ "./src/components/css-text-overflow/index.js");
/* harmony import */ var _components_css_text_shadow__WEBPACK_IMPORTED_MODULE_110__ = __webpack_require__(/*! ../../components/css-text-shadow */ "./src/components/css-text-shadow/index.js");
/* harmony import */ var _components_css_text_transform__WEBPACK_IMPORTED_MODULE_111__ = __webpack_require__(/*! ../../components/css-text-transform */ "./src/components/css-text-transform/index.js");
/* harmony import */ var _components_css_top__WEBPACK_IMPORTED_MODULE_112__ = __webpack_require__(/*! ../../components/css-top */ "./src/components/css-top/index.js");
/* harmony import */ var _components_css_text_align_last__WEBPACK_IMPORTED_MODULE_113__ = __webpack_require__(/*! ../../components/css-text-align-last */ "./src/components/css-text-align-last/index.js");
/* harmony import */ var _components_css_table_layout__WEBPACK_IMPORTED_MODULE_114__ = __webpack_require__(/*! ../../components/css-table-layout */ "./src/components/css-table-layout/index.js");
/* harmony import */ var _components_css_empty_cells__WEBPACK_IMPORTED_MODULE_115__ = __webpack_require__(/*! ../../components/css-empty-cells */ "./src/components/css-empty-cells/index.js");
/* harmony import */ var _components_css_transform__WEBPACK_IMPORTED_MODULE_116__ = __webpack_require__(/*! ../../components/css-transform */ "./src/components/css-transform/index.js");
/* harmony import */ var _components_css_transition__WEBPACK_IMPORTED_MODULE_117__ = __webpack_require__(/*! ../../components/css-transition */ "./src/components/css-transition/index.js");
/* harmony import */ var _components_css_vertical_align__WEBPACK_IMPORTED_MODULE_118__ = __webpack_require__(/*! ../../components/css-vertical-align */ "./src/components/css-vertical-align/index.js");
/* harmony import */ var _components_css_visibility__WEBPACK_IMPORTED_MODULE_119__ = __webpack_require__(/*! ../../components/css-visibility */ "./src/components/css-visibility/index.js");
/* harmony import */ var _components_css_width__WEBPACK_IMPORTED_MODULE_120__ = __webpack_require__(/*! ../../components/css-width */ "./src/components/css-width/index.js");
/* harmony import */ var _components_css_white_space__WEBPACK_IMPORTED_MODULE_121__ = __webpack_require__(/*! ../../components/css-white-space */ "./src/components/css-white-space/index.js");
/* harmony import */ var _components_css_word_break__WEBPACK_IMPORTED_MODULE_122__ = __webpack_require__(/*! ../../components/css-word-break */ "./src/components/css-word-break/index.js");
/* harmony import */ var _components_css_word_spacing__WEBPACK_IMPORTED_MODULE_123__ = __webpack_require__(/*! ../../components/css-word-spacing */ "./src/components/css-word-spacing/index.js");
/* harmony import */ var _components_css_writing_mode__WEBPACK_IMPORTED_MODULE_124__ = __webpack_require__(/*! ../../components/css-writing-mode */ "./src/components/css-writing-mode/index.js");
/* harmony import */ var _components_css_word_wrap__WEBPACK_IMPORTED_MODULE_125__ = __webpack_require__(/*! ../../components/css-word-wrap */ "./src/components/css-word-wrap/index.js");
/* harmony import */ var _components_css_z_index__WEBPACK_IMPORTED_MODULE_126__ = __webpack_require__(/*! ../../components/css-z-index */ "./src/components/css-z-index/index.js");
/* harmony import */ var _breakpoints__WEBPACK_IMPORTED_MODULE_127__ = __webpack_require__(/*! ../../breakpoints */ "./src/breakpoints.js");
/* harmony import */ var _components_icon_toggle__WEBPACK_IMPORTED_MODULE_128__ = __webpack_require__(/*! ../../components/icon-toggle */ "./src/components/icon-toggle/index.js");
/* harmony import */ var _css_animation_name__WEBPACK_IMPORTED_MODULE_129__ = __webpack_require__(/*! ../css-animation-name */ "./src/components/css-animation-name/index.js");
/* harmony import */ var _css_webkit_text_fill_color__WEBPACK_IMPORTED_MODULE_130__ = __webpack_require__(/*! ../css-webkit-text-fill-color */ "./src/components/css-webkit-text-fill-color/index.js");
/* harmony import */ var _css_caption_side__WEBPACK_IMPORTED_MODULE_131__ = __webpack_require__(/*! ../css-caption-side */ "./src/components/css-caption-side/index.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__);
const {
  Component,
  RawHTML
} = wp.element;






































// import PGcssClip from '../../components/css-clip'
// import PGcssClipPath from '../../components/css-clip-path'




























































































var myStore = wp.data.select("postgrid-shop");






function Html(props) {
  if (!props.warn) {
    return null;
  }
  var sudoScourceArgsBasic = {
    styles: {
      label: "Idle",
      value: "styles"
    },
    hover: {
      label: "Hover",
      value: "hover"
    },
    after: {
      label: "After",
      value: "after"
    },
    before: {
      label: "Before",
      value: "before",
      isPro: true
    },
    active: {
      label: "Active",
      value: "active",
      isPro: true
    },
    focus: {
      label: "Focus",
      value: "focus",
      isPro: true
    },
    "focus-within": {
      label: "Focus-within",
      value: "focus-within",
      isPro: true
    },
    target: {
      label: "target",
      value: "target",
      isPro: true
    },
    visited: {
      label: "Visited",
      value: "visited",
      isPro: true
    },
    selection: {
      label: "Selection",
      value: "selection",
      isPro: true
    },
    ":marker": {
      label: "Marker",
      value: ":marker",
      isPro: true
    },
    "nth-child(even)": {
      label: "nth-child(even)",
      value: "nth-child(even)",
      isPro: true
    },
    "nth-child(odd)": {
      label: "nth-child(odd)",
      value: "nth-child(odd)",
      isPro: true
    },
    "nth-child(2)": {
      label: "nth-child(2)",
      value: "nth-child(2)",
      isPro: true
    },
    "nth-child(3)": {
      label: "nth-child(3)",
      value: "nth-child(3)",
      isPro: true
    },
    "nth-child(4)": {
      label: "nth-child(4)",
      value: "nth-child(4)",
      isPro: true
    },
    "nth-child(5)": {
      label: "nth-child(5)",
      value: "nth-child(5)",
      isPro: true
    },
    "first-child": {
      label: "First-child",
      value: "first-child",
      isPro: true
    },
    "last-child": {
      label: "Last-child",
      value: "last-child",
      isPro: true
    },
    "first-letter": {
      label: "First-letter",
      value: "first-letter",
      isPro: true
    },
    "first-line": {
      label: "First-line",
      value: "first-line",
      isPro: true
    },
    "hover::before": {
      label: "hover::before",
      value: "hover::before",
      isPro: true
    },
    "hover::after": {
      label: "hover::after",
      value: "hover::after",
      isPro: true
    },
    "hover::marker": {
      label: "hover::marker",
      value: "hover::marker",
      isPro: true
    },
    "hover::first-letter": {
      label: "hover::first-letter",
      value: "hover::first-letter",
      isPro: true
    },
    "hover:first-child": {
      label: "hover:first-child",
      value: "hover:first-child",
      isPro: true
    },
    "hover:last-child": {
      label: "hover:last-child",
      value: "hover:last-child",
      isPro: true
    },
    "hover:first-line": {
      label: "hover:first-line",
      value: "hover:first-line",
      isPro: true
    },
    "hover:first-line": {
      label: "hover:first-line",
      value: "hover:first-line",
      isPro: true
    },
    "hover:nth-child(odd)": {
      label: "hover:nth-child(odd)",
      value: "hover:nth-child(odd)",
      isPro: true
    },
    "hover:nth-child(even)": {
      label: "hover:nth-child(even)",
      value: "hover:nth-child(even)",
      isPro: true
    },
    "-webkit-slider-thumb": {
      label: "-webkit-slider-thumb",
      value: "-webkit-slider-thumb",
      isPro: true
    },
    "-moz-range-thumb": {
      label: "-moz-range-thumb",
      value: "-moz-range-thumb",
      isPro: true
    },
    "checked": {
      label: "checked",
      value: "checked",
      isPro: true
    },
    "checked:after": {
      label: "checked:after",
      value: "checked:after",
      isPro: true
    },
    "checked:before": {
      label: "checked:before",
      value: "checked:before",
      isPro: true
    }
    //custom: { label: 'Custom', value: '', isPro: true },
  };
  let sudoScourceArgs = (0,_wordpress_hooks__WEBPACK_IMPORTED_MODULE_2__.applyFilters)("sudoScourceArgs", sudoScourceArgsBasic);
  // let sudoScourceArgs = sudoScourceArgsBasic;

  const [sudoScources, setSudoScources] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useState)(sudoScourceArgs);
  const [sudoScource, setSudoScource] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useState)("styles");
  const [styles, setStyles] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useState)({});
  const [cssAtts, setcssAtts] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useState)({});
  const [breakPointLocal, setbreakPointLocal] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useState)("Desktop");
  var breakPointX = breakPointLocal;
  let isProFeature = (0,_wordpress_hooks__WEBPACK_IMPORTED_MODULE_2__.applyFilters)("isProFeature", true);

  //breakPointX = (breakPointLocal != breakPointX) ? breakPointLocal : breakPointX;

  // useEffect(() => {
  // 	var sudoSourceX = { ...sudoScources };
  // 	Object.entries(props.obj).map((arg) => {
  // 		var sudoIndex = arg[0];
  // 		var sudoValues = arg[1];

  // 		if (sudoIndex != "options") {
  // 			sudoSourceX[sudoIndex].label = sudoScources[sudoIndex].label + " ^";
  // 		}
  // 	});

  // 	setSudoScources(sudoSourceX);
  // }, [props.obj]);

  const [extraOpt, setextraOpt] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
  const [copyArgs, setCopyArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useState)({
    isCopied: false,
    isPasted: false,
    pasteError: false,
    copyError: false,
    errorMessage: ""
  });
  const [copyRawArgs, setcopyRawArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useState)({
    isCopied: false,
    isPasted: false,
    pasteError: false,
    copyError: false,
    errorMessage: ""
  });
  const [resetArgs, setResetArgs] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useState)({
    isReset: false,
    resetError: false,
    errorMessage: ""
  });
  var cssPropsBasic = {
    animationName: {
      id: "animationName",
      label: "Animation Name"
    },
    alignContent: {
      id: "alignContent",
      label: "Align Content"
    },
    alignItems: {
      id: "alignItems",
      label: "Align Items"
    },
    alignSelf: {
      id: "alignSelf",
      label: "Align Self"
    },
    aspectRatio: {
      id: "aspectRatio",
      label: "Aspect Ratio"
    },
    backfaceVisibility: {
      id: "backfaceVisibility",
      label: "Backface Visibility"
    },
    //background: { id: 'background', label: 'Background' },
    backgroundAttachment: {
      id: "backgroundAttachment",
      label: "Background Attachment"
      //isPro: true,
    },
    backgroundBlendMode: {
      id: "backgroundBlendMode",
      label: "Background Blend Mode"
      //isPro: true,
    },
    backgroundClip: {
      id: "backgroundClip",
      label: "Background Clip"
      //isPro: true,
    },
    backgroundColor: {
      id: "backgroundColor",
      label: "Background Color"
    },
    backgroundImage: {
      id: "backgroundImage",
      label: "Background Image"
    },
    backgroundOrigin: {
      id: "backgroundOrigin",
      label: "Background Origin"
    },
    backgroundRepeat: {
      id: "backgroundRepeat",
      label: "Background Repeat"
    },
    backgroundPosition: {
      id: "backgroundPosition",
      label: "Background Position"
    },
    backgroundSize: {
      id: "backgroundSize",
      label: "Background Size"
    },
    border: {
      id: "border",
      label: "Border"
    },
    borderTop: {
      id: "borderTop",
      label: "Border Top"
    },
    borderRight: {
      id: "borderRight",
      label: "Border Right"
    },
    borderBottom: {
      id: "borderBottom",
      label: "Border Bottom"
    },
    borderLeft: {
      id: "borderLeft",
      label: "Border Left"
    },
    borderCollapse: {
      id: "borderCollapse",
      label: "Border Collapse"
      //isPro: true,
    },
    borderImage: {
      id: "borderImage",
      label: "Border Image",
      isPro: true
    },
    borderRadius: {
      id: "borderRadius",
      label: "Border Radius"
    },
    borderSpacing: {
      id: "borderSpacing",
      label: "Border Spacing"
      //isPro: true,
    },
    backdropFilter: {
      id: "backdropFilter",
      label: "Backdrop Filter"
    },
    bottom: {
      id: "bottom",
      label: "Bottom"
    },
    boxShadow: {
      id: "boxShadow",
      label: "Box Shadow"
    },
    boxSizing: {
      id: "boxSizing",
      label: "Box Sizing",
      isPro: true
    },
    clear: {
      id: "clear",
      label: "Clear"
    },
    clip: {
      id: "clip",
      label: "Clip",
      isPro: true
    },
    // clipPath: { id: 'clipPath', label: 'Clip Path', isPro: true },
    color: {
      id: "color",
      label: "Color"
    },
    columnCount: {
      id: "columnCount",
      label: "Column Count",
      isPro: true
    },
    columnRule: {
      id: "columnRule",
      label: "Column Rule",
      isPro: true
    },
    content: {
      id: "content",
      label: "Content",
      isPro: true
    },
    counterIncrement: {
      id: "counterIncrement",
      label: "Counter Increment"
      //isPro: true,
    },
    counterReset: {
      id: "counterReset",
      label: "Counter Reset",
      isPro: true
    },
    counterSet: {
      id: "counterSet",
      label: "Counter Set",
      isPro: true
    },
    cursor: {
      id: "cursor",
      label: "Cursor",
      isPro: true
    },
    display: {
      id: "display",
      label: "Display"
    },
    direction: {
      id: "direction",
      label: "Direction"
    },
    flexBasis: {
      id: "flexBasis",
      label: "Flex Basis"
    },
    flexFlow: {
      id: "flexFlow",
      label: "Flex Basis"
    },
    flexDirection: {
      id: "flexDirection",
      label: "Flex Direction"
    },
    flexDirection: {
      id: "flexDirection",
      label: "Flex Direction"
    },
    flexFlow: {
      id: "flexFlow",
      label: "Flex Flow"
    },
    flexGrow: {
      id: "flexGrow",
      label: "Flex Grow"
    },
    flexShrink: {
      id: "flexShrink",
      label: "Flex Shrink"
    },
    flexWrap: {
      id: "flexWrap",
      label: "Flex Wrap"
    },
    float: {
      id: "float",
      label: "Float"
    },
    filter: {
      id: "filter",
      label: "Filter",
      isPro: true
    },
    fontSize: {
      id: "fontSize",
      label: "Font Size"
    },
    fontFamily: {
      id: "fontFamily",
      label: "Font Family"
    },
    fontStretch: {
      id: "fontStretch",
      label: "Font Stretch",
      isPro: true
    },
    fontStyle: {
      id: "fontStyle",
      label: "Font Style"
    },
    userSelect: {
      id: "userSelect",
      label: "User Select"
    },
    fontVariantCaps: {
      id: "fontVariantCaps",
      label: "Font VariantCaps"
      //isPro: true,
    },
    fontWeight: {
      id: "fontWeight",
      label: "Font Weight"
    },
    gridAutoFlow: {
      id: "gridAutoFlow",
      label: "Grid Auto Flow"
    },
    gridColumnEnd: {
      id: "gridColumnEnd",
      label: "Grid Column End"
    },
    gridColumnStart: {
      id: "gridColumnStart",
      label: "Grid Column Start"
    },
    gridRowEnd: {
      id: "gridRowEnd",
      label: "Grid Row End"
    },
    gridRowStart: {
      id: "gridRowStart",
      label: "Grid Row Start"
    },
    gridTemplateColumns: {
      id: "gridTemplateColumns",
      label: "Grid Template Columns"
    },
    gridTemplateRows: {
      id: "gridTemplateRows",
      label: "Grid Template Rows"
    },
    gridAutoColumns: {
      id: "gridAutoColumns",
      label: "Grid Auto Columns"
    },
    height: {
      id: "height",
      label: "Height"
    },
    left: {
      id: "left",
      label: "Left"
    },
    letterSpacing: {
      id: "letterSpacing",
      label: "Letter Spacing"
      //isPro: true,
    },
    lineHeight: {
      id: "lineHeight",
      label: "Line Height"
    },
    listStyle: {
      id: "listStyle",
      label: "List Style"
    },
    margin: {
      id: "margin",
      label: "Margin"
    },
    marginTop: {
      id: "marginTop",
      label: "Margin Top"
    },
    marginRight: {
      id: "marginRight",
      label: "Margin Right"
    },
    marginBottom: {
      id: "marginBottom",
      label: "Margin Bottom"
    },
    marginLeft: {
      id: "marginLeft",
      label: "Margin Left"
    },
    maxHeight: {
      id: "maxHeight",
      label: "Max Height"
    },
    maxWidth: {
      id: "maxWidth",
      label: "Max Width"
    },
    minHeight: {
      id: "minHeight",
      label: "Min Height"
    },
    minWidth: {
      id: "minWidth",
      label: "Min Width"
    },
    justifyContent: {
      id: "justifyContent",
      label: "Justify Content"
    },
    opacity: {
      id: "opacity",
      label: "Opacity"
    },
    objectFit: {
      id: "objectFit",
      label: "Object Fit"
    },
    outline: {
      id: "outline",
      label: "Outline",
      isPro: true
    },
    overflow: {
      id: "overflow",
      label: "Overflow"
    },
    overflowX: {
      id: "overflowX",
      label: "OverflowX",
      isPro: true
    },
    overflowY: {
      id: "overflowY",
      label: "OverflowY",
      isPro: true
    },
    order: {
      id: "order",
      label: "Order"
    },
    padding: {
      id: "padding",
      label: "Padding"
    },
    paddingTop: {
      id: "paddingTop",
      label: "Padding Top"
    },
    paddingRight: {
      id: "paddingRight",
      label: "Padding Right"
    },
    paddingBottom: {
      id: "paddingBottom",
      label: "Padding Bottom"
    },
    paddingLeft: {
      id: "paddingLeft",
      label: "Padding Left"
    },
    perspective: {
      id: "perspective",
      label: "Perspective",
      isPro: true
    },
    position: {
      id: "position",
      label: "Position"
    },
    right: {
      id: "right",
      label: "Right"
    },
    gap: {
      id: "gap",
      label: "Gap"
    },
    columnGap: {
      id: "columnGap",
      label: "Column gap"
    },
    rowGap: {
      id: "rowGap",
      label: "Row Gap"
    },
    textAlign: {
      id: "textAlign",
      label: "Text Align"
    },
    top: {
      id: "top",
      label: "Top"
    },
    transform: {
      id: "transform",
      label: "Transform",
      isPro: true
    },
    transition: {
      id: "transition",
      label: "Transition",
      isPro: true
    },
    verticalAlign: {
      id: "verticalAlign",
      label: "Vertical Align"
    },
    visibility: {
      id: "visibility",
      label: "Visibility"
    },
    width: {
      id: "width",
      label: "Width"
    },
    zIndex: {
      id: "zIndex",
      label: "Z-Index"
    },
    textDecoration: {
      id: "textDecoration",
      label: "Text Decoration"
      //isPro: true,
    },
    textIndent: {
      id: "textIndent",
      label: "Text Indent",
      isPro: true
    },
    textJustify: {
      id: "textJustify",
      label: "Text Justify",
      isPro: true
    },
    textOverflow: {
      id: "textOverflow",
      label: "Text Overflow"
    },
    textShadow: {
      id: "textShadow",
      label: "Text Shadow",
      isPro: true
    },
    transformOrigin: {
      id: "transformOrigin",
      label: "Transform Origin"
      //isPro: true,
    },
    tableLayout: {
      id: "tableLayout",
      label: "Table Layout"
    },
    emptyCells: {
      id: "emptyCells",
      label: "Empty Cells"
    },
    captionSide: {
      id: "captionSide",
      label: "Caption Side"
    },
    textTransform: {
      id: "textTransform",
      label: "Text Transform"
      //isPro: true,
    },
    wordBreak: {
      id: "wordBreak",
      label: "Word Break",
      isPro: true
    },
    wordSpacing: {
      id: "wordSpacing",
      label: "Word Spacing",
      isPro: true
    },
    wordWrap: {
      id: "wordWrap",
      label: "Word Wrap",
      isPro: true
    },
    writingMode: {
      id: "writingMode",
      label: "Writing Mode",
      isPro: true
    },
    "-webkit-text-fill-color": {
      id: "-webkit-text-fill-color",
      label: "Webkit Text Fill Color"
      //isPro: true,
    }
  };
  let cssProps = (0,_wordpress_hooks__WEBPACK_IMPORTED_MODULE_2__.applyFilters)("cssProps", cssPropsBasic);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {}, [props.obj]);
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
    if (props.obj[sudoScource] == undefined) {
      props.obj[sudoScource] = {};
    }
  }, [sudoScource]);
  function sudoScourceUpdate(args) {
    setSudoScources(args);
  }
  function parseRawCSS(str) {
    var obj = {};
    const myArray = str.split(";");
    myArray.map(item => {
      item = item.replaceAll(": ", ":");
      var prop = item.split(":");
      var propId = prop[0];
      var propVal = prop[1];
      propId = propId != undefined || propId != null ? propId.replaceAll("\r\n", "") : "";
      propId = propId != undefined || propId != null ? propId.replaceAll(" ", "") : "";
      propVal = propVal != undefined || propVal != null ? propVal.replaceAll("\r\n", "") : "";
      //propVal = (propVal != undefined || propVal != null) ? propVal.replaceAll(" ", "") : "";

      if (propId != undefined || propId != null) {
        propId = propId.replace(/-([a-z])/g, function (g) {
          return g[1].toUpperCase();
        });
        if (propVal.length > 0) {
          obj[propId] = {
            Desktop: propVal
          };
        }
      }
    });
    return obj;
  }
  var RemoveQueryPram = function ({
    title,
    sudoScource,
    keyX
  }) {
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.Fragment, {
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)("span", {
        className: "cursor-pointer hover:bg-red-500 hover:text-white px-1 py-1",
        onClick: ev => {
          props.onRemove(sudoScource, keyX, props.obj, props.extra);
        },
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_133__["default"], {
          icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_134__["default"]
        })
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)("span", {
        className: "mx-2",
        children: title
      })]
    });
  };
  function setCssAttr(option, index) {
    //var objX = { ...props.obj }
    let objX = Object.assign({}, props.obj);
    if (objX[sudoScource][option.id] == undefined) {
      var path = [sudoScource, option.id];
      const object = myStore.addPropertyDeep(objX, path, {});
      props.onAdd(sudoScource, option.id, object, props.extra);

      //props.obj[sudoScource][option.id] = {};
    } else {
      //alert('Property already added');

      if (objX[sudoScource][option.id][breakPointX] == undefined) {
        var path = [sudoScource, option.id, breakPointX];
        const object = myStore.addPropertyDeep(objX, path, "");
        props.onAdd(sudoScource, option.id, object, props.extra);
      } else {
        alert("Property already added");
      }
    }
  }
  function onChangeCssVal(newVal, attr) {
    props.onChange(sudoScource, newVal, attr, props.obj, props.extra);
  }
  var breakPointList = [];
  for (var x in _breakpoints__WEBPACK_IMPORTED_MODULE_127__["default"]) {
    var item = _breakpoints__WEBPACK_IMPORTED_MODULE_127__["default"][x];
    breakPointList.push({
      label: item.name,
      icon: item.icon,
      value: item.id
    });
  }

  // copy to clipboard start

  const copyObjectToClipboard = obj => {
    var objZ = JSON.parse(obj);
    var objX = {
      ...objZ
    };
    objX.pgStyle = true;
    var objStr = JSON.stringify(objX);
    // const jsonString = JSON.stringify(obj);
    navigator.clipboard.writeText(objStr).then(() => {}).catch(err => {
      // Handle errors here
    });
  };

  // copy to clipboard end

  //paste from clipboard start

  const pasteFromClipboard = () => {
    return new Promise((resolve, reject) => {
      navigator.clipboard.readText().then(text => {
        resolve(text);
      }).catch(err => {
        reject(err);
      });
    });
  };
  const handlePasteFromClipboard = async () => {
    try {
      const clipboardData = await navigator.clipboard.readText();
      var stylesClipboard = myStore.getStylesClipboard();
      if (stylesClipboard == null && !clipboardData) {
        setCopyArgs({
          ...copyArgs,
          pasteError: true,
          errorMessage: "Paste is empty"
        });
        setTimeout(() => {
          setCopyArgs({
            ...copyArgs,
            pasteError: false,
            errorMessage: ""
          });
        }, 2000);
        return;
      } else {
        const styleObj = JSON.parse(clipboardData);
        if (typeof styleObj == "object" && styleObj.pgStyle) {
          delete styleObj.pgStyle;
          try {
            if (props.onBulkAdd) {
              props.onBulkAdd(sudoScource, styleObj, props.extra);
            }
          } catch (error) {
            setCopyArgs({
              ...copyArgs,
              pasteError: true,
              errorMessage: "Invalid data format in clipboard"
            });
            setTimeout(() => {
              setCopyArgs({
                ...copyArgs,
                pasteError: false,
                errorMessage: ""
              });
            }, 2000);
          }
        }
      }
      setCopyArgs({
        ...copyArgs,
        isPasted: true
      });
      setTimeout(() => {
        setCopyArgs({
          ...copyArgs,
          isPasted: false
        });
      }, 2000);
    } catch (error) {
      setCopyArgs({
        ...copyArgs,
        pasteError: true,
        errorMessage: "Invalid data format in clipboard"
      });
      setTimeout(() => {
        setCopyArgs({
          ...copyArgs,
          pasteError: false,
          errorMessage: ""
        });
      }, 2000);
    }
  };
  const handlePasteRawClipboard = async () => {
    const clipboardData = await navigator.clipboard.readText();
    var styleObj = parseRawCSS(clipboardData);

    //return;

    if (typeof styleObj == "object") {
      if (props.onBulkAdd) {
        props.onBulkAdd(sudoScource, styleObj, props.extra);
      }
    }
    setcopyRawArgs({
      ...copyRawArgs,
      isPasted: true
    });
    setTimeout(() => {
      setcopyRawArgs({
        ...copyRawArgs,
        isPasted: false
      });
    }, 2000);
  };

  //paste from clipboard end

  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsxs)("div", {
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__.PanelRow, {
      className: "bg-gray-200 p-2",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsxs)("div", {
        className: "flex items-center",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_dropdown_sudo_selector__WEBPACK_IMPORTED_MODULE_5__["default"], {
          position: "bottom right",
          variant: "secondary",
          options: sudoScources,
          sudoScourceUpdate: sudoScourceUpdate,
          obj: props.obj,
          buttonTitle: sudoScources[sudoScource] != undefined ? sudoScources[sudoScource].label : "Choose",
          onChange: (option, index) => {
            setSudoScource(option.value);
          },
          values: ""
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)("div", {
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_133__["default"], {
            icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_135__["default"]
          })
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_dropdown__WEBPACK_IMPORTED_MODULE_4__["default"], {
          position: "bottom right",
          variant: "secondary",
          options: cssProps,
          buttonTitle: "Add Style",
          onChange: setCssAttr,
          values: ""
        })]
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsxs)("div", {
        className: "relative",
        children: [props.onBulkAdd && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)("div", {
          className: extraOpt ? "bg-gray-400 hover:bg-gray-400 cursor-pointer p-2 " : "cursor-pointer p-2 ",
          onClick: ev => {
            setextraOpt(!extraOpt);
          },
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)("svg", {
            "aria-hidden": "true",
            focusable: "false",
            role: "img",
            className: "octicon octicon-ellipsis",
            viewBox: "0 0 16 16",
            width: "16",
            height: "16",
            fill: "currentColor",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)("path", {
              d: "M0 5.75C0 4.784.784 4 1.75 4h12.5c.966 0 1.75.784 1.75 1.75v4.5A1.75 1.75 0 0 1 14.25 12H1.75A1.75 1.75 0 0 1 0 10.25ZM12 7a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM7 8a1 1 0 1 0 2 0 1 1 0 0 0-2 0ZM4 7a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z"
            })
          })
        }), extraOpt && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__.Popover, {
          position: "bottom left",
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsxs)("div", {
            className: "p-3 w-80",
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsxs)("div", {
              className: "flex flex-wrap gap-3 justify-center",
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsxs)("div", {
                className: "pg-font flex gap-2 justify-center my-2 cursor-pointer py-2 px-4 capitalize tracking-wide bg-gray-800 text-white text-sm rounded hover:bg-gray-700 hover:text-white focus:outline-none focus:bg-gray-700"
                // className="px-4 inline-block m-2 py-2 bg-sky-600 text-white cursor-pointer"
                ,
                onClick: ev => {
                  var styleStr = JSON.stringify(props.obj[sudoScource]);

                  //var asdsdsd = wp.data.dispatch('postgrid-shop').setStylesClipboard(styleStr)

                  if (props.onReset) {
                    props.onReset(sudoScources, props.extra);
                  }

                  // asdsdsd.then((res) => {

                  // });
                  setResetArgs({
                    ...resetArgs,
                    isReset: true
                  });
                  setTimeout(() => {
                    setResetArgs({
                      ...resetArgs,
                      isReset: false
                    });
                  }, 2000);
                },
                children: [resetArgs.isReset && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.Fragment, {
                  children: "Reset Done!"
                }), !resetArgs.isReset && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.Fragment, {
                  children: " Reset Styles!"
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsxs)("div", {
                className: "pg-font flex gap-2 justify-center my-2 cursor-pointer py-2 px-4 capitalize tracking-wide bg-gray-800 text-white rounded hover:bg-gray-700 hover:text-white focus:outline-none focus:bg-gray-700"
                // className="px-4 inline-block m-2 py-2 bg-sky-600 text-white cursor-pointer"
                ,
                onClick: ev => {
                  var styleStr = JSON.stringify(props.obj[sudoScource]);
                  copyObjectToClipboard(styleStr);
                  var asdsdsd = wp.data.dispatch("postgrid-shop").setStylesClipboard(styleStr);
                  asdsdsd.then(res => {});
                  setCopyArgs({
                    ...copyArgs,
                    isCopied: true
                  });
                  setTimeout(() => {
                    setCopyArgs({
                      ...copyArgs,
                      isCopied: false
                    });
                  }, 2000);
                },
                children: [copyArgs.isCopied && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.Fragment, {
                  children: " Copied!"
                }), !copyArgs.isCopied && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.Fragment, {
                  children: " Copy Styles!"
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsxs)("div", {
                className: "pg-font flex gap-2 justify-center my-2 cursor-pointer py-2 px-4 capitalize tracking-wide bg-gray-800 text-white font-medium rounded hover:bg-gray-700 hover:text-white focus:outline-none focus:bg-gray-700"
                // className="px-4 inline-block m-2 py-2 bg-sky-600  text-white cursor-pointer"
                ,
                onClick: handlePasteFromClipboard,
                children: [copyArgs.isPasted && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.Fragment, {
                  children: "Paste Done"
                }), !copyArgs.isPasted && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.Fragment, {
                  children: "Paste Styles"
                })]
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsxs)("div", {
                className: `pg-font flex gap-2 justify-center my-2 cursor-pointer py-2 px-4 capitalize tracking-wide ${isProFeature ? "bg-gray-200" : "bg-gray-800 hover:bg-gray-700 hover:text-white focus:outline-none focus:bg-gray-700"}  text-white font-medium rounded `
                // className="px-4 inline-block m-2 py-2 bg-sky-600  text-white cursor-pointer"
                ,
                "data-pgTooltip": isProFeature ? "Subscribe to use." : null,
                "data-pgTooltip-location": isProFeature ? "top" : "",
                onClick: ev => {
                  if (isProFeature) {
                    alert("This feature is only available in Pro Version. Want to buy the subscription?");
                    var confirmButton = confirm("Click OK to proceed to the Combo Blocks.");
                    if (confirmButton) {
                      window.open("https://comboblocks.com/pricing/", "_blank");
                    }
                    return;
                  }
                  handlePasteRawClipboard();
                },
                children: [copyRawArgs.isPasted && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.Fragment, {
                  children: "Paste Done"
                }), !copyRawArgs.isPasted && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.Fragment, {
                  children: "Paste Raw CSS"
                })]
              })]
            }), copyArgs.pasteError && copyArgs.errorMessage && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)("div", {
              className: "text-red-800 my-3",
              children: copyArgs.errorMessage
            }), copyRawArgs.pasteError && copyRawArgs.errorMessage && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)("div", {
              className: "text-red-800 my-3",
              children: copyRawArgs.errorMessage
            })]
          })
        })]
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)("div", {
        children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)("div", {
          className: "inline-block",
          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_icon_toggle__WEBPACK_IMPORTED_MODULE_128__["default"], {
            position: "bottom",
            variant: "secondary",
            iconList: breakPointList,
            buttonTitle: "Break Point Switch",
            onChange: (x, index) => {
              var asdsdsd = wp.data.dispatch("postgrid-shop").setBreakPoint(x.value);
              asdsdsd.then(res => {
                setbreakPointLocal(x.value);
              });
            },
            activeIcon: _breakpoints__WEBPACK_IMPORTED_MODULE_127__["default"][breakPointX].icon,
            value: breakPointX
          })
        })
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)("div", {
      className: "my-5 pg-setting-input-text ",
      children:
      //Object.entries(cssAtts).map(([key, value]) => (
      props.obj[sudoScource] != undefined && Object.entries(props.obj[sudoScource]).reverse().map(([key, value]) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.Fragment, {
        children: value[breakPointX] != undefined && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__.PanelBody, {
          title: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(RemoveQueryPram, {
            title: cssProps[key] != undefined ? cssProps[key].label : key,
            sudoScource: sudoScource,
            keyX: key
          }),
          initialOpen: false,
          children: [key == "alignContent" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_align_content__WEBPACK_IMPORTED_MODULE_6__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "alignItems" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_align_items__WEBPACK_IMPORTED_MODULE_7__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "animationName" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_css_animation_name__WEBPACK_IMPORTED_MODULE_129__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "alignSelf" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_align_self__WEBPACK_IMPORTED_MODULE_8__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "aspectRatio" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_aspect_ratio__WEBPACK_IMPORTED_MODULE_9__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "backfaceVisibility" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_backface_visibility__WEBPACK_IMPORTED_MODULE_10__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "backgroundAttachment" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_background_attachment__WEBPACK_IMPORTED_MODULE_11__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "backgroundBlendMode" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_background_blend_mode__WEBPACK_IMPORTED_MODULE_12__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "backgroundImage" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_background_image__WEBPACK_IMPORTED_MODULE_16__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "backgroundClip" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_background_clip__WEBPACK_IMPORTED_MODULE_13__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "bgColor" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_background_color__WEBPACK_IMPORTED_MODULE_14__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "backgroundColor" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_background_color__WEBPACK_IMPORTED_MODULE_14__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "backgroundOrigin" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_background_origin__WEBPACK_IMPORTED_MODULE_17__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "backgroundRepeat" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_background_repeat__WEBPACK_IMPORTED_MODULE_19__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "backgroundSize" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_background_size__WEBPACK_IMPORTED_MODULE_20__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "backgroundPosition" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_background_position__WEBPACK_IMPORTED_MODULE_18__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "boxShadow" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_box_shadow__WEBPACK_IMPORTED_MODULE_32__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "border" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_border__WEBPACK_IMPORTED_MODULE_21__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "borderTop" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_border_top__WEBPACK_IMPORTED_MODULE_22__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "borderRight" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_border_right__WEBPACK_IMPORTED_MODULE_23__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "borderBottom" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_border_bottom__WEBPACK_IMPORTED_MODULE_24__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "borderLeft" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_border_left__WEBPACK_IMPORTED_MODULE_25__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "borderRadius" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_border_radius__WEBPACK_IMPORTED_MODULE_26__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "borderCollapse" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_border_collapse__WEBPACK_IMPORTED_MODULE_29__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "borderSpacing" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_border_spacing__WEBPACK_IMPORTED_MODULE_30__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "borderImage" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_border_image__WEBPACK_IMPORTED_MODULE_27__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "backdropFilter" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_backdrop_filter__WEBPACK_IMPORTED_MODULE_31__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "bottom" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_bottom__WEBPACK_IMPORTED_MODULE_28__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "cursor" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_cursor__WEBPACK_IMPORTED_MODULE_36__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "content" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_content__WEBPACK_IMPORTED_MODULE_37__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "counterIncrement" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_counter_increment__WEBPACK_IMPORTED_MODULE_38__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "counterReset" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_counter_reset__WEBPACK_IMPORTED_MODULE_39__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "counterSet" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_counter_set__WEBPACK_IMPORTED_MODULE_40__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "columnCount" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_column_count__WEBPACK_IMPORTED_MODULE_41__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "columnRule" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_column_rule__WEBPACK_IMPORTED_MODULE_42__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "clip" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_clip__WEBPACK_IMPORTED_MODULE_43__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "top" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_top__WEBPACK_IMPORTED_MODULE_112__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "left" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_left__WEBPACK_IMPORTED_MODULE_71__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "right" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_right__WEBPACK_IMPORTED_MODULE_100__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "boxSizing" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_box_sizing__WEBPACK_IMPORTED_MODULE_33__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "clear" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_clear__WEBPACK_IMPORTED_MODULE_34__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "direction" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_direction__WEBPACK_IMPORTED_MODULE_45__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "color" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_color__WEBPACK_IMPORTED_MODULE_35__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "filter" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_filter__WEBPACK_IMPORTED_MODULE_46__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "float" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_float__WEBPACK_IMPORTED_MODULE_47__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "fontFamily" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_font_family__WEBPACK_IMPORTED_MODULE_48__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "fontSize" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_font_size__WEBPACK_IMPORTED_MODULE_49__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "fontStyle" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_font_style__WEBPACK_IMPORTED_MODULE_51__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "userSelect" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_user_select__WEBPACK_IMPORTED_MODULE_58__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "fontStretch" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_font_stretch__WEBPACK_IMPORTED_MODULE_50__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "fontWeight" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_font_weight__WEBPACK_IMPORTED_MODULE_52__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "fontVariantCaps" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_font_variant_caps__WEBPACK_IMPORTED_MODULE_53__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "flexWrap" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_flex_wrap__WEBPACK_IMPORTED_MODULE_54__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "flexDirection" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_flex_direction__WEBPACK_IMPORTED_MODULE_55__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "flexShrink" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_flex_shrink__WEBPACK_IMPORTED_MODULE_56__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "flexBasis" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_flex_basis__WEBPACK_IMPORTED_MODULE_57__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "flexFlow" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_flex_flow__WEBPACK_IMPORTED_MODULE_60__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "flexGrow" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_flex_grow__WEBPACK_IMPORTED_MODULE_59__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "gridAutoFlow" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_grid_auto_flow__WEBPACK_IMPORTED_MODULE_61__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "gridColumnEnd" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_grid_column_end__WEBPACK_IMPORTED_MODULE_62__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "gridColumnStart" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_grid_column_start__WEBPACK_IMPORTED_MODULE_63__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "gridRowEnd" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_grid_row_end__WEBPACK_IMPORTED_MODULE_64__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "gridRowStart" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_grid_row_start__WEBPACK_IMPORTED_MODULE_65__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "gridTemplateColumns" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_grid_template_columns__WEBPACK_IMPORTED_MODULE_66__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "gridTemplateRows" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_grid_template_rows__WEBPACK_IMPORTED_MODULE_67__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "letterSpacing" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_letter_spacing__WEBPACK_IMPORTED_MODULE_72__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "lineHeight" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_line_height__WEBPACK_IMPORTED_MODULE_73__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "listStyle" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_list_style__WEBPACK_IMPORTED_MODULE_74__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "justifyContent" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_justify_content__WEBPACK_IMPORTED_MODULE_70__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "objectFit" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_object_fit__WEBPACK_IMPORTED_MODULE_85__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "opacity" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_opacity__WEBPACK_IMPORTED_MODULE_86__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "outline" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_outline__WEBPACK_IMPORTED_MODULE_87__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "outlineOffset" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_outline_offset__WEBPACK_IMPORTED_MODULE_88__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "position" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_position__WEBPACK_IMPORTED_MODULE_99__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "tableLayout" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_table_layout__WEBPACK_IMPORTED_MODULE_114__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "emptyCells" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_empty_cells__WEBPACK_IMPORTED_MODULE_115__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "captionSide" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_css_caption_side__WEBPACK_IMPORTED_MODULE_131__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "gap" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_gap__WEBPACK_IMPORTED_MODULE_101__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "columnGap" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_column_gap__WEBPACK_IMPORTED_MODULE_102__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "rowGap" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_row_gap__WEBPACK_IMPORTED_MODULE_103__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "transition" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_transition__WEBPACK_IMPORTED_MODULE_117__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "transform" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_transform__WEBPACK_IMPORTED_MODULE_116__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "transformOrigin" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_transform_origin__WEBPACK_IMPORTED_MODULE_105__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "textIndent" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_text_indent__WEBPACK_IMPORTED_MODULE_107__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "textJustify" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_text_justify__WEBPACK_IMPORTED_MODULE_108__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "textOverflow" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_text_overflow__WEBPACK_IMPORTED_MODULE_109__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "textTransform" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_text_transform__WEBPACK_IMPORTED_MODULE_111__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "textDecoration" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_text_decoration__WEBPACK_IMPORTED_MODULE_106__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "textShadow" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_text_shadow__WEBPACK_IMPORTED_MODULE_110__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "textAlign" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_text_align__WEBPACK_IMPORTED_MODULE_104__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "textAlignLast" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_text_align_last__WEBPACK_IMPORTED_MODULE_113__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "visibility" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_visibility__WEBPACK_IMPORTED_MODULE_119__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "wordBreak" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_word_break__WEBPACK_IMPORTED_MODULE_122__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "wordSpacing" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_word_spacing__WEBPACK_IMPORTED_MODULE_123__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "zIndex" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_z_index__WEBPACK_IMPORTED_MODULE_126__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "padding" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_padding__WEBPACK_IMPORTED_MODULE_93__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "paddingTop" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_padding_top__WEBPACK_IMPORTED_MODULE_94__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "paddingRight" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_padding_right__WEBPACK_IMPORTED_MODULE_95__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "paddingBottom" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_padding_bottom__WEBPACK_IMPORTED_MODULE_96__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "paddingLeft" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_padding_left__WEBPACK_IMPORTED_MODULE_97__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "placeItems" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_place_items__WEBPACK_IMPORTED_MODULE_98__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "marginTop" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_margin_top__WEBPACK_IMPORTED_MODULE_76__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "marginRight" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_margin_right__WEBPACK_IMPORTED_MODULE_77__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "marginBottom" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_margin_bottom__WEBPACK_IMPORTED_MODULE_78__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "marginLeft" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_margin_left__WEBPACK_IMPORTED_MODULE_79__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "margin" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_margin__WEBPACK_IMPORTED_MODULE_75__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "maxHeight" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_max_height__WEBPACK_IMPORTED_MODULE_80__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "maxWidth" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_max_width__WEBPACK_IMPORTED_MODULE_81__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "minHeight" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_min_height__WEBPACK_IMPORTED_MODULE_82__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "minWidth" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_min_width__WEBPACK_IMPORTED_MODULE_83__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "display" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_display__WEBPACK_IMPORTED_MODULE_44__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "width" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_width__WEBPACK_IMPORTED_MODULE_120__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "height" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_height__WEBPACK_IMPORTED_MODULE_69__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "verticalAlign" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_vertical_align__WEBPACK_IMPORTED_MODULE_118__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "overflow" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_overflow__WEBPACK_IMPORTED_MODULE_90__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "order" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_order__WEBPACK_IMPORTED_MODULE_89__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "overflowX" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_overflow_x__WEBPACK_IMPORTED_MODULE_91__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "overflowY" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_overflow_y__WEBPACK_IMPORTED_MODULE_92__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "writingMode" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_writing_mode__WEBPACK_IMPORTED_MODULE_124__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "wordWrap" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_word_wrap__WEBPACK_IMPORTED_MODULE_125__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "perspective" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_perspective__WEBPACK_IMPORTED_MODULE_84__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "whiteSpace" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_components_css_white_space__WEBPACK_IMPORTED_MODULE_121__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          }), key == "-webkit-text-fill-color" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(_css_webkit_text_fill_color__WEBPACK_IMPORTED_MODULE_130__["default"], {
            val: value[breakPointX],
            onChange: onChangeCssVal
          })]
        }, key)
      }))
    })]
  });
}
class PGStyles extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  componentDidMount(props) {}
  render() {
    var {
      extra,
      obj,
      onChange,
      onAdd,
      onRemove,
      onBulkAdd,
      onReset
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.Fragment, {
      children: [onBulkAdd == null && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(Html, {
        obj: obj,
        extra: extra,
        onAdd: onAdd,
        onRemove: onRemove,
        onChange: onChange,
        warn: this.state.showWarning,
        onReset: onReset
      }), onBulkAdd != null && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_132__.jsx)(Html, {
        obj: obj,
        extra: extra,
        onAdd: onAdd,
        onRemove: onRemove,
        onChange: onChange,
        onBulkAdd: onBulkAdd,
        onReset: onReset,
        warn: this.state.showWarning
      })]
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGStyles);

/***/ }),

/***/ "./src/components/support-ticket/index.js":
/*!************************************************!*\
  !*** ./src/components/support-ticket/index.js ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_hooks__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/hooks */ "@wordpress/hooks");
/* harmony import */ var _wordpress_hooks__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_hooks__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _components_input_text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../components/input-text */ "./src/components/input-text/index.js");
/* harmony import */ var _components_dropdown__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../components/dropdown */ "./src/components/dropdown/index.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__);
const {
  Component
} = wp.element;










function Html(props) {
  if (!props.warn) {
    return null;
  }
  const [searchPrams, setsearchPrams] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)({
    title: "",
    content: '',
    files: [],
    budget: 50,
    email: '',
    name: "",
    status: 'idle',
    statusMessage: ''
  });
  var [isLoading, setIsLoading] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useState)(false);
  const ALLOWED_MEDIA_TYPES = ['image'];
  let budgetArgs = {
    custom: {
      label: 'Custom',
      value: ''
    },
    '50-': {
      label: 'Less than 50$',
      value: '50-'
    },
    50: {
      label: '50$+',
      value: 50
    },
    100: {
      label: '100$+',
      value: 100
    },
    200: {
      label: '200$+',
      value: 200
    },
    300: {
      label: '300$+',
      value: 300
    },
    500: {
      label: '500$+',
      value: 500
    }
  };
  (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useEffect)(() => {
    _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_1___default()({
      path: '/accordions/v2/get_site_details',
      method: 'POST',
      data: {}
    }).then(res => {
      setsearchPrams({
        ...searchPrams,
        email: res.email,
        name: res.name
      });
    });
  }, []);
  function senMail() {
    setIsLoading(true);
    if (searchPrams.title.length == 0) {
      setsearchPrams({
        ...searchPrams,
        status: 'fail',
        statusMessage: "Subejct should not empty"
      });
      setIsLoading(false);
      return;
    }
    if (searchPrams.content.length == 0) {
      setsearchPrams({
        ...searchPrams,
        status: 'fail',
        statusMessage: "Details should not empty"
      });
      setIsLoading(false);
      return;
    }
    if (searchPrams.email.length == 0) {
      setsearchPrams({
        ...searchPrams,
        status: 'fail',
        statusMessage: "Email should not empty"
      });
      setIsLoading(false);
      return;
    }
    var htmlBody = '';
    htmlBody += '<p style="font-weight:bold;font-size:18px">' + searchPrams.title + '</p>';
    htmlBody += '<p style="font-weight:bold">Email: ' + searchPrams.email + '</p>';
    htmlBody += '<p></p>';
    htmlBody += searchPrams.content;
    var postData = {
      subject: '#Accordions Support - ' + searchPrams.title,
      body: htmlBody,
      email_to: 'support@pickplugins.com',
      email_from: searchPrams.email,
      email_from_name: searchPrams.name,
      reply_to: searchPrams.email,
      reply_to_name: searchPrams.name,
      attachments: searchPrams.files
    };
    _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_1___default()({
      path: '/accordions/v2/send_mail',
      method: 'POST',
      data: postData
    }).then(res => {
      var mail_sent = res.mail_sent;
      if (mail_sent) {
        setsearchPrams({
          ...searchPrams,
          status: 'success',
          statusMessage: ""
        });
      } else {
        setsearchPrams({
          ...searchPrams,
          status: 'fail',
          statusMessage: ""
        });
      }
      setTimeout(() => {
        setsearchPrams({
          ...searchPrams,
          status: 'idle',
          statusMessage: ""
        });
      }, 4000);
      setIsLoading(false);
    });
  }
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", {
    id: "requestTemplate",
    className: "pg-setting-input-text",
    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", {
      className: "flex items-end justify-end gap-2",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("a", {
        className: "bg-slate-400 px-4 py-2 rounded-sm",
        target: "_blank",
        href: "https://wordpress.org/support/plugin/accordions/#new-topic-0",
        children: "Create Ticket at wordpress.org"
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("a", {
        className: "bg-slate-400 px-4 py-2 rounded-sm",
        target: "_blank",
        href: "https://pickplugins.com/create-support-ticket/",
        children: "Create Ticket at our site"
      })]
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", {
      className: "grid grid-cols-2 gap-5 items-center",
      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", {
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("label", {
          for: "",
          className: "pg-font mb-3 block  text-base",
          children: "Subjet"
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_components_input_text__WEBPACK_IMPORTED_MODULE_5__["default"], {
          className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-full ",
          type: "text",
          placeholder: "",
          value: searchPrams.title,
          onChange: newVal => {
            setsearchPrams({
              ...searchPrams,
              title: newVal
            });
          }
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("label", {
          for: "",
          className: " pg-font  mt-5 mb-3 block  text-base",
          children: "Details"
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_3__.RichText, {
          className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid h-28",
          tagName: "div",
          value: searchPrams.content,
          allowedFormats: ["core/bold", "core/italic", "core/link"],
          onChange: content => {
            setsearchPrams({
              ...searchPrams,
              content: content
            });
          },
          placeholder: "Write details about your design..."
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("label", {
          for: "",
          className: " mb-3 mt-5 block pg-font   text-base",
          children: "Your Email"
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_components_input_text__WEBPACK_IMPORTED_MODULE_5__["default"], {
          className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-full ",
          type: "text",
          placeholder: "",
          value: searchPrams.email,
          onChange: newVal => {
            setsearchPrams({
              ...searchPrams,
              email: newVal
            });
          }
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("label", {
          for: "",
          className: " my-3 block pg-font   text-base",
          children: "Your Name"
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_components_input_text__WEBPACK_IMPORTED_MODULE_5__["default"], {
          className: "!py-1 px-2 !border-2 !border-[#8c8f94] !border-solid w-full ",
          type: "text",
          placeholder: "",
          value: searchPrams.name,
          onChange: newVal => {
            setsearchPrams({
              ...searchPrams,
              name: newVal
            });
          }
        })]
      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", {
        className: "py-5 px-10",
        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("p", {
          className: "text-base pg-font ",
          children: "By sending mail, you are requested to follow our support terms."
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", {
          className: "flex bg-blue-600 pg-font  justify-center items-center rounded-md  font-bold text-base text-center cursor-pointer hover:bg-blue-500 px-10 py-3 my-5",
          onClick: ev => {
            senMail();
          },
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", {
            className: "text-white",
            children: "Send Mail"
          }), isLoading && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", {
            className: "text-center",
            children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.Spinner, {
              className: "!m-0 !mx-3"
            })
          })]
        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("p", {
          className: "text-xs",
          children: ["We do not collect any other information. Your mail will go to ", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("b", {
            children: "support@pickplugins.com"
          })]
        }), searchPrams.status == "success" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", {
          className: " pg-font  text-green-800 font-bold text-base p-2 px-4",
          children: "Mial has sent. Our team will contact soon."
        }), searchPrams.status == "fail" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", {
          className: " pg-font  text-red-500 font-bold text-base p-2 px-4",
          children: "Sorry, Unable to send mail."
        }), searchPrams.status == "fail" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", {
          className: " pg-font  text-red-500 font-bold text-base p-2 px-4",
          children: searchPrams.statusMessage
        })]
      })]
    })]
  });
}
class PGSupportTicket extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    var {
      onChange
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(Html, {
      warn: this.state.showWarning
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGSupportTicket);

/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
const {
  Component,
  RawHTML,
  useState
} = wp.element;



class PGtab extends Component {
  render() {
    const {
      children
    } = this.props;
    function MyFunction() {
      //const [selected, setSelected] = useState(activeTab);

      // useEffect(() => {
      // }, [keyword]);

      return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
        className: "tabContent py-3",
        children: children
      });
    }
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(MyFunction, {})
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGtab);

/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/icons */ "./node_modules/@wordpress/icons/build-module/icon/index.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
const {
  Component,
  RawHTML,
  useState
} = wp.element;



function MyFunction(props) {
  if (!props.warn) {
    return null;
  }
  var navItemLabelClass = props.navItemLabelClass;
  var stickyNavs = props.stickyNavs;
  var orientation = props.orientation; // vertical, horizontal
  var tabsWrapperClass = props.tabsWrapperClass;
  var navItemsWrapClass = props.navItemsWrapClass;
  var contentClass = props.contentClass == undefined ? "py-3" : props.contentClass;
  var navItemClass = props.navItemClass == undefined ? "bg-gray-200" : props.navItemClass;
  var navItemSelectedClass = props.navItemSelectedClass == undefined ? "!bg-gray-400" : props.navItemSelectedClass;
  const [selected, setSelected] = useState(props.activeTab);
  const [scrollTo, setscrollTo] = useState(200);
  var content;

  // useEffect(() => {
  // }, [keyword]);

  props.children.map(child => {
    if (selected == child.props.name) {
      content = child.props.children;
    }
  });
  function scrollPrev() {
    const tabsNavs = document.querySelector(".tabsNavs");
    if (tabsNavs == null) return;
    tabsNavs.scrollBy({
      left: -scrollTo,
      behavior: "smooth"
    });
  }
  function scrollNext() {
    const tabsNavs = document.querySelector(".tabsNavs");
    if (tabsNavs == null) return;
    tabsNavs.scrollBy({
      left: scrollTo,
      behavior: "smooth"
    });
  }
  function onWheel(ev) {
    // ev.preventDefault();
    ev.stopPropagation();
    const tabsNavs = document.querySelector(".tabsNavs");
    tabsNavs?.scrollBy({
      left: ev.deltaY,
      behavior: "smooth"
    });
  }
  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div", {
    className: orientation == "vertical" ? `flex tabsWrapper ${tabsWrapperClass}` : ` relative tabsWrapper ${tabsWrapperClass}`,
    children: [stickyNavs && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
      className: "sticky top-0 z-[999]",
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
        className: orientation == "vertical" ? "block w-[200px] " : `flex overflow-hidden  tabsNavs cursor-move ${navItemsWrapClass}`,
        onWheel: onWheel,
        children: props.tabs.map((tab, index) => {
          return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div", {
            className: `${navItemClass} flex justify-between flex-none   items-center grow  font-medium  text-slate-900 p-2 cursor-pointer hover:bg-gray-300 ${tab.name == selected ? navItemSelectedClass : navItemClass} ${orientation == "vertical" ? "       " : ""}`,
            onClick: ev => {
              props.onSelect(tab);
              setSelected(tab.name);
            },
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div", {
              className: `flex ${navItemLabelClass} ${orientation == "vertical" ? "" : "flex-col"} justify-center items-center`,
              children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_2__["default"], {
                fill: "#404040",
                icon: tab.icon,
                size: 24
                // className="mr-2 w-[20px] text-green-500"
                ,
                className: " text-green-500"
              }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {
                className: "text-sm",
                children: tab.title
              })]
            }), tab.isPro != null && tab.isPro && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {
              className: "pg-bg-color text-white px-2  text-sm rounded-sm",
              onClick: ev => {
                window.open("https://comboblocks.com/pricing/", "_blank");
              },
              children: "Pro"
            })]
          }, index);
        })
      })
    }), !stickyNavs && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
      className: orientation == "vertical" ? "block w-[200px] " : `flex overflow-hidden  tabsNavs cursor-move ${navItemsWrapClass}`,
      onWheel: onWheel,
      children: props.tabs.map((tab, index) => {
        return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div", {
          className: `${navItemClass} flex justify-between flex-none    items-center   font-medium  text-slate-900 p-2 cursor-pointer hover:bg-gray-300 ${tab.name == selected ? navItemSelectedClass : navItemClass} ${orientation == "vertical" ? "       " : ""}`,
          onClick: ev => {
            props.onSelect(tab);
            setSelected(tab.name);
          },
          children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div", {
            className: `flex ${navItemLabelClass} ${orientation == "vertical" ? "" : ""} justify-center items-center`,
            children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_wordpress_icons__WEBPACK_IMPORTED_MODULE_2__["default"], {
              fill: "#404040",
              icon: tab.icon,
              size: 24
              // className="mr-2 w-[20px] text-green-500"
              ,
              className: " text-green-500"
            }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {
              className: "text-sm",
              children: tab.title
            })]
          }), tab.isPro != null && tab.isPro && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("span", {
            className: "pg-bg-color text-white px-2  text-sm rounded-sm",
            onClick: ev => {
              window.open("https://comboblocks.com/pricing/", "_blank");
            },
            children: "Pro"
          })]
        }, index);
      })
    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
      className: `tabContent  ${contentClass}`,
      children: content
    })]
  });
}
class PGtabs extends Component {
  constructor(props) {
    super(props);
    this.state = {
      showWarning: true
    };
    this.handleToggleClick = this.handleToggleClick.bind(this);
  }
  handleToggleClick() {
    this.setState(state => ({
      showWarning: !state.showWarning
    }));
  }
  render() {
    const {
      activeTab,
      orientation,
      activeClass,
      contentClass,
      stickyNavs,
      tabsWrapperClass,
      navItemsWrapClass,
      navItemClass,
      navItemLabelClass,
      navItemSelectedClass,
      onSelect,
      tabs,
      children
    } = this.props;
    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", {
      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(MyFunction, {
        children: children,
        tabs: tabs,
        orientation: orientation,
        contentClass: contentClass,
        stickyNavs: stickyNavs,
        tabsWrapperClass: tabsWrapperClass,
        navItemsWrapClass: navItemsWrapClass,
        navItemClass: navItemClass,
        navItemLabelClass: navItemLabelClass,
        navItemSelectedClass: navItemSelectedClass,
        onSelect: onSelect,
        activeTab: activeTab,
        warn: this.state.showWarning
      })
    });
  }
}
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PGtabs);

/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _components_Builder__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components/Builder */ "./src/components/Builder/index.js");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react/jsx-runtime */ "react/jsx-runtime");
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);


document.addEventListener("DOMContentLoaded", DOMContentLoadedImport);
function DOMContentLoadedImport() {
  var appData = {
    name: "Accordions",
    version: "1.0.0",
    demoUrl: "https://pickplugins.com/demo/accordions/",
    reviewsUrl: "https://wordpress.org/support/plugin/accordions/reviews/#new-post/"
  };
  setTimeout(() => {
    var builderWrap = document.querySelector('#builder');
    if (builderWrap != null) {
      wp.element.render(/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_components_Builder__WEBPACK_IMPORTED_MODULE_0__["default"], {
        appData: appData
      }), builderWrap);
    }
  }, 500);
}

/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* 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_api_fetch__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_1__);
const {
  addFilter
} = wp.hooks;

const {
  Component,
  useState,
  useEffect
} = wp.element;


//var [customerData, setcustomerData] = useState({ id: "", isPro: false });

_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_1___default()({
  path: "/accordions/v2/get_options",
  method: "POST",
  data: {
    option: "accordions_settings"
  }
}).then(res => {
  if (res.length != 0) {
    var resX = {
      ...res
    };

    //console.log(resX);

    if (resX?.license_key.length > 0) {
      //setcustomerData({ ...customerData, isPro: true })

      const sudoScourceArgsPro = {
        styles: {
          label: "Idle",
          value: "styles"
        },
        hover: {
          label: "Hover",
          value: "hover"
        },
        after: {
          label: "After",
          value: "after"
        },
        before: {
          label: "Before",
          value: "before"
        },
        active: {
          label: "Active",
          value: "active"
        },
        focus: {
          label: "Focus",
          value: "focus"
        },
        "focus-within": {
          label: "Focus-within",
          value: "focus-within"
        },
        target: {
          label: "target",
          value: "target"
        },
        visited: {
          label: "Visited",
          value: "visited"
        },
        selection: {
          label: "Selection",
          value: "selection"
        },
        ":marker": {
          label: "Marker",
          value: ":marker"
        },
        "nth-child(even)": {
          label: "nth-child(even)",
          value: "nth-child(even)"
        },
        "nth-child(odd)": {
          label: "nth-child(odd)",
          value: "nth-child(odd)"
        },
        "nth-child(1)": {
          label: "nth-child(1)",
          value: "nth-child(1)"
        },
        "nth-child(2)": {
          label: "nth-child(2)",
          value: "nth-child(2)"
        },
        "nth-child(3)": {
          label: "nth-child(3)",
          value: "nth-child(3)"
        },
        "nth-child(4)": {
          label: "nth-child(4)",
          value: "nth-child(4)"
        },
        "nth-child(5)": {
          label: "nth-child(5)",
          value: "nth-child(5)"
        },
        "first-child": {
          label: "First-child",
          value: "first-child"
        },
        "last-child": {
          label: "Last-child",
          value: "last-child"
        },
        "first-letter": {
          label: "First-letter",
          value: "first-letter"
        },
        "first-line": {
          label: "First-line",
          value: "first-line"
        },
        "hover::before": {
          label: "hover::before",
          value: "hover::before"
        },
        "hover::after": {
          label: "hover::after",
          value: "hover::after"
        },
        "hover::marker": {
          label: "hover::marker",
          value: "hover::marker"
        },
        "hover::first-letter": {
          label: "hover::first-letter",
          value: "hover::first-letter"
        },
        "hover:first-child": {
          label: "hover:first-child",
          value: "hover:first-child"
        },
        "hover:last-child": {
          label: "hover:last-child",
          value: "hover:last-child"
        },
        "hover:first-line": {
          label: "hover:first-line",
          value: "hover:first-line"
        },
        "hover:first-line": {
          label: "hover:first-line",
          value: "hover:first-line"
        },
        "hover:nth-child(odd)": {
          label: "hover:nth-child(odd)",
          value: "hover:nth-child(odd)"
        },
        "hover:nth-child(even)": {
          label: "hover:nth-child(even)",
          value: "hover:nth-child(even)"
        },
        "hover div:nth-child(1)": {
          label: "hover div:nth-child(1)",
          value: "hover div:nth-child(1)"
        },
        "hover div:nth-child(2)": {
          label: "hover div:nth-child(2)",
          value: "hover div:nth-child(2)"
        },
        "-webkit-slider-thumb": {
          label: "-webkit-slider-thumb",
          value: "-webkit-slider-thumb"
        },
        "-moz-range-thumb": {
          label: "-moz-range-thumb",
          value: "-moz-range-thumb"
        },
        checked: {
          label: "checked",
          value: "checked"
        },
        "checked:after": {
          label: "checked:after",
          value: "checked:after"
        },
        "checked:before": {
          label: "checked:before",
          value: "checked:before"
        },
        "has(> input:checked)": {
          label: "has(> input:checked)",
          value: "has(> input:checked)"
        },
        "has(> input[type=radio]:checked)": {
          label: "has(> input[type=radio]:checked)",
          value: "has(> input[type=radio]:checked)"
        },
        "has(> input[type=checkbox]:checked)": {
          label: "has(> input[type=checkbox]:checked)",
          value: "has(> input[type=checkbox]:checked)"
        }
      };
      addFilter("sudoScourceArgs", "accordions/sudoScourceArgs", function (options) {
        return sudoScourceArgsPro;
      });
      var cssPropsPro = {
        alignContent: {
          id: "alignContent",
          label: "Align Content"
        },
        alignItems: {
          id: "alignItems",
          label: "Align Items"
        },
        alignSelf: {
          id: "alignSelf",
          label: "Align Self"
        },
        animationName: {
          id: "animationName",
          label: "Animation Name"
        },
        aspectRatio: {
          id: "aspectRatio",
          label: "Aspect Ratio"
        },
        backdropFilter: {
          id: "backdropFilter",
          label: "Backdrop Filter"
        },
        backfaceVisibility: {
          id: "backfaceVisibility",
          label: "Backface Visibility"
        },
        backgroundAttachment: {
          id: "backgroundAttachment",
          label: "Background Attachment"
        },
        backgroundBlendMode: {
          id: "backgroundBlendMode",
          label: "Background Blend Mode"
        },
        backgroundClip: {
          id: "backgroundClip",
          label: "Background Clip"
        },
        backgroundColor: {
          id: "backgroundColor",
          label: "Background Color"
        },
        backgroundImage: {
          id: "backgroundImage",
          label: "Background Image"
        },
        backgroundOrigin: {
          id: "backgroundOrigin",
          label: "Background Origin"
        },
        backgroundPosition: {
          id: "backgroundPosition",
          label: "Background Position"
        },
        backgroundRepeat: {
          id: "backgroundRepeat",
          label: "Background Repeat"
        },
        backgroundSize: {
          id: "backgroundSize",
          label: "Background Size"
        },
        border: {
          id: "border",
          label: "Border"
        },
        borderBottom: {
          id: "borderBottom",
          label: "Border Bottom"
        },
        borderCollapse: {
          id: "borderCollapse",
          label: "Border Collapse"
        },
        borderImage: {
          id: "borderImage",
          label: "Border Image"
        },
        borderLeft: {
          id: "borderLeft",
          label: "Border Left"
        },
        borderRadius: {
          id: "borderRadius",
          label: "Border Radius"
        },
        borderRight: {
          id: "borderRight",
          label: "Border Right"
        },
        borderSpacing: {
          id: "borderSpacing",
          label: "Border Spacing"
        },
        borderTop: {
          id: "borderTop",
          label: "Border Top"
        },
        bottom: {
          id: "bottom",
          label: "Bottom"
        },
        boxShadow: {
          id: "boxShadow",
          label: "Box Shadow"
        },
        boxSizing: {
          id: "boxSizing",
          label: "Box Sizing"
        },
        captionSide: {
          id: "captionSide",
          label: "Caption Side"
        },
        clear: {
          id: "clear",
          label: "Clear"
        },
        clip: {
          id: "clip",
          label: "Clip"
        },
        color: {
          id: "color",
          label: "Color"
        },
        columnCount: {
          id: "columnCount",
          label: "Column Count"
        },
        columnGap: {
          id: "columnGap",
          label: "Column gap"
        },
        columnRule: {
          id: "columnRule",
          label: "Column Rule"
        },
        content: {
          id: "content",
          label: "Content"
        },
        counterIncrement: {
          id: "counterIncrement",
          label: "Counter Increment"
        },
        counterReset: {
          id: "counterReset",
          label: "Counter Reset"
        },
        counterSet: {
          id: "counterSet",
          label: "Counter Set"
        },
        cursor: {
          id: "cursor",
          label: "Cursor"
        },
        direction: {
          id: "direction",
          label: "Direction"
        },
        display: {
          id: "display",
          label: "Display"
        },
        emptyCells: {
          id: "emptyCells",
          label: "Empty Cells"
        },
        filter: {
          id: "filter",
          label: "Filter"
        },
        flexBasis: {
          id: "flexBasis",
          label: "Flex Basis"
        },
        flexDirection: {
          id: "flexDirection",
          label: "Flex Direction"
        },
        flexFlow: {
          id: "flexFlow",
          label: "Flex Flow"
        },
        flexGrow: {
          id: "flexGrow",
          label: "Flex Grow"
        },
        flexShrink: {
          id: "flexShrink",
          label: "Flex Shrink"
        },
        flexWrap: {
          id: "flexWrap",
          label: "Flex Wrap"
        },
        float: {
          id: "float",
          label: "Float"
        },
        fontFamily: {
          id: "fontFamily",
          label: "Font Family"
        },
        fontSize: {
          id: "fontSize",
          label: "Font Size"
        },
        fontStretch: {
          id: "fontStretch",
          label: "Font Stretch"
        },
        fontStyle: {
          id: "fontStyle",
          label: "Font Style"
        },
        fontVariantCaps: {
          id: "fontVariantCaps",
          label: "Font VariantCaps"
        },
        fontWeight: {
          id: "fontWeight",
          label: "Font Weight"
        },
        gap: {
          id: "gap",
          label: "Gap"
        },
        gridAutoColumns: {
          id: "gridAutoColumns",
          label: "Grid Auto Columns"
        },
        gridAutoFlow: {
          id: "gridAutoFlow",
          label: "Grid Auto Flow"
        },
        gridColumnEnd: {
          id: "gridColumnEnd",
          label: "Grid Column End"
        },
        gridColumnStart: {
          id: "gridColumnStart",
          label: "Grid Column Start"
        },
        gridRowEnd: {
          id: "gridRowEnd",
          label: "Grid Row End"
        },
        gridRowStart: {
          id: "gridRowStart",
          label: "Grid Row Start"
        },
        gridTemplateColumns: {
          id: "gridTemplateColumns",
          label: "Grid Template Columns"
        },
        gridTemplateRows: {
          id: "gridTemplateRows",
          label: "Grid Template Rows"
        },
        height: {
          id: "height",
          label: "Height"
        },
        justifyContent: {
          id: "justifyContent",
          label: "Justify Content"
        },
        left: {
          id: "left",
          label: "Left"
        },
        letterSpacing: {
          id: "letterSpacing",
          label: "Letter Spacing"
        },
        lineHeight: {
          id: "lineHeight",
          label: "Line Height"
        },
        listStyle: {
          id: "listStyle",
          label: "List Style"
        },
        margin: {
          id: "margin",
          label: "Margin"
        },
        marginBottom: {
          id: "marginBottom",
          label: "Margin Bottom"
        },
        marginLeft: {
          id: "marginLeft",
          label: "Margin Left"
        },
        marginRight: {
          id: "marginRight",
          label: "Margin Right"
        },
        marginTop: {
          id: "marginTop",
          label: "Margin Top"
        },
        maskImage: {
          id: "maskImage",
          label: "Mask Image"
        },
        maskMode: {
          id: "maskMode",
          label: "Mask Mode"
        },
        maskOrigin: {
          id: "maskOrigin",
          label: "Mask Origin"
        },
        maskPosition: {
          id: "maskPosition",
          label: "Mask Position"
        },
        maskRepeat: {
          id: "maskRepeat",
          label: "Mask Repeat"
        },
        maskSize: {
          id: "maskSize",
          label: "Mask Size"
        },
        maxHeight: {
          id: "maxHeight",
          label: "Max Height"
        },
        maxWidth: {
          id: "maxWidth",
          label: "Max Width"
        },
        minHeight: {
          id: "minHeight",
          label: "Min Height"
        },
        minWidth: {
          id: "minWidth",
          label: "Min Width"
        },
        objectFit: {
          id: "objectFit",
          label: "Object Fit"
        },
        opacity: {
          id: "opacity",
          label: "Opacity"
        },
        order: {
          id: "order",
          label: "Order"
        },
        outline: {
          id: "outline",
          label: "Outline"
        },
        overflow: {
          id: "overflow",
          label: "Overflow"
        },
        overflowX: {
          id: "overflowX",
          label: "OverflowX"
        },
        overflowY: {
          id: "overflowY",
          label: "OverflowY"
        },
        padding: {
          id: "padding",
          label: "Padding"
        },
        paddingBottom: {
          id: "paddingBottom",
          label: "Padding Bottom"
        },
        paddingLeft: {
          id: "paddingLeft",
          label: "Padding Left"
        },
        paddingRight: {
          id: "paddingRight",
          label: "Padding Right"
        },
        paddingTop: {
          id: "paddingTop",
          label: "Padding Top"
        },
        perspective: {
          id: "perspective",
          label: "Perspective"
        },
        position: {
          id: "position",
          label: "Position"
        },
        right: {
          id: "right",
          label: "Right"
        },
        rowGap: {
          id: "rowGap",
          label: "Row Gap"
        },
        tableLayout: {
          id: "tableLayout",
          label: "Table Layout"
        },
        textAlign: {
          id: "textAlign",
          label: "Text Align"
        },
        textDecoration: {
          id: "textDecoration",
          label: "Text Decoration"
        },
        textIndent: {
          id: "textIndent",
          label: "Text Indent"
        },
        textJustify: {
          id: "textJustify",
          label: "Text Justify"
        },
        textOverflow: {
          id: "textOverflow",
          label: "Text Overflow"
        },
        textShadow: {
          id: "textShadow",
          label: "Text Shadow"
        },
        textTransform: {
          id: "textTransform",
          label: "Text Transform"
        },
        top: {
          id: "top",
          label: "Top"
        },
        transform: {
          id: "transform",
          label: "Transform"
        },
        transformOrigin: {
          id: "transformOrigin",
          label: "Transform Origin"
        },
        transformStyle: {
          id: "transformStyle",
          label: "Transform Style"
        },
        transition: {
          id: "transition",
          label: "Transition"
        },
        verticalAlign: {
          id: "verticalAlign",
          label: "Vertical Align"
        },
        visibility: {
          id: "visibility",
          label: "Visibility"
        },
        width: {
          id: "width",
          label: "Width"
        },
        wordBreak: {
          id: "wordBreak",
          label: "Word Break"
        },
        wordSpacing: {
          id: "wordSpacing",
          label: "Word Spacing"
        },
        wordWrap: {
          id: "wordWrap",
          label: "Word Wrap"
        },
        writingMode: {
          id: "writingMode",
          label: "Writing Mode"
        },
        zIndex: {
          id: "zIndex",
          label: "Z-Index"
        },
        "-webkit-text-fill-color": {
          id: "-webkit-text-fill-color",
          label: "Webkit Text Fill Color"
        }
      };
      addFilter("cssProps", "post-grid/cssProps", function (options) {
        return cssPropsPro;
      });
    }
  }
});

/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   popupEntranceAnimateBasic: () => (/* binding */ popupEntranceAnimateBasic)
/* harmony export */ });
var popupEntranceAnimateBasic = {
  none: {
    label: "None",
    value: ""
  },
  backInDown: {
    label: "backInDown",
    value: "backInDown"
  },
  backInLeft: {
    label: "backInLeft",
    value: "backInLeft"
  },
  backInRight: {
    label: "backInRight",
    value: "backInRight"
  },
  backInUp: {
    label: "backInUp",
    value: "backInUp"
  },
  bounceIn: {
    label: "bounceIn",
    value: "bounceIn"
  },
  bounceInDown: {
    label: "bounceInDown",
    value: "bounceInDown"
  },
  bounceInLeft: {
    label: "bounceInLeft",
    value: "bounceInLeft"
  },
  bounceInRight: {
    label: "bounceInRight",
    value: "bounceInRight"
  },
  bounceInUp: {
    label: "bounceInUp",
    value: "bounceInUp"
  },
  fadeIn: {
    label: "fadeIn",
    value: "fadeIn"
  },
  fadeInDown: {
    label: "fadeInDown",
    value: "fadeInDown"
  },
  fadeInDownBig: {
    label: "fadeInDownBig",
    value: "fadeInDownBig"
  },
  fadeInLeft: {
    label: "fadeInLeft",
    value: "fadeInLeft"
  },
  fadeInLeftBig: {
    label: "fadeInLeftBig",
    value: "fadeInLeftBig"
  },
  fadeInRight: {
    label: "fadeInRight",
    value: "fadeInRight"
  },
  fadeInRightBig: {
    label: "fadeInRightBig",
    value: "fadeInRightBig"
  },
  fadeInUp: {
    label: "fadeInUp",
    value: "fadeInUp"
  },
  fadeInUpBig: {
    label: "fadeInUpBig",
    value: "fadeInUpBig"
  },
  fadeInTopLeft: {
    label: "fadeInTopLeft",
    value: "fadeInTopLeft"
  },
  fadeInTopRight: {
    label: "fadeInTopRight",
    value: "fadeInTopRight"
  },
  fadeInBottomRight: {
    label: "fadeInBottomRight",
    value: "fadeInBottomRight"
  },
  fadeInBottomLeft: {
    label: "fadeInBottomLeft",
    value: "fadeInBottomLeft"
  },
  rotateIn: {
    label: "rotateIn",
    value: "rotateIn"
  },
  rotateInDownLeft: {
    label: "rotateInDownLeft",
    value: "rotateInDownLeft"
  },
  rotateInDownRight: {
    label: "rotateInDownRight",
    value: "rotateInDownRight"
  },
  rotateInUpLeft: {
    label: "rotateInUpLeft",
    value: "rotateInUpLeft"
  },
  rotateInUpRight: {
    label: "rotateInUpRight",
    value: "rotateInUpRight"
  },
  zoomIn: {
    label: "zoomIn",
    value: "zoomIn"
  },
  zoomInDown: {
    label: "zoomInDown",
    value: "zoomInDown"
  },
  zoomInLeft: {
    label: "zoomInLeft",
    value: "zoomInLeft"
  },
  zoomInRight: {
    label: "zoomInRight",
    value: "zoomInRight"
  },
  zoomInUp: {
    label: "zoomInUp",
    value: "zoomInUp"
  },
  slideInDown: {
    label: "slideInDown",
    value: "slideInDown"
  },
  slideInLeft: {
    label: "slideInLeft",
    value: "slideInLeft"
  },
  slideInRight: {
    label: "slideInRight",
    value: "slideInRight"
  },
  slideInUp: {
    label: "slideInUp",
    value: "slideInUp"
  }
};

/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   popupCloseAnimateBasic: () => (/* binding */ popupCloseAnimateBasic)
/* harmony export */ });
var popupCloseAnimateBasic = {
  none: {
    label: "None",
    value: ""
  },
  backOutDown: {
    label: "backOutDown",
    value: "backOutDown"
  },
  backOutLeft: {
    label: "backOutLeft",
    value: "backOutLeft"
  },
  backOutRight: {
    label: "backOutRight",
    value: "backOutRight"
  },
  backOutUp: {
    label: "backOutUp",
    value: "backOutUp"
  },
  bounceOut: {
    label: "bounceOut",
    value: "bounceOut"
  },
  bounceOutDown: {
    label: "bounceOutDown",
    value: "bounceOutDown"
  },
  bounceOutLeft: {
    label: "bounceOutLeft",
    value: "bounceOutLeft"
  },
  bounceOutRight: {
    label: "bounceOutRight",
    value: "bounceOutRight"
  },
  bounceOutUp: {
    label: "bounceOutUp",
    value: "bounceOutUp"
  },
  fadeOut: {
    label: "fadeOut",
    value: "fadeOut"
  },
  fadeOutDown: {
    label: "fadeOutDown",
    value: "fadeOutDown"
  },
  fadeOutDownBig: {
    label: "fadeOutDownBig",
    value: "fadeOutDownBig"
  },
  fadeOutLeft: {
    label: "fadeOutLeft",
    value: "fadeOutLeft"
  },
  fadeOutLeftBig: {
    label: "fadeOutLeftBig",
    value: "fadeOutLeftBig"
  },
  fadeOutRight: {
    label: "fadeOutRight",
    value: "fadeOutRight"
  },
  fadeOutRightBig: {
    label: "fadeOutRightBig",
    value: "fadeOutRightBig"
  },
  fadeOutUp: {
    label: "fadeOutUp",
    value: "fadeOutUp"
  },
  fadeOutUpBig: {
    label: "fadeOutUpBig",
    value: "fadeOutUpBig"
  },
  fadeOutTopLeft: {
    label: "fadeOutTopLeft",
    value: "fadeOutTopLeft"
  },
  fadeOutTopRight: {
    label: "fadeOutTopRight",
    value: "fadeOutTopRight"
  },
  fadeOutBottomRight: {
    label: "fadeOutBottomRight",
    value: "fadeOutBottomRight"
  },
  fadeOutBottomLeft: {
    label: "fadeOutBottomLeft",
    value: "fadeOutBottomLeft"
  },
  rotateOut: {
    label: "rotateOut",
    value: "rotateOut"
  },
  rotateOutDownLeft: {
    label: "rotateOutDownLeft",
    value: "rotateOutDownLeft"
  },
  rotateOutDownRight: {
    label: "rotateOutDownRight",
    value: "rotateOutDownRight"
  },
  rotateOutUpLeft: {
    label: "rotateOutUpLeft",
    value: "rotateOutUpLeft"
  },
  rotateOutUpRight: {
    label: "rotateOutUpRight",
    value: "rotateOutUpRight"
  },
  zoomOut: {
    label: "zoomOut",
    value: "zoomOut"
  },
  zoomOutDown: {
    label: "zoomOutDown",
    value: "zoomOutDown"
  },
  zoomOutLeft: {
    label: "zoomOutLeft",
    value: "zoomOutLeft"
  },
  zoomOutRight: {
    label: "zoomOutRight",
    value: "zoomOutRight"
  },
  zoomOutUp: {
    label: "zoomOutUp",
    value: "zoomOutUp"
  },
  slideOutDown: {
    label: "slideOutDown",
    value: "slideOutDown"
  },
  slideOutLeft: {
    label: "slideOutLeft",
    value: "slideOutLeft"
  },
  slideOutRight: {
    label: "slideOutRight",
    value: "slideOutRight"
  },
  slideOutUp: {
    label: "slideOutUp",
    value: "slideOutUp"
  }
};

/***/ }),

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

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   store: () => (/* binding */ store)
/* harmony export */ });
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/api-fetch */ "@wordpress/api-fetch");
/* harmony import */ var _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data");
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_1__);



const {
  __experimentalSetPreviewDeviceType: setPreviewDeviceType
} = wp.data.dispatch("core/edit-post");

// if (wp.data.dispatch('core/edit-post') != null) {
//   const {
//     __experimentalSetPreviewDeviceType: setPreviewDeviceType,

//   } = wp.data.dispatch('core/edit-post')

// } else {
//   const {
//     __experimentalSetPreviewDeviceType: setPreviewDeviceType,

//   } = wp.data.dispatch('core/edit-widgets')
// }

const DEFAULT_STATE = {
  breakPoint: "Desktop",
  clientdata: {},
  license: {
    license_status: "",
    license_key: ""
  },
  blockCss: "",
  stylesClipboard: null
};
var selectors = {
  getBreakPoint(state) {
    const {
      breakPoint
    } = state;
    return breakPoint;
  },
  getclientdata(state) {
    const {
      clientdata
    } = state;
    return clientdata;
  },
  getLicense(state) {
    const {
      license
    } = state;
    return license;
  },
  getStylesClipboard(state) {
    const {
      stylesClipboard
    } = state;
    return stylesClipboard;
  },
  parseCustomTags(state, str, tags) {
    if (str !== undefined) {
      var strArr = str?.split(" ");
      if (str?.length == 0) return;
      var newStr = strArr.map(item => {
        if (item.indexOf("currentYear") >= 0) {
          return tags.currentYear.value;
        } else if (item.indexOf("currentMonth") >= 0) {
          return tags.currentMonth.value;
        } else if (item.indexOf("currentDay") >= 0) {
          return tags.currentDay.value;
        } else if (item.indexOf("currentDate") >= 0) {
          return tags.currentDate.value;
        } else if (item.indexOf("currentTime") >= 0) {
          return tags.currentTime.value;
        } else if (item.indexOf("postPublishDate") >= 0) {
          return tags.postPublishDate.value;
        } else if (item.indexOf("postModifiedDate") >= 0) {
          return tags.postModifiedDate.value;
        } else if (item.indexOf("termId") >= 0) {
          return tags.termId.value;
        } else if (item.indexOf("termTitle") >= 0) {
          return tags.termTitle.value;
        } else if (item.indexOf("termDescription") >= 0) {
          return tags.termDescription.value;
        } else if (item.indexOf("termPostCount") >= 0) {
          return tags.termPostCount.value;
        } else if (item.indexOf("postTagTitle") >= 0) {
          return tags.postTagTitle.value;
        } else if (item.indexOf("postTagsTitle") >= 0) {
          return tags.postTagsTitle.value;
        } else if (item.indexOf("postCategoryTitle") >= 0) {
          return tags.postCategoryTitle.value;
        } else if (item.indexOf("postCategoriesTitle") >= 0) {
          return tags.postCategoriesTitle.value;
        } else if (item.indexOf("postTermTitle") >= 0) {
          return tags.postTermTitle.value;
        } else if (item.indexOf("postTermsTitle") >= 0) {
          return tags.postTermsTitle.value;
        } else if (item.indexOf("postSlug") >= 0) {
          return tags.postSlug.value;
        } else if (item.indexOf("postId") >= 0) {
          return tags.postId.value;
        } else if (item.indexOf("postStatus") >= 0) {
          return tags.postStatus.value;
        } else if (item.indexOf("authorId") >= 0) {
          return tags.authorId.value;
        } else if (item.indexOf("authorName") >= 0) {
          return tags.authorName.value;
        } else if (item.indexOf("authorFirstName") >= 0) {
          return tags.authorFirstName.value;
        } else if (item.indexOf("authorLastName") >= 0) {
          return tags.authorLastName.value;
        } else if (item.indexOf("authorDescription") >= 0) {
          return tags.authorDescription.value;
        } else if (item.indexOf("excerpt") >= 0) {
          return tags.excerpt.value;
        } else if (item.indexOf("rankmathTitle") >= 0) {
          return tags.rankmathTitle.value;
        } else if (item.indexOf("rankmathDescription") >= 0) {
          return tags.rankmathDescription.value;
        } else if (item.indexOf("rankmathFocusKeyword") >= 0) {
          return tags.rankmathFocusKeyword.value;
        } else if (item.indexOf("rankmathOrgname") >= 0) {
          return tags.rankmathOrgname.value;
        } else if (item.indexOf("rankmathOrgurl") >= 0) {
          return tags.rankmathOrgurl.value;
        } else if (item.indexOf("rankmathOrglogo") >= 0) {
          return tags.rankmathOrglogo.value;
        } else if (item.indexOf("siteTitle") >= 0) {
          return tags.siteTitle.value;
        } else if (item.indexOf("siteDescription") >= 0) {
          return tags.siteDescription.value;
        } else if (item.indexOf("postMeta") >= 0) {
          return tags.currentDay.value;
        } else if (item.indexOf("separator") >= 0) {
          return tags.separator.value;
        } else if (item.indexOf("searchTerms") >= 0) {
          return tags.searchTerms.value;
        }
        // else if (item.indexOf("counter") >= 0) {
        // 	return tags.counter.value;
        // }
        else {
          return item;
        }
      });
      return newStr.join(" ");
    }
  },
  cssAttrParse(state, key) {
    var cssProp = "";
    if (key == "alignContent") {
      cssProp = "align-content";
    } else if (key == "alignItems") {
      cssProp = "align-items";
    } else if (key == "animationName") {
      cssProp = "animation-name";
    } else if (key == "alignSelf") {
      cssProp = "align-self";
    } else if (key == "aspectRatio") {
      cssProp = "aspect-ratio";
    } else if (key == "backfaceVisibility") {
      cssProp = "backface-visibility";
    } else if (key == "backgroundAttachment") {
      cssProp = "background-attachment";
    } else if (key == "backgroundBlendMode") {
      cssProp = "background-blend-mode";
    } else if (key == "backgroundClip") {
      cssProp = "background-clip";
    } else if (key == "bgColor") {
      cssProp = "background-color";
    } else if (key == "backgroundColor") {
      cssProp = "background-color";
    } else if (key == "backgroundOrigin") {
      cssProp = "background-origin";
    } else if (key == "backgroundRepeat") {
      cssProp = "background-repeat";
    } else if (key == "backgroundSize") {
      cssProp = "background-size";
    } else if (key == "backgroundPosition") {
      cssProp = "background-position";
    } else if (key == "backgroundImage") {
      cssProp = "background-image";
    } else if (key == "border") {
      cssProp = "border";
    } else if (key == "borderTop") {
      cssProp = "border-top";
    } else if (key == "borderRight") {
      cssProp = "border-right";
    } else if (key == "borderBottom") {
      cssProp = "border-bottom";
    } else if (key == "borderLeft") {
      cssProp = "border-left";
    } else if (key == "borderRadius") {
      cssProp = "border-radius";
    } else if (key == "borderCollapse") {
      cssProp = "border-collapse";
    } else if (key == "borderSpacing") {
      cssProp = "border-spacing";
    } else if (key == "borderImage") {
      cssProp = "border-image";
    } else if (key == "boxShadow") {
      cssProp = "box-shadow";
    } else if (key == "backdropFilter") {
      cssProp = "backdrop-filter";
    } else if (key == "bottom" || key == "top" || key == "left" || key == "right" || key == "clear" || key == "color" || key == "filter" || key == "float") {
      cssProp = key;
    } else if (key == "boxSizing") {
      cssProp = "box-sizing";
    } else if (key == "cursor") {
      cssProp = "cursor";
    } else if (key == "content") {
      cssProp = "content";
    } else if (key == "counterIncrement") {
      cssProp = "counter-increment";
    } else if (key == "counterReset") {
      cssProp = "counter-reset";
    } else if (key == "counterSet") {
      cssProp = "counter-set";
    } else if (key == "columnCount") {
      cssProp = "column-count";
    } else if (key == "columnRule") {
      cssProp = "column-rule";
    } else if (key == "direction") {
      cssProp = "direction";
    } else if (key == "fontFamily") {
      cssProp = "font-family";
    } else if (key == "fontSize") {
      cssProp = "font-size";
    } else if (key == "fontStyle") {
      cssProp = "font-style";
    } else if (key == "fontStretch") {
      cssProp = "font-stretch";
    } else if (key == "fontWeight") {
      cssProp = "font-weight";
    } else if (key == "fontVariantCaps") {
      cssProp = "font-variant-caps";
    } else if (key == "flexWrap") {
      cssProp = "flex-wrap";
    } else if (key == "flexDirection") {
      cssProp = "flex-direction";
    } else if (key == "flexGrow") {
      cssProp = "flex-grow";
    } else if (key == "flexShrink") {
      cssProp = "flex-shrink";
    } else if (key == "flexBasis") {
      cssProp = "flex-basis";
    } else if (key == "flexFlow") {
      cssProp = "flex-flow";
    } else if (key == "letterSpacing") {
      cssProp = "letter-spacing";
    } else if (key == "gridAutoFlow") {
      cssProp = "grid-auto-flow";
    } else if (key == "gridColumnEnd") {
      cssProp = "grid-column-end";
    } else if (key == "gridColumnStart") {
      cssProp = "grid-column-start";
    } else if (key == "gridRowEnd") {
      cssProp = "grid-row-end";
    } else if (key == "gridRowStart") {
      cssProp = "grid-row-start";
    } else if (key == "gridTemplateColumns") {
      cssProp = "grid-template-columns";
    } else if (key == "gridTemplateRows") {
      cssProp = "grid-template-rows";
    } else if (key == "listStyle") {
      cssProp = "list-style";
    } else if (key == "lineHeight") {
      cssProp = "line-height";
    } else if (key == "justifyContent") {
      cssProp = "justify-content";
    } else if (key == "objectFit") {
      cssProp = "object-fit";
    } else if (key == "opacity") {
      cssProp = "opacity";
    } else if (key == "outline") {
      cssProp = "outline";
    } else if (key == "order") {
      cssProp = "order";
    } else if (key == "outlineOffset") {
      cssProp = "outline-offset";
    } else if (key == "position") {
      cssProp = "position";
    } else if (key == "textIndent") {
      cssProp = "text-indent";
    } else if (key == "textJustify") {
      cssProp = "text-justify";
    } else if (key == "textTransform") {
      cssProp = "text-transform";
    } else if (key == "textDecoration") {
      cssProp = "text-decoration";
    } else if (key == "textOverflow") {
      cssProp = "text-overflow";
    } else if (key == "textShadow") {
      cssProp = "text-shadow";
    } else if (key == "textAlign") {
      cssProp = "text-align";
    } else if (key == "visibility") {
      cssProp = "visibility";
    } else if (key == "wordBreak") {
      cssProp = "word-break";
    } else if (key == "wordSpacing") {
      cssProp = "word-spacing";
    } else if (key == "zIndex") {
      cssProp = "z-index";
    } else if (key == "padding") {
      cssProp = "padding";
    } else if (key == "paddingTop") {
      cssProp = "padding-top";
    } else if (key == "paddingRight") {
      cssProp = "padding-right";
    } else if (key == "paddingBottom") {
      cssProp = "padding-bottom";
    } else if (key == "paddingLeft") {
      cssProp = "padding-left";
    } else if (key == "placeItems") {
      cssProp = "place-items";
    } else if (key == "margin") {
      cssProp = "margin";
    } else if (key == "marginTop") {
      cssProp = "margin-top";
    } else if (key == "marginRight") {
      cssProp = "margin-right";
    } else if (key == "marginBottom") {
      cssProp = "margin-bottom";
    } else if (key == "marginLeft") {
      cssProp = "margin-left";
    } else if (key == "display") {
      cssProp = "display";
    } else if (key == "width") {
      cssProp = "width";
    } else if (key == "height") {
      cssProp = "height";
    } else if (key == "verticalAlign") {
      cssProp = "vertical-align";
    } else if (key == "overflow") {
      cssProp = "overflow";
    } else if (key == "overflowX") {
      cssProp = "overflow-x";
    } else if (key == "overflowY") {
      cssProp = "overflow-y";
    } else if (key == "writingMode") {
      cssProp = "writing-mode";
    } else if (key == "wordWrap") {
      cssProp = "word-wrap";
    } else if (key == "perspective") {
      cssProp = "perspective";
    } else if (key == "minWidth") {
      cssProp = "min-width";
    } else if (key == "minHeight") {
      cssProp = "min-height";
    } else if (key == "maxHeight") {
      cssProp = "max-height";
    } else if (key == "maxWidth") {
      cssProp = "max-width";
    } else if (key == "transition") {
      cssProp = "transition";
    } else if (key == "transform") {
      cssProp = "transform";
    } else if (key == "transformOrigin") {
      cssProp = "transform-origin";
    } else if (key == "tableLayout") {
      cssProp = "table-layout";
    } else if (key == "emptyCells") {
      cssProp = "empty-cells";
    } else if (key == "captionSide") {
      cssProp = "caption-side";
    } else if (key == "gap") {
      cssProp = "gap";
    } else if (key == "rowGap") {
      cssProp = "row-gap";
    } else if (key == "columnGap") {
      cssProp = "column-gap";
    } else if (key == "userSelect") {
      cssProp = "user-select";
    } else if (key == "-webkit-text-fill-color") {
      cssProp = "-webkit-text-fill-color";
    } else {
      cssProp = key;
    }
    return cssProp;
  },
  onAddStyleItem(state, sudoScource, key, obj) {
    const {
      breakPoint
    } = state;
    var path = [sudoScource, key, breakPoint];
    let objX = Object.assign({}, obj);
    const object = selectors.addPropertyDeep(state, objX, path, "");
    return object;
  },
  addPropertyDeep(state, obj, path, value) {
    const [head, ...rest] = path;
    return {
      ...obj,
      [head]: rest.length ? selectors.addPropertyDeep(state, obj[head], rest, value) : value
    };
  },
  updatePropertyDeep(state, obj, path, value) {
    const [head, ...rest] = path;
    return {
      ...obj,
      [head]: rest.length ? selectors.updatePropertyDeep(state, obj[head], rest, value) : value
    };
  },
  setPropertyDeep(state, obj, path, value) {
    const [head, ...rest] = path.split(".");
    return {
      ...obj,
      [head]: rest.length ? selectors.setPropertyDeep(state, obj[head], rest.join("."), value) : value
    };
  },
  deletePropertyDeep(state, object, path) {
    var last = path.pop();
    delete path.reduce((o, k) => o[k] || {}, object)[last];
    return object;
  },
  getElementSelector(state, sudoScource, mainSelector) {
    var elementSelector = mainSelector;
    if (sudoScource == "styles") {
      elementSelector = mainSelector;
    } else if (sudoScource == "hover") {
      elementSelector = mainSelector + ":hover";
    } else if (sudoScource == "after") {
      elementSelector = mainSelector + "::after";
    } else if (sudoScource == "before") {
      elementSelector = mainSelector + "::before";
    } else if (sudoScource == "first-child") {
      elementSelector = mainSelector + ":first-child";
    } else if (sudoScource == "last-child") {
      elementSelector = mainSelector + ":last-child";
    } else if (sudoScource == "visited") {
      elementSelector = mainSelector + ":visited";
    } else if (sudoScource == "selection") {
      elementSelector = mainSelector + "::selection";
    } else if (sudoScource == "first-letter") {
      elementSelector = mainSelector + "::first-letter";
    } else if (sudoScource == "first-line") {
      elementSelector = mainSelector + "::first-line";
    } else {
      elementSelector = mainSelector + ":" + sudoScource;
    }
    return elementSelector;
  },
  // generateElementCss(state, obj, elementSelector) {
  // 	var cssObj = {};

  // 	Object.entries(obj).map((args) => {
  // 		var sudoSrc = args[0];
  // 		var sudoArgs = args[1];
  // 		if (sudoSrc != "options" && sudoArgs != null) {
  // 			var selector = selectors.getElementSelector(
  // 				state,
  // 				sudoSrc,
  // 				elementSelector
  // 			);
  // 			Object.entries(args[1]).map((x) => {
  // 				var attr = x[0];
  // 				var cssPropty = selectors.cssAttrParse(state, attr);

  // 				if (cssObj[selector] == undefined) {
  // 					cssObj[selector] = {};
  // 				}

  // 				if (cssObj[selector][cssPropty] == undefined) {
  // 					cssObj[selector][cssPropty] = {};
  // 				}

  // 				cssObj[selector][cssPropty] = x[1];
  // 			});
  // 		}
  // 	});

  // 	return cssObj;
  // },
  generateElementCss(state, obj, elementSelector) {
    var cssObj = {};
    Object.entries(obj).map(args => {
      var sudoSrc = args[0];
      var sudoArgs = args[1];
      if (sudoSrc != "options" && sudoArgs != null) {
        var selector = selectors.getElementSelector(state, sudoSrc, elementSelector);
        Object.entries(args[1]).map(x => {
          var attr = x[0];
          var propVal = x[1];
          var cssPropty = selectors.cssAttrParse(state, attr);
          var found = Object.entries(propVal).reduce((a, [k, v]) => v ? (a[k] = v, a) : a, {});
          if (Object.keys(found).length > 0) {
            if (cssObj[selector] == undefined) {
              cssObj[selector] = {};
            }
            if (cssObj[selector][cssPropty] == undefined) {
              cssObj[selector][cssPropty] = {};
            }
            cssObj[selector][cssPropty] = x[1];
          }
        });
      }
    });
    return cssObj;
  },
  // getBlockCssRules(state, blockCssObj) {
  // 	var blockCssRules = {};

  // 	Object.entries(blockCssObj).map((args) => {
  // 		var elementSelector = args[0];
  // 		var elementObj = args[1];

  // 		var elementCss = selectors.generateElementCss(
  // 			state,
  // 			elementObj,
  // 			elementSelector
  // 		);

  // 		if (elementCss[elementSelector] == undefined) {
  // 		} else {
  // 			blockCssRules[elementSelector] = elementCss[elementSelector];
  // 		}
  // 	});

  // 	return blockCssRules;
  // },

  getBlockCssRules(state, blockCssObj) {
    var blockCssRules = {};
    Object.entries(blockCssObj).map(args => {
      var elementSelector = args[0];
      var elementObj = args[1];
      var elementCss = selectors.generateElementCss(state, elementObj, elementSelector);
      Object.entries(elementCss).map(sudoCss => {
        var sudoSelector = sudoCss[0];
        var sudoVal = sudoCss[1];
        blockCssRules[sudoSelector] = sudoVal;
      });
    });
    return blockCssRules;
  },
  generateCssFromElementObject(state, obj, selector) {
    var reponsiveCssGroups = {};
  },
  generateBlockCss(state, items, blockId) {
    const {
      blockCss
    } = state;
    var reponsiveCssGroups = {};
    for (var selector in items) {
      var attrs = items[selector];
      for (var attr in attrs) {
        var breakpoints = attrs[attr];
        for (var device in breakpoints) {
          var attrValue = breakpoints[device];
          if (reponsiveCssGroups[device] == undefined) {
            reponsiveCssGroups[device] = [];
          }
          if (reponsiveCssGroups[device] == undefined) {
            reponsiveCssGroups[device] = [];
          }
          if (reponsiveCssGroups[device][selector] == undefined) {
            reponsiveCssGroups[device][selector] = [];
          }
          if (typeof attrValue == "string") {
            attrValue = attrValue.replaceAll("u0022", '"');
            reponsiveCssGroups[device][selector].push({
              attr: attr,
              val: attrValue
            });
          }
        }
      }
    }
    var reponsiveCssDesktop = "";
    if (reponsiveCssGroups["Desktop"] != undefined) {
      for (var selector in reponsiveCssGroups["Desktop"]) {
        var attrs = reponsiveCssGroups["Desktop"][selector];
        reponsiveCssDesktop += selector + "{";
        for (var index in attrs) {
          var attr = attrs[index];
          var attrName = attr.attr;
          var attrValue = attr.val;
          reponsiveCssDesktop += attrName + ":" + attrValue + ";";
        }
        reponsiveCssDesktop += "}";
      }
    }
    var reponsiveCssTablet = "";
    if (reponsiveCssGroups["Tablet"] != undefined) {
      reponsiveCssTablet += "@media(max-width: 991px){";
      for (var selector in reponsiveCssGroups["Tablet"]) {
        var attrs = reponsiveCssGroups["Tablet"][selector];
        reponsiveCssTablet += selector + "{";
        for (var index in attrs) {
          var attr = attrs[index];
          var attrName = attr.attr;
          var attrValue = attr.val;
          reponsiveCssTablet += attrName + ":" + attrValue + ";";
        }
        reponsiveCssTablet += "}";
      }
      reponsiveCssTablet += "}";
    }
    var reponsiveCssMobile = "";
    if (reponsiveCssGroups["Mobile"] != undefined) {
      reponsiveCssMobile += "@media(max-width:767px){";
      for (var selector in reponsiveCssGroups["Mobile"]) {
        var attrs = reponsiveCssGroups["Mobile"][selector];
        reponsiveCssMobile += selector + "{";
        for (var index in attrs) {
          var attr = attrs[index];
          var attrName = attr.attr;
          var attrValue = attr.val;
          reponsiveCssMobile += attrName + ":" + attrValue + ";";
        }
        reponsiveCssMobile += "}";
      }
      reponsiveCssMobile += "}";
    }
    var reponsiveCss = reponsiveCssDesktop + reponsiveCssTablet + reponsiveCssMobile;
    var iframe = document.querySelectorAll('[name="editor-canvas"]')[0];
    if (iframe) {
      setTimeout(() => {
        var iframeDocument = iframe.contentDocument;
        var body = iframeDocument.body;
        var divWrap = iframeDocument.getElementById("css-block-" + blockId);
        if (divWrap != undefined) {
          iframeDocument.getElementById("css-block-" + blockId).outerHTML = "";
        }
        var divWrap = '<div id="css-block-' + blockId + '"></div>';
        body.insertAdjacentHTML("beforeend", divWrap);
        var csswrappg = iframeDocument.getElementById("css-block-" + blockId);
        var str = "<style>" + reponsiveCss + "</style>";
        csswrappg.insertAdjacentHTML("beforeend", str);
      }, 200);
    } else {
      var wpfooter = document.getElementById("wpfooter");
      var divWrap = document.getElementById("css-block-" + blockId);
      if (divWrap != undefined) {
        document.getElementById("css-block-" + blockId).outerHTML = "";
      }
      var divWrap = '<div id="css-block-' + blockId + '"></div>';
      wpfooter.insertAdjacentHTML("beforeend", divWrap);
      var csswrappg = document.getElementById("css-block-" + blockId);
      var str = "<style>" + reponsiveCss + "</style>";
      csswrappg.insertAdjacentHTML("beforeend", str);
    }
    return blockCss;
  }
};
var resolvers = {
  *getLicense() {
    const path = "/accordions/v2/get_license";
    const res = yield actions.fetchLicense(path);
    return actions.setLicense(res);
  },
  *getclientdata() {
    const path = "/accordions/v2/get_site_details";
    const res = yield actions.fetchclientdata(path);
    return actions.setclientdata(res);
  }
};
const actions = {
  setBreakPoint(breakpoint) {
    setPreviewDeviceType(breakpoint);
    return {
      type: "SET_BREAKPOINT",
      breakpoint
    };
  },
  setclientdata(clientdata) {
    return {
      type: "SET_CLIENTDATA",
      clientdata
    };
  },
  setLicense(license) {
    return {
      type: "SET_LICENSE",
      license
    };
  },
  setStylesClipboard(stylesClipboard) {
    return {
      type: "SET_CLIPBOARD",
      stylesClipboard
    };
  },
  fetchLicense(path) {
    return {
      type: "FETCH_LICENSE_FROM_API",
      path
    };
  },
  fetchclientdata(path) {
    return {
      type: "FETCH_CLIENTDATA_FROM_API",
      path
    };
  }
};
var controls = {
  FETCH_LICENSE_FROM_API(action) {
    return _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({
      path: action.path,
      method: "POST",
      data: {}
    });
  },
  FETCH_CLIENTDATA_FROM_API(action) {
    return _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({
      path: action.path,
      method: "POST",
      data: {}
    });
  },
  FETCH_PRO_INFO_FROM_API(action) {
    return _wordpress_api_fetch__WEBPACK_IMPORTED_MODULE_0___default()({
      path: action.path,
      method: "POST",
      data: {}
    });
  }
};
const store = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.createReduxStore)("postgrid-shop", {
  reducer(state = DEFAULT_STATE, action) {
    switch (action.type) {
      case "SET_BREAKPOINT":
        return {
          ...state,
          breakPoint: action.breakpoint
        };
      case "SET_CLIENTDATA":
        return {
          ...state,
          clientdata: action.clientdata
        };
      case "SET_LICENSE":
        return {
          ...state,
          license: action.license
        };
      case "SET_CLIPBOARD":
        return {
          ...state,
          stylesClipboard: action.stylesClipboard
        };
    }
    return state;
  },
  actions,
  selectors,
  controls,
  resolvers
});
(0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.register)(store);
(0,_wordpress_data__WEBPACK_IMPORTED_MODULE_1__.subscribe)(() => {});


/***/ }),

/***/ "./node_modules/react-sortablejs/dist/index.js":
/*!*****************************************************!*\
  !*** ./node_modules/react-sortablejs/dist/index.js ***!
  \*****************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {

var $8zHUo$sortablejs = __webpack_require__(/*! sortablejs */ "./node_modules/sortablejs/modular/sortable.esm.js");
var $8zHUo$classnames = __webpack_require__(/*! classnames */ "./node_modules/react-sortablejs/node_modules/classnames/index.js");
var $8zHUo$react = __webpack_require__(/*! react */ "react");
var $8zHUo$tinyinvariant = __webpack_require__(/*! tiny-invariant */ "./node_modules/tiny-invariant/dist/tiny-invariant.esm.js");

function $parcel$interopDefault(a) {
  return a && a.__esModule ? a.default : a;
}
function $parcel$export(e, n, v, s) {
  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
}
function $parcel$exportWildcard(dest, source) {
  Object.keys(source).forEach(function(key) {
    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
      return;
    }

    Object.defineProperty(dest, key, {
      enumerable: true,
      get: function get() {
        return source[key];
      }
    });
  });

  return dest;
}

$parcel$export(module.exports, "Sortable", () => $882b6d93070905b3$re_export$Sortable);
$parcel$export(module.exports, "Direction", () => $882b6d93070905b3$re_export$Direction);
$parcel$export(module.exports, "DOMRect", () => $882b6d93070905b3$re_export$DOMRect);
$parcel$export(module.exports, "GroupOptions", () => $882b6d93070905b3$re_export$GroupOptions);
$parcel$export(module.exports, "MoveEvent", () => $882b6d93070905b3$re_export$MoveEvent);
$parcel$export(module.exports, "Options", () => $882b6d93070905b3$re_export$Options);
$parcel$export(module.exports, "PullResult", () => $882b6d93070905b3$re_export$PullResult);
$parcel$export(module.exports, "PutResult", () => $882b6d93070905b3$re_export$PutResult);
$parcel$export(module.exports, "SortableEvent", () => $882b6d93070905b3$re_export$SortableEvent);
$parcel$export(module.exports, "SortableOptions", () => $882b6d93070905b3$re_export$SortableOptions);
$parcel$export(module.exports, "Utils", () => $882b6d93070905b3$re_export$Utils);
$parcel$export(module.exports, "ReactSortable", () => $7fe8e3ea572bda7a$export$11bbed9ee0012c13);





function $eb03e74f8f7db1f3$export$1d0aa160432dfea5(node) {
    if (node.parentElement !== null) node.parentElement.removeChild(node);
}
function $eb03e74f8f7db1f3$export$6d240faa51aa562f(parent, newChild, index) {
    const refChild = parent.children[index] || null;
    parent.insertBefore(newChild, refChild);
}
function $eb03e74f8f7db1f3$export$d7d742816c28cf91(customs) {
    $eb03e74f8f7db1f3$export$77f49a256021c8de(customs);
    $eb03e74f8f7db1f3$export$a6177d5829f70ebc(customs);
}
function $eb03e74f8f7db1f3$export$77f49a256021c8de(customs) {
    customs.forEach((curr)=>$eb03e74f8f7db1f3$export$1d0aa160432dfea5(curr.element));
}
function $eb03e74f8f7db1f3$export$a6177d5829f70ebc(customs) {
    customs.forEach((curr)=>{
        $eb03e74f8f7db1f3$export$6d240faa51aa562f(curr.parentElement, curr.element, curr.oldIndex);
    });
}
function $eb03e74f8f7db1f3$export$4655efe700f887a(evt, list) {
    const mode = $eb03e74f8f7db1f3$export$1fc0f6205829e19c(evt);
    const parentElement = {
        parentElement: evt.from
    };
    let custom = [];
    switch(mode){
        case "normal":
            /* eslint-disable */ const item = {
                element: evt.item,
                newIndex: evt.newIndex,
                oldIndex: evt.oldIndex,
                parentElement: evt.from
            };
            custom = [
                item
            ];
            break;
        case "swap":
            const drag = {
                element: evt.item,
                oldIndex: evt.oldIndex,
                newIndex: evt.newIndex,
                ...parentElement
            };
            const swap = {
                element: evt.swapItem,
                oldIndex: evt.newIndex,
                newIndex: evt.oldIndex,
                ...parentElement
            };
            custom = [
                drag,
                swap
            ];
            break;
        case "multidrag":
            custom = evt.oldIndicies.map((curr, index)=>({
                    element: curr.multiDragElement,
                    oldIndex: curr.index,
                    newIndex: evt.newIndicies[index].index,
                    ...parentElement
                }));
            break;
    }
    /* eslint-enable */ const customs = $eb03e74f8f7db1f3$export$bc06a3af7dc65f53(custom, list);
    return customs;
}
function $eb03e74f8f7db1f3$export$c25cf8080bd305ec(normalized, list) {
    const a = $eb03e74f8f7db1f3$export$be2da95e6167b0bd(normalized, list);
    const b = $eb03e74f8f7db1f3$export$eca851ee65ae17e4(normalized, a);
    return b;
}
function $eb03e74f8f7db1f3$export$be2da95e6167b0bd(normalized, list) {
    const newList = [
        ...list
    ];
    normalized.concat().reverse().forEach((curr)=>newList.splice(curr.oldIndex, 1));
    return newList;
}
function $eb03e74f8f7db1f3$export$eca851ee65ae17e4(normalized, list, evt, clone) {
    const newList = [
        ...list
    ];
    normalized.forEach((curr)=>{
        const newItem = clone && evt && clone(curr.item, evt);
        newList.splice(curr.newIndex, 0, newItem || curr.item);
    });
    return newList;
}
function $eb03e74f8f7db1f3$export$1fc0f6205829e19c(evt) {
    if (evt.oldIndicies && evt.oldIndicies.length > 0) return "multidrag";
    if (evt.swapItem) return "swap";
    return "normal";
}
function $eb03e74f8f7db1f3$export$bc06a3af7dc65f53(inputs, list) {
    const normalized = inputs.map((curr)=>({
            ...curr,
            item: list[curr.oldIndex]
        })).sort((a, b)=>a.oldIndex - b.oldIndex);
    return normalized;
}
function $eb03e74f8f7db1f3$export$7553c81e62e31b7e(props) {
    /* eslint-disable */ const { list: // react sortable props
    list , setList: setList , children: children , tag: tag , style: style , className: className , clone: clone , onAdd: // sortable options that have methods we want to overwrite
    onAdd , onChange: onChange , onChoose: onChoose , onClone: onClone , onEnd: onEnd , onFilter: onFilter , onRemove: onRemove , onSort: onSort , onStart: onStart , onUnchoose: onUnchoose , onUpdate: onUpdate , onMove: onMove , onSpill: onSpill , onSelect: onSelect , onDeselect: onDeselect , ...options } = props;
    /* eslint-enable */ return options;
}


/** Holds a global reference for which react element is being dragged */ // @todo - use context to manage this. How does one use 2 different providers?
const $7fe8e3ea572bda7a$var$store = {
    dragging: null
};
class $7fe8e3ea572bda7a$export$11bbed9ee0012c13 extends (0, $8zHUo$react.Component) {
    /* eslint-disable-next-line */ static defaultProps = {
        clone: (item)=>item
    };
    constructor(props){
        super(props);
        // @todo forward ref this component
        this.ref = /*#__PURE__*/ (0, $8zHUo$react.createRef)();
        // make all state false because we can't change sortable unless a mouse gesture is made.
        const newList = [
            ...props.list
        ].map((item)=>Object.assign(item, {
                chosen: false,
                selected: false
            }));
        props.setList(newList, this.sortable, $7fe8e3ea572bda7a$var$store);
        (0, ($parcel$interopDefault($8zHUo$tinyinvariant)))(//@ts-expect-error: Doesn't exist. Will deprecate soon.
        !props.plugins, `
Plugins prop is no longer supported.
Instead, mount it with "Sortable.mount(new MultiDrag())"
Please read the updated README.md at https://github.com/SortableJS/react-sortablejs.
      `);
    }
    componentDidMount() {
        if (this.ref.current === null) return;
        const newOptions = this.makeOptions();
        (0, ($parcel$interopDefault($8zHUo$sortablejs))).create(this.ref.current, newOptions);
    }
    componentDidUpdate(prevProps) {
        if (prevProps.disabled !== this.props.disabled && this.sortable) this.sortable.option("disabled", this.props.disabled);
    }
    render() {
        const { tag: tag , style: style , className: className , id: id  } = this.props;
        const classicProps = {
            style: style,
            className: className,
            id: id
        };
        // if no tag, default to a `div` element.
        const newTag = !tag || tag === null ? "div" : tag;
        return /*#__PURE__*/ (0, $8zHUo$react.createElement)(newTag, {
            // @todo - find a way (perhaps with the callback) to allow AntD components to work
            ref: this.ref,
            ...classicProps
        }, this.getChildren());
    }
    getChildren() {
        const { children: children , dataIdAttr: dataIdAttr , selectedClass: selectedClass = "sortable-selected" , chosenClass: chosenClass = "sortable-chosen" , dragClass: /* eslint-disable */ dragClass = "sortable-drag" , fallbackClass: fallbackClass = "sortable-falback" , ghostClass: ghostClass = "sortable-ghost" , swapClass: swapClass = "sortable-swap-highlight" , filter: /* eslint-enable */ filter = "sortable-filter" , list: list ,  } = this.props;
        // if no children, don't do anything.
        if (!children || children == null) return null;
        const dataid = dataIdAttr || "data-id";
        /* eslint-disable-next-line */ return (0, $8zHUo$react.Children).map(children, (child, index)=>{
            if (child === undefined) return undefined;
            const item = list[index] || {};
            const { className: prevClassName  } = child.props;
            // @todo - handle the function if avalable. I don't think anyone will be doing this soon.
            const filtered = typeof filter === "string" && {
                [filter.replace(".", "")]: !!item.filtered
            };
            const className = (0, ($parcel$interopDefault($8zHUo$classnames)))(prevClassName, {
                [selectedClass]: item.selected,
                [chosenClass]: item.chosen,
                ...filtered
            });
            return /*#__PURE__*/ (0, $8zHUo$react.cloneElement)(child, {
                [dataid]: child.key,
                className: className
            });
        });
    }
    /** Appends the `sortable` property to this component */ get sortable() {
        const el = this.ref.current;
        if (el === null) return null;
        const key = Object.keys(el).find((k)=>k.includes("Sortable"));
        if (!key) return null;
        //@ts-expect-error: fix me.
        return el[key];
    }
    /** Converts all the props from `ReactSortable` into the `options` object that `Sortable.create(el, [options])` can use. */ makeOptions() {
        const DOMHandlers = [
            "onAdd",
            "onChoose",
            "onDeselect",
            "onEnd",
            "onRemove",
            "onSelect",
            "onSpill",
            "onStart",
            "onUnchoose",
            "onUpdate", 
        ];
        const NonDOMHandlers = [
            "onChange",
            "onClone",
            "onFilter",
            "onSort", 
        ];
        const newOptions = (0, $eb03e74f8f7db1f3$export$7553c81e62e31b7e)(this.props);
        DOMHandlers.forEach((name)=>newOptions[name] = this.prepareOnHandlerPropAndDOM(name));
        NonDOMHandlers.forEach((name)=>newOptions[name] = this.prepareOnHandlerProp(name));
        /** onMove has 2 arguments and needs to be handled seperately. */ const onMove1 = (evt, originalEvt)=>{
            const { onMove: onMove  } = this.props;
            const defaultValue = evt.willInsertAfter || -1;
            if (!onMove) return defaultValue;
            const result = onMove(evt, originalEvt, this.sortable, $7fe8e3ea572bda7a$var$store);
            if (typeof result === "undefined") return false;
            return result;
        };
        return {
            ...newOptions,
            onMove: onMove1
        };
    }
    /** Prepares a method that will be used in the sortable options to call an `on[Handler]` prop & an `on[Handler]` ReactSortable method.  */ prepareOnHandlerPropAndDOM(evtName) {
        return (evt)=>{
            // call the component prop
            this.callOnHandlerProp(evt, evtName);
            // calls state change
            //@ts-expect-error: until @types multidrag item is in
            this[evtName](evt);
        };
    }
    /** Prepares a method that will be used in the sortable options to call an `on[Handler]` prop */ prepareOnHandlerProp(evtName) {
        return (evt)=>{
            // call the component prop
            this.callOnHandlerProp(evt, evtName);
        };
    }
    /** Calls the `props.on[Handler]` function */ callOnHandlerProp(evt, evtName) {
        const propEvent = this.props[evtName];
        if (propEvent) propEvent(evt, this.sortable, $7fe8e3ea572bda7a$var$store);
    }
    // SORTABLE DOM HANDLING
    onAdd(evt) {
        const { list: list , setList: setList , clone: clone  } = this.props;
        /* eslint-disable-next-line */ const otherList = [
            ...$7fe8e3ea572bda7a$var$store.dragging.props.list
        ];
        const customs = (0, $eb03e74f8f7db1f3$export$4655efe700f887a)(evt, otherList);
        (0, $eb03e74f8f7db1f3$export$77f49a256021c8de)(customs);
        const newList = (0, $eb03e74f8f7db1f3$export$eca851ee65ae17e4)(customs, list, evt, clone).map((item)=>Object.assign(item, {
                selected: false
            }));
        setList(newList, this.sortable, $7fe8e3ea572bda7a$var$store);
    }
    onRemove(evt) {
        const { list: list , setList: setList  } = this.props;
        const mode = (0, $eb03e74f8f7db1f3$export$1fc0f6205829e19c)(evt);
        const customs = (0, $eb03e74f8f7db1f3$export$4655efe700f887a)(evt, list);
        (0, $eb03e74f8f7db1f3$export$a6177d5829f70ebc)(customs);
        let newList = [
            ...list
        ];
        // remove state if not in clone mode. otherwise, keep.
        if (evt.pullMode !== "clone") newList = (0, $eb03e74f8f7db1f3$export$be2da95e6167b0bd)(customs, newList);
        else {
            // switch used to get the clone
            let customClones = customs;
            switch(mode){
                case "multidrag":
                    customClones = customs.map((item, index)=>({
                            ...item,
                            element: evt.clones[index]
                        }));
                    break;
                case "normal":
                    customClones = customs.map((item)=>({
                            ...item,
                            element: evt.clone
                        }));
                    break;
                case "swap":
                default:
                    (0, ($parcel$interopDefault($8zHUo$tinyinvariant)))(true, `mode "${mode}" cannot clone. Please remove "props.clone" from <ReactSortable/> when using the "${mode}" plugin`);
            }
            (0, $eb03e74f8f7db1f3$export$77f49a256021c8de)(customClones);
            // replace selected items with cloned items
            customs.forEach((curr)=>{
                const index = curr.oldIndex;
                /* eslint-disable-next-line */ const newItem = this.props.clone(curr.item, evt);
                newList.splice(index, 1, newItem);
            });
        }
        // remove item.selected from list
        newList = newList.map((item)=>Object.assign(item, {
                selected: false
            }));
        setList(newList, this.sortable, $7fe8e3ea572bda7a$var$store);
    }
    onUpdate(evt) {
        const { list: list , setList: setList  } = this.props;
        const customs = (0, $eb03e74f8f7db1f3$export$4655efe700f887a)(evt, list);
        (0, $eb03e74f8f7db1f3$export$77f49a256021c8de)(customs);
        (0, $eb03e74f8f7db1f3$export$a6177d5829f70ebc)(customs);
        const newList = (0, $eb03e74f8f7db1f3$export$c25cf8080bd305ec)(customs, list);
        return setList(newList, this.sortable, $7fe8e3ea572bda7a$var$store);
    }
    onStart() {
        $7fe8e3ea572bda7a$var$store.dragging = this;
    }
    onEnd() {
        $7fe8e3ea572bda7a$var$store.dragging = null;
    }
    onChoose(evt) {
        const { list: list , setList: setList  } = this.props;
        const newList = list.map((item, index)=>{
            let newItem = item;
            if (index === evt.oldIndex) newItem = Object.assign(item, {
                chosen: true
            });
            return newItem;
        });
        setList(newList, this.sortable, $7fe8e3ea572bda7a$var$store);
    }
    onUnchoose(evt) {
        const { list: list , setList: setList  } = this.props;
        const newList = list.map((item, index)=>{
            let newItem = item;
            if (index === evt.oldIndex) newItem = Object.assign(newItem, {
                chosen: false
            });
            return newItem;
        });
        setList(newList, this.sortable, $7fe8e3ea572bda7a$var$store);
    }
    onSpill(evt) {
        const { removeOnSpill: removeOnSpill , revertOnSpill: revertOnSpill  } = this.props;
        if (removeOnSpill && !revertOnSpill) (0, $eb03e74f8f7db1f3$export$1d0aa160432dfea5)(evt.item);
    }
    onSelect(evt) {
        const { list: list , setList: setList  } = this.props;
        const newList = list.map((item)=>Object.assign(item, {
                selected: false
            }));
        evt.newIndicies.forEach((curr)=>{
            const index = curr.index;
            if (index === -1) {
                console.log(`"${evt.type}" had indice of "${curr.index}", which is probably -1 and doesn't usually happen here.`);
                console.log(evt);
                return;
            }
            newList[index].selected = true;
        });
        setList(newList, this.sortable, $7fe8e3ea572bda7a$var$store);
    }
    onDeselect(evt) {
        const { list: list , setList: setList  } = this.props;
        const newList = list.map((item)=>Object.assign(item, {
                selected: false
            }));
        evt.newIndicies.forEach((curr)=>{
            const index = curr.index;
            if (index === -1) return;
            newList[index].selected = true;
        });
        setList(newList, this.sortable, $7fe8e3ea572bda7a$var$store);
    }
}


var $faefaad95e5fcca0$exports = {};


$parcel$exportWildcard(module.exports, $faefaad95e5fcca0$exports);


//# sourceMappingURL=index.js.map


/***/ }),

/***/ "./node_modules/react-sortablejs/node_modules/classnames/index.js":
/*!************************************************************************!*\
  !*** ./node_modules/react-sortablejs/node_modules/classnames/index.js ***!
  \************************************************************************/
/***/ ((module, exports) => {

var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
  Copyright (c) 2018 Jed Watson.
  Licensed under the MIT License (MIT), see
  http://jedwatson.github.io/classnames
*/
/* global define */

(function () {
	'use strict';

	var hasOwn = {}.hasOwnProperty;

	function classNames() {
		var classes = [];

		for (var i = 0; i < arguments.length; i++) {
			var arg = arguments[i];
			if (!arg) continue;

			var argType = typeof arg;

			if (argType === 'string' || argType === 'number') {
				classes.push(arg);
			} else if (Array.isArray(arg)) {
				if (arg.length) {
					var inner = classNames.apply(null, arg);
					if (inner) {
						classes.push(inner);
					}
				}
			} else if (argType === 'object') {
				if (arg.toString === Object.prototype.toString) {
					for (var key in arg) {
						if (hasOwn.call(arg, key) && arg[key]) {
							classes.push(key);
						}
					}
				} else {
					classes.push(arg.toString());
				}
			}
		}

		return classes.join(' ');
	}

	if ( true && module.exports) {
		classNames.default = classNames;
		module.exports = classNames;
	} else if (true) {
		// register as 'classnames', consistent with npm package name
		!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () {
			return classNames;
		}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
		__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
	} else {}
}());


/***/ }),

/***/ "./node_modules/sortablejs/modular/sortable.esm.js":
/*!*********************************************************!*\
  !*** ./node_modules/sortablejs/modular/sortable.esm.js ***!
  \*********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   MultiDrag: () => (/* binding */ MultiDragPlugin),
/* harmony export */   Sortable: () => (/* binding */ Sortable),
/* harmony export */   Swap: () => (/* binding */ SwapPlugin),
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/**!
 * Sortable 1.15.6
 * @author	RubaXa   <trash@rubaxa.org>
 * @author	owenm    <owen23355@gmail.com>
 * @license MIT
 */
function ownKeys(object, enumerableOnly) {
  var keys = Object.keys(object);
  if (Object.getOwnPropertySymbols) {
    var symbols = Object.getOwnPropertySymbols(object);
    if (enumerableOnly) {
      symbols = symbols.filter(function (sym) {
        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
      });
    }
    keys.push.apply(keys, symbols);
  }
  return keys;
}
function _objectSpread2(target) {
  for (var i = 1; i < arguments.length; i++) {
    var source = arguments[i] != null ? arguments[i] : {};
    if (i % 2) {
      ownKeys(Object(source), true).forEach(function (key) {
        _defineProperty(target, key, source[key]);
      });
    } else if (Object.getOwnPropertyDescriptors) {
      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
    } else {
      ownKeys(Object(source)).forEach(function (key) {
        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
      });
    }
  }
  return target;
}
function _typeof(obj) {
  "@babel/helpers - typeof";

  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
    _typeof = function (obj) {
      return typeof obj;
    };
  } else {
    _typeof = function (obj) {
      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
    };
  }
  return _typeof(obj);
}
function _defineProperty(obj, key, value) {
  if (key in obj) {
    Object.defineProperty(obj, key, {
      value: value,
      enumerable: true,
      configurable: true,
      writable: true
    });
  } else {
    obj[key] = value;
  }
  return obj;
}
function _extends() {
  _extends = Object.assign || function (target) {
    for (var i = 1; i < arguments.length; i++) {
      var source = arguments[i];
      for (var key in source) {
        if (Object.prototype.hasOwnProperty.call(source, key)) {
          target[key] = source[key];
        }
      }
    }
    return target;
  };
  return _extends.apply(this, arguments);
}
function _objectWithoutPropertiesLoose(source, excluded) {
  if (source == null) return {};
  var target = {};
  var sourceKeys = Object.keys(source);
  var key, i;
  for (i = 0; i < sourceKeys.length; i++) {
    key = sourceKeys[i];
    if (excluded.indexOf(key) >= 0) continue;
    target[key] = source[key];
  }
  return target;
}
function _objectWithoutProperties(source, excluded) {
  if (source == null) return {};
  var target = _objectWithoutPropertiesLoose(source, excluded);
  var key, i;
  if (Object.getOwnPropertySymbols) {
    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
    for (i = 0; i < sourceSymbolKeys.length; i++) {
      key = sourceSymbolKeys[i];
      if (excluded.indexOf(key) >= 0) continue;
      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
      target[key] = source[key];
    }
  }
  return target;
}
function _toConsumableArray(arr) {
  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
}
function _arrayWithoutHoles(arr) {
  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
}
function _iterableToArray(iter) {
  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
}
function _unsupportedIterableToArray(o, minLen) {
  if (!o) return;
  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
  var n = Object.prototype.toString.call(o).slice(8, -1);
  if (n === "Object" && o.constructor) n = o.constructor.name;
  if (n === "Map" || n === "Set") return Array.from(o);
  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
}
function _arrayLikeToArray(arr, len) {
  if (len == null || len > arr.length) len = arr.length;
  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
  return arr2;
}
function _nonIterableSpread() {
  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}

var version = "1.15.6";

function userAgent(pattern) {
  if (typeof window !== 'undefined' && window.navigator) {
    return !! /*@__PURE__*/navigator.userAgent.match(pattern);
  }
}
var IE11OrLess = userAgent(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i);
var Edge = userAgent(/Edge/i);
var FireFox = userAgent(/firefox/i);
var Safari = userAgent(/safari/i) && !userAgent(/chrome/i) && !userAgent(/android/i);
var IOS = userAgent(/iP(ad|od|hone)/i);
var ChromeForAndroid = userAgent(/chrome/i) && userAgent(/android/i);

var captureMode = {
  capture: false,
  passive: false
};
function on(el, event, fn) {
  el.addEventListener(event, fn, !IE11OrLess && captureMode);
}
function off(el, event, fn) {
  el.removeEventListener(event, fn, !IE11OrLess && captureMode);
}
function matches( /**HTMLElement*/el, /**String*/selector) {
  if (!selector) return;
  selector[0] === '>' && (selector = selector.substring(1));
  if (el) {
    try {
      if (el.matches) {
        return el.matches(selector);
      } else if (el.msMatchesSelector) {
        return el.msMatchesSelector(selector);
      } else if (el.webkitMatchesSelector) {
        return el.webkitMatchesSelector(selector);
      }
    } catch (_) {
      return false;
    }
  }
  return false;
}
function getParentOrHost(el) {
  return el.host && el !== document && el.host.nodeType ? el.host : el.parentNode;
}
function closest( /**HTMLElement*/el, /**String*/selector, /**HTMLElement*/ctx, includeCTX) {
  if (el) {
    ctx = ctx || document;
    do {
      if (selector != null && (selector[0] === '>' ? el.parentNode === ctx && matches(el, selector) : matches(el, selector)) || includeCTX && el === ctx) {
        return el;
      }
      if (el === ctx) break;
      /* jshint boss:true */
    } while (el = getParentOrHost(el));
  }
  return null;
}
var R_SPACE = /\s+/g;
function toggleClass(el, name, state) {
  if (el && name) {
    if (el.classList) {
      el.classList[state ? 'add' : 'remove'](name);
    } else {
      var className = (' ' + el.className + ' ').replace(R_SPACE, ' ').replace(' ' + name + ' ', ' ');
      el.className = (className + (state ? ' ' + name : '')).replace(R_SPACE, ' ');
    }
  }
}
function css(el, prop, val) {
  var style = el && el.style;
  if (style) {
    if (val === void 0) {
      if (document.defaultView && document.defaultView.getComputedStyle) {
        val = document.defaultView.getComputedStyle(el, '');
      } else if (el.currentStyle) {
        val = el.currentStyle;
      }
      return prop === void 0 ? val : val[prop];
    } else {
      if (!(prop in style) && prop.indexOf('webkit') === -1) {
        prop = '-webkit-' + prop;
      }
      style[prop] = val + (typeof val === 'string' ? '' : 'px');
    }
  }
}
function matrix(el, selfOnly) {
  var appliedTransforms = '';
  if (typeof el === 'string') {
    appliedTransforms = el;
  } else {
    do {
      var transform = css(el, 'transform');
      if (transform && transform !== 'none') {
        appliedTransforms = transform + ' ' + appliedTransforms;
      }
      /* jshint boss:true */
    } while (!selfOnly && (el = el.parentNode));
  }
  var matrixFn = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
  /*jshint -W056 */
  return matrixFn && new matrixFn(appliedTransforms);
}
function find(ctx, tagName, iterator) {
  if (ctx) {
    var list = ctx.getElementsByTagName(tagName),
      i = 0,
      n = list.length;
    if (iterator) {
      for (; i < n; i++) {
        iterator(list[i], i);
      }
    }
    return list;
  }
  return [];
}
function getWindowScrollingElement() {
  var scrollingElement = document.scrollingElement;
  if (scrollingElement) {
    return scrollingElement;
  } else {
    return document.documentElement;
  }
}

/**
 * Returns the "bounding client rect" of given element
 * @param  {HTMLElement} el                       The element whose boundingClientRect is wanted
 * @param  {[Boolean]} relativeToContainingBlock  Whether the rect should be relative to the containing block of (including) the container
 * @param  {[Boolean]} relativeToNonStaticParent  Whether the rect should be relative to the relative parent of (including) the contaienr
 * @param  {[Boolean]} undoScale                  Whether the container's scale() should be undone
 * @param  {[HTMLElement]} container              The parent the element will be placed in
 * @return {Object}                               The boundingClientRect of el, with specified adjustments
 */
function getRect(el, relativeToContainingBlock, relativeToNonStaticParent, undoScale, container) {
  if (!el.getBoundingClientRect && el !== window) return;
  var elRect, top, left, bottom, right, height, width;
  if (el !== window && el.parentNode && el !== getWindowScrollingElement()) {
    elRect = el.getBoundingClientRect();
    top = elRect.top;
    left = elRect.left;
    bottom = elRect.bottom;
    right = elRect.right;
    height = elRect.height;
    width = elRect.width;
  } else {
    top = 0;
    left = 0;
    bottom = window.innerHeight;
    right = window.innerWidth;
    height = window.innerHeight;
    width = window.innerWidth;
  }
  if ((relativeToContainingBlock || relativeToNonStaticParent) && el !== window) {
    // Adjust for translate()
    container = container || el.parentNode;

    // solves #1123 (see: https://stackoverflow.com/a/37953806/6088312)
    // Not needed on <= IE11
    if (!IE11OrLess) {
      do {
        if (container && container.getBoundingClientRect && (css(container, 'transform') !== 'none' || relativeToNonStaticParent && css(container, 'position') !== 'static')) {
          var containerRect = container.getBoundingClientRect();

          // Set relative to edges of padding box of container
          top -= containerRect.top + parseInt(css(container, 'border-top-width'));
          left -= containerRect.left + parseInt(css(container, 'border-left-width'));
          bottom = top + elRect.height;
          right = left + elRect.width;
          break;
        }
        /* jshint boss:true */
      } while (container = container.parentNode);
    }
  }
  if (undoScale && el !== window) {
    // Adjust for scale()
    var elMatrix = matrix(container || el),
      scaleX = elMatrix && elMatrix.a,
      scaleY = elMatrix && elMatrix.d;
    if (elMatrix) {
      top /= scaleY;
      left /= scaleX;
      width /= scaleX;
      height /= scaleY;
      bottom = top + height;
      right = left + width;
    }
  }
  return {
    top: top,
    left: left,
    bottom: bottom,
    right: right,
    width: width,
    height: height
  };
}

/**
 * Checks if a side of an element is scrolled past a side of its parents
 * @param  {HTMLElement}  el           The element who's side being scrolled out of view is in question
 * @param  {String}       elSide       Side of the element in question ('top', 'left', 'right', 'bottom')
 * @param  {String}       parentSide   Side of the parent in question ('top', 'left', 'right', 'bottom')
 * @return {HTMLElement}               The parent scroll element that the el's side is scrolled past, or null if there is no such element
 */
function isScrolledPast(el, elSide, parentSide) {
  var parent = getParentAutoScrollElement(el, true),
    elSideVal = getRect(el)[elSide];

  /* jshint boss:true */
  while (parent) {
    var parentSideVal = getRect(parent)[parentSide],
      visible = void 0;
    if (parentSide === 'top' || parentSide === 'left') {
      visible = elSideVal >= parentSideVal;
    } else {
      visible = elSideVal <= parentSideVal;
    }
    if (!visible) return parent;
    if (parent === getWindowScrollingElement()) break;
    parent = getParentAutoScrollElement(parent, false);
  }
  return false;
}

/**
 * Gets nth child of el, ignoring hidden children, sortable's elements (does not ignore clone if it's visible)
 * and non-draggable elements
 * @param  {HTMLElement} el       The parent element
 * @param  {Number} childNum      The index of the child
 * @param  {Object} options       Parent Sortable's options
 * @return {HTMLElement}          The child at index childNum, or null if not found
 */
function getChild(el, childNum, options, includeDragEl) {
  var currentChild = 0,
    i = 0,
    children = el.children;
  while (i < children.length) {
    if (children[i].style.display !== 'none' && children[i] !== Sortable.ghost && (includeDragEl || children[i] !== Sortable.dragged) && closest(children[i], options.draggable, el, false)) {
      if (currentChild === childNum) {
        return children[i];
      }
      currentChild++;
    }
    i++;
  }
  return null;
}

/**
 * Gets the last child in the el, ignoring ghostEl or invisible elements (clones)
 * @param  {HTMLElement} el       Parent element
 * @param  {selector} selector    Any other elements that should be ignored
 * @return {HTMLElement}          The last child, ignoring ghostEl
 */
function lastChild(el, selector) {
  var last = el.lastElementChild;
  while (last && (last === Sortable.ghost || css(last, 'display') === 'none' || selector && !matches(last, selector))) {
    last = last.previousElementSibling;
  }
  return last || null;
}

/**
 * Returns the index of an element within its parent for a selected set of
 * elements
 * @param  {HTMLElement} el
 * @param  {selector} selector
 * @return {number}
 */
function index(el, selector) {
  var index = 0;
  if (!el || !el.parentNode) {
    return -1;
  }

  /* jshint boss:true */
  while (el = el.previousElementSibling) {
    if (el.nodeName.toUpperCase() !== 'TEMPLATE' && el !== Sortable.clone && (!selector || matches(el, selector))) {
      index++;
    }
  }
  return index;
}

/**
 * Returns the scroll offset of the given element, added with all the scroll offsets of parent elements.
 * The value is returned in real pixels.
 * @param  {HTMLElement} el
 * @return {Array}             Offsets in the format of [left, top]
 */
function getRelativeScrollOffset(el) {
  var offsetLeft = 0,
    offsetTop = 0,
    winScroller = getWindowScrollingElement();
  if (el) {
    do {
      var elMatrix = matrix(el),
        scaleX = elMatrix.a,
        scaleY = elMatrix.d;
      offsetLeft += el.scrollLeft * scaleX;
      offsetTop += el.scrollTop * scaleY;
    } while (el !== winScroller && (el = el.parentNode));
  }
  return [offsetLeft, offsetTop];
}

/**
 * Returns the index of the object within the given array
 * @param  {Array} arr   Array that may or may not hold the object
 * @param  {Object} obj  An object that has a key-value pair unique to and identical to a key-value pair in the object you want to find
 * @return {Number}      The index of the object in the array, or -1
 */
function indexOfObject(arr, obj) {
  for (var i in arr) {
    if (!arr.hasOwnProperty(i)) continue;
    for (var key in obj) {
      if (obj.hasOwnProperty(key) && obj[key] === arr[i][key]) return Number(i);
    }
  }
  return -1;
}
function getParentAutoScrollElement(el, includeSelf) {
  // skip to window
  if (!el || !el.getBoundingClientRect) return getWindowScrollingElement();
  var elem = el;
  var gotSelf = false;
  do {
    // we don't need to get elem css if it isn't even overflowing in the first place (performance)
    if (elem.clientWidth < elem.scrollWidth || elem.clientHeight < elem.scrollHeight) {
      var elemCSS = css(elem);
      if (elem.clientWidth < elem.scrollWidth && (elemCSS.overflowX == 'auto' || elemCSS.overflowX == 'scroll') || elem.clientHeight < elem.scrollHeight && (elemCSS.overflowY == 'auto' || elemCSS.overflowY == 'scroll')) {
        if (!elem.getBoundingClientRect || elem === document.body) return getWindowScrollingElement();
        if (gotSelf || includeSelf) return elem;
        gotSelf = true;
      }
    }
    /* jshint boss:true */
  } while (elem = elem.parentNode);
  return getWindowScrollingElement();
}
function extend(dst, src) {
  if (dst && src) {
    for (var key in src) {
      if (src.hasOwnProperty(key)) {
        dst[key] = src[key];
      }
    }
  }
  return dst;
}
function isRectEqual(rect1, rect2) {
  return Math.round(rect1.top) === Math.round(rect2.top) && Math.round(rect1.left) === Math.round(rect2.left) && Math.round(rect1.height) === Math.round(rect2.height) && Math.round(rect1.width) === Math.round(rect2.width);
}
var _throttleTimeout;
function throttle(callback, ms) {
  return function () {
    if (!_throttleTimeout) {
      var args = arguments,
        _this = this;
      if (args.length === 1) {
        callback.call(_this, args[0]);
      } else {
        callback.apply(_this, args);
      }
      _throttleTimeout = setTimeout(function () {
        _throttleTimeout = void 0;
      }, ms);
    }
  };
}
function cancelThrottle() {
  clearTimeout(_throttleTimeout);
  _throttleTimeout = void 0;
}
function scrollBy(el, x, y) {
  el.scrollLeft += x;
  el.scrollTop += y;
}
function clone(el) {
  var Polymer = window.Polymer;
  var $ = window.jQuery || window.Zepto;
  if (Polymer && Polymer.dom) {
    return Polymer.dom(el).cloneNode(true);
  } else if ($) {
    return $(el).clone(true)[0];
  } else {
    return el.cloneNode(true);
  }
}
function setRect(el, rect) {
  css(el, 'position', 'absolute');
  css(el, 'top', rect.top);
  css(el, 'left', rect.left);
  css(el, 'width', rect.width);
  css(el, 'height', rect.height);
}
function unsetRect(el) {
  css(el, 'position', '');
  css(el, 'top', '');
  css(el, 'left', '');
  css(el, 'width', '');
  css(el, 'height', '');
}
function getChildContainingRectFromElement(container, options, ghostEl) {
  var rect = {};
  Array.from(container.children).forEach(function (child) {
    var _rect$left, _rect$top, _rect$right, _rect$bottom;
    if (!closest(child, options.draggable, container, false) || child.animated || child === ghostEl) return;
    var childRect = getRect(child);
    rect.left = Math.min((_rect$left = rect.left) !== null && _rect$left !== void 0 ? _rect$left : Infinity, childRect.left);
    rect.top = Math.min((_rect$top = rect.top) !== null && _rect$top !== void 0 ? _rect$top : Infinity, childRect.top);
    rect.right = Math.max((_rect$right = rect.right) !== null && _rect$right !== void 0 ? _rect$right : -Infinity, childRect.right);
    rect.bottom = Math.max((_rect$bottom = rect.bottom) !== null && _rect$bottom !== void 0 ? _rect$bottom : -Infinity, childRect.bottom);
  });
  rect.width = rect.right - rect.left;
  rect.height = rect.bottom - rect.top;
  rect.x = rect.left;
  rect.y = rect.top;
  return rect;
}
var expando = 'Sortable' + new Date().getTime();

function AnimationStateManager() {
  var animationStates = [],
    animationCallbackId;
  return {
    captureAnimationState: function captureAnimationState() {
      animationStates = [];
      if (!this.options.animation) return;
      var children = [].slice.call(this.el.children);
      children.forEach(function (child) {
        if (css(child, 'display') === 'none' || child === Sortable.ghost) return;
        animationStates.push({
          target: child,
          rect: getRect(child)
        });
        var fromRect = _objectSpread2({}, animationStates[animationStates.length - 1].rect);

        // If animating: compensate for current animation
        if (child.thisAnimationDuration) {
          var childMatrix = matrix(child, true);
          if (childMatrix) {
            fromRect.top -= childMatrix.f;
            fromRect.left -= childMatrix.e;
          }
        }
        child.fromRect = fromRect;
      });
    },
    addAnimationState: function addAnimationState(state) {
      animationStates.push(state);
    },
    removeAnimationState: function removeAnimationState(target) {
      animationStates.splice(indexOfObject(animationStates, {
        target: target
      }), 1);
    },
    animateAll: function animateAll(callback) {
      var _this = this;
      if (!this.options.animation) {
        clearTimeout(animationCallbackId);
        if (typeof callback === 'function') callback();
        return;
      }
      var animating = false,
        animationTime = 0;
      animationStates.forEach(function (state) {
        var time = 0,
          target = state.target,
          fromRect = target.fromRect,
          toRect = getRect(target),
          prevFromRect = target.prevFromRect,
          prevToRect = target.prevToRect,
          animatingRect = state.rect,
          targetMatrix = matrix(target, true);
        if (targetMatrix) {
          // Compensate for current animation
          toRect.top -= targetMatrix.f;
          toRect.left -= targetMatrix.e;
        }
        target.toRect = toRect;
        if (target.thisAnimationDuration) {
          // Could also check if animatingRect is between fromRect and toRect
          if (isRectEqual(prevFromRect, toRect) && !isRectEqual(fromRect, toRect) &&
          // Make sure animatingRect is on line between toRect & fromRect
          (animatingRect.top - toRect.top) / (animatingRect.left - toRect.left) === (fromRect.top - toRect.top) / (fromRect.left - toRect.left)) {
            // If returning to same place as started from animation and on same axis
            time = calculateRealTime(animatingRect, prevFromRect, prevToRect, _this.options);
          }
        }

        // if fromRect != toRect: animate
        if (!isRectEqual(toRect, fromRect)) {
          target.prevFromRect = fromRect;
          target.prevToRect = toRect;
          if (!time) {
            time = _this.options.animation;
          }
          _this.animate(target, animatingRect, toRect, time);
        }
        if (time) {
          animating = true;
          animationTime = Math.max(animationTime, time);
          clearTimeout(target.animationResetTimer);
          target.animationResetTimer = setTimeout(function () {
            target.animationTime = 0;
            target.prevFromRect = null;
            target.fromRect = null;
            target.prevToRect = null;
            target.thisAnimationDuration = null;
          }, time);
          target.thisAnimationDuration = time;
        }
      });
      clearTimeout(animationCallbackId);
      if (!animating) {
        if (typeof callback === 'function') callback();
      } else {
        animationCallbackId = setTimeout(function () {
          if (typeof callback === 'function') callback();
        }, animationTime);
      }
      animationStates = [];
    },
    animate: function animate(target, currentRect, toRect, duration) {
      if (duration) {
        css(target, 'transition', '');
        css(target, 'transform', '');
        var elMatrix = matrix(this.el),
          scaleX = elMatrix && elMatrix.a,
          scaleY = elMatrix && elMatrix.d,
          translateX = (currentRect.left - toRect.left) / (scaleX || 1),
          translateY = (currentRect.top - toRect.top) / (scaleY || 1);
        target.animatingX = !!translateX;
        target.animatingY = !!translateY;
        css(target, 'transform', 'translate3d(' + translateX + 'px,' + translateY + 'px,0)');
        this.forRepaintDummy = repaint(target); // repaint

        css(target, 'transition', 'transform ' + duration + 'ms' + (this.options.easing ? ' ' + this.options.easing : ''));
        css(target, 'transform', 'translate3d(0,0,0)');
        typeof target.animated === 'number' && clearTimeout(target.animated);
        target.animated = setTimeout(function () {
          css(target, 'transition', '');
          css(target, 'transform', '');
          target.animated = false;
          target.animatingX = false;
          target.animatingY = false;
        }, duration);
      }
    }
  };
}
function repaint(target) {
  return target.offsetWidth;
}
function calculateRealTime(animatingRect, fromRect, toRect, options) {
  return Math.sqrt(Math.pow(fromRect.top - animatingRect.top, 2) + Math.pow(fromRect.left - animatingRect.left, 2)) / Math.sqrt(Math.pow(fromRect.top - toRect.top, 2) + Math.pow(fromRect.left - toRect.left, 2)) * options.animation;
}

var plugins = [];
var defaults = {
  initializeByDefault: true
};
var PluginManager = {
  mount: function mount(plugin) {
    // Set default static properties
    for (var option in defaults) {
      if (defaults.hasOwnProperty(option) && !(option in plugin)) {
        plugin[option] = defaults[option];
      }
    }
    plugins.forEach(function (p) {
      if (p.pluginName === plugin.pluginName) {
        throw "Sortable: Cannot mount plugin ".concat(plugin.pluginName, " more than once");
      }
    });
    plugins.push(plugin);
  },
  pluginEvent: function pluginEvent(eventName, sortable, evt) {
    var _this = this;
    this.eventCanceled = false;
    evt.cancel = function () {
      _this.eventCanceled = true;
    };
    var eventNameGlobal = eventName + 'Global';
    plugins.forEach(function (plugin) {
      if (!sortable[plugin.pluginName]) return;
      // Fire global events if it exists in this sortable
      if (sortable[plugin.pluginName][eventNameGlobal]) {
        sortable[plugin.pluginName][eventNameGlobal](_objectSpread2({
          sortable: sortable
        }, evt));
      }

      // Only fire plugin event if plugin is enabled in this sortable,
      // and plugin has event defined
      if (sortable.options[plugin.pluginName] && sortable[plugin.pluginName][eventName]) {
        sortable[plugin.pluginName][eventName](_objectSpread2({
          sortable: sortable
        }, evt));
      }
    });
  },
  initializePlugins: function initializePlugins(sortable, el, defaults, options) {
    plugins.forEach(function (plugin) {
      var pluginName = plugin.pluginName;
      if (!sortable.options[pluginName] && !plugin.initializeByDefault) return;
      var initialized = new plugin(sortable, el, sortable.options);
      initialized.sortable = sortable;
      initialized.options = sortable.options;
      sortable[pluginName] = initialized;

      // Add default options from plugin
      _extends(defaults, initialized.defaults);
    });
    for (var option in sortable.options) {
      if (!sortable.options.hasOwnProperty(option)) continue;
      var modified = this.modifyOption(sortable, option, sortable.options[option]);
      if (typeof modified !== 'undefined') {
        sortable.options[option] = modified;
      }
    }
  },
  getEventProperties: function getEventProperties(name, sortable) {
    var eventProperties = {};
    plugins.forEach(function (plugin) {
      if (typeof plugin.eventProperties !== 'function') return;
      _extends(eventProperties, plugin.eventProperties.call(sortable[plugin.pluginName], name));
    });
    return eventProperties;
  },
  modifyOption: function modifyOption(sortable, name, value) {
    var modifiedValue;
    plugins.forEach(function (plugin) {
      // Plugin must exist on the Sortable
      if (!sortable[plugin.pluginName]) return;

      // If static option listener exists for this option, call in the context of the Sortable's instance of this plugin
      if (plugin.optionListeners && typeof plugin.optionListeners[name] === 'function') {
        modifiedValue = plugin.optionListeners[name].call(sortable[plugin.pluginName], value);
      }
    });
    return modifiedValue;
  }
};

function dispatchEvent(_ref) {
  var sortable = _ref.sortable,
    rootEl = _ref.rootEl,
    name = _ref.name,
    targetEl = _ref.targetEl,
    cloneEl = _ref.cloneEl,
    toEl = _ref.toEl,
    fromEl = _ref.fromEl,
    oldIndex = _ref.oldIndex,
    newIndex = _ref.newIndex,
    oldDraggableIndex = _ref.oldDraggableIndex,
    newDraggableIndex = _ref.newDraggableIndex,
    originalEvent = _ref.originalEvent,
    putSortable = _ref.putSortable,
    extraEventProperties = _ref.extraEventProperties;
  sortable = sortable || rootEl && rootEl[expando];
  if (!sortable) return;
  var evt,
    options = sortable.options,
    onName = 'on' + name.charAt(0).toUpperCase() + name.substr(1);
  // Support for new CustomEvent feature
  if (window.CustomEvent && !IE11OrLess && !Edge) {
    evt = new CustomEvent(name, {
      bubbles: true,
      cancelable: true
    });
  } else {
    evt = document.createEvent('Event');
    evt.initEvent(name, true, true);
  }
  evt.to = toEl || rootEl;
  evt.from = fromEl || rootEl;
  evt.item = targetEl || rootEl;
  evt.clone = cloneEl;
  evt.oldIndex = oldIndex;
  evt.newIndex = newIndex;
  evt.oldDraggableIndex = oldDraggableIndex;
  evt.newDraggableIndex = newDraggableIndex;
  evt.originalEvent = originalEvent;
  evt.pullMode = putSortable ? putSortable.lastPutMode : undefined;
  var allEventProperties = _objectSpread2(_objectSpread2({}, extraEventProperties), PluginManager.getEventProperties(name, sortable));
  for (var option in allEventProperties) {
    evt[option] = allEventProperties[option];
  }
  if (rootEl) {
    rootEl.dispatchEvent(evt);
  }
  if (options[onName]) {
    options[onName].call(sortable, evt);
  }
}

var _excluded = ["evt"];
var pluginEvent = function pluginEvent(eventName, sortable) {
  var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},
    originalEvent = _ref.evt,
    data = _objectWithoutProperties(_ref, _excluded);
  PluginManager.pluginEvent.bind(Sortable)(eventName, sortable, _objectSpread2({
    dragEl: dragEl,
    parentEl: parentEl,
    ghostEl: ghostEl,
    rootEl: rootEl,
    nextEl: nextEl,
    lastDownEl: lastDownEl,
    cloneEl: cloneEl,
    cloneHidden: cloneHidden,
    dragStarted: moved,
    putSortable: putSortable,
    activeSortable: Sortable.active,
    originalEvent: originalEvent,
    oldIndex: oldIndex,
    oldDraggableIndex: oldDraggableIndex,
    newIndex: newIndex,
    newDraggableIndex: newDraggableIndex,
    hideGhostForTarget: _hideGhostForTarget,
    unhideGhostForTarget: _unhideGhostForTarget,
    cloneNowHidden: function cloneNowHidden() {
      cloneHidden = true;
    },
    cloneNowShown: function cloneNowShown() {
      cloneHidden = false;
    },
    dispatchSortableEvent: function dispatchSortableEvent(name) {
      _dispatchEvent({
        sortable: sortable,
        name: name,
        originalEvent: originalEvent
      });
    }
  }, data));
};
function _dispatchEvent(info) {
  dispatchEvent(_objectSpread2({
    putSortable: putSortable,
    cloneEl: cloneEl,
    targetEl: dragEl,
    rootEl: rootEl,
    oldIndex: oldIndex,
    oldDraggableIndex: oldDraggableIndex,
    newIndex: newIndex,
    newDraggableIndex: newDraggableIndex
  }, info));
}
var dragEl,
  parentEl,
  ghostEl,
  rootEl,
  nextEl,
  lastDownEl,
  cloneEl,
  cloneHidden,
  oldIndex,
  newIndex,
  oldDraggableIndex,
  newDraggableIndex,
  activeGroup,
  putSortable,
  awaitingDragStarted = false,
  ignoreNextClick = false,
  sortables = [],
  tapEvt,
  touchEvt,
  lastDx,
  lastDy,
  tapDistanceLeft,
  tapDistanceTop,
  moved,
  lastTarget,
  lastDirection,
  pastFirstInvertThresh = false,
  isCircumstantialInvert = false,
  targetMoveDistance,
  // For positioning ghost absolutely
  ghostRelativeParent,
  ghostRelativeParentInitialScroll = [],
  // (left, top)

  _silent = false,
  savedInputChecked = [];

/** @const */
var documentExists = typeof document !== 'undefined',
  PositionGhostAbsolutely = IOS,
  CSSFloatProperty = Edge || IE11OrLess ? 'cssFloat' : 'float',
  // This will not pass for IE9, because IE9 DnD only works on anchors
  supportDraggable = documentExists && !ChromeForAndroid && !IOS && 'draggable' in document.createElement('div'),
  supportCssPointerEvents = function () {
    if (!documentExists) return;
    // false when <= IE11
    if (IE11OrLess) {
      return false;
    }
    var el = document.createElement('x');
    el.style.cssText = 'pointer-events:auto';
    return el.style.pointerEvents === 'auto';
  }(),
  _detectDirection = function _detectDirection(el, options) {
    var elCSS = css(el),
      elWidth = parseInt(elCSS.width) - parseInt(elCSS.paddingLeft) - parseInt(elCSS.paddingRight) - parseInt(elCSS.borderLeftWidth) - parseInt(elCSS.borderRightWidth),
      child1 = getChild(el, 0, options),
      child2 = getChild(el, 1, options),
      firstChildCSS = child1 && css(child1),
      secondChildCSS = child2 && css(child2),
      firstChildWidth = firstChildCSS && parseInt(firstChildCSS.marginLeft) + parseInt(firstChildCSS.marginRight) + getRect(child1).width,
      secondChildWidth = secondChildCSS && parseInt(secondChildCSS.marginLeft) + parseInt(secondChildCSS.marginRight) + getRect(child2).width;
    if (elCSS.display === 'flex') {
      return elCSS.flexDirection === 'column' || elCSS.flexDirection === 'column-reverse' ? 'vertical' : 'horizontal';
    }
    if (elCSS.display === 'grid') {
      return elCSS.gridTemplateColumns.split(' ').length <= 1 ? 'vertical' : 'horizontal';
    }
    if (child1 && firstChildCSS["float"] && firstChildCSS["float"] !== 'none') {
      var touchingSideChild2 = firstChildCSS["float"] === 'left' ? 'left' : 'right';
      return child2 && (secondChildCSS.clear === 'both' || secondChildCSS.clear === touchingSideChild2) ? 'vertical' : 'horizontal';
    }
    return child1 && (firstChildCSS.display === 'block' || firstChildCSS.display === 'flex' || firstChildCSS.display === 'table' || firstChildCSS.display === 'grid' || firstChildWidth >= elWidth && elCSS[CSSFloatProperty] === 'none' || child2 && elCSS[CSSFloatProperty] === 'none' && firstChildWidth + secondChildWidth > elWidth) ? 'vertical' : 'horizontal';
  },
  _dragElInRowColumn = function _dragElInRowColumn(dragRect, targetRect, vertical) {
    var dragElS1Opp = vertical ? dragRect.left : dragRect.top,
      dragElS2Opp = vertical ? dragRect.right : dragRect.bottom,
      dragElOppLength = vertical ? dragRect.width : dragRect.height,
      targetS1Opp = vertical ? targetRect.left : targetRect.top,
      targetS2Opp = vertical ? targetRect.right : targetRect.bottom,
      targetOppLength = vertical ? targetRect.width : targetRect.height;
    return dragElS1Opp === targetS1Opp || dragElS2Opp === targetS2Opp || dragElS1Opp + dragElOppLength / 2 === targetS1Opp + targetOppLength / 2;
  },
  /**
   * Detects first nearest empty sortable to X and Y position using emptyInsertThreshold.
   * @param  {Number} x      X position
   * @param  {Number} y      Y position
   * @return {HTMLElement}   Element of the first found nearest Sortable
   */
  _detectNearestEmptySortable = function _detectNearestEmptySortable(x, y) {
    var ret;
    sortables.some(function (sortable) {
      var threshold = sortable[expando].options.emptyInsertThreshold;
      if (!threshold || lastChild(sortable)) return;
      var rect = getRect(sortable),
        insideHorizontally = x >= rect.left - threshold && x <= rect.right + threshold,
        insideVertically = y >= rect.top - threshold && y <= rect.bottom + threshold;
      if (insideHorizontally && insideVertically) {
        return ret = sortable;
      }
    });
    return ret;
  },
  _prepareGroup = function _prepareGroup(options) {
    function toFn(value, pull) {
      return function (to, from, dragEl, evt) {
        var sameGroup = to.options.group.name && from.options.group.name && to.options.group.name === from.options.group.name;
        if (value == null && (pull || sameGroup)) {
          // Default pull value
          // Default pull and put value if same group
          return true;
        } else if (value == null || value === false) {
          return false;
        } else if (pull && value === 'clone') {
          return value;
        } else if (typeof value === 'function') {
          return toFn(value(to, from, dragEl, evt), pull)(to, from, dragEl, evt);
        } else {
          var otherGroup = (pull ? to : from).options.group.name;
          return value === true || typeof value === 'string' && value === otherGroup || value.join && value.indexOf(otherGroup) > -1;
        }
      };
    }
    var group = {};
    var originalGroup = options.group;
    if (!originalGroup || _typeof(originalGroup) != 'object') {
      originalGroup = {
        name: originalGroup
      };
    }
    group.name = originalGroup.name;
    group.checkPull = toFn(originalGroup.pull, true);
    group.checkPut = toFn(originalGroup.put);
    group.revertClone = originalGroup.revertClone;
    options.group = group;
  },
  _hideGhostForTarget = function _hideGhostForTarget() {
    if (!supportCssPointerEvents && ghostEl) {
      css(ghostEl, 'display', 'none');
    }
  },
  _unhideGhostForTarget = function _unhideGhostForTarget() {
    if (!supportCssPointerEvents && ghostEl) {
      css(ghostEl, 'display', '');
    }
  };

// #1184 fix - Prevent click event on fallback if dragged but item not changed position
if (documentExists && !ChromeForAndroid) {
  document.addEventListener('click', function (evt) {
    if (ignoreNextClick) {
      evt.preventDefault();
      evt.stopPropagation && evt.stopPropagation();
      evt.stopImmediatePropagation && evt.stopImmediatePropagation();
      ignoreNextClick = false;
      return false;
    }
  }, true);
}
var nearestEmptyInsertDetectEvent = function nearestEmptyInsertDetectEvent(evt) {
  if (dragEl) {
    evt = evt.touches ? evt.touches[0] : evt;
    var nearest = _detectNearestEmptySortable(evt.clientX, evt.clientY);
    if (nearest) {
      // Create imitation event
      var event = {};
      for (var i in evt) {
        if (evt.hasOwnProperty(i)) {
          event[i] = evt[i];
        }
      }
      event.target = event.rootEl = nearest;
      event.preventDefault = void 0;
      event.stopPropagation = void 0;
      nearest[expando]._onDragOver(event);
    }
  }
};
var _checkOutsideTargetEl = function _checkOutsideTargetEl(evt) {
  if (dragEl) {
    dragEl.parentNode[expando]._isOutsideThisEl(evt.target);
  }
};

/**
 * @class  Sortable
 * @param  {HTMLElement}  el
 * @param  {Object}       [options]
 */
function Sortable(el, options) {
  if (!(el && el.nodeType && el.nodeType === 1)) {
    throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(el));
  }
  this.el = el; // root element
  this.options = options = _extends({}, options);

  // Export instance
  el[expando] = this;
  var defaults = {
    group: null,
    sort: true,
    disabled: false,
    store: null,
    handle: null,
    draggable: /^[uo]l$/i.test(el.nodeName) ? '>li' : '>*',
    swapThreshold: 1,
    // percentage; 0 <= x <= 1
    invertSwap: false,
    // invert always
    invertedSwapThreshold: null,
    // will be set to same as swapThreshold if default
    removeCloneOnHide: true,
    direction: function direction() {
      return _detectDirection(el, this.options);
    },
    ghostClass: 'sortable-ghost',
    chosenClass: 'sortable-chosen',
    dragClass: 'sortable-drag',
    ignore: 'a, img',
    filter: null,
    preventOnFilter: true,
    animation: 0,
    easing: null,
    setData: function setData(dataTransfer, dragEl) {
      dataTransfer.setData('Text', dragEl.textContent);
    },
    dropBubble: false,
    dragoverBubble: false,
    dataIdAttr: 'data-id',
    delay: 0,
    delayOnTouchOnly: false,
    touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1,
    forceFallback: false,
    fallbackClass: 'sortable-fallback',
    fallbackOnBody: false,
    fallbackTolerance: 0,
    fallbackOffset: {
      x: 0,
      y: 0
    },
    // Disabled on Safari: #1571; Enabled on Safari IOS: #2244
    supportPointer: Sortable.supportPointer !== false && 'PointerEvent' in window && (!Safari || IOS),
    emptyInsertThreshold: 5
  };
  PluginManager.initializePlugins(this, el, defaults);

  // Set default options
  for (var name in defaults) {
    !(name in options) && (options[name] = defaults[name]);
  }
  _prepareGroup(options);

  // Bind all private methods
  for (var fn in this) {
    if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {
      this[fn] = this[fn].bind(this);
    }
  }

  // Setup drag mode
  this.nativeDraggable = options.forceFallback ? false : supportDraggable;
  if (this.nativeDraggable) {
    // Touch start threshold cannot be greater than the native dragstart threshold
    this.options.touchStartThreshold = 1;
  }

  // Bind events
  if (options.supportPointer) {
    on(el, 'pointerdown', this._onTapStart);
  } else {
    on(el, 'mousedown', this._onTapStart);
    on(el, 'touchstart', this._onTapStart);
  }
  if (this.nativeDraggable) {
    on(el, 'dragover', this);
    on(el, 'dragenter', this);
  }
  sortables.push(this.el);

  // Restore sorting
  options.store && options.store.get && this.sort(options.store.get(this) || []);

  // Add animation state manager
  _extends(this, AnimationStateManager());
}
Sortable.prototype = /** @lends Sortable.prototype */{
  constructor: Sortable,
  _isOutsideThisEl: function _isOutsideThisEl(target) {
    if (!this.el.contains(target) && target !== this.el) {
      lastTarget = null;
    }
  },
  _getDirection: function _getDirection(evt, target) {
    return typeof this.options.direction === 'function' ? this.options.direction.call(this, evt, target, dragEl) : this.options.direction;
  },
  _onTapStart: function _onTapStart( /** Event|TouchEvent */evt) {
    if (!evt.cancelable) return;
    var _this = this,
      el = this.el,
      options = this.options,
      preventOnFilter = options.preventOnFilter,
      type = evt.type,
      touch = evt.touches && evt.touches[0] || evt.pointerType && evt.pointerType === 'touch' && evt,
      target = (touch || evt).target,
      originalTarget = evt.target.shadowRoot && (evt.path && evt.path[0] || evt.composedPath && evt.composedPath()[0]) || target,
      filter = options.filter;
    _saveInputCheckedState(el);

    // Don't trigger start event when an element is been dragged, otherwise the evt.oldindex always wrong when set option.group.
    if (dragEl) {
      return;
    }
    if (/mousedown|pointerdown/.test(type) && evt.button !== 0 || options.disabled) {
      return; // only left button and enabled
    }

    // cancel dnd if original target is content editable
    if (originalTarget.isContentEditable) {
      return;
    }

    // Safari ignores further event handling after mousedown
    if (!this.nativeDraggable && Safari && target && target.tagName.toUpperCase() === 'SELECT') {
      return;
    }
    target = closest(target, options.draggable, el, false);
    if (target && target.animated) {
      return;
    }
    if (lastDownEl === target) {
      // Ignoring duplicate `down`
      return;
    }

    // Get the index of the dragged element within its parent
    oldIndex = index(target);
    oldDraggableIndex = index(target, options.draggable);

    // Check filter
    if (typeof filter === 'function') {
      if (filter.call(this, evt, target, this)) {
        _dispatchEvent({
          sortable: _this,
          rootEl: originalTarget,
          name: 'filter',
          targetEl: target,
          toEl: el,
          fromEl: el
        });
        pluginEvent('filter', _this, {
          evt: evt
        });
        preventOnFilter && evt.preventDefault();
        return; // cancel dnd
      }
    } else if (filter) {
      filter = filter.split(',').some(function (criteria) {
        criteria = closest(originalTarget, criteria.trim(), el, false);
        if (criteria) {
          _dispatchEvent({
            sortable: _this,
            rootEl: criteria,
            name: 'filter',
            targetEl: target,
            fromEl: el,
            toEl: el
          });
          pluginEvent('filter', _this, {
            evt: evt
          });
          return true;
        }
      });
      if (filter) {
        preventOnFilter && evt.preventDefault();
        return; // cancel dnd
      }
    }
    if (options.handle && !closest(originalTarget, options.handle, el, false)) {
      return;
    }

    // Prepare `dragstart`
    this._prepareDragStart(evt, touch, target);
  },
  _prepareDragStart: function _prepareDragStart( /** Event */evt, /** Touch */touch, /** HTMLElement */target) {
    var _this = this,
      el = _this.el,
      options = _this.options,
      ownerDocument = el.ownerDocument,
      dragStartFn;
    if (target && !dragEl && target.parentNode === el) {
      var dragRect = getRect(target);
      rootEl = el;
      dragEl = target;
      parentEl = dragEl.parentNode;
      nextEl = dragEl.nextSibling;
      lastDownEl = target;
      activeGroup = options.group;
      Sortable.dragged = dragEl;
      tapEvt = {
        target: dragEl,
        clientX: (touch || evt).clientX,
        clientY: (touch || evt).clientY
      };
      tapDistanceLeft = tapEvt.clientX - dragRect.left;
      tapDistanceTop = tapEvt.clientY - dragRect.top;
      this._lastX = (touch || evt).clientX;
      this._lastY = (touch || evt).clientY;
      dragEl.style['will-change'] = 'all';
      dragStartFn = function dragStartFn() {
        pluginEvent('delayEnded', _this, {
          evt: evt
        });
        if (Sortable.eventCanceled) {
          _this._onDrop();
          return;
        }
        // Delayed drag has been triggered
        // we can re-enable the events: touchmove/mousemove
        _this._disableDelayedDragEvents();
        if (!FireFox && _this.nativeDraggable) {
          dragEl.draggable = true;
        }

        // Bind the events: dragstart/dragend
        _this._triggerDragStart(evt, touch);

        // Drag start event
        _dispatchEvent({
          sortable: _this,
          name: 'choose',
          originalEvent: evt
        });

        // Chosen item
        toggleClass(dragEl, options.chosenClass, true);
      };

      // Disable "draggable"
      options.ignore.split(',').forEach(function (criteria) {
        find(dragEl, criteria.trim(), _disableDraggable);
      });
      on(ownerDocument, 'dragover', nearestEmptyInsertDetectEvent);
      on(ownerDocument, 'mousemove', nearestEmptyInsertDetectEvent);
      on(ownerDocument, 'touchmove', nearestEmptyInsertDetectEvent);
      if (options.supportPointer) {
        on(ownerDocument, 'pointerup', _this._onDrop);
        // Native D&D triggers pointercancel
        !this.nativeDraggable && on(ownerDocument, 'pointercancel', _this._onDrop);
      } else {
        on(ownerDocument, 'mouseup', _this._onDrop);
        on(ownerDocument, 'touchend', _this._onDrop);
        on(ownerDocument, 'touchcancel', _this._onDrop);
      }

      // Make dragEl draggable (must be before delay for FireFox)
      if (FireFox && this.nativeDraggable) {
        this.options.touchStartThreshold = 4;
        dragEl.draggable = true;
      }
      pluginEvent('delayStart', this, {
        evt: evt
      });

      // Delay is impossible for native DnD in Edge or IE
      if (options.delay && (!options.delayOnTouchOnly || touch) && (!this.nativeDraggable || !(Edge || IE11OrLess))) {
        if (Sortable.eventCanceled) {
          this._onDrop();
          return;
        }
        // If the user moves the pointer or let go the click or touch
        // before the delay has been reached:
        // disable the delayed drag
        if (options.supportPointer) {
          on(ownerDocument, 'pointerup', _this._disableDelayedDrag);
          on(ownerDocument, 'pointercancel', _this._disableDelayedDrag);
        } else {
          on(ownerDocument, 'mouseup', _this._disableDelayedDrag);
          on(ownerDocument, 'touchend', _this._disableDelayedDrag);
          on(ownerDocument, 'touchcancel', _this._disableDelayedDrag);
        }
        on(ownerDocument, 'mousemove', _this._delayedDragTouchMoveHandler);
        on(ownerDocument, 'touchmove', _this._delayedDragTouchMoveHandler);
        options.supportPointer && on(ownerDocument, 'pointermove', _this._delayedDragTouchMoveHandler);
        _this._dragStartTimer = setTimeout(dragStartFn, options.delay);
      } else {
        dragStartFn();
      }
    }
  },
  _delayedDragTouchMoveHandler: function _delayedDragTouchMoveHandler( /** TouchEvent|PointerEvent **/e) {
    var touch = e.touches ? e.touches[0] : e;
    if (Math.max(Math.abs(touch.clientX - this._lastX), Math.abs(touch.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1))) {
      this._disableDelayedDrag();
    }
  },
  _disableDelayedDrag: function _disableDelayedDrag() {
    dragEl && _disableDraggable(dragEl);
    clearTimeout(this._dragStartTimer);
    this._disableDelayedDragEvents();
  },
  _disableDelayedDragEvents: function _disableDelayedDragEvents() {
    var ownerDocument = this.el.ownerDocument;
    off(ownerDocument, 'mouseup', this._disableDelayedDrag);
    off(ownerDocument, 'touchend', this._disableDelayedDrag);
    off(ownerDocument, 'touchcancel', this._disableDelayedDrag);
    off(ownerDocument, 'pointerup', this._disableDelayedDrag);
    off(ownerDocument, 'pointercancel', this._disableDelayedDrag);
    off(ownerDocument, 'mousemove', this._delayedDragTouchMoveHandler);
    off(ownerDocument, 'touchmove', this._delayedDragTouchMoveHandler);
    off(ownerDocument, 'pointermove', this._delayedDragTouchMoveHandler);
  },
  _triggerDragStart: function _triggerDragStart( /** Event */evt, /** Touch */touch) {
    touch = touch || evt.pointerType == 'touch' && evt;
    if (!this.nativeDraggable || touch) {
      if (this.options.supportPointer) {
        on(document, 'pointermove', this._onTouchMove);
      } else if (touch) {
        on(document, 'touchmove', this._onTouchMove);
      } else {
        on(document, 'mousemove', this._onTouchMove);
      }
    } else {
      on(dragEl, 'dragend', this);
      on(rootEl, 'dragstart', this._onDragStart);
    }
    try {
      if (document.selection) {
        _nextTick(function () {
          document.selection.empty();
        });
      } else {
        window.getSelection().removeAllRanges();
      }
    } catch (err) {}
  },
  _dragStarted: function _dragStarted(fallback, evt) {
    awaitingDragStarted = false;
    if (rootEl && dragEl) {
      pluginEvent('dragStarted', this, {
        evt: evt
      });
      if (this.nativeDraggable) {
        on(document, 'dragover', _checkOutsideTargetEl);
      }
      var options = this.options;

      // Apply effect
      !fallback && toggleClass(dragEl, options.dragClass, false);
      toggleClass(dragEl, options.ghostClass, true);
      Sortable.active = this;
      fallback && this._appendGhost();

      // Drag start event
      _dispatchEvent({
        sortable: this,
        name: 'start',
        originalEvent: evt
      });
    } else {
      this._nulling();
    }
  },
  _emulateDragOver: function _emulateDragOver() {
    if (touchEvt) {
      this._lastX = touchEvt.clientX;
      this._lastY = touchEvt.clientY;
      _hideGhostForTarget();
      var target = document.elementFromPoint(touchEvt.clientX, touchEvt.clientY);
      var parent = target;
      while (target && target.shadowRoot) {
        target = target.shadowRoot.elementFromPoint(touchEvt.clientX, touchEvt.clientY);
        if (target === parent) break;
        parent = target;
      }
      dragEl.parentNode[expando]._isOutsideThisEl(target);
      if (parent) {
        do {
          if (parent[expando]) {
            var inserted = void 0;
            inserted = parent[expando]._onDragOver({
              clientX: touchEvt.clientX,
              clientY: touchEvt.clientY,
              target: target,
              rootEl: parent
            });
            if (inserted && !this.options.dragoverBubble) {
              break;
            }
          }
          target = parent; // store last element
        }
        /* jshint boss:true */ while (parent = getParentOrHost(parent));
      }
      _unhideGhostForTarget();
    }
  },
  _onTouchMove: function _onTouchMove( /**TouchEvent*/evt) {
    if (tapEvt) {
      var options = this.options,
        fallbackTolerance = options.fallbackTolerance,
        fallbackOffset = options.fallbackOffset,
        touch = evt.touches ? evt.touches[0] : evt,
        ghostMatrix = ghostEl && matrix(ghostEl, true),
        scaleX = ghostEl && ghostMatrix && ghostMatrix.a,
        scaleY = ghostEl && ghostMatrix && ghostMatrix.d,
        relativeScrollOffset = PositionGhostAbsolutely && ghostRelativeParent && getRelativeScrollOffset(ghostRelativeParent),
        dx = (touch.clientX - tapEvt.clientX + fallbackOffset.x) / (scaleX || 1) + (relativeScrollOffset ? relativeScrollOffset[0] - ghostRelativeParentInitialScroll[0] : 0) / (scaleX || 1),
        dy = (touch.clientY - tapEvt.clientY + fallbackOffset.y) / (scaleY || 1) + (relativeScrollOffset ? relativeScrollOffset[1] - ghostRelativeParentInitialScroll[1] : 0) / (scaleY || 1);

      // only set the status to dragging, when we are actually dragging
      if (!Sortable.active && !awaitingDragStarted) {
        if (fallbackTolerance && Math.max(Math.abs(touch.clientX - this._lastX), Math.abs(touch.clientY - this._lastY)) < fallbackTolerance) {
          return;
        }
        this._onDragStart(evt, true);
      }
      if (ghostEl) {
        if (ghostMatrix) {
          ghostMatrix.e += dx - (lastDx || 0);
          ghostMatrix.f += dy - (lastDy || 0);
        } else {
          ghostMatrix = {
            a: 1,
            b: 0,
            c: 0,
            d: 1,
            e: dx,
            f: dy
          };
        }
        var cssMatrix = "matrix(".concat(ghostMatrix.a, ",").concat(ghostMatrix.b, ",").concat(ghostMatrix.c, ",").concat(ghostMatrix.d, ",").concat(ghostMatrix.e, ",").concat(ghostMatrix.f, ")");
        css(ghostEl, 'webkitTransform', cssMatrix);
        css(ghostEl, 'mozTransform', cssMatrix);
        css(ghostEl, 'msTransform', cssMatrix);
        css(ghostEl, 'transform', cssMatrix);
        lastDx = dx;
        lastDy = dy;
        touchEvt = touch;
      }
      evt.cancelable && evt.preventDefault();
    }
  },
  _appendGhost: function _appendGhost() {
    // Bug if using scale(): https://stackoverflow.com/questions/2637058
    // Not being adjusted for
    if (!ghostEl) {
      var container = this.options.fallbackOnBody ? document.body : rootEl,
        rect = getRect(dragEl, true, PositionGhostAbsolutely, true, container),
        options = this.options;

      // Position absolutely
      if (PositionGhostAbsolutely) {
        // Get relatively positioned parent
        ghostRelativeParent = container;
        while (css(ghostRelativeParent, 'position') === 'static' && css(ghostRelativeParent, 'transform') === 'none' && ghostRelativeParent !== document) {
          ghostRelativeParent = ghostRelativeParent.parentNode;
        }
        if (ghostRelativeParent !== document.body && ghostRelativeParent !== document.documentElement) {
          if (ghostRelativeParent === document) ghostRelativeParent = getWindowScrollingElement();
          rect.top += ghostRelativeParent.scrollTop;
          rect.left += ghostRelativeParent.scrollLeft;
        } else {
          ghostRelativeParent = getWindowScrollingElement();
        }
        ghostRelativeParentInitialScroll = getRelativeScrollOffset(ghostRelativeParent);
      }
      ghostEl = dragEl.cloneNode(true);
      toggleClass(ghostEl, options.ghostClass, false);
      toggleClass(ghostEl, options.fallbackClass, true);
      toggleClass(ghostEl, options.dragClass, true);
      css(ghostEl, 'transition', '');
      css(ghostEl, 'transform', '');
      css(ghostEl, 'box-sizing', 'border-box');
      css(ghostEl, 'margin', 0);
      css(ghostEl, 'top', rect.top);
      css(ghostEl, 'left', rect.left);
      css(ghostEl, 'width', rect.width);
      css(ghostEl, 'height', rect.height);
      css(ghostEl, 'opacity', '0.8');
      css(ghostEl, 'position', PositionGhostAbsolutely ? 'absolute' : 'fixed');
      css(ghostEl, 'zIndex', '100000');
      css(ghostEl, 'pointerEvents', 'none');
      Sortable.ghost = ghostEl;
      container.appendChild(ghostEl);

      // Set transform-origin
      css(ghostEl, 'transform-origin', tapDistanceLeft / parseInt(ghostEl.style.width) * 100 + '% ' + tapDistanceTop / parseInt(ghostEl.style.height) * 100 + '%');
    }
  },
  _onDragStart: function _onDragStart( /**Event*/evt, /**boolean*/fallback) {
    var _this = this;
    var dataTransfer = evt.dataTransfer;
    var options = _this.options;
    pluginEvent('dragStart', this, {
      evt: evt
    });
    if (Sortable.eventCanceled) {
      this._onDrop();
      return;
    }
    pluginEvent('setupClone', this);
    if (!Sortable.eventCanceled) {
      cloneEl = clone(dragEl);
      cloneEl.removeAttribute("id");
      cloneEl.draggable = false;
      cloneEl.style['will-change'] = '';
      this._hideClone();
      toggleClass(cloneEl, this.options.chosenClass, false);
      Sortable.clone = cloneEl;
    }

    // #1143: IFrame support workaround
    _this.cloneId = _nextTick(function () {
      pluginEvent('clone', _this);
      if (Sortable.eventCanceled) return;
      if (!_this.options.removeCloneOnHide) {
        rootEl.insertBefore(cloneEl, dragEl);
      }
      _this._hideClone();
      _dispatchEvent({
        sortable: _this,
        name: 'clone'
      });
    });
    !fallback && toggleClass(dragEl, options.dragClass, true);

    // Set proper drop events
    if (fallback) {
      ignoreNextClick = true;
      _this._loopId = setInterval(_this._emulateDragOver, 50);
    } else {
      // Undo what was set in _prepareDragStart before drag started
      off(document, 'mouseup', _this._onDrop);
      off(document, 'touchend', _this._onDrop);
      off(document, 'touchcancel', _this._onDrop);
      if (dataTransfer) {
        dataTransfer.effectAllowed = 'move';
        options.setData && options.setData.call(_this, dataTransfer, dragEl);
      }
      on(document, 'drop', _this);

      // #1276 fix:
      css(dragEl, 'transform', 'translateZ(0)');
    }
    awaitingDragStarted = true;
    _this._dragStartId = _nextTick(_this._dragStarted.bind(_this, fallback, evt));
    on(document, 'selectstart', _this);
    moved = true;
    window.getSelection().removeAllRanges();
    if (Safari) {
      css(document.body, 'user-select', 'none');
    }
  },
  // Returns true - if no further action is needed (either inserted or another condition)
  _onDragOver: function _onDragOver( /**Event*/evt) {
    var el = this.el,
      target = evt.target,
      dragRect,
      targetRect,
      revert,
      options = this.options,
      group = options.group,
      activeSortable = Sortable.active,
      isOwner = activeGroup === group,
      canSort = options.sort,
      fromSortable = putSortable || activeSortable,
      vertical,
      _this = this,
      completedFired = false;
    if (_silent) return;
    function dragOverEvent(name, extra) {
      pluginEvent(name, _this, _objectSpread2({
        evt: evt,
        isOwner: isOwner,
        axis: vertical ? 'vertical' : 'horizontal',
        revert: revert,
        dragRect: dragRect,
        targetRect: targetRect,
        canSort: canSort,
        fromSortable: fromSortable,
        target: target,
        completed: completed,
        onMove: function onMove(target, after) {
          return _onMove(rootEl, el, dragEl, dragRect, target, getRect(target), evt, after);
        },
        changed: changed
      }, extra));
    }

    // Capture animation state
    function capture() {
      dragOverEvent('dragOverAnimationCapture');
      _this.captureAnimationState();
      if (_this !== fromSortable) {
        fromSortable.captureAnimationState();
      }
    }

    // Return invocation when dragEl is inserted (or completed)
    function completed(insertion) {
      dragOverEvent('dragOverCompleted', {
        insertion: insertion
      });
      if (insertion) {
        // Clones must be hidden before folding animation to capture dragRectAbsolute properly
        if (isOwner) {
          activeSortable._hideClone();
        } else {
          activeSortable._showClone(_this);
        }
        if (_this !== fromSortable) {
          // Set ghost class to new sortable's ghost class
          toggleClass(dragEl, putSortable ? putSortable.options.ghostClass : activeSortable.options.ghostClass, false);
          toggleClass(dragEl, options.ghostClass, true);
        }
        if (putSortable !== _this && _this !== Sortable.active) {
          putSortable = _this;
        } else if (_this === Sortable.active && putSortable) {
          putSortable = null;
        }

        // Animation
        if (fromSortable === _this) {
          _this._ignoreWhileAnimating = target;
        }
        _this.animateAll(function () {
          dragOverEvent('dragOverAnimationComplete');
          _this._ignoreWhileAnimating = null;
        });
        if (_this !== fromSortable) {
          fromSortable.animateAll();
          fromSortable._ignoreWhileAnimating = null;
        }
      }

      // Null lastTarget if it is not inside a previously swapped element
      if (target === dragEl && !dragEl.animated || target === el && !target.animated) {
        lastTarget = null;
      }

      // no bubbling and not fallback
      if (!options.dragoverBubble && !evt.rootEl && target !== document) {
        dragEl.parentNode[expando]._isOutsideThisEl(evt.target);

        // Do not detect for empty insert if already inserted
        !insertion && nearestEmptyInsertDetectEvent(evt);
      }
      !options.dragoverBubble && evt.stopPropagation && evt.stopPropagation();
      return completedFired = true;
    }

    // Call when dragEl has been inserted
    function changed() {
      newIndex = index(dragEl);
      newDraggableIndex = index(dragEl, options.draggable);
      _dispatchEvent({
        sortable: _this,
        name: 'change',
        toEl: el,
        newIndex: newIndex,
        newDraggableIndex: newDraggableIndex,
        originalEvent: evt
      });
    }
    if (evt.preventDefault !== void 0) {
      evt.cancelable && evt.preventDefault();
    }
    target = closest(target, options.draggable, el, true);
    dragOverEvent('dragOver');
    if (Sortable.eventCanceled) return completedFired;
    if (dragEl.contains(evt.target) || target.animated && target.animatingX && target.animatingY || _this._ignoreWhileAnimating === target) {
      return completed(false);
    }
    ignoreNextClick = false;
    if (activeSortable && !options.disabled && (isOwner ? canSort || (revert = parentEl !== rootEl) // Reverting item into the original list
    : putSortable === this || (this.lastPutMode = activeGroup.checkPull(this, activeSortable, dragEl, evt)) && group.checkPut(this, activeSortable, dragEl, evt))) {
      vertical = this._getDirection(evt, target) === 'vertical';
      dragRect = getRect(dragEl);
      dragOverEvent('dragOverValid');
      if (Sortable.eventCanceled) return completedFired;
      if (revert) {
        parentEl = rootEl; // actualization
        capture();
        this._hideClone();
        dragOverEvent('revert');
        if (!Sortable.eventCanceled) {
          if (nextEl) {
            rootEl.insertBefore(dragEl, nextEl);
          } else {
            rootEl.appendChild(dragEl);
          }
        }
        return completed(true);
      }
      var elLastChild = lastChild(el, options.draggable);
      if (!elLastChild || _ghostIsLast(evt, vertical, this) && !elLastChild.animated) {
        // Insert to end of list

        // If already at end of list: Do not insert
        if (elLastChild === dragEl) {
          return completed(false);
        }

        // if there is a last element, it is the target
        if (elLastChild && el === evt.target) {
          target = elLastChild;
        }
        if (target) {
          targetRect = getRect(target);
        }
        if (_onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, !!target) !== false) {
          capture();
          if (elLastChild && elLastChild.nextSibling) {
            // the last draggable element is not the last node
            el.insertBefore(dragEl, elLastChild.nextSibling);
          } else {
            el.appendChild(dragEl);
          }
          parentEl = el; // actualization

          changed();
          return completed(true);
        }
      } else if (elLastChild && _ghostIsFirst(evt, vertical, this)) {
        // Insert to start of list
        var firstChild = getChild(el, 0, options, true);
        if (firstChild === dragEl) {
          return completed(false);
        }
        target = firstChild;
        targetRect = getRect(target);
        if (_onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, false) !== false) {
          capture();
          el.insertBefore(dragEl, firstChild);
          parentEl = el; // actualization

          changed();
          return completed(true);
        }
      } else if (target.parentNode === el) {
        targetRect = getRect(target);
        var direction = 0,
          targetBeforeFirstSwap,
          differentLevel = dragEl.parentNode !== el,
          differentRowCol = !_dragElInRowColumn(dragEl.animated && dragEl.toRect || dragRect, target.animated && target.toRect || targetRect, vertical),
          side1 = vertical ? 'top' : 'left',
          scrolledPastTop = isScrolledPast(target, 'top', 'top') || isScrolledPast(dragEl, 'top', 'top'),
          scrollBefore = scrolledPastTop ? scrolledPastTop.scrollTop : void 0;
        if (lastTarget !== target) {
          targetBeforeFirstSwap = targetRect[side1];
          pastFirstInvertThresh = false;
          isCircumstantialInvert = !differentRowCol && options.invertSwap || differentLevel;
        }
        direction = _getSwapDirection(evt, target, targetRect, vertical, differentRowCol ? 1 : options.swapThreshold, options.invertedSwapThreshold == null ? options.swapThreshold : options.invertedSwapThreshold, isCircumstantialInvert, lastTarget === target);
        var sibling;
        if (direction !== 0) {
          // Check if target is beside dragEl in respective direction (ignoring hidden elements)
          var dragIndex = index(dragEl);
          do {
            dragIndex -= direction;
            sibling = parentEl.children[dragIndex];
          } while (sibling && (css(sibling, 'display') === 'none' || sibling === ghostEl));
        }
        // If dragEl is already beside target: Do not insert
        if (direction === 0 || sibling === target) {
          return completed(false);
        }
        lastTarget = target;
        lastDirection = direction;
        var nextSibling = target.nextElementSibling,
          after = false;
        after = direction === 1;
        var moveVector = _onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, after);
        if (moveVector !== false) {
          if (moveVector === 1 || moveVector === -1) {
            after = moveVector === 1;
          }
          _silent = true;
          setTimeout(_unsilent, 30);
          capture();
          if (after && !nextSibling) {
            el.appendChild(dragEl);
          } else {
            target.parentNode.insertBefore(dragEl, after ? nextSibling : target);
          }

          // Undo chrome's scroll adjustment (has no effect on other browsers)
          if (scrolledPastTop) {
            scrollBy(scrolledPastTop, 0, scrollBefore - scrolledPastTop.scrollTop);
          }
          parentEl = dragEl.parentNode; // actualization

          // must be done before animation
          if (targetBeforeFirstSwap !== undefined && !isCircumstantialInvert) {
            targetMoveDistance = Math.abs(targetBeforeFirstSwap - getRect(target)[side1]);
          }
          changed();
          return completed(true);
        }
      }
      if (el.contains(dragEl)) {
        return completed(false);
      }
    }
    return false;
  },
  _ignoreWhileAnimating: null,
  _offMoveEvents: function _offMoveEvents() {
    off(document, 'mousemove', this._onTouchMove);
    off(document, 'touchmove', this._onTouchMove);
    off(document, 'pointermove', this._onTouchMove);
    off(document, 'dragover', nearestEmptyInsertDetectEvent);
    off(document, 'mousemove', nearestEmptyInsertDetectEvent);
    off(document, 'touchmove', nearestEmptyInsertDetectEvent);
  },
  _offUpEvents: function _offUpEvents() {
    var ownerDocument = this.el.ownerDocument;
    off(ownerDocument, 'mouseup', this._onDrop);
    off(ownerDocument, 'touchend', this._onDrop);
    off(ownerDocument, 'pointerup', this._onDrop);
    off(ownerDocument, 'pointercancel', this._onDrop);
    off(ownerDocument, 'touchcancel', this._onDrop);
    off(document, 'selectstart', this);
  },
  _onDrop: function _onDrop( /**Event*/evt) {
    var el = this.el,
      options = this.options;

    // Get the index of the dragged element within its parent
    newIndex = index(dragEl);
    newDraggableIndex = index(dragEl, options.draggable);
    pluginEvent('drop', this, {
      evt: evt
    });
    parentEl = dragEl && dragEl.parentNode;

    // Get again after plugin event
    newIndex = index(dragEl);
    newDraggableIndex = index(dragEl, options.draggable);
    if (Sortable.eventCanceled) {
      this._nulling();
      return;
    }
    awaitingDragStarted = false;
    isCircumstantialInvert = false;
    pastFirstInvertThresh = false;
    clearInterval(this._loopId);
    clearTimeout(this._dragStartTimer);
    _cancelNextTick(this.cloneId);
    _cancelNextTick(this._dragStartId);

    // Unbind events
    if (this.nativeDraggable) {
      off(document, 'drop', this);
      off(el, 'dragstart', this._onDragStart);
    }
    this._offMoveEvents();
    this._offUpEvents();
    if (Safari) {
      css(document.body, 'user-select', '');
    }
    css(dragEl, 'transform', '');
    if (evt) {
      if (moved) {
        evt.cancelable && evt.preventDefault();
        !options.dropBubble && evt.stopPropagation();
      }
      ghostEl && ghostEl.parentNode && ghostEl.parentNode.removeChild(ghostEl);
      if (rootEl === parentEl || putSortable && putSortable.lastPutMode !== 'clone') {
        // Remove clone(s)
        cloneEl && cloneEl.parentNode && cloneEl.parentNode.removeChild(cloneEl);
      }
      if (dragEl) {
        if (this.nativeDraggable) {
          off(dragEl, 'dragend', this);
        }
        _disableDraggable(dragEl);
        dragEl.style['will-change'] = '';

        // Remove classes
        // ghostClass is added in dragStarted
        if (moved && !awaitingDragStarted) {
          toggleClass(dragEl, putSortable ? putSortable.options.ghostClass : this.options.ghostClass, false);
        }
        toggleClass(dragEl, this.options.chosenClass, false);

        // Drag stop event
        _dispatchEvent({
          sortable: this,
          name: 'unchoose',
          toEl: parentEl,
          newIndex: null,
          newDraggableIndex: null,
          originalEvent: evt
        });
        if (rootEl !== parentEl) {
          if (newIndex >= 0) {
            // Add event
            _dispatchEvent({
              rootEl: parentEl,
              name: 'add',
              toEl: parentEl,
              fromEl: rootEl,
              originalEvent: evt
            });

            // Remove event
            _dispatchEvent({
              sortable: this,
              name: 'remove',
              toEl: parentEl,
              originalEvent: evt
            });

            // drag from one list and drop into another
            _dispatchEvent({
              rootEl: parentEl,
              name: 'sort',
              toEl: parentEl,
              fromEl: rootEl,
              originalEvent: evt
            });
            _dispatchEvent({
              sortable: this,
              name: 'sort',
              toEl: parentEl,
              originalEvent: evt
            });
          }
          putSortable && putSortable.save();
        } else {
          if (newIndex !== oldIndex) {
            if (newIndex >= 0) {
              // drag & drop within the same list
              _dispatchEvent({
                sortable: this,
                name: 'update',
                toEl: parentEl,
                originalEvent: evt
              });
              _dispatchEvent({
                sortable: this,
                name: 'sort',
                toEl: parentEl,
                originalEvent: evt
              });
            }
          }
        }
        if (Sortable.active) {
          /* jshint eqnull:true */
          if (newIndex == null || newIndex === -1) {
            newIndex = oldIndex;
            newDraggableIndex = oldDraggableIndex;
          }
          _dispatchEvent({
            sortable: this,
            name: 'end',
            toEl: parentEl,
            originalEvent: evt
          });

          // Save sorting
          this.save();
        }
      }
    }
    this._nulling();
  },
  _nulling: function _nulling() {
    pluginEvent('nulling', this);
    rootEl = dragEl = parentEl = ghostEl = nextEl = cloneEl = lastDownEl = cloneHidden = tapEvt = touchEvt = moved = newIndex = newDraggableIndex = oldIndex = oldDraggableIndex = lastTarget = lastDirection = putSortable = activeGroup = Sortable.dragged = Sortable.ghost = Sortable.clone = Sortable.active = null;
    savedInputChecked.forEach(function (el) {
      el.checked = true;
    });
    savedInputChecked.length = lastDx = lastDy = 0;
  },
  handleEvent: function handleEvent( /**Event*/evt) {
    switch (evt.type) {
      case 'drop':
      case 'dragend':
        this._onDrop(evt);
        break;
      case 'dragenter':
      case 'dragover':
        if (dragEl) {
          this._onDragOver(evt);
          _globalDragOver(evt);
        }
        break;
      case 'selectstart':
        evt.preventDefault();
        break;
    }
  },
  /**
   * Serializes the item into an array of string.
   * @returns {String[]}
   */
  toArray: function toArray() {
    var order = [],
      el,
      children = this.el.children,
      i = 0,
      n = children.length,
      options = this.options;
    for (; i < n; i++) {
      el = children[i];
      if (closest(el, options.draggable, this.el, false)) {
        order.push(el.getAttribute(options.dataIdAttr) || _generateId(el));
      }
    }
    return order;
  },
  /**
   * Sorts the elements according to the array.
   * @param  {String[]}  order  order of the items
   */
  sort: function sort(order, useAnimation) {
    var items = {},
      rootEl = this.el;
    this.toArray().forEach(function (id, i) {
      var el = rootEl.children[i];
      if (closest(el, this.options.draggable, rootEl, false)) {
        items[id] = el;
      }
    }, this);
    useAnimation && this.captureAnimationState();
    order.forEach(function (id) {
      if (items[id]) {
        rootEl.removeChild(items[id]);
        rootEl.appendChild(items[id]);
      }
    });
    useAnimation && this.animateAll();
  },
  /**
   * Save the current sorting
   */
  save: function save() {
    var store = this.options.store;
    store && store.set && store.set(this);
  },
  /**
   * For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.
   * @param   {HTMLElement}  el
   * @param   {String}       [selector]  default: `options.draggable`
   * @returns {HTMLElement|null}
   */
  closest: function closest$1(el, selector) {
    return closest(el, selector || this.options.draggable, this.el, false);
  },
  /**
   * Set/get option
   * @param   {string} name
   * @param   {*}      [value]
   * @returns {*}
   */
  option: function option(name, value) {
    var options = this.options;
    if (value === void 0) {
      return options[name];
    } else {
      var modifiedValue = PluginManager.modifyOption(this, name, value);
      if (typeof modifiedValue !== 'undefined') {
        options[name] = modifiedValue;
      } else {
        options[name] = value;
      }
      if (name === 'group') {
        _prepareGroup(options);
      }
    }
  },
  /**
   * Destroy
   */
  destroy: function destroy() {
    pluginEvent('destroy', this);
    var el = this.el;
    el[expando] = null;
    off(el, 'mousedown', this._onTapStart);
    off(el, 'touchstart', this._onTapStart);
    off(el, 'pointerdown', this._onTapStart);
    if (this.nativeDraggable) {
      off(el, 'dragover', this);
      off(el, 'dragenter', this);
    }
    // Remove draggable attributes
    Array.prototype.forEach.call(el.querySelectorAll('[draggable]'), function (el) {
      el.removeAttribute('draggable');
    });
    this._onDrop();
    this._disableDelayedDragEvents();
    sortables.splice(sortables.indexOf(this.el), 1);
    this.el = el = null;
  },
  _hideClone: function _hideClone() {
    if (!cloneHidden) {
      pluginEvent('hideClone', this);
      if (Sortable.eventCanceled) return;
      css(cloneEl, 'display', 'none');
      if (this.options.removeCloneOnHide && cloneEl.parentNode) {
        cloneEl.parentNode.removeChild(cloneEl);
      }
      cloneHidden = true;
    }
  },
  _showClone: function _showClone(putSortable) {
    if (putSortable.lastPutMode !== 'clone') {
      this._hideClone();
      return;
    }
    if (cloneHidden) {
      pluginEvent('showClone', this);
      if (Sortable.eventCanceled) return;

      // show clone at dragEl or original position
      if (dragEl.parentNode == rootEl && !this.options.group.revertClone) {
        rootEl.insertBefore(cloneEl, dragEl);
      } else if (nextEl) {
        rootEl.insertBefore(cloneEl, nextEl);
      } else {
        rootEl.appendChild(cloneEl);
      }
      if (this.options.group.revertClone) {
        this.animate(dragEl, cloneEl);
      }
      css(cloneEl, 'display', '');
      cloneHidden = false;
    }
  }
};
function _globalDragOver( /**Event*/evt) {
  if (evt.dataTransfer) {
    evt.dataTransfer.dropEffect = 'move';
  }
  evt.cancelable && evt.preventDefault();
}
function _onMove(fromEl, toEl, dragEl, dragRect, targetEl, targetRect, originalEvent, willInsertAfter) {
  var evt,
    sortable = fromEl[expando],
    onMoveFn = sortable.options.onMove,
    retVal;
  // Support for new CustomEvent feature
  if (window.CustomEvent && !IE11OrLess && !Edge) {
    evt = new CustomEvent('move', {
      bubbles: true,
      cancelable: true
    });
  } else {
    evt = document.createEvent('Event');
    evt.initEvent('move', true, true);
  }
  evt.to = toEl;
  evt.from = fromEl;
  evt.dragged = dragEl;
  evt.draggedRect = dragRect;
  evt.related = targetEl || toEl;
  evt.relatedRect = targetRect || getRect(toEl);
  evt.willInsertAfter = willInsertAfter;
  evt.originalEvent = originalEvent;
  fromEl.dispatchEvent(evt);
  if (onMoveFn) {
    retVal = onMoveFn.call(sortable, evt, originalEvent);
  }
  return retVal;
}
function _disableDraggable(el) {
  el.draggable = false;
}
function _unsilent() {
  _silent = false;
}
function _ghostIsFirst(evt, vertical, sortable) {
  var firstElRect = getRect(getChild(sortable.el, 0, sortable.options, true));
  var childContainingRect = getChildContainingRectFromElement(sortable.el, sortable.options, ghostEl);
  var spacer = 10;
  return vertical ? evt.clientX < childContainingRect.left - spacer || evt.clientY < firstElRect.top && evt.clientX < firstElRect.right : evt.clientY < childContainingRect.top - spacer || evt.clientY < firstElRect.bottom && evt.clientX < firstElRect.left;
}
function _ghostIsLast(evt, vertical, sortable) {
  var lastElRect = getRect(lastChild(sortable.el, sortable.options.draggable));
  var childContainingRect = getChildContainingRectFromElement(sortable.el, sortable.options, ghostEl);
  var spacer = 10;
  return vertical ? evt.clientX > childContainingRect.right + spacer || evt.clientY > lastElRect.bottom && evt.clientX > lastElRect.left : evt.clientY > childContainingRect.bottom + spacer || evt.clientX > lastElRect.right && evt.clientY > lastElRect.top;
}
function _getSwapDirection(evt, target, targetRect, vertical, swapThreshold, invertedSwapThreshold, invertSwap, isLastTarget) {
  var mouseOnAxis = vertical ? evt.clientY : evt.clientX,
    targetLength = vertical ? targetRect.height : targetRect.width,
    targetS1 = vertical ? targetRect.top : targetRect.left,
    targetS2 = vertical ? targetRect.bottom : targetRect.right,
    invert = false;
  if (!invertSwap) {
    // Never invert or create dragEl shadow when target movemenet causes mouse to move past the end of regular swapThreshold
    if (isLastTarget && targetMoveDistance < targetLength * swapThreshold) {
      // multiplied only by swapThreshold because mouse will already be inside target by (1 - threshold) * targetLength / 2
      // check if past first invert threshold on side opposite of lastDirection
      if (!pastFirstInvertThresh && (lastDirection === 1 ? mouseOnAxis > targetS1 + targetLength * invertedSwapThreshold / 2 : mouseOnAxis < targetS2 - targetLength * invertedSwapThreshold / 2)) {
        // past first invert threshold, do not restrict inverted threshold to dragEl shadow
        pastFirstInvertThresh = true;
      }
      if (!pastFirstInvertThresh) {
        // dragEl shadow (target move distance shadow)
        if (lastDirection === 1 ? mouseOnAxis < targetS1 + targetMoveDistance // over dragEl shadow
        : mouseOnAxis > targetS2 - targetMoveDistance) {
          return -lastDirection;
        }
      } else {
        invert = true;
      }
    } else {
      // Regular
      if (mouseOnAxis > targetS1 + targetLength * (1 - swapThreshold) / 2 && mouseOnAxis < targetS2 - targetLength * (1 - swapThreshold) / 2) {
        return _getInsertDirection(target);
      }
    }
  }
  invert = invert || invertSwap;
  if (invert) {
    // Invert of regular
    if (mouseOnAxis < targetS1 + targetLength * invertedSwapThreshold / 2 || mouseOnAxis > targetS2 - targetLength * invertedSwapThreshold / 2) {
      return mouseOnAxis > targetS1 + targetLength / 2 ? 1 : -1;
    }
  }
  return 0;
}

/**
 * Gets the direction dragEl must be swapped relative to target in order to make it
 * seem that dragEl has been "inserted" into that element's position
 * @param  {HTMLElement} target       The target whose position dragEl is being inserted at
 * @return {Number}                   Direction dragEl must be swapped
 */
function _getInsertDirection(target) {
  if (index(dragEl) < index(target)) {
    return 1;
  } else {
    return -1;
  }
}

/**
 * Generate id
 * @param   {HTMLElement} el
 * @returns {String}
 * @private
 */
function _generateId(el) {
  var str = el.tagName + el.className + el.src + el.href + el.textContent,
    i = str.length,
    sum = 0;
  while (i--) {
    sum += str.charCodeAt(i);
  }
  return sum.toString(36);
}
function _saveInputCheckedState(root) {
  savedInputChecked.length = 0;
  var inputs = root.getElementsByTagName('input');
  var idx = inputs.length;
  while (idx--) {
    var el = inputs[idx];
    el.checked && savedInputChecked.push(el);
  }
}
function _nextTick(fn) {
  return setTimeout(fn, 0);
}
function _cancelNextTick(id) {
  return clearTimeout(id);
}

// Fixed #973:
if (documentExists) {
  on(document, 'touchmove', function (evt) {
    if ((Sortable.active || awaitingDragStarted) && evt.cancelable) {
      evt.preventDefault();
    }
  });
}

// Export utils
Sortable.utils = {
  on: on,
  off: off,
  css: css,
  find: find,
  is: function is(el, selector) {
    return !!closest(el, selector, el, false);
  },
  extend: extend,
  throttle: throttle,
  closest: closest,
  toggleClass: toggleClass,
  clone: clone,
  index: index,
  nextTick: _nextTick,
  cancelNextTick: _cancelNextTick,
  detectDirection: _detectDirection,
  getChild: getChild,
  expando: expando
};

/**
 * Get the Sortable instance of an element
 * @param  {HTMLElement} element The element
 * @return {Sortable|undefined}         The instance of Sortable
 */
Sortable.get = function (element) {
  return element[expando];
};

/**
 * Mount a plugin to Sortable
 * @param  {...SortablePlugin|SortablePlugin[]} plugins       Plugins being mounted
 */
Sortable.mount = function () {
  for (var _len = arguments.length, plugins = new Array(_len), _key = 0; _key < _len; _key++) {
    plugins[_key] = arguments[_key];
  }
  if (plugins[0].constructor === Array) plugins = plugins[0];
  plugins.forEach(function (plugin) {
    if (!plugin.prototype || !plugin.prototype.constructor) {
      throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(plugin));
    }
    if (plugin.utils) Sortable.utils = _objectSpread2(_objectSpread2({}, Sortable.utils), plugin.utils);
    PluginManager.mount(plugin);
  });
};

/**
 * Create sortable instance
 * @param {HTMLElement}  el
 * @param {Object}      [options]
 */
Sortable.create = function (el, options) {
  return new Sortable(el, options);
};

// Export
Sortable.version = version;

var autoScrolls = [],
  scrollEl,
  scrollRootEl,
  scrolling = false,
  lastAutoScrollX,
  lastAutoScrollY,
  touchEvt$1,
  pointerElemChangedInterval;
function AutoScrollPlugin() {
  function AutoScroll() {
    this.defaults = {
      scroll: true,
      forceAutoScrollFallback: false,
      scrollSensitivity: 30,
      scrollSpeed: 10,
      bubbleScroll: true
    };

    // Bind all private methods
    for (var fn in this) {
      if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {
        this[fn] = this[fn].bind(this);
      }
    }
  }
  AutoScroll.prototype = {
    dragStarted: function dragStarted(_ref) {
      var originalEvent = _ref.originalEvent;
      if (this.sortable.nativeDraggable) {
        on(document, 'dragover', this._handleAutoScroll);
      } else {
        if (this.options.supportPointer) {
          on(document, 'pointermove', this._handleFallbackAutoScroll);
        } else if (originalEvent.touches) {
          on(document, 'touchmove', this._handleFallbackAutoScroll);
        } else {
          on(document, 'mousemove', this._handleFallbackAutoScroll);
        }
      }
    },
    dragOverCompleted: function dragOverCompleted(_ref2) {
      var originalEvent = _ref2.originalEvent;
      // For when bubbling is canceled and using fallback (fallback 'touchmove' always reached)
      if (!this.options.dragOverBubble && !originalEvent.rootEl) {
        this._handleAutoScroll(originalEvent);
      }
    },
    drop: function drop() {
      if (this.sortable.nativeDraggable) {
        off(document, 'dragover', this._handleAutoScroll);
      } else {
        off(document, 'pointermove', this._handleFallbackAutoScroll);
        off(document, 'touchmove', this._handleFallbackAutoScroll);
        off(document, 'mousemove', this._handleFallbackAutoScroll);
      }
      clearPointerElemChangedInterval();
      clearAutoScrolls();
      cancelThrottle();
    },
    nulling: function nulling() {
      touchEvt$1 = scrollRootEl = scrollEl = scrolling = pointerElemChangedInterval = lastAutoScrollX = lastAutoScrollY = null;
      autoScrolls.length = 0;
    },
    _handleFallbackAutoScroll: function _handleFallbackAutoScroll(evt) {
      this._handleAutoScroll(evt, true);
    },
    _handleAutoScroll: function _handleAutoScroll(evt, fallback) {
      var _this = this;
      var x = (evt.touches ? evt.touches[0] : evt).clientX,
        y = (evt.touches ? evt.touches[0] : evt).clientY,
        elem = document.elementFromPoint(x, y);
      touchEvt$1 = evt;

      // IE does not seem to have native autoscroll,
      // Edge's autoscroll seems too conditional,
      // MACOS Safari does not have autoscroll,
      // Firefox and Chrome are good
      if (fallback || this.options.forceAutoScrollFallback || Edge || IE11OrLess || Safari) {
        autoScroll(evt, this.options, elem, fallback);

        // Listener for pointer element change
        var ogElemScroller = getParentAutoScrollElement(elem, true);
        if (scrolling && (!pointerElemChangedInterval || x !== lastAutoScrollX || y !== lastAutoScrollY)) {
          pointerElemChangedInterval && clearPointerElemChangedInterval();
          // Detect for pointer elem change, emulating native DnD behaviour
          pointerElemChangedInterval = setInterval(function () {
            var newElem = getParentAutoScrollElement(document.elementFromPoint(x, y), true);
            if (newElem !== ogElemScroller) {
              ogElemScroller = newElem;
              clearAutoScrolls();
            }
            autoScroll(evt, _this.options, newElem, fallback);
          }, 10);
          lastAutoScrollX = x;
          lastAutoScrollY = y;
        }
      } else {
        // if DnD is enabled (and browser has good autoscrolling), first autoscroll will already scroll, so get parent autoscroll of first autoscroll
        if (!this.options.bubbleScroll || getParentAutoScrollElement(elem, true) === getWindowScrollingElement()) {
          clearAutoScrolls();
          return;
        }
        autoScroll(evt, this.options, getParentAutoScrollElement(elem, false), false);
      }
    }
  };
  return _extends(AutoScroll, {
    pluginName: 'scroll',
    initializeByDefault: true
  });
}
function clearAutoScrolls() {
  autoScrolls.forEach(function (autoScroll) {
    clearInterval(autoScroll.pid);
  });
  autoScrolls = [];
}
function clearPointerElemChangedInterval() {
  clearInterval(pointerElemChangedInterval);
}
var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
  // Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=505521
  if (!options.scroll) return;
  var x = (evt.touches ? evt.touches[0] : evt).clientX,
    y = (evt.touches ? evt.touches[0] : evt).clientY,
    sens = options.scrollSensitivity,
    speed = options.scrollSpeed,
    winScroller = getWindowScrollingElement();
  var scrollThisInstance = false,
    scrollCustomFn;

  // New scroll root, set scrollEl
  if (scrollRootEl !== rootEl) {
    scrollRootEl = rootEl;
    clearAutoScrolls();
    scrollEl = options.scroll;
    scrollCustomFn = options.scrollFn;
    if (scrollEl === true) {
      scrollEl = getParentAutoScrollElement(rootEl, true);
    }
  }
  var layersOut = 0;
  var currentParent = scrollEl;
  do {
    var el = currentParent,
      rect = getRect(el),
      top = rect.top,
      bottom = rect.bottom,
      left = rect.left,
      right = rect.right,
      width = rect.width,
      height = rect.height,
      canScrollX = void 0,
      canScrollY = void 0,
      scrollWidth = el.scrollWidth,
      scrollHeight = el.scrollHeight,
      elCSS = css(el),
      scrollPosX = el.scrollLeft,
      scrollPosY = el.scrollTop;
    if (el === winScroller) {
      canScrollX = width < scrollWidth && (elCSS.overflowX === 'auto' || elCSS.overflowX === 'scroll' || elCSS.overflowX === 'visible');
      canScrollY = height < scrollHeight && (elCSS.overflowY === 'auto' || elCSS.overflowY === 'scroll' || elCSS.overflowY === 'visible');
    } else {
      canScrollX = width < scrollWidth && (elCSS.overflowX === 'auto' || elCSS.overflowX === 'scroll');
      canScrollY = height < scrollHeight && (elCSS.overflowY === 'auto' || elCSS.overflowY === 'scroll');
    }
    var vx = canScrollX && (Math.abs(right - x) <= sens && scrollPosX + width < scrollWidth) - (Math.abs(left - x) <= sens && !!scrollPosX);
    var vy = canScrollY && (Math.abs(bottom - y) <= sens && scrollPosY + height < scrollHeight) - (Math.abs(top - y) <= sens && !!scrollPosY);
    if (!autoScrolls[layersOut]) {
      for (var i = 0; i <= layersOut; i++) {
        if (!autoScrolls[i]) {
          autoScrolls[i] = {};
        }
      }
    }
    if (autoScrolls[layersOut].vx != vx || autoScrolls[layersOut].vy != vy || autoScrolls[layersOut].el !== el) {
      autoScrolls[layersOut].el = el;
      autoScrolls[layersOut].vx = vx;
      autoScrolls[layersOut].vy = vy;
      clearInterval(autoScrolls[layersOut].pid);
      if (vx != 0 || vy != 0) {
        scrollThisInstance = true;
        /* jshint loopfunc:true */
        autoScrolls[layersOut].pid = setInterval(function () {
          // emulate drag over during autoscroll (fallback), emulating native DnD behaviour
          if (isFallback && this.layer === 0) {
            Sortable.active._onTouchMove(touchEvt$1); // To move ghost if it is positioned absolutely
          }
          var scrollOffsetY = autoScrolls[this.layer].vy ? autoScrolls[this.layer].vy * speed : 0;
          var scrollOffsetX = autoScrolls[this.layer].vx ? autoScrolls[this.layer].vx * speed : 0;
          if (typeof scrollCustomFn === 'function') {
            if (scrollCustomFn.call(Sortable.dragged.parentNode[expando], scrollOffsetX, scrollOffsetY, evt, touchEvt$1, autoScrolls[this.layer].el) !== 'continue') {
              return;
            }
          }
          scrollBy(autoScrolls[this.layer].el, scrollOffsetX, scrollOffsetY);
        }.bind({
          layer: layersOut
        }), 24);
      }
    }
    layersOut++;
  } while (options.bubbleScroll && currentParent !== winScroller && (currentParent = getParentAutoScrollElement(currentParent, false)));
  scrolling = scrollThisInstance; // in case another function catches scrolling as false in between when it is not
}, 30);

var drop = function drop(_ref) {
  var originalEvent = _ref.originalEvent,
    putSortable = _ref.putSortable,
    dragEl = _ref.dragEl,
    activeSortable = _ref.activeSortable,
    dispatchSortableEvent = _ref.dispatchSortableEvent,
    hideGhostForTarget = _ref.hideGhostForTarget,
    unhideGhostForTarget = _ref.unhideGhostForTarget;
  if (!originalEvent) return;
  var toSortable = putSortable || activeSortable;
  hideGhostForTarget();
  var touch = originalEvent.changedTouches && originalEvent.changedTouches.length ? originalEvent.changedTouches[0] : originalEvent;
  var target = document.elementFromPoint(touch.clientX, touch.clientY);
  unhideGhostForTarget();
  if (toSortable && !toSortable.el.contains(target)) {
    dispatchSortableEvent('spill');
    this.onSpill({
      dragEl: dragEl,
      putSortable: putSortable
    });
  }
};
function Revert() {}
Revert.prototype = {
  startIndex: null,
  dragStart: function dragStart(_ref2) {
    var oldDraggableIndex = _ref2.oldDraggableIndex;
    this.startIndex = oldDraggableIndex;
  },
  onSpill: function onSpill(_ref3) {
    var dragEl = _ref3.dragEl,
      putSortable = _ref3.putSortable;
    this.sortable.captureAnimationState();
    if (putSortable) {
      putSortable.captureAnimationState();
    }
    var nextSibling = getChild(this.sortable.el, this.startIndex, this.options);
    if (nextSibling) {
      this.sortable.el.insertBefore(dragEl, nextSibling);
    } else {
      this.sortable.el.appendChild(dragEl);
    }
    this.sortable.animateAll();
    if (putSortable) {
      putSortable.animateAll();
    }
  },
  drop: drop
};
_extends(Revert, {
  pluginName: 'revertOnSpill'
});
function Remove() {}
Remove.prototype = {
  onSpill: function onSpill(_ref4) {
    var dragEl = _ref4.dragEl,
      putSortable = _ref4.putSortable;
    var parentSortable = putSortable || this.sortable;
    parentSortable.captureAnimationState();
    dragEl.parentNode && dragEl.parentNode.removeChild(dragEl);
    parentSortable.animateAll();
  },
  drop: drop
};
_extends(Remove, {
  pluginName: 'removeOnSpill'
});

var lastSwapEl;
function SwapPlugin() {
  function Swap() {
    this.defaults = {
      swapClass: 'sortable-swap-highlight'
    };
  }
  Swap.prototype = {
    dragStart: function dragStart(_ref) {
      var dragEl = _ref.dragEl;
      lastSwapEl = dragEl;
    },
    dragOverValid: function dragOverValid(_ref2) {
      var completed = _ref2.completed,
        target = _ref2.target,
        onMove = _ref2.onMove,
        activeSortable = _ref2.activeSortable,
        changed = _ref2.changed,
        cancel = _ref2.cancel;
      if (!activeSortable.options.swap) return;
      var el = this.sortable.el,
        options = this.options;
      if (target && target !== el) {
        var prevSwapEl = lastSwapEl;
        if (onMove(target) !== false) {
          toggleClass(target, options.swapClass, true);
          lastSwapEl = target;
        } else {
          lastSwapEl = null;
        }
        if (prevSwapEl && prevSwapEl !== lastSwapEl) {
          toggleClass(prevSwapEl, options.swapClass, false);
        }
      }
      changed();
      completed(true);
      cancel();
    },
    drop: function drop(_ref3) {
      var activeSortable = _ref3.activeSortable,
        putSortable = _ref3.putSortable,
        dragEl = _ref3.dragEl;
      var toSortable = putSortable || this.sortable;
      var options = this.options;
      lastSwapEl && toggleClass(lastSwapEl, options.swapClass, false);
      if (lastSwapEl && (options.swap || putSortable && putSortable.options.swap)) {
        if (dragEl !== lastSwapEl) {
          toSortable.captureAnimationState();
          if (toSortable !== activeSortable) activeSortable.captureAnimationState();
          swapNodes(dragEl, lastSwapEl);
          toSortable.animateAll();
          if (toSortable !== activeSortable) activeSortable.animateAll();
        }
      }
    },
    nulling: function nulling() {
      lastSwapEl = null;
    }
  };
  return _extends(Swap, {
    pluginName: 'swap',
    eventProperties: function eventProperties() {
      return {
        swapItem: lastSwapEl
      };
    }
  });
}
function swapNodes(n1, n2) {
  var p1 = n1.parentNode,
    p2 = n2.parentNode,
    i1,
    i2;
  if (!p1 || !p2 || p1.isEqualNode(n2) || p2.isEqualNode(n1)) return;
  i1 = index(n1);
  i2 = index(n2);
  if (p1.isEqualNode(p2) && i1 < i2) {
    i2++;
  }
  p1.insertBefore(n2, p1.children[i1]);
  p2.insertBefore(n1, p2.children[i2]);
}

var multiDragElements = [],
  multiDragClones = [],
  lastMultiDragSelect,
  // for selection with modifier key down (SHIFT)
  multiDragSortable,
  initialFolding = false,
  // Initial multi-drag fold when drag started
  folding = false,
  // Folding any other time
  dragStarted = false,
  dragEl$1,
  clonesFromRect,
  clonesHidden;
function MultiDragPlugin() {
  function MultiDrag(sortable) {
    // Bind all private methods
    for (var fn in this) {
      if (fn.charAt(0) === '_' && typeof this[fn] === 'function') {
        this[fn] = this[fn].bind(this);
      }
    }
    if (!sortable.options.avoidImplicitDeselect) {
      if (sortable.options.supportPointer) {
        on(document, 'pointerup', this._deselectMultiDrag);
      } else {
        on(document, 'mouseup', this._deselectMultiDrag);
        on(document, 'touchend', this._deselectMultiDrag);
      }
    }
    on(document, 'keydown', this._checkKeyDown);
    on(document, 'keyup', this._checkKeyUp);
    this.defaults = {
      selectedClass: 'sortable-selected',
      multiDragKey: null,
      avoidImplicitDeselect: false,
      setData: function setData(dataTransfer, dragEl) {
        var data = '';
        if (multiDragElements.length && multiDragSortable === sortable) {
          multiDragElements.forEach(function (multiDragElement, i) {
            data += (!i ? '' : ', ') + multiDragElement.textContent;
          });
        } else {
          data = dragEl.textContent;
        }
        dataTransfer.setData('Text', data);
      }
    };
  }
  MultiDrag.prototype = {
    multiDragKeyDown: false,
    isMultiDrag: false,
    delayStartGlobal: function delayStartGlobal(_ref) {
      var dragged = _ref.dragEl;
      dragEl$1 = dragged;
    },
    delayEnded: function delayEnded() {
      this.isMultiDrag = ~multiDragElements.indexOf(dragEl$1);
    },
    setupClone: function setupClone(_ref2) {
      var sortable = _ref2.sortable,
        cancel = _ref2.cancel;
      if (!this.isMultiDrag) return;
      for (var i = 0; i < multiDragElements.length; i++) {
        multiDragClones.push(clone(multiDragElements[i]));
        multiDragClones[i].sortableIndex = multiDragElements[i].sortableIndex;
        multiDragClones[i].draggable = false;
        multiDragClones[i].style['will-change'] = '';
        toggleClass(multiDragClones[i], this.options.selectedClass, false);
        multiDragElements[i] === dragEl$1 && toggleClass(multiDragClones[i], this.options.chosenClass, false);
      }
      sortable._hideClone();
      cancel();
    },
    clone: function clone(_ref3) {
      var sortable = _ref3.sortable,
        rootEl = _ref3.rootEl,
        dispatchSortableEvent = _ref3.dispatchSortableEvent,
        cancel = _ref3.cancel;
      if (!this.isMultiDrag) return;
      if (!this.options.removeCloneOnHide) {
        if (multiDragElements.length && multiDragSortable === sortable) {
          insertMultiDragClones(true, rootEl);
          dispatchSortableEvent('clone');
          cancel();
        }
      }
    },
    showClone: function showClone(_ref4) {
      var cloneNowShown = _ref4.cloneNowShown,
        rootEl = _ref4.rootEl,
        cancel = _ref4.cancel;
      if (!this.isMultiDrag) return;
      insertMultiDragClones(false, rootEl);
      multiDragClones.forEach(function (clone) {
        css(clone, 'display', '');
      });
      cloneNowShown();
      clonesHidden = false;
      cancel();
    },
    hideClone: function hideClone(_ref5) {
      var _this = this;
      var sortable = _ref5.sortable,
        cloneNowHidden = _ref5.cloneNowHidden,
        cancel = _ref5.cancel;
      if (!this.isMultiDrag) return;
      multiDragClones.forEach(function (clone) {
        css(clone, 'display', 'none');
        if (_this.options.removeCloneOnHide && clone.parentNode) {
          clone.parentNode.removeChild(clone);
        }
      });
      cloneNowHidden();
      clonesHidden = true;
      cancel();
    },
    dragStartGlobal: function dragStartGlobal(_ref6) {
      var sortable = _ref6.sortable;
      if (!this.isMultiDrag && multiDragSortable) {
        multiDragSortable.multiDrag._deselectMultiDrag();
      }
      multiDragElements.forEach(function (multiDragElement) {
        multiDragElement.sortableIndex = index(multiDragElement);
      });

      // Sort multi-drag elements
      multiDragElements = multiDragElements.sort(function (a, b) {
        return a.sortableIndex - b.sortableIndex;
      });
      dragStarted = true;
    },
    dragStarted: function dragStarted(_ref7) {
      var _this2 = this;
      var sortable = _ref7.sortable;
      if (!this.isMultiDrag) return;
      if (this.options.sort) {
        // Capture rects,
        // hide multi drag elements (by positioning them absolute),
        // set multi drag elements rects to dragRect,
        // show multi drag elements,
        // animate to rects,
        // unset rects & remove from DOM

        sortable.captureAnimationState();
        if (this.options.animation) {
          multiDragElements.forEach(function (multiDragElement) {
            if (multiDragElement === dragEl$1) return;
            css(multiDragElement, 'position', 'absolute');
          });
          var dragRect = getRect(dragEl$1, false, true, true);
          multiDragElements.forEach(function (multiDragElement) {
            if (multiDragElement === dragEl$1) return;
            setRect(multiDragElement, dragRect);
          });
          folding = true;
          initialFolding = true;
        }
      }
      sortable.animateAll(function () {
        folding = false;
        initialFolding = false;
        if (_this2.options.animation) {
          multiDragElements.forEach(function (multiDragElement) {
            unsetRect(multiDragElement);
          });
        }

        // Remove all auxiliary multidrag items from el, if sorting enabled
        if (_this2.options.sort) {
          removeMultiDragElements();
        }
      });
    },
    dragOver: function dragOver(_ref8) {
      var target = _ref8.target,
        completed = _ref8.completed,
        cancel = _ref8.cancel;
      if (folding && ~multiDragElements.indexOf(target)) {
        completed(false);
        cancel();
      }
    },
    revert: function revert(_ref9) {
      var fromSortable = _ref9.fromSortable,
        rootEl = _ref9.rootEl,
        sortable = _ref9.sortable,
        dragRect = _ref9.dragRect;
      if (multiDragElements.length > 1) {
        // Setup unfold animation
        multiDragElements.forEach(function (multiDragElement) {
          sortable.addAnimationState({
            target: multiDragElement,
            rect: folding ? getRect(multiDragElement) : dragRect
          });
          unsetRect(multiDragElement);
          multiDragElement.fromRect = dragRect;
          fromSortable.removeAnimationState(multiDragElement);
        });
        folding = false;
        insertMultiDragElements(!this.options.removeCloneOnHide, rootEl);
      }
    },
    dragOverCompleted: function dragOverCompleted(_ref10) {
      var sortable = _ref10.sortable,
        isOwner = _ref10.isOwner,
        insertion = _ref10.insertion,
        activeSortable = _ref10.activeSortable,
        parentEl = _ref10.parentEl,
        putSortable = _ref10.putSortable;
      var options = this.options;
      if (insertion) {
        // Clones must be hidden before folding animation to capture dragRectAbsolute properly
        if (isOwner) {
          activeSortable._hideClone();
        }
        initialFolding = false;
        // If leaving sort:false root, or already folding - Fold to new location
        if (options.animation && multiDragElements.length > 1 && (folding || !isOwner && !activeSortable.options.sort && !putSortable)) {
          // Fold: Set all multi drag elements's rects to dragEl's rect when multi-drag elements are invisible
          var dragRectAbsolute = getRect(dragEl$1, false, true, true);
          multiDragElements.forEach(function (multiDragElement) {
            if (multiDragElement === dragEl$1) return;
            setRect(multiDragElement, dragRectAbsolute);

            // Move element(s) to end of parentEl so that it does not interfere with multi-drag clones insertion if they are inserted
            // while folding, and so that we can capture them again because old sortable will no longer be fromSortable
            parentEl.appendChild(multiDragElement);
          });
          folding = true;
        }

        // Clones must be shown (and check to remove multi drags) after folding when interfering multiDragElements are moved out
        if (!isOwner) {
          // Only remove if not folding (folding will remove them anyways)
          if (!folding) {
            removeMultiDragElements();
          }
          if (multiDragElements.length > 1) {
            var clonesHiddenBefore = clonesHidden;
            activeSortable._showClone(sortable);

            // Unfold animation for clones if showing from hidden
            if (activeSortable.options.animation && !clonesHidden && clonesHiddenBefore) {
              multiDragClones.forEach(function (clone) {
                activeSortable.addAnimationState({
                  target: clone,
                  rect: clonesFromRect
                });
                clone.fromRect = clonesFromRect;
                clone.thisAnimationDuration = null;
              });
            }
          } else {
            activeSortable._showClone(sortable);
          }
        }
      }
    },
    dragOverAnimationCapture: function dragOverAnimationCapture(_ref11) {
      var dragRect = _ref11.dragRect,
        isOwner = _ref11.isOwner,
        activeSortable = _ref11.activeSortable;
      multiDragElements.forEach(function (multiDragElement) {
        multiDragElement.thisAnimationDuration = null;
      });
      if (activeSortable.options.animation && !isOwner && activeSortable.multiDrag.isMultiDrag) {
        clonesFromRect = _extends({}, dragRect);
        var dragMatrix = matrix(dragEl$1, true);
        clonesFromRect.top -= dragMatrix.f;
        clonesFromRect.left -= dragMatrix.e;
      }
    },
    dragOverAnimationComplete: function dragOverAnimationComplete() {
      if (folding) {
        folding = false;
        removeMultiDragElements();
      }
    },
    drop: function drop(_ref12) {
      var evt = _ref12.originalEvent,
        rootEl = _ref12.rootEl,
        parentEl = _ref12.parentEl,
        sortable = _ref12.sortable,
        dispatchSortableEvent = _ref12.dispatchSortableEvent,
        oldIndex = _ref12.oldIndex,
        putSortable = _ref12.putSortable;
      var toSortable = putSortable || this.sortable;
      if (!evt) return;
      var options = this.options,
        children = parentEl.children;

      // Multi-drag selection
      if (!dragStarted) {
        if (options.multiDragKey && !this.multiDragKeyDown) {
          this._deselectMultiDrag();
        }
        toggleClass(dragEl$1, options.selectedClass, !~multiDragElements.indexOf(dragEl$1));
        if (!~multiDragElements.indexOf(dragEl$1)) {
          multiDragElements.push(dragEl$1);
          dispatchEvent({
            sortable: sortable,
            rootEl: rootEl,
            name: 'select',
            targetEl: dragEl$1,
            originalEvent: evt
          });

          // Modifier activated, select from last to dragEl
          if (evt.shiftKey && lastMultiDragSelect && sortable.el.contains(lastMultiDragSelect)) {
            var lastIndex = index(lastMultiDragSelect),
              currentIndex = index(dragEl$1);
            if (~lastIndex && ~currentIndex && lastIndex !== currentIndex) {
              (function () {
                // Must include lastMultiDragSelect (select it), in case modified selection from no selection
                // (but previous selection existed)
                var n, i;
                if (currentIndex > lastIndex) {
                  i = lastIndex;
                  n = currentIndex;
                } else {
                  i = currentIndex;
                  n = lastIndex + 1;
                }
                var filter = options.filter;
                for (; i < n; i++) {
                  if (~multiDragElements.indexOf(children[i])) continue;
                  // Check if element is draggable
                  if (!closest(children[i], options.draggable, parentEl, false)) continue;
                  // Check if element is filtered
                  var filtered = filter && (typeof filter === 'function' ? filter.call(sortable, evt, children[i], sortable) : filter.split(',').some(function (criteria) {
                    return closest(children[i], criteria.trim(), parentEl, false);
                  }));
                  if (filtered) continue;
                  toggleClass(children[i], options.selectedClass, true);
                  multiDragElements.push(children[i]);
                  dispatchEvent({
                    sortable: sortable,
                    rootEl: rootEl,
                    name: 'select',
                    targetEl: children[i],
                    originalEvent: evt
                  });
                }
              })();
            }
          } else {
            lastMultiDragSelect = dragEl$1;
          }
          multiDragSortable = toSortable;
        } else {
          multiDragElements.splice(multiDragElements.indexOf(dragEl$1), 1);
          lastMultiDragSelect = null;
          dispatchEvent({
            sortable: sortable,
            rootEl: rootEl,
            name: 'deselect',
            targetEl: dragEl$1,
            originalEvent: evt
          });
        }
      }

      // Multi-drag drop
      if (dragStarted && this.isMultiDrag) {
        folding = false;
        // Do not "unfold" after around dragEl if reverted
        if ((parentEl[expando].options.sort || parentEl !== rootEl) && multiDragElements.length > 1) {
          var dragRect = getRect(dragEl$1),
            multiDragIndex = index(dragEl$1, ':not(.' + this.options.selectedClass + ')');
          if (!initialFolding && options.animation) dragEl$1.thisAnimationDuration = null;
          toSortable.captureAnimationState();
          if (!initialFolding) {
            if (options.animation) {
              dragEl$1.fromRect = dragRect;
              multiDragElements.forEach(function (multiDragElement) {
                multiDragElement.thisAnimationDuration = null;
                if (multiDragElement !== dragEl$1) {
                  var rect = folding ? getRect(multiDragElement) : dragRect;
                  multiDragElement.fromRect = rect;

                  // Prepare unfold animation
                  toSortable.addAnimationState({
                    target: multiDragElement,
                    rect: rect
                  });
                }
              });
            }

            // Multi drag elements are not necessarily removed from the DOM on drop, so to reinsert
            // properly they must all be removed
            removeMultiDragElements();
            multiDragElements.forEach(function (multiDragElement) {
              if (children[multiDragIndex]) {
                parentEl.insertBefore(multiDragElement, children[multiDragIndex]);
              } else {
                parentEl.appendChild(multiDragElement);
              }
              multiDragIndex++;
            });

            // If initial folding is done, the elements may have changed position because they are now
            // unfolding around dragEl, even though dragEl may not have his index changed, so update event
            // must be fired here as Sortable will not.
            if (oldIndex === index(dragEl$1)) {
              var update = false;
              multiDragElements.forEach(function (multiDragElement) {
                if (multiDragElement.sortableIndex !== index(multiDragElement)) {
                  update = true;
                  return;
                }
              });
              if (update) {
                dispatchSortableEvent('update');
                dispatchSortableEvent('sort');
              }
            }
          }

          // Must be done after capturing individual rects (scroll bar)
          multiDragElements.forEach(function (multiDragElement) {
            unsetRect(multiDragElement);
          });
          toSortable.animateAll();
        }
        multiDragSortable = toSortable;
      }

      // Remove clones if necessary
      if (rootEl === parentEl || putSortable && putSortable.lastPutMode !== 'clone') {
        multiDragClones.forEach(function (clone) {
          clone.parentNode && clone.parentNode.removeChild(clone);
        });
      }
    },
    nullingGlobal: function nullingGlobal() {
      this.isMultiDrag = dragStarted = false;
      multiDragClones.length = 0;
    },
    destroyGlobal: function destroyGlobal() {
      this._deselectMultiDrag();
      off(document, 'pointerup', this._deselectMultiDrag);
      off(document, 'mouseup', this._deselectMultiDrag);
      off(document, 'touchend', this._deselectMultiDrag);
      off(document, 'keydown', this._checkKeyDown);
      off(document, 'keyup', this._checkKeyUp);
    },
    _deselectMultiDrag: function _deselectMultiDrag(evt) {
      if (typeof dragStarted !== "undefined" && dragStarted) return;

      // Only deselect if selection is in this sortable
      if (multiDragSortable !== this.sortable) return;

      // Only deselect if target is not item in this sortable
      if (evt && closest(evt.target, this.options.draggable, this.sortable.el, false)) return;

      // Only deselect if left click
      if (evt && evt.button !== 0) return;
      while (multiDragElements.length) {
        var el = multiDragElements[0];
        toggleClass(el, this.options.selectedClass, false);
        multiDragElements.shift();
        dispatchEvent({
          sortable: this.sortable,
          rootEl: this.sortable.el,
          name: 'deselect',
          targetEl: el,
          originalEvent: evt
        });
      }
    },
    _checkKeyDown: function _checkKeyDown(evt) {
      if (evt.key === this.options.multiDragKey) {
        this.multiDragKeyDown = true;
      }
    },
    _checkKeyUp: function _checkKeyUp(evt) {
      if (evt.key === this.options.multiDragKey) {
        this.multiDragKeyDown = false;
      }
    }
  };
  return _extends(MultiDrag, {
    // Static methods & properties
    pluginName: 'multiDrag',
    utils: {
      /**
       * Selects the provided multi-drag item
       * @param  {HTMLElement} el    The element to be selected
       */
      select: function select(el) {
        var sortable = el.parentNode[expando];
        if (!sortable || !sortable.options.multiDrag || ~multiDragElements.indexOf(el)) return;
        if (multiDragSortable && multiDragSortable !== sortable) {
          multiDragSortable.multiDrag._deselectMultiDrag();
          multiDragSortable = sortable;
        }
        toggleClass(el, sortable.options.selectedClass, true);
        multiDragElements.push(el);
      },
      /**
       * Deselects the provided multi-drag item
       * @param  {HTMLElement} el    The element to be deselected
       */
      deselect: function deselect(el) {
        var sortable = el.parentNode[expando],
          index = multiDragElements.indexOf(el);
        if (!sortable || !sortable.options.multiDrag || !~index) return;
        toggleClass(el, sortable.options.selectedClass, false);
        multiDragElements.splice(index, 1);
      }
    },
    eventProperties: function eventProperties() {
      var _this3 = this;
      var oldIndicies = [],
        newIndicies = [];
      multiDragElements.forEach(function (multiDragElement) {
        oldIndicies.push({
          multiDragElement: multiDragElement,
          index: multiDragElement.sortableIndex
        });

        // multiDragElements will already be sorted if folding
        var newIndex;
        if (folding && multiDragElement !== dragEl$1) {
          newIndex = -1;
        } else if (folding) {
          newIndex = index(multiDragElement, ':not(.' + _this3.options.selectedClass + ')');
        } else {
          newIndex = index(multiDragElement);
        }
        newIndicies.push({
          multiDragElement: multiDragElement,
          index: newIndex
        });
      });
      return {
        items: _toConsumableArray(multiDragElements),
        clones: [].concat(multiDragClones),
        oldIndicies: oldIndicies,
        newIndicies: newIndicies
      };
    },
    optionListeners: {
      multiDragKey: function multiDragKey(key) {
        key = key.toLowerCase();
        if (key === 'ctrl') {
          key = 'Control';
        } else if (key.length > 1) {
          key = key.charAt(0).toUpperCase() + key.substr(1);
        }
        return key;
      }
    }
  });
}
function insertMultiDragElements(clonesInserted, rootEl) {
  multiDragElements.forEach(function (multiDragElement, i) {
    var target = rootEl.children[multiDragElement.sortableIndex + (clonesInserted ? Number(i) : 0)];
    if (target) {
      rootEl.insertBefore(multiDragElement, target);
    } else {
      rootEl.appendChild(multiDragElement);
    }
  });
}

/**
 * Insert multi-drag clones
 * @param  {[Boolean]} elementsInserted  Whether the multi-drag elements are inserted
 * @param  {HTMLElement} rootEl
 */
function insertMultiDragClones(elementsInserted, rootEl) {
  multiDragClones.forEach(function (clone, i) {
    var target = rootEl.children[clone.sortableIndex + (elementsInserted ? Number(i) : 0)];
    if (target) {
      rootEl.insertBefore(clone, target);
    } else {
      rootEl.appendChild(clone);
    }
  });
}
function removeMultiDragElements() {
  multiDragElements.forEach(function (multiDragElement) {
    if (multiDragElement === dragEl$1) return;
    multiDragElement.parentNode && multiDragElement.parentNode.removeChild(multiDragElement);
  });
}

Sortable.mount(new AutoScrollPlugin());
Sortable.mount(Remove, Revert);

/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Sortable);



/***/ }),

/***/ "./node_modules/tiny-invariant/dist/tiny-invariant.esm.js":
/*!****************************************************************!*\
  !*** ./node_modules/tiny-invariant/dist/tiny-invariant.esm.js ***!
  \****************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "default": () => (/* binding */ invariant)
/* harmony export */ });
var isProduction = "development" === 'production';
var prefix = 'Invariant failed';
function invariant(condition, message) {
    if (condition) {
        return;
    }
    if (isProduction) {
        throw new Error(prefix);
    }
    var provided = typeof message === 'function' ? message() : message;
    var value = provided ? prefix + ": " + provided : prefix;
    throw new Error(value);
}




/***/ }),

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

"use strict";
module.exports = window["React"];

/***/ }),

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

"use strict";
module.exports = window["ReactJSXRuntime"];

/***/ }),

/***/ "@wordpress/api-fetch":
/*!**********************************!*\
  !*** external ["wp","apiFetch"] ***!
  \**********************************/
/***/ ((module) => {

"use strict";
module.exports = window["wp"]["apiFetch"];

/***/ }),

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

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

/***/ }),

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

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

/***/ }),

/***/ "@wordpress/core-data":
/*!**********************************!*\
  !*** external ["wp","coreData"] ***!
  \**********************************/
/***/ ((module) => {

"use strict";
module.exports = window["wp"]["coreData"];

/***/ }),

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

"use strict";
module.exports = window["wp"]["data"];

/***/ }),

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

"use strict";
module.exports = window["wp"]["element"];

/***/ }),

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

"use strict";
module.exports = window["wp"]["hooks"];

/***/ }),

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

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

/***/ }),

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

"use strict";
module.exports = window["wp"]["keycodes"];

/***/ }),

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

"use strict";
module.exports = window["wp"]["primitives"];

/***/ }),

/***/ "./node_modules/openai/_shims/MultipartBody.mjs":
/*!******************************************************!*\
  !*** ./node_modules/openai/_shims/MultipartBody.mjs ***!
  \******************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   MultipartBody: () => (/* binding */ MultipartBody)
/* harmony export */ });
/**
 * Disclaimer: modules in _shims aren't intended to be imported by SDK users.
 */
class MultipartBody {
    constructor(body) {
        this.body = body;
    }
    get [Symbol.toStringTag]() {
        return 'MultipartBody';
    }
}
//# sourceMappingURL=MultipartBody.mjs.map

/***/ }),

/***/ "./node_modules/openai/_shims/index.mjs":
/*!**********************************************!*\
  !*** ./node_modules/openai/_shims/index.mjs ***!
  \**********************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Blob: () => (/* reexport safe */ _registry_mjs__WEBPACK_IMPORTED_MODULE_0__.Blob),
/* harmony export */   File: () => (/* reexport safe */ _registry_mjs__WEBPACK_IMPORTED_MODULE_0__.File),
/* harmony export */   FormData: () => (/* reexport safe */ _registry_mjs__WEBPACK_IMPORTED_MODULE_0__.FormData),
/* harmony export */   Headers: () => (/* reexport safe */ _registry_mjs__WEBPACK_IMPORTED_MODULE_0__.Headers),
/* harmony export */   ReadableStream: () => (/* reexport safe */ _registry_mjs__WEBPACK_IMPORTED_MODULE_0__.ReadableStream),
/* harmony export */   Request: () => (/* reexport safe */ _registry_mjs__WEBPACK_IMPORTED_MODULE_0__.Request),
/* harmony export */   Response: () => (/* reexport safe */ _registry_mjs__WEBPACK_IMPORTED_MODULE_0__.Response),
/* harmony export */   auto: () => (/* reexport safe */ _registry_mjs__WEBPACK_IMPORTED_MODULE_0__.auto),
/* harmony export */   fetch: () => (/* reexport safe */ _registry_mjs__WEBPACK_IMPORTED_MODULE_0__.fetch),
/* harmony export */   fileFromPath: () => (/* reexport safe */ _registry_mjs__WEBPACK_IMPORTED_MODULE_0__.fileFromPath),
/* harmony export */   getDefaultAgent: () => (/* reexport safe */ _registry_mjs__WEBPACK_IMPORTED_MODULE_0__.getDefaultAgent),
/* harmony export */   getMultipartRequestOptions: () => (/* reexport safe */ _registry_mjs__WEBPACK_IMPORTED_MODULE_0__.getMultipartRequestOptions),
/* harmony export */   isFsReadStream: () => (/* reexport safe */ _registry_mjs__WEBPACK_IMPORTED_MODULE_0__.isFsReadStream),
/* harmony export */   kind: () => (/* reexport safe */ _registry_mjs__WEBPACK_IMPORTED_MODULE_0__.kind),
/* harmony export */   setShims: () => (/* reexport safe */ _registry_mjs__WEBPACK_IMPORTED_MODULE_0__.setShims)
/* harmony export */ });
/* harmony import */ var _registry_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./registry.mjs */ "./node_modules/openai/_shims/registry.mjs");
/* harmony import */ var openai_shims_auto_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! openai/_shims/auto/runtime */ "./node_modules/openai/_shims/web-runtime.mjs");
/**
 * Disclaimer: modules in _shims aren't intended to be imported by SDK users.
 */


if (!_registry_mjs__WEBPACK_IMPORTED_MODULE_0__.kind) _registry_mjs__WEBPACK_IMPORTED_MODULE_0__.setShims(openai_shims_auto_runtime__WEBPACK_IMPORTED_MODULE_1__.getRuntime(), { auto: true });



/***/ }),

/***/ "./node_modules/openai/_shims/registry.mjs":
/*!*************************************************!*\
  !*** ./node_modules/openai/_shims/registry.mjs ***!
  \*************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Blob: () => (/* binding */ Blob),
/* harmony export */   File: () => (/* binding */ File),
/* harmony export */   FormData: () => (/* binding */ FormData),
/* harmony export */   Headers: () => (/* binding */ Headers),
/* harmony export */   ReadableStream: () => (/* binding */ ReadableStream),
/* harmony export */   Request: () => (/* binding */ Request),
/* harmony export */   Response: () => (/* binding */ Response),
/* harmony export */   auto: () => (/* binding */ auto),
/* harmony export */   fetch: () => (/* binding */ fetch),
/* harmony export */   fileFromPath: () => (/* binding */ fileFromPath),
/* harmony export */   getDefaultAgent: () => (/* binding */ getDefaultAgent),
/* harmony export */   getMultipartRequestOptions: () => (/* binding */ getMultipartRequestOptions),
/* harmony export */   isFsReadStream: () => (/* binding */ isFsReadStream),
/* harmony export */   kind: () => (/* binding */ kind),
/* harmony export */   setShims: () => (/* binding */ setShims)
/* harmony export */ });
let auto = false;
let kind = undefined;
let fetch = undefined;
let Request = undefined;
let Response = undefined;
let Headers = undefined;
let FormData = undefined;
let Blob = undefined;
let File = undefined;
let ReadableStream = undefined;
let getMultipartRequestOptions = undefined;
let getDefaultAgent = undefined;
let fileFromPath = undefined;
let isFsReadStream = undefined;
function setShims(shims, options = { auto: false }) {
    if (auto) {
        throw new Error(`you must \`import 'openai/shims/${shims.kind}'\` before importing anything else from openai`);
    }
    if (kind) {
        throw new Error(`can't \`import 'openai/shims/${shims.kind}'\` after \`import 'openai/shims/${kind}'\``);
    }
    auto = options.auto;
    kind = shims.kind;
    fetch = shims.fetch;
    Request = shims.Request;
    Response = shims.Response;
    Headers = shims.Headers;
    FormData = shims.FormData;
    Blob = shims.Blob;
    File = shims.File;
    ReadableStream = shims.ReadableStream;
    getMultipartRequestOptions = shims.getMultipartRequestOptions;
    getDefaultAgent = shims.getDefaultAgent;
    fileFromPath = shims.fileFromPath;
    isFsReadStream = shims.isFsReadStream;
}
//# sourceMappingURL=registry.mjs.map

/***/ }),

/***/ "./node_modules/openai/_shims/web-runtime.mjs":
/*!****************************************************!*\
  !*** ./node_modules/openai/_shims/web-runtime.mjs ***!
  \****************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   getRuntime: () => (/* binding */ getRuntime)
/* harmony export */ });
/* harmony import */ var _MultipartBody_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./MultipartBody.mjs */ "./node_modules/openai/_shims/MultipartBody.mjs");

function getRuntime({ manuallyImported } = {}) {
    const recommendation = manuallyImported ?
        `You may need to use polyfills`
        : `Add one of these imports before your first \`import … from 'openai'\`:
- \`import 'openai/shims/node'\` (if you're running on Node)
- \`import 'openai/shims/web'\` (otherwise)
`;
    let _fetch, _Request, _Response, _Headers;
    try {
        // @ts-ignore
        _fetch = fetch;
        // @ts-ignore
        _Request = Request;
        // @ts-ignore
        _Response = Response;
        // @ts-ignore
        _Headers = Headers;
    }
    catch (error) {
        throw new Error(`this environment is missing the following Web Fetch API type: ${error.message}. ${recommendation}`);
    }
    return {
        kind: 'web',
        fetch: _fetch,
        Request: _Request,
        Response: _Response,
        Headers: _Headers,
        FormData: 
        // @ts-ignore
        typeof FormData !== 'undefined' ? FormData : (class FormData {
            // @ts-ignore
            constructor() {
                throw new Error(`file uploads aren't supported in this environment yet as 'FormData' is undefined. ${recommendation}`);
            }
        }),
        Blob: typeof Blob !== 'undefined' ? Blob : (class Blob {
            constructor() {
                throw new Error(`file uploads aren't supported in this environment yet as 'Blob' is undefined. ${recommendation}`);
            }
        }),
        File: 
        // @ts-ignore
        typeof File !== 'undefined' ? File : (class File {
            // @ts-ignore
            constructor() {
                throw new Error(`file uploads aren't supported in this environment yet as 'File' is undefined. ${recommendation}`);
            }
        }),
        ReadableStream: 
        // @ts-ignore
        typeof ReadableStream !== 'undefined' ? ReadableStream : (class ReadableStream {
            // @ts-ignore
            constructor() {
                throw new Error(`streaming isn't supported in this environment yet as 'ReadableStream' is undefined. ${recommendation}`);
            }
        }),
        getMultipartRequestOptions: async (
        // @ts-ignore
        form, opts) => ({
            ...opts,
            body: new _MultipartBody_mjs__WEBPACK_IMPORTED_MODULE_0__.MultipartBody(form),
        }),
        getDefaultAgent: (url) => undefined,
        fileFromPath: () => {
            throw new Error('The `fileFromPath` function is only supported in Node. See the README for more details: https://www.github.com/openai/openai-node#file-uploads');
        },
        isFsReadStream: (value) => false,
    };
}
//# sourceMappingURL=web-runtime.mjs.map

/***/ }),

/***/ "./node_modules/openai/_vendor/partial-json-parser/parser.mjs":
/*!********************************************************************!*\
  !*** ./node_modules/openai/_vendor/partial-json-parser/parser.mjs ***!
  \********************************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   MalformedJSON: () => (/* binding */ MalformedJSON),
/* harmony export */   PartialJSON: () => (/* binding */ PartialJSON),
/* harmony export */   partialParse: () => (/* binding */ partialParse)
/* harmony export */ });
const STR = 0b000000001;
const NUM = 0b000000010;
const ARR = 0b000000100;
const OBJ = 0b000001000;
const NULL = 0b000010000;
const BOOL = 0b000100000;
const NAN = 0b001000000;
const INFINITY = 0b010000000;
const MINUS_INFINITY = 0b100000000;
const INF = INFINITY | MINUS_INFINITY;
const SPECIAL = NULL | BOOL | INF | NAN;
const ATOM = STR | NUM | SPECIAL;
const COLLECTION = ARR | OBJ;
const ALL = ATOM | COLLECTION;
const Allow = {
    STR,
    NUM,
    ARR,
    OBJ,
    NULL,
    BOOL,
    NAN,
    INFINITY,
    MINUS_INFINITY,
    INF,
    SPECIAL,
    ATOM,
    COLLECTION,
    ALL,
};
// The JSON string segment was unable to be parsed completely
class PartialJSON extends Error {
}
class MalformedJSON extends Error {
}
/**
 * Parse incomplete JSON
 * @param {string} jsonString Partial JSON to be parsed
 * @param {number} allowPartial Specify what types are allowed to be partial, see {@link Allow} for details
 * @returns The parsed JSON
 * @throws {PartialJSON} If the JSON is incomplete (related to the `allow` parameter)
 * @throws {MalformedJSON} If the JSON is malformed
 */
function parseJSON(jsonString, allowPartial = Allow.ALL) {
    if (typeof jsonString !== 'string') {
        throw new TypeError(`expecting str, got ${typeof jsonString}`);
    }
    if (!jsonString.trim()) {
        throw new Error(`${jsonString} is empty`);
    }
    return _parseJSON(jsonString.trim(), allowPartial);
}
const _parseJSON = (jsonString, allow) => {
    const length = jsonString.length;
    let index = 0;
    const markPartialJSON = (msg) => {
        throw new PartialJSON(`${msg} at position ${index}`);
    };
    const throwMalformedError = (msg) => {
        throw new MalformedJSON(`${msg} at position ${index}`);
    };
    const parseAny = () => {
        skipBlank();
        if (index >= length)
            markPartialJSON('Unexpected end of input');
        if (jsonString[index] === '"')
            return parseStr();
        if (jsonString[index] === '{')
            return parseObj();
        if (jsonString[index] === '[')
            return parseArr();
        if (jsonString.substring(index, index + 4) === 'null' ||
            (Allow.NULL & allow && length - index < 4 && 'null'.startsWith(jsonString.substring(index)))) {
            index += 4;
            return null;
        }
        if (jsonString.substring(index, index + 4) === 'true' ||
            (Allow.BOOL & allow && length - index < 4 && 'true'.startsWith(jsonString.substring(index)))) {
            index += 4;
            return true;
        }
        if (jsonString.substring(index, index + 5) === 'false' ||
            (Allow.BOOL & allow && length - index < 5 && 'false'.startsWith(jsonString.substring(index)))) {
            index += 5;
            return false;
        }
        if (jsonString.substring(index, index + 8) === 'Infinity' ||
            (Allow.INFINITY & allow && length - index < 8 && 'Infinity'.startsWith(jsonString.substring(index)))) {
            index += 8;
            return Infinity;
        }
        if (jsonString.substring(index, index + 9) === '-Infinity' ||
            (Allow.MINUS_INFINITY & allow &&
                1 < length - index &&
                length - index < 9 &&
                '-Infinity'.startsWith(jsonString.substring(index)))) {
            index += 9;
            return -Infinity;
        }
        if (jsonString.substring(index, index + 3) === 'NaN' ||
            (Allow.NAN & allow && length - index < 3 && 'NaN'.startsWith(jsonString.substring(index)))) {
            index += 3;
            return NaN;
        }
        return parseNum();
    };
    const parseStr = () => {
        const start = index;
        let escape = false;
        index++; // skip initial quote
        while (index < length && (jsonString[index] !== '"' || (escape && jsonString[index - 1] === '\\'))) {
            escape = jsonString[index] === '\\' ? !escape : false;
            index++;
        }
        if (jsonString.charAt(index) == '"') {
            try {
                return JSON.parse(jsonString.substring(start, ++index - Number(escape)));
            }
            catch (e) {
                throwMalformedError(String(e));
            }
        }
        else if (Allow.STR & allow) {
            try {
                return JSON.parse(jsonString.substring(start, index - Number(escape)) + '"');
            }
            catch (e) {
                // SyntaxError: Invalid escape sequence
                return JSON.parse(jsonString.substring(start, jsonString.lastIndexOf('\\')) + '"');
            }
        }
        markPartialJSON('Unterminated string literal');
    };
    const parseObj = () => {
        index++; // skip initial brace
        skipBlank();
        const obj = {};
        try {
            while (jsonString[index] !== '}') {
                skipBlank();
                if (index >= length && Allow.OBJ & allow)
                    return obj;
                const key = parseStr();
                skipBlank();
                index++; // skip colon
                try {
                    const value = parseAny();
                    Object.defineProperty(obj, key, { value, writable: true, enumerable: true, configurable: true });
                }
                catch (e) {
                    if (Allow.OBJ & allow)
                        return obj;
                    else
                        throw e;
                }
                skipBlank();
                if (jsonString[index] === ',')
                    index++; // skip comma
            }
        }
        catch (e) {
            if (Allow.OBJ & allow)
                return obj;
            else
                markPartialJSON("Expected '}' at end of object");
        }
        index++; // skip final brace
        return obj;
    };
    const parseArr = () => {
        index++; // skip initial bracket
        const arr = [];
        try {
            while (jsonString[index] !== ']') {
                arr.push(parseAny());
                skipBlank();
                if (jsonString[index] === ',') {
                    index++; // skip comma
                }
            }
        }
        catch (e) {
            if (Allow.ARR & allow) {
                return arr;
            }
            markPartialJSON("Expected ']' at end of array");
        }
        index++; // skip final bracket
        return arr;
    };
    const parseNum = () => {
        if (index === 0) {
            if (jsonString === '-' && Allow.NUM & allow)
                markPartialJSON("Not sure what '-' is");
            try {
                return JSON.parse(jsonString);
            }
            catch (e) {
                if (Allow.NUM & allow) {
                    try {
                        if ('.' === jsonString[jsonString.length - 1])
                            return JSON.parse(jsonString.substring(0, jsonString.lastIndexOf('.')));
                        return JSON.parse(jsonString.substring(0, jsonString.lastIndexOf('e')));
                    }
                    catch (e) { }
                }
                throwMalformedError(String(e));
            }
        }
        const start = index;
        if (jsonString[index] === '-')
            index++;
        while (jsonString[index] && !',]}'.includes(jsonString[index]))
            index++;
        if (index == length && !(Allow.NUM & allow))
            markPartialJSON('Unterminated number literal');
        try {
            return JSON.parse(jsonString.substring(start, index));
        }
        catch (e) {
            if (jsonString.substring(start, index) === '-' && Allow.NUM & allow)
                markPartialJSON("Not sure what '-' is");
            try {
                return JSON.parse(jsonString.substring(start, jsonString.lastIndexOf('e')));
            }
            catch (e) {
                throwMalformedError(String(e));
            }
        }
    };
    const skipBlank = () => {
        while (index < length && ' \n\r\t'.includes(jsonString[index])) {
            index++;
        }
    };
    return parseAny();
};
// using this function with malformed JSON is undefined behavior
const partialParse = (input) => parseJSON(input, Allow.ALL ^ Allow.NUM);

//# sourceMappingURL=parser.mjs.map

/***/ }),

/***/ "./node_modules/openai/core.mjs":
/*!**************************************!*\
  !*** ./node_modules/openai/core.mjs ***!
  \**************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   APIClient: () => (/* binding */ APIClient),
/* harmony export */   APIPromise: () => (/* binding */ APIPromise),
/* harmony export */   AbstractPage: () => (/* binding */ AbstractPage),
/* harmony export */   PagePromise: () => (/* binding */ PagePromise),
/* harmony export */   castToError: () => (/* binding */ castToError),
/* harmony export */   coerceBoolean: () => (/* binding */ coerceBoolean),
/* harmony export */   coerceFloat: () => (/* binding */ coerceFloat),
/* harmony export */   coerceInteger: () => (/* binding */ coerceInteger),
/* harmony export */   createForm: () => (/* reexport safe */ _uploads_mjs__WEBPACK_IMPORTED_MODULE_1__.createForm),
/* harmony export */   createResponseHeaders: () => (/* binding */ createResponseHeaders),
/* harmony export */   debug: () => (/* binding */ debug),
/* harmony export */   ensurePresent: () => (/* binding */ ensurePresent),
/* harmony export */   getHeader: () => (/* binding */ getHeader),
/* harmony export */   getRequiredHeader: () => (/* binding */ getRequiredHeader),
/* harmony export */   hasOwn: () => (/* binding */ hasOwn),
/* harmony export */   isEmptyObj: () => (/* binding */ isEmptyObj),
/* harmony export */   isHeadersProtocol: () => (/* binding */ isHeadersProtocol),
/* harmony export */   isObj: () => (/* binding */ isObj),
/* harmony export */   isRequestOptions: () => (/* binding */ isRequestOptions),
/* harmony export */   isRunningInBrowser: () => (/* binding */ isRunningInBrowser),
/* harmony export */   maybeCoerceBoolean: () => (/* binding */ maybeCoerceBoolean),
/* harmony export */   maybeCoerceFloat: () => (/* binding */ maybeCoerceFloat),
/* harmony export */   maybeCoerceInteger: () => (/* binding */ maybeCoerceInteger),
/* harmony export */   maybeMultipartFormRequestOptions: () => (/* reexport safe */ _uploads_mjs__WEBPACK_IMPORTED_MODULE_1__.maybeMultipartFormRequestOptions),
/* harmony export */   multipartFormRequestOptions: () => (/* reexport safe */ _uploads_mjs__WEBPACK_IMPORTED_MODULE_1__.multipartFormRequestOptions),
/* harmony export */   readEnv: () => (/* binding */ readEnv),
/* harmony export */   safeJSON: () => (/* binding */ safeJSON),
/* harmony export */   sleep: () => (/* binding */ sleep),
/* harmony export */   toBase64: () => (/* binding */ toBase64)
/* harmony export */ });
/* harmony import */ var _version_mjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./version.mjs */ "./node_modules/openai/version.mjs");
/* harmony import */ var _streaming_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./streaming.mjs */ "./node_modules/openai/streaming.mjs");
/* harmony import */ var _error_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./error.mjs */ "./node_modules/openai/error.mjs");
/* harmony import */ var _shims_index_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_shims/index.mjs */ "./node_modules/openai/_shims/index.mjs");
/* harmony import */ var _uploads_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./uploads.mjs */ "./node_modules/openai/uploads.mjs");
var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
    if (kind === "m") throw new TypeError("Private method is not writable");
    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
};
var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
};
var _AbstractPage_client;






async function defaultParseResponse(props) {
    const { response } = props;
    if (props.options.stream) {
        debug('response', response.status, response.url, response.headers, response.body);
        // Note: there is an invariant here that isn't represented in the type system
        // that if you set `stream: true` the response type must also be `Stream<T>`
        if (props.options.__streamClass) {
            return props.options.__streamClass.fromSSEResponse(response, props.controller);
        }
        return _streaming_mjs__WEBPACK_IMPORTED_MODULE_2__.Stream.fromSSEResponse(response, props.controller);
    }
    // fetch refuses to read the body when the status code is 204.
    if (response.status === 204) {
        return null;
    }
    if (props.options.__binaryResponse) {
        return response;
    }
    const contentType = response.headers.get('content-type');
    const isJSON = contentType?.includes('application/json') || contentType?.includes('application/vnd.api+json');
    if (isJSON) {
        const json = await response.json();
        debug('response', response.status, response.url, response.headers, json);
        return _addRequestID(json, response);
    }
    const text = await response.text();
    debug('response', response.status, response.url, response.headers, text);
    // TODO handle blob, arraybuffer, other content types, etc.
    return text;
}
function _addRequestID(value, response) {
    if (!value || typeof value !== 'object' || Array.isArray(value)) {
        return value;
    }
    return Object.defineProperty(value, '_request_id', {
        value: response.headers.get('x-request-id'),
        enumerable: false,
    });
}
/**
 * A subclass of `Promise` providing additional helper methods
 * for interacting with the SDK.
 */
class APIPromise extends Promise {
    constructor(responsePromise, parseResponse = defaultParseResponse) {
        super((resolve) => {
            // this is maybe a bit weird but this has to be a no-op to not implicitly
            // parse the response body; instead .then, .catch, .finally are overridden
            // to parse the response
            resolve(null);
        });
        this.responsePromise = responsePromise;
        this.parseResponse = parseResponse;
    }
    _thenUnwrap(transform) {
        return new APIPromise(this.responsePromise, async (props) => _addRequestID(transform(await this.parseResponse(props), props), props.response));
    }
    /**
     * Gets the raw `Response` instance instead of parsing the response
     * data.
     *
     * If you want to parse the response body but still get the `Response`
     * instance, you can use {@link withResponse()}.
     *
     * 👋 Getting the wrong TypeScript type for `Response`?
     * Try setting `"moduleResolution": "NodeNext"` if you can,
     * or add one of these imports before your first `import … from 'openai'`:
     * - `import 'openai/shims/node'` (if you're running on Node)
     * - `import 'openai/shims/web'` (otherwise)
     */
    asResponse() {
        return this.responsePromise.then((p) => p.response);
    }
    /**
     * Gets the parsed response data, the raw `Response` instance and the ID of the request,
     * returned via the X-Request-ID header which is useful for debugging requests and reporting
     * issues to OpenAI.
     *
     * If you just want to get the raw `Response` instance without parsing it,
     * you can use {@link asResponse()}.
     *
     *
     * 👋 Getting the wrong TypeScript type for `Response`?
     * Try setting `"moduleResolution": "NodeNext"` if you can,
     * or add one of these imports before your first `import … from 'openai'`:
     * - `import 'openai/shims/node'` (if you're running on Node)
     * - `import 'openai/shims/web'` (otherwise)
     */
    async withResponse() {
        const [data, response] = await Promise.all([this.parse(), this.asResponse()]);
        return { data, response, request_id: response.headers.get('x-request-id') };
    }
    parse() {
        if (!this.parsedPromise) {
            this.parsedPromise = this.responsePromise.then(this.parseResponse);
        }
        return this.parsedPromise;
    }
    then(onfulfilled, onrejected) {
        return this.parse().then(onfulfilled, onrejected);
    }
    catch(onrejected) {
        return this.parse().catch(onrejected);
    }
    finally(onfinally) {
        return this.parse().finally(onfinally);
    }
}
class APIClient {
    constructor({ baseURL, maxRetries = 2, timeout = 600000, // 10 minutes
    httpAgent, fetch: overridenFetch, }) {
        this.baseURL = baseURL;
        this.maxRetries = validatePositiveInteger('maxRetries', maxRetries);
        this.timeout = validatePositiveInteger('timeout', timeout);
        this.httpAgent = httpAgent;
        this.fetch = overridenFetch ?? _shims_index_mjs__WEBPACK_IMPORTED_MODULE_0__.fetch;
    }
    authHeaders(opts) {
        return {};
    }
    /**
     * Override this to add your own default headers, for example:
     *
     *  {
     *    ...super.defaultHeaders(),
     *    Authorization: 'Bearer 123',
     *  }
     */
    defaultHeaders(opts) {
        return {
            Accept: 'application/json',
            'Content-Type': 'application/json',
            'User-Agent': this.getUserAgent(),
            ...getPlatformHeaders(),
            ...this.authHeaders(opts),
        };
    }
    /**
     * Override this to add your own headers validation:
     */
    validateHeaders(headers, customHeaders) { }
    defaultIdempotencyKey() {
        return `stainless-node-retry-${uuid4()}`;
    }
    get(path, opts) {
        return this.methodRequest('get', path, opts);
    }
    post(path, opts) {
        return this.methodRequest('post', path, opts);
    }
    patch(path, opts) {
        return this.methodRequest('patch', path, opts);
    }
    put(path, opts) {
        return this.methodRequest('put', path, opts);
    }
    delete(path, opts) {
        return this.methodRequest('delete', path, opts);
    }
    methodRequest(method, path, opts) {
        return this.request(Promise.resolve(opts).then(async (opts) => {
            const body = opts && (0,_uploads_mjs__WEBPACK_IMPORTED_MODULE_1__.isBlobLike)(opts?.body) ? new DataView(await opts.body.arrayBuffer())
                : opts?.body instanceof DataView ? opts.body
                    : opts?.body instanceof ArrayBuffer ? new DataView(opts.body)
                        : opts && ArrayBuffer.isView(opts?.body) ? new DataView(opts.body.buffer)
                            : opts?.body;
            return { method, path, ...opts, body };
        }));
    }
    getAPIList(path, Page, opts) {
        return this.requestAPIList(Page, { method: 'get', path, ...opts });
    }
    calculateContentLength(body) {
        if (typeof body === 'string') {
            if (typeof Buffer !== 'undefined') {
                return Buffer.byteLength(body, 'utf8').toString();
            }
            if (typeof TextEncoder !== 'undefined') {
                const encoder = new TextEncoder();
                const encoded = encoder.encode(body);
                return encoded.length.toString();
            }
        }
        else if (ArrayBuffer.isView(body)) {
            return body.byteLength.toString();
        }
        return null;
    }
    buildRequest(options, { retryCount = 0 } = {}) {
        const { method, path, query, headers: headers = {} } = options;
        const body = ArrayBuffer.isView(options.body) || (options.__binaryRequest && typeof options.body === 'string') ?
            options.body
            : (0,_uploads_mjs__WEBPACK_IMPORTED_MODULE_1__.isMultipartBody)(options.body) ? options.body.body
                : options.body ? JSON.stringify(options.body, null, 2)
                    : null;
        const contentLength = this.calculateContentLength(body);
        const url = this.buildURL(path, query);
        if ('timeout' in options)
            validatePositiveInteger('timeout', options.timeout);
        const timeout = options.timeout ?? this.timeout;
        const httpAgent = options.httpAgent ?? this.httpAgent ?? (0,_shims_index_mjs__WEBPACK_IMPORTED_MODULE_0__.getDefaultAgent)(url);
        const minAgentTimeout = timeout + 1000;
        if (typeof httpAgent?.options?.timeout === 'number' &&
            minAgentTimeout > (httpAgent.options.timeout ?? 0)) {
            // Allow any given request to bump our agent active socket timeout.
            // This may seem strange, but leaking active sockets should be rare and not particularly problematic,
            // and without mutating agent we would need to create more of them.
            // This tradeoff optimizes for performance.
            httpAgent.options.timeout = minAgentTimeout;
        }
        if (this.idempotencyHeader && method !== 'get') {
            if (!options.idempotencyKey)
                options.idempotencyKey = this.defaultIdempotencyKey();
            headers[this.idempotencyHeader] = options.idempotencyKey;
        }
        const reqHeaders = this.buildHeaders({ options, headers, contentLength, retryCount });
        const req = {
            method,
            ...(body && { body: body }),
            headers: reqHeaders,
            ...(httpAgent && { agent: httpAgent }),
            // @ts-ignore node-fetch uses a custom AbortSignal type that is
            // not compatible with standard web types
            signal: options.signal ?? null,
        };
        return { req, url, timeout };
    }
    buildHeaders({ options, headers, contentLength, retryCount, }) {
        const reqHeaders = {};
        if (contentLength) {
            reqHeaders['content-length'] = contentLength;
        }
        const defaultHeaders = this.defaultHeaders(options);
        applyHeadersMut(reqHeaders, defaultHeaders);
        applyHeadersMut(reqHeaders, headers);
        // let builtin fetch set the Content-Type for multipart bodies
        if ((0,_uploads_mjs__WEBPACK_IMPORTED_MODULE_1__.isMultipartBody)(options.body) && _shims_index_mjs__WEBPACK_IMPORTED_MODULE_0__.kind !== 'node') {
            delete reqHeaders['content-type'];
        }
        // Don't set the retry count header if it was already set or removed through default headers or by the
        // caller. We check `defaultHeaders` and `headers`, which can contain nulls, instead of `reqHeaders` to
        // account for the removal case.
        if (getHeader(defaultHeaders, 'x-stainless-retry-count') === undefined &&
            getHeader(headers, 'x-stainless-retry-count') === undefined) {
            reqHeaders['x-stainless-retry-count'] = String(retryCount);
        }
        this.validateHeaders(reqHeaders, headers);
        return reqHeaders;
    }
    /**
     * Used as a callback for mutating the given `FinalRequestOptions` object.
     */
    async prepareOptions(options) { }
    /**
     * Used as a callback for mutating the given `RequestInit` object.
     *
     * This is useful for cases where you want to add certain headers based off of
     * the request properties, e.g. `method` or `url`.
     */
    async prepareRequest(request, { url, options }) { }
    parseHeaders(headers) {
        return (!headers ? {}
            : Symbol.iterator in headers ?
                Object.fromEntries(Array.from(headers).map((header) => [...header]))
                : { ...headers });
    }
    makeStatusError(status, error, message, headers) {
        return _error_mjs__WEBPACK_IMPORTED_MODULE_3__.APIError.generate(status, error, message, headers);
    }
    request(options, remainingRetries = null) {
        return new APIPromise(this.makeRequest(options, remainingRetries));
    }
    async makeRequest(optionsInput, retriesRemaining) {
        const options = await optionsInput;
        const maxRetries = options.maxRetries ?? this.maxRetries;
        if (retriesRemaining == null) {
            retriesRemaining = maxRetries;
        }
        await this.prepareOptions(options);
        const { req, url, timeout } = this.buildRequest(options, { retryCount: maxRetries - retriesRemaining });
        await this.prepareRequest(req, { url, options });
        debug('request', url, options, req.headers);
        if (options.signal?.aborted) {
            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_3__.APIUserAbortError();
        }
        const controller = new AbortController();
        const response = await this.fetchWithTimeout(url, req, timeout, controller).catch(castToError);
        if (response instanceof Error) {
            if (options.signal?.aborted) {
                throw new _error_mjs__WEBPACK_IMPORTED_MODULE_3__.APIUserAbortError();
            }
            if (retriesRemaining) {
                return this.retryRequest(options, retriesRemaining);
            }
            if (response.name === 'AbortError') {
                throw new _error_mjs__WEBPACK_IMPORTED_MODULE_3__.APIConnectionTimeoutError();
            }
            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_3__.APIConnectionError({ cause: response });
        }
        const responseHeaders = createResponseHeaders(response.headers);
        if (!response.ok) {
            if (retriesRemaining && this.shouldRetry(response)) {
                const retryMessage = `retrying, ${retriesRemaining} attempts remaining`;
                debug(`response (error; ${retryMessage})`, response.status, url, responseHeaders);
                return this.retryRequest(options, retriesRemaining, responseHeaders);
            }
            const errText = await response.text().catch((e) => castToError(e).message);
            const errJSON = safeJSON(errText);
            const errMessage = errJSON ? undefined : errText;
            const retryMessage = retriesRemaining ? `(error; no more retries left)` : `(error; not retryable)`;
            debug(`response (error; ${retryMessage})`, response.status, url, responseHeaders, errMessage);
            const err = this.makeStatusError(response.status, errJSON, errMessage, responseHeaders);
            throw err;
        }
        return { response, options, controller };
    }
    requestAPIList(Page, options) {
        const request = this.makeRequest(options, null);
        return new PagePromise(this, request, Page);
    }
    buildURL(path, query) {
        const url = isAbsoluteURL(path) ?
            new URL(path)
            : new URL(this.baseURL + (this.baseURL.endsWith('/') && path.startsWith('/') ? path.slice(1) : path));
        const defaultQuery = this.defaultQuery();
        if (!isEmptyObj(defaultQuery)) {
            query = { ...defaultQuery, ...query };
        }
        if (typeof query === 'object' && query && !Array.isArray(query)) {
            url.search = this.stringifyQuery(query);
        }
        return url.toString();
    }
    stringifyQuery(query) {
        return Object.entries(query)
            .filter(([_, value]) => typeof value !== 'undefined')
            .map(([key, value]) => {
            if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
                return `${encodeURIComponent(key)}=${encodeURIComponent(value)}`;
            }
            if (value === null) {
                return `${encodeURIComponent(key)}=`;
            }
            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_3__.OpenAIError(`Cannot stringify type ${typeof value}; Expected string, number, boolean, or null. If you need to pass nested query parameters, you can manually encode them, e.g. { query: { 'foo[key1]': value1, 'foo[key2]': value2 } }, and please open a GitHub issue requesting better support for your use case.`);
        })
            .join('&');
    }
    async fetchWithTimeout(url, init, ms, controller) {
        const { signal, ...options } = init || {};
        if (signal)
            signal.addEventListener('abort', () => controller.abort());
        const timeout = setTimeout(() => controller.abort(), ms);
        return (this.getRequestClient()
            // use undefined this binding; fetch errors if bound to something else in browser/cloudflare
            .fetch.call(undefined, url, { signal: controller.signal, ...options })
            .finally(() => {
            clearTimeout(timeout);
        }));
    }
    getRequestClient() {
        return { fetch: this.fetch };
    }
    shouldRetry(response) {
        // Note this is not a standard header.
        const shouldRetryHeader = response.headers.get('x-should-retry');
        // If the server explicitly says whether or not to retry, obey.
        if (shouldRetryHeader === 'true')
            return true;
        if (shouldRetryHeader === 'false')
            return false;
        // Retry on request timeouts.
        if (response.status === 408)
            return true;
        // Retry on lock timeouts.
        if (response.status === 409)
            return true;
        // Retry on rate limits.
        if (response.status === 429)
            return true;
        // Retry internal errors.
        if (response.status >= 500)
            return true;
        return false;
    }
    async retryRequest(options, retriesRemaining, responseHeaders) {
        let timeoutMillis;
        // Note the `retry-after-ms` header may not be standard, but is a good idea and we'd like proactive support for it.
        const retryAfterMillisHeader = responseHeaders?.['retry-after-ms'];
        if (retryAfterMillisHeader) {
            const timeoutMs = parseFloat(retryAfterMillisHeader);
            if (!Number.isNaN(timeoutMs)) {
                timeoutMillis = timeoutMs;
            }
        }
        // About the Retry-After header: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Retry-After
        const retryAfterHeader = responseHeaders?.['retry-after'];
        if (retryAfterHeader && !timeoutMillis) {
            const timeoutSeconds = parseFloat(retryAfterHeader);
            if (!Number.isNaN(timeoutSeconds)) {
                timeoutMillis = timeoutSeconds * 1000;
            }
            else {
                timeoutMillis = Date.parse(retryAfterHeader) - Date.now();
            }
        }
        // If the API asks us to wait a certain amount of time (and it's a reasonable amount),
        // just do what it says, but otherwise calculate a default
        if (!(timeoutMillis && 0 <= timeoutMillis && timeoutMillis < 60 * 1000)) {
            const maxRetries = options.maxRetries ?? this.maxRetries;
            timeoutMillis = this.calculateDefaultRetryTimeoutMillis(retriesRemaining, maxRetries);
        }
        await sleep(timeoutMillis);
        return this.makeRequest(options, retriesRemaining - 1);
    }
    calculateDefaultRetryTimeoutMillis(retriesRemaining, maxRetries) {
        const initialRetryDelay = 0.5;
        const maxRetryDelay = 8.0;
        const numRetries = maxRetries - retriesRemaining;
        // Apply exponential backoff, but not more than the max.
        const sleepSeconds = Math.min(initialRetryDelay * Math.pow(2, numRetries), maxRetryDelay);
        // Apply some jitter, take up to at most 25 percent of the retry time.
        const jitter = 1 - Math.random() * 0.25;
        return sleepSeconds * jitter * 1000;
    }
    getUserAgent() {
        return `${this.constructor.name}/JS ${_version_mjs__WEBPACK_IMPORTED_MODULE_4__.VERSION}`;
    }
}
class AbstractPage {
    constructor(client, response, body, options) {
        _AbstractPage_client.set(this, void 0);
        __classPrivateFieldSet(this, _AbstractPage_client, client, "f");
        this.options = options;
        this.response = response;
        this.body = body;
    }
    hasNextPage() {
        const items = this.getPaginatedItems();
        if (!items.length)
            return false;
        return this.nextPageInfo() != null;
    }
    async getNextPage() {
        const nextInfo = this.nextPageInfo();
        if (!nextInfo) {
            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_3__.OpenAIError('No next page expected; please check `.hasNextPage()` before calling `.getNextPage()`.');
        }
        const nextOptions = { ...this.options };
        if ('params' in nextInfo && typeof nextOptions.query === 'object') {
            nextOptions.query = { ...nextOptions.query, ...nextInfo.params };
        }
        else if ('url' in nextInfo) {
            const params = [...Object.entries(nextOptions.query || {}), ...nextInfo.url.searchParams.entries()];
            for (const [key, value] of params) {
                nextInfo.url.searchParams.set(key, value);
            }
            nextOptions.query = undefined;
            nextOptions.path = nextInfo.url.toString();
        }
        return await __classPrivateFieldGet(this, _AbstractPage_client, "f").requestAPIList(this.constructor, nextOptions);
    }
    async *iterPages() {
        // eslint-disable-next-line @typescript-eslint/no-this-alias
        let page = this;
        yield page;
        while (page.hasNextPage()) {
            page = await page.getNextPage();
            yield page;
        }
    }
    async *[(_AbstractPage_client = new WeakMap(), Symbol.asyncIterator)]() {
        for await (const page of this.iterPages()) {
            for (const item of page.getPaginatedItems()) {
                yield item;
            }
        }
    }
}
/**
 * This subclass of Promise will resolve to an instantiated Page once the request completes.
 *
 * It also implements AsyncIterable to allow auto-paginating iteration on an unawaited list call, eg:
 *
 *    for await (const item of client.items.list()) {
 *      console.log(item)
 *    }
 */
class PagePromise extends APIPromise {
    constructor(client, request, Page) {
        super(request, async (props) => new Page(client, props.response, await defaultParseResponse(props), props.options));
    }
    /**
     * Allow auto-paginating iteration on an unawaited list call, eg:
     *
     *    for await (const item of client.items.list()) {
     *      console.log(item)
     *    }
     */
    async *[Symbol.asyncIterator]() {
        const page = await this;
        for await (const item of page) {
            yield item;
        }
    }
}
const createResponseHeaders = (headers) => {
    return new Proxy(Object.fromEntries(
    // @ts-ignore
    headers.entries()), {
        get(target, name) {
            const key = name.toString();
            return target[key.toLowerCase()] || target[key];
        },
    });
};
// This is required so that we can determine if a given object matches the RequestOptions
// type at runtime. While this requires duplication, it is enforced by the TypeScript
// compiler such that any missing / extraneous keys will cause an error.
const requestOptionsKeys = {
    method: true,
    path: true,
    query: true,
    body: true,
    headers: true,
    maxRetries: true,
    stream: true,
    timeout: true,
    httpAgent: true,
    signal: true,
    idempotencyKey: true,
    __binaryRequest: true,
    __binaryResponse: true,
    __streamClass: true,
};
const isRequestOptions = (obj) => {
    return (typeof obj === 'object' &&
        obj !== null &&
        !isEmptyObj(obj) &&
        Object.keys(obj).every((k) => hasOwn(requestOptionsKeys, k)));
};
const getPlatformProperties = () => {
    if (typeof Deno !== 'undefined' && Deno.build != null) {
        return {
            'X-Stainless-Lang': 'js',
            'X-Stainless-Package-Version': _version_mjs__WEBPACK_IMPORTED_MODULE_4__.VERSION,
            'X-Stainless-OS': normalizePlatform(Deno.build.os),
            'X-Stainless-Arch': normalizeArch(Deno.build.arch),
            'X-Stainless-Runtime': 'deno',
            'X-Stainless-Runtime-Version': typeof Deno.version === 'string' ? Deno.version : Deno.version?.deno ?? 'unknown',
        };
    }
    if (typeof EdgeRuntime !== 'undefined') {
        return {
            'X-Stainless-Lang': 'js',
            'X-Stainless-Package-Version': _version_mjs__WEBPACK_IMPORTED_MODULE_4__.VERSION,
            'X-Stainless-OS': 'Unknown',
            'X-Stainless-Arch': `other:${EdgeRuntime}`,
            'X-Stainless-Runtime': 'edge',
            'X-Stainless-Runtime-Version': process.version,
        };
    }
    // Check if Node.js
    if (Object.prototype.toString.call(typeof process !== 'undefined' ? process : 0) === '[object process]') {
        return {
            'X-Stainless-Lang': 'js',
            'X-Stainless-Package-Version': _version_mjs__WEBPACK_IMPORTED_MODULE_4__.VERSION,
            'X-Stainless-OS': normalizePlatform(process.platform),
            'X-Stainless-Arch': normalizeArch(process.arch),
            'X-Stainless-Runtime': 'node',
            'X-Stainless-Runtime-Version': process.version,
        };
    }
    const browserInfo = getBrowserInfo();
    if (browserInfo) {
        return {
            'X-Stainless-Lang': 'js',
            'X-Stainless-Package-Version': _version_mjs__WEBPACK_IMPORTED_MODULE_4__.VERSION,
            'X-Stainless-OS': 'Unknown',
            'X-Stainless-Arch': 'unknown',
            'X-Stainless-Runtime': `browser:${browserInfo.browser}`,
            'X-Stainless-Runtime-Version': browserInfo.version,
        };
    }
    // TODO add support for Cloudflare workers, etc.
    return {
        'X-Stainless-Lang': 'js',
        'X-Stainless-Package-Version': _version_mjs__WEBPACK_IMPORTED_MODULE_4__.VERSION,
        'X-Stainless-OS': 'Unknown',
        'X-Stainless-Arch': 'unknown',
        'X-Stainless-Runtime': 'unknown',
        'X-Stainless-Runtime-Version': 'unknown',
    };
};
// Note: modified from https://github.com/JS-DevTools/host-environment/blob/b1ab79ecde37db5d6e163c050e54fe7d287d7c92/src/isomorphic.browser.ts
function getBrowserInfo() {
    if (typeof navigator === 'undefined' || !navigator) {
        return null;
    }
    // NOTE: The order matters here!
    const browserPatterns = [
        { key: 'edge', pattern: /Edge(?:\W+(\d+)\.(\d+)(?:\.(\d+))?)?/ },
        { key: 'ie', pattern: /MSIE(?:\W+(\d+)\.(\d+)(?:\.(\d+))?)?/ },
        { key: 'ie', pattern: /Trident(?:.*rv\:(\d+)\.(\d+)(?:\.(\d+))?)?/ },
        { key: 'chrome', pattern: /Chrome(?:\W+(\d+)\.(\d+)(?:\.(\d+))?)?/ },
        { key: 'firefox', pattern: /Firefox(?:\W+(\d+)\.(\d+)(?:\.(\d+))?)?/ },
        { key: 'safari', pattern: /(?:Version\W+(\d+)\.(\d+)(?:\.(\d+))?)?(?:\W+Mobile\S*)?\W+Safari/ },
    ];
    // Find the FIRST matching browser
    for (const { key, pattern } of browserPatterns) {
        const match = pattern.exec(navigator.userAgent);
        if (match) {
            const major = match[1] || 0;
            const minor = match[2] || 0;
            const patch = match[3] || 0;
            return { browser: key, version: `${major}.${minor}.${patch}` };
        }
    }
    return null;
}
const normalizeArch = (arch) => {
    // Node docs:
    // - https://nodejs.org/api/process.html#processarch
    // Deno docs:
    // - https://doc.deno.land/deno/stable/~/Deno.build
    if (arch === 'x32')
        return 'x32';
    if (arch === 'x86_64' || arch === 'x64')
        return 'x64';
    if (arch === 'arm')
        return 'arm';
    if (arch === 'aarch64' || arch === 'arm64')
        return 'arm64';
    if (arch)
        return `other:${arch}`;
    return 'unknown';
};
const normalizePlatform = (platform) => {
    // Node platforms:
    // - https://nodejs.org/api/process.html#processplatform
    // Deno platforms:
    // - https://doc.deno.land/deno/stable/~/Deno.build
    // - https://github.com/denoland/deno/issues/14799
    platform = platform.toLowerCase();
    // NOTE: this iOS check is untested and may not work
    // Node does not work natively on IOS, there is a fork at
    // https://github.com/nodejs-mobile/nodejs-mobile
    // however it is unknown at the time of writing how to detect if it is running
    if (platform.includes('ios'))
        return 'iOS';
    if (platform === 'android')
        return 'Android';
    if (platform === 'darwin')
        return 'MacOS';
    if (platform === 'win32')
        return 'Windows';
    if (platform === 'freebsd')
        return 'FreeBSD';
    if (platform === 'openbsd')
        return 'OpenBSD';
    if (platform === 'linux')
        return 'Linux';
    if (platform)
        return `Other:${platform}`;
    return 'Unknown';
};
let _platformHeaders;
const getPlatformHeaders = () => {
    return (_platformHeaders ?? (_platformHeaders = getPlatformProperties()));
};
const safeJSON = (text) => {
    try {
        return JSON.parse(text);
    }
    catch (err) {
        return undefined;
    }
};
// https://stackoverflow.com/a/19709846
const startsWithSchemeRegexp = new RegExp('^(?:[a-z]+:)?//', 'i');
const isAbsoluteURL = (url) => {
    return startsWithSchemeRegexp.test(url);
};
const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
const validatePositiveInteger = (name, n) => {
    if (typeof n !== 'number' || !Number.isInteger(n)) {
        throw new _error_mjs__WEBPACK_IMPORTED_MODULE_3__.OpenAIError(`${name} must be an integer`);
    }
    if (n < 0) {
        throw new _error_mjs__WEBPACK_IMPORTED_MODULE_3__.OpenAIError(`${name} must be a positive integer`);
    }
    return n;
};
const castToError = (err) => {
    if (err instanceof Error)
        return err;
    if (typeof err === 'object' && err !== null) {
        try {
            return new Error(JSON.stringify(err));
        }
        catch { }
    }
    return new Error(err);
};
const ensurePresent = (value) => {
    if (value == null)
        throw new _error_mjs__WEBPACK_IMPORTED_MODULE_3__.OpenAIError(`Expected a value to be given but received ${value} instead.`);
    return value;
};
/**
 * Read an environment variable.
 *
 * Trims beginning and trailing whitespace.
 *
 * Will return undefined if the environment variable doesn't exist or cannot be accessed.
 */
const readEnv = (env) => {
    if (typeof process !== 'undefined') {
        return process.env?.[env]?.trim() ?? undefined;
    }
    if (typeof Deno !== 'undefined') {
        return Deno.env?.get?.(env)?.trim();
    }
    return undefined;
};
const coerceInteger = (value) => {
    if (typeof value === 'number')
        return Math.round(value);
    if (typeof value === 'string')
        return parseInt(value, 10);
    throw new _error_mjs__WEBPACK_IMPORTED_MODULE_3__.OpenAIError(`Could not coerce ${value} (type: ${typeof value}) into a number`);
};
const coerceFloat = (value) => {
    if (typeof value === 'number')
        return value;
    if (typeof value === 'string')
        return parseFloat(value);
    throw new _error_mjs__WEBPACK_IMPORTED_MODULE_3__.OpenAIError(`Could not coerce ${value} (type: ${typeof value}) into a number`);
};
const coerceBoolean = (value) => {
    if (typeof value === 'boolean')
        return value;
    if (typeof value === 'string')
        return value === 'true';
    return Boolean(value);
};
const maybeCoerceInteger = (value) => {
    if (value === undefined) {
        return undefined;
    }
    return coerceInteger(value);
};
const maybeCoerceFloat = (value) => {
    if (value === undefined) {
        return undefined;
    }
    return coerceFloat(value);
};
const maybeCoerceBoolean = (value) => {
    if (value === undefined) {
        return undefined;
    }
    return coerceBoolean(value);
};
// https://stackoverflow.com/a/34491287
function isEmptyObj(obj) {
    if (!obj)
        return true;
    for (const _k in obj)
        return false;
    return true;
}
// https://eslint.org/docs/latest/rules/no-prototype-builtins
function hasOwn(obj, key) {
    return Object.prototype.hasOwnProperty.call(obj, key);
}
/**
 * Copies headers from "newHeaders" onto "targetHeaders",
 * using lower-case for all properties,
 * ignoring any keys with undefined values,
 * and deleting any keys with null values.
 */
function applyHeadersMut(targetHeaders, newHeaders) {
    for (const k in newHeaders) {
        if (!hasOwn(newHeaders, k))
            continue;
        const lowerKey = k.toLowerCase();
        if (!lowerKey)
            continue;
        const val = newHeaders[k];
        if (val === null) {
            delete targetHeaders[lowerKey];
        }
        else if (val !== undefined) {
            targetHeaders[lowerKey] = val;
        }
    }
}
function debug(action, ...args) {
    if (typeof process !== 'undefined' && process?.env?.['DEBUG'] === 'true') {
        console.log(`OpenAI:DEBUG:${action}`, ...args);
    }
}
/**
 * https://stackoverflow.com/a/2117523
 */
const uuid4 = () => {
    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
        const r = (Math.random() * 16) | 0;
        const v = c === 'x' ? r : (r & 0x3) | 0x8;
        return v.toString(16);
    });
};
const isRunningInBrowser = () => {
    return (
    // @ts-ignore
    typeof window !== 'undefined' &&
        // @ts-ignore
        typeof window.document !== 'undefined' &&
        // @ts-ignore
        typeof navigator !== 'undefined');
};
const isHeadersProtocol = (headers) => {
    return typeof headers?.get === 'function';
};
const getRequiredHeader = (headers, header) => {
    const foundHeader = getHeader(headers, header);
    if (foundHeader === undefined) {
        throw new Error(`Could not find ${header} header`);
    }
    return foundHeader;
};
const getHeader = (headers, header) => {
    const lowerCasedHeader = header.toLowerCase();
    if (isHeadersProtocol(headers)) {
        // to deal with the case where the header looks like Stainless-Event-Id
        const intercapsHeader = header[0]?.toUpperCase() +
            header.substring(1).replace(/([^\w])(\w)/g, (_m, g1, g2) => g1 + g2.toUpperCase());
        for (const key of [header, lowerCasedHeader, header.toUpperCase(), intercapsHeader]) {
            const value = headers.get(key);
            if (value) {
                return value;
            }
        }
    }
    for (const [key, value] of Object.entries(headers)) {
        if (key.toLowerCase() === lowerCasedHeader) {
            if (Array.isArray(value)) {
                if (value.length <= 1)
                    return value[0];
                console.warn(`Received ${value.length} entries for the ${header} header, using the first entry.`);
                return value[0];
            }
            return value;
        }
    }
    return undefined;
};
/**
 * Encodes a string to Base64 format.
 */
const toBase64 = (str) => {
    if (!str)
        return '';
    if (typeof Buffer !== 'undefined') {
        return Buffer.from(str).toString('base64');
    }
    if (typeof btoa !== 'undefined') {
        return btoa(str);
    }
    throw new _error_mjs__WEBPACK_IMPORTED_MODULE_3__.OpenAIError('Cannot generate b64 string; Expected `Buffer` or `btoa` to be defined');
};
function isObj(obj) {
    return obj != null && typeof obj === 'object' && !Array.isArray(obj);
}
//# sourceMappingURL=core.mjs.map

/***/ }),

/***/ "./node_modules/openai/error.mjs":
/*!***************************************!*\
  !*** ./node_modules/openai/error.mjs ***!
  \***************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   APIConnectionError: () => (/* binding */ APIConnectionError),
/* harmony export */   APIConnectionTimeoutError: () => (/* binding */ APIConnectionTimeoutError),
/* harmony export */   APIError: () => (/* binding */ APIError),
/* harmony export */   APIUserAbortError: () => (/* binding */ APIUserAbortError),
/* harmony export */   AuthenticationError: () => (/* binding */ AuthenticationError),
/* harmony export */   BadRequestError: () => (/* binding */ BadRequestError),
/* harmony export */   ConflictError: () => (/* binding */ ConflictError),
/* harmony export */   ContentFilterFinishReasonError: () => (/* binding */ ContentFilterFinishReasonError),
/* harmony export */   InternalServerError: () => (/* binding */ InternalServerError),
/* harmony export */   LengthFinishReasonError: () => (/* binding */ LengthFinishReasonError),
/* harmony export */   NotFoundError: () => (/* binding */ NotFoundError),
/* harmony export */   OpenAIError: () => (/* binding */ OpenAIError),
/* harmony export */   PermissionDeniedError: () => (/* binding */ PermissionDeniedError),
/* harmony export */   RateLimitError: () => (/* binding */ RateLimitError),
/* harmony export */   UnprocessableEntityError: () => (/* binding */ UnprocessableEntityError)
/* harmony export */ });
/* harmony import */ var _core_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./core.mjs */ "./node_modules/openai/core.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.

class OpenAIError extends Error {
}
class APIError extends OpenAIError {
    constructor(status, error, message, headers) {
        super(`${APIError.makeMessage(status, error, message)}`);
        this.status = status;
        this.headers = headers;
        this.request_id = headers?.['x-request-id'];
        const data = error;
        this.error = data;
        this.code = data?.['code'];
        this.param = data?.['param'];
        this.type = data?.['type'];
    }
    static makeMessage(status, error, message) {
        const msg = error?.message ?
            typeof error.message === 'string' ?
                error.message
                : JSON.stringify(error.message)
            : error ? JSON.stringify(error)
                : message;
        if (status && msg) {
            return `${status} ${msg}`;
        }
        if (status) {
            return `${status} status code (no body)`;
        }
        if (msg) {
            return msg;
        }
        return '(no status code or body)';
    }
    static generate(status, errorResponse, message, headers) {
        if (!status) {
            return new APIConnectionError({ message, cause: (0,_core_mjs__WEBPACK_IMPORTED_MODULE_0__.castToError)(errorResponse) });
        }
        const error = errorResponse?.['error'];
        if (status === 400) {
            return new BadRequestError(status, error, message, headers);
        }
        if (status === 401) {
            return new AuthenticationError(status, error, message, headers);
        }
        if (status === 403) {
            return new PermissionDeniedError(status, error, message, headers);
        }
        if (status === 404) {
            return new NotFoundError(status, error, message, headers);
        }
        if (status === 409) {
            return new ConflictError(status, error, message, headers);
        }
        if (status === 422) {
            return new UnprocessableEntityError(status, error, message, headers);
        }
        if (status === 429) {
            return new RateLimitError(status, error, message, headers);
        }
        if (status >= 500) {
            return new InternalServerError(status, error, message, headers);
        }
        return new APIError(status, error, message, headers);
    }
}
class APIUserAbortError extends APIError {
    constructor({ message } = {}) {
        super(undefined, undefined, message || 'Request was aborted.', undefined);
        this.status = undefined;
    }
}
class APIConnectionError extends APIError {
    constructor({ message, cause }) {
        super(undefined, undefined, message || 'Connection error.', undefined);
        this.status = undefined;
        // in some environments the 'cause' property is already declared
        // @ts-ignore
        if (cause)
            this.cause = cause;
    }
}
class APIConnectionTimeoutError extends APIConnectionError {
    constructor({ message } = {}) {
        super({ message: message ?? 'Request timed out.' });
    }
}
class BadRequestError extends APIError {
    constructor() {
        super(...arguments);
        this.status = 400;
    }
}
class AuthenticationError extends APIError {
    constructor() {
        super(...arguments);
        this.status = 401;
    }
}
class PermissionDeniedError extends APIError {
    constructor() {
        super(...arguments);
        this.status = 403;
    }
}
class NotFoundError extends APIError {
    constructor() {
        super(...arguments);
        this.status = 404;
    }
}
class ConflictError extends APIError {
    constructor() {
        super(...arguments);
        this.status = 409;
    }
}
class UnprocessableEntityError extends APIError {
    constructor() {
        super(...arguments);
        this.status = 422;
    }
}
class RateLimitError extends APIError {
    constructor() {
        super(...arguments);
        this.status = 429;
    }
}
class InternalServerError extends APIError {
}
class LengthFinishReasonError extends OpenAIError {
    constructor() {
        super(`Could not parse response content as the length limit was reached`);
    }
}
class ContentFilterFinishReasonError extends OpenAIError {
    constructor() {
        super(`Could not parse response content as the request was rejected by the content filter`);
    }
}
//# sourceMappingURL=error.mjs.map

/***/ }),

/***/ "./node_modules/openai/index.mjs":
/*!***************************************!*\
  !*** ./node_modules/openai/index.mjs ***!
  \***************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   APIConnectionError: () => (/* reexport safe */ _error_mjs__WEBPACK_IMPORTED_MODULE_1__.APIConnectionError),
/* harmony export */   APIConnectionTimeoutError: () => (/* reexport safe */ _error_mjs__WEBPACK_IMPORTED_MODULE_1__.APIConnectionTimeoutError),
/* harmony export */   APIError: () => (/* reexport safe */ _error_mjs__WEBPACK_IMPORTED_MODULE_1__.APIError),
/* harmony export */   APIUserAbortError: () => (/* reexport safe */ _error_mjs__WEBPACK_IMPORTED_MODULE_1__.APIUserAbortError),
/* harmony export */   AuthenticationError: () => (/* reexport safe */ _error_mjs__WEBPACK_IMPORTED_MODULE_1__.AuthenticationError),
/* harmony export */   AzureOpenAI: () => (/* binding */ AzureOpenAI),
/* harmony export */   BadRequestError: () => (/* reexport safe */ _error_mjs__WEBPACK_IMPORTED_MODULE_1__.BadRequestError),
/* harmony export */   ConflictError: () => (/* reexport safe */ _error_mjs__WEBPACK_IMPORTED_MODULE_1__.ConflictError),
/* harmony export */   InternalServerError: () => (/* reexport safe */ _error_mjs__WEBPACK_IMPORTED_MODULE_1__.InternalServerError),
/* harmony export */   NotFoundError: () => (/* reexport safe */ _error_mjs__WEBPACK_IMPORTED_MODULE_1__.NotFoundError),
/* harmony export */   OpenAI: () => (/* binding */ OpenAI),
/* harmony export */   OpenAIError: () => (/* reexport safe */ _error_mjs__WEBPACK_IMPORTED_MODULE_1__.OpenAIError),
/* harmony export */   PermissionDeniedError: () => (/* reexport safe */ _error_mjs__WEBPACK_IMPORTED_MODULE_1__.PermissionDeniedError),
/* harmony export */   RateLimitError: () => (/* reexport safe */ _error_mjs__WEBPACK_IMPORTED_MODULE_1__.RateLimitError),
/* harmony export */   UnprocessableEntityError: () => (/* reexport safe */ _error_mjs__WEBPACK_IMPORTED_MODULE_1__.UnprocessableEntityError),
/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
/* harmony export */   fileFromPath: () => (/* reexport safe */ _uploads_mjs__WEBPACK_IMPORTED_MODULE_16__.fileFromPath),
/* harmony export */   toFile: () => (/* reexport safe */ _uploads_mjs__WEBPACK_IMPORTED_MODULE_15__.toFile)
/* harmony export */ });
/* harmony import */ var _internal_qs_index_mjs__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./internal/qs/index.mjs */ "./node_modules/openai/internal/qs/stringify.mjs");
/* harmony import */ var _core_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./core.mjs */ "./node_modules/openai/core.mjs");
/* harmony import */ var _error_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./error.mjs */ "./node_modules/openai/error.mjs");
/* harmony import */ var _uploads_mjs__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./uploads.mjs */ "./node_modules/openai/uploads.mjs");
/* harmony import */ var _uploads_mjs__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./uploads.mjs */ "./node_modules/openai/_shims/index.mjs");
/* harmony import */ var _resources_index_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./resources/completions.mjs */ "./node_modules/openai/resources/completions.mjs");
/* harmony import */ var _resources_index_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./resources/chat/chat.mjs */ "./node_modules/openai/resources/chat/chat.mjs");
/* harmony import */ var _resources_index_mjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./resources/embeddings.mjs */ "./node_modules/openai/resources/embeddings.mjs");
/* harmony import */ var _resources_index_mjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./resources/files.mjs */ "./node_modules/openai/resources/files.mjs");
/* harmony import */ var _resources_index_mjs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./resources/images.mjs */ "./node_modules/openai/resources/images.mjs");
/* harmony import */ var _resources_index_mjs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./resources/audio/audio.mjs */ "./node_modules/openai/resources/audio/audio.mjs");
/* harmony import */ var _resources_index_mjs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./resources/moderations.mjs */ "./node_modules/openai/resources/moderations.mjs");
/* harmony import */ var _resources_index_mjs__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./resources/models.mjs */ "./node_modules/openai/resources/models.mjs");
/* harmony import */ var _resources_index_mjs__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./resources/fine-tuning/fine-tuning.mjs */ "./node_modules/openai/resources/fine-tuning/fine-tuning.mjs");
/* harmony import */ var _resources_index_mjs__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./resources/beta/beta.mjs */ "./node_modules/openai/resources/beta/beta.mjs");
/* harmony import */ var _resources_index_mjs__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./resources/batches.mjs */ "./node_modules/openai/resources/batches.mjs");
/* harmony import */ var _resources_index_mjs__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./resources/uploads/uploads.mjs */ "./node_modules/openai/resources/uploads/uploads.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.
var _a;


















/**
 * API Client for interfacing with the OpenAI API.
 */
class OpenAI extends _core_mjs__WEBPACK_IMPORTED_MODULE_0__.APIClient {
    /**
     * API Client for interfacing with the OpenAI API.
     *
     * @param {string | undefined} [opts.apiKey=process.env['OPENAI_API_KEY'] ?? undefined]
     * @param {string | null | undefined} [opts.organization=process.env['OPENAI_ORG_ID'] ?? null]
     * @param {string | null | undefined} [opts.project=process.env['OPENAI_PROJECT_ID'] ?? null]
     * @param {string} [opts.baseURL=process.env['OPENAI_BASE_URL'] ?? https://api.openai.com/v1] - Override the default base URL for the API.
     * @param {number} [opts.timeout=10 minutes] - The maximum amount of time (in milliseconds) the client will wait for a response before timing out.
     * @param {number} [opts.httpAgent] - An HTTP agent used to manage HTTP(s) connections.
     * @param {Core.Fetch} [opts.fetch] - Specify a custom `fetch` function implementation.
     * @param {number} [opts.maxRetries=2] - The maximum number of times the client will retry a request.
     * @param {Core.Headers} opts.defaultHeaders - Default headers to include with every request to the API.
     * @param {Core.DefaultQuery} opts.defaultQuery - Default query parameters to include with every request to the API.
     * @param {boolean} [opts.dangerouslyAllowBrowser=false] - By default, client-side use of this library is not allowed, as it risks exposing your secret API credentials to attackers.
     */
    constructor({ baseURL = _core_mjs__WEBPACK_IMPORTED_MODULE_0__.readEnv('OPENAI_BASE_URL'), apiKey = _core_mjs__WEBPACK_IMPORTED_MODULE_0__.readEnv('OPENAI_API_KEY'), organization = _core_mjs__WEBPACK_IMPORTED_MODULE_0__.readEnv('OPENAI_ORG_ID') ?? null, project = _core_mjs__WEBPACK_IMPORTED_MODULE_0__.readEnv('OPENAI_PROJECT_ID') ?? null, ...opts } = {}) {
        if (apiKey === undefined) {
            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_1__.OpenAIError("The OPENAI_API_KEY environment variable is missing or empty; either provide it, or instantiate the OpenAI client with an apiKey option, like new OpenAI({ apiKey: 'My API Key' }).");
        }
        const options = {
            apiKey,
            organization,
            project,
            ...opts,
            baseURL: baseURL || `https://api.openai.com/v1`,
        };
        if (!options.dangerouslyAllowBrowser && _core_mjs__WEBPACK_IMPORTED_MODULE_0__.isRunningInBrowser()) {
            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_1__.OpenAIError("It looks like you're running in a browser-like environment.\n\nThis is disabled by default, as it risks exposing your secret API credentials to attackers.\nIf you understand the risks and have appropriate mitigations in place,\nyou can set the `dangerouslyAllowBrowser` option to `true`, e.g.,\n\nnew OpenAI({ apiKey, dangerouslyAllowBrowser: true });\n\nhttps://help.openai.com/en/articles/5112595-best-practices-for-api-key-safety\n");
        }
        super({
            baseURL: options.baseURL,
            timeout: options.timeout ?? 600000 /* 10 minutes */,
            httpAgent: options.httpAgent,
            maxRetries: options.maxRetries,
            fetch: options.fetch,
        });
        this.completions = new _resources_index_mjs__WEBPACK_IMPORTED_MODULE_2__.Completions(this);
        this.chat = new _resources_index_mjs__WEBPACK_IMPORTED_MODULE_3__.Chat(this);
        this.embeddings = new _resources_index_mjs__WEBPACK_IMPORTED_MODULE_4__.Embeddings(this);
        this.files = new _resources_index_mjs__WEBPACK_IMPORTED_MODULE_5__.Files(this);
        this.images = new _resources_index_mjs__WEBPACK_IMPORTED_MODULE_6__.Images(this);
        this.audio = new _resources_index_mjs__WEBPACK_IMPORTED_MODULE_7__.Audio(this);
        this.moderations = new _resources_index_mjs__WEBPACK_IMPORTED_MODULE_8__.Moderations(this);
        this.models = new _resources_index_mjs__WEBPACK_IMPORTED_MODULE_9__.Models(this);
        this.fineTuning = new _resources_index_mjs__WEBPACK_IMPORTED_MODULE_10__.FineTuning(this);
        this.beta = new _resources_index_mjs__WEBPACK_IMPORTED_MODULE_11__.Beta(this);
        this.batches = new _resources_index_mjs__WEBPACK_IMPORTED_MODULE_12__.Batches(this);
        this.uploads = new _resources_index_mjs__WEBPACK_IMPORTED_MODULE_13__.Uploads(this);
        this._options = options;
        this.apiKey = apiKey;
        this.organization = organization;
        this.project = project;
    }
    defaultQuery() {
        return this._options.defaultQuery;
    }
    defaultHeaders(opts) {
        return {
            ...super.defaultHeaders(opts),
            'OpenAI-Organization': this.organization,
            'OpenAI-Project': this.project,
            ...this._options.defaultHeaders,
        };
    }
    authHeaders(opts) {
        return { Authorization: `Bearer ${this.apiKey}` };
    }
    stringifyQuery(query) {
        return _internal_qs_index_mjs__WEBPACK_IMPORTED_MODULE_14__.stringify(query, { arrayFormat: 'brackets' });
    }
}
_a = OpenAI;
OpenAI.OpenAI = _a;
OpenAI.DEFAULT_TIMEOUT = 600000; // 10 minutes
OpenAI.OpenAIError = _error_mjs__WEBPACK_IMPORTED_MODULE_1__.OpenAIError;
OpenAI.APIError = _error_mjs__WEBPACK_IMPORTED_MODULE_1__.APIError;
OpenAI.APIConnectionError = _error_mjs__WEBPACK_IMPORTED_MODULE_1__.APIConnectionError;
OpenAI.APIConnectionTimeoutError = _error_mjs__WEBPACK_IMPORTED_MODULE_1__.APIConnectionTimeoutError;
OpenAI.APIUserAbortError = _error_mjs__WEBPACK_IMPORTED_MODULE_1__.APIUserAbortError;
OpenAI.NotFoundError = _error_mjs__WEBPACK_IMPORTED_MODULE_1__.NotFoundError;
OpenAI.ConflictError = _error_mjs__WEBPACK_IMPORTED_MODULE_1__.ConflictError;
OpenAI.RateLimitError = _error_mjs__WEBPACK_IMPORTED_MODULE_1__.RateLimitError;
OpenAI.BadRequestError = _error_mjs__WEBPACK_IMPORTED_MODULE_1__.BadRequestError;
OpenAI.AuthenticationError = _error_mjs__WEBPACK_IMPORTED_MODULE_1__.AuthenticationError;
OpenAI.InternalServerError = _error_mjs__WEBPACK_IMPORTED_MODULE_1__.InternalServerError;
OpenAI.PermissionDeniedError = _error_mjs__WEBPACK_IMPORTED_MODULE_1__.PermissionDeniedError;
OpenAI.UnprocessableEntityError = _error_mjs__WEBPACK_IMPORTED_MODULE_1__.UnprocessableEntityError;
OpenAI.toFile = _uploads_mjs__WEBPACK_IMPORTED_MODULE_15__.toFile;
OpenAI.fileFromPath = _uploads_mjs__WEBPACK_IMPORTED_MODULE_16__.fileFromPath;
OpenAI.Completions = _resources_index_mjs__WEBPACK_IMPORTED_MODULE_2__.Completions;
OpenAI.Chat = _resources_index_mjs__WEBPACK_IMPORTED_MODULE_3__.Chat;
OpenAI.Embeddings = _resources_index_mjs__WEBPACK_IMPORTED_MODULE_4__.Embeddings;
OpenAI.Files = _resources_index_mjs__WEBPACK_IMPORTED_MODULE_5__.Files;
OpenAI.FileObjectsPage = _resources_index_mjs__WEBPACK_IMPORTED_MODULE_5__.FileObjectsPage;
OpenAI.Images = _resources_index_mjs__WEBPACK_IMPORTED_MODULE_6__.Images;
OpenAI.Audio = _resources_index_mjs__WEBPACK_IMPORTED_MODULE_7__.Audio;
OpenAI.Moderations = _resources_index_mjs__WEBPACK_IMPORTED_MODULE_8__.Moderations;
OpenAI.Models = _resources_index_mjs__WEBPACK_IMPORTED_MODULE_9__.Models;
OpenAI.ModelsPage = _resources_index_mjs__WEBPACK_IMPORTED_MODULE_9__.ModelsPage;
OpenAI.FineTuning = _resources_index_mjs__WEBPACK_IMPORTED_MODULE_10__.FineTuning;
OpenAI.Beta = _resources_index_mjs__WEBPACK_IMPORTED_MODULE_11__.Beta;
OpenAI.Batches = _resources_index_mjs__WEBPACK_IMPORTED_MODULE_12__.Batches;
OpenAI.BatchesPage = _resources_index_mjs__WEBPACK_IMPORTED_MODULE_12__.BatchesPage;
OpenAI.Uploads = _resources_index_mjs__WEBPACK_IMPORTED_MODULE_13__.Uploads;
/** API Client for interfacing with the Azure OpenAI API. */
class AzureOpenAI extends OpenAI {
    /**
     * API Client for interfacing with the Azure OpenAI API.
     *
     * @param {string | undefined} [opts.apiVersion=process.env['OPENAI_API_VERSION'] ?? undefined]
     * @param {string | undefined} [opts.endpoint=process.env['AZURE_OPENAI_ENDPOINT'] ?? undefined] - Your Azure endpoint, including the resource, e.g. `https://example-resource.azure.openai.com/`
     * @param {string | undefined} [opts.apiKey=process.env['AZURE_OPENAI_API_KEY'] ?? undefined]
     * @param {string | undefined} opts.deployment - A model deployment, if given, sets the base client URL to include `/deployments/{deployment}`.
     * @param {string | null | undefined} [opts.organization=process.env['OPENAI_ORG_ID'] ?? null]
     * @param {string} [opts.baseURL=process.env['OPENAI_BASE_URL']] - Sets the base URL for the API, e.g. `https://example-resource.azure.openai.com/openai/`.
     * @param {number} [opts.timeout=10 minutes] - The maximum amount of time (in milliseconds) the client will wait for a response before timing out.
     * @param {number} [opts.httpAgent] - An HTTP agent used to manage HTTP(s) connections.
     * @param {Core.Fetch} [opts.fetch] - Specify a custom `fetch` function implementation.
     * @param {number} [opts.maxRetries=2] - The maximum number of times the client will retry a request.
     * @param {Core.Headers} opts.defaultHeaders - Default headers to include with every request to the API.
     * @param {Core.DefaultQuery} opts.defaultQuery - Default query parameters to include with every request to the API.
     * @param {boolean} [opts.dangerouslyAllowBrowser=false] - By default, client-side use of this library is not allowed, as it risks exposing your secret API credentials to attackers.
     */
    constructor({ baseURL = _core_mjs__WEBPACK_IMPORTED_MODULE_0__.readEnv('OPENAI_BASE_URL'), apiKey = _core_mjs__WEBPACK_IMPORTED_MODULE_0__.readEnv('AZURE_OPENAI_API_KEY'), apiVersion = _core_mjs__WEBPACK_IMPORTED_MODULE_0__.readEnv('OPENAI_API_VERSION'), endpoint, deployment, azureADTokenProvider, dangerouslyAllowBrowser, ...opts } = {}) {
        if (!apiVersion) {
            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_1__.OpenAIError("The OPENAI_API_VERSION environment variable is missing or empty; either provide it, or instantiate the AzureOpenAI client with an apiVersion option, like new AzureOpenAI({ apiVersion: 'My API Version' }).");
        }
        if (typeof azureADTokenProvider === 'function') {
            dangerouslyAllowBrowser = true;
        }
        if (!azureADTokenProvider && !apiKey) {
            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_1__.OpenAIError('Missing credentials. Please pass one of `apiKey` and `azureADTokenProvider`, or set the `AZURE_OPENAI_API_KEY` environment variable.');
        }
        if (azureADTokenProvider && apiKey) {
            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_1__.OpenAIError('The `apiKey` and `azureADTokenProvider` arguments are mutually exclusive; only one can be passed at a time.');
        }
        // define a sentinel value to avoid any typing issues
        apiKey ?? (apiKey = API_KEY_SENTINEL);
        opts.defaultQuery = { ...opts.defaultQuery, 'api-version': apiVersion };
        if (!baseURL) {
            if (!endpoint) {
                endpoint = process.env['AZURE_OPENAI_ENDPOINT'];
            }
            if (!endpoint) {
                throw new _error_mjs__WEBPACK_IMPORTED_MODULE_1__.OpenAIError('Must provide one of the `baseURL` or `endpoint` arguments, or the `AZURE_OPENAI_ENDPOINT` environment variable');
            }
            baseURL = `${endpoint}/openai`;
        }
        else {
            if (endpoint) {
                throw new _error_mjs__WEBPACK_IMPORTED_MODULE_1__.OpenAIError('baseURL and endpoint are mutually exclusive');
            }
        }
        super({
            apiKey,
            baseURL,
            ...opts,
            ...(dangerouslyAllowBrowser !== undefined ? { dangerouslyAllowBrowser } : {}),
        });
        this.apiVersion = '';
        this._azureADTokenProvider = azureADTokenProvider;
        this.apiVersion = apiVersion;
        this._deployment = deployment;
    }
    buildRequest(options) {
        if (_deployments_endpoints.has(options.path) && options.method === 'post' && options.body !== undefined) {
            if (!_core_mjs__WEBPACK_IMPORTED_MODULE_0__.isObj(options.body)) {
                throw new Error('Expected request body to be an object');
            }
            const model = this._deployment || options.body['model'];
            if (model !== undefined && !this.baseURL.includes('/deployments')) {
                options.path = `/deployments/${model}${options.path}`;
            }
        }
        return super.buildRequest(options);
    }
    async _getAzureADToken() {
        if (typeof this._azureADTokenProvider === 'function') {
            const token = await this._azureADTokenProvider();
            if (!token || typeof token !== 'string') {
                throw new _error_mjs__WEBPACK_IMPORTED_MODULE_1__.OpenAIError(`Expected 'azureADTokenProvider' argument to return a string but it returned ${token}`);
            }
            return token;
        }
        return undefined;
    }
    authHeaders(opts) {
        return {};
    }
    async prepareOptions(opts) {
        /**
         * The user should provide a bearer token provider if they want
         * to use Azure AD authentication. The user shouldn't set the
         * Authorization header manually because the header is overwritten
         * with the Azure AD token if a bearer token provider is provided.
         */
        if (opts.headers?.['api-key']) {
            return super.prepareOptions(opts);
        }
        const token = await this._getAzureADToken();
        opts.headers ?? (opts.headers = {});
        if (token) {
            opts.headers['Authorization'] = `Bearer ${token}`;
        }
        else if (this.apiKey !== API_KEY_SENTINEL) {
            opts.headers['api-key'] = this.apiKey;
        }
        else {
            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_1__.OpenAIError('Unable to handle auth');
        }
        return super.prepareOptions(opts);
    }
}
const _deployments_endpoints = new Set([
    '/completions',
    '/chat/completions',
    '/embeddings',
    '/audio/transcriptions',
    '/audio/translations',
    '/audio/speech',
    '/images/generations',
]);
const API_KEY_SENTINEL = '<Missing Key>';


/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (OpenAI);
//# sourceMappingURL=index.mjs.map

/***/ }),

/***/ "./node_modules/openai/internal/decoders/line.mjs":
/*!********************************************************!*\
  !*** ./node_modules/openai/internal/decoders/line.mjs ***!
  \********************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   LineDecoder: () => (/* binding */ LineDecoder)
/* harmony export */ });
/* harmony import */ var _error_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../error.mjs */ "./node_modules/openai/error.mjs");

/**
 * A re-implementation of httpx's `LineDecoder` in Python that handles incrementally
 * reading lines from text.
 *
 * https://github.com/encode/httpx/blob/920333ea98118e9cf617f246905d7b202510941c/httpx/_decoders.py#L258
 */
class LineDecoder {
    constructor() {
        this.buffer = [];
        this.trailingCR = false;
    }
    decode(chunk) {
        let text = this.decodeText(chunk);
        if (this.trailingCR) {
            text = '\r' + text;
            this.trailingCR = false;
        }
        if (text.endsWith('\r')) {
            this.trailingCR = true;
            text = text.slice(0, -1);
        }
        if (!text) {
            return [];
        }
        const trailingNewline = LineDecoder.NEWLINE_CHARS.has(text[text.length - 1] || '');
        let lines = text.split(LineDecoder.NEWLINE_REGEXP);
        // if there is a trailing new line then the last entry will be an empty
        // string which we don't care about
        if (trailingNewline) {
            lines.pop();
        }
        if (lines.length === 1 && !trailingNewline) {
            this.buffer.push(lines[0]);
            return [];
        }
        if (this.buffer.length > 0) {
            lines = [this.buffer.join('') + lines[0], ...lines.slice(1)];
            this.buffer = [];
        }
        if (!trailingNewline) {
            this.buffer = [lines.pop() || ''];
        }
        return lines;
    }
    decodeText(bytes) {
        if (bytes == null)
            return '';
        if (typeof bytes === 'string')
            return bytes;
        // Node:
        if (typeof Buffer !== 'undefined') {
            if (bytes instanceof Buffer) {
                return bytes.toString();
            }
            if (bytes instanceof Uint8Array) {
                return Buffer.from(bytes).toString();
            }
            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_0__.OpenAIError(`Unexpected: received non-Uint8Array (${bytes.constructor.name}) stream chunk in an environment with a global "Buffer" defined, which this library assumes to be Node. Please report this error.`);
        }
        // Browser
        if (typeof TextDecoder !== 'undefined') {
            if (bytes instanceof Uint8Array || bytes instanceof ArrayBuffer) {
                this.textDecoder ?? (this.textDecoder = new TextDecoder('utf8'));
                return this.textDecoder.decode(bytes);
            }
            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_0__.OpenAIError(`Unexpected: received non-Uint8Array/ArrayBuffer (${bytes.constructor.name}) in a web platform. Please report this error.`);
        }
        throw new _error_mjs__WEBPACK_IMPORTED_MODULE_0__.OpenAIError(`Unexpected: neither Buffer nor TextDecoder are available as globals. Please report this error.`);
    }
    flush() {
        if (!this.buffer.length && !this.trailingCR) {
            return [];
        }
        const lines = [this.buffer.join('')];
        this.buffer = [];
        this.trailingCR = false;
        return lines;
    }
}
// prettier-ignore
LineDecoder.NEWLINE_CHARS = new Set(['\n', '\r']);
LineDecoder.NEWLINE_REGEXP = /\r\n|[\n\r]/g;
//# sourceMappingURL=line.mjs.map

/***/ }),

/***/ "./node_modules/openai/internal/qs/formats.mjs":
/*!*****************************************************!*\
  !*** ./node_modules/openai/internal/qs/formats.mjs ***!
  \*****************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   RFC1738: () => (/* binding */ RFC1738),
/* harmony export */   RFC3986: () => (/* binding */ RFC3986),
/* harmony export */   default_format: () => (/* binding */ default_format),
/* harmony export */   formatters: () => (/* binding */ formatters)
/* harmony export */ });
const default_format = 'RFC3986';
const formatters = {
    RFC1738: (v) => String(v).replace(/%20/g, '+'),
    RFC3986: (v) => String(v),
};
const RFC1738 = 'RFC1738';
const RFC3986 = 'RFC3986';
//# sourceMappingURL=formats.mjs.map

/***/ }),

/***/ "./node_modules/openai/internal/qs/stringify.mjs":
/*!*******************************************************!*\
  !*** ./node_modules/openai/internal/qs/stringify.mjs ***!
  \*******************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   stringify: () => (/* binding */ stringify)
/* harmony export */ });
/* harmony import */ var _utils_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils.mjs */ "./node_modules/openai/internal/qs/utils.mjs");
/* harmony import */ var _formats_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formats.mjs */ "./node_modules/openai/internal/qs/formats.mjs");


const has = Object.prototype.hasOwnProperty;
const array_prefix_generators = {
    brackets(prefix) {
        return String(prefix) + '[]';
    },
    comma: 'comma',
    indices(prefix, key) {
        return String(prefix) + '[' + key + ']';
    },
    repeat(prefix) {
        return String(prefix);
    },
};
const is_array = Array.isArray;
const push = Array.prototype.push;
const push_to_array = function (arr, value_or_array) {
    push.apply(arr, is_array(value_or_array) ? value_or_array : [value_or_array]);
};
const to_ISO = Date.prototype.toISOString;
const defaults = {
    addQueryPrefix: false,
    allowDots: false,
    allowEmptyArrays: false,
    arrayFormat: 'indices',
    charset: 'utf-8',
    charsetSentinel: false,
    delimiter: '&',
    encode: true,
    encodeDotInKeys: false,
    encoder: _utils_mjs__WEBPACK_IMPORTED_MODULE_0__.encode,
    encodeValuesOnly: false,
    format: _formats_mjs__WEBPACK_IMPORTED_MODULE_1__.default_format,
    formatter: _formats_mjs__WEBPACK_IMPORTED_MODULE_1__.formatters[_formats_mjs__WEBPACK_IMPORTED_MODULE_1__.default_format],
    /** @deprecated */
    indices: false,
    serializeDate(date) {
        return to_ISO.call(date);
    },
    skipNulls: false,
    strictNullHandling: false,
};
function is_non_nullish_primitive(v) {
    return (typeof v === 'string' ||
        typeof v === 'number' ||
        typeof v === 'boolean' ||
        typeof v === 'symbol' ||
        typeof v === 'bigint');
}
const sentinel = {};
function inner_stringify(object, prefix, generateArrayPrefix, commaRoundTrip, allowEmptyArrays, strictNullHandling, skipNulls, encodeDotInKeys, encoder, filter, sort, allowDots, serializeDate, format, formatter, encodeValuesOnly, charset, sideChannel) {
    let obj = object;
    let tmp_sc = sideChannel;
    let step = 0;
    let find_flag = false;
    while ((tmp_sc = tmp_sc.get(sentinel)) !== void undefined && !find_flag) {
        // Where object last appeared in the ref tree
        const pos = tmp_sc.get(object);
        step += 1;
        if (typeof pos !== 'undefined') {
            if (pos === step) {
                throw new RangeError('Cyclic object value');
            }
            else {
                find_flag = true; // Break while
            }
        }
        if (typeof tmp_sc.get(sentinel) === 'undefined') {
            step = 0;
        }
    }
    if (typeof filter === 'function') {
        obj = filter(prefix, obj);
    }
    else if (obj instanceof Date) {
        obj = serializeDate?.(obj);
    }
    else if (generateArrayPrefix === 'comma' && is_array(obj)) {
        obj = (0,_utils_mjs__WEBPACK_IMPORTED_MODULE_0__.maybe_map)(obj, function (value) {
            if (value instanceof Date) {
                return serializeDate?.(value);
            }
            return value;
        });
    }
    if (obj === null) {
        if (strictNullHandling) {
            return encoder && !encodeValuesOnly ?
                // @ts-expect-error
                encoder(prefix, defaults.encoder, charset, 'key', format)
                : prefix;
        }
        obj = '';
    }
    if (is_non_nullish_primitive(obj) || (0,_utils_mjs__WEBPACK_IMPORTED_MODULE_0__.is_buffer)(obj)) {
        if (encoder) {
            const key_value = encodeValuesOnly ? prefix
                // @ts-expect-error
                : encoder(prefix, defaults.encoder, charset, 'key', format);
            return [
                formatter?.(key_value) +
                    '=' +
                    // @ts-expect-error
                    formatter?.(encoder(obj, defaults.encoder, charset, 'value', format)),
            ];
        }
        return [formatter?.(prefix) + '=' + formatter?.(String(obj))];
    }
    const values = [];
    if (typeof obj === 'undefined') {
        return values;
    }
    let obj_keys;
    if (generateArrayPrefix === 'comma' && is_array(obj)) {
        // we need to join elements in
        if (encodeValuesOnly && encoder) {
            // @ts-expect-error values only
            obj = (0,_utils_mjs__WEBPACK_IMPORTED_MODULE_0__.maybe_map)(obj, encoder);
        }
        obj_keys = [{ value: obj.length > 0 ? obj.join(',') || null : void undefined }];
    }
    else if (is_array(filter)) {
        obj_keys = filter;
    }
    else {
        const keys = Object.keys(obj);
        obj_keys = sort ? keys.sort(sort) : keys;
    }
    const encoded_prefix = encodeDotInKeys ? String(prefix).replace(/\./g, '%2E') : String(prefix);
    const adjusted_prefix = commaRoundTrip && is_array(obj) && obj.length === 1 ? encoded_prefix + '[]' : encoded_prefix;
    if (allowEmptyArrays && is_array(obj) && obj.length === 0) {
        return adjusted_prefix + '[]';
    }
    for (let j = 0; j < obj_keys.length; ++j) {
        const key = obj_keys[j];
        const value = 
        // @ts-ignore
        typeof key === 'object' && typeof key.value !== 'undefined' ? key.value : obj[key];
        if (skipNulls && value === null) {
            continue;
        }
        // @ts-ignore
        const encoded_key = allowDots && encodeDotInKeys ? key.replace(/\./g, '%2E') : key;
        const key_prefix = is_array(obj) ?
            typeof generateArrayPrefix === 'function' ?
                generateArrayPrefix(adjusted_prefix, encoded_key)
                : adjusted_prefix
            : adjusted_prefix + (allowDots ? '.' + encoded_key : '[' + encoded_key + ']');
        sideChannel.set(object, step);
        const valueSideChannel = new WeakMap();
        valueSideChannel.set(sentinel, sideChannel);
        push_to_array(values, inner_stringify(value, key_prefix, generateArrayPrefix, commaRoundTrip, allowEmptyArrays, strictNullHandling, skipNulls, encodeDotInKeys, 
        // @ts-ignore
        generateArrayPrefix === 'comma' && encodeValuesOnly && is_array(obj) ? null : encoder, filter, sort, allowDots, serializeDate, format, formatter, encodeValuesOnly, charset, valueSideChannel));
    }
    return values;
}
function normalize_stringify_options(opts = defaults) {
    if (typeof opts.allowEmptyArrays !== 'undefined' && typeof opts.allowEmptyArrays !== 'boolean') {
        throw new TypeError('`allowEmptyArrays` option can only be `true` or `false`, when provided');
    }
    if (typeof opts.encodeDotInKeys !== 'undefined' && typeof opts.encodeDotInKeys !== 'boolean') {
        throw new TypeError('`encodeDotInKeys` option can only be `true` or `false`, when provided');
    }
    if (opts.encoder !== null && typeof opts.encoder !== 'undefined' && typeof opts.encoder !== 'function') {
        throw new TypeError('Encoder has to be a function.');
    }
    const charset = opts.charset || defaults.charset;
    if (typeof opts.charset !== 'undefined' && opts.charset !== 'utf-8' && opts.charset !== 'iso-8859-1') {
        throw new TypeError('The charset option must be either utf-8, iso-8859-1, or undefined');
    }
    let format = _formats_mjs__WEBPACK_IMPORTED_MODULE_1__.default_format;
    if (typeof opts.format !== 'undefined') {
        if (!has.call(_formats_mjs__WEBPACK_IMPORTED_MODULE_1__.formatters, opts.format)) {
            throw new TypeError('Unknown format option provided.');
        }
        format = opts.format;
    }
    const formatter = _formats_mjs__WEBPACK_IMPORTED_MODULE_1__.formatters[format];
    let filter = defaults.filter;
    if (typeof opts.filter === 'function' || is_array(opts.filter)) {
        filter = opts.filter;
    }
    let arrayFormat;
    if (opts.arrayFormat && opts.arrayFormat in array_prefix_generators) {
        arrayFormat = opts.arrayFormat;
    }
    else if ('indices' in opts) {
        arrayFormat = opts.indices ? 'indices' : 'repeat';
    }
    else {
        arrayFormat = defaults.arrayFormat;
    }
    if ('commaRoundTrip' in opts && typeof opts.commaRoundTrip !== 'boolean') {
        throw new TypeError('`commaRoundTrip` must be a boolean, or absent');
    }
    const allowDots = typeof opts.allowDots === 'undefined' ?
        !!opts.encodeDotInKeys === true ?
            true
            : defaults.allowDots
        : !!opts.allowDots;
    return {
        addQueryPrefix: typeof opts.addQueryPrefix === 'boolean' ? opts.addQueryPrefix : defaults.addQueryPrefix,
        // @ts-ignore
        allowDots: allowDots,
        allowEmptyArrays: typeof opts.allowEmptyArrays === 'boolean' ? !!opts.allowEmptyArrays : defaults.allowEmptyArrays,
        arrayFormat: arrayFormat,
        charset: charset,
        charsetSentinel: typeof opts.charsetSentinel === 'boolean' ? opts.charsetSentinel : defaults.charsetSentinel,
        commaRoundTrip: !!opts.commaRoundTrip,
        delimiter: typeof opts.delimiter === 'undefined' ? defaults.delimiter : opts.delimiter,
        encode: typeof opts.encode === 'boolean' ? opts.encode : defaults.encode,
        encodeDotInKeys: typeof opts.encodeDotInKeys === 'boolean' ? opts.encodeDotInKeys : defaults.encodeDotInKeys,
        encoder: typeof opts.encoder === 'function' ? opts.encoder : defaults.encoder,
        encodeValuesOnly: typeof opts.encodeValuesOnly === 'boolean' ? opts.encodeValuesOnly : defaults.encodeValuesOnly,
        filter: filter,
        format: format,
        formatter: formatter,
        serializeDate: typeof opts.serializeDate === 'function' ? opts.serializeDate : defaults.serializeDate,
        skipNulls: typeof opts.skipNulls === 'boolean' ? opts.skipNulls : defaults.skipNulls,
        // @ts-ignore
        sort: typeof opts.sort === 'function' ? opts.sort : null,
        strictNullHandling: typeof opts.strictNullHandling === 'boolean' ? opts.strictNullHandling : defaults.strictNullHandling,
    };
}
function stringify(object, opts = {}) {
    let obj = object;
    const options = normalize_stringify_options(opts);
    let obj_keys;
    let filter;
    if (typeof options.filter === 'function') {
        filter = options.filter;
        obj = filter('', obj);
    }
    else if (is_array(options.filter)) {
        filter = options.filter;
        obj_keys = filter;
    }
    const keys = [];
    if (typeof obj !== 'object' || obj === null) {
        return '';
    }
    const generateArrayPrefix = array_prefix_generators[options.arrayFormat];
    const commaRoundTrip = generateArrayPrefix === 'comma' && options.commaRoundTrip;
    if (!obj_keys) {
        obj_keys = Object.keys(obj);
    }
    if (options.sort) {
        obj_keys.sort(options.sort);
    }
    const sideChannel = new WeakMap();
    for (let i = 0; i < obj_keys.length; ++i) {
        const key = obj_keys[i];
        if (options.skipNulls && obj[key] === null) {
            continue;
        }
        push_to_array(keys, inner_stringify(obj[key], key, 
        // @ts-expect-error
        generateArrayPrefix, commaRoundTrip, options.allowEmptyArrays, options.strictNullHandling, options.skipNulls, options.encodeDotInKeys, options.encode ? options.encoder : null, options.filter, options.sort, options.allowDots, options.serializeDate, options.format, options.formatter, options.encodeValuesOnly, options.charset, sideChannel));
    }
    const joined = keys.join(options.delimiter);
    let prefix = options.addQueryPrefix === true ? '?' : '';
    if (options.charsetSentinel) {
        if (options.charset === 'iso-8859-1') {
            // encodeURIComponent('&#10003;'), the "numeric entity" representation of a checkmark
            prefix += 'utf8=%26%2310003%3B&';
        }
        else {
            // encodeURIComponent('✓')
            prefix += 'utf8=%E2%9C%93&';
        }
    }
    return joined.length > 0 ? prefix + joined : '';
}
//# sourceMappingURL=stringify.mjs.map

/***/ }),

/***/ "./node_modules/openai/internal/qs/utils.mjs":
/*!***************************************************!*\
  !*** ./node_modules/openai/internal/qs/utils.mjs ***!
  \***************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   assign_single_source: () => (/* binding */ assign_single_source),
/* harmony export */   combine: () => (/* binding */ combine),
/* harmony export */   compact: () => (/* binding */ compact),
/* harmony export */   decode: () => (/* binding */ decode),
/* harmony export */   encode: () => (/* binding */ encode),
/* harmony export */   is_buffer: () => (/* binding */ is_buffer),
/* harmony export */   is_regexp: () => (/* binding */ is_regexp),
/* harmony export */   maybe_map: () => (/* binding */ maybe_map),
/* harmony export */   merge: () => (/* binding */ merge)
/* harmony export */ });
/* harmony import */ var _formats_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formats.mjs */ "./node_modules/openai/internal/qs/formats.mjs");

const has = Object.prototype.hasOwnProperty;
const is_array = Array.isArray;
const hex_table = (() => {
    const array = [];
    for (let i = 0; i < 256; ++i) {
        array.push('%' + ((i < 16 ? '0' : '') + i.toString(16)).toUpperCase());
    }
    return array;
})();
function compact_queue(queue) {
    while (queue.length > 1) {
        const item = queue.pop();
        if (!item)
            continue;
        const obj = item.obj[item.prop];
        if (is_array(obj)) {
            const compacted = [];
            for (let j = 0; j < obj.length; ++j) {
                if (typeof obj[j] !== 'undefined') {
                    compacted.push(obj[j]);
                }
            }
            // @ts-ignore
            item.obj[item.prop] = compacted;
        }
    }
}
function array_to_object(source, options) {
    const obj = options && options.plainObjects ? Object.create(null) : {};
    for (let i = 0; i < source.length; ++i) {
        if (typeof source[i] !== 'undefined') {
            obj[i] = source[i];
        }
    }
    return obj;
}
function merge(target, source, options = {}) {
    if (!source) {
        return target;
    }
    if (typeof source !== 'object') {
        if (is_array(target)) {
            target.push(source);
        }
        else if (target && typeof target === 'object') {
            if ((options && (options.plainObjects || options.allowPrototypes)) ||
                !has.call(Object.prototype, source)) {
                target[source] = true;
            }
        }
        else {
            return [target, source];
        }
        return target;
    }
    if (!target || typeof target !== 'object') {
        return [target].concat(source);
    }
    let mergeTarget = target;
    if (is_array(target) && !is_array(source)) {
        // @ts-ignore
        mergeTarget = array_to_object(target, options);
    }
    if (is_array(target) && is_array(source)) {
        source.forEach(function (item, i) {
            if (has.call(target, i)) {
                const targetItem = target[i];
                if (targetItem && typeof targetItem === 'object' && item && typeof item === 'object') {
                    target[i] = merge(targetItem, item, options);
                }
                else {
                    target.push(item);
                }
            }
            else {
                target[i] = item;
            }
        });
        return target;
    }
    return Object.keys(source).reduce(function (acc, key) {
        const value = source[key];
        if (has.call(acc, key)) {
            acc[key] = merge(acc[key], value, options);
        }
        else {
            acc[key] = value;
        }
        return acc;
    }, mergeTarget);
}
function assign_single_source(target, source) {
    return Object.keys(source).reduce(function (acc, key) {
        acc[key] = source[key];
        return acc;
    }, target);
}
function decode(str, _, charset) {
    const strWithoutPlus = str.replace(/\+/g, ' ');
    if (charset === 'iso-8859-1') {
        // unescape never throws, no try...catch needed:
        return strWithoutPlus.replace(/%[0-9a-f]{2}/gi, unescape);
    }
    // utf-8
    try {
        return decodeURIComponent(strWithoutPlus);
    }
    catch (e) {
        return strWithoutPlus;
    }
}
const limit = 1024;
const encode = (str, _defaultEncoder, charset, _kind, format) => {
    // This code was originally written by Brian White for the io.js core querystring library.
    // It has been adapted here for stricter adherence to RFC 3986
    if (str.length === 0) {
        return str;
    }
    let string = str;
    if (typeof str === 'symbol') {
        string = Symbol.prototype.toString.call(str);
    }
    else if (typeof str !== 'string') {
        string = String(str);
    }
    if (charset === 'iso-8859-1') {
        return escape(string).replace(/%u[0-9a-f]{4}/gi, function ($0) {
            return '%26%23' + parseInt($0.slice(2), 16) + '%3B';
        });
    }
    let out = '';
    for (let j = 0; j < string.length; j += limit) {
        const segment = string.length >= limit ? string.slice(j, j + limit) : string;
        const arr = [];
        for (let i = 0; i < segment.length; ++i) {
            let c = segment.charCodeAt(i);
            if (c === 0x2d || // -
                c === 0x2e || // .
                c === 0x5f || // _
                c === 0x7e || // ~
                (c >= 0x30 && c <= 0x39) || // 0-9
                (c >= 0x41 && c <= 0x5a) || // a-z
                (c >= 0x61 && c <= 0x7a) || // A-Z
                (format === _formats_mjs__WEBPACK_IMPORTED_MODULE_0__.RFC1738 && (c === 0x28 || c === 0x29)) // ( )
            ) {
                arr[arr.length] = segment.charAt(i);
                continue;
            }
            if (c < 0x80) {
                arr[arr.length] = hex_table[c];
                continue;
            }
            if (c < 0x800) {
                arr[arr.length] = hex_table[0xc0 | (c >> 6)] + hex_table[0x80 | (c & 0x3f)];
                continue;
            }
            if (c < 0xd800 || c >= 0xe000) {
                arr[arr.length] =
                    hex_table[0xe0 | (c >> 12)] + hex_table[0x80 | ((c >> 6) & 0x3f)] + hex_table[0x80 | (c & 0x3f)];
                continue;
            }
            i += 1;
            c = 0x10000 + (((c & 0x3ff) << 10) | (segment.charCodeAt(i) & 0x3ff));
            arr[arr.length] =
                hex_table[0xf0 | (c >> 18)] +
                    hex_table[0x80 | ((c >> 12) & 0x3f)] +
                    hex_table[0x80 | ((c >> 6) & 0x3f)] +
                    hex_table[0x80 | (c & 0x3f)];
        }
        out += arr.join('');
    }
    return out;
};
function compact(value) {
    const queue = [{ obj: { o: value }, prop: 'o' }];
    const refs = [];
    for (let i = 0; i < queue.length; ++i) {
        const item = queue[i];
        // @ts-ignore
        const obj = item.obj[item.prop];
        const keys = Object.keys(obj);
        for (let j = 0; j < keys.length; ++j) {
            const key = keys[j];
            const val = obj[key];
            if (typeof val === 'object' && val !== null && refs.indexOf(val) === -1) {
                queue.push({ obj: obj, prop: key });
                refs.push(val);
            }
        }
    }
    compact_queue(queue);
    return value;
}
function is_regexp(obj) {
    return Object.prototype.toString.call(obj) === '[object RegExp]';
}
function is_buffer(obj) {
    if (!obj || typeof obj !== 'object') {
        return false;
    }
    return !!(obj.constructor && obj.constructor.isBuffer && obj.constructor.isBuffer(obj));
}
function combine(a, b) {
    return [].concat(a, b);
}
function maybe_map(val, fn) {
    if (is_array(val)) {
        const mapped = [];
        for (let i = 0; i < val.length; i += 1) {
            mapped.push(fn(val[i]));
        }
        return mapped;
    }
    return fn(val);
}
//# sourceMappingURL=utils.mjs.map

/***/ }),

/***/ "./node_modules/openai/lib/AbstractChatCompletionRunner.mjs":
/*!******************************************************************!*\
  !*** ./node_modules/openai/lib/AbstractChatCompletionRunner.mjs ***!
  \******************************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   AbstractChatCompletionRunner: () => (/* binding */ AbstractChatCompletionRunner)
/* harmony export */ });
/* harmony import */ var _error_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../error.mjs */ "./node_modules/openai/error.mjs");
/* harmony import */ var _RunnableFunction_mjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./RunnableFunction.mjs */ "./node_modules/openai/lib/RunnableFunction.mjs");
/* harmony import */ var _chatCompletionUtils_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./chatCompletionUtils.mjs */ "./node_modules/openai/lib/chatCompletionUtils.mjs");
/* harmony import */ var _EventStream_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./EventStream.mjs */ "./node_modules/openai/lib/EventStream.mjs");
/* harmony import */ var _lib_parser_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../lib/parser.mjs */ "./node_modules/openai/lib/parser.mjs");
var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
};
var _AbstractChatCompletionRunner_instances, _AbstractChatCompletionRunner_getFinalContent, _AbstractChatCompletionRunner_getFinalMessage, _AbstractChatCompletionRunner_getFinalFunctionCall, _AbstractChatCompletionRunner_getFinalFunctionCallResult, _AbstractChatCompletionRunner_calculateTotalUsage, _AbstractChatCompletionRunner_validateParams, _AbstractChatCompletionRunner_stringifyFunctionCallResult;





const DEFAULT_MAX_CHAT_COMPLETIONS = 10;
class AbstractChatCompletionRunner extends _EventStream_mjs__WEBPACK_IMPORTED_MODULE_0__.EventStream {
    constructor() {
        super(...arguments);
        _AbstractChatCompletionRunner_instances.add(this);
        this._chatCompletions = [];
        this.messages = [];
    }
    _addChatCompletion(chatCompletion) {
        this._chatCompletions.push(chatCompletion);
        this._emit('chatCompletion', chatCompletion);
        const message = chatCompletion.choices[0]?.message;
        if (message)
            this._addMessage(message);
        return chatCompletion;
    }
    _addMessage(message, emit = true) {
        if (!('content' in message))
            message.content = null;
        this.messages.push(message);
        if (emit) {
            this._emit('message', message);
            if (((0,_chatCompletionUtils_mjs__WEBPACK_IMPORTED_MODULE_1__.isFunctionMessage)(message) || (0,_chatCompletionUtils_mjs__WEBPACK_IMPORTED_MODULE_1__.isToolMessage)(message)) && message.content) {
                // Note, this assumes that {role: 'tool', content: …} is always the result of a call of tool of type=function.
                this._emit('functionCallResult', message.content);
            }
            else if ((0,_chatCompletionUtils_mjs__WEBPACK_IMPORTED_MODULE_1__.isAssistantMessage)(message) && message.function_call) {
                this._emit('functionCall', message.function_call);
            }
            else if ((0,_chatCompletionUtils_mjs__WEBPACK_IMPORTED_MODULE_1__.isAssistantMessage)(message) && message.tool_calls) {
                for (const tool_call of message.tool_calls) {
                    if (tool_call.type === 'function') {
                        this._emit('functionCall', tool_call.function);
                    }
                }
            }
        }
    }
    /**
     * @returns a promise that resolves with the final ChatCompletion, or rejects
     * if an error occurred or the stream ended prematurely without producing a ChatCompletion.
     */
    async finalChatCompletion() {
        await this.done();
        const completion = this._chatCompletions[this._chatCompletions.length - 1];
        if (!completion)
            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_2__.OpenAIError('stream ended without producing a ChatCompletion');
        return completion;
    }
    /**
     * @returns a promise that resolves with the content of the final ChatCompletionMessage, or rejects
     * if an error occurred or the stream ended prematurely without producing a ChatCompletionMessage.
     */
    async finalContent() {
        await this.done();
        return __classPrivateFieldGet(this, _AbstractChatCompletionRunner_instances, "m", _AbstractChatCompletionRunner_getFinalContent).call(this);
    }
    /**
     * @returns a promise that resolves with the the final assistant ChatCompletionMessage response,
     * or rejects if an error occurred or the stream ended prematurely without producing a ChatCompletionMessage.
     */
    async finalMessage() {
        await this.done();
        return __classPrivateFieldGet(this, _AbstractChatCompletionRunner_instances, "m", _AbstractChatCompletionRunner_getFinalMessage).call(this);
    }
    /**
     * @returns a promise that resolves with the content of the final FunctionCall, or rejects
     * if an error occurred or the stream ended prematurely without producing a ChatCompletionMessage.
     */
    async finalFunctionCall() {
        await this.done();
        return __classPrivateFieldGet(this, _AbstractChatCompletionRunner_instances, "m", _AbstractChatCompletionRunner_getFinalFunctionCall).call(this);
    }
    async finalFunctionCallResult() {
        await this.done();
        return __classPrivateFieldGet(this, _AbstractChatCompletionRunner_instances, "m", _AbstractChatCompletionRunner_getFinalFunctionCallResult).call(this);
    }
    async totalUsage() {
        await this.done();
        return __classPrivateFieldGet(this, _AbstractChatCompletionRunner_instances, "m", _AbstractChatCompletionRunner_calculateTotalUsage).call(this);
    }
    allChatCompletions() {
        return [...this._chatCompletions];
    }
    _emitFinal() {
        const completion = this._chatCompletions[this._chatCompletions.length - 1];
        if (completion)
            this._emit('finalChatCompletion', completion);
        const finalMessage = __classPrivateFieldGet(this, _AbstractChatCompletionRunner_instances, "m", _AbstractChatCompletionRunner_getFinalMessage).call(this);
        if (finalMessage)
            this._emit('finalMessage', finalMessage);
        const finalContent = __classPrivateFieldGet(this, _AbstractChatCompletionRunner_instances, "m", _AbstractChatCompletionRunner_getFinalContent).call(this);
        if (finalContent)
            this._emit('finalContent', finalContent);
        const finalFunctionCall = __classPrivateFieldGet(this, _AbstractChatCompletionRunner_instances, "m", _AbstractChatCompletionRunner_getFinalFunctionCall).call(this);
        if (finalFunctionCall)
            this._emit('finalFunctionCall', finalFunctionCall);
        const finalFunctionCallResult = __classPrivateFieldGet(this, _AbstractChatCompletionRunner_instances, "m", _AbstractChatCompletionRunner_getFinalFunctionCallResult).call(this);
        if (finalFunctionCallResult != null)
            this._emit('finalFunctionCallResult', finalFunctionCallResult);
        if (this._chatCompletions.some((c) => c.usage)) {
            this._emit('totalUsage', __classPrivateFieldGet(this, _AbstractChatCompletionRunner_instances, "m", _AbstractChatCompletionRunner_calculateTotalUsage).call(this));
        }
    }
    async _createChatCompletion(client, params, options) {
        const signal = options?.signal;
        if (signal) {
            if (signal.aborted)
                this.controller.abort();
            signal.addEventListener('abort', () => this.controller.abort());
        }
        __classPrivateFieldGet(this, _AbstractChatCompletionRunner_instances, "m", _AbstractChatCompletionRunner_validateParams).call(this, params);
        const chatCompletion = await client.chat.completions.create({ ...params, stream: false }, { ...options, signal: this.controller.signal });
        this._connected();
        return this._addChatCompletion((0,_lib_parser_mjs__WEBPACK_IMPORTED_MODULE_3__.parseChatCompletion)(chatCompletion, params));
    }
    async _runChatCompletion(client, params, options) {
        for (const message of params.messages) {
            this._addMessage(message, false);
        }
        return await this._createChatCompletion(client, params, options);
    }
    async _runFunctions(client, params, options) {
        const role = 'function';
        const { function_call = 'auto', stream, ...restParams } = params;
        const singleFunctionToCall = typeof function_call !== 'string' && function_call?.name;
        const { maxChatCompletions = DEFAULT_MAX_CHAT_COMPLETIONS } = options || {};
        const functionsByName = {};
        for (const f of params.functions) {
            functionsByName[f.name || f.function.name] = f;
        }
        const functions = params.functions.map((f) => ({
            name: f.name || f.function.name,
            parameters: f.parameters,
            description: f.description,
        }));
        for (const message of params.messages) {
            this._addMessage(message, false);
        }
        for (let i = 0; i < maxChatCompletions; ++i) {
            const chatCompletion = await this._createChatCompletion(client, {
                ...restParams,
                function_call,
                functions,
                messages: [...this.messages],
            }, options);
            const message = chatCompletion.choices[0]?.message;
            if (!message) {
                throw new _error_mjs__WEBPACK_IMPORTED_MODULE_2__.OpenAIError(`missing message in ChatCompletion response`);
            }
            if (!message.function_call)
                return;
            const { name, arguments: args } = message.function_call;
            const fn = functionsByName[name];
            if (!fn) {
                const content = `Invalid function_call: ${JSON.stringify(name)}. Available options are: ${functions
                    .map((f) => JSON.stringify(f.name))
                    .join(', ')}. Please try again`;
                this._addMessage({ role, name, content });
                continue;
            }
            else if (singleFunctionToCall && singleFunctionToCall !== name) {
                const content = `Invalid function_call: ${JSON.stringify(name)}. ${JSON.stringify(singleFunctionToCall)} requested. Please try again`;
                this._addMessage({ role, name, content });
                continue;
            }
            let parsed;
            try {
                parsed = (0,_RunnableFunction_mjs__WEBPACK_IMPORTED_MODULE_4__.isRunnableFunctionWithParse)(fn) ? await fn.parse(args) : args;
            }
            catch (error) {
                this._addMessage({
                    role,
                    name,
                    content: error instanceof Error ? error.message : String(error),
                });
                continue;
            }
            // @ts-expect-error it can't rule out `never` type.
            const rawContent = await fn.function(parsed, this);
            const content = __classPrivateFieldGet(this, _AbstractChatCompletionRunner_instances, "m", _AbstractChatCompletionRunner_stringifyFunctionCallResult).call(this, rawContent);
            this._addMessage({ role, name, content });
            if (singleFunctionToCall)
                return;
        }
    }
    async _runTools(client, params, options) {
        const role = 'tool';
        const { tool_choice = 'auto', stream, ...restParams } = params;
        const singleFunctionToCall = typeof tool_choice !== 'string' && tool_choice?.function?.name;
        const { maxChatCompletions = DEFAULT_MAX_CHAT_COMPLETIONS } = options || {};
        // TODO(someday): clean this logic up
        const inputTools = params.tools.map((tool) => {
            if ((0,_lib_parser_mjs__WEBPACK_IMPORTED_MODULE_3__.isAutoParsableTool)(tool)) {
                if (!tool.$callback) {
                    throw new _error_mjs__WEBPACK_IMPORTED_MODULE_2__.OpenAIError('Tool given to `.runTools()` that does not have an associated function');
                }
                return {
                    type: 'function',
                    function: {
                        function: tool.$callback,
                        name: tool.function.name,
                        description: tool.function.description || '',
                        parameters: tool.function.parameters,
                        parse: tool.$parseRaw,
                        strict: true,
                    },
                };
            }
            return tool;
        });
        const functionsByName = {};
        for (const f of inputTools) {
            if (f.type === 'function') {
                functionsByName[f.function.name || f.function.function.name] = f.function;
            }
        }
        const tools = 'tools' in params ?
            inputTools.map((t) => t.type === 'function' ?
                {
                    type: 'function',
                    function: {
                        name: t.function.name || t.function.function.name,
                        parameters: t.function.parameters,
                        description: t.function.description,
                        strict: t.function.strict,
                    },
                }
                : t)
            : undefined;
        for (const message of params.messages) {
            this._addMessage(message, false);
        }
        for (let i = 0; i < maxChatCompletions; ++i) {
            const chatCompletion = await this._createChatCompletion(client, {
                ...restParams,
                tool_choice,
                tools,
                messages: [...this.messages],
            }, options);
            const message = chatCompletion.choices[0]?.message;
            if (!message) {
                throw new _error_mjs__WEBPACK_IMPORTED_MODULE_2__.OpenAIError(`missing message in ChatCompletion response`);
            }
            if (!message.tool_calls?.length) {
                return;
            }
            for (const tool_call of message.tool_calls) {
                if (tool_call.type !== 'function')
                    continue;
                const tool_call_id = tool_call.id;
                const { name, arguments: args } = tool_call.function;
                const fn = functionsByName[name];
                if (!fn) {
                    const content = `Invalid tool_call: ${JSON.stringify(name)}. Available options are: ${Object.keys(functionsByName)
                        .map((name) => JSON.stringify(name))
                        .join(', ')}. Please try again`;
                    this._addMessage({ role, tool_call_id, content });
                    continue;
                }
                else if (singleFunctionToCall && singleFunctionToCall !== name) {
                    const content = `Invalid tool_call: ${JSON.stringify(name)}. ${JSON.stringify(singleFunctionToCall)} requested. Please try again`;
                    this._addMessage({ role, tool_call_id, content });
                    continue;
                }
                let parsed;
                try {
                    parsed = (0,_RunnableFunction_mjs__WEBPACK_IMPORTED_MODULE_4__.isRunnableFunctionWithParse)(fn) ? await fn.parse(args) : args;
                }
                catch (error) {
                    const content = error instanceof Error ? error.message : String(error);
                    this._addMessage({ role, tool_call_id, content });
                    continue;
                }
                // @ts-expect-error it can't rule out `never` type.
                const rawContent = await fn.function(parsed, this);
                const content = __classPrivateFieldGet(this, _AbstractChatCompletionRunner_instances, "m", _AbstractChatCompletionRunner_stringifyFunctionCallResult).call(this, rawContent);
                this._addMessage({ role, tool_call_id, content });
                if (singleFunctionToCall) {
                    return;
                }
            }
        }
        return;
    }
}
_AbstractChatCompletionRunner_instances = new WeakSet(), _AbstractChatCompletionRunner_getFinalContent = function _AbstractChatCompletionRunner_getFinalContent() {
    return __classPrivateFieldGet(this, _AbstractChatCompletionRunner_instances, "m", _AbstractChatCompletionRunner_getFinalMessage).call(this).content ?? null;
}, _AbstractChatCompletionRunner_getFinalMessage = function _AbstractChatCompletionRunner_getFinalMessage() {
    let i = this.messages.length;
    while (i-- > 0) {
        const message = this.messages[i];
        if ((0,_chatCompletionUtils_mjs__WEBPACK_IMPORTED_MODULE_1__.isAssistantMessage)(message)) {
            const { function_call, ...rest } = message;
            // TODO: support audio here
            const ret = {
                ...rest,
                content: message.content ?? null,
                refusal: message.refusal ?? null,
            };
            if (function_call) {
                ret.function_call = function_call;
            }
            return ret;
        }
    }
    throw new _error_mjs__WEBPACK_IMPORTED_MODULE_2__.OpenAIError('stream ended without producing a ChatCompletionMessage with role=assistant');
}, _AbstractChatCompletionRunner_getFinalFunctionCall = function _AbstractChatCompletionRunner_getFinalFunctionCall() {
    for (let i = this.messages.length - 1; i >= 0; i--) {
        const message = this.messages[i];
        if ((0,_chatCompletionUtils_mjs__WEBPACK_IMPORTED_MODULE_1__.isAssistantMessage)(message) && message?.function_call) {
            return message.function_call;
        }
        if ((0,_chatCompletionUtils_mjs__WEBPACK_IMPORTED_MODULE_1__.isAssistantMessage)(message) && message?.tool_calls?.length) {
            return message.tool_calls.at(-1)?.function;
        }
    }
    return;
}, _AbstractChatCompletionRunner_getFinalFunctionCallResult = function _AbstractChatCompletionRunner_getFinalFunctionCallResult() {
    for (let i = this.messages.length - 1; i >= 0; i--) {
        const message = this.messages[i];
        if ((0,_chatCompletionUtils_mjs__WEBPACK_IMPORTED_MODULE_1__.isFunctionMessage)(message) && message.content != null) {
            return message.content;
        }
        if ((0,_chatCompletionUtils_mjs__WEBPACK_IMPORTED_MODULE_1__.isToolMessage)(message) &&
            message.content != null &&
            typeof message.content === 'string' &&
            this.messages.some((x) => x.role === 'assistant' &&
                x.tool_calls?.some((y) => y.type === 'function' && y.id === message.tool_call_id))) {
            return message.content;
        }
    }
    return;
}, _AbstractChatCompletionRunner_calculateTotalUsage = function _AbstractChatCompletionRunner_calculateTotalUsage() {
    const total = {
        completion_tokens: 0,
        prompt_tokens: 0,
        total_tokens: 0,
    };
    for (const { usage } of this._chatCompletions) {
        if (usage) {
            total.completion_tokens += usage.completion_tokens;
            total.prompt_tokens += usage.prompt_tokens;
            total.total_tokens += usage.total_tokens;
        }
    }
    return total;
}, _AbstractChatCompletionRunner_validateParams = function _AbstractChatCompletionRunner_validateParams(params) {
    if (params.n != null && params.n > 1) {
        throw new _error_mjs__WEBPACK_IMPORTED_MODULE_2__.OpenAIError('ChatCompletion convenience helpers only support n=1 at this time. To use n>1, please use chat.completions.create() directly.');
    }
}, _AbstractChatCompletionRunner_stringifyFunctionCallResult = function _AbstractChatCompletionRunner_stringifyFunctionCallResult(rawContent) {
    return (typeof rawContent === 'string' ? rawContent
        : rawContent === undefined ? 'undefined'
            : JSON.stringify(rawContent));
};
//# sourceMappingURL=AbstractChatCompletionRunner.mjs.map

/***/ }),

/***/ "./node_modules/openai/lib/AssistantStream.mjs":
/*!*****************************************************!*\
  !*** ./node_modules/openai/lib/AssistantStream.mjs ***!
  \*****************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   AssistantStream: () => (/* binding */ AssistantStream)
/* harmony export */ });
/* harmony import */ var _core_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../core.mjs */ "./node_modules/openai/core.mjs");
/* harmony import */ var _streaming_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../streaming.mjs */ "./node_modules/openai/streaming.mjs");
/* harmony import */ var _error_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../error.mjs */ "./node_modules/openai/error.mjs");
/* harmony import */ var _EventStream_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./EventStream.mjs */ "./node_modules/openai/lib/EventStream.mjs");
var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
};
var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
    if (kind === "m") throw new TypeError("Private method is not writable");
    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
};
var _AssistantStream_instances, _AssistantStream_events, _AssistantStream_runStepSnapshots, _AssistantStream_messageSnapshots, _AssistantStream_messageSnapshot, _AssistantStream_finalRun, _AssistantStream_currentContentIndex, _AssistantStream_currentContent, _AssistantStream_currentToolCallIndex, _AssistantStream_currentToolCall, _AssistantStream_currentEvent, _AssistantStream_currentRunSnapshot, _AssistantStream_currentRunStepSnapshot, _AssistantStream_addEvent, _AssistantStream_endRequest, _AssistantStream_handleMessage, _AssistantStream_handleRunStep, _AssistantStream_handleEvent, _AssistantStream_accumulateRunStep, _AssistantStream_accumulateMessage, _AssistantStream_accumulateContent, _AssistantStream_handleRun;




class AssistantStream extends _EventStream_mjs__WEBPACK_IMPORTED_MODULE_0__.EventStream {
    constructor() {
        super(...arguments);
        _AssistantStream_instances.add(this);
        //Track all events in a single list for reference
        _AssistantStream_events.set(this, []);
        //Used to accumulate deltas
        //We are accumulating many types so the value here is not strict
        _AssistantStream_runStepSnapshots.set(this, {});
        _AssistantStream_messageSnapshots.set(this, {});
        _AssistantStream_messageSnapshot.set(this, void 0);
        _AssistantStream_finalRun.set(this, void 0);
        _AssistantStream_currentContentIndex.set(this, void 0);
        _AssistantStream_currentContent.set(this, void 0);
        _AssistantStream_currentToolCallIndex.set(this, void 0);
        _AssistantStream_currentToolCall.set(this, void 0);
        //For current snapshot methods
        _AssistantStream_currentEvent.set(this, void 0);
        _AssistantStream_currentRunSnapshot.set(this, void 0);
        _AssistantStream_currentRunStepSnapshot.set(this, void 0);
    }
    [(_AssistantStream_events = new WeakMap(), _AssistantStream_runStepSnapshots = new WeakMap(), _AssistantStream_messageSnapshots = new WeakMap(), _AssistantStream_messageSnapshot = new WeakMap(), _AssistantStream_finalRun = new WeakMap(), _AssistantStream_currentContentIndex = new WeakMap(), _AssistantStream_currentContent = new WeakMap(), _AssistantStream_currentToolCallIndex = new WeakMap(), _AssistantStream_currentToolCall = new WeakMap(), _AssistantStream_currentEvent = new WeakMap(), _AssistantStream_currentRunSnapshot = new WeakMap(), _AssistantStream_currentRunStepSnapshot = new WeakMap(), _AssistantStream_instances = new WeakSet(), Symbol.asyncIterator)]() {
        const pushQueue = [];
        const readQueue = [];
        let done = false;
        //Catch all for passing along all events
        this.on('event', (event) => {
            const reader = readQueue.shift();
            if (reader) {
                reader.resolve(event);
            }
            else {
                pushQueue.push(event);
            }
        });
        this.on('end', () => {
            done = true;
            for (const reader of readQueue) {
                reader.resolve(undefined);
            }
            readQueue.length = 0;
        });
        this.on('abort', (err) => {
            done = true;
            for (const reader of readQueue) {
                reader.reject(err);
            }
            readQueue.length = 0;
        });
        this.on('error', (err) => {
            done = true;
            for (const reader of readQueue) {
                reader.reject(err);
            }
            readQueue.length = 0;
        });
        return {
            next: async () => {
                if (!pushQueue.length) {
                    if (done) {
                        return { value: undefined, done: true };
                    }
                    return new Promise((resolve, reject) => readQueue.push({ resolve, reject })).then((chunk) => (chunk ? { value: chunk, done: false } : { value: undefined, done: true }));
                }
                const chunk = pushQueue.shift();
                return { value: chunk, done: false };
            },
            return: async () => {
                this.abort();
                return { value: undefined, done: true };
            },
        };
    }
    static fromReadableStream(stream) {
        const runner = new AssistantStream();
        runner._run(() => runner._fromReadableStream(stream));
        return runner;
    }
    async _fromReadableStream(readableStream, options) {
        const signal = options?.signal;
        if (signal) {
            if (signal.aborted)
                this.controller.abort();
            signal.addEventListener('abort', () => this.controller.abort());
        }
        this._connected();
        const stream = _streaming_mjs__WEBPACK_IMPORTED_MODULE_1__.Stream.fromReadableStream(readableStream, this.controller);
        for await (const event of stream) {
            __classPrivateFieldGet(this, _AssistantStream_instances, "m", _AssistantStream_addEvent).call(this, event);
        }
        if (stream.controller.signal?.aborted) {
            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_2__.APIUserAbortError();
        }
        return this._addRun(__classPrivateFieldGet(this, _AssistantStream_instances, "m", _AssistantStream_endRequest).call(this));
    }
    toReadableStream() {
        const stream = new _streaming_mjs__WEBPACK_IMPORTED_MODULE_1__.Stream(this[Symbol.asyncIterator].bind(this), this.controller);
        return stream.toReadableStream();
    }
    static createToolAssistantStream(threadId, runId, runs, params, options) {
        const runner = new AssistantStream();
        runner._run(() => runner._runToolAssistantStream(threadId, runId, runs, params, {
            ...options,
            headers: { ...options?.headers, 'X-Stainless-Helper-Method': 'stream' },
        }));
        return runner;
    }
    async _createToolAssistantStream(run, threadId, runId, params, options) {
        const signal = options?.signal;
        if (signal) {
            if (signal.aborted)
                this.controller.abort();
            signal.addEventListener('abort', () => this.controller.abort());
        }
        const body = { ...params, stream: true };
        const stream = await run.submitToolOutputs(threadId, runId, body, {
            ...options,
            signal: this.controller.signal,
        });
        this._connected();
        for await (const event of stream) {
            __classPrivateFieldGet(this, _AssistantStream_instances, "m", _AssistantStream_addEvent).call(this, event);
        }
        if (stream.controller.signal?.aborted) {
            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_2__.APIUserAbortError();
        }
        return this._addRun(__classPrivateFieldGet(this, _AssistantStream_instances, "m", _AssistantStream_endRequest).call(this));
    }
    static createThreadAssistantStream(params, thread, options) {
        const runner = new AssistantStream();
        runner._run(() => runner._threadAssistantStream(params, thread, {
            ...options,
            headers: { ...options?.headers, 'X-Stainless-Helper-Method': 'stream' },
        }));
        return runner;
    }
    static createAssistantStream(threadId, runs, params, options) {
        const runner = new AssistantStream();
        runner._run(() => runner._runAssistantStream(threadId, runs, params, {
            ...options,
            headers: { ...options?.headers, 'X-Stainless-Helper-Method': 'stream' },
        }));
        return runner;
    }
    currentEvent() {
        return __classPrivateFieldGet(this, _AssistantStream_currentEvent, "f");
    }
    currentRun() {
        return __classPrivateFieldGet(this, _AssistantStream_currentRunSnapshot, "f");
    }
    currentMessageSnapshot() {
        return __classPrivateFieldGet(this, _AssistantStream_messageSnapshot, "f");
    }
    currentRunStepSnapshot() {
        return __classPrivateFieldGet(this, _AssistantStream_currentRunStepSnapshot, "f");
    }
    async finalRunSteps() {
        await this.done();
        return Object.values(__classPrivateFieldGet(this, _AssistantStream_runStepSnapshots, "f"));
    }
    async finalMessages() {
        await this.done();
        return Object.values(__classPrivateFieldGet(this, _AssistantStream_messageSnapshots, "f"));
    }
    async finalRun() {
        await this.done();
        if (!__classPrivateFieldGet(this, _AssistantStream_finalRun, "f"))
            throw Error('Final run was not received.');
        return __classPrivateFieldGet(this, _AssistantStream_finalRun, "f");
    }
    async _createThreadAssistantStream(thread, params, options) {
        const signal = options?.signal;
        if (signal) {
            if (signal.aborted)
                this.controller.abort();
            signal.addEventListener('abort', () => this.controller.abort());
        }
        const body = { ...params, stream: true };
        const stream = await thread.createAndRun(body, { ...options, signal: this.controller.signal });
        this._connected();
        for await (const event of stream) {
            __classPrivateFieldGet(this, _AssistantStream_instances, "m", _AssistantStream_addEvent).call(this, event);
        }
        if (stream.controller.signal?.aborted) {
            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_2__.APIUserAbortError();
        }
        return this._addRun(__classPrivateFieldGet(this, _AssistantStream_instances, "m", _AssistantStream_endRequest).call(this));
    }
    async _createAssistantStream(run, threadId, params, options) {
        const signal = options?.signal;
        if (signal) {
            if (signal.aborted)
                this.controller.abort();
            signal.addEventListener('abort', () => this.controller.abort());
        }
        const body = { ...params, stream: true };
        const stream = await run.create(threadId, body, { ...options, signal: this.controller.signal });
        this._connected();
        for await (const event of stream) {
            __classPrivateFieldGet(this, _AssistantStream_instances, "m", _AssistantStream_addEvent).call(this, event);
        }
        if (stream.controller.signal?.aborted) {
            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_2__.APIUserAbortError();
        }
        return this._addRun(__classPrivateFieldGet(this, _AssistantStream_instances, "m", _AssistantStream_endRequest).call(this));
    }
    static accumulateDelta(acc, delta) {
        for (const [key, deltaValue] of Object.entries(delta)) {
            if (!acc.hasOwnProperty(key)) {
                acc[key] = deltaValue;
                continue;
            }
            let accValue = acc[key];
            if (accValue === null || accValue === undefined) {
                acc[key] = deltaValue;
                continue;
            }
            // We don't accumulate these special properties
            if (key === 'index' || key === 'type') {
                acc[key] = deltaValue;
                continue;
            }
            // Type-specific accumulation logic
            if (typeof accValue === 'string' && typeof deltaValue === 'string') {
                accValue += deltaValue;
            }
            else if (typeof accValue === 'number' && typeof deltaValue === 'number') {
                accValue += deltaValue;
            }
            else if (_core_mjs__WEBPACK_IMPORTED_MODULE_3__.isObj(accValue) && _core_mjs__WEBPACK_IMPORTED_MODULE_3__.isObj(deltaValue)) {
                accValue = this.accumulateDelta(accValue, deltaValue);
            }
            else if (Array.isArray(accValue) && Array.isArray(deltaValue)) {
                if (accValue.every((x) => typeof x === 'string' || typeof x === 'number')) {
                    accValue.push(...deltaValue); // Use spread syntax for efficient addition
                    continue;
                }
                for (const deltaEntry of deltaValue) {
                    if (!_core_mjs__WEBPACK_IMPORTED_MODULE_3__.isObj(deltaEntry)) {
                        throw new Error(`Expected array delta entry to be an object but got: ${deltaEntry}`);
                    }
                    const index = deltaEntry['index'];
                    if (index == null) {
                        console.error(deltaEntry);
                        throw new Error('Expected array delta entry to have an `index` property');
                    }
                    if (typeof index !== 'number') {
                        throw new Error(`Expected array delta entry \`index\` property to be a number but got ${index}`);
                    }
                    const accEntry = accValue[index];
                    if (accEntry == null) {
                        accValue.push(deltaEntry);
                    }
                    else {
                        accValue[index] = this.accumulateDelta(accEntry, deltaEntry);
                    }
                }
                continue;
            }
            else {
                throw Error(`Unhandled record type: ${key}, deltaValue: ${deltaValue}, accValue: ${accValue}`);
            }
            acc[key] = accValue;
        }
        return acc;
    }
    _addRun(run) {
        return run;
    }
    async _threadAssistantStream(params, thread, options) {
        return await this._createThreadAssistantStream(thread, params, options);
    }
    async _runAssistantStream(threadId, runs, params, options) {
        return await this._createAssistantStream(runs, threadId, params, options);
    }
    async _runToolAssistantStream(threadId, runId, runs, params, options) {
        return await this._createToolAssistantStream(runs, threadId, runId, params, options);
    }
}
_AssistantStream_addEvent = function _AssistantStream_addEvent(event) {
    if (this.ended)
        return;
    __classPrivateFieldSet(this, _AssistantStream_currentEvent, event, "f");
    __classPrivateFieldGet(this, _AssistantStream_instances, "m", _AssistantStream_handleEvent).call(this, event);
    switch (event.event) {
        case 'thread.created':
            //No action on this event.
            break;
        case 'thread.run.created':
        case 'thread.run.queued':
        case 'thread.run.in_progress':
        case 'thread.run.requires_action':
        case 'thread.run.completed':
        case 'thread.run.failed':
        case 'thread.run.cancelling':
        case 'thread.run.cancelled':
        case 'thread.run.expired':
            __classPrivateFieldGet(this, _AssistantStream_instances, "m", _AssistantStream_handleRun).call(this, event);
            break;
        case 'thread.run.step.created':
        case 'thread.run.step.in_progress':
        case 'thread.run.step.delta':
        case 'thread.run.step.completed':
        case 'thread.run.step.failed':
        case 'thread.run.step.cancelled':
        case 'thread.run.step.expired':
            __classPrivateFieldGet(this, _AssistantStream_instances, "m", _AssistantStream_handleRunStep).call(this, event);
            break;
        case 'thread.message.created':
        case 'thread.message.in_progress':
        case 'thread.message.delta':
        case 'thread.message.completed':
        case 'thread.message.incomplete':
            __classPrivateFieldGet(this, _AssistantStream_instances, "m", _AssistantStream_handleMessage).call(this, event);
            break;
        case 'error':
            //This is included for completeness, but errors are processed in the SSE event processing so this should not occur
            throw new Error('Encountered an error event in event processing - errors should be processed earlier');
    }
}, _AssistantStream_endRequest = function _AssistantStream_endRequest() {
    if (this.ended) {
        throw new _error_mjs__WEBPACK_IMPORTED_MODULE_2__.OpenAIError(`stream has ended, this shouldn't happen`);
    }
    if (!__classPrivateFieldGet(this, _AssistantStream_finalRun, "f"))
        throw Error('Final run has not been received');
    return __classPrivateFieldGet(this, _AssistantStream_finalRun, "f");
}, _AssistantStream_handleMessage = function _AssistantStream_handleMessage(event) {
    const [accumulatedMessage, newContent] = __classPrivateFieldGet(this, _AssistantStream_instances, "m", _AssistantStream_accumulateMessage).call(this, event, __classPrivateFieldGet(this, _AssistantStream_messageSnapshot, "f"));
    __classPrivateFieldSet(this, _AssistantStream_messageSnapshot, accumulatedMessage, "f");
    __classPrivateFieldGet(this, _AssistantStream_messageSnapshots, "f")[accumulatedMessage.id] = accumulatedMessage;
    for (const content of newContent) {
        const snapshotContent = accumulatedMessage.content[content.index];
        if (snapshotContent?.type == 'text') {
            this._emit('textCreated', snapshotContent.text);
        }
    }
    switch (event.event) {
        case 'thread.message.created':
            this._emit('messageCreated', event.data);
            break;
        case 'thread.message.in_progress':
            break;
        case 'thread.message.delta':
            this._emit('messageDelta', event.data.delta, accumulatedMessage);
            if (event.data.delta.content) {
                for (const content of event.data.delta.content) {
                    //If it is text delta, emit a text delta event
                    if (content.type == 'text' && content.text) {
                        let textDelta = content.text;
                        let snapshot = accumulatedMessage.content[content.index];
                        if (snapshot && snapshot.type == 'text') {
                            this._emit('textDelta', textDelta, snapshot.text);
                        }
                        else {
                            throw Error('The snapshot associated with this text delta is not text or missing');
                        }
                    }
                    if (content.index != __classPrivateFieldGet(this, _AssistantStream_currentContentIndex, "f")) {
                        //See if we have in progress content
                        if (__classPrivateFieldGet(this, _AssistantStream_currentContent, "f")) {
                            switch (__classPrivateFieldGet(this, _AssistantStream_currentContent, "f").type) {
                                case 'text':
                                    this._emit('textDone', __classPrivateFieldGet(this, _AssistantStream_currentContent, "f").text, __classPrivateFieldGet(this, _AssistantStream_messageSnapshot, "f"));
                                    break;
                                case 'image_file':
                                    this._emit('imageFileDone', __classPrivateFieldGet(this, _AssistantStream_currentContent, "f").image_file, __classPrivateFieldGet(this, _AssistantStream_messageSnapshot, "f"));
                                    break;
                            }
                        }
                        __classPrivateFieldSet(this, _AssistantStream_currentContentIndex, content.index, "f");
                    }
                    __classPrivateFieldSet(this, _AssistantStream_currentContent, accumulatedMessage.content[content.index], "f");
                }
            }
            break;
        case 'thread.message.completed':
        case 'thread.message.incomplete':
            //We emit the latest content we were working on on completion (including incomplete)
            if (__classPrivateFieldGet(this, _AssistantStream_currentContentIndex, "f") !== undefined) {
                const currentContent = event.data.content[__classPrivateFieldGet(this, _AssistantStream_currentContentIndex, "f")];
                if (currentContent) {
                    switch (currentContent.type) {
                        case 'image_file':
                            this._emit('imageFileDone', currentContent.image_file, __classPrivateFieldGet(this, _AssistantStream_messageSnapshot, "f"));
                            break;
                        case 'text':
                            this._emit('textDone', currentContent.text, __classPrivateFieldGet(this, _AssistantStream_messageSnapshot, "f"));
                            break;
                    }
                }
            }
            if (__classPrivateFieldGet(this, _AssistantStream_messageSnapshot, "f")) {
                this._emit('messageDone', event.data);
            }
            __classPrivateFieldSet(this, _AssistantStream_messageSnapshot, undefined, "f");
    }
}, _AssistantStream_handleRunStep = function _AssistantStream_handleRunStep(event) {
    const accumulatedRunStep = __classPrivateFieldGet(this, _AssistantStream_instances, "m", _AssistantStream_accumulateRunStep).call(this, event);
    __classPrivateFieldSet(this, _AssistantStream_currentRunStepSnapshot, accumulatedRunStep, "f");
    switch (event.event) {
        case 'thread.run.step.created':
            this._emit('runStepCreated', event.data);
            break;
        case 'thread.run.step.delta':
            const delta = event.data.delta;
            if (delta.step_details &&
                delta.step_details.type == 'tool_calls' &&
                delta.step_details.tool_calls &&
                accumulatedRunStep.step_details.type == 'tool_calls') {
                for (const toolCall of delta.step_details.tool_calls) {
                    if (toolCall.index == __classPrivateFieldGet(this, _AssistantStream_currentToolCallIndex, "f")) {
                        this._emit('toolCallDelta', toolCall, accumulatedRunStep.step_details.tool_calls[toolCall.index]);
                    }
                    else {
                        if (__classPrivateFieldGet(this, _AssistantStream_currentToolCall, "f")) {
                            this._emit('toolCallDone', __classPrivateFieldGet(this, _AssistantStream_currentToolCall, "f"));
                        }
                        __classPrivateFieldSet(this, _AssistantStream_currentToolCallIndex, toolCall.index, "f");
                        __classPrivateFieldSet(this, _AssistantStream_currentToolCall, accumulatedRunStep.step_details.tool_calls[toolCall.index], "f");
                        if (__classPrivateFieldGet(this, _AssistantStream_currentToolCall, "f"))
                            this._emit('toolCallCreated', __classPrivateFieldGet(this, _AssistantStream_currentToolCall, "f"));
                    }
                }
            }
            this._emit('runStepDelta', event.data.delta, accumulatedRunStep);
            break;
        case 'thread.run.step.completed':
        case 'thread.run.step.failed':
        case 'thread.run.step.cancelled':
        case 'thread.run.step.expired':
            __classPrivateFieldSet(this, _AssistantStream_currentRunStepSnapshot, undefined, "f");
            const details = event.data.step_details;
            if (details.type == 'tool_calls') {
                if (__classPrivateFieldGet(this, _AssistantStream_currentToolCall, "f")) {
                    this._emit('toolCallDone', __classPrivateFieldGet(this, _AssistantStream_currentToolCall, "f"));
                    __classPrivateFieldSet(this, _AssistantStream_currentToolCall, undefined, "f");
                }
            }
            this._emit('runStepDone', event.data, accumulatedRunStep);
            break;
        case 'thread.run.step.in_progress':
            break;
    }
}, _AssistantStream_handleEvent = function _AssistantStream_handleEvent(event) {
    __classPrivateFieldGet(this, _AssistantStream_events, "f").push(event);
    this._emit('event', event);
}, _AssistantStream_accumulateRunStep = function _AssistantStream_accumulateRunStep(event) {
    switch (event.event) {
        case 'thread.run.step.created':
            __classPrivateFieldGet(this, _AssistantStream_runStepSnapshots, "f")[event.data.id] = event.data;
            return event.data;
        case 'thread.run.step.delta':
            let snapshot = __classPrivateFieldGet(this, _AssistantStream_runStepSnapshots, "f")[event.data.id];
            if (!snapshot) {
                throw Error('Received a RunStepDelta before creation of a snapshot');
            }
            let data = event.data;
            if (data.delta) {
                const accumulated = AssistantStream.accumulateDelta(snapshot, data.delta);
                __classPrivateFieldGet(this, _AssistantStream_runStepSnapshots, "f")[event.data.id] = accumulated;
            }
            return __classPrivateFieldGet(this, _AssistantStream_runStepSnapshots, "f")[event.data.id];
        case 'thread.run.step.completed':
        case 'thread.run.step.failed':
        case 'thread.run.step.cancelled':
        case 'thread.run.step.expired':
        case 'thread.run.step.in_progress':
            __classPrivateFieldGet(this, _AssistantStream_runStepSnapshots, "f")[event.data.id] = event.data;
            break;
    }
    if (__classPrivateFieldGet(this, _AssistantStream_runStepSnapshots, "f")[event.data.id])
        return __classPrivateFieldGet(this, _AssistantStream_runStepSnapshots, "f")[event.data.id];
    throw new Error('No snapshot available');
}, _AssistantStream_accumulateMessage = function _AssistantStream_accumulateMessage(event, snapshot) {
    let newContent = [];
    switch (event.event) {
        case 'thread.message.created':
            //On creation the snapshot is just the initial message
            return [event.data, newContent];
        case 'thread.message.delta':
            if (!snapshot) {
                throw Error('Received a delta with no existing snapshot (there should be one from message creation)');
            }
            let data = event.data;
            //If this delta does not have content, nothing to process
            if (data.delta.content) {
                for (const contentElement of data.delta.content) {
                    if (contentElement.index in snapshot.content) {
                        let currentContent = snapshot.content[contentElement.index];
                        snapshot.content[contentElement.index] = __classPrivateFieldGet(this, _AssistantStream_instances, "m", _AssistantStream_accumulateContent).call(this, contentElement, currentContent);
                    }
                    else {
                        snapshot.content[contentElement.index] = contentElement;
                        // This is a new element
                        newContent.push(contentElement);
                    }
                }
            }
            return [snapshot, newContent];
        case 'thread.message.in_progress':
        case 'thread.message.completed':
        case 'thread.message.incomplete':
            //No changes on other thread events
            if (snapshot) {
                return [snapshot, newContent];
            }
            else {
                throw Error('Received thread message event with no existing snapshot');
            }
    }
    throw Error('Tried to accumulate a non-message event');
}, _AssistantStream_accumulateContent = function _AssistantStream_accumulateContent(contentElement, currentContent) {
    return AssistantStream.accumulateDelta(currentContent, contentElement);
}, _AssistantStream_handleRun = function _AssistantStream_handleRun(event) {
    __classPrivateFieldSet(this, _AssistantStream_currentRunSnapshot, event.data, "f");
    switch (event.event) {
        case 'thread.run.created':
            break;
        case 'thread.run.queued':
            break;
        case 'thread.run.in_progress':
            break;
        case 'thread.run.requires_action':
        case 'thread.run.cancelled':
        case 'thread.run.failed':
        case 'thread.run.completed':
        case 'thread.run.expired':
            __classPrivateFieldSet(this, _AssistantStream_finalRun, event.data, "f");
            if (__classPrivateFieldGet(this, _AssistantStream_currentToolCall, "f")) {
                this._emit('toolCallDone', __classPrivateFieldGet(this, _AssistantStream_currentToolCall, "f"));
                __classPrivateFieldSet(this, _AssistantStream_currentToolCall, undefined, "f");
            }
            break;
        case 'thread.run.cancelling':
            break;
    }
};
//# sourceMappingURL=AssistantStream.mjs.map

/***/ }),

/***/ "./node_modules/openai/lib/ChatCompletionRunner.mjs":
/*!**********************************************************!*\
  !*** ./node_modules/openai/lib/ChatCompletionRunner.mjs ***!
  \**********************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ChatCompletionRunner: () => (/* binding */ ChatCompletionRunner)
/* harmony export */ });
/* harmony import */ var _AbstractChatCompletionRunner_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AbstractChatCompletionRunner.mjs */ "./node_modules/openai/lib/AbstractChatCompletionRunner.mjs");
/* harmony import */ var _chatCompletionUtils_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./chatCompletionUtils.mjs */ "./node_modules/openai/lib/chatCompletionUtils.mjs");


class ChatCompletionRunner extends _AbstractChatCompletionRunner_mjs__WEBPACK_IMPORTED_MODULE_0__.AbstractChatCompletionRunner {
    /** @deprecated - please use `runTools` instead. */
    static runFunctions(client, params, options) {
        const runner = new ChatCompletionRunner();
        const opts = {
            ...options,
            headers: { ...options?.headers, 'X-Stainless-Helper-Method': 'runFunctions' },
        };
        runner._run(() => runner._runFunctions(client, params, opts));
        return runner;
    }
    static runTools(client, params, options) {
        const runner = new ChatCompletionRunner();
        const opts = {
            ...options,
            headers: { ...options?.headers, 'X-Stainless-Helper-Method': 'runTools' },
        };
        runner._run(() => runner._runTools(client, params, opts));
        return runner;
    }
    _addMessage(message, emit = true) {
        super._addMessage(message, emit);
        if ((0,_chatCompletionUtils_mjs__WEBPACK_IMPORTED_MODULE_1__.isAssistantMessage)(message) && message.content) {
            this._emit('content', message.content);
        }
    }
}
//# sourceMappingURL=ChatCompletionRunner.mjs.map

/***/ }),

/***/ "./node_modules/openai/lib/ChatCompletionStream.mjs":
/*!**********************************************************!*\
  !*** ./node_modules/openai/lib/ChatCompletionStream.mjs ***!
  \**********************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ChatCompletionStream: () => (/* binding */ ChatCompletionStream)
/* harmony export */ });
/* harmony import */ var _error_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../error.mjs */ "./node_modules/openai/error.mjs");
/* harmony import */ var _AbstractChatCompletionRunner_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./AbstractChatCompletionRunner.mjs */ "./node_modules/openai/lib/AbstractChatCompletionRunner.mjs");
/* harmony import */ var _streaming_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../streaming.mjs */ "./node_modules/openai/streaming.mjs");
/* harmony import */ var _lib_parser_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../lib/parser.mjs */ "./node_modules/openai/lib/parser.mjs");
/* harmony import */ var _vendor_partial_json_parser_parser_mjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../_vendor/partial-json-parser/parser.mjs */ "./node_modules/openai/_vendor/partial-json-parser/parser.mjs");
var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
    if (kind === "m") throw new TypeError("Private method is not writable");
    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
};
var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
};
var _ChatCompletionStream_instances, _ChatCompletionStream_params, _ChatCompletionStream_choiceEventStates, _ChatCompletionStream_currentChatCompletionSnapshot, _ChatCompletionStream_beginRequest, _ChatCompletionStream_getChoiceEventState, _ChatCompletionStream_addChunk, _ChatCompletionStream_emitToolCallDoneEvent, _ChatCompletionStream_emitContentDoneEvents, _ChatCompletionStream_endRequest, _ChatCompletionStream_getAutoParseableResponseFormat, _ChatCompletionStream_accumulateChatCompletion;





class ChatCompletionStream extends _AbstractChatCompletionRunner_mjs__WEBPACK_IMPORTED_MODULE_0__.AbstractChatCompletionRunner {
    constructor(params) {
        super();
        _ChatCompletionStream_instances.add(this);
        _ChatCompletionStream_params.set(this, void 0);
        _ChatCompletionStream_choiceEventStates.set(this, void 0);
        _ChatCompletionStream_currentChatCompletionSnapshot.set(this, void 0);
        __classPrivateFieldSet(this, _ChatCompletionStream_params, params, "f");
        __classPrivateFieldSet(this, _ChatCompletionStream_choiceEventStates, [], "f");
    }
    get currentChatCompletionSnapshot() {
        return __classPrivateFieldGet(this, _ChatCompletionStream_currentChatCompletionSnapshot, "f");
    }
    /**
     * Intended for use on the frontend, consuming a stream produced with
     * `.toReadableStream()` on the backend.
     *
     * Note that messages sent to the model do not appear in `.on('message')`
     * in this context.
     */
    static fromReadableStream(stream) {
        const runner = new ChatCompletionStream(null);
        runner._run(() => runner._fromReadableStream(stream));
        return runner;
    }
    static createChatCompletion(client, params, options) {
        const runner = new ChatCompletionStream(params);
        runner._run(() => runner._runChatCompletion(client, { ...params, stream: true }, { ...options, headers: { ...options?.headers, 'X-Stainless-Helper-Method': 'stream' } }));
        return runner;
    }
    async _createChatCompletion(client, params, options) {
        super._createChatCompletion;
        const signal = options?.signal;
        if (signal) {
            if (signal.aborted)
                this.controller.abort();
            signal.addEventListener('abort', () => this.controller.abort());
        }
        __classPrivateFieldGet(this, _ChatCompletionStream_instances, "m", _ChatCompletionStream_beginRequest).call(this);
        const stream = await client.chat.completions.create({ ...params, stream: true }, { ...options, signal: this.controller.signal });
        this._connected();
        for await (const chunk of stream) {
            __classPrivateFieldGet(this, _ChatCompletionStream_instances, "m", _ChatCompletionStream_addChunk).call(this, chunk);
        }
        if (stream.controller.signal?.aborted) {
            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_1__.APIUserAbortError();
        }
        return this._addChatCompletion(__classPrivateFieldGet(this, _ChatCompletionStream_instances, "m", _ChatCompletionStream_endRequest).call(this));
    }
    async _fromReadableStream(readableStream, options) {
        const signal = options?.signal;
        if (signal) {
            if (signal.aborted)
                this.controller.abort();
            signal.addEventListener('abort', () => this.controller.abort());
        }
        __classPrivateFieldGet(this, _ChatCompletionStream_instances, "m", _ChatCompletionStream_beginRequest).call(this);
        this._connected();
        const stream = _streaming_mjs__WEBPACK_IMPORTED_MODULE_2__.Stream.fromReadableStream(readableStream, this.controller);
        let chatId;
        for await (const chunk of stream) {
            if (chatId && chatId !== chunk.id) {
                // A new request has been made.
                this._addChatCompletion(__classPrivateFieldGet(this, _ChatCompletionStream_instances, "m", _ChatCompletionStream_endRequest).call(this));
            }
            __classPrivateFieldGet(this, _ChatCompletionStream_instances, "m", _ChatCompletionStream_addChunk).call(this, chunk);
            chatId = chunk.id;
        }
        if (stream.controller.signal?.aborted) {
            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_1__.APIUserAbortError();
        }
        return this._addChatCompletion(__classPrivateFieldGet(this, _ChatCompletionStream_instances, "m", _ChatCompletionStream_endRequest).call(this));
    }
    [(_ChatCompletionStream_params = new WeakMap(), _ChatCompletionStream_choiceEventStates = new WeakMap(), _ChatCompletionStream_currentChatCompletionSnapshot = new WeakMap(), _ChatCompletionStream_instances = new WeakSet(), _ChatCompletionStream_beginRequest = function _ChatCompletionStream_beginRequest() {
        if (this.ended)
            return;
        __classPrivateFieldSet(this, _ChatCompletionStream_currentChatCompletionSnapshot, undefined, "f");
    }, _ChatCompletionStream_getChoiceEventState = function _ChatCompletionStream_getChoiceEventState(choice) {
        let state = __classPrivateFieldGet(this, _ChatCompletionStream_choiceEventStates, "f")[choice.index];
        if (state) {
            return state;
        }
        state = {
            content_done: false,
            refusal_done: false,
            logprobs_content_done: false,
            logprobs_refusal_done: false,
            done_tool_calls: new Set(),
            current_tool_call_index: null,
        };
        __classPrivateFieldGet(this, _ChatCompletionStream_choiceEventStates, "f")[choice.index] = state;
        return state;
    }, _ChatCompletionStream_addChunk = function _ChatCompletionStream_addChunk(chunk) {
        if (this.ended)
            return;
        const completion = __classPrivateFieldGet(this, _ChatCompletionStream_instances, "m", _ChatCompletionStream_accumulateChatCompletion).call(this, chunk);
        this._emit('chunk', chunk, completion);
        for (const choice of chunk.choices) {
            const choiceSnapshot = completion.choices[choice.index];
            if (choice.delta.content != null &&
                choiceSnapshot.message?.role === 'assistant' &&
                choiceSnapshot.message?.content) {
                this._emit('content', choice.delta.content, choiceSnapshot.message.content);
                this._emit('content.delta', {
                    delta: choice.delta.content,
                    snapshot: choiceSnapshot.message.content,
                    parsed: choiceSnapshot.message.parsed,
                });
            }
            if (choice.delta.refusal != null &&
                choiceSnapshot.message?.role === 'assistant' &&
                choiceSnapshot.message?.refusal) {
                this._emit('refusal.delta', {
                    delta: choice.delta.refusal,
                    snapshot: choiceSnapshot.message.refusal,
                });
            }
            if (choice.logprobs?.content != null && choiceSnapshot.message?.role === 'assistant') {
                this._emit('logprobs.content.delta', {
                    content: choice.logprobs?.content,
                    snapshot: choiceSnapshot.logprobs?.content ?? [],
                });
            }
            if (choice.logprobs?.refusal != null && choiceSnapshot.message?.role === 'assistant') {
                this._emit('logprobs.refusal.delta', {
                    refusal: choice.logprobs?.refusal,
                    snapshot: choiceSnapshot.logprobs?.refusal ?? [],
                });
            }
            const state = __classPrivateFieldGet(this, _ChatCompletionStream_instances, "m", _ChatCompletionStream_getChoiceEventState).call(this, choiceSnapshot);
            if (choiceSnapshot.finish_reason) {
                __classPrivateFieldGet(this, _ChatCompletionStream_instances, "m", _ChatCompletionStream_emitContentDoneEvents).call(this, choiceSnapshot);
                if (state.current_tool_call_index != null) {
                    __classPrivateFieldGet(this, _ChatCompletionStream_instances, "m", _ChatCompletionStream_emitToolCallDoneEvent).call(this, choiceSnapshot, state.current_tool_call_index);
                }
            }
            for (const toolCall of choice.delta.tool_calls ?? []) {
                if (state.current_tool_call_index !== toolCall.index) {
                    __classPrivateFieldGet(this, _ChatCompletionStream_instances, "m", _ChatCompletionStream_emitContentDoneEvents).call(this, choiceSnapshot);
                    // new tool call started, the previous one is done
                    if (state.current_tool_call_index != null) {
                        __classPrivateFieldGet(this, _ChatCompletionStream_instances, "m", _ChatCompletionStream_emitToolCallDoneEvent).call(this, choiceSnapshot, state.current_tool_call_index);
                    }
                }
                state.current_tool_call_index = toolCall.index;
            }
            for (const toolCallDelta of choice.delta.tool_calls ?? []) {
                const toolCallSnapshot = choiceSnapshot.message.tool_calls?.[toolCallDelta.index];
                if (!toolCallSnapshot?.type) {
                    continue;
                }
                if (toolCallSnapshot?.type === 'function') {
                    this._emit('tool_calls.function.arguments.delta', {
                        name: toolCallSnapshot.function?.name,
                        index: toolCallDelta.index,
                        arguments: toolCallSnapshot.function.arguments,
                        parsed_arguments: toolCallSnapshot.function.parsed_arguments,
                        arguments_delta: toolCallDelta.function?.arguments ?? '',
                    });
                }
                else {
                    assertNever(toolCallSnapshot?.type);
                }
            }
        }
    }, _ChatCompletionStream_emitToolCallDoneEvent = function _ChatCompletionStream_emitToolCallDoneEvent(choiceSnapshot, toolCallIndex) {
        const state = __classPrivateFieldGet(this, _ChatCompletionStream_instances, "m", _ChatCompletionStream_getChoiceEventState).call(this, choiceSnapshot);
        if (state.done_tool_calls.has(toolCallIndex)) {
            // we've already fired the done event
            return;
        }
        const toolCallSnapshot = choiceSnapshot.message.tool_calls?.[toolCallIndex];
        if (!toolCallSnapshot) {
            throw new Error('no tool call snapshot');
        }
        if (!toolCallSnapshot.type) {
            throw new Error('tool call snapshot missing `type`');
        }
        if (toolCallSnapshot.type === 'function') {
            const inputTool = __classPrivateFieldGet(this, _ChatCompletionStream_params, "f")?.tools?.find((tool) => tool.type === 'function' && tool.function.name === toolCallSnapshot.function.name);
            this._emit('tool_calls.function.arguments.done', {
                name: toolCallSnapshot.function.name,
                index: toolCallIndex,
                arguments: toolCallSnapshot.function.arguments,
                parsed_arguments: (0,_lib_parser_mjs__WEBPACK_IMPORTED_MODULE_3__.isAutoParsableTool)(inputTool) ? inputTool.$parseRaw(toolCallSnapshot.function.arguments)
                    : inputTool?.function.strict ? JSON.parse(toolCallSnapshot.function.arguments)
                        : null,
            });
        }
        else {
            assertNever(toolCallSnapshot.type);
        }
    }, _ChatCompletionStream_emitContentDoneEvents = function _ChatCompletionStream_emitContentDoneEvents(choiceSnapshot) {
        const state = __classPrivateFieldGet(this, _ChatCompletionStream_instances, "m", _ChatCompletionStream_getChoiceEventState).call(this, choiceSnapshot);
        if (choiceSnapshot.message.content && !state.content_done) {
            state.content_done = true;
            const responseFormat = __classPrivateFieldGet(this, _ChatCompletionStream_instances, "m", _ChatCompletionStream_getAutoParseableResponseFormat).call(this);
            this._emit('content.done', {
                content: choiceSnapshot.message.content,
                parsed: responseFormat ? responseFormat.$parseRaw(choiceSnapshot.message.content) : null,
            });
        }
        if (choiceSnapshot.message.refusal && !state.refusal_done) {
            state.refusal_done = true;
            this._emit('refusal.done', { refusal: choiceSnapshot.message.refusal });
        }
        if (choiceSnapshot.logprobs?.content && !state.logprobs_content_done) {
            state.logprobs_content_done = true;
            this._emit('logprobs.content.done', { content: choiceSnapshot.logprobs.content });
        }
        if (choiceSnapshot.logprobs?.refusal && !state.logprobs_refusal_done) {
            state.logprobs_refusal_done = true;
            this._emit('logprobs.refusal.done', { refusal: choiceSnapshot.logprobs.refusal });
        }
    }, _ChatCompletionStream_endRequest = function _ChatCompletionStream_endRequest() {
        if (this.ended) {
            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_1__.OpenAIError(`stream has ended, this shouldn't happen`);
        }
        const snapshot = __classPrivateFieldGet(this, _ChatCompletionStream_currentChatCompletionSnapshot, "f");
        if (!snapshot) {
            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_1__.OpenAIError(`request ended without sending any chunks`);
        }
        __classPrivateFieldSet(this, _ChatCompletionStream_currentChatCompletionSnapshot, undefined, "f");
        __classPrivateFieldSet(this, _ChatCompletionStream_choiceEventStates, [], "f");
        return finalizeChatCompletion(snapshot, __classPrivateFieldGet(this, _ChatCompletionStream_params, "f"));
    }, _ChatCompletionStream_getAutoParseableResponseFormat = function _ChatCompletionStream_getAutoParseableResponseFormat() {
        const responseFormat = __classPrivateFieldGet(this, _ChatCompletionStream_params, "f")?.response_format;
        if ((0,_lib_parser_mjs__WEBPACK_IMPORTED_MODULE_3__.isAutoParsableResponseFormat)(responseFormat)) {
            return responseFormat;
        }
        return null;
    }, _ChatCompletionStream_accumulateChatCompletion = function _ChatCompletionStream_accumulateChatCompletion(chunk) {
        var _a, _b, _c, _d;
        let snapshot = __classPrivateFieldGet(this, _ChatCompletionStream_currentChatCompletionSnapshot, "f");
        const { choices, ...rest } = chunk;
        if (!snapshot) {
            snapshot = __classPrivateFieldSet(this, _ChatCompletionStream_currentChatCompletionSnapshot, {
                ...rest,
                choices: [],
            }, "f");
        }
        else {
            Object.assign(snapshot, rest);
        }
        for (const { delta, finish_reason, index, logprobs = null, ...other } of chunk.choices) {
            let choice = snapshot.choices[index];
            if (!choice) {
                choice = snapshot.choices[index] = { finish_reason, index, message: {}, logprobs, ...other };
            }
            if (logprobs) {
                if (!choice.logprobs) {
                    choice.logprobs = Object.assign({}, logprobs);
                }
                else {
                    const { content, refusal, ...rest } = logprobs;
                    assertIsEmpty(rest);
                    Object.assign(choice.logprobs, rest);
                    if (content) {
                        (_a = choice.logprobs).content ?? (_a.content = []);
                        choice.logprobs.content.push(...content);
                    }
                    if (refusal) {
                        (_b = choice.logprobs).refusal ?? (_b.refusal = []);
                        choice.logprobs.refusal.push(...refusal);
                    }
                }
            }
            if (finish_reason) {
                choice.finish_reason = finish_reason;
                if (__classPrivateFieldGet(this, _ChatCompletionStream_params, "f") && (0,_lib_parser_mjs__WEBPACK_IMPORTED_MODULE_3__.hasAutoParseableInput)(__classPrivateFieldGet(this, _ChatCompletionStream_params, "f"))) {
                    if (finish_reason === 'length') {
                        throw new _error_mjs__WEBPACK_IMPORTED_MODULE_1__.LengthFinishReasonError();
                    }
                    if (finish_reason === 'content_filter') {
                        throw new _error_mjs__WEBPACK_IMPORTED_MODULE_1__.ContentFilterFinishReasonError();
                    }
                }
            }
            Object.assign(choice, other);
            if (!delta)
                continue; // Shouldn't happen; just in case.
            const { content, refusal, function_call, role, tool_calls, ...rest } = delta;
            assertIsEmpty(rest);
            Object.assign(choice.message, rest);
            if (refusal) {
                choice.message.refusal = (choice.message.refusal || '') + refusal;
            }
            if (role)
                choice.message.role = role;
            if (function_call) {
                if (!choice.message.function_call) {
                    choice.message.function_call = function_call;
                }
                else {
                    if (function_call.name)
                        choice.message.function_call.name = function_call.name;
                    if (function_call.arguments) {
                        (_c = choice.message.function_call).arguments ?? (_c.arguments = '');
                        choice.message.function_call.arguments += function_call.arguments;
                    }
                }
            }
            if (content) {
                choice.message.content = (choice.message.content || '') + content;
                if (!choice.message.refusal && __classPrivateFieldGet(this, _ChatCompletionStream_instances, "m", _ChatCompletionStream_getAutoParseableResponseFormat).call(this)) {
                    choice.message.parsed = (0,_vendor_partial_json_parser_parser_mjs__WEBPACK_IMPORTED_MODULE_4__.partialParse)(choice.message.content);
                }
            }
            if (tool_calls) {
                if (!choice.message.tool_calls)
                    choice.message.tool_calls = [];
                for (const { index, id, type, function: fn, ...rest } of tool_calls) {
                    const tool_call = ((_d = choice.message.tool_calls)[index] ?? (_d[index] = {}));
                    Object.assign(tool_call, rest);
                    if (id)
                        tool_call.id = id;
                    if (type)
                        tool_call.type = type;
                    if (fn)
                        tool_call.function ?? (tool_call.function = { name: fn.name ?? '', arguments: '' });
                    if (fn?.name)
                        tool_call.function.name = fn.name;
                    if (fn?.arguments) {
                        tool_call.function.arguments += fn.arguments;
                        if ((0,_lib_parser_mjs__WEBPACK_IMPORTED_MODULE_3__.shouldParseToolCall)(__classPrivateFieldGet(this, _ChatCompletionStream_params, "f"), tool_call)) {
                            tool_call.function.parsed_arguments = (0,_vendor_partial_json_parser_parser_mjs__WEBPACK_IMPORTED_MODULE_4__.partialParse)(tool_call.function.arguments);
                        }
                    }
                }
            }
        }
        return snapshot;
    }, Symbol.asyncIterator)]() {
        const pushQueue = [];
        const readQueue = [];
        let done = false;
        this.on('chunk', (chunk) => {
            const reader = readQueue.shift();
            if (reader) {
                reader.resolve(chunk);
            }
            else {
                pushQueue.push(chunk);
            }
        });
        this.on('end', () => {
            done = true;
            for (const reader of readQueue) {
                reader.resolve(undefined);
            }
            readQueue.length = 0;
        });
        this.on('abort', (err) => {
            done = true;
            for (const reader of readQueue) {
                reader.reject(err);
            }
            readQueue.length = 0;
        });
        this.on('error', (err) => {
            done = true;
            for (const reader of readQueue) {
                reader.reject(err);
            }
            readQueue.length = 0;
        });
        return {
            next: async () => {
                if (!pushQueue.length) {
                    if (done) {
                        return { value: undefined, done: true };
                    }
                    return new Promise((resolve, reject) => readQueue.push({ resolve, reject })).then((chunk) => (chunk ? { value: chunk, done: false } : { value: undefined, done: true }));
                }
                const chunk = pushQueue.shift();
                return { value: chunk, done: false };
            },
            return: async () => {
                this.abort();
                return { value: undefined, done: true };
            },
        };
    }
    toReadableStream() {
        const stream = new _streaming_mjs__WEBPACK_IMPORTED_MODULE_2__.Stream(this[Symbol.asyncIterator].bind(this), this.controller);
        return stream.toReadableStream();
    }
}
function finalizeChatCompletion(snapshot, params) {
    const { id, choices, created, model, system_fingerprint, ...rest } = snapshot;
    const completion = {
        ...rest,
        id,
        choices: choices.map(({ message, finish_reason, index, logprobs, ...choiceRest }) => {
            if (!finish_reason) {
                throw new _error_mjs__WEBPACK_IMPORTED_MODULE_1__.OpenAIError(`missing finish_reason for choice ${index}`);
            }
            const { content = null, function_call, tool_calls, ...messageRest } = message;
            const role = message.role; // this is what we expect; in theory it could be different which would make our types a slight lie but would be fine.
            if (!role) {
                throw new _error_mjs__WEBPACK_IMPORTED_MODULE_1__.OpenAIError(`missing role for choice ${index}`);
            }
            if (function_call) {
                const { arguments: args, name } = function_call;
                if (args == null) {
                    throw new _error_mjs__WEBPACK_IMPORTED_MODULE_1__.OpenAIError(`missing function_call.arguments for choice ${index}`);
                }
                if (!name) {
                    throw new _error_mjs__WEBPACK_IMPORTED_MODULE_1__.OpenAIError(`missing function_call.name for choice ${index}`);
                }
                return {
                    ...choiceRest,
                    message: {
                        content,
                        function_call: { arguments: args, name },
                        role,
                        refusal: message.refusal ?? null,
                    },
                    finish_reason,
                    index,
                    logprobs,
                };
            }
            if (tool_calls) {
                return {
                    ...choiceRest,
                    index,
                    finish_reason,
                    logprobs,
                    message: {
                        ...messageRest,
                        role,
                        content,
                        refusal: message.refusal ?? null,
                        tool_calls: tool_calls.map((tool_call, i) => {
                            const { function: fn, type, id, ...toolRest } = tool_call;
                            const { arguments: args, name, ...fnRest } = fn || {};
                            if (id == null) {
                                throw new _error_mjs__WEBPACK_IMPORTED_MODULE_1__.OpenAIError(`missing choices[${index}].tool_calls[${i}].id\n${str(snapshot)}`);
                            }
                            if (type == null) {
                                throw new _error_mjs__WEBPACK_IMPORTED_MODULE_1__.OpenAIError(`missing choices[${index}].tool_calls[${i}].type\n${str(snapshot)}`);
                            }
                            if (name == null) {
                                throw new _error_mjs__WEBPACK_IMPORTED_MODULE_1__.OpenAIError(`missing choices[${index}].tool_calls[${i}].function.name\n${str(snapshot)}`);
                            }
                            if (args == null) {
                                throw new _error_mjs__WEBPACK_IMPORTED_MODULE_1__.OpenAIError(`missing choices[${index}].tool_calls[${i}].function.arguments\n${str(snapshot)}`);
                            }
                            return { ...toolRest, id, type, function: { ...fnRest, name, arguments: args } };
                        }),
                    },
                };
            }
            return {
                ...choiceRest,
                message: { ...messageRest, content, role, refusal: message.refusal ?? null },
                finish_reason,
                index,
                logprobs,
            };
        }),
        created,
        model,
        object: 'chat.completion',
        ...(system_fingerprint ? { system_fingerprint } : {}),
    };
    return (0,_lib_parser_mjs__WEBPACK_IMPORTED_MODULE_3__.maybeParseChatCompletion)(completion, params);
}
function str(x) {
    return JSON.stringify(x);
}
/**
 * Ensures the given argument is an empty object, useful for
 * asserting that all known properties on an object have been
 * destructured.
 */
function assertIsEmpty(obj) {
    return;
}
function assertNever(_x) { }
//# sourceMappingURL=ChatCompletionStream.mjs.map

/***/ }),

/***/ "./node_modules/openai/lib/ChatCompletionStreamingRunner.mjs":
/*!*******************************************************************!*\
  !*** ./node_modules/openai/lib/ChatCompletionStreamingRunner.mjs ***!
  \*******************************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ChatCompletionStreamingRunner: () => (/* binding */ ChatCompletionStreamingRunner)
/* harmony export */ });
/* harmony import */ var _ChatCompletionStream_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ChatCompletionStream.mjs */ "./node_modules/openai/lib/ChatCompletionStream.mjs");

class ChatCompletionStreamingRunner extends _ChatCompletionStream_mjs__WEBPACK_IMPORTED_MODULE_0__.ChatCompletionStream {
    static fromReadableStream(stream) {
        const runner = new ChatCompletionStreamingRunner(null);
        runner._run(() => runner._fromReadableStream(stream));
        return runner;
    }
    /** @deprecated - please use `runTools` instead. */
    static runFunctions(client, params, options) {
        const runner = new ChatCompletionStreamingRunner(null);
        const opts = {
            ...options,
            headers: { ...options?.headers, 'X-Stainless-Helper-Method': 'runFunctions' },
        };
        runner._run(() => runner._runFunctions(client, params, opts));
        return runner;
    }
    static runTools(client, params, options) {
        const runner = new ChatCompletionStreamingRunner(
        // @ts-expect-error TODO these types are incompatible
        params);
        const opts = {
            ...options,
            headers: { ...options?.headers, 'X-Stainless-Helper-Method': 'runTools' },
        };
        runner._run(() => runner._runTools(client, params, opts));
        return runner;
    }
}
//# sourceMappingURL=ChatCompletionStreamingRunner.mjs.map

/***/ }),

/***/ "./node_modules/openai/lib/EventStream.mjs":
/*!*************************************************!*\
  !*** ./node_modules/openai/lib/EventStream.mjs ***!
  \*************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   EventStream: () => (/* binding */ EventStream)
/* harmony export */ });
/* harmony import */ var _error_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../error.mjs */ "./node_modules/openai/error.mjs");
var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
    if (kind === "m") throw new TypeError("Private method is not writable");
    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
};
var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
};
var _EventStream_instances, _EventStream_connectedPromise, _EventStream_resolveConnectedPromise, _EventStream_rejectConnectedPromise, _EventStream_endPromise, _EventStream_resolveEndPromise, _EventStream_rejectEndPromise, _EventStream_listeners, _EventStream_ended, _EventStream_errored, _EventStream_aborted, _EventStream_catchingPromiseCreated, _EventStream_handleError;

class EventStream {
    constructor() {
        _EventStream_instances.add(this);
        this.controller = new AbortController();
        _EventStream_connectedPromise.set(this, void 0);
        _EventStream_resolveConnectedPromise.set(this, () => { });
        _EventStream_rejectConnectedPromise.set(this, () => { });
        _EventStream_endPromise.set(this, void 0);
        _EventStream_resolveEndPromise.set(this, () => { });
        _EventStream_rejectEndPromise.set(this, () => { });
        _EventStream_listeners.set(this, {});
        _EventStream_ended.set(this, false);
        _EventStream_errored.set(this, false);
        _EventStream_aborted.set(this, false);
        _EventStream_catchingPromiseCreated.set(this, false);
        __classPrivateFieldSet(this, _EventStream_connectedPromise, new Promise((resolve, reject) => {
            __classPrivateFieldSet(this, _EventStream_resolveConnectedPromise, resolve, "f");
            __classPrivateFieldSet(this, _EventStream_rejectConnectedPromise, reject, "f");
        }), "f");
        __classPrivateFieldSet(this, _EventStream_endPromise, new Promise((resolve, reject) => {
            __classPrivateFieldSet(this, _EventStream_resolveEndPromise, resolve, "f");
            __classPrivateFieldSet(this, _EventStream_rejectEndPromise, reject, "f");
        }), "f");
        // Don't let these promises cause unhandled rejection errors.
        // we will manually cause an unhandled rejection error later
        // if the user hasn't registered any error listener or called
        // any promise-returning method.
        __classPrivateFieldGet(this, _EventStream_connectedPromise, "f").catch(() => { });
        __classPrivateFieldGet(this, _EventStream_endPromise, "f").catch(() => { });
    }
    _run(executor) {
        // Unfortunately if we call `executor()` immediately we get runtime errors about
        // references to `this` before the `super()` constructor call returns.
        setTimeout(() => {
            executor().then(() => {
                this._emitFinal();
                this._emit('end');
            }, __classPrivateFieldGet(this, _EventStream_instances, "m", _EventStream_handleError).bind(this));
        }, 0);
    }
    _connected() {
        if (this.ended)
            return;
        __classPrivateFieldGet(this, _EventStream_resolveConnectedPromise, "f").call(this);
        this._emit('connect');
    }
    get ended() {
        return __classPrivateFieldGet(this, _EventStream_ended, "f");
    }
    get errored() {
        return __classPrivateFieldGet(this, _EventStream_errored, "f");
    }
    get aborted() {
        return __classPrivateFieldGet(this, _EventStream_aborted, "f");
    }
    abort() {
        this.controller.abort();
    }
    /**
     * Adds the listener function to the end of the listeners array for the event.
     * No checks are made to see if the listener has already been added. Multiple calls passing
     * the same combination of event and listener will result in the listener being added, and
     * called, multiple times.
     * @returns this ChatCompletionStream, so that calls can be chained
     */
    on(event, listener) {
        const listeners = __classPrivateFieldGet(this, _EventStream_listeners, "f")[event] || (__classPrivateFieldGet(this, _EventStream_listeners, "f")[event] = []);
        listeners.push({ listener });
        return this;
    }
    /**
     * Removes the specified listener from the listener array for the event.
     * off() will remove, at most, one instance of a listener from the listener array. If any single
     * listener has been added multiple times to the listener array for the specified event, then
     * off() must be called multiple times to remove each instance.
     * @returns this ChatCompletionStream, so that calls can be chained
     */
    off(event, listener) {
        const listeners = __classPrivateFieldGet(this, _EventStream_listeners, "f")[event];
        if (!listeners)
            return this;
        const index = listeners.findIndex((l) => l.listener === listener);
        if (index >= 0)
            listeners.splice(index, 1);
        return this;
    }
    /**
     * Adds a one-time listener function for the event. The next time the event is triggered,
     * this listener is removed and then invoked.
     * @returns this ChatCompletionStream, so that calls can be chained
     */
    once(event, listener) {
        const listeners = __classPrivateFieldGet(this, _EventStream_listeners, "f")[event] || (__classPrivateFieldGet(this, _EventStream_listeners, "f")[event] = []);
        listeners.push({ listener, once: true });
        return this;
    }
    /**
     * This is similar to `.once()`, but returns a Promise that resolves the next time
     * the event is triggered, instead of calling a listener callback.
     * @returns a Promise that resolves the next time given event is triggered,
     * or rejects if an error is emitted.  (If you request the 'error' event,
     * returns a promise that resolves with the error).
     *
     * Example:
     *
     *   const message = await stream.emitted('message') // rejects if the stream errors
     */
    emitted(event) {
        return new Promise((resolve, reject) => {
            __classPrivateFieldSet(this, _EventStream_catchingPromiseCreated, true, "f");
            if (event !== 'error')
                this.once('error', reject);
            this.once(event, resolve);
        });
    }
    async done() {
        __classPrivateFieldSet(this, _EventStream_catchingPromiseCreated, true, "f");
        await __classPrivateFieldGet(this, _EventStream_endPromise, "f");
    }
    _emit(event, ...args) {
        // make sure we don't emit any events after end
        if (__classPrivateFieldGet(this, _EventStream_ended, "f")) {
            return;
        }
        if (event === 'end') {
            __classPrivateFieldSet(this, _EventStream_ended, true, "f");
            __classPrivateFieldGet(this, _EventStream_resolveEndPromise, "f").call(this);
        }
        const listeners = __classPrivateFieldGet(this, _EventStream_listeners, "f")[event];
        if (listeners) {
            __classPrivateFieldGet(this, _EventStream_listeners, "f")[event] = listeners.filter((l) => !l.once);
            listeners.forEach(({ listener }) => listener(...args));
        }
        if (event === 'abort') {
            const error = args[0];
            if (!__classPrivateFieldGet(this, _EventStream_catchingPromiseCreated, "f") && !listeners?.length) {
                Promise.reject(error);
            }
            __classPrivateFieldGet(this, _EventStream_rejectConnectedPromise, "f").call(this, error);
            __classPrivateFieldGet(this, _EventStream_rejectEndPromise, "f").call(this, error);
            this._emit('end');
            return;
        }
        if (event === 'error') {
            // NOTE: _emit('error', error) should only be called from #handleError().
            const error = args[0];
            if (!__classPrivateFieldGet(this, _EventStream_catchingPromiseCreated, "f") && !listeners?.length) {
                // Trigger an unhandled rejection if the user hasn't registered any error handlers.
                // If you are seeing stack traces here, make sure to handle errors via either:
                // - runner.on('error', () => ...)
                // - await runner.done()
                // - await runner.finalChatCompletion()
                // - etc.
                Promise.reject(error);
            }
            __classPrivateFieldGet(this, _EventStream_rejectConnectedPromise, "f").call(this, error);
            __classPrivateFieldGet(this, _EventStream_rejectEndPromise, "f").call(this, error);
            this._emit('end');
        }
    }
    _emitFinal() { }
}
_EventStream_connectedPromise = new WeakMap(), _EventStream_resolveConnectedPromise = new WeakMap(), _EventStream_rejectConnectedPromise = new WeakMap(), _EventStream_endPromise = new WeakMap(), _EventStream_resolveEndPromise = new WeakMap(), _EventStream_rejectEndPromise = new WeakMap(), _EventStream_listeners = new WeakMap(), _EventStream_ended = new WeakMap(), _EventStream_errored = new WeakMap(), _EventStream_aborted = new WeakMap(), _EventStream_catchingPromiseCreated = new WeakMap(), _EventStream_instances = new WeakSet(), _EventStream_handleError = function _EventStream_handleError(error) {
    __classPrivateFieldSet(this, _EventStream_errored, true, "f");
    if (error instanceof Error && error.name === 'AbortError') {
        error = new _error_mjs__WEBPACK_IMPORTED_MODULE_0__.APIUserAbortError();
    }
    if (error instanceof _error_mjs__WEBPACK_IMPORTED_MODULE_0__.APIUserAbortError) {
        __classPrivateFieldSet(this, _EventStream_aborted, true, "f");
        return this._emit('abort', error);
    }
    if (error instanceof _error_mjs__WEBPACK_IMPORTED_MODULE_0__.OpenAIError) {
        return this._emit('error', error);
    }
    if (error instanceof Error) {
        const openAIError = new _error_mjs__WEBPACK_IMPORTED_MODULE_0__.OpenAIError(error.message);
        // @ts-ignore
        openAIError.cause = error;
        return this._emit('error', openAIError);
    }
    return this._emit('error', new _error_mjs__WEBPACK_IMPORTED_MODULE_0__.OpenAIError(String(error)));
};
//# sourceMappingURL=EventStream.mjs.map

/***/ }),

/***/ "./node_modules/openai/lib/RunnableFunction.mjs":
/*!******************************************************!*\
  !*** ./node_modules/openai/lib/RunnableFunction.mjs ***!
  \******************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ParsingFunction: () => (/* binding */ ParsingFunction),
/* harmony export */   ParsingToolFunction: () => (/* binding */ ParsingToolFunction),
/* harmony export */   isRunnableFunctionWithParse: () => (/* binding */ isRunnableFunctionWithParse)
/* harmony export */ });
function isRunnableFunctionWithParse(fn) {
    return typeof fn.parse === 'function';
}
/**
 * This is helper class for passing a `function` and `parse` where the `function`
 * argument type matches the `parse` return type.
 *
 * @deprecated - please use ParsingToolFunction instead.
 */
class ParsingFunction {
    constructor(input) {
        this.function = input.function;
        this.parse = input.parse;
        this.parameters = input.parameters;
        this.description = input.description;
        this.name = input.name;
    }
}
/**
 * This is helper class for passing a `function` and `parse` where the `function`
 * argument type matches the `parse` return type.
 */
class ParsingToolFunction {
    constructor(input) {
        this.type = 'function';
        this.function = input;
    }
}
//# sourceMappingURL=RunnableFunction.mjs.map

/***/ }),

/***/ "./node_modules/openai/lib/Util.mjs":
/*!******************************************!*\
  !*** ./node_modules/openai/lib/Util.mjs ***!
  \******************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   allSettledWithThrow: () => (/* binding */ allSettledWithThrow)
/* harmony export */ });
/**
 * Like `Promise.allSettled()` but throws an error if any promises are rejected.
 */
const allSettledWithThrow = async (promises) => {
    const results = await Promise.allSettled(promises);
    const rejected = results.filter((result) => result.status === 'rejected');
    if (rejected.length) {
        for (const result of rejected) {
            console.error(result.reason);
        }
        throw new Error(`${rejected.length} promise(s) failed - see the above errors`);
    }
    // Note: TS was complaining about using `.filter().map()` here for some reason
    const values = [];
    for (const result of results) {
        if (result.status === 'fulfilled') {
            values.push(result.value);
        }
    }
    return values;
};
//# sourceMappingURL=Util.mjs.map

/***/ }),

/***/ "./node_modules/openai/lib/chatCompletionUtils.mjs":
/*!*********************************************************!*\
  !*** ./node_modules/openai/lib/chatCompletionUtils.mjs ***!
  \*********************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   isAssistantMessage: () => (/* binding */ isAssistantMessage),
/* harmony export */   isFunctionMessage: () => (/* binding */ isFunctionMessage),
/* harmony export */   isPresent: () => (/* binding */ isPresent),
/* harmony export */   isToolMessage: () => (/* binding */ isToolMessage)
/* harmony export */ });
const isAssistantMessage = (message) => {
    return message?.role === 'assistant';
};
const isFunctionMessage = (message) => {
    return message?.role === 'function';
};
const isToolMessage = (message) => {
    return message?.role === 'tool';
};
function isPresent(obj) {
    return obj != null;
}
//# sourceMappingURL=chatCompletionUtils.mjs.map

/***/ }),

/***/ "./node_modules/openai/lib/parser.mjs":
/*!********************************************!*\
  !*** ./node_modules/openai/lib/parser.mjs ***!
  \********************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   hasAutoParseableInput: () => (/* binding */ hasAutoParseableInput),
/* harmony export */   isAutoParsableResponseFormat: () => (/* binding */ isAutoParsableResponseFormat),
/* harmony export */   isAutoParsableTool: () => (/* binding */ isAutoParsableTool),
/* harmony export */   makeParseableResponseFormat: () => (/* binding */ makeParseableResponseFormat),
/* harmony export */   makeParseableTool: () => (/* binding */ makeParseableTool),
/* harmony export */   maybeParseChatCompletion: () => (/* binding */ maybeParseChatCompletion),
/* harmony export */   parseChatCompletion: () => (/* binding */ parseChatCompletion),
/* harmony export */   shouldParseToolCall: () => (/* binding */ shouldParseToolCall),
/* harmony export */   validateInputTools: () => (/* binding */ validateInputTools)
/* harmony export */ });
/* harmony import */ var _error_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../error.mjs */ "./node_modules/openai/error.mjs");

function makeParseableResponseFormat(response_format, parser) {
    const obj = { ...response_format };
    Object.defineProperties(obj, {
        $brand: {
            value: 'auto-parseable-response-format',
            enumerable: false,
        },
        $parseRaw: {
            value: parser,
            enumerable: false,
        },
    });
    return obj;
}
function isAutoParsableResponseFormat(response_format) {
    return response_format?.['$brand'] === 'auto-parseable-response-format';
}
function makeParseableTool(tool, { parser, callback, }) {
    const obj = { ...tool };
    Object.defineProperties(obj, {
        $brand: {
            value: 'auto-parseable-tool',
            enumerable: false,
        },
        $parseRaw: {
            value: parser,
            enumerable: false,
        },
        $callback: {
            value: callback,
            enumerable: false,
        },
    });
    return obj;
}
function isAutoParsableTool(tool) {
    return tool?.['$brand'] === 'auto-parseable-tool';
}
function maybeParseChatCompletion(completion, params) {
    if (!params || !hasAutoParseableInput(params)) {
        return {
            ...completion,
            choices: completion.choices.map((choice) => ({
                ...choice,
                message: { ...choice.message, parsed: null, tool_calls: choice.message.tool_calls ?? [] },
            })),
        };
    }
    return parseChatCompletion(completion, params);
}
function parseChatCompletion(completion, params) {
    const choices = completion.choices.map((choice) => {
        if (choice.finish_reason === 'length') {
            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_0__.LengthFinishReasonError();
        }
        if (choice.finish_reason === 'content_filter') {
            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_0__.ContentFilterFinishReasonError();
        }
        return {
            ...choice,
            message: {
                ...choice.message,
                tool_calls: choice.message.tool_calls?.map((toolCall) => parseToolCall(params, toolCall)) ?? [],
                parsed: choice.message.content && !choice.message.refusal ?
                    parseResponseFormat(params, choice.message.content)
                    : null,
            },
        };
    });
    return { ...completion, choices };
}
function parseResponseFormat(params, content) {
    if (params.response_format?.type !== 'json_schema') {
        return null;
    }
    if (params.response_format?.type === 'json_schema') {
        if ('$parseRaw' in params.response_format) {
            const response_format = params.response_format;
            return response_format.$parseRaw(content);
        }
        return JSON.parse(content);
    }
    return null;
}
function parseToolCall(params, toolCall) {
    const inputTool = params.tools?.find((inputTool) => inputTool.function?.name === toolCall.function.name);
    return {
        ...toolCall,
        function: {
            ...toolCall.function,
            parsed_arguments: isAutoParsableTool(inputTool) ? inputTool.$parseRaw(toolCall.function.arguments)
                : inputTool?.function.strict ? JSON.parse(toolCall.function.arguments)
                    : null,
        },
    };
}
function shouldParseToolCall(params, toolCall) {
    if (!params) {
        return false;
    }
    const inputTool = params.tools?.find((inputTool) => inputTool.function?.name === toolCall.function.name);
    return isAutoParsableTool(inputTool) || inputTool?.function.strict || false;
}
function hasAutoParseableInput(params) {
    if (isAutoParsableResponseFormat(params.response_format)) {
        return true;
    }
    return (params.tools?.some((t) => isAutoParsableTool(t) || (t.type === 'function' && t.function.strict === true)) ?? false);
}
function validateInputTools(tools) {
    for (const tool of tools ?? []) {
        if (tool.type !== 'function') {
            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_0__.OpenAIError(`Currently only \`function\` tool types support auto-parsing; Received \`${tool.type}\``);
        }
        if (tool.function.strict !== true) {
            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_0__.OpenAIError(`The \`${tool.function.name}\` tool is not marked with \`strict: true\`. Only strict function tools can be auto-parsed`);
        }
    }
}
//# sourceMappingURL=parser.mjs.map

/***/ }),

/***/ "./node_modules/openai/pagination.mjs":
/*!********************************************!*\
  !*** ./node_modules/openai/pagination.mjs ***!
  \********************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   CursorPage: () => (/* binding */ CursorPage),
/* harmony export */   Page: () => (/* binding */ Page)
/* harmony export */ });
/* harmony import */ var _core_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./core.mjs */ "./node_modules/openai/core.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.

/**
 * Note: no pagination actually occurs yet, this is for forwards-compatibility.
 */
class Page extends _core_mjs__WEBPACK_IMPORTED_MODULE_0__.AbstractPage {
    constructor(client, response, body, options) {
        super(client, response, body, options);
        this.data = body.data || [];
        this.object = body.object;
    }
    getPaginatedItems() {
        return this.data ?? [];
    }
    // @deprecated Please use `nextPageInfo()` instead
    /**
     * This page represents a response that isn't actually paginated at the API level
     * so there will never be any next page params.
     */
    nextPageParams() {
        return null;
    }
    nextPageInfo() {
        return null;
    }
}
class CursorPage extends _core_mjs__WEBPACK_IMPORTED_MODULE_0__.AbstractPage {
    constructor(client, response, body, options) {
        super(client, response, body, options);
        this.data = body.data || [];
    }
    getPaginatedItems() {
        return this.data ?? [];
    }
    // @deprecated Please use `nextPageInfo()` instead
    nextPageParams() {
        const info = this.nextPageInfo();
        if (!info)
            return null;
        if ('params' in info)
            return info.params;
        const params = Object.fromEntries(info.url.searchParams);
        if (!Object.keys(params).length)
            return null;
        return params;
    }
    nextPageInfo() {
        const data = this.getPaginatedItems();
        if (!data.length) {
            return null;
        }
        const id = data[data.length - 1]?.id;
        if (!id) {
            return null;
        }
        return { params: { after: id } };
    }
}
//# sourceMappingURL=pagination.mjs.map

/***/ }),

/***/ "./node_modules/openai/resource.mjs":
/*!******************************************!*\
  !*** ./node_modules/openai/resource.mjs ***!
  \******************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   APIResource: () => (/* binding */ APIResource)
/* harmony export */ });
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.
class APIResource {
    constructor(client) {
        this._client = client;
    }
}
//# sourceMappingURL=resource.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/audio/audio.mjs":
/*!*******************************************************!*\
  !*** ./node_modules/openai/resources/audio/audio.mjs ***!
  \*******************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Audio: () => (/* binding */ Audio)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../resource.mjs */ "./node_modules/openai/resource.mjs");
/* harmony import */ var _speech_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./speech.mjs */ "./node_modules/openai/resources/audio/speech.mjs");
/* harmony import */ var _transcriptions_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./transcriptions.mjs */ "./node_modules/openai/resources/audio/transcriptions.mjs");
/* harmony import */ var _translations_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./translations.mjs */ "./node_modules/openai/resources/audio/translations.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.







class Audio extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    constructor() {
        super(...arguments);
        this.transcriptions = new _transcriptions_mjs__WEBPACK_IMPORTED_MODULE_1__.Transcriptions(this._client);
        this.translations = new _translations_mjs__WEBPACK_IMPORTED_MODULE_2__.Translations(this._client);
        this.speech = new _speech_mjs__WEBPACK_IMPORTED_MODULE_3__.Speech(this._client);
    }
}
Audio.Transcriptions = _transcriptions_mjs__WEBPACK_IMPORTED_MODULE_1__.Transcriptions;
Audio.Translations = _translations_mjs__WEBPACK_IMPORTED_MODULE_2__.Translations;
Audio.Speech = _speech_mjs__WEBPACK_IMPORTED_MODULE_3__.Speech;
//# sourceMappingURL=audio.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/audio/speech.mjs":
/*!********************************************************!*\
  !*** ./node_modules/openai/resources/audio/speech.mjs ***!
  \********************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Speech: () => (/* binding */ Speech)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../resource.mjs */ "./node_modules/openai/resource.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.

class Speech extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    /**
     * Generates audio from the input text.
     */
    create(body, options) {
        return this._client.post('/audio/speech', { body, ...options, __binaryResponse: true });
    }
}
//# sourceMappingURL=speech.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/audio/transcriptions.mjs":
/*!****************************************************************!*\
  !*** ./node_modules/openai/resources/audio/transcriptions.mjs ***!
  \****************************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Transcriptions: () => (/* binding */ Transcriptions)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../resource.mjs */ "./node_modules/openai/resource.mjs");
/* harmony import */ var _core_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../core.mjs */ "./node_modules/openai/uploads.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.


class Transcriptions extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    create(body, options) {
        return this._client.post('/audio/transcriptions', _core_mjs__WEBPACK_IMPORTED_MODULE_1__.multipartFormRequestOptions({ body, ...options }));
    }
}
//# sourceMappingURL=transcriptions.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/audio/translations.mjs":
/*!**************************************************************!*\
  !*** ./node_modules/openai/resources/audio/translations.mjs ***!
  \**************************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Translations: () => (/* binding */ Translations)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../resource.mjs */ "./node_modules/openai/resource.mjs");
/* harmony import */ var _core_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../core.mjs */ "./node_modules/openai/uploads.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.


class Translations extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    create(body, options) {
        return this._client.post('/audio/translations', _core_mjs__WEBPACK_IMPORTED_MODULE_1__.multipartFormRequestOptions({ body, ...options }));
    }
}
//# sourceMappingURL=translations.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/batches.mjs":
/*!***************************************************!*\
  !*** ./node_modules/openai/resources/batches.mjs ***!
  \***************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Batches: () => (/* binding */ Batches),
/* harmony export */   BatchesPage: () => (/* binding */ BatchesPage)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../resource.mjs */ "./node_modules/openai/resource.mjs");
/* harmony import */ var _core_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core.mjs */ "./node_modules/openai/core.mjs");
/* harmony import */ var _pagination_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../pagination.mjs */ "./node_modules/openai/pagination.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.



class Batches extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    /**
     * Creates and executes a batch from an uploaded file of requests
     */
    create(body, options) {
        return this._client.post('/batches', { body, ...options });
    }
    /**
     * Retrieves a batch.
     */
    retrieve(batchId, options) {
        return this._client.get(`/batches/${batchId}`, options);
    }
    list(query = {}, options) {
        if ((0,_core_mjs__WEBPACK_IMPORTED_MODULE_1__.isRequestOptions)(query)) {
            return this.list({}, query);
        }
        return this._client.getAPIList('/batches', BatchesPage, { query, ...options });
    }
    /**
     * Cancels an in-progress batch. The batch will be in status `cancelling` for up to
     * 10 minutes, before changing to `cancelled`, where it will have partial results
     * (if any) available in the output file.
     */
    cancel(batchId, options) {
        return this._client.post(`/batches/${batchId}/cancel`, options);
    }
}
class BatchesPage extends _pagination_mjs__WEBPACK_IMPORTED_MODULE_2__.CursorPage {
}
Batches.BatchesPage = BatchesPage;
//# sourceMappingURL=batches.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/beta/assistants.mjs":
/*!***********************************************************!*\
  !*** ./node_modules/openai/resources/beta/assistants.mjs ***!
  \***********************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Assistants: () => (/* binding */ Assistants),
/* harmony export */   AssistantsPage: () => (/* binding */ AssistantsPage)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../resource.mjs */ "./node_modules/openai/resource.mjs");
/* harmony import */ var _core_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../core.mjs */ "./node_modules/openai/core.mjs");
/* harmony import */ var _pagination_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../pagination.mjs */ "./node_modules/openai/pagination.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.



class Assistants extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    /**
     * Create an assistant with a model and instructions.
     */
    create(body, options) {
        return this._client.post('/assistants', {
            body,
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    /**
     * Retrieves an assistant.
     */
    retrieve(assistantId, options) {
        return this._client.get(`/assistants/${assistantId}`, {
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    /**
     * Modifies an assistant.
     */
    update(assistantId, body, options) {
        return this._client.post(`/assistants/${assistantId}`, {
            body,
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    list(query = {}, options) {
        if ((0,_core_mjs__WEBPACK_IMPORTED_MODULE_1__.isRequestOptions)(query)) {
            return this.list({}, query);
        }
        return this._client.getAPIList('/assistants', AssistantsPage, {
            query,
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    /**
     * Delete an assistant.
     */
    del(assistantId, options) {
        return this._client.delete(`/assistants/${assistantId}`, {
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
}
class AssistantsPage extends _pagination_mjs__WEBPACK_IMPORTED_MODULE_2__.CursorPage {
}
Assistants.AssistantsPage = AssistantsPage;
//# sourceMappingURL=assistants.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/beta/beta.mjs":
/*!*****************************************************!*\
  !*** ./node_modules/openai/resources/beta/beta.mjs ***!
  \*****************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Beta: () => (/* binding */ Beta)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../resource.mjs */ "./node_modules/openai/resource.mjs");
/* harmony import */ var _assistants_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./assistants.mjs */ "./node_modules/openai/resources/beta/assistants.mjs");
/* harmony import */ var _chat_chat_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./chat/chat.mjs */ "./node_modules/openai/resources/beta/chat/chat.mjs");
/* harmony import */ var _threads_threads_mjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./threads/threads.mjs */ "./node_modules/openai/resources/beta/threads/threads.mjs");
/* harmony import */ var _vector_stores_vector_stores_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./vector-stores/vector-stores.mjs */ "./node_modules/openai/resources/beta/vector-stores/vector-stores.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.









class Beta extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    constructor() {
        super(...arguments);
        this.vectorStores = new _vector_stores_vector_stores_mjs__WEBPACK_IMPORTED_MODULE_1__.VectorStores(this._client);
        this.chat = new _chat_chat_mjs__WEBPACK_IMPORTED_MODULE_2__.Chat(this._client);
        this.assistants = new _assistants_mjs__WEBPACK_IMPORTED_MODULE_3__.Assistants(this._client);
        this.threads = new _threads_threads_mjs__WEBPACK_IMPORTED_MODULE_4__.Threads(this._client);
    }
}
Beta.VectorStores = _vector_stores_vector_stores_mjs__WEBPACK_IMPORTED_MODULE_1__.VectorStores;
Beta.VectorStoresPage = _vector_stores_vector_stores_mjs__WEBPACK_IMPORTED_MODULE_1__.VectorStoresPage;
Beta.Assistants = _assistants_mjs__WEBPACK_IMPORTED_MODULE_3__.Assistants;
Beta.AssistantsPage = _assistants_mjs__WEBPACK_IMPORTED_MODULE_3__.AssistantsPage;
Beta.Threads = _threads_threads_mjs__WEBPACK_IMPORTED_MODULE_4__.Threads;
//# sourceMappingURL=beta.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/beta/chat/chat.mjs":
/*!**********************************************************!*\
  !*** ./node_modules/openai/resources/beta/chat/chat.mjs ***!
  \**********************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Chat: () => (/* binding */ Chat)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../resource.mjs */ "./node_modules/openai/resource.mjs");
/* harmony import */ var _completions_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./completions.mjs */ "./node_modules/openai/resources/beta/chat/completions.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.


class Chat extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    constructor() {
        super(...arguments);
        this.completions = new _completions_mjs__WEBPACK_IMPORTED_MODULE_1__.Completions(this._client);
    }
}
(function (Chat) {
    Chat.Completions = _completions_mjs__WEBPACK_IMPORTED_MODULE_1__.Completions;
})(Chat || (Chat = {}));
//# sourceMappingURL=chat.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/beta/chat/completions.mjs":
/*!*****************************************************************!*\
  !*** ./node_modules/openai/resources/beta/chat/completions.mjs ***!
  \*****************************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   ChatCompletionRunner: () => (/* reexport safe */ _lib_ChatCompletionRunner_mjs__WEBPACK_IMPORTED_MODULE_3__.ChatCompletionRunner),
/* harmony export */   ChatCompletionStream: () => (/* reexport safe */ _lib_ChatCompletionStream_mjs__WEBPACK_IMPORTED_MODULE_2__.ChatCompletionStream),
/* harmony export */   ChatCompletionStreamingRunner: () => (/* reexport safe */ _lib_ChatCompletionStreamingRunner_mjs__WEBPACK_IMPORTED_MODULE_0__.ChatCompletionStreamingRunner),
/* harmony export */   Completions: () => (/* binding */ Completions),
/* harmony export */   ParsingFunction: () => (/* reexport safe */ _lib_RunnableFunction_mjs__WEBPACK_IMPORTED_MODULE_1__.ParsingFunction),
/* harmony export */   ParsingToolFunction: () => (/* reexport safe */ _lib_RunnableFunction_mjs__WEBPACK_IMPORTED_MODULE_1__.ParsingToolFunction)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../resource.mjs */ "./node_modules/openai/resource.mjs");
/* harmony import */ var _lib_ChatCompletionRunner_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../lib/ChatCompletionRunner.mjs */ "./node_modules/openai/lib/ChatCompletionRunner.mjs");
/* harmony import */ var _lib_ChatCompletionStreamingRunner_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../lib/ChatCompletionStreamingRunner.mjs */ "./node_modules/openai/lib/ChatCompletionStreamingRunner.mjs");
/* harmony import */ var _lib_ChatCompletionStream_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../lib/ChatCompletionStream.mjs */ "./node_modules/openai/lib/ChatCompletionStream.mjs");
/* harmony import */ var _lib_parser_mjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../lib/parser.mjs */ "./node_modules/openai/lib/parser.mjs");
/* harmony import */ var _lib_RunnableFunction_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../lib/RunnableFunction.mjs */ "./node_modules/openai/lib/RunnableFunction.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.









class Completions extends _resource_mjs__WEBPACK_IMPORTED_MODULE_4__.APIResource {
    parse(body, options) {
        (0,_lib_parser_mjs__WEBPACK_IMPORTED_MODULE_5__.validateInputTools)(body.tools);
        return this._client.chat.completions
            .create(body, {
            ...options,
            headers: {
                ...options?.headers,
                'X-Stainless-Helper-Method': 'beta.chat.completions.parse',
            },
        })
            ._thenUnwrap((completion) => (0,_lib_parser_mjs__WEBPACK_IMPORTED_MODULE_5__.parseChatCompletion)(completion, body));
    }
    runFunctions(body, options) {
        if (body.stream) {
            return _lib_ChatCompletionStreamingRunner_mjs__WEBPACK_IMPORTED_MODULE_0__.ChatCompletionStreamingRunner.runFunctions(this._client, body, options);
        }
        return _lib_ChatCompletionRunner_mjs__WEBPACK_IMPORTED_MODULE_3__.ChatCompletionRunner.runFunctions(this._client, body, options);
    }
    runTools(body, options) {
        if (body.stream) {
            return _lib_ChatCompletionStreamingRunner_mjs__WEBPACK_IMPORTED_MODULE_0__.ChatCompletionStreamingRunner.runTools(this._client, body, options);
        }
        return _lib_ChatCompletionRunner_mjs__WEBPACK_IMPORTED_MODULE_3__.ChatCompletionRunner.runTools(this._client, body, options);
    }
    /**
     * Creates a chat completion stream
     */
    stream(body, options) {
        return _lib_ChatCompletionStream_mjs__WEBPACK_IMPORTED_MODULE_2__.ChatCompletionStream.createChatCompletion(this._client, body, options);
    }
}
//# sourceMappingURL=completions.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/beta/threads/messages.mjs":
/*!*****************************************************************!*\
  !*** ./node_modules/openai/resources/beta/threads/messages.mjs ***!
  \*****************************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Messages: () => (/* binding */ Messages),
/* harmony export */   MessagesPage: () => (/* binding */ MessagesPage)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../resource.mjs */ "./node_modules/openai/resource.mjs");
/* harmony import */ var _core_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../core.mjs */ "./node_modules/openai/core.mjs");
/* harmony import */ var _pagination_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../pagination.mjs */ "./node_modules/openai/pagination.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.



class Messages extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    /**
     * Create a message.
     */
    create(threadId, body, options) {
        return this._client.post(`/threads/${threadId}/messages`, {
            body,
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    /**
     * Retrieve a message.
     */
    retrieve(threadId, messageId, options) {
        return this._client.get(`/threads/${threadId}/messages/${messageId}`, {
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    /**
     * Modifies a message.
     */
    update(threadId, messageId, body, options) {
        return this._client.post(`/threads/${threadId}/messages/${messageId}`, {
            body,
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    list(threadId, query = {}, options) {
        if ((0,_core_mjs__WEBPACK_IMPORTED_MODULE_1__.isRequestOptions)(query)) {
            return this.list(threadId, {}, query);
        }
        return this._client.getAPIList(`/threads/${threadId}/messages`, MessagesPage, {
            query,
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    /**
     * Deletes a message.
     */
    del(threadId, messageId, options) {
        return this._client.delete(`/threads/${threadId}/messages/${messageId}`, {
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
}
class MessagesPage extends _pagination_mjs__WEBPACK_IMPORTED_MODULE_2__.CursorPage {
}
Messages.MessagesPage = MessagesPage;
//# sourceMappingURL=messages.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/beta/threads/runs/runs.mjs":
/*!******************************************************************!*\
  !*** ./node_modules/openai/resources/beta/threads/runs/runs.mjs ***!
  \******************************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Runs: () => (/* binding */ Runs),
/* harmony export */   RunsPage: () => (/* binding */ RunsPage)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../resource.mjs */ "./node_modules/openai/resource.mjs");
/* harmony import */ var _core_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../core.mjs */ "./node_modules/openai/core.mjs");
/* harmony import */ var _lib_AssistantStream_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../lib/AssistantStream.mjs */ "./node_modules/openai/lib/AssistantStream.mjs");
/* harmony import */ var _steps_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./steps.mjs */ "./node_modules/openai/resources/beta/threads/runs/steps.mjs");
/* harmony import */ var _pagination_mjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../pagination.mjs */ "./node_modules/openai/pagination.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.







class Runs extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    constructor() {
        super(...arguments);
        this.steps = new _steps_mjs__WEBPACK_IMPORTED_MODULE_1__.Steps(this._client);
    }
    create(threadId, params, options) {
        const { include, ...body } = params;
        return this._client.post(`/threads/${threadId}/runs`, {
            query: { include },
            body,
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
            stream: params.stream ?? false,
        });
    }
    /**
     * Retrieves a run.
     */
    retrieve(threadId, runId, options) {
        return this._client.get(`/threads/${threadId}/runs/${runId}`, {
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    /**
     * Modifies a run.
     */
    update(threadId, runId, body, options) {
        return this._client.post(`/threads/${threadId}/runs/${runId}`, {
            body,
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    list(threadId, query = {}, options) {
        if ((0,_core_mjs__WEBPACK_IMPORTED_MODULE_2__.isRequestOptions)(query)) {
            return this.list(threadId, {}, query);
        }
        return this._client.getAPIList(`/threads/${threadId}/runs`, RunsPage, {
            query,
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    /**
     * Cancels a run that is `in_progress`.
     */
    cancel(threadId, runId, options) {
        return this._client.post(`/threads/${threadId}/runs/${runId}/cancel`, {
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    /**
     * A helper to create a run an poll for a terminal state. More information on Run
     * lifecycles can be found here:
     * https://platform.openai.com/docs/assistants/how-it-works/runs-and-run-steps
     */
    async createAndPoll(threadId, body, options) {
        const run = await this.create(threadId, body, options);
        return await this.poll(threadId, run.id, options);
    }
    /**
     * Create a Run stream
     *
     * @deprecated use `stream` instead
     */
    createAndStream(threadId, body, options) {
        return _lib_AssistantStream_mjs__WEBPACK_IMPORTED_MODULE_3__.AssistantStream.createAssistantStream(threadId, this._client.beta.threads.runs, body, options);
    }
    /**
     * A helper to poll a run status until it reaches a terminal state. More
     * information on Run lifecycles can be found here:
     * https://platform.openai.com/docs/assistants/how-it-works/runs-and-run-steps
     */
    async poll(threadId, runId, options) {
        const headers = { ...options?.headers, 'X-Stainless-Poll-Helper': 'true' };
        if (options?.pollIntervalMs) {
            headers['X-Stainless-Custom-Poll-Interval'] = options.pollIntervalMs.toString();
        }
        while (true) {
            const { data: run, response } = await this.retrieve(threadId, runId, {
                ...options,
                headers: { ...options?.headers, ...headers },
            }).withResponse();
            switch (run.status) {
                //If we are in any sort of intermediate state we poll
                case 'queued':
                case 'in_progress':
                case 'cancelling':
                    let sleepInterval = 5000;
                    if (options?.pollIntervalMs) {
                        sleepInterval = options.pollIntervalMs;
                    }
                    else {
                        const headerInterval = response.headers.get('openai-poll-after-ms');
                        if (headerInterval) {
                            const headerIntervalMs = parseInt(headerInterval);
                            if (!isNaN(headerIntervalMs)) {
                                sleepInterval = headerIntervalMs;
                            }
                        }
                    }
                    await (0,_core_mjs__WEBPACK_IMPORTED_MODULE_2__.sleep)(sleepInterval);
                    break;
                //We return the run in any terminal state.
                case 'requires_action':
                case 'incomplete':
                case 'cancelled':
                case 'completed':
                case 'failed':
                case 'expired':
                    return run;
            }
        }
    }
    /**
     * Create a Run stream
     */
    stream(threadId, body, options) {
        return _lib_AssistantStream_mjs__WEBPACK_IMPORTED_MODULE_3__.AssistantStream.createAssistantStream(threadId, this._client.beta.threads.runs, body, options);
    }
    submitToolOutputs(threadId, runId, body, options) {
        return this._client.post(`/threads/${threadId}/runs/${runId}/submit_tool_outputs`, {
            body,
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
            stream: body.stream ?? false,
        });
    }
    /**
     * A helper to submit a tool output to a run and poll for a terminal run state.
     * More information on Run lifecycles can be found here:
     * https://platform.openai.com/docs/assistants/how-it-works/runs-and-run-steps
     */
    async submitToolOutputsAndPoll(threadId, runId, body, options) {
        const run = await this.submitToolOutputs(threadId, runId, body, options);
        return await this.poll(threadId, run.id, options);
    }
    /**
     * Submit the tool outputs from a previous run and stream the run to a terminal
     * state. More information on Run lifecycles can be found here:
     * https://platform.openai.com/docs/assistants/how-it-works/runs-and-run-steps
     */
    submitToolOutputsStream(threadId, runId, body, options) {
        return _lib_AssistantStream_mjs__WEBPACK_IMPORTED_MODULE_3__.AssistantStream.createToolAssistantStream(threadId, runId, this._client.beta.threads.runs, body, options);
    }
}
class RunsPage extends _pagination_mjs__WEBPACK_IMPORTED_MODULE_4__.CursorPage {
}
Runs.RunsPage = RunsPage;
Runs.Steps = _steps_mjs__WEBPACK_IMPORTED_MODULE_1__.Steps;
Runs.RunStepsPage = _steps_mjs__WEBPACK_IMPORTED_MODULE_1__.RunStepsPage;
//# sourceMappingURL=runs.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/beta/threads/runs/steps.mjs":
/*!*******************************************************************!*\
  !*** ./node_modules/openai/resources/beta/threads/runs/steps.mjs ***!
  \*******************************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   RunStepsPage: () => (/* binding */ RunStepsPage),
/* harmony export */   Steps: () => (/* binding */ Steps)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../resource.mjs */ "./node_modules/openai/resource.mjs");
/* harmony import */ var _core_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../core.mjs */ "./node_modules/openai/core.mjs");
/* harmony import */ var _pagination_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../pagination.mjs */ "./node_modules/openai/pagination.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.



class Steps extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    retrieve(threadId, runId, stepId, query = {}, options) {
        if ((0,_core_mjs__WEBPACK_IMPORTED_MODULE_1__.isRequestOptions)(query)) {
            return this.retrieve(threadId, runId, stepId, {}, query);
        }
        return this._client.get(`/threads/${threadId}/runs/${runId}/steps/${stepId}`, {
            query,
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    list(threadId, runId, query = {}, options) {
        if ((0,_core_mjs__WEBPACK_IMPORTED_MODULE_1__.isRequestOptions)(query)) {
            return this.list(threadId, runId, {}, query);
        }
        return this._client.getAPIList(`/threads/${threadId}/runs/${runId}/steps`, RunStepsPage, {
            query,
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
}
class RunStepsPage extends _pagination_mjs__WEBPACK_IMPORTED_MODULE_2__.CursorPage {
}
Steps.RunStepsPage = RunStepsPage;
//# sourceMappingURL=steps.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/beta/threads/threads.mjs":
/*!****************************************************************!*\
  !*** ./node_modules/openai/resources/beta/threads/threads.mjs ***!
  \****************************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Threads: () => (/* binding */ Threads)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../resource.mjs */ "./node_modules/openai/resource.mjs");
/* harmony import */ var _core_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../core.mjs */ "./node_modules/openai/core.mjs");
/* harmony import */ var _lib_AssistantStream_mjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../lib/AssistantStream.mjs */ "./node_modules/openai/lib/AssistantStream.mjs");
/* harmony import */ var _messages_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./messages.mjs */ "./node_modules/openai/resources/beta/threads/messages.mjs");
/* harmony import */ var _runs_runs_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./runs/runs.mjs */ "./node_modules/openai/resources/beta/threads/runs/runs.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.







class Threads extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    constructor() {
        super(...arguments);
        this.runs = new _runs_runs_mjs__WEBPACK_IMPORTED_MODULE_1__.Runs(this._client);
        this.messages = new _messages_mjs__WEBPACK_IMPORTED_MODULE_2__.Messages(this._client);
    }
    create(body = {}, options) {
        if ((0,_core_mjs__WEBPACK_IMPORTED_MODULE_3__.isRequestOptions)(body)) {
            return this.create({}, body);
        }
        return this._client.post('/threads', {
            body,
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    /**
     * Retrieves a thread.
     */
    retrieve(threadId, options) {
        return this._client.get(`/threads/${threadId}`, {
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    /**
     * Modifies a thread.
     */
    update(threadId, body, options) {
        return this._client.post(`/threads/${threadId}`, {
            body,
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    /**
     * Delete a thread.
     */
    del(threadId, options) {
        return this._client.delete(`/threads/${threadId}`, {
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    createAndRun(body, options) {
        return this._client.post('/threads/runs', {
            body,
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
            stream: body.stream ?? false,
        });
    }
    /**
     * A helper to create a thread, start a run and then poll for a terminal state.
     * More information on Run lifecycles can be found here:
     * https://platform.openai.com/docs/assistants/how-it-works/runs-and-run-steps
     */
    async createAndRunPoll(body, options) {
        const run = await this.createAndRun(body, options);
        return await this.runs.poll(run.thread_id, run.id, options);
    }
    /**
     * Create a thread and stream the run back
     */
    createAndRunStream(body, options) {
        return _lib_AssistantStream_mjs__WEBPACK_IMPORTED_MODULE_4__.AssistantStream.createThreadAssistantStream(body, this._client.beta.threads, options);
    }
}
Threads.Runs = _runs_runs_mjs__WEBPACK_IMPORTED_MODULE_1__.Runs;
Threads.RunsPage = _runs_runs_mjs__WEBPACK_IMPORTED_MODULE_1__.RunsPage;
Threads.Messages = _messages_mjs__WEBPACK_IMPORTED_MODULE_2__.Messages;
Threads.MessagesPage = _messages_mjs__WEBPACK_IMPORTED_MODULE_2__.MessagesPage;
//# sourceMappingURL=threads.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/beta/vector-stores/file-batches.mjs":
/*!***************************************************************************!*\
  !*** ./node_modules/openai/resources/beta/vector-stores/file-batches.mjs ***!
  \***************************************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   FileBatches: () => (/* binding */ FileBatches),
/* harmony export */   VectorStoreFilesPage: () => (/* reexport safe */ _files_mjs__WEBPACK_IMPORTED_MODULE_2__.VectorStoreFilesPage)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../resource.mjs */ "./node_modules/openai/resource.mjs");
/* harmony import */ var _core_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../core.mjs */ "./node_modules/openai/core.mjs");
/* harmony import */ var _lib_Util_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../lib/Util.mjs */ "./node_modules/openai/lib/Util.mjs");
/* harmony import */ var _files_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./files.mjs */ "./node_modules/openai/resources/beta/vector-stores/files.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.





class FileBatches extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    /**
     * Create a vector store file batch.
     */
    create(vectorStoreId, body, options) {
        return this._client.post(`/vector_stores/${vectorStoreId}/file_batches`, {
            body,
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    /**
     * Retrieves a vector store file batch.
     */
    retrieve(vectorStoreId, batchId, options) {
        return this._client.get(`/vector_stores/${vectorStoreId}/file_batches/${batchId}`, {
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    /**
     * Cancel a vector store file batch. This attempts to cancel the processing of
     * files in this batch as soon as possible.
     */
    cancel(vectorStoreId, batchId, options) {
        return this._client.post(`/vector_stores/${vectorStoreId}/file_batches/${batchId}/cancel`, {
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    /**
     * Create a vector store batch and poll until all files have been processed.
     */
    async createAndPoll(vectorStoreId, body, options) {
        const batch = await this.create(vectorStoreId, body);
        return await this.poll(vectorStoreId, batch.id, options);
    }
    listFiles(vectorStoreId, batchId, query = {}, options) {
        if ((0,_core_mjs__WEBPACK_IMPORTED_MODULE_1__.isRequestOptions)(query)) {
            return this.listFiles(vectorStoreId, batchId, {}, query);
        }
        return this._client.getAPIList(`/vector_stores/${vectorStoreId}/file_batches/${batchId}/files`, _files_mjs__WEBPACK_IMPORTED_MODULE_2__.VectorStoreFilesPage, { query, ...options, headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers } });
    }
    /**
     * Wait for the given file batch to be processed.
     *
     * Note: this will return even if one of the files failed to process, you need to
     * check batch.file_counts.failed_count to handle this case.
     */
    async poll(vectorStoreId, batchId, options) {
        const headers = { ...options?.headers, 'X-Stainless-Poll-Helper': 'true' };
        if (options?.pollIntervalMs) {
            headers['X-Stainless-Custom-Poll-Interval'] = options.pollIntervalMs.toString();
        }
        while (true) {
            const { data: batch, response } = await this.retrieve(vectorStoreId, batchId, {
                ...options,
                headers,
            }).withResponse();
            switch (batch.status) {
                case 'in_progress':
                    let sleepInterval = 5000;
                    if (options?.pollIntervalMs) {
                        sleepInterval = options.pollIntervalMs;
                    }
                    else {
                        const headerInterval = response.headers.get('openai-poll-after-ms');
                        if (headerInterval) {
                            const headerIntervalMs = parseInt(headerInterval);
                            if (!isNaN(headerIntervalMs)) {
                                sleepInterval = headerIntervalMs;
                            }
                        }
                    }
                    await (0,_core_mjs__WEBPACK_IMPORTED_MODULE_1__.sleep)(sleepInterval);
                    break;
                case 'failed':
                case 'cancelled':
                case 'completed':
                    return batch;
            }
        }
    }
    /**
     * Uploads the given files concurrently and then creates a vector store file batch.
     *
     * The concurrency limit is configurable using the `maxConcurrency` parameter.
     */
    async uploadAndPoll(vectorStoreId, { files, fileIds = [] }, options) {
        if (files == null || files.length == 0) {
            throw new Error(`No \`files\` provided to process. If you've already uploaded files you should use \`.createAndPoll()\` instead`);
        }
        const configuredConcurrency = options?.maxConcurrency ?? 5;
        // We cap the number of workers at the number of files (so we don't start any unnecessary workers)
        const concurrencyLimit = Math.min(configuredConcurrency, files.length);
        const client = this._client;
        const fileIterator = files.values();
        const allFileIds = [...fileIds];
        // This code is based on this design. The libraries don't accommodate our environment limits.
        // https://stackoverflow.com/questions/40639432/what-is-the-best-way-to-limit-concurrency-when-using-es6s-promise-all
        async function processFiles(iterator) {
            for (let item of iterator) {
                const fileObj = await client.files.create({ file: item, purpose: 'assistants' }, options);
                allFileIds.push(fileObj.id);
            }
        }
        // Start workers to process results
        const workers = Array(concurrencyLimit).fill(fileIterator).map(processFiles);
        // Wait for all processing to complete.
        await (0,_lib_Util_mjs__WEBPACK_IMPORTED_MODULE_3__.allSettledWithThrow)(workers);
        return await this.createAndPoll(vectorStoreId, {
            file_ids: allFileIds,
        });
    }
}

//# sourceMappingURL=file-batches.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/beta/vector-stores/files.mjs":
/*!********************************************************************!*\
  !*** ./node_modules/openai/resources/beta/vector-stores/files.mjs ***!
  \********************************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Files: () => (/* binding */ Files),
/* harmony export */   VectorStoreFilesPage: () => (/* binding */ VectorStoreFilesPage)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../resource.mjs */ "./node_modules/openai/resource.mjs");
/* harmony import */ var _core_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../core.mjs */ "./node_modules/openai/core.mjs");
/* harmony import */ var _pagination_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../pagination.mjs */ "./node_modules/openai/pagination.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.



class Files extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    /**
     * Create a vector store file by attaching a
     * [File](https://platform.openai.com/docs/api-reference/files) to a
     * [vector store](https://platform.openai.com/docs/api-reference/vector-stores/object).
     */
    create(vectorStoreId, body, options) {
        return this._client.post(`/vector_stores/${vectorStoreId}/files`, {
            body,
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    /**
     * Retrieves a vector store file.
     */
    retrieve(vectorStoreId, fileId, options) {
        return this._client.get(`/vector_stores/${vectorStoreId}/files/${fileId}`, {
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    list(vectorStoreId, query = {}, options) {
        if ((0,_core_mjs__WEBPACK_IMPORTED_MODULE_1__.isRequestOptions)(query)) {
            return this.list(vectorStoreId, {}, query);
        }
        return this._client.getAPIList(`/vector_stores/${vectorStoreId}/files`, VectorStoreFilesPage, {
            query,
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    /**
     * Delete a vector store file. This will remove the file from the vector store but
     * the file itself will not be deleted. To delete the file, use the
     * [delete file](https://platform.openai.com/docs/api-reference/files/delete)
     * endpoint.
     */
    del(vectorStoreId, fileId, options) {
        return this._client.delete(`/vector_stores/${vectorStoreId}/files/${fileId}`, {
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    /**
     * Attach a file to the given vector store and wait for it to be processed.
     */
    async createAndPoll(vectorStoreId, body, options) {
        const file = await this.create(vectorStoreId, body, options);
        return await this.poll(vectorStoreId, file.id, options);
    }
    /**
     * Wait for the vector store file to finish processing.
     *
     * Note: this will return even if the file failed to process, you need to check
     * file.last_error and file.status to handle these cases
     */
    async poll(vectorStoreId, fileId, options) {
        const headers = { ...options?.headers, 'X-Stainless-Poll-Helper': 'true' };
        if (options?.pollIntervalMs) {
            headers['X-Stainless-Custom-Poll-Interval'] = options.pollIntervalMs.toString();
        }
        while (true) {
            const fileResponse = await this.retrieve(vectorStoreId, fileId, {
                ...options,
                headers,
            }).withResponse();
            const file = fileResponse.data;
            switch (file.status) {
                case 'in_progress':
                    let sleepInterval = 5000;
                    if (options?.pollIntervalMs) {
                        sleepInterval = options.pollIntervalMs;
                    }
                    else {
                        const headerInterval = fileResponse.response.headers.get('openai-poll-after-ms');
                        if (headerInterval) {
                            const headerIntervalMs = parseInt(headerInterval);
                            if (!isNaN(headerIntervalMs)) {
                                sleepInterval = headerIntervalMs;
                            }
                        }
                    }
                    await (0,_core_mjs__WEBPACK_IMPORTED_MODULE_1__.sleep)(sleepInterval);
                    break;
                case 'failed':
                case 'completed':
                    return file;
            }
        }
    }
    /**
     * Upload a file to the `files` API and then attach it to the given vector store.
     *
     * Note the file will be asynchronously processed (you can use the alternative
     * polling helper method to wait for processing to complete).
     */
    async upload(vectorStoreId, file, options) {
        const fileInfo = await this._client.files.create({ file: file, purpose: 'assistants' }, options);
        return this.create(vectorStoreId, { file_id: fileInfo.id }, options);
    }
    /**
     * Add a file to a vector store and poll until processing is complete.
     */
    async uploadAndPoll(vectorStoreId, file, options) {
        const fileInfo = await this.upload(vectorStoreId, file, options);
        return await this.poll(vectorStoreId, fileInfo.id, options);
    }
}
class VectorStoreFilesPage extends _pagination_mjs__WEBPACK_IMPORTED_MODULE_2__.CursorPage {
}
Files.VectorStoreFilesPage = VectorStoreFilesPage;
//# sourceMappingURL=files.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/beta/vector-stores/vector-stores.mjs":
/*!****************************************************************************!*\
  !*** ./node_modules/openai/resources/beta/vector-stores/vector-stores.mjs ***!
  \****************************************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   VectorStores: () => (/* binding */ VectorStores),
/* harmony export */   VectorStoresPage: () => (/* binding */ VectorStoresPage)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../resource.mjs */ "./node_modules/openai/resource.mjs");
/* harmony import */ var _core_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../core.mjs */ "./node_modules/openai/core.mjs");
/* harmony import */ var _file_batches_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./file-batches.mjs */ "./node_modules/openai/resources/beta/vector-stores/file-batches.mjs");
/* harmony import */ var _files_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./files.mjs */ "./node_modules/openai/resources/beta/vector-stores/files.mjs");
/* harmony import */ var _pagination_mjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../pagination.mjs */ "./node_modules/openai/pagination.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.







class VectorStores extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    constructor() {
        super(...arguments);
        this.files = new _files_mjs__WEBPACK_IMPORTED_MODULE_1__.Files(this._client);
        this.fileBatches = new _file_batches_mjs__WEBPACK_IMPORTED_MODULE_2__.FileBatches(this._client);
    }
    /**
     * Create a vector store.
     */
    create(body, options) {
        return this._client.post('/vector_stores', {
            body,
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    /**
     * Retrieves a vector store.
     */
    retrieve(vectorStoreId, options) {
        return this._client.get(`/vector_stores/${vectorStoreId}`, {
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    /**
     * Modifies a vector store.
     */
    update(vectorStoreId, body, options) {
        return this._client.post(`/vector_stores/${vectorStoreId}`, {
            body,
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    list(query = {}, options) {
        if ((0,_core_mjs__WEBPACK_IMPORTED_MODULE_3__.isRequestOptions)(query)) {
            return this.list({}, query);
        }
        return this._client.getAPIList('/vector_stores', VectorStoresPage, {
            query,
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
    /**
     * Delete a vector store.
     */
    del(vectorStoreId, options) {
        return this._client.delete(`/vector_stores/${vectorStoreId}`, {
            ...options,
            headers: { 'OpenAI-Beta': 'assistants=v2', ...options?.headers },
        });
    }
}
class VectorStoresPage extends _pagination_mjs__WEBPACK_IMPORTED_MODULE_4__.CursorPage {
}
VectorStores.VectorStoresPage = VectorStoresPage;
VectorStores.Files = _files_mjs__WEBPACK_IMPORTED_MODULE_1__.Files;
VectorStores.VectorStoreFilesPage = _files_mjs__WEBPACK_IMPORTED_MODULE_1__.VectorStoreFilesPage;
VectorStores.FileBatches = _file_batches_mjs__WEBPACK_IMPORTED_MODULE_2__.FileBatches;
//# sourceMappingURL=vector-stores.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/chat/chat.mjs":
/*!*****************************************************!*\
  !*** ./node_modules/openai/resources/chat/chat.mjs ***!
  \*****************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Chat: () => (/* binding */ Chat)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../resource.mjs */ "./node_modules/openai/resource.mjs");
/* harmony import */ var _completions_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./completions.mjs */ "./node_modules/openai/resources/chat/completions.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.



class Chat extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    constructor() {
        super(...arguments);
        this.completions = new _completions_mjs__WEBPACK_IMPORTED_MODULE_1__.Completions(this._client);
    }
}
Chat.Completions = _completions_mjs__WEBPACK_IMPORTED_MODULE_1__.Completions;
//# sourceMappingURL=chat.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/chat/completions.mjs":
/*!************************************************************!*\
  !*** ./node_modules/openai/resources/chat/completions.mjs ***!
  \************************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Completions: () => (/* binding */ Completions)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../resource.mjs */ "./node_modules/openai/resource.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.

class Completions extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    create(body, options) {
        return this._client.post('/chat/completions', { body, ...options, stream: body.stream ?? false });
    }
}
//# sourceMappingURL=completions.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/completions.mjs":
/*!*******************************************************!*\
  !*** ./node_modules/openai/resources/completions.mjs ***!
  \*******************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Completions: () => (/* binding */ Completions)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../resource.mjs */ "./node_modules/openai/resource.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.

class Completions extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    create(body, options) {
        return this._client.post('/completions', { body, ...options, stream: body.stream ?? false });
    }
}
//# sourceMappingURL=completions.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/embeddings.mjs":
/*!******************************************************!*\
  !*** ./node_modules/openai/resources/embeddings.mjs ***!
  \******************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Embeddings: () => (/* binding */ Embeddings)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../resource.mjs */ "./node_modules/openai/resource.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.

class Embeddings extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    /**
     * Creates an embedding vector representing the input text.
     */
    create(body, options) {
        return this._client.post('/embeddings', { body, ...options });
    }
}
//# sourceMappingURL=embeddings.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/files.mjs":
/*!*************************************************!*\
  !*** ./node_modules/openai/resources/files.mjs ***!
  \*************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   FileObjectsPage: () => (/* binding */ FileObjectsPage),
/* harmony export */   Files: () => (/* binding */ Files)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../resource.mjs */ "./node_modules/openai/resource.mjs");
/* harmony import */ var _core_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../core.mjs */ "./node_modules/openai/core.mjs");
/* harmony import */ var _error_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../error.mjs */ "./node_modules/openai/error.mjs");
/* harmony import */ var _core_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core.mjs */ "./node_modules/openai/uploads.mjs");
/* harmony import */ var _pagination_mjs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../pagination.mjs */ "./node_modules/openai/pagination.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.






class Files extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    /**
     * Upload a file that can be used across various endpoints. Individual files can be
     * up to 512 MB, and the size of all files uploaded by one organization can be up
     * to 100 GB.
     *
     * The Assistants API supports files up to 2 million tokens and of specific file
     * types. See the
     * [Assistants Tools guide](https://platform.openai.com/docs/assistants/tools) for
     * details.
     *
     * The Fine-tuning API only supports `.jsonl` files. The input also has certain
     * required formats for fine-tuning
     * [chat](https://platform.openai.com/docs/api-reference/fine-tuning/chat-input) or
     * [completions](https://platform.openai.com/docs/api-reference/fine-tuning/completions-input)
     * models.
     *
     * The Batch API only supports `.jsonl` files up to 200 MB in size. The input also
     * has a specific required
     * [format](https://platform.openai.com/docs/api-reference/batch/request-input).
     *
     * Please [contact us](https://help.openai.com/) if you need to increase these
     * storage limits.
     */
    create(body, options) {
        return this._client.post('/files', _core_mjs__WEBPACK_IMPORTED_MODULE_1__.multipartFormRequestOptions({ body, ...options }));
    }
    /**
     * Returns information about a specific file.
     */
    retrieve(fileId, options) {
        return this._client.get(`/files/${fileId}`, options);
    }
    list(query = {}, options) {
        if ((0,_core_mjs__WEBPACK_IMPORTED_MODULE_2__.isRequestOptions)(query)) {
            return this.list({}, query);
        }
        return this._client.getAPIList('/files', FileObjectsPage, { query, ...options });
    }
    /**
     * Delete a file.
     */
    del(fileId, options) {
        return this._client.delete(`/files/${fileId}`, options);
    }
    /**
     * Returns the contents of the specified file.
     */
    content(fileId, options) {
        return this._client.get(`/files/${fileId}/content`, { ...options, __binaryResponse: true });
    }
    /**
     * Returns the contents of the specified file.
     *
     * @deprecated The `.content()` method should be used instead
     */
    retrieveContent(fileId, options) {
        return this._client.get(`/files/${fileId}/content`, {
            ...options,
            headers: { Accept: 'application/json', ...options?.headers },
        });
    }
    /**
     * Waits for the given file to be processed, default timeout is 30 mins.
     */
    async waitForProcessing(id, { pollInterval = 5000, maxWait = 30 * 60 * 1000 } = {}) {
        const TERMINAL_STATES = new Set(['processed', 'error', 'deleted']);
        const start = Date.now();
        let file = await this.retrieve(id);
        while (!file.status || !TERMINAL_STATES.has(file.status)) {
            await (0,_core_mjs__WEBPACK_IMPORTED_MODULE_2__.sleep)(pollInterval);
            file = await this.retrieve(id);
            if (Date.now() - start > maxWait) {
                throw new _error_mjs__WEBPACK_IMPORTED_MODULE_3__.APIConnectionTimeoutError({
                    message: `Giving up on waiting for file ${id} to finish processing after ${maxWait} milliseconds.`,
                });
            }
        }
        return file;
    }
}
class FileObjectsPage extends _pagination_mjs__WEBPACK_IMPORTED_MODULE_4__.CursorPage {
}
Files.FileObjectsPage = FileObjectsPage;
//# sourceMappingURL=files.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/fine-tuning/fine-tuning.mjs":
/*!*******************************************************************!*\
  !*** ./node_modules/openai/resources/fine-tuning/fine-tuning.mjs ***!
  \*******************************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   FineTuning: () => (/* binding */ FineTuning)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../resource.mjs */ "./node_modules/openai/resource.mjs");
/* harmony import */ var _jobs_jobs_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./jobs/jobs.mjs */ "./node_modules/openai/resources/fine-tuning/jobs/jobs.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.



class FineTuning extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    constructor() {
        super(...arguments);
        this.jobs = new _jobs_jobs_mjs__WEBPACK_IMPORTED_MODULE_1__.Jobs(this._client);
    }
}
FineTuning.Jobs = _jobs_jobs_mjs__WEBPACK_IMPORTED_MODULE_1__.Jobs;
FineTuning.FineTuningJobsPage = _jobs_jobs_mjs__WEBPACK_IMPORTED_MODULE_1__.FineTuningJobsPage;
FineTuning.FineTuningJobEventsPage = _jobs_jobs_mjs__WEBPACK_IMPORTED_MODULE_1__.FineTuningJobEventsPage;
//# sourceMappingURL=fine-tuning.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/fine-tuning/jobs/checkpoints.mjs":
/*!************************************************************************!*\
  !*** ./node_modules/openai/resources/fine-tuning/jobs/checkpoints.mjs ***!
  \************************************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Checkpoints: () => (/* binding */ Checkpoints),
/* harmony export */   FineTuningJobCheckpointsPage: () => (/* binding */ FineTuningJobCheckpointsPage)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../resource.mjs */ "./node_modules/openai/resource.mjs");
/* harmony import */ var _core_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../core.mjs */ "./node_modules/openai/core.mjs");
/* harmony import */ var _pagination_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../pagination.mjs */ "./node_modules/openai/pagination.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.



class Checkpoints extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    list(fineTuningJobId, query = {}, options) {
        if ((0,_core_mjs__WEBPACK_IMPORTED_MODULE_1__.isRequestOptions)(query)) {
            return this.list(fineTuningJobId, {}, query);
        }
        return this._client.getAPIList(`/fine_tuning/jobs/${fineTuningJobId}/checkpoints`, FineTuningJobCheckpointsPage, { query, ...options });
    }
}
class FineTuningJobCheckpointsPage extends _pagination_mjs__WEBPACK_IMPORTED_MODULE_2__.CursorPage {
}
Checkpoints.FineTuningJobCheckpointsPage = FineTuningJobCheckpointsPage;
//# sourceMappingURL=checkpoints.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/fine-tuning/jobs/jobs.mjs":
/*!*****************************************************************!*\
  !*** ./node_modules/openai/resources/fine-tuning/jobs/jobs.mjs ***!
  \*****************************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   FineTuningJobEventsPage: () => (/* binding */ FineTuningJobEventsPage),
/* harmony export */   FineTuningJobsPage: () => (/* binding */ FineTuningJobsPage),
/* harmony export */   Jobs: () => (/* binding */ Jobs)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../resource.mjs */ "./node_modules/openai/resource.mjs");
/* harmony import */ var _core_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../core.mjs */ "./node_modules/openai/core.mjs");
/* harmony import */ var _checkpoints_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./checkpoints.mjs */ "./node_modules/openai/resources/fine-tuning/jobs/checkpoints.mjs");
/* harmony import */ var _pagination_mjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../pagination.mjs */ "./node_modules/openai/pagination.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.





class Jobs extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    constructor() {
        super(...arguments);
        this.checkpoints = new _checkpoints_mjs__WEBPACK_IMPORTED_MODULE_1__.Checkpoints(this._client);
    }
    /**
     * Creates a fine-tuning job which begins the process of creating a new model from
     * a given dataset.
     *
     * Response includes details of the enqueued job including job status and the name
     * of the fine-tuned models once complete.
     *
     * [Learn more about fine-tuning](https://platform.openai.com/docs/guides/fine-tuning)
     */
    create(body, options) {
        return this._client.post('/fine_tuning/jobs', { body, ...options });
    }
    /**
     * Get info about a fine-tuning job.
     *
     * [Learn more about fine-tuning](https://platform.openai.com/docs/guides/fine-tuning)
     */
    retrieve(fineTuningJobId, options) {
        return this._client.get(`/fine_tuning/jobs/${fineTuningJobId}`, options);
    }
    list(query = {}, options) {
        if ((0,_core_mjs__WEBPACK_IMPORTED_MODULE_2__.isRequestOptions)(query)) {
            return this.list({}, query);
        }
        return this._client.getAPIList('/fine_tuning/jobs', FineTuningJobsPage, { query, ...options });
    }
    /**
     * Immediately cancel a fine-tune job.
     */
    cancel(fineTuningJobId, options) {
        return this._client.post(`/fine_tuning/jobs/${fineTuningJobId}/cancel`, options);
    }
    listEvents(fineTuningJobId, query = {}, options) {
        if ((0,_core_mjs__WEBPACK_IMPORTED_MODULE_2__.isRequestOptions)(query)) {
            return this.listEvents(fineTuningJobId, {}, query);
        }
        return this._client.getAPIList(`/fine_tuning/jobs/${fineTuningJobId}/events`, FineTuningJobEventsPage, {
            query,
            ...options,
        });
    }
}
class FineTuningJobsPage extends _pagination_mjs__WEBPACK_IMPORTED_MODULE_3__.CursorPage {
}
class FineTuningJobEventsPage extends _pagination_mjs__WEBPACK_IMPORTED_MODULE_3__.CursorPage {
}
Jobs.FineTuningJobsPage = FineTuningJobsPage;
Jobs.FineTuningJobEventsPage = FineTuningJobEventsPage;
Jobs.Checkpoints = _checkpoints_mjs__WEBPACK_IMPORTED_MODULE_1__.Checkpoints;
Jobs.FineTuningJobCheckpointsPage = _checkpoints_mjs__WEBPACK_IMPORTED_MODULE_1__.FineTuningJobCheckpointsPage;
//# sourceMappingURL=jobs.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/images.mjs":
/*!**************************************************!*\
  !*** ./node_modules/openai/resources/images.mjs ***!
  \**************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Images: () => (/* binding */ Images)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../resource.mjs */ "./node_modules/openai/resource.mjs");
/* harmony import */ var _core_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core.mjs */ "./node_modules/openai/uploads.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.


class Images extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    /**
     * Creates a variation of a given image.
     */
    createVariation(body, options) {
        return this._client.post('/images/variations', _core_mjs__WEBPACK_IMPORTED_MODULE_1__.multipartFormRequestOptions({ body, ...options }));
    }
    /**
     * Creates an edited or extended image given an original image and a prompt.
     */
    edit(body, options) {
        return this._client.post('/images/edits', _core_mjs__WEBPACK_IMPORTED_MODULE_1__.multipartFormRequestOptions({ body, ...options }));
    }
    /**
     * Creates an image given a prompt.
     */
    generate(body, options) {
        return this._client.post('/images/generations', { body, ...options });
    }
}
//# sourceMappingURL=images.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/models.mjs":
/*!**************************************************!*\
  !*** ./node_modules/openai/resources/models.mjs ***!
  \**************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Models: () => (/* binding */ Models),
/* harmony export */   ModelsPage: () => (/* binding */ ModelsPage)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../resource.mjs */ "./node_modules/openai/resource.mjs");
/* harmony import */ var _pagination_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../pagination.mjs */ "./node_modules/openai/pagination.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.


class Models extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    /**
     * Retrieves a model instance, providing basic information about the model such as
     * the owner and permissioning.
     */
    retrieve(model, options) {
        return this._client.get(`/models/${model}`, options);
    }
    /**
     * Lists the currently available models, and provides basic information about each
     * one such as the owner and availability.
     */
    list(options) {
        return this._client.getAPIList('/models', ModelsPage, options);
    }
    /**
     * Delete a fine-tuned model. You must have the Owner role in your organization to
     * delete a model.
     */
    del(model, options) {
        return this._client.delete(`/models/${model}`, options);
    }
}
/**
 * Note: no pagination actually occurs yet, this is for forwards-compatibility.
 */
class ModelsPage extends _pagination_mjs__WEBPACK_IMPORTED_MODULE_1__.Page {
}
Models.ModelsPage = ModelsPage;
//# sourceMappingURL=models.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/moderations.mjs":
/*!*******************************************************!*\
  !*** ./node_modules/openai/resources/moderations.mjs ***!
  \*******************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Moderations: () => (/* binding */ Moderations)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../resource.mjs */ "./node_modules/openai/resource.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.

class Moderations extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    /**
     * Classifies if text and/or image inputs are potentially harmful. Learn more in
     * the [moderation guide](https://platform.openai.com/docs/guides/moderation).
     */
    create(body, options) {
        return this._client.post('/moderations', { body, ...options });
    }
}
//# sourceMappingURL=moderations.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/uploads/parts.mjs":
/*!*********************************************************!*\
  !*** ./node_modules/openai/resources/uploads/parts.mjs ***!
  \*********************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Parts: () => (/* binding */ Parts)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../resource.mjs */ "./node_modules/openai/resource.mjs");
/* harmony import */ var _core_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../core.mjs */ "./node_modules/openai/uploads.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.


class Parts extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    /**
     * Adds a
     * [Part](https://platform.openai.com/docs/api-reference/uploads/part-object) to an
     * [Upload](https://platform.openai.com/docs/api-reference/uploads/object) object.
     * A Part represents a chunk of bytes from the file you are trying to upload.
     *
     * Each Part can be at most 64 MB, and you can add Parts until you hit the Upload
     * maximum of 8 GB.
     *
     * It is possible to add multiple Parts in parallel. You can decide the intended
     * order of the Parts when you
     * [complete the Upload](https://platform.openai.com/docs/api-reference/uploads/complete).
     */
    create(uploadId, body, options) {
        return this._client.post(`/uploads/${uploadId}/parts`, _core_mjs__WEBPACK_IMPORTED_MODULE_1__.multipartFormRequestOptions({ body, ...options }));
    }
}
//# sourceMappingURL=parts.mjs.map

/***/ }),

/***/ "./node_modules/openai/resources/uploads/uploads.mjs":
/*!***********************************************************!*\
  !*** ./node_modules/openai/resources/uploads/uploads.mjs ***!
  \***********************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Uploads: () => (/* binding */ Uploads)
/* harmony export */ });
/* harmony import */ var _resource_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../resource.mjs */ "./node_modules/openai/resource.mjs");
/* harmony import */ var _parts_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./parts.mjs */ "./node_modules/openai/resources/uploads/parts.mjs");
// File generated from our OpenAPI spec by Stainless. See CONTRIBUTING.md for details.



class Uploads extends _resource_mjs__WEBPACK_IMPORTED_MODULE_0__.APIResource {
    constructor() {
        super(...arguments);
        this.parts = new _parts_mjs__WEBPACK_IMPORTED_MODULE_1__.Parts(this._client);
    }
    /**
     * Creates an intermediate
     * [Upload](https://platform.openai.com/docs/api-reference/uploads/object) object
     * that you can add
     * [Parts](https://platform.openai.com/docs/api-reference/uploads/part-object) to.
     * Currently, an Upload can accept at most 8 GB in total and expires after an hour
     * after you create it.
     *
     * Once you complete the Upload, we will create a
     * [File](https://platform.openai.com/docs/api-reference/files/object) object that
     * contains all the parts you uploaded. This File is usable in the rest of our
     * platform as a regular File object.
     *
     * For certain `purpose`s, the correct `mime_type` must be specified. Please refer
     * to documentation for the supported MIME types for your use case:
     *
     * - [Assistants](https://platform.openai.com/docs/assistants/tools/file-search#supported-files)
     *
     * For guidance on the proper filename extensions for each purpose, please follow
     * the documentation on
     * [creating a File](https://platform.openai.com/docs/api-reference/files/create).
     */
    create(body, options) {
        return this._client.post('/uploads', { body, ...options });
    }
    /**
     * Cancels the Upload. No Parts may be added after an Upload is cancelled.
     */
    cancel(uploadId, options) {
        return this._client.post(`/uploads/${uploadId}/cancel`, options);
    }
    /**
     * Completes the
     * [Upload](https://platform.openai.com/docs/api-reference/uploads/object).
     *
     * Within the returned Upload object, there is a nested
     * [File](https://platform.openai.com/docs/api-reference/files/object) object that
     * is ready to use in the rest of the platform.
     *
     * You can specify the order of the Parts by passing in an ordered list of the Part
     * IDs.
     *
     * The number of bytes uploaded upon completion must match the number of bytes
     * initially specified when creating the Upload object. No Parts may be added after
     * an Upload is completed.
     */
    complete(uploadId, body, options) {
        return this._client.post(`/uploads/${uploadId}/complete`, { body, ...options });
    }
}
Uploads.Parts = _parts_mjs__WEBPACK_IMPORTED_MODULE_1__.Parts;
//# sourceMappingURL=uploads.mjs.map

/***/ }),

/***/ "./node_modules/openai/streaming.mjs":
/*!*******************************************!*\
  !*** ./node_modules/openai/streaming.mjs ***!
  \*******************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   Stream: () => (/* binding */ Stream),
/* harmony export */   _decodeChunks: () => (/* binding */ _decodeChunks),
/* harmony export */   _iterSSEMessages: () => (/* binding */ _iterSSEMessages),
/* harmony export */   readableStreamAsyncIterable: () => (/* binding */ readableStreamAsyncIterable)
/* harmony export */ });
/* harmony import */ var _shims_index_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_shims/index.mjs */ "./node_modules/openai/_shims/index.mjs");
/* harmony import */ var _error_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./error.mjs */ "./node_modules/openai/error.mjs");
/* harmony import */ var _internal_decoders_line_mjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./internal/decoders/line.mjs */ "./node_modules/openai/internal/decoders/line.mjs");




class Stream {
    constructor(iterator, controller) {
        this.iterator = iterator;
        this.controller = controller;
    }
    static fromSSEResponse(response, controller) {
        let consumed = false;
        async function* iterator() {
            if (consumed) {
                throw new Error('Cannot iterate over a consumed stream, use `.tee()` to split the stream.');
            }
            consumed = true;
            let done = false;
            try {
                for await (const sse of _iterSSEMessages(response, controller)) {
                    if (done)
                        continue;
                    if (sse.data.startsWith('[DONE]')) {
                        done = true;
                        continue;
                    }
                    if (sse.event === null) {
                        let data;
                        try {
                            data = JSON.parse(sse.data);
                        }
                        catch (e) {
                            console.error(`Could not parse message into JSON:`, sse.data);
                            console.error(`From chunk:`, sse.raw);
                            throw e;
                        }
                        if (data && data.error) {
                            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_1__.APIError(undefined, data.error, undefined, undefined);
                        }
                        yield data;
                    }
                    else {
                        let data;
                        try {
                            data = JSON.parse(sse.data);
                        }
                        catch (e) {
                            console.error(`Could not parse message into JSON:`, sse.data);
                            console.error(`From chunk:`, sse.raw);
                            throw e;
                        }
                        // TODO: Is this where the error should be thrown?
                        if (sse.event == 'error') {
                            throw new _error_mjs__WEBPACK_IMPORTED_MODULE_1__.APIError(undefined, data.error, data.message, undefined);
                        }
                        yield { event: sse.event, data: data };
                    }
                }
                done = true;
            }
            catch (e) {
                // If the user calls `stream.controller.abort()`, we should exit without throwing.
                if (e instanceof Error && e.name === 'AbortError')
                    return;
                throw e;
            }
            finally {
                // If the user `break`s, abort the ongoing request.
                if (!done)
                    controller.abort();
            }
        }
        return new Stream(iterator, controller);
    }
    /**
     * Generates a Stream from a newline-separated ReadableStream
     * where each item is a JSON value.
     */
    static fromReadableStream(readableStream, controller) {
        let consumed = false;
        async function* iterLines() {
            const lineDecoder = new _internal_decoders_line_mjs__WEBPACK_IMPORTED_MODULE_2__.LineDecoder();
            const iter = readableStreamAsyncIterable(readableStream);
            for await (const chunk of iter) {
                for (const line of lineDecoder.decode(chunk)) {
                    yield line;
                }
            }
            for (const line of lineDecoder.flush()) {
                yield line;
            }
        }
        async function* iterator() {
            if (consumed) {
                throw new Error('Cannot iterate over a consumed stream, use `.tee()` to split the stream.');
            }
            consumed = true;
            let done = false;
            try {
                for await (const line of iterLines()) {
                    if (done)
                        continue;
                    if (line)
                        yield JSON.parse(line);
                }
                done = true;
            }
            catch (e) {
                // If the user calls `stream.controller.abort()`, we should exit without throwing.
                if (e instanceof Error && e.name === 'AbortError')
                    return;
                throw e;
            }
            finally {
                // If the user `break`s, abort the ongoing request.
                if (!done)
                    controller.abort();
            }
        }
        return new Stream(iterator, controller);
    }
    [Symbol.asyncIterator]() {
        return this.iterator();
    }
    /**
     * Splits the stream into two streams which can be
     * independently read from at different speeds.
     */
    tee() {
        const left = [];
        const right = [];
        const iterator = this.iterator();
        const teeIterator = (queue) => {
            return {
                next: () => {
                    if (queue.length === 0) {
                        const result = iterator.next();
                        left.push(result);
                        right.push(result);
                    }
                    return queue.shift();
                },
            };
        };
        return [
            new Stream(() => teeIterator(left), this.controller),
            new Stream(() => teeIterator(right), this.controller),
        ];
    }
    /**
     * Converts this stream to a newline-separated ReadableStream of
     * JSON stringified values in the stream
     * which can be turned back into a Stream with `Stream.fromReadableStream()`.
     */
    toReadableStream() {
        const self = this;
        let iter;
        const encoder = new TextEncoder();
        return new _shims_index_mjs__WEBPACK_IMPORTED_MODULE_0__.ReadableStream({
            async start() {
                iter = self[Symbol.asyncIterator]();
            },
            async pull(ctrl) {
                try {
                    const { value, done } = await iter.next();
                    if (done)
                        return ctrl.close();
                    const bytes = encoder.encode(JSON.stringify(value) + '\n');
                    ctrl.enqueue(bytes);
                }
                catch (err) {
                    ctrl.error(err);
                }
            },
            async cancel() {
                await iter.return?.();
            },
        });
    }
}
async function* _iterSSEMessages(response, controller) {
    if (!response.body) {
        controller.abort();
        throw new _error_mjs__WEBPACK_IMPORTED_MODULE_1__.OpenAIError(`Attempted to iterate over a response with no body`);
    }
    const sseDecoder = new SSEDecoder();
    const lineDecoder = new _internal_decoders_line_mjs__WEBPACK_IMPORTED_MODULE_2__.LineDecoder();
    const iter = readableStreamAsyncIterable(response.body);
    for await (const sseChunk of iterSSEChunks(iter)) {
        for (const line of lineDecoder.decode(sseChunk)) {
            const sse = sseDecoder.decode(line);
            if (sse)
                yield sse;
        }
    }
    for (const line of lineDecoder.flush()) {
        const sse = sseDecoder.decode(line);
        if (sse)
            yield sse;
    }
}
/**
 * Given an async iterable iterator, iterates over it and yields full
 * SSE chunks, i.e. yields when a double new-line is encountered.
 */
async function* iterSSEChunks(iterator) {
    let data = new Uint8Array();
    for await (const chunk of iterator) {
        if (chunk == null) {
            continue;
        }
        const binaryChunk = chunk instanceof ArrayBuffer ? new Uint8Array(chunk)
            : typeof chunk === 'string' ? new TextEncoder().encode(chunk)
                : chunk;
        let newData = new Uint8Array(data.length + binaryChunk.length);
        newData.set(data);
        newData.set(binaryChunk, data.length);
        data = newData;
        let patternIndex;
        while ((patternIndex = findDoubleNewlineIndex(data)) !== -1) {
            yield data.slice(0, patternIndex);
            data = data.slice(patternIndex);
        }
    }
    if (data.length > 0) {
        yield data;
    }
}
function findDoubleNewlineIndex(buffer) {
    // This function searches the buffer for the end patterns (\r\r, \n\n, \r\n\r\n)
    // and returns the index right after the first occurrence of any pattern,
    // or -1 if none of the patterns are found.
    const newline = 0x0a; // \n
    const carriage = 0x0d; // \r
    for (let i = 0; i < buffer.length - 2; i++) {
        if (buffer[i] === newline && buffer[i + 1] === newline) {
            // \n\n
            return i + 2;
        }
        if (buffer[i] === carriage && buffer[i + 1] === carriage) {
            // \r\r
            return i + 2;
        }
        if (buffer[i] === carriage &&
            buffer[i + 1] === newline &&
            i + 3 < buffer.length &&
            buffer[i + 2] === carriage &&
            buffer[i + 3] === newline) {
            // \r\n\r\n
            return i + 4;
        }
    }
    return -1;
}
class SSEDecoder {
    constructor() {
        this.event = null;
        this.data = [];
        this.chunks = [];
    }
    decode(line) {
        if (line.endsWith('\r')) {
            line = line.substring(0, line.length - 1);
        }
        if (!line) {
            // empty line and we didn't previously encounter any messages
            if (!this.event && !this.data.length)
                return null;
            const sse = {
                event: this.event,
                data: this.data.join('\n'),
                raw: this.chunks,
            };
            this.event = null;
            this.data = [];
            this.chunks = [];
            return sse;
        }
        this.chunks.push(line);
        if (line.startsWith(':')) {
            return null;
        }
        let [fieldname, _, value] = partition(line, ':');
        if (value.startsWith(' ')) {
            value = value.substring(1);
        }
        if (fieldname === 'event') {
            this.event = value;
        }
        else if (fieldname === 'data') {
            this.data.push(value);
        }
        return null;
    }
}
/** This is an internal helper function that's just used for testing */
function _decodeChunks(chunks) {
    const decoder = new _internal_decoders_line_mjs__WEBPACK_IMPORTED_MODULE_2__.LineDecoder();
    const lines = [];
    for (const chunk of chunks) {
        lines.push(...decoder.decode(chunk));
    }
    return lines;
}
function partition(str, delimiter) {
    const index = str.indexOf(delimiter);
    if (index !== -1) {
        return [str.substring(0, index), delimiter, str.substring(index + delimiter.length)];
    }
    return [str, '', ''];
}
/**
 * Most browsers don't yet have async iterable support for ReadableStream,
 * and Node has a very different way of reading bytes from its "ReadableStream".
 *
 * This polyfill was pulled from https://github.com/MattiasBuelens/web-streams-polyfill/pull/122#issuecomment-1627354490
 */
function readableStreamAsyncIterable(stream) {
    if (stream[Symbol.asyncIterator])
        return stream;
    const reader = stream.getReader();
    return {
        async next() {
            try {
                const result = await reader.read();
                if (result?.done)
                    reader.releaseLock(); // release lock when stream becomes closed
                return result;
            }
            catch (e) {
                reader.releaseLock(); // release lock when stream becomes errored
                throw e;
            }
        },
        async return() {
            const cancelPromise = reader.cancel();
            reader.releaseLock();
            await cancelPromise;
            return { done: true, value: undefined };
        },
        [Symbol.asyncIterator]() {
            return this;
        },
    };
}
//# sourceMappingURL=streaming.mjs.map

/***/ }),

/***/ "./node_modules/openai/uploads.mjs":
/*!*****************************************!*\
  !*** ./node_modules/openai/uploads.mjs ***!
  \*****************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   createForm: () => (/* binding */ createForm),
/* harmony export */   fileFromPath: () => (/* reexport safe */ _shims_index_mjs__WEBPACK_IMPORTED_MODULE_0__.fileFromPath),
/* harmony export */   isBlobLike: () => (/* binding */ isBlobLike),
/* harmony export */   isFileLike: () => (/* binding */ isFileLike),
/* harmony export */   isMultipartBody: () => (/* binding */ isMultipartBody),
/* harmony export */   isResponseLike: () => (/* binding */ isResponseLike),
/* harmony export */   isUploadable: () => (/* binding */ isUploadable),
/* harmony export */   maybeMultipartFormRequestOptions: () => (/* binding */ maybeMultipartFormRequestOptions),
/* harmony export */   multipartFormRequestOptions: () => (/* binding */ multipartFormRequestOptions),
/* harmony export */   toFile: () => (/* binding */ toFile)
/* harmony export */ });
/* harmony import */ var _shims_index_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_shims/index.mjs */ "./node_modules/openai/_shims/index.mjs");


const isResponseLike = (value) => value != null &&
    typeof value === 'object' &&
    typeof value.url === 'string' &&
    typeof value.blob === 'function';
const isFileLike = (value) => value != null &&
    typeof value === 'object' &&
    typeof value.name === 'string' &&
    typeof value.lastModified === 'number' &&
    isBlobLike(value);
/**
 * The BlobLike type omits arrayBuffer() because @types/node-fetch@^2.6.4 lacks it; but this check
 * adds the arrayBuffer() method type because it is available and used at runtime
 */
const isBlobLike = (value) => value != null &&
    typeof value === 'object' &&
    typeof value.size === 'number' &&
    typeof value.type === 'string' &&
    typeof value.text === 'function' &&
    typeof value.slice === 'function' &&
    typeof value.arrayBuffer === 'function';
const isUploadable = (value) => {
    return isFileLike(value) || isResponseLike(value) || (0,_shims_index_mjs__WEBPACK_IMPORTED_MODULE_0__.isFsReadStream)(value);
};
/**
 * Helper for creating a {@link File} to pass to an SDK upload method from a variety of different data formats
 * @param value the raw content of the file.  Can be an {@link Uploadable}, {@link BlobLikePart}, or {@link AsyncIterable} of {@link BlobLikePart}s
 * @param {string=} name the name of the file. If omitted, toFile will try to determine a file name from bits if possible
 * @param {Object=} options additional properties
 * @param {string=} options.type the MIME type of the content
 * @param {number=} options.lastModified the last modified timestamp
 * @returns a {@link File} with the given properties
 */
async function toFile(value, name, options) {
    // If it's a promise, resolve it.
    value = await value;
    // If we've been given a `File` we don't need to do anything
    if (isFileLike(value)) {
        return value;
    }
    if (isResponseLike(value)) {
        const blob = await value.blob();
        name || (name = new URL(value.url).pathname.split(/[\\/]/).pop() ?? 'unknown_file');
        // we need to convert the `Blob` into an array buffer because the `Blob` class
        // that `node-fetch` defines is incompatible with the web standard which results
        // in `new File` interpreting it as a string instead of binary data.
        const data = isBlobLike(blob) ? [(await blob.arrayBuffer())] : [blob];
        return new _shims_index_mjs__WEBPACK_IMPORTED_MODULE_0__.File(data, name, options);
    }
    const bits = await getBytes(value);
    name || (name = getName(value) ?? 'unknown_file');
    if (!options?.type) {
        const type = bits[0]?.type;
        if (typeof type === 'string') {
            options = { ...options, type };
        }
    }
    return new _shims_index_mjs__WEBPACK_IMPORTED_MODULE_0__.File(bits, name, options);
}
async function getBytes(value) {
    let parts = [];
    if (typeof value === 'string' ||
        ArrayBuffer.isView(value) || // includes Uint8Array, Buffer, etc.
        value instanceof ArrayBuffer) {
        parts.push(value);
    }
    else if (isBlobLike(value)) {
        parts.push(await value.arrayBuffer());
    }
    else if (isAsyncIterableIterator(value) // includes Readable, ReadableStream, etc.
    ) {
        for await (const chunk of value) {
            parts.push(chunk); // TODO, consider validating?
        }
    }
    else {
        throw new Error(`Unexpected data type: ${typeof value}; constructor: ${value?.constructor
            ?.name}; props: ${propsForError(value)}`);
    }
    return parts;
}
function propsForError(value) {
    const props = Object.getOwnPropertyNames(value);
    return `[${props.map((p) => `"${p}"`).join(', ')}]`;
}
function getName(value) {
    return (getStringFromMaybeBuffer(value.name) ||
        getStringFromMaybeBuffer(value.filename) ||
        // For fs.ReadStream
        getStringFromMaybeBuffer(value.path)?.split(/[\\/]/).pop());
}
const getStringFromMaybeBuffer = (x) => {
    if (typeof x === 'string')
        return x;
    if (typeof Buffer !== 'undefined' && x instanceof Buffer)
        return String(x);
    return undefined;
};
const isAsyncIterableIterator = (value) => value != null && typeof value === 'object' && typeof value[Symbol.asyncIterator] === 'function';
const isMultipartBody = (body) => body && typeof body === 'object' && body.body && body[Symbol.toStringTag] === 'MultipartBody';
/**
 * Returns a multipart/form-data request if any part of the given request body contains a File / Blob value.
 * Otherwise returns the request as is.
 */
const maybeMultipartFormRequestOptions = async (opts) => {
    if (!hasUploadableValue(opts.body))
        return opts;
    const form = await createForm(opts.body);
    return (0,_shims_index_mjs__WEBPACK_IMPORTED_MODULE_0__.getMultipartRequestOptions)(form, opts);
};
const multipartFormRequestOptions = async (opts) => {
    const form = await createForm(opts.body);
    return (0,_shims_index_mjs__WEBPACK_IMPORTED_MODULE_0__.getMultipartRequestOptions)(form, opts);
};
const createForm = async (body) => {
    const form = new _shims_index_mjs__WEBPACK_IMPORTED_MODULE_0__.FormData();
    await Promise.all(Object.entries(body || {}).map(([key, value]) => addFormValue(form, key, value)));
    return form;
};
const hasUploadableValue = (value) => {
    if (isUploadable(value))
        return true;
    if (Array.isArray(value))
        return value.some(hasUploadableValue);
    if (value && typeof value === 'object') {
        for (const k in value) {
            if (hasUploadableValue(value[k]))
                return true;
        }
    }
    return false;
};
const addFormValue = async (form, key, value) => {
    if (value === undefined)
        return;
    if (value == null) {
        throw new TypeError(`Received null for "${key}"; to pass null in FormData, you must use the string 'null'`);
    }
    // TODO: make nested formats configurable
    if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
        form.append(key, String(value));
    }
    else if (isUploadable(value)) {
        const file = await toFile(value);
        form.append(key, file);
    }
    else if (Array.isArray(value)) {
        await Promise.all(value.map((entry) => addFormValue(form, key + '[]', entry)));
    }
    else if (typeof value === 'object') {
        await Promise.all(Object.entries(value).map(([name, prop]) => addFormValue(form, `${key}[${name}]`, prop)));
    }
    else {
        throw new TypeError(`Invalid value given to form, expected a string, number, boolean, object, Array, File or Blob but got ${value} instead`);
    }
};
//# sourceMappingURL=uploads.mjs.map

/***/ }),

/***/ "./node_modules/openai/version.mjs":
/*!*****************************************!*\
  !*** ./node_modules/openai/version.mjs ***!
  \*****************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   VERSION: () => (/* binding */ VERSION)
/* harmony export */ });
const VERSION = '4.74.0'; // x-release-please-version
//# sourceMappingURL=version.mjs.map

/***/ })

/******/ 	});
/************************************************************************/
/******/ 	// 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 in strict mode.
(() => {
"use strict";
/*!**********************!*\
  !*** ./src/index.js ***!
  \**********************/
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./store */ "./src/store.js");
/* harmony import */ var _dashboard__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./dashboard */ "./src/dashboard.js");
/* harmony import */ var _global__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./global */ "./src/global.js");
// import apiFetch from "@wordpress/api-fetch";
// import { addFilter } from "@wordpress/hooks";
// import { createHigherOrderComponent } from "@wordpress/compose";
// import { subscribe, select } from "@wordpress/data";




})();

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