@adstore/templates 1.0.0

package/dist/my-lib.es.js

@@ -0,0 +1,2463 @@
+var html$c = '<div class="wideCard" data-layer="root">\n  <div class="wideCard__background" data-layer="background"></div>\n  <div class="wideCard__promotion" data-layer="promotion">\u0420\u0435\u043A\u043B\u0430\u043C\u0430 winline.ru l 18+ </div>\n\n  <div class="wideCard__content">\n    <div class="wideCard__left">\n      <div class="wideCard__logo" data-layer="logo"></div>\n    </div>\n    <div class="wideCard__center" data-layer="slides" data-hidden></div>\n    <div class="wideCard__right">\n      <div class="wideCard__logo" data-layer="logo" data-hidden></div>\n\n      <a rel="nofollow noopener" target="_blank" class="wideCard__buttonWrapper"\n        ><div data-layer="button" class="wideCard__button">\n          <div class="wideCard__logo" data-layer="logo" data-hidden></div>\n          \u0437\u0430\u0431\u0440\u0430\u0442\u044C \u0444\u0440\u0438\u0431\u0435\u0442\n        </div></a\n      >\n    </div>\n  </div>\n</div>\n';
+var css$c = '.wideCard{position:relative;z-index:1;overflow:hidden;font-weight:400;padding:0 15px;height:80px;width:100%;background:#fff}.wideCard_desktop .wideCard,.wideCard_laptop .wideCard{padding:0 50px}.wideCard__promotion{position:absolute;bottom:0;right:0;color:#fff;background-color:#333;font-size:7px;padding:2px 6px;border-top-left-radius:4px}.wideCard__background{position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1}.wideCard__content{margin:auto;height:100%;display:grid;grid-gap:10px;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;align-items:center;max-width:1300px}.wideCard_desktop .wideCard__content,.wideCard_laptop .wideCard__content{grid-template-columns:auto minmax(0,1fr) auto}.wideCard-variant_variant2 .wideCard__content{grid-template-columns:minmax(0,1fr) auto}.wideCard__logo{background-size:contain;background-position:center;background-repeat:no-repeat;height:35px;width:100px;background-color:#eee}.wideCard-variant_variant2 .wideCard__logo{display:none}.wideCard__left{width:200px;height:100%;align-items:center;justify-content:center;display:none}.wideCard_desktop .wideCard__left,.wideCard_laptop .wideCard__left{display:flex}.wideCard-variant_variant2 .wideCard__left{display:none}.wideCard__center{position:relative;z-index:1;height:100%}.wideCard__slide{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;animation-timing-function:ease-in;animation-duration:3s}.wideCard__slide:only-child{animation:none;opacity:1}.wideCard__slide_animated_default{animation-name:fade-in-out}.wideCard__slide_animated_bottom-top,.wideCard__slide_animated_top-bottom{animation-name:fade-in-bottom-out-top}.wideCard__right{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.wideCard__right .wideCard__logo{display:block;max-height:35px}.wideCard_desktop .wideCard__right .wideCard__logo,.wideCard_laptop .wideCard__right .wideCard__logo,.wideCard-variant_variant2 .wideCard__right .wideCard__logo{display:none}.wideCard__buttonWrapper{margin-top:7px}.wideCard__buttonWrapper:before{z-index:2;display:block;content:"";position:absolute;left:0;top:0;bottom:0;right:0;transform:none}.wideCard_desktop .wideCard__buttonWrapper,.wideCard_laptop .wideCard__buttonWrapper{margin-top:0}.wideCard__button{background-color:#ff6a13;border-radius:20px;color:#fff;font-weight:700;font-size:10px;text-transform:uppercase;white-space:nowrap;display:block;text-align:center;padding:5px 15px;transition:filter .25s}.wideCard__button_animated{animation:increase 3s infinite}.wideCard_desktop .wideCard__button,.wideCard_laptop .wideCard__button{margin-top:0;padding:10px 35px}.wideCard-variant_variant2 .wideCard__button{display:flex;align-items:center;padding:2px 12px 2px 2px}.wideCard__button .wideCard__logo{display:none;width:35px;height:35px;border-radius:30px;margin-right:10px}.wideCard-variant_variant2 .wideCard__button .wideCard__logo{display:block}@keyframes fade-in-out{0%{opacity:0}5%{opacity:1}95%{opacity:1}to{opacity:0}}@keyframes fade-in-bottom-out-top{0%{opacity:0;transform:translateY(100%)}10%{transform:translateY(0);opacity:1}90%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes fade-in-top-out-bottom{0%{opacity:0;transform:translateY(-100%)}10%{transform:translateY(0);opacity:1}90%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes increase{0%{-webkit-transform:scale(1) translateZ(0);-moz-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0)}10%,30%{-webkit-transform:scale(.85) translateZ(0);-moz-transform:scale(.85) translateZ(0);transform:scale(.85) translateZ(0)}20%,40%{-webkit-transform:scale(1) translateZ(0);-moz-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0)}50%{-webkit-transform:scale(1) translateZ(0);-moz-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0)}}\n';
+const isEmptyValue = (value) => !value && (value === null || value === void 0);
+const noop = () => void 0;
+const set = (obj, path, value) => {
+  const pathArray = Array.isArray(path) ? path : path.match(/([^[.\]])+/g);
+  pathArray.reduce((acc, key, i) => {
+    if (acc[key] === void 0)
+      acc[key] = {};
+    if (i === pathArray.length - 1)
+      acc[key] = value;
+    return acc[key];
+  }, obj);
+};
+const toggleClassName = (element, className, value) => {
+  element.classList.toggle(className, value);
+};
+const isRenderDriver = (input) => input && typeof input === "object" && "mount" in input && "id" in input;
+var script$a = (emitter) => {
+  const slides = [];
+  const initAnimation = (cb) => {
+    let timers = [];
+    const runTimes = (index2) => {
+      const currentSlide = slides[index2];
+      const limit = slides.length;
+      if (limit <= 1) {
+        cb(0);
+        return noop;
+      }
+      cb(index2);
+      const timer = setTimeout(() => {
+        runTimes(index2 + 1 < limit ? index2 + 1 : 0);
+      }, currentSlide.duration);
+      timers.push(timer);
+    };
+    runTimes(0);
+    return () => {
+      timers.forEach((timer) => clearTimeout(timer));
+      timers = [];
+    };
+  };
+  const updateAnimations = (index2) => {
+    slides.forEach((slide, slideIndex) => {
+      const renderDriver2 = slide.renderDriver;
+      if (renderDriver2.getState() === "mounted") {
+        renderDriver2.render({
+          root: {
+            $active: index2 === slideIndex
+          }
+        });
+      }
+      emitter.emit("runRender", {
+        background: {
+          backgroundImage: slide.backgroundImage,
+          backgroundFit: slide.backgroundFit
+        }
+      });
+    });
+  };
+  let reset = noop;
+  emitter.on("renderNode", ({ layer, rule }) => {
+    if (layer.layer === "button") {
+      if ("$animated" in rule) {
+        toggleClassName(layer.node, "wideCard__button_animated", rule.$animated);
+      }
+    }
+    if (layer.layer === "slides") {
+      reset();
+      reset = initAnimation(updateAnimations);
+    }
+  });
+  emitter.on("renderNode", ({ rule, layer }) => {
+    if ("$variant" in rule && typeof rule.$variant === "string") {
+      const classes = Array.from(layer.node.classList.values());
+      const validClasses = classes.filter((name) => !name.includes("variant"));
+      validClasses.push(`wideCard-variant_${rule.$variant}`);
+      emitter.emit("runRender", {
+        root: {
+          $classNames: [validClasses]
+        }
+      });
+    }
+  });
+};
+const eventEmitter = () => {
+  let listeners = {};
+  const on = (event, callback) => {
+    if (event in listeners) {
+      listeners[event].push(callback);
+    } else {
+      listeners[event] = [callback];
+    }
+  };
+  const emit = (event, ...args) => {
+    if (event in listeners) {
+      return listeners[event].map((cb) => cb(...args)).filter(Boolean);
+    }
+    return [];
+  };
+  const reset = () => listeners = {};
+  const has = (event) => event in listeners;
+  const get = (event) => listeners[event];
+  return {
+    on,
+    has,
+    get,
+    emit,
+    reset
+  };
+};
+const injectStyle = (styleString) => {
+  const style = document.createElement("style");
+  style.textContent = styleString;
+  document.head.append(style);
+  return style;
+};
+const htmlToElement = (htmlString) => {
+  const template = document.createElement("template");
+  htmlString = htmlString.trim();
+  template.innerHTML = htmlString;
+  return template.content.firstChild;
+};
+const walkerFilter = (node) => node.dataset && node.dataset.layer ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+const getLayers = (node) => {
+  var _a;
+  const layerName = ((_a = node == null ? void 0 : node.dataset) == null ? void 0 : _a.layer) || "unknownLayer";
+  const layers = layerName.split(" ").length > 1 ? layerName.split(" ") : [layerName];
+  const isHidden = (node2, layer) => {
+    var _a2;
+    const hiddenAttr = (_a2 = node2 == null ? void 0 : node2.dataset) == null ? void 0 : _a2.hidden;
+    if (typeof hiddenAttr !== "undefined") {
+      if (hiddenAttr.length > 0) {
+        return hiddenAttr.includes(layer);
+      }
+      return true;
+    }
+    return false;
+  };
+  return layers.map((layer) => {
+    var _a2;
+    return {
+      node,
+      layer,
+      name: (_a2 = node == null ? void 0 : node.dataset) == null ? void 0 : _a2.name,
+      hidden: isHidden(node, layer)
+    };
+  });
+};
+const callLayers = (layers, visitor) => layers.forEach(visitor);
+const treeWalk = (target, visitor) => {
+  const walker = document.createTreeWalker(target, NodeFilter.SHOW_ALL, (node) => walkerFilter(node));
+  callLayers(getLayers(walker.root), visitor);
+  while (walker.nextNode()) {
+    const currentNode = walker.currentNode;
+    callLayers(getLayers(currentNode), visitor);
+  }
+};
+const cache$1 = {};
+const renderDriver = ({
+  html: html2,
+  styles,
+  plugins = [],
+  chunks: chunks2
+}) => (id) => {
+  if (id in cache$1) {
+    return cache$1[id];
+  }
+  const emitter = eventEmitter();
+  let layers = [];
+  let target;
+  let state = "declare";
+  const addPlugins = (...inputPlugins) => {
+    if (state === "declare") {
+      plugins.push(...inputPlugins);
+    }
+    console.error(`Cannot add plugins after mount`);
+  };
+  const beforeMount = () => {
+    plugins == null ? void 0 : plugins.forEach((plugin) => {
+      if (typeof plugin === "function") {
+        plugin(emitter, id);
+      }
+    });
+    const styleNodes = (styles == null ? void 0 : styles.map(injectStyle)) || [];
+    emitter.on("destroy", () => {
+      styleNodes.forEach((styleNode) => styleNode.remove());
+    });
+  };
+  const destroy = () => {
+    if (target) {
+      target.remove();
+    }
+    emitter.emit("destroy");
+    layers = [];
+    target = void 0;
+    emitter.reset();
+    state = "destroyed";
+    delete cache$1[id];
+  };
+  const mount = (propTarget) => {
+    if (target) {
+      console.error("Cannot twice mount. Use destroy() before create new mount.");
+      return noop;
+    }
+    beforeMount();
+    const node = htmlToElement(html2);
+    treeWalk(node, (layer) => {
+      layers.push(layer);
+    });
+    propTarget.appendChild(node);
+    target = node;
+    state = "mounted";
+    const mountEvents = emitter.emit("mount", { layers });
+    mountEvents == null ? void 0 : mountEvents.forEach((unmountEvent) => emitter.on("destroy", unmountEvent));
+    return destroy;
+  };
+  const render = (rules) => {
+    if (state !== "mounted") {
+      console.error("Cannot invoke render method before mount node. Use mount() method.");
+      return;
+    }
+    emitter.emit("render", { rules, layers, chunks: chunks2 });
+    treeWalk(target, (layer) => {
+      const findLayer = layers.find((inputLayer) => inputLayer.node === layer.node);
+      if (layer.layer in rules && findLayer) {
+        emitter.emit("renderNode", { rule: rules[layer.layer], layer, layers, chunks: chunks2 });
+      }
+    });
+  };
+  emitter.on("runRender", render);
+  const driver2 = {
+    render,
+    mount,
+    destroy,
+    addPlugins,
+    getState: () => state,
+    on: emitter.on,
+    id,
+    chunks: chunks2
+  };
+  cache$1[id] = driver2;
+  return driver2;
+};
+const injectLink = ({ rel, href }) => {
+  const link = document.createElement("link");
+  link.rel = rel;
+  link.href = href;
+  document.head.append(link);
+  return link;
+};
+const cache = new Map([]);
+var googleFontsPlugin = (emitter) => {
+  emitter.on("destroy", () => {
+    cache.forEach(({ node }) => {
+      node.remove();
+    });
+    cache.clear();
+  });
+  emitter.on("renderNode", ({ rule }) => {
+    if ("$styles" in rule) {
+      Object.entries(rule.$styles).forEach(([key, value]) => {
+        if ((key === "font-family" || key === "fontFamily") && !cache.has(value)) {
+          const linkNode = injectLink({
+            rel: "stylesheet",
+            href: `https://fonts.googleapis.com/css?family=${value}:300,400,500,700&display=swap`
+          });
+          cache.set(value, {
+            node: linkNode,
+            weights: [300, 400, 500, 700]
+          });
+        }
+      });
+    }
+  });
+};
+const injectStyleRules = (node, key, value) => {
+  if (typeof key === "string" && key.includes("--")) {
+    node.style.setProperty(key, value);
+  } else if (key in node.style) {
+    node.style[key] = value;
+  }
+};
+var patchStylesPlugin = (emitter) => {
+  emitter.on("renderNode", ({ rule, layer }) => {
+    if ("$styles" in rule) {
+      injectStyleRules(layer.node, rule.$styles);
+    }
+  });
+};
+const isTemplate = (input) => typeof input === "object" && "name" in input && "id" in input;
+var injectNode = (emitter) => {
+  const drivers = [];
+  emitter.on("destroy", () => {
+    drivers.forEach((driver2) => driver2.destroy());
+  });
+  emitter.on("renderNode", ({ rule, layer, chunks: chunks2 }) => {
+    if ("$children" in rule) {
+      const childList = (Array.isArray(rule.$children) ? rule.$children : [rule.$children]).map((el) => isRenderDriver(el) ? el : isTemplate(el) ? chunks2[el.name](el.id) : el).filter((child) => Boolean(child) && (child == null ? void 0 : child.getState) && (child == null ? void 0 : child.getState()) !== "mounted");
+      const mountedNodes = childList.map((renderDriver2) => {
+        const target = document.createElement("div");
+        renderDriver2.mount(target);
+        if (target.firstChild) {
+          return target.firstChild;
+        }
+      });
+      childList.forEach((child, index2) => {
+        const findDriver = drivers.find((driver2) => driver2.id === child.id);
+        if (findDriver) {
+          findDriver.destroy();
+        }
+        const node = mountedNodes[index2];
+        layer.node.appendChild(node);
+        drivers.push(child);
+      });
+    }
+  });
+};
+const wrapTo = (value, until) => `${value}${until}`;
+const toPx = (key) => key.startsWith("px_");
+const toPercent = (key) => key.startsWith("percent_");
+const formatRule = (key, value) => {
+  let newKey = key;
+  let newValue = value;
+  if (toPx(newKey)) {
+    newKey = newKey.replace("px_", "");
+    newValue = wrapTo(value, "px");
+  }
+  if (toPercent(newKey)) {
+    newKey = newKey.replace("percent_", "");
+    newValue = wrapTo(value, "%");
+  }
+  return {
+    key: newKey,
+    value: newValue
+  };
+};
+const DEFAULT_TO_PX = [
+  "borderWidth",
+  "borderLeftWidth",
+  "borderRightWidth",
+  "borderTopWidth",
+  "borderBottomWidth",
+  "minHeight",
+  "minWidth",
+  "maxWidth",
+  "maxHeight",
+  "fontSize",
+  "height",
+  "width",
+  "letterSpacing",
+  "fontSize",
+  "left",
+  "right",
+  "top",
+  "bottom"
+];
+var patchRulesPlugin = (emitter) => {
+  emitter.on("renderNode", ({ rule, layer }) => {
+    const nodeStyle = layer.node.style;
+    const keys = Object.keys(rule);
+    if (keys.includes("innerHTML") && keys.includes("innerText")) {
+      console.warn(`Warning! In layer ${layer.layer} try to patch innerHTML and innerText together.`);
+    }
+    Object.entries(rule).forEach(([propKey, propValue]) => {
+      if (DEFAULT_TO_PX.includes(propKey)) {
+        propValue = wrapTo(propValue, "px");
+      }
+      const { key, value } = formatRule(propKey, propValue);
+      injectStyleRules(layer.node, key, value);
+      if (key === "innerHTML") {
+        layer.node.innerHTML = value;
+      }
+      if (key === "innerText") {
+        layer.node.innerText = value;
+      }
+      if (key === "innerHTML" || key === "innerText") {
+        if (layer.node.innerHTML.length === 0) {
+          nodeStyle.setProperty("display", "none");
+        } else {
+          nodeStyle.removeProperty("display");
+        }
+      }
+      if (key.includes("borderWidth")) {
+        nodeStyle.borderStyle = "solid";
+      }
+      if (key === "corner") {
+        nodeStyle.borderRadius = wrapTo(value, "px");
+      }
+      if (key === "backgroundFit") {
+        nodeStyle.backgroundSize = value;
+      }
+      if (key === "backgroundImage") {
+        nodeStyle.backgroundImage = `url(${value})`;
+        nodeStyle.backgroundRepeat = "no-repeat";
+      }
+      if (key === "isBold") {
+        nodeStyle.fontWeight = value ? "bold" : "initial";
+      }
+      if (key === "isItalic") {
+        nodeStyle.fontStyle = value ? "italic" : "initial";
+      }
+      if (key === "isThrough") {
+        nodeStyle.textDecoration = value ? "line-through" : "initial";
+      }
+    });
+  });
+};
+const DESKTOP_NAME = "desktop";
+const LAPTOP_NAME = "laptop";
+const TABLET_NAME = "tablet";
+const MOBILE_NAME = "mobile";
+const defaultOptions = {
+  desktop: DESKTOP_NAME,
+  laptop: LAPTOP_NAME,
+  tablet: TABLET_NAME,
+  mobile: MOBILE_NAME
+};
+var deviceClassNames = (options = defaultOptions) => (emitter) => {
+  emitter.on("renderNode", ({ layer, rule }) => {
+    if ("$device" in rule) {
+      const node = layer.node;
+      node.classList.remove(...Object.values(options));
+      node.classList.add(options[rule.$device]);
+    }
+  });
+};
+const BREAKPOINTS = {
+  mobile: 320,
+  tablet: 768,
+  laptop: 1024,
+  desktop: 1920
+};
+var containerWidthPlugin = (watchLayer, breakpoints = BREAKPOINTS) => (emitter) => {
+  const checkDevice = (parent) => {
+    var _a;
+    const parentWidth = parent.getBoundingClientRect().width || 0;
+    const findDevice = (_a = Object.entries(breakpoints).find(([, value]) => value >= parentWidth)) == null ? void 0 : _a[0];
+    emitter.emit("runRender", {
+      [watchLayer]: {
+        $device: findDevice
+      }
+    });
+  };
+  emitter.on("mount", ({ layers }) => {
+    var _a, _b;
+    const parentElement = (_b = (_a = layers.find(({ layer }) => layer === watchLayer)) == null ? void 0 : _a.node) == null ? void 0 : _b.parentElement;
+    if (parentElement) {
+      const resizeObserver = new ResizeObserver(() => checkDevice(parentElement));
+      resizeObserver.observe(parentElement);
+      checkDevice(parentElement);
+    }
+  });
+};
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+var classnames = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(module) {
+  (function() {
+    var hasOwn = {}.hasOwnProperty;
+    function classNames2() {
+      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 = classNames2.apply(null, arg);
+            if (inner) {
+              classes.push(inner);
+            }
+          }
+        } else if (argType === "object") {
+          if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
+            classes.push(arg.toString());
+            continue;
+          }
+          for (var key in arg) {
+            if (hasOwn.call(arg, key) && arg[key]) {
+              classes.push(key);
+            }
+          }
+        }
+      }
+      return classes.join(" ");
+    }
+    if (module.exports) {
+      classNames2.default = classNames2;
+      module.exports = classNames2;
+    } else {
+      window.classNames = classNames2;
+    }
+  })();
+})(classnames);
+var classNames = classnames.exports;
+var classNamesPlugin = (emitter) => {
+  const cacheNames = new Map();
+  emitter.on("mount", ({ layers }) => {
+    layers.forEach(({ node }) => cacheNames.set(node, node.classList.value));
+  });
+  emitter.on("renderNode", ({ layer, rule }) => {
+    if ("$classNames" in rule) {
+      const saveNames = cacheNames.get(layer.node);
+      const names = classNames(rule.$classNames);
+      const uniqNames = Array.from(new Set([saveNames, names].join(" ").split(" ")).values());
+      layer.node.classList.value = uniqNames.join(" ");
+    }
+  });
+};
+var lodash_mergewith = { exports: {} };
+(function(module, exports) {
+  var LARGE_ARRAY_SIZE = 200;
+  var HASH_UNDEFINED = "__lodash_hash_undefined__";
+  var HOT_COUNT = 800, HOT_SPAN = 16;
+  var MAX_SAFE_INTEGER = 9007199254740991;
+  var argsTag = "[object Arguments]", arrayTag = "[object Array]", asyncTag = "[object AsyncFunction]", boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", funcTag = "[object Function]", genTag = "[object GeneratorFunction]", mapTag = "[object Map]", numberTag = "[object Number]", nullTag = "[object Null]", objectTag = "[object Object]", proxyTag = "[object Proxy]", regexpTag = "[object RegExp]", setTag = "[object Set]", stringTag = "[object String]", undefinedTag = "[object Undefined]", weakMapTag = "[object WeakMap]";
+  var arrayBufferTag = "[object ArrayBuffer]", dataViewTag = "[object DataView]", float32Tag = "[object Float32Array]", float64Tag = "[object Float64Array]", int8Tag = "[object Int8Array]", int16Tag = "[object Int16Array]", int32Tag = "[object Int32Array]", uint8Tag = "[object Uint8Array]", uint8ClampedTag = "[object Uint8ClampedArray]", uint16Tag = "[object Uint16Array]", uint32Tag = "[object Uint32Array]";
+  var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
+  var reIsHostCtor = /^\[object .+?Constructor\]$/;
+  var reIsUint = /^(?:0|[1-9]\d*)$/;
+  var typedArrayTags = {};
+  typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = true;
+  typedArrayTags[argsTag] = typedArrayTags[arrayTag] = typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] = typedArrayTags[dataViewTag] = typedArrayTags[dateTag] = typedArrayTags[errorTag] = typedArrayTags[funcTag] = typedArrayTags[mapTag] = typedArrayTags[numberTag] = typedArrayTags[objectTag] = typedArrayTags[regexpTag] = typedArrayTags[setTag] = typedArrayTags[stringTag] = typedArrayTags[weakMapTag] = false;
+  var freeGlobal = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+  var freeSelf = typeof self == "object" && self && self.Object === Object && self;
+  var root = freeGlobal || freeSelf || Function("return this")();
+  var freeExports = exports && !exports.nodeType && exports;
+  var freeModule = freeExports && true && module && !module.nodeType && module;
+  var moduleExports = freeModule && freeModule.exports === freeExports;
+  var freeProcess = moduleExports && freeGlobal.process;
+  var nodeUtil = function() {
+    try {
+      var types = freeModule && freeModule.require && freeModule.require("util").types;
+      if (types) {
+        return types;
+      }
+      return freeProcess && freeProcess.binding && freeProcess.binding("util");
+    } catch (e) {
+    }
+  }();
+  var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;
+  function apply(func, thisArg, args) {
+    switch (args.length) {
+      case 0:
+        return func.call(thisArg);
+      case 1:
+        return func.call(thisArg, args[0]);
+      case 2:
+        return func.call(thisArg, args[0], args[1]);
+      case 3:
+        return func.call(thisArg, args[0], args[1], args[2]);
+    }
+    return func.apply(thisArg, args);
+  }
+  function baseTimes(n, iteratee) {
+    var index2 = -1, result = Array(n);
+    while (++index2 < n) {
+      result[index2] = iteratee(index2);
+    }
+    return result;
+  }
+  function baseUnary(func) {
+    return function(value) {
+      return func(value);
+    };
+  }
+  function getValue(object, key) {
+    return object == null ? void 0 : object[key];
+  }
+  function overArg(func, transform) {
+    return function(arg) {
+      return func(transform(arg));
+    };
+  }
+  var arrayProto = Array.prototype, funcProto = Function.prototype, objectProto = Object.prototype;
+  var coreJsData = root["__core-js_shared__"];
+  var funcToString = funcProto.toString;
+  var hasOwnProperty = objectProto.hasOwnProperty;
+  var maskSrcKey = function() {
+    var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || "");
+    return uid ? "Symbol(src)_1." + uid : "";
+  }();
+  var nativeObjectToString = objectProto.toString;
+  var objectCtorString = funcToString.call(Object);
+  var reIsNative = RegExp("^" + funcToString.call(hasOwnProperty).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$");
+  var Buffer = moduleExports ? root.Buffer : void 0, Symbol = root.Symbol, Uint8Array = root.Uint8Array, allocUnsafe = Buffer ? Buffer.allocUnsafe : void 0, getPrototype = overArg(Object.getPrototypeOf, Object), objectCreate = Object.create, propertyIsEnumerable = objectProto.propertyIsEnumerable, splice = arrayProto.splice, symToStringTag = Symbol ? Symbol.toStringTag : void 0;
+  var defineProperty = function() {
+    try {
+      var func = getNative(Object, "defineProperty");
+      func({}, "", {});
+      return func;
+    } catch (e) {
+    }
+  }();
+  var nativeIsBuffer = Buffer ? Buffer.isBuffer : void 0, nativeMax = Math.max, nativeNow = Date.now;
+  var Map2 = getNative(root, "Map"), nativeCreate = getNative(Object, "create");
+  var baseCreate = function() {
+    function object() {
+    }
+    return function(proto) {
+      if (!isObject(proto)) {
+        return {};
+      }
+      if (objectCreate) {
+        return objectCreate(proto);
+      }
+      object.prototype = proto;
+      var result = new object();
+      object.prototype = void 0;
+      return result;
+    };
+  }();
+  function Hash(entries) {
+    var index2 = -1, length = entries == null ? 0 : entries.length;
+    this.clear();
+    while (++index2 < length) {
+      var entry = entries[index2];
+      this.set(entry[0], entry[1]);
+    }
+  }
+  function hashClear() {
+    this.__data__ = nativeCreate ? nativeCreate(null) : {};
+    this.size = 0;
+  }
+  function hashDelete(key) {
+    var result = this.has(key) && delete this.__data__[key];
+    this.size -= result ? 1 : 0;
+    return result;
+  }
+  function hashGet(key) {
+    var data = this.__data__;
+    if (nativeCreate) {
+      var result = data[key];
+      return result === HASH_UNDEFINED ? void 0 : result;
+    }
+    return hasOwnProperty.call(data, key) ? data[key] : void 0;
+  }
+  function hashHas(key) {
+    var data = this.__data__;
+    return nativeCreate ? data[key] !== void 0 : hasOwnProperty.call(data, key);
+  }
+  function hashSet(key, value) {
+    var data = this.__data__;
+    this.size += this.has(key) ? 0 : 1;
+    data[key] = nativeCreate && value === void 0 ? HASH_UNDEFINED : value;
+    return this;
+  }
+  Hash.prototype.clear = hashClear;
+  Hash.prototype["delete"] = hashDelete;
+  Hash.prototype.get = hashGet;
+  Hash.prototype.has = hashHas;
+  Hash.prototype.set = hashSet;
+  function ListCache(entries) {
+    var index2 = -1, length = entries == null ? 0 : entries.length;
+    this.clear();
+    while (++index2 < length) {
+      var entry = entries[index2];
+      this.set(entry[0], entry[1]);
+    }
+  }
+  function listCacheClear() {
+    this.__data__ = [];
+    this.size = 0;
+  }
+  function listCacheDelete(key) {
+    var data = this.__data__, index2 = assocIndexOf(data, key);
+    if (index2 < 0) {
+      return false;
+    }
+    var lastIndex = data.length - 1;
+    if (index2 == lastIndex) {
+      data.pop();
+    } else {
+      splice.call(data, index2, 1);
+    }
+    --this.size;
+    return true;
+  }
+  function listCacheGet(key) {
+    var data = this.__data__, index2 = assocIndexOf(data, key);
+    return index2 < 0 ? void 0 : data[index2][1];
+  }
+  function listCacheHas(key) {
+    return assocIndexOf(this.__data__, key) > -1;
+  }
+  function listCacheSet(key, value) {
+    var data = this.__data__, index2 = assocIndexOf(data, key);
+    if (index2 < 0) {
+      ++this.size;
+      data.push([key, value]);
+    } else {
+      data[index2][1] = value;
+    }
+    return this;
+  }
+  ListCache.prototype.clear = listCacheClear;
+  ListCache.prototype["delete"] = listCacheDelete;
+  ListCache.prototype.get = listCacheGet;
+  ListCache.prototype.has = listCacheHas;
+  ListCache.prototype.set = listCacheSet;
+  function MapCache(entries) {
+    var index2 = -1, length = entries == null ? 0 : entries.length;
+    this.clear();
+    while (++index2 < length) {
+      var entry = entries[index2];
+      this.set(entry[0], entry[1]);
+    }
+  }
+  function mapCacheClear() {
+    this.size = 0;
+    this.__data__ = {
+      "hash": new Hash(),
+      "map": new (Map2 || ListCache)(),
+      "string": new Hash()
+    };
+  }
+  function mapCacheDelete(key) {
+    var result = getMapData(this, key)["delete"](key);
+    this.size -= result ? 1 : 0;
+    return result;
+  }
+  function mapCacheGet(key) {
+    return getMapData(this, key).get(key);
+  }
+  function mapCacheHas(key) {
+    return getMapData(this, key).has(key);
+  }
+  function mapCacheSet(key, value) {
+    var data = getMapData(this, key), size = data.size;
+    data.set(key, value);
+    this.size += data.size == size ? 0 : 1;
+    return this;
+  }
+  MapCache.prototype.clear = mapCacheClear;
+  MapCache.prototype["delete"] = mapCacheDelete;
+  MapCache.prototype.get = mapCacheGet;
+  MapCache.prototype.has = mapCacheHas;
+  MapCache.prototype.set = mapCacheSet;
+  function Stack(entries) {
+    var data = this.__data__ = new ListCache(entries);
+    this.size = data.size;
+  }
+  function stackClear() {
+    this.__data__ = new ListCache();
+    this.size = 0;
+  }
+  function stackDelete(key) {
+    var data = this.__data__, result = data["delete"](key);
+    this.size = data.size;
+    return result;
+  }
+  function stackGet(key) {
+    return this.__data__.get(key);
+  }
+  function stackHas(key) {
+    return this.__data__.has(key);
+  }
+  function stackSet(key, value) {
+    var data = this.__data__;
+    if (data instanceof ListCache) {
+      var pairs = data.__data__;
+      if (!Map2 || pairs.length < LARGE_ARRAY_SIZE - 1) {
+        pairs.push([key, value]);
+        this.size = ++data.size;
+        return this;
+      }
+      data = this.__data__ = new MapCache(pairs);
+    }
+    data.set(key, value);
+    this.size = data.size;
+    return this;
+  }
+  Stack.prototype.clear = stackClear;
+  Stack.prototype["delete"] = stackDelete;
+  Stack.prototype.get = stackGet;
+  Stack.prototype.has = stackHas;
+  Stack.prototype.set = stackSet;
+  function arrayLikeKeys(value, inherited) {
+    var isArr = isArray(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
+    for (var key in value) {
+      if ((inherited || hasOwnProperty.call(value, key)) && !(skipIndexes && (key == "length" || isBuff && (key == "offset" || key == "parent") || isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || isIndex(key, length)))) {
+        result.push(key);
+      }
+    }
+    return result;
+  }
+  function assignMergeValue(object, key, value) {
+    if (value !== void 0 && !eq(object[key], value) || value === void 0 && !(key in object)) {
+      baseAssignValue(object, key, value);
+    }
+  }
+  function assignValue(object, key, value) {
+    var objValue = object[key];
+    if (!(hasOwnProperty.call(object, key) && eq(objValue, value)) || value === void 0 && !(key in object)) {
+      baseAssignValue(object, key, value);
+    }
+  }
+  function assocIndexOf(array, key) {
+    var length = array.length;
+    while (length--) {
+      if (eq(array[length][0], key)) {
+        return length;
+      }
+    }
+    return -1;
+  }
+  function baseAssignValue(object, key, value) {
+    if (key == "__proto__" && defineProperty) {
+      defineProperty(object, key, {
+        "configurable": true,
+        "enumerable": true,
+        "value": value,
+        "writable": true
+      });
+    } else {
+      object[key] = value;
+    }
+  }
+  var baseFor = createBaseFor();
+  function baseGetTag(value) {
+    if (value == null) {
+      return value === void 0 ? undefinedTag : nullTag;
+    }
+    return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
+  }
+  function baseIsArguments(value) {
+    return isObjectLike(value) && baseGetTag(value) == argsTag;
+  }
+  function baseIsNative(value) {
+    if (!isObject(value) || isMasked(value)) {
+      return false;
+    }
+    var pattern = isFunction(value) ? reIsNative : reIsHostCtor;
+    return pattern.test(toSource(value));
+  }
+  function baseIsTypedArray(value) {
+    return isObjectLike(value) && isLength(value.length) && !!typedArrayTags[baseGetTag(value)];
+  }
+  function baseKeysIn(object) {
+    if (!isObject(object)) {
+      return nativeKeysIn(object);
+    }
+    var isProto = isPrototype(object), result = [];
+    for (var key in object) {
+      if (!(key == "constructor" && (isProto || !hasOwnProperty.call(object, key)))) {
+        result.push(key);
+      }
+    }
+    return result;
+  }
+  function baseMerge(object, source, srcIndex, customizer, stack) {
+    if (object === source) {
+      return;
+    }
+    baseFor(source, function(srcValue, key) {
+      stack || (stack = new Stack());
+      if (isObject(srcValue)) {
+        baseMergeDeep(object, source, key, srcIndex, baseMerge, customizer, stack);
+      } else {
+        var newValue = customizer ? customizer(safeGet(object, key), srcValue, key + "", object, source, stack) : void 0;
+        if (newValue === void 0) {
+          newValue = srcValue;
+        }
+        assignMergeValue(object, key, newValue);
+      }
+    }, keysIn);
+  }
+  function baseMergeDeep(object, source, key, srcIndex, mergeFunc, customizer, stack) {
+    var objValue = safeGet(object, key), srcValue = safeGet(source, key), stacked = stack.get(srcValue);
+    if (stacked) {
+      assignMergeValue(object, key, stacked);
+      return;
+    }
+    var newValue = customizer ? customizer(objValue, srcValue, key + "", object, source, stack) : void 0;
+    var isCommon = newValue === void 0;
+    if (isCommon) {
+      var isArr = isArray(srcValue), isBuff = !isArr && isBuffer(srcValue), isTyped = !isArr && !isBuff && isTypedArray(srcValue);
+      newValue = srcValue;
+      if (isArr || isBuff || isTyped) {
+        if (isArray(objValue)) {
+          newValue = objValue;
+        } else if (isArrayLikeObject(objValue)) {
+          newValue = copyArray(objValue);
+        } else if (isBuff) {
+          isCommon = false;
+          newValue = cloneBuffer(srcValue, true);
+        } else if (isTyped) {
+          isCommon = false;
+          newValue = cloneTypedArray(srcValue, true);
+        } else {
+          newValue = [];
+        }
+      } else if (isPlainObject(srcValue) || isArguments(srcValue)) {
+        newValue = objValue;
+        if (isArguments(objValue)) {
+          newValue = toPlainObject(objValue);
+        } else if (!isObject(objValue) || isFunction(objValue)) {
+          newValue = initCloneObject(srcValue);
+        }
+      } else {
+        isCommon = false;
+      }
+    }
+    if (isCommon) {
+      stack.set(srcValue, newValue);
+      mergeFunc(newValue, srcValue, srcIndex, customizer, stack);
+      stack["delete"](srcValue);
+    }
+    assignMergeValue(object, key, newValue);
+  }
+  function baseRest(func, start) {
+    return setToString(overRest(func, start, identity), func + "");
+  }
+  var baseSetToString = !defineProperty ? identity : function(func, string) {
+    return defineProperty(func, "toString", {
+      "configurable": true,
+      "enumerable": false,
+      "value": constant(string),
+      "writable": true
+    });
+  };
+  function cloneBuffer(buffer, isDeep) {
+    if (isDeep) {
+      return buffer.slice();
+    }
+    var length = buffer.length, result = allocUnsafe ? allocUnsafe(length) : new buffer.constructor(length);
+    buffer.copy(result);
+    return result;
+  }
+  function cloneArrayBuffer(arrayBuffer) {
+    var result = new arrayBuffer.constructor(arrayBuffer.byteLength);
+    new Uint8Array(result).set(new Uint8Array(arrayBuffer));
+    return result;
+  }
+  function cloneTypedArray(typedArray, isDeep) {
+    var buffer = isDeep ? cloneArrayBuffer(typedArray.buffer) : typedArray.buffer;
+    return new typedArray.constructor(buffer, typedArray.byteOffset, typedArray.length);
+  }
+  function copyArray(source, array) {
+    var index2 = -1, length = source.length;
+    array || (array = Array(length));
+    while (++index2 < length) {
+      array[index2] = source[index2];
+    }
+    return array;
+  }
+  function copyObject(source, props, object, customizer) {
+    var isNew = !object;
+    object || (object = {});
+    var index2 = -1, length = props.length;
+    while (++index2 < length) {
+      var key = props[index2];
+      var newValue = customizer ? customizer(object[key], source[key], key, object, source) : void 0;
+      if (newValue === void 0) {
+        newValue = source[key];
+      }
+      if (isNew) {
+        baseAssignValue(object, key, newValue);
+      } else {
+        assignValue(object, key, newValue);
+      }
+    }
+    return object;
+  }
+  function createAssigner(assigner) {
+    return baseRest(function(object, sources) {
+      var index2 = -1, length = sources.length, customizer = length > 1 ? sources[length - 1] : void 0, guard = length > 2 ? sources[2] : void 0;
+      customizer = assigner.length > 3 && typeof customizer == "function" ? (length--, customizer) : void 0;
+      if (guard && isIterateeCall(sources[0], sources[1], guard)) {
+        customizer = length < 3 ? void 0 : customizer;
+        length = 1;
+      }
+      object = Object(object);
+      while (++index2 < length) {
+        var source = sources[index2];
+        if (source) {
+          assigner(object, source, index2, customizer);
+        }
+      }
+      return object;
+    });
+  }
+  function createBaseFor(fromRight) {
+    return function(object, iteratee, keysFunc) {
+      var index2 = -1, iterable = Object(object), props = keysFunc(object), length = props.length;
+      while (length--) {
+        var key = props[fromRight ? length : ++index2];
+        if (iteratee(iterable[key], key, iterable) === false) {
+          break;
+        }
+      }
+      return object;
+    };
+  }
+  function getMapData(map, key) {
+    var data = map.__data__;
+    return isKeyable(key) ? data[typeof key == "string" ? "string" : "hash"] : data.map;
+  }
+  function getNative(object, key) {
+    var value = getValue(object, key);
+    return baseIsNative(value) ? value : void 0;
+  }
+  function getRawTag(value) {
+    var isOwn = hasOwnProperty.call(value, symToStringTag), tag = value[symToStringTag];
+    try {
+      value[symToStringTag] = void 0;
+      var unmasked = true;
+    } catch (e) {
+    }
+    var result = nativeObjectToString.call(value);
+    if (unmasked) {
+      if (isOwn) {
+        value[symToStringTag] = tag;
+      } else {
+        delete value[symToStringTag];
+      }
+    }
+    return result;
+  }
+  function initCloneObject(object) {
+    return typeof object.constructor == "function" && !isPrototype(object) ? baseCreate(getPrototype(object)) : {};
+  }
+  function isIndex(value, length) {
+    var type = typeof value;
+    length = length == null ? MAX_SAFE_INTEGER : length;
+    return !!length && (type == "number" || type != "symbol" && reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length);
+  }
+  function isIterateeCall(value, index2, object) {
+    if (!isObject(object)) {
+      return false;
+    }
+    var type = typeof index2;
+    if (type == "number" ? isArrayLike(object) && isIndex(index2, object.length) : type == "string" && index2 in object) {
+      return eq(object[index2], value);
+    }
+    return false;
+  }
+  function isKeyable(value) {
+    var type = typeof value;
+    return type == "string" || type == "number" || type == "symbol" || type == "boolean" ? value !== "__proto__" : value === null;
+  }
+  function isMasked(func) {
+    return !!maskSrcKey && maskSrcKey in func;
+  }
+  function isPrototype(value) {
+    var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto;
+    return value === proto;
+  }
+  function nativeKeysIn(object) {
+    var result = [];
+    if (object != null) {
+      for (var key in Object(object)) {
+        result.push(key);
+      }
+    }
+    return result;
+  }
+  function objectToString(value) {
+    return nativeObjectToString.call(value);
+  }
+  function overRest(func, start, transform) {
+    start = nativeMax(start === void 0 ? func.length - 1 : start, 0);
+    return function() {
+      var args = arguments, index2 = -1, length = nativeMax(args.length - start, 0), array = Array(length);
+      while (++index2 < length) {
+        array[index2] = args[start + index2];
+      }
+      index2 = -1;
+      var otherArgs = Array(start + 1);
+      while (++index2 < start) {
+        otherArgs[index2] = args[index2];
+      }
+      otherArgs[start] = transform(array);
+      return apply(func, this, otherArgs);
+    };
+  }
+  function safeGet(object, key) {
+    if (key === "constructor" && typeof object[key] === "function") {
+      return;
+    }
+    if (key == "__proto__") {
+      return;
+    }
+    return object[key];
+  }
+  var setToString = shortOut(baseSetToString);
+  function shortOut(func) {
+    var count = 0, lastCalled = 0;
+    return function() {
+      var stamp = nativeNow(), remaining = HOT_SPAN - (stamp - lastCalled);
+      lastCalled = stamp;
+      if (remaining > 0) {
+        if (++count >= HOT_COUNT) {
+          return arguments[0];
+        }
+      } else {
+        count = 0;
+      }
+      return func.apply(void 0, arguments);
+    };
+  }
+  function toSource(func) {
+    if (func != null) {
+      try {
+        return funcToString.call(func);
+      } catch (e) {
+      }
+      try {
+        return func + "";
+      } catch (e) {
+      }
+    }
+    return "";
+  }
+  function eq(value, other) {
+    return value === other || value !== value && other !== other;
+  }
+  var isArguments = baseIsArguments(function() {
+    return arguments;
+  }()) ? baseIsArguments : function(value) {
+    return isObjectLike(value) && hasOwnProperty.call(value, "callee") && !propertyIsEnumerable.call(value, "callee");
+  };
+  var isArray = Array.isArray;
+  function isArrayLike(value) {
+    return value != null && isLength(value.length) && !isFunction(value);
+  }
+  function isArrayLikeObject(value) {
+    return isObjectLike(value) && isArrayLike(value);
+  }
+  var isBuffer = nativeIsBuffer || stubFalse;
+  function isFunction(value) {
+    if (!isObject(value)) {
+      return false;
+    }
+    var tag = baseGetTag(value);
+    return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
+  }
+  function isLength(value) {
+    return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
+  }
+  function isObject(value) {
+    var type = typeof value;
+    return value != null && (type == "object" || type == "function");
+  }
+  function isObjectLike(value) {
+    return value != null && typeof value == "object";
+  }
+  function isPlainObject(value) {
+    if (!isObjectLike(value) || baseGetTag(value) != objectTag) {
+      return false;
+    }
+    var proto = getPrototype(value);
+    if (proto === null) {
+      return true;
+    }
+    var Ctor = hasOwnProperty.call(proto, "constructor") && proto.constructor;
+    return typeof Ctor == "function" && Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString;
+  }
+  var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
+  function toPlainObject(value) {
+    return copyObject(value, keysIn(value));
+  }
+  function keysIn(object) {
+    return isArrayLike(object) ? arrayLikeKeys(object, true) : baseKeysIn(object);
+  }
+  var mergeWith2 = createAssigner(function(object, source, srcIndex, customizer) {
+    baseMerge(object, source, srcIndex, customizer);
+  });
+  function constant(value) {
+    return function() {
+      return value;
+    };
+  }
+  function identity(value) {
+    return value;
+  }
+  function stubFalse() {
+    return false;
+  }
+  module.exports = mergeWith2;
+})(lodash_mergewith, lodash_mergewith.exports);
+var mergeWith = lodash_mergewith.exports;
+const extractAlias = (name) => typeof name === "string" ? name.replace(ALIAS_KEY, "") : name || "";
+const ALIAS_KEY = "alias:";
+const iterator = (iterateEl, getDriver) => {
+  if (Array.isArray(iterateEl)) {
+    return iterateEl.map((el) => isRenderDriver(el) || typeof el === "string" && el.includes(ALIAS_KEY) ? getDriver(el) : iterator(el, getDriver));
+  }
+  if (typeof iterateEl === "object") {
+    return Object.entries(iterateEl).reduce((acc, [key, value]) => {
+      acc[key] = iterator(value, getDriver);
+      return acc;
+    }, {});
+  }
+  return iterateEl;
+};
+const merge = (one, two) => mergeWith(one, two, (objValue, srcValue) => {
+  if (Array.isArray(srcValue)) {
+    const formatArr = srcValue.map((el) => isRenderDriver(el) ? `${ALIAS_KEY}${el}` : el);
+    return formatArr;
+  }
+});
+const cacheDriver = (id) => {
+  let cache2 = [];
+  const update = (id2, data) => {
+    const formatData = iterator(data, (el) => typeof el !== "string" ? `${ALIAS_KEY}${el.id}` : el);
+    cache2 = merge(cache2, formatData);
+  };
+  const getCacheCell = (id2) => cache2.find((cacheCell) => cacheCell.id === id2);
+  const get = (id2) => {
+    const findCell = getCacheCell(id2);
+    return iterator(findCell, (el) => {
+      return typeof el === "string" ? getCacheCell(extractAlias(el)) : el;
+    });
+  };
+  return {
+    update,
+    get,
+    cache: cache2,
+    id
+  };
+};
+const initialState = [
+  {
+    id: "slide_0",
+    name: "matchesOneTwo",
+    root: {
+      desktop: {
+        variant: "default",
+        animationName: "default",
+        $animationDuration: 3e3,
+        color: "#000",
+        fontFamily: "Roboto",
+        isBold: false,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 26,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      },
+      laptop: {
+        variant: "default",
+        animationName: "default",
+        $animationDuration: 3e3,
+        color: "#000",
+        fontFamily: "Roboto",
+        isBold: false,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 26,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      },
+      tablet: {
+        variant: "default",
+        animationName: "default",
+        $animationDuration: 3e3,
+        color: "#000",
+        fontFamily: "Roboto",
+        isBold: false,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 26,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      },
+      mobile: {
+        variant: "default",
+        animationName: "default",
+        $animationDuration: 3e3,
+        color: "#000",
+        fontFamily: "Roboto",
+        isBold: false,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 26,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      }
+    },
+    logo: {
+      desktop: {
+        backgroundColor: "#eee",
+        backgroundColorOpacity: 0
+      },
+      laptop: {
+        backgroundColor: "#eee",
+        backgroundColorOpacity: 0
+      },
+      tablet: {
+        backgroundColor: "#eee",
+        backgroundColorOpacity: 0
+      },
+      mobile: {
+        backgroundColor: "#eee",
+        backgroundColorOpacity: 0
+      }
+    },
+    value: {
+      desktop: {
+        corner: 4,
+        backgroundColor: "#3ec70e",
+        backgroundColorOpacity: 100,
+        color: "#fff",
+        fontFamily: "Roboto",
+        isBold: true,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 16,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      },
+      laptop: {
+        corner: 4,
+        backgroundColor: "#3ec70e",
+        backgroundColorOpacity: 100,
+        color: "#fff",
+        fontFamily: "Roboto",
+        isBold: true,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 16,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      },
+      tablet: {
+        corner: 4,
+        backgroundColor: "#3ec70e",
+        backgroundColorOpacity: 100,
+        color: "#fff",
+        fontFamily: "Roboto",
+        isBold: true,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 16,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      },
+      mobile: {
+        corner: 4,
+        backgroundColor: "#3ec70e",
+        backgroundColorOpacity: 100,
+        color: "#fff",
+        fontFamily: "Roboto",
+        isBold: true,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 16,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      }
+    },
+    teamName: {
+      desktop: {
+        color: "#333",
+        fontFamily: "Roboto",
+        isBold: true,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 22,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      },
+      laptop: {
+        color: "#333",
+        fontFamily: "Roboto",
+        isBold: true,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 22,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      },
+      tablet: {
+        color: "#333",
+        fontFamily: "Roboto",
+        isBold: true,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 22,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      },
+      mobile: {
+        color: "#333",
+        fontFamily: "Roboto",
+        isBold: true,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 22,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      }
+    },
+    titleLabel: {
+      desktop: {
+        innerText: "Title",
+        color: "#333",
+        fontFamily: "Roboto",
+        isBold: false,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 20,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      },
+      laptop: {
+        innerText: "Title",
+        color: "#333",
+        fontFamily: "Roboto",
+        isBold: false,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 20,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      },
+      tablet: {
+        innerText: "Title",
+        color: "#333",
+        fontFamily: "Roboto",
+        isBold: false,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 20,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      },
+      mobile: {
+        innerText: "Title",
+        color: "#333",
+        fontFamily: "Roboto",
+        isBold: false,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 20,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      }
+    },
+    titleValue: {
+      desktop: {
+        innerText: "Value",
+        color: "#333",
+        fontFamily: "Roboto",
+        isBold: true,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 20,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      },
+      laptop: {
+        innerText: "Value",
+        color: "#333",
+        fontFamily: "Roboto",
+        isBold: true,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 20,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      },
+      tablet: {
+        innerText: "Value",
+        color: "#333",
+        fontFamily: "Roboto",
+        isBold: true,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 20,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      },
+      mobile: {
+        innerText: "Value",
+        color: "#333",
+        fontFamily: "Roboto",
+        isBold: true,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 20,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      }
+    },
+    team1Name: {
+      desktop: {
+        innerText: "Team 1"
+      },
+      laptop: {
+        innerText: "Team 1"
+      },
+      tablet: {
+        innerText: "Team 1"
+      },
+      mobile: {
+        innerText: "Team 1"
+      }
+    },
+    team2Name: {
+      desktop: {
+        innerText: "Team 2"
+      },
+      laptop: {
+        innerText: "Team 2"
+      },
+      tablet: {
+        innerText: "Team 2"
+      },
+      mobile: {
+        innerText: "Team 2"
+      }
+    },
+    value1: {
+      desktop: {
+        innerText: "3.24"
+      },
+      laptop: {
+        innerText: "3.24"
+      },
+      tablet: {
+        innerText: "3.24"
+      },
+      mobile: {
+        innerText: "3.24"
+      }
+    },
+    value2: {
+      desktop: {
+        innerText: "2.41"
+      },
+      laptop: {
+        innerText: "2.41"
+      },
+      tablet: {
+        innerText: "2.41"
+      },
+      mobile: {
+        innerText: "2.41"
+      }
+    }
+  },
+  {
+    id: "wideCard",
+    name: "root",
+    root: {
+      desktop: {
+        $variant: "default",
+        bookmakerName: "bookmaker",
+        bookmakerSite: "site.com",
+        bookmakerColor: "#7e8392ff"
+      },
+      laptop: {
+        $variant: "default",
+        bookmakerName: "bookmaker",
+        bookmakerSite: "site.com",
+        bookmakerColor: "#7e8392ff"
+      },
+      tablet: {
+        $variant: "default",
+        bookmakerName: "bookmaker",
+        bookmakerSite: "site.com",
+        bookmakerColor: "#7e8392ff"
+      },
+      mobile: {
+        $variant: "default",
+        bookmakerName: "bookmaker",
+        bookmakerSite: "site.com",
+        bookmakerColor: "#7e8392ff"
+      }
+    },
+    background: {
+      desktop: {
+        backgroundColor: "#fb4b4b",
+        backgroundColorOpacity: 100
+      },
+      laptop: {
+        backgroundColor: "#fff",
+        backgroundColorOpacity: 100
+      },
+      tablet: {
+        backgroundColor: "#fff",
+        backgroundColorOpacity: 100
+      },
+      mobile: {
+        backgroundColor: "#fff",
+        backgroundColorOpacity: 100
+      }
+    },
+    logo: {
+      desktop: {
+        backgroundColor: "#eee",
+        backgroundColorOpacity: 100,
+        height: 35,
+        width: 100,
+        backgroundImage: "data:image/png;base64,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"
+      },
+      laptop: {
+        backgroundColor: "#eee",
+        backgroundColorOpacity: 100,
+        height: 35,
+        width: 100
+      },
+      tablet: {
+        backgroundColor: "#eee",
+        backgroundColorOpacity: 100,
+        height: 35,
+        width: 100
+      },
+      mobile: {
+        backgroundColor: "#eee",
+        backgroundColorOpacity: 100,
+        height: 35,
+        width: 100
+      }
+    },
+    button: {
+      desktop: {
+        minWidth: 0,
+        backgroundColor: "#080808",
+        backgroundColorOpacity: 100,
+        corner: 20,
+        borderWidth: 0,
+        borderColor: "#76a963",
+        $animated: false,
+        innerHTML: "\u0437\u0430\u0431\u0440\u0430\u0442\u044C \u0444\u0440\u0438\u0431\u0435\u044211",
+        color: "#fff",
+        fontFamily: "Roboto",
+        isBold: true,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 10,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      },
+      laptop: {
+        minWidth: 0,
+        backgroundColor: "#ff6a13",
+        backgroundColorOpacity: 100,
+        corner: 20,
+        borderWidth: 0,
+        borderColor: "#76a963",
+        $animated: false,
+        innerHTML: "\u0437\u0430\u0431\u0440\u0430\u0442\u044C \u0444\u0440\u0438\u0431\u0435\u0442",
+        color: "#fff",
+        fontFamily: "Roboto",
+        isBold: true,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 10,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      },
+      tablet: {
+        minWidth: 0,
+        backgroundColor: "#ff6a13",
+        backgroundColorOpacity: 100,
+        corner: 20,
+        borderWidth: 0,
+        borderColor: "#76a963",
+        $animated: false,
+        innerHTML: "\u0437\u0430\u0431\u0440\u0430\u0442\u044C \u0444\u0440\u0438\u0431\u0435\u0442",
+        color: "#fff",
+        fontFamily: "Roboto",
+        isBold: true,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 10,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      },
+      mobile: {
+        minWidth: 0,
+        backgroundColor: "#ff6a13",
+        backgroundColorOpacity: 100,
+        corner: 20,
+        borderWidth: 0,
+        borderColor: "#76a963",
+        $animated: false,
+        innerHTML: "\u0437\u0430\u0431\u0440\u0430\u0442\u044C \u0444\u0440\u0438\u0431\u0435\u0442",
+        color: "#fff",
+        fontFamily: "Roboto",
+        isBold: true,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 10,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      }
+    },
+    promotion: {
+      desktop: {
+        backgroundColor: "#333",
+        backgroundColorOpacity: 100,
+        borderWidth: 0,
+        borderColor: "#76a963",
+        innerHTML: "\u0420\u0435\u043A\u043B\u0430\u043C\u0430 winline.ru l 18+ ",
+        color: "#fff",
+        fontFamily: "Roboto",
+        isBold: false,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 8,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      },
+      laptop: {
+        backgroundColor: "#333",
+        backgroundColorOpacity: 100,
+        borderWidth: 0,
+        borderColor: "#76a963",
+        innerHTML: "\u0420\u0435\u043A\u043B\u0430\u043C\u0430 winline.ru l 18+ ",
+        color: "#fff",
+        fontFamily: "Roboto",
+        isBold: false,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 8,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      },
+      tablet: {
+        backgroundColor: "#333",
+        backgroundColorOpacity: 100,
+        borderWidth: 0,
+        borderColor: "#76a963",
+        innerHTML: "\u0420\u0435\u043A\u043B\u0430\u043C\u0430 winline.ru l 18+ ",
+        color: "#fff",
+        fontFamily: "Roboto",
+        isBold: false,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 8,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      },
+      mobile: {
+        backgroundColor: "#333",
+        backgroundColorOpacity: 100,
+        borderWidth: 0,
+        borderColor: "#76a963",
+        innerHTML: "\u0420\u0435\u043A\u043B\u0430\u043C\u0430 winline.ru l 18+ ",
+        color: "#fff",
+        fontFamily: "Roboto",
+        isBold: false,
+        isItalic: false,
+        isThrough: false,
+        textAlign: "left",
+        fontSize: 8,
+        lineHeight: 1.2,
+        letterSpacing: 0
+      }
+    },
+    slides: {
+      $children: ["alias:slide_0"]
+    }
+  }
+];
+const globalCache = cacheDriver("global");
+globalCache.update("complexPopup", initialState);
+var statePlugin = (emitter, id) => {
+  let currentDevice = "desktop";
+  const getDeviceState = (state) => {
+    if (!state)
+      return {};
+    const newState = {};
+    Object.entries(state).forEach(([layer, rules]) => set(newState, layer, rules[currentDevice] || rules));
+    return newState;
+  };
+  emitter.on("mount", () => {
+    const initialState2 = globalCache.get(id);
+    const deviceState = getDeviceState(initialState2);
+    if (deviceState) {
+      emitter.emit("runRender", deviceState);
+    }
+  });
+  emitter.on("renderNode", ({ rule }) => {
+    if ("$device" in rule && rule.$device !== currentDevice && rule.$device) {
+      currentDevice = rule.$device;
+      const initialState2 = globalCache.get(id);
+      if (initialState2) {
+        emitter.emit("runRender", getDeviceState(initialState2));
+      }
+    }
+  });
+};
+var html$b = '<div class="wideCardText wideCard__slide wideCard__slide_animated_default" data-layer="root">text slide</div>\n';
+var css$b = ".wideCardText{display:flex;justify-content:center;align-items:center;white-space:pre-wrap;color:#333;font-size:16px;--accent-color: #ffbc00ff;--accent-size: 16px}.wideCard_desktop .wideCardText{font-size:22px;--accent-size: 22px}.wideCardText span{color:var(--accent-color);font-size:var(--accent-size)}\n";
+var script$9 = (emitter) => {
+  let animationName = "";
+  let animationDuration = "";
+  emitter.on("renderNode", ({ layer, rule }) => {
+    if (layer.layer === "root" && ("$animationName" in rule || "$animationDuration" in rule)) {
+      animationName = rule.$animationName;
+      animationDuration = `${rule.$animationDuration / 1e3}s`;
+    }
+    if (layer.layer === "root" && "$active" in rule) {
+      const isActive = rule.$active;
+      emitter.emit("runRender", {
+        root: {
+          $styles: {
+            animationName: isActive ? animationName : "none",
+            animationDuration
+          }
+        }
+      });
+    }
+  });
+};
+var textSlideChunk = renderDriver({
+  html: html$b,
+  styles: [css$b],
+  plugins: [patchStylesPlugin, patchRulesPlugin, googleFontsPlugin, script$9, statePlugin]
+});
+var html$a = `<div class="wideCardMatches wideCard__slide wideCard__slide_animated_default" data-layer="root">
+  <div class="wideCardMatches-odd">
+    <div
+      class="wideCardMatches-odd__logo"
+      data-layer="side1Logo"
+      data-hidden
+      style="
+        background-image: url('https://cdn.scores24.live/upload/team/w60-h60/ef8/3e3/a5b6734c1a1339ca80f017112cf24e0757.png');
+      "
+    ></div>
+    <div class="wideCardMatches-odd__label" data-layer="side1Label" data-hidden>3</div>
+  </div>
+  <div class="wideCardMatches-coef" data-layer="coef">
+    <div class="wideCardMatches-coef__head" data-layer="coefX" data-hidden>X</div>
+    <div class="wideCardMatches-coef__value" data-layer="coefValue" data-hidden>3.92</div>
+  </div>
+  <div class="wideCardMatches-odd wideCard-odd_reverse">
+    <div
+      class="wideCardMatches-odd__logo"
+      data-layer="side2Logo"
+      data-hidden
+      style="
+        background-image: url('https://cdn.scores24.live/upload/team/w60-h60/ef8/3e3/a5b6734c1a1339ca80f017112cf24e0757.png');
+      "
+    ></div>
+    <div class="wideCardMatches-odd__label" data-layer="side2Label" data-hidden>2.8</div>
+  </div>
+</div>
+`;
+var css$a = ".wideCardMatches{display:grid;grid-template-columns:repeat(3,1fr);height:100%}.wideCardMatches-odd{display:flex;flex-direction:row;align-items:center;justify-content:center}.wideCardMatches-odd_reverse{flex-direction:row-reverse}.wideCardMatches-odd_reverse .wideCard-odd__label{margin-right:10px}.wideCardMatches-odd__label{display:flex;align-items:center;justify-content:center;color:#000;font-size:26px}.wideCardMatches-odd__logo{width:35px;height:35px;background-color:#eee}.wideCardMatches-coef{display:flex;align-items:center;justify-content:center}.wideCardMatches-coef__head{color:#000;font-size:26px}.wideCardMatches-coef__value{color:#000;font-size:26px;margin-left:10px}\n";
+const slideAnimations = [
+  {
+    label: "Default",
+    value: "default",
+    animationName: "fade-in-out"
+  },
+  {
+    label: "Bottom-top",
+    value: "bottomTop",
+    animationName: "fade-in-bottom-out-top"
+  },
+  {
+    label: "Top-bottom",
+    value: "topBottom",
+    animationName: "fade-in-top-out-bottom"
+  }
+];
+var script$8 = (emitter) => {
+  let animationName = "";
+  let animationDuration = "";
+  emitter.on("renderNode", ({ layer, rule }) => {
+    if (layer.layer === "root" && isEmptyValue(rule.$skip)) {
+      const animationName2 = slideAnimations.find((animation) => animation.value === rule.animationName);
+      emitter.emit("runRender", {
+        root: {
+          $animationName: animationName2 == null ? void 0 : animationName2.animationName,
+          $skip: true
+        },
+        side1Label: rule,
+        side2Label: rule,
+        coefValue: rule
+      });
+    }
+    if (layer.layer === "root" && ("$animationName" in rule || "$animationDuration" in rule)) {
+      animationName = rule.$animationName;
+      animationDuration = `${rule.$animationDuration / 1e3}s`;
+    }
+    if (layer.layer === "root" && "$active" in rule) {
+      const isActive = rule.$active;
+      emitter.emit("runRender", {
+        root: {
+          $styles: {
+            animationName: isActive ? animationName : "none",
+            animationDuration
+          }
+        }
+      });
+    }
+  });
+};
+var matchesSlideChunk = renderDriver({
+  html: html$a,
+  styles: [css$a],
+  plugins: [patchStylesPlugin, patchRulesPlugin, googleFontsPlugin, script$8, classNamesPlugin, statePlugin]
+});
+var html$9 = '<div class="wideOneTwoMatches wideCard__slide wideCard__slide_animated_default" data-layer="root">\n  <div class="wideOneTwoMatches-title">\n    <div class="wideOneTwoMatches-title__label" data-layer="titleLabel">Title</div>\n    <div class="wideOneTwoMatches-title__value" data-layer="titleValue">Value</div>\n  </div>\n  <div class="wideOneTwoMatches__teams">\n    <div class="wideOneTwoMatches-team">\n      <div class="wideOneTwoMatches-team__logo" data-layer="logo"></div>\n      <div class="wideOneTwoMatches-team__name" data-layer="teamName team1Name">Team 1</div>\n      <div class="wideOneTwoMatches-team__value" data-layer="value value1">3.24</div>\n    </div>\n    <div class="wideOneTwoMatches-team">\n      <div class="wideOneTwoMatches-team__logo" data-layer="logo" data-hidden></div>\n      <div class="wideOneTwoMatches-team__name" data-layer="teamName team2Name" data-hidden="teamName">Team 2</div>\n      <div class="wideOneTwoMatches-team__value" data-layer="value value2" data-hidden="value">2.41</div>\n    </div>\n  </div>\n</div>\n';
+var css$9 = ".wideOneTwoMatches{display:flex;align-items:center;justify-content:center;height:100%}.wideOneTwoMatches-title{color:#333}.wideOneTwoMatches-title__label{font-size:12px;margin-right:20px}.wideCard_tablet .wideOneTwoMatches-title__label{font-size:16px}.wideCard_desktop .wideOneTwoMatches-title__label,.wideCard_laptop .wideOneTwoMatches-title__label{font-size:20px}.wideOneTwoMatches-title__value{font-weight:700;font-size:12px}.wideCard_tablet .wideOneTwoMatches-title__value{font-size:16px}.wideCard_desktop .wideOneTwoMatches-title__value,.wideCard_laptop .wideOneTwoMatches-title__value{font-size:20px}.wideOneTwoMatches-team{display:flex;align-items:center;margin-bottom:10px;position:relative;padding-left:50px}.wideCard_desktop .wideOneTwoMatches-team,.wideCard_laptop .wideOneTwoMatches-team{padding-left:65px}.wideOneTwoMatches-team:first-child .wideOneTwoMatches-team__logo{top:50%;transform:translateY(-40%)}.wideOneTwoMatches-team:last-child{margin-bottom:initial}.wideOneTwoMatches-team:last-child .wideOneTwoMatches-team__logo{top:50%;transform:translateY(-60%)}.wideOneTwoMatches-team__logo{width:32px;height:32px;background-color:#eee;position:absolute;left:0}.wideCard_tablet .wideOneTwoMatches-team__logo{width:38px;height:38px}.wideCard_desktop .wideOneTwoMatches-team__logo,.wideCard_laptop .wideOneTwoMatches-team__logo{width:40px;height:40px}.wideOneTwoMatches-team__name{display:none;font-size:22px;font-weight:700;color:#333;margin-right:45px;width:100%}.wideCard_desktop .wideOneTwoMatches-team__name,.wideCard_laptop .wideOneTwoMatches-team__name{display:block}.wideOneTwoMatches-team__value{background-color:#3ec70e;padding:1px 6px;font-size:12px;font-weight:700;color:#fff;border-radius:4px;line-height:1.2}.wideCard_tablet .wideOneTwoMatches-team__value{font-size:14px}.wideCard_desktop .wideOneTwoMatches-team__value,.wideCard_laptop .wideOneTwoMatches-team__value{font-size:16px;padding:2px 10px}\n";
+var script$7 = (emitter) => {
+  let animationName = "";
+  let animationDuration = "";
+  emitter.on("renderNode", ({ layer, rule }) => {
+    if (layer.layer === "root" && isEmptyValue(rule.$skip)) {
+      const animationName2 = slideAnimations.find((animation) => animation.value === rule.animationName);
+      emitter.emit("runRender", {
+        root: {
+          $animationName: animationName2 == null ? void 0 : animationName2.animationName,
+          $skip: true
+        }
+      });
+    }
+    if (layer.layer === "root" && ("$animationName" in rule || "$animationDuration" in rule)) {
+      animationName = rule.$animationName;
+      animationDuration = `${rule.$animationDuration / 1e3}s`;
+    }
+    if (layer.layer === "root" && "$active" in rule) {
+      const isActive = rule.$active;
+      emitter.emit("runRender", {
+        root: {
+          $styles: {
+            animationName: isActive ? animationName : "none",
+            animationDuration
+          }
+        }
+      });
+    }
+  });
+};
+var matchesOneTwoSlideChunk = renderDriver({
+  html: html$9,
+  styles: [css$9],
+  plugins: [patchStylesPlugin, patchRulesPlugin, googleFontsPlugin, script$7, classNamesPlugin, statePlugin]
+});
+const chunks$4 = {
+  text: textSlideChunk,
+  matches: matchesSlideChunk,
+  matchesOneTwo: matchesOneTwoSlideChunk
+};
+const driver$7 = renderDriver({
+  html: html$c,
+  styles: [css$c],
+  chunks: chunks$4,
+  plugins: [
+    script$a,
+    googleFontsPlugin,
+    patchStylesPlugin,
+    injectNode,
+    patchRulesPlugin,
+    classNamesPlugin,
+    containerWidthPlugin("root"),
+    deviceClassNames({
+      desktop: "wideCard_desktop",
+      laptop: "wideCard_laptop",
+      tablet: "wideCard_tablet",
+      mobile: "wideCard_mobile"
+    }),
+    statePlugin
+  ]
+});
+var html$8 = '<div class="simplePopup" data-layer="root">\n  <div class="simplePopup__body" data-layer="body" data-hidden>\n    <div class="simplePopup__logo" data-layer="logo">logo</div>\n    <div class="simplePopup__text" data-layer="content" data-hidden></div>\n    <div class="simplePopup__button" data-layer="button">BUTTON</div>\n    <div class="simplePopup__legal" data-layer="legal">18+ | \u0420\u0435\u043A\u043B\u0430\u043C\u0430 ligastavok.ru | \u0441 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u0435\u0439 \u043E\u0431 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0442\u043E\u0440\u0435 \u043E\u0441\u043D\u043E\u0432\u0430\u043D\u043D\u044B\u0445 \u043D\u0430 \u0440\u0438\u0441\u043A\u0435 \u0438\u0433\u0440 \u0438 \u043F\u0430\u0440\u0438, \u0430 \u0442\u0430\u043A\u0436\u0435 \u0430\u043A\u0446\u0438\u0439 \u043E \u043F\u0440\u0430\u0432\u0438\u043B\u0430\u0445 \u0438\u0445 \u043F\u0440\u043E\u0432\u0435\u0434\u0435\u043D\u0438\u044F, \u043E \u043F\u0440\u0438\u0437\u043E\u0432\u043E\u043C \u0444\u043E\u043D\u0434\u0435 \u0442\u0430\u043A\u0438\u0445 \u0438\u0433\u0440 \u0438 \u043F\u0430\u0440\u0438, \u0430\u043A\u0446\u0438\u0439 \u0438 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0435 \u043F\u0440\u0438\u0437\u043E\u0432 \u0438\u043B\u0438 \u0432\u044B\u0438\u0433\u0440\u044B\u0448\u0435\u0439, \u043E \u0441\u0440\u043E\u043A\u0430\u0445, \u043C\u0435\u0441\u0442\u0435 \u0438 \u043F\u043E\u0440\u044F\u0434\u043A\u0435 \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u044F \u043F\u0440\u0438\u0437\u043E\u0432 \u0438\u043B\u0438 \u0432\u044B\u0438\u0433\u0440\u044B\u0448\u0435\u0439 \u043C\u043E\u0436\u043D\u043E \u043E\u0437\u043D\u0430\u043A\u043E\u043C\u0438\u0442\u044C\u0441\u044F \u043D\u0430 \u0441\u0430\u0439\u0442\u0435 ligastavok.ru. \u0421\u0440\u043E\u043A \u043F\u0440\u043E\u0432\u0435\u0434\u0435\u043D\u0438\u044F \u0430\u043A\u0446\u0438\u0438 \u0441 01.01.2023 \u0434\u043E 31.05.2023 (GMT+3) \u0432\u043A\u043B\u044E\u0447\u0438\u0442\u0435\u043B\u044C\u043D\u043E.</div>\n  </div>\n</div>\n';
+var css$8 = ".simplePopup{max-width:320px;width:100%;overflow:hidden;border-radius:10px;background-color:#fff;min-height:500px}.simplePopup_laptop,.simplePopup_tablet{max-width:410px;min-height:680px}.simplePopup_desktop{max-width:930px;min-height:500px}.simplePopup__body{padding:25px 10px 12px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}.simplePopup_desktop .simplePopup__body{padding:30px 47px 15px}.simplePopup__logo{width:100px;height:60px;background:#000}.simplePopup__text{margin:auto 0}.simplePopup__button{height:70px;border-radius:8px;padding:0 15px;font-size:24px;background-color:#ffbc00;margin-bottom:12px;display:flex;align-items:center;justify-content:center;width:100%}.simplePopup_desktop .simplePopup__button{width:70%}.simplePopup__legal{font-size:9px;color:#333;padding:0 10px;text-align:center;width:100%;line-height:1.2}.simplePopup_desktop .simplePopup__legal{width:70%}\n";
+const switchTextAlignToFlex = (textAlign) => ({ left: "flex-start", center: "center", right: "flex-end" })[textAlign] || textAlign;
+var script$6 = (emitter) => {
+  emitter.on("renderNode", ({ layer, rule }) => {
+    if (layer.layer === "root") {
+      emitter.emit("runRender", {
+        body: {
+          alignItems: switchTextAlignToFlex(rule.align)
+        }
+      });
+    }
+    if (layer.layer === "button" && isEmptyValue(rule.$skip)) {
+      emitter.emit("runRender", {
+        button: {
+          percent_width: rule.$width,
+          justifyContent: switchTextAlignToFlex(rule.textAlign),
+          $skip: true
+        }
+      });
+    }
+    if (layer.layer === "legal" && isEmptyValue(rule.$skip)) {
+      emitter.emit("runRender", {
+        legal: { percent_width: rule.$width, justifyContent: switchTextAlignToFlex(rule.textAlign), $skip: true }
+      });
+    }
+  });
+};
+var html$7 = '<div class="simplePopup__line" data-layer="root">line</div>\n';
+var css$7 = ".simplePopup__line{font-size:20px;color:#333}.simplePopup__line span{color:var(--accent-color);font-size:var(--accent-size)}\n";
+var textChunk = renderDriver({
+  html: html$7,
+  styles: [css$7],
+  plugins: [patchStylesPlugin, patchRulesPlugin, googleFontsPlugin, statePlugin]
+});
+const chunks$3 = {
+  line: textChunk
+};
+const driver$6 = renderDriver({
+  html: html$8,
+  styles: [css$8],
+  chunks: chunks$3,
+  plugins: [
+    script$6,
+    googleFontsPlugin,
+    patchStylesPlugin,
+    injectNode,
+    patchRulesPlugin,
+    containerWidthPlugin("root"),
+    deviceClassNames({
+      desktop: "simplePopup_desktop",
+      laptop: "simplePopup_laptop",
+      tablet: "simplePopup_tablet",
+      mobile: "simplePopup_mobile"
+    }),
+    statePlugin
+  ]
+});
+var html$6 = '<div class="expressPopup" data-layer="root">\n  <div class="expressPopup__body" data-layer="body" data-hidden>\n    <div class="expressPopup__head" data-layer="head" data-hidden>\n      <div class="expressPopup__title" data-layer="title">Title</div>\n      <div class="expressPopup__logo" data-layer="logo"></div>\n\n    </div>\n    <div class="expressPopup__wrapper" data-layer="content" data-hidden></div>\n\n    <div class="expressPopup__text" data-layer="text">TextLayer with <span>accent</span></div>\n    <div class="expressPopup-button" data-layer="buttonWrapper">\n      <div class="expressPopup-button__head" data-layer="buttonHead">Head</div>\n      <div class="expressPopup-button__target" data-layer="buttonTarget">BUTTON</div>\n    </div>\n    <div class="expressPopup__legal" data-layer="legal">18+ | \u0420\u0435\u043A\u043B\u0430\u043C\u0430 ligastavok.ru | \u0441 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u0435\u0439 \u043E\u0431 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0442\u043E\u0440\u0435 \u043E\u0441\u043D\u043E\u0432\u0430\u043D\u043D\u044B\u0445 \u043D\u0430 \u0440\u0438\u0441\u043A\u0435 \u0438\u0433\u0440 \u0438 \u043F\u0430\u0440\u0438, \u0430 \u0442\u0430\u043A\u0436\u0435 \u0430\u043A\u0446\u0438\u0439 \u043E \u043F\u0440\u0430\u0432\u0438\u043B\u0430\u0445 \u0438\u0445 \u043F\u0440\u043E\u0432\u0435\u0434\u0435\u043D\u0438\u044F, \u043E \u043F\u0440\u0438\u0437\u043E\u0432\u043E\u043C \u0444\u043E\u043D\u0434\u0435 \u0442\u0430\u043A\u0438\u0445 \u0438\u0433\u0440 \u0438 \u043F\u0430\u0440\u0438, \u0430\u043A\u0446\u0438\u0439 \u0438 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0435 \u043F\u0440\u0438\u0437\u043E\u0432 \u0438\u043B\u0438 \u0432\u044B\u0438\u0433\u0440\u044B\u0448\u0435\u0439, \u043E \u0441\u0440\u043E\u043A\u0430\u0445, \u043C\u0435\u0441\u0442\u0435 \u0438 \u043F\u043E\u0440\u044F\u0434\u043A\u0435 \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u044F \u043F\u0440\u0438\u0437\u043E\u0432 \u0438\u043B\u0438 \u0432\u044B\u0438\u0433\u0440\u044B\u0448\u0435\u0439 \u043C\u043E\u0436\u043D\u043E \u043E\u0437\u043D\u0430\u043A\u043E\u043C\u0438\u0442\u044C\u0441\u044F \u043D\u0430 \u0441\u0430\u0439\u0442\u0435 ligastavok.ru. \u0421\u0440\u043E\u043A \u043F\u0440\u043E\u0432\u0435\u0434\u0435\u043D\u0438\u044F \u0430\u043A\u0446\u0438\u0438 \u0441 01.01.2023 \u0434\u043E 31.05.2023 (GMT+3) \u0432\u043A\u043B\u044E\u0447\u0438\u0442\u0435\u043B\u044C\u043D\u043E.</div>\n  </div>\n</div>\n';
+var css$6 = ".expressPopup{max-width:320px;width:100%;overflow:hidden;border-radius:10px;background-color:#fff;min-height:500px}.expressPopup_laptop .expressPopup,.expressPopup_tablet .expressPopup{max-width:410px;min-height:680px}.expressPopup_desktop{max-width:930px;min-height:500px}.expressPopup__body{padding:25px 10px 12px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}.expressPopup_desktop .expressPopup__body{padding:30px 47px 15px}.expressPopup__head{display:flex;align-items:center;flex-direction:column-reverse;margin-bottom:10px}.expressPopup_desktop .expressPopup__head{flex-direction:initial}.expressPopup__title{font-size:23px;text-transform:uppercase;margin-top:10px;color:#333;font-weight:700}.expressPopup_desktop .expressPopup__title{font-size:36px;margin-right:32px;margin-bottom:initial}.expressPopup__logo{width:100px;height:60px;background:#eee}.expressPopup__wrapper{margin:auto 0;display:flex;flex-direction:column;width:100%}.expressPopup__text{font-size:20px;color:#333;margin-bottom:15px;width:100%;text-align:center;--accent-color: #f0f}.expressPopup__text span{color:var(--accent-color);font-size:var(--accent-size)}.expressPopup-button{display:flex;align-items:center;width:100%;text-transform:uppercase;margin-bottom:10px;flex-direction:column;border-radius:4px;overflow:hidden}.expressPopup_desktop .expressPopup-button{flex-direction:initial;width:80%}.expressPopup-button__head{display:flex;align-items:center;height:42px;background-color:#e6aa00;color:#333;font-size:22px;padding:0 20px;white-space:nowrap;width:100%;justify-content:center}.expressPopup_desktop .expressPopup-button__head{height:55px;width:initial;flex-direction:initial;font-size:31px}.expressPopup-button__target{display:flex;align-items:center;height:35px;background-color:#ffbc00;color:#333;font-size:16px;padding:0 15px;width:100%;justify-content:center}.expressPopup_desktop .expressPopup-button__target{height:55px;font-size:31px}.expressPopup__legal{font-size:9px;color:#333;padding:0 10px;text-align:center;width:100%;line-height:1.2}.expressPopup_desktop .expressPopup__legal{width:70%}\n";
+var script$5 = (emitter) => {
+  let currentDevice = "desktop";
+  emitter.on("renderNode", ({ rule }) => {
+    if ("$device" in rule && rule.$device !== currentDevice && rule.$device) {
+      currentDevice = rule.$device;
+    }
+  });
+  emitter.on("renderNode", ({ rule, layer }) => {
+    if (layer.layer === "root") {
+      emitter.emit("runRender", {
+        body: {
+          alignItems: switchTextAlignToFlex(rule.align)
+        },
+        head: {
+          alignItems: switchTextAlignToFlex(rule.align)
+        },
+        content: {
+          alignItems: switchTextAlignToFlex(rule.align)
+        },
+        text: {
+          textAlign: rule.align
+        }
+      });
+    }
+    if (layer.layer === "buttonWrapper" && isEmptyValue(rule.$skip)) {
+      emitter.emit("runRender", {
+        buttonWrapper: {
+          percent_width: rule.$width,
+          $skip: true
+        }
+      });
+    }
+    if (layer.layer === "buttonTarget" && isEmptyValue(rule.$skip)) {
+      emitter.emit("runRender", {
+        buttonTarget: {
+          justifyContent: switchTextAlignToFlex(rule.textAlign),
+          $skip: true
+        }
+      });
+    }
+    if (layer.layer === "legal" && isEmptyValue(rule.$skip)) {
+      emitter.emit("runRender", {
+        legal: {
+          percent_width: rule.$width,
+          $skip: true
+        }
+      });
+    }
+    if (layer.layer === "teams") {
+      emitter.emit("runRender", {
+        teamName: rule
+      });
+    }
+  });
+};
+var html$5 = '<div class="expressPopupMatch" data-layer="root" data-hidden>\n  <div class="expressPopupMatch-left">\n    <div class="expressPopupMatch-left__teams">\n      <div class="expressPopupMatch-left__logo" data-layer="logo" data-hidden></div>\n      <div class="expressPopupMatch-left__logo" data-layer="logo" data-hidden></div>\n    </div>\n    <div class="expressPopupMatch-left__body">\n      <div class="expressPopupMatch-left__league" data-layer="league">\u0410\u041F\u041B</div>\n      <div class="expressPopupMatch-left__name" data-layer="teams">\u041D\u044C\u044E\u043A\u0430\u0441\u043B \u2014 \u041B\u0438\u0434\u0441</div>\n    </div>\n  </div>\n  <div class="expressPopupMatch-right">\n    <div class="expressPopupMatch-team">\n      <div class="expressPopupMatch-team__logo" data-layer="logo" data-hidden></div>\n      <div class="expressPopupMatch-team__name" data-layer="teamName" data-hidden>\u041D\u042C\u042E\u041A\u0410\u0421\u041B</div>\n    </div>\n\n    <div class="expressPopupMatch-odd">\n      <div class="expressPopupMatch-odd__label" data-layer="oddLabel">\u0418\u0422\u04111(1.5)</div>\n      <div class="expressPopupMatch-odd__value" data-layer="oddValue">2.14</div>\n    </div>\n\n    <div class="expressPopupMatch-team">\n      <div class="expressPopupMatch-team__logo" data-layer="logo" data-hidden></div>\n      <div class="expressPopupMatch-team__name" data-layer="teamName" data-hidden>\u041B\u0418\u0414\u0421</div>\n    </div>\n  </div>\n</div>\n';
+var css$5 = ".expressPopupMatch{padding:10px;display:flex;align-items:center;width:100%}.expressPopupMatch-left{padding-right:15px;display:none;align-items:center;border-right:1px solid #333;flex:1}.expressPopup_desktop .expressPopupMatch-left{display:flex}.expressPopupMatch-left__teams{margin-right:30px;display:flex;align-items:center}.expressPopupMatch-left__logo{width:50px;height:50px;background-color:#eee}.expressPopupMatch-left__league{font-size:15px;color:#333}.expressPopupMatch-left__name{font-size:18px;font-weight:700;color:#333}.expressPopupMatch-right{padding:0 10px;width:100%;display:flex;align-items:center}.expressPopup_desktop .expressPopupMatch-right{padding:0 30px;width:initial}.expressPopupMatch-odd{display:flex;align-items:center;flex-direction:column;flex:1}.expressPopup_desktop .expressPopupMatch-odd{flex-direction:row;flex:initial}.expressPopupMatch-odd__label{font-size:13px;color:#333}.expressPopup_desktop .expressPopupMatch-odd__label{font-size:19px;margin-right:15px}.expressPopupMatch-odd__value{padding:3px 10px;background-color:#ffbc00;border-radius:2px;font-size:13px;color:#333;margin-top:3px}.expressPopup_desktop .expressPopupMatch-odd__value{font-size:19px;padding:3px 20px;margin-top:initial}.expressPopupMatch-team{display:flex;flex-direction:column;align-items:center}.expressPopup_desktop .expressPopupMatch-team{display:none}.expressPopupMatch-team__logo{width:34px;height:34px;background-color:#eee}.expressPopupMatch-team__name{font-size:11px;text-transform:uppercase}\n";
+const driver$5 = renderDriver({
+  html: html$5,
+  styles: [css$5],
+  plugins: [patchStylesPlugin, patchRulesPlugin, googleFontsPlugin, statePlugin]
+});
+const chunks$2 = {
+  match: driver$5
+};
+const driver$4 = renderDriver({
+  html: html$6,
+  styles: [css$6],
+  chunks: chunks$2,
+  plugins: [
+    script$5,
+    googleFontsPlugin,
+    patchStylesPlugin,
+    injectNode,
+    patchRulesPlugin,
+    containerWidthPlugin("root"),
+    deviceClassNames({
+      desktop: "expressPopup_desktop",
+      laptop: "expressPopup_laptop",
+      tablet: "expressPopup_tablet",
+      mobile: "expressPopup_mobile"
+    }),
+    statePlugin
+  ]
+});
+var html$4 = '<div class="complexPopup complexPopup_desktop" data-layer="root">\n  <div class="complexPopup__content">\n    <div class="complexPopup__title" data-layer="title">Complex popup title</div>\n    <div class="complexPopup__wrapper" data-layer="cards" data-hidden></div>\n  </div>\n</div>\n';
+var css$4 = ".complexPopup{max-width:280px;width:100%;overflow:hidden;border-radius:10px;background-color:#fff}.complexPopup_desktop{max-width:1000px}.complexPopup__content{padding:15px 10px;display:flex;flex-direction:column;justify-content:center;height:100%}.complexPopup_desktop .complexPopup__content{padding:30px 20px}.complexPopup__title{text-transform:uppercase;margin-bottom:20px;font-weight:700;font-size:11px;font-style:normal;color:#333;text-align:center}.complexPopup_desktop .complexPopup__title{margin-bottom:70px;font-size:26px}.complexPopup__wrapper{display:flex;flex-direction:column;justify-content:center;gap:15px}.complexPopup_desktop .complexPopup__wrapper{flex-direction:initial;gap:25px}\n";
+var script$4 = (emitter) => {
+};
+var html$3 = '<div class="complexPopup-card" data-layer="root">\n  <div class="complexPopup-card__header" data-layer="header">\n    <div class="complexPopup-card__logo" data-layer="logo" data-hidden></div>\n  </div>\n  <div class="complexPopup-card__container">\n    <div class="complexPopup-card__body">\n      <div class="complexPopup-card__logo" data-layer="logo" data-hidden></div>\n      <div class="complexPopup-card__text" data-layer="text">Custom bonus text with <span>Accent color</span></div>\n    </div>\n    <div>\n      <div class="complexPopup-card__button" data-layer="button">BONUS BUTTON</div>\n      <div class="complexPopup-card__legal" data-layer="legal">18+ Legal info text</div>\n    </div>\n  </div>\n</div>\n';
+var css$3 = ".complexPopup-card{text-align:center;background-color:#f7f7f7;overflow:hidden;border-radius:10px;max-width:300px}.complexPopup_desktop .complexPopup-card{height:300px}.complexPopup-card__header{display:none;background-color:#eee;height:49px;align-items:center;justify-content:center}.complexPopup_desktop .complexPopup-card__header{display:flex}.complexPopup-card__logo{width:60px;background-color:#dbdbdb;height:40px}.complexPopup-card__container{display:flex;flex-direction:column;padding:10px}.complexPopup_desktop .complexPopup-card__container{padding:0 16px 12px;justify-content:space-between;height:calc(100% - 50px)}.complexPopup-card__body{padding:11px 10px 9px;display:flex;align-items:center;margin-bottom:12px}.complexPopup_desktop .complexPopup-card__body{margin:auto}.complexPopup-card__body .complexPopup-card__logo{display:block;margin-right:12px}.complexPopup_desktop .complexPopup-card__body .complexPopup-card__logo{display:none}.complexPopup-card__text{flex:1;display:block;justify-content:center;align-items:center;white-space:pre-wrap;color:#333;text-align:center;font-size:16px;--accent-size: 16px;--accent-color: #e23333}.complexPopup-card__text span{color:var(--accent-color);font-size:var(--accent-size)}.complexPopup_desktop .complexPopup-card__text{font-size:22px;--accent-size: 22px}.complexPopup-card__button{display:inline-flex;align-items:center;justify-content:center;padding:0 15px;height:30px;margin-bottom:10px;font-size:12px;color:#333;background-color:#eee;border-radius:8px;width:100%}.complexPopup_desktop .complexPopup-card__button{height:40px;margin-bottom:12px;width:initial;font-size:16px}.complexPopup-card__legal{overflow-y:auto;padding:0 4px;height:15px;font-size:9px;color:#333}.complexPopup_desktop .complexPopup-card__legal{height:20px}.complexPopup-card__legal::-webkit-scrollbar{width:4px;background:#fff;border-radius:5px}.complexPopup-card__legal::-webkit-scrollbar-track{border-radius:5px}.complexPopup-card__legal::-webkit-scrollbar-thumb{background:#fff;border-radius:5px}\n";
+var script$3 = (emitter) => {
+  let currentDevice = "desktop";
+  emitter.on("renderNode", ({ rule }) => {
+    if ("$device" in rule && rule.$device !== currentDevice && rule.$device) {
+      currentDevice = rule.$device;
+    }
+  });
+  emitter.on("renderNode", ({ rule, layer }) => {
+    if (layer.layer === "root" && isEmptyValue(rule.$skip)) {
+      emitter.emit("runRender", {
+        root: {
+          height: currentDevice === "desktop" ? rule.$height : "initial",
+          $skip: true
+        }
+      });
+    }
+  });
+};
+const driver$3 = renderDriver({
+  html: html$3,
+  styles: [css$3],
+  plugins: [script$3, googleFontsPlugin, patchStylesPlugin, patchRulesPlugin, statePlugin]
+});
+const chunks$1 = {
+  bonus: driver$3
+};
+const driver$2 = renderDriver({
+  html: html$4,
+  styles: [css$4],
+  chunks: chunks$1,
+  plugins: [
+    script$4,
+    googleFontsPlugin,
+    patchStylesPlugin,
+    injectNode,
+    patchRulesPlugin,
+    containerWidthPlugin("root"),
+    deviceClassNames({
+      desktop: "complexPopup_desktop",
+      laptop: "complexPopup_laptop",
+      tablet: "complexPopup_tablet",
+      mobile: "complexPopup_mobile"
+    }),
+    statePlugin
+  ]
+});
+var html$2 = '<div class="complexGift" data-layer="root" data-hidden>\n  <div class="complexGift-icon" data-layer="icon">\n    <div class="complexGift-icon__target" data-layer="iconTarget" data-hidden>\n      <svg viewBox="0 0 16 16">\n        <path\n          fill="currentColor"\n          fill-rule="evenodd"\n          d="M2.13 8H7v7.31H3.22a1.09 1.09 0 01-1.09-1.09zM9 15.34h3.81a1.09 1.09 0 001.09-1.09V8H9zm5.8-9.94v1.19a.48.48 0 01-.48.48H1.71a.48.48 0 01-.48-.48V5.4c0-.596.484-1.08 1.08-1.08H5a2.48 2.48 0 01-1.47-1.65 1.62 1.62 0 01.26-1.4 1.57 1.57 0 011-.58c.11-.01.22-.01.33 0a2.5 2.5 0 012 1A9 9 0 018 3.22a10.38 10.38 0 01.91-1.54 2.49 2.49 0 011.93-1h.36c.369.065.702.26.94.55.31.407.414.936.28 1.43a2.48 2.48 0 01-1.45 1.64h2.77a1.08 1.08 0 011.03 1.1zM8.66 4a9.81 9.81 0 001.9-.55 1.52 1.52 0 00.88-1 .68.68 0 00-.1-.59.6.6 0 00-.34-.22.58.58 0 00-.18 0 1.52 1.52 0 00-1.17.63A9.06 9.06 0 008.66 4zm-3.32-.58A9.62 9.62 0 007.25 4a8.59 8.59 0 00-1-1.72 1.51 1.51 0 00-1.18-.63h-.13a.66.66 0 00-.39.22.66.66 0 00-.09.57c.13.443.453.804.88.98z"\n        ></path>\n      </svg>\n    </div>\n  </div>\n  <div class="complexGift-body" data-layer="body" data-hidden>\n    <div class="complexGift-body__arrow" data-layer="arrow" data-hidden></div>\n    <div class="complexGift-body__container" data-layer="container">\n      <div class="complexGift-body__close" data-layer="close">\n        <svg\n          xmlns="http://www.w3.org/2000/svg"\n          xmlns:xlink="http://www.w3.org/1999/xlink"\n          width="20"\n          height="20"\n          viewBox="0 0 24 24"\n        >\n          <path\n            d="M17.659 4.929a1 1 0 1 1 1.414 1.414L13.416 12l5.657 5.657a1 1 0 0 1-1.415 1.414l-5.656-5.657-5.657 5.657a1 1 0 0 1-1.414-1.414L10.587 12 4.931 6.343A1 1 0 1 1 6.345 4.93l5.657 5.657 5.656-5.657Z"\n            fill="currentColor"\n          ></path>\n        </svg>\n      </div>\n      <div class="complexGift-body__promotion" data-layer="promotion">\u0420\u0435\u043A\u043B\u0430\u043C\u0430, 18+</div>\n      <div class="complexGift-head">\n        <div class="complexGift-head__icon" data-layer="headerIcon" data-hidden>\n          <svg viewBox="0 0 16 16">\n            <path\n              fill="currentColor"\n              fill-rule="evenodd"\n              d="M2.13 8H7v7.31H3.22a1.09 1.09 0 01-1.09-1.09zM9 15.34h3.81a1.09 1.09 0 001.09-1.09V8H9zm5.8-9.94v1.19a.48.48 0 01-.48.48H1.71a.48.48 0 01-.48-.48V5.4c0-.596.484-1.08 1.08-1.08H5a2.48 2.48 0 01-1.47-1.65 1.62 1.62 0 01.26-1.4 1.57 1.57 0 011-.58c.11-.01.22-.01.33 0a2.5 2.5 0 012 1A9 9 0 018 3.22a10.38 10.38 0 01.91-1.54 2.49 2.49 0 011.93-1h.36c.369.065.702.26.94.55.31.407.414.936.28 1.43a2.48 2.48 0 01-1.45 1.64h2.77a1.08 1.08 0 011.03 1.1zM8.66 4a9.81 9.81 0 001.9-.55 1.52 1.52 0 00.88-1 .68.68 0 00-.1-.59.6.6 0 00-.34-.22.58.58 0 00-.18 0 1.52 1.52 0 00-1.17.63A9.06 9.06 0 008.66 4zm-3.32-.58A9.62 9.62 0 007.25 4a8.59 8.59 0 00-1-1.72 1.51 1.51 0 00-1.18-.63h-.13a.66.66 0 00-.39.22.66.66 0 00-.09.57c.13.443.453.804.88.98z"\n            ></path>\n          </svg>\n        </div>\n        <div class="complexGift-head__title" data-layer="title">Bonus popolari</div>\n      </div>\n\n      <div class="complexGift-body__inner" data-layer="cards" data-hidden></div>\n    </div>\n  </div>\n</div>\n';
+var css$2 = ".complexGift{position:relative}.complexGift-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background-color:#333;color:#fff;border-radius:50%;cursor:pointer}.complexGift-icon__target{width:17px;height:20px}.complexGift-body{position:absolute;left:-30px;top:50px;width:360px;display:none}.complexGift-body_open{animation:complexGift_in .3s;display:block}@keyframes complexGift_in{0%{opacity:0}to{opacity:1}}.complexGift-body__arrow{position:absolute;transform:rotate(45deg);height:15px;width:15px;top:-7px;left:38px;background-color:#333}.complexGift-body__container{background-color:#333;border-radius:4px}.complexGift-body__promotion{position:absolute;top:12px;right:35px;color:#fff;font-size:8px}.complexGift-body__close{position:absolute;top:9px;right:9px;color:#fff;display:flex;align-items:center;cursor:pointer}.complexGift-body__close svg{width:15px;height:15px}.complexGift-head{padding:12px 20px;display:flex;align-items:center;color:#fff}.complexGift-head__icon{width:20px;height:20px;margin-right:10px}.complexGift-head__title{font-size:16px;line-height:1.2;font-weight:700;width:100%}.complexGift-body__inner{border-radius:6px;overflow:hidden;padding:0 6px 6px}@keyframes fadein{0%,to{opacity:0}50%{opacity:1}}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}\n";
+const animationsMap = {
+  fade: "fadein 2s linear infinite",
+  pulse: "pulse .3s linear 0s infinite alternate forwards",
+  wiggle: "wiggle 2s linear infinite",
+  gradient: "gradient  3s ease infinite"
+};
+var script$2 = (emitter) => {
+  emitter.on("renderNode", ({ rule, layer }) => {
+    if ("$animations" in rule) {
+      const allAnimations = rule.$animations.map((animation) => animationsMap[animation]).join(", ");
+      emitter.emit("runRender", {
+        icon: {
+          animation: allAnimations
+        }
+      });
+    }
+    if (layer.layer === "icon" && rule.hasIcon) {
+      emitter.emit("runRender", {
+        iconTarget: {
+          display: rule.hasIcon ? "flex" : "none"
+        }
+      });
+    }
+    if (layer.layer === "title") {
+      emitter.emit("runRender", {
+        headerIcon: {
+          display: rule.hasIcon ? "block" : "none"
+        }
+      });
+    }
+    if (layer.layer === "container") {
+      emitter.emit("runRender", {
+        body: {
+          $delay: rule.delay,
+          left: rule.left
+        },
+        arrow: {
+          left: `${((rule == null ? void 0 : rule.left) || 0) * -1 + 8}`,
+          backgroundColor: rule.backgroundColor,
+          borderTopWidth: rule.borderWidth,
+          borderTopColor: rule.borderColor,
+          borderTopStyle: "solid",
+          borderLeftWidth: rule.borderWidth,
+          borderLeftColor: rule.borderColor,
+          borderLeftStyle: "solid"
+        }
+      });
+    }
+  });
+};
+var html$1 = '<div class="complexGiftCard" data-layer="root">\n  <div class="complexGiftCard-body">\n    <div class="complexGiftCard__logo" data-layer="logo"></div>\n    <div class="complexGiftCard__line" data-layer="line"></div>\n    <div class="complexGiftCard__text" data-layer="text">\u0414\u043E <span>10 000\u20BD</span> \u043D\u0430 \u0431\u0435\u0441\u043F\u043B\u0430\u0442\u043D\u0443\u044E \u0441\u0442\u0430\u0432\u043A\u0443</div>\n    <div class="complexGiftCard-button" data-layer="button">\n      <div class="complexGiftCard__logo" data-layer="logo" data-hidden></div>\n      <div class="complexGiftCard-button__text" data-layer="buttonText" data-hidden>Button</div>\n    </div>\n  </div>\n  <div class="complexGiftCard-legal" data-layer="legal">\n    18+ | \u0420\u0435\u043A\u043B\u0430\u043C\u0430 ligastavok.ru | \u0441 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u0435\u0439 \u043E\u0431 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0442\u043E\u0440\u0435 \u043E\u0441\u043D\u043E\u0432\u0430\u043D\u043D\u044B\u0445 \u043D\u0430 \u0440\u0438\u0441\u043A\u0435 \u0438\u0433\u0440 \u0438 \u043F\u0430\u0440\u0438, \u0430 \u0442\u0430\u043A\u0436\u0435 \u0430\u043A\u0446\u0438\u0439 \u043E \u043F\u0440\u0430\u0432\u0438\u043B\u0430\u0445\n    \u0438\u0445 \u043F\u0440\u043E\u0432\u0435\u0434\u0435\u043D\u0438\u044F, \u043E \u043F\u0440\u0438\u0437\u043E\u0432\u043E\u043C \u0444\u043E\u043D\u0434\u0435 \u0442\u0430\u043A\u0438\u0445 \u0438\u0433\u0440 \u0438 \u043F\u0430\u0440\u0438, \u0430\u043A\u0446\u0438\u0439 \u0438 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0435 \u043F\u0440\u0438\u0437\u043E\u0432 \u0438\u043B\u0438 \u0432\u044B\u0438\u0433\u0440\u044B\u0448\u0435\u0439, \u043E \u0441\u0440\u043E\u043A\u0430\u0445, \u043C\u0435\u0441\u0442\u0435 \u0438 \u043F\u043E\u0440\u044F\u0434\u043A\u0435\n    \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u044F \u043F\u0440\u0438\u0437\u043E\u0432 \u0438\u043B\u0438 \u0432\u044B\u0438\u0433\u0440\u044B\u0448\u0435\u0439 \u043C\u043E\u0436\u043D\u043E \u043E\u0437\u043D\u0430\u043A\u043E\u043C\u0438\u0442\u044C\u0441\u044F \u043D\u0430 \u0441\u0430\u0439\u0442\u0435 ligastavok.ru. \u0421\u0440\u043E\u043A \u043F\u0440\u043E\u0432\u0435\u0434\u0435\u043D\u0438\u044F \u0430\u043A\u0446\u0438\u0438 \u0441 01.01.2023 \u0434\u043E\n    31.05.2023 (GMT+3) \u0432\u043A\u043B\u044E\u0447\u0438\u0442\u0435\u043B\u044C\u043D\u043E.\n  </div>\n</div>\n';
+var css$1 = ".complexGiftCard{padding:6px;background-color:#fff;border-bottom:1px solid #D8DBE6}.complexGiftCard:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.complexGiftCard:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-bottom:none}.complexGiftCard-body{display:flex;align-items:center;position:relative;padding-left:6px}.complexGiftCard__line{position:absolute;left:-6px;top:0;bottom:0;width:2px;background-color:#ffb800;border-radius:0 2px 2px 0}.complexGiftCard__text{font-size:12px;line-height:1.2;color:#333;font-weight:700;padding-right:10px;--accent-size: 12px;--accent-color: #ffbc00}.complexGiftCard__text span{color:var(--accent-color);font-size:var(--accent-size)}.complexGiftCard-button{margin-left:auto;padding:2px;background-color:#ffb800;border-radius:20px;display:flex;align-items:center;font-size:10px;text-transform:uppercase;line-height:2;font-weight:700}.complexGiftCard-button .complexGiftCard__logo{width:30px;height:30px;margin-right:initial;display:block}.complexGiftCard-button__text{padding:0 7px}.complexGiftCard__logo{width:25px;height:25px;border-radius:30px;background-color:#eee;margin-right:10px;display:none}.complexGiftCard-legal{background-color:#eee;padding:2px 5px;height:14px;overflow:auto;margin-top:6px;border-radius:4px;color:#7e8392;font-size:8px}.complexGiftCard_variant2 .complexGiftCard__logo{display:block}.complexGiftCard_variant2 .complexGiftCard-button .complexGiftCard__logo{display:none}\n";
+var script$1 = (emitter) => {
+  emitter.on("renderNode", ({ rule, layer }) => {
+    if ("$variant" in rule && typeof rule.$variant === "string") {
+      emitter.emit("runRender", {
+        root: {
+          $classNames: ["complexGiftCard", { [`complexGiftCard_${rule.$variant}`]: true }]
+        }
+      });
+    }
+    if (layer.layer === "button") {
+      emitter.emit("runRender", {
+        buttonText: {
+          innerHTML: rule.$innerHTML
+        }
+      });
+    }
+    if (layer.layer === "text" && !("$skip" in rule))
+      ;
+  });
+};
+const driver$1 = renderDriver({
+  html: html$1,
+  styles: [css$1],
+  plugins: [script$1, patchStylesPlugin, patchRulesPlugin, googleFontsPlugin, classNamesPlugin, statePlugin]
+});
+var giftOpenPlugin = (options) => (emitter) => {
+  let openDelay = options.delay;
+  let openTimeout;
+  const isOpen = (containerNode) => containerNode.classList.contains(options.openClassName);
+  const openTimer = (containerNode) => {
+    openTimeout = setTimeout(() => {
+      if (!isOpen(containerNode)) {
+        toggleClassName(containerNode, options.openClassName, true);
+      }
+    }, openDelay);
+  };
+  const onClickIcon = (node) => {
+    toggleClassName(node, options.openClassName);
+  };
+  const close = (bodyNode) => {
+    if (openTimeout) {
+      clearTimeout(openTimeout);
+    }
+    toggleClassName(bodyNode, options.openClassName, false);
+  };
+  emitter.on("mount", ({ layers }) => {
+    const iconLayer = layers.find((layer) => layer.layer === options.toggleTarget);
+    const containerLayer = layers.find((layer) => layer.layer === options.bodyTarget);
+    const closeLayer = layers.find((layer) => layer.layer === options.closeTarget);
+    if (iconLayer && containerLayer) {
+      iconLayer.node.addEventListener("click", () => onClickIcon(containerLayer.node));
+    }
+    if (containerLayer) {
+      openTimer(containerLayer.node);
+    }
+    if (closeLayer && containerLayer) {
+      closeLayer.node.addEventListener("click", () => close(containerLayer.node));
+    }
+    return () => {
+      iconLayer == null ? void 0 : iconLayer.node.removeEventListener("click", () => onClickIcon(containerLayer == null ? void 0 : containerLayer.node));
+      if (openTimeout) {
+        clearTimeout(openTimeout);
+      }
+    };
+  });
+  emitter.on("renderNode", ({ layer, rule }) => {
+    if (layer.layer === options.bodyTarget && "$delay" in rule) {
+      if (openDelay === rule.$delay)
+        return;
+      if (openTimeout) {
+        clearTimeout(openTimeout);
+      }
+      toggleClassName(layer.node, options.openClassName, false);
+      openDelay = rule.$delay;
+      openTimer(layer.node);
+    }
+  });
+};
+const chunks = {
+  bonus: driver$1
+};
+const driver = renderDriver({
+  html: html$2,
+  styles: [css$2],
+  chunks,
+  plugins: [
+    statePlugin,
+    script$2,
+    googleFontsPlugin,
+    injectNode,
+    patchRulesPlugin,
+    containerWidthPlugin("root"),
+    classNamesPlugin,
+    giftOpenPlugin({
+      openClassName: "complexGift-body_open",
+      toggleTarget: "icon",
+      bodyTarget: "body",
+      closeTarget: "close",
+      delay: 1e3
+    }),
+    deviceClassNames({
+      desktop: "complexGift_desktop",
+      laptop: "complexGift_laptop",
+      tablet: "complexGift_tablet",
+      mobile: "complexGift_mobile"
+    })
+  ]
+});
+var html = '<div class="bonusCard" data-layer="root">\n  <div class="bonusCard-background" data-layer="background" data-hidden></div>\n  <div class="bonusCard__body">\n    <div>\n      <div class="bonusCard-row" data-layer="rowFirst">10 000 \u0420\u0423\u0411\u041B\u0415\u0419</div>\n      <div class="bonusCard-row" data-layer="rowSecond">\u0431\u0435\u0441\u043F\u043B\u0430\u0442\u043D\u0430\u044F \u0441\u0442\u0430\u0432\u043A\u0430</div>\n      <div data-layer="bookmaker" data-hidden class="bonusCard__bookmaker">winline</div>\n    </div>\n    <div class="bonusCard__button" data-layer="button">\u0417\u0410\u0411\u0420\u0410\u0422\u042C</div>\n  </div>\n  <div data-layer="legalInfo" class="bonusCard-legal">\n    <span data-layer="legalInfoWrapper" data-hidden class="bonusCard-legal__text bonusCard-legal__text_closed">\n      <span data-layer="legalInfoText">\n        18+ | \u0420\u0435\u043A\u043B\u0430\u043C\u0430 winline.ru | \u0421 \u0438\u043D\u0444\u043E\u0440\u043C\u0430\u0446\u0438\u0435\u0439 \u043E\u0431 \u043E\u0440\u0433\u0430\u043D\u0438\u0437\u0430\u0442\u043E\u0440\u0435 \u043E\u0441\u043D\u043E\u0432\u0430\u043D\u043D\u044B\u0445 \u043D\u0430 \u0440\u0438\u0441\u043A\u0435 \u0438\u0433\u0440 \u0438 \u043F\u0430\u0440\u0438, \u0430 \u0442\u0430\u043A\u0436\u0435 \u0430\u043A\u0446\u0438\u0439 \u043E\n        \u043F\u0440\u0430\u0432\u0438\u043B\u0430\u0445 \u0438\u0445 \u043F\u0440\u043E\u0432\u0435\u0434\u0435\u043D\u0438\u044F, \u043E \u043F\u0440\u0438\u0437\u043E\u0432\u043E\u043C \u0444\u043E\u043D\u0434\u0435 \u0442\u0430\u043A\u0438\u0445 \u0438\u0433\u0440 \u0438 \u043F\u0430\u0440\u0438, \u0430\u043A\u0446\u0438\u0439 \u0438 \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0435 \u043F\u0440\u0438\u0437\u043E\u0432 \u0438\u043B\u0438 \u0432\u044B\u0438\u0433\u0440\u044B\u0448\u0435\u0439, \u043E \u0441\u0440\u043E\u043A\u0430\u0445,\n        \u043C\u0435\u0441\u0442\u0435 \u0438 \u043F\u043E\u0440\u044F\u0434\u043A\u0435 \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u044F \u043F\u0440\u0438\u0437\u043E\u0432 \u0438\u043B\u0438 \u0432\u044B\u0438\u0433\u0440\u044B\u0448\u0435\u0439 \u043C\u043E\u0436\u043D\u043E \u043E\u0437\u043D\u0430\u043A\u043E\u043C\u0438\u0442\u044C\u0441\u044F \u043D\u0430 \u0441\u0430\u0439\u0442\u0435 winline.ru. \u0421\u0440\u043E\u043A \u043F\u0440\u043E\u0432\u0435\u0434\u0435\u043D\u0438\u044F \u0430\u043A\u0446\u0438\u0438 \u0441\n        13.12.2021 \u043F\u043E 31.12.2022 (GMT+3) \u0432\u043A\u043B\u044E\u0447\u0438\u0442\u0435\u043B\u044C\u043D\u043E.\n      </span>\n      <span class="bonusCard-legal__button bonusCard-legal__button_open" data-layer="legalInfoButton">\u0415\u0449\u0435</span>\n    </span>\n  </div>\n</div>\n';
+var css = ".bonusCard{min-height:100px;width:350px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:0 10px 5px;position:relative;border-style:solid}.bonusCard-background{position:absolute;top:0;bottom:0;right:0;left:0;background-color:#fff}.bonusCard__body{display:flex;padding:5px 0;width:100%;justify-content:space-between;align-items:center;box-sizing:content-box;position:relative}.bonusCard__bookmaker{margin-right:10px;color:#7e8392;font-size:12px;line-height:16px}.bonusCard__button{border-radius:10px;font-size:12px;line-height:16px;font-weight:700;text-transform:uppercase;text-align:center;cursor:pointer;padding:7px 15px;background:#76a963ff;color:#fff;border-style:solid}.bonusCard-row{color:#090a0b}.bonusCard-legal{position:relative;display:flex;width:calc(100% + 12px);min-height:18px;left:-6px;right:4px;z-index:2;padding:3px 5px;color:#7e8392;background-color:#fafafa;border-radius:10px;font-size:12px;line-height:16px}.bonusCard-legal__text{overflow:hidden;display:inline-block;margin:0}.bonusCard-legal__text_closed{margin:0;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding-right:25px}.bonusCard-legal__text_open{display:block;text-align:left}.bonusCard-legal__button{cursor:pointer;text-decoration:underline}.bonusCard-legal__button_open{position:absolute;right:4px;bottom:4px}\n";
+const BUTTON_OPEN_CLASSNAME = "bonusCard-legal__button_open";
+const OPEN_CLASSNAME = "bonusCard-legal__text_open";
+const CLOSE_CLASSNAME = "bonusCard-legal__text_closed";
+var script = (emitter) => {
+  let openButtonText = "";
+  let closeButtonText = "";
+  let isOpen = false;
+  const toggleIsOpen = (wrapperNode, buttonNode) => {
+    toggleClassName(wrapperNode, OPEN_CLASSNAME);
+    toggleClassName(wrapperNode, CLOSE_CLASSNAME);
+    toggleClassName(buttonNode, BUTTON_OPEN_CLASSNAME);
+    isOpen = wrapperNode.classList.contains(OPEN_CLASSNAME);
+    updateButtonText(buttonNode);
+  };
+  const updateButtonText = (node) => {
+    node.innerText = isOpen ? closeButtonText : openButtonText;
+  };
+  const patchRuleToNode = (layer, { innerHTML, textOpen, textClose }) => {
+    const node = layer.node;
+    const layerRef = layer.layer;
+    if (layerRef === "legalInfoButton") {
+      openButtonText = textOpen || "";
+      closeButtonText = textClose || "";
+      updateButtonText(node);
+    }
+    if (innerHTML) {
+      node.innerHTML = innerHTML;
+    }
+  };
+  emitter.on("mount", ({ layers }) => {
+    const legalInfoButton = layers.find(({ layer }) => layer === "legalInfoButton");
+    const legalInfoWrapper = layers.find(({ layer }) => layer === "legalInfoWrapper");
+    if (legalInfoButton) {
+      legalInfoButton.node.addEventListener("click", () => toggleIsOpen(legalInfoWrapper.node, legalInfoButton.node));
+    }
+    return () => {
+      if (legalInfoButton) {
+        legalInfoButton.node.removeEventListener("click", () => toggleIsOpen(legalInfoWrapper.node, legalInfoButton.node));
+      }
+    };
+  });
+  emitter.on("renderNode", ({ rule, layer }) => {
+    patchRuleToNode(layer, rule);
+  });
+};
+var index = renderDriver({
+  html,
+  styles: [css],
+  plugins: [script, googleFontsPlugin, patchStylesPlugin]
+});
+var highlightPlugin = (emitter) => {
+  emitter.on("renderNode", ({ layer, rule }) => {
+    if ("$highlight" in rule) {
+      const borderNode = document.createElement("div");
+      borderNode.style.setProperty("position", "absolute");
+      borderNode.style.setProperty("inset", "-15px");
+      borderNode.style.setProperty("pointer-events", "none");
+      borderNode.style.setProperty("border", `3px solid ${rule.borderColor || "#000"}`);
+      borderNode.style.setProperty("border-radius", rule.borderRadius || "10px");
+      layer.node.style.setProperty("overflow", "visible");
+      if (rule.$highlight) {
+        layer.node.appendChild(borderNode);
+      }
+    }
+  });
+};
+const openKey = "$legalOpenText";
+const closeKey = "$legalCloseText";
+var legalInfoPlugin = (options) => (emitter) => {
+  let openButtonText = "";
+  let closeButtonText = "";
+  let isOpen = false;
+  const toggleIsOpen = (wrapperNode) => {
+    toggleClassName(wrapperNode, options.openClassName);
+    isOpen = wrapperNode.classList.contains(options.openClassName);
+    updateButton();
+  };
+  const updateButton = () => {
+    emitter.emit("runRender", {
+      [options.buttonLayerName]: {
+        innerText: isOpen ? openButtonText : closeButtonText
+      }
+    });
+  };
+  emitter.on("mount", ({ layers }) => {
+    const legalInfoWrapper = layers.find(({ layer }) => layer === options.wrapperLayerName);
+    const legalInfoButton = layers.find(({ layer }) => layer === options.buttonLayerName);
+    if (legalInfoWrapper && legalInfoButton) {
+      legalInfoButton.node.addEventListener("click", () => toggleIsOpen(legalInfoWrapper.node));
+    }
+    return () => {
+      if (legalInfoButton && legalInfoWrapper) {
+        legalInfoButton.node.removeEventListener("click", () => toggleIsOpen(legalInfoWrapper.node));
+      }
+    };
+  });
+  emitter.on("renderNode", ({ layer, rule }) => {
+    if (layer.layer === options.buttonLayerName && (openKey in rule || closeKey in rule)) {
+      openButtonText = rule[openKey] || "";
+      closeButtonText = rule[closeKey] || "";
+      updateButton();
+    }
+  });
+};
+export { index as BonusCard, driver as ComplexGift, driver$2 as ComplexPopup, driver$4 as ExpressPopup, driver$6 as SimplePopup, driver$7 as WideCard, classNamesPlugin, containerWidthPlugin, deviceClassNames as deviceClassNamesPlugin, giftOpenPlugin, googleFontsPlugin, highlightPlugin, injectNode as injectNodePlugin, legalInfoPlugin, patchRulesPlugin, patchStylesPlugin, statePlugin };