@retailcrm/embed-ui-v1-components 0.9.5 → 0.9.7

package/dist/host.js

@@ -1,7 +1,4 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { openBlock, createElementBlock, createElementVNode, defineComponent, inject, ref, computed, mergeProps, useSlots, createBlock, resolveDynamicComponent, unref, withCtx, createVNode, createCommentVNode, normalizeClass, renderSlot, createTextVNode, toDisplayString, provide, Fragment, renderList, Text, Comment, h, reactive, watch, nextTick, onMounted, onActivated, onDeactivated, onBeforeUnmount, Teleport, getCurrentInstance, Transition, normalizeProps, guardReactiveProps, normalizeStyle, withDirectives, vShow, useAttrs, toHandlers, withModifiers, useId, shallowRef, createSlots } from "vue";
+import { createElementBlock, openBlock, createElementVNode, defineComponent, inject, ref, computed, mergeProps, useSlots, createBlock, resolveDynamicComponent, unref, withCtx, createCommentVNode, createVNode, normalizeClass, renderSlot, createTextVNode, toDisplayString, provide, Fragment, renderList, Text, Comment, h, reactive, watch, nextTick, onMounted, onActivated, onDeactivated, onBeforeUnmount, Teleport, getCurrentInstance, Transition, normalizeProps, guardReactiveProps, normalizeStyle, withDirectives, vShow, useAttrs, toHandlers, withModifiers, useId, shallowRef, createSlots } from "vue";
 import { preview } from "@retailcrm/image-preview";
 import isEqual from "lodash.isequal";
 import { format, formatISO } from "date-fns";
@@ -11,14 +8,14 @@ const _hoisted_1$m = {
   viewBox: "0 0 24 24"
 };
 function render$a(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$m, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$m, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
       d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10A10 10 0 0 0 12 2m0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16m3.237-10.576A2.424 2.424 0 0 0 12.812 7H11.13a2.424 2.424 0 0 0-2.424 2.424v.421c0 .233.188.421.42.421h.64a.42.42 0 0 0 .421-.42v-.422a.943.943 0 0 1 .943-.942h1.683c.521 0 .943.422.943.942v.472a.95.95 0 0 1-.64.9l-.8.261a1.58 1.58 0 0 0-1.085 1.499v.656c0 .233.188.421.42.421h.64a.42.42 0 0 0 .421-.42v-.657a.11.11 0 0 1 .101-.101l.8-.261a2.43 2.43 0 0 0 1.684-2.298zm-2.845 5.893h-.842a.42.42 0 0 0-.421.42v.842c0 .233.188.421.42.421h.843a.42.42 0 0 0 .42-.42v-.843a.42.42 0 0 0-.42-.42",
       "clip-rule": "evenodd"
     }, null, -1)
-  ]));
+  ])]);
 }
 const IconHelpOutlined = { render: render$a };
 const _hoisted_1$l = {
@@ -26,11 +23,11 @@ const _hoisted_1$l = {
   viewBox: "0 0 18 8"
 };
 function render$9(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$l, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$l, [..._cache[0] || (_cache[0] = [
     createElementVNode("g", { fill: "currentColor" }, [
       createElementVNode("path", { d: "M0 0v8h2.867q1.257-.011 1.935-.604.68-.594.68-1.748 0-.675-.33-1.143a1.54 1.54 0 0 0-.892-.62q.497-.21.775-.654.279-.45.279-1.039 0-1.077-.694-1.632Q3.926 0 2.584 0zm1.52 6.676v-2.16h1.393q1.048.016 1.048 1.116 0 .488-.303.77-.3.273-.836.274zm1.124-3.324H1.52V1.335h1.064q.628 0 .916.242.294.236.294.78 0 .972-1.15.995M7.503 6.352h2.665L10.679 8h1.616l-2.76-8H8.125L5.38 8h1.616zm2.254-1.336H7.913l.917-2.994zM12.362 8V0h2.27q.972 0 1.737.478.77.473 1.2 1.352.432.873.431 1.989v.368q0 1.115-.425 1.983a3.17 3.17 0 0 1-1.191 1.346A3.26 3.26 0 0 1 14.646 8zm1.52-6.665v5.34h.734q.891 0 1.363-.631.47-.632.481-1.808v-.423q0-1.22-.466-1.846-.466-.632-1.363-.632z" })
     ], -1)
-  ]));
+  ])]);
 }
 const SpriteBAD = { render: render$9 };
 const _hoisted_1$k = {
@@ -38,11 +35,11 @@ const _hoisted_1$k = {
   viewBox: "0 0 16 8"
 };
 function render$8(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$k, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$k, [..._cache[0] || (_cache[0] = [
     createElementVNode("g", { fill: "currentColor" }, [
       createElementVNode("path", { d: "M3.373 6.016 5.058 0h1.704L4.175 8H2.577L0 0h1.7zM8.99 8H7.46V0H8.99zM11.84 8V5.181h1.343q1.322 0 2.067-.676.75-.681.75-1.857 0-.774-.342-1.379a2.3 2.3 0 0 0-.98-.94Q14.045 0 13.208 0H10.31v8zm1.368-4.154h-1.367v-2.51h1.403q.567.01.888.373t.322.95q0 .571-.322.88-.316.307-.924.307" })
     ], -1)
-  ]));
+  ])]);
 }
 const SpriteVIP = { render: render$8 };
 const ImageWorkersKey = Symbol("$image.workers");
@@ -404,22 +401,12 @@ const _sfc_main$m = defineComponent({
   setup(props, { attrs, expose, slots }) {
     const root = useElementRef();
     expose({
-      click: () => {
-        var _a;
-        return (_a = root.value) == null ? void 0 : _a.click();
-      },
-      focus: () => {
-        var _a;
-        return (_a = root.value) == null ? void 0 : _a.focus();
-      },
-      blur: () => {
-        var _a;
-        return (_a = root.value) == null ? void 0 : _a.blur();
-      }
+      click: () => root.value?.click(),
+      focus: () => root.value?.focus(),
+      blur: () => root.value?.blur()
     });
     return () => {
-      var _a;
-      const content = normalize$1("default" in slots ? ((_a = slots.default) == null ? void 0 : _a.call(slots)) ?? [] : []);
+      const content = normalize$1("default" in slots ? slots.default?.() ?? [] : []);
       const hasText = content.some(([, isIcon]) => !isIcon);
       const [, hasLeadingIcon] = content[0] ?? [null, false];
       const [, hasTrailingIcon] = content[content.length - 1] ?? [null, false];
@@ -458,14 +445,14 @@ const _hoisted_1$h = {
   viewBox: "0 0 24 24"
 };
 function render$7(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$h, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$h, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
       d: "M19.793 6.965a.77.77 0 0 1-.022 1.075l-9.815 9.607a1.224 1.224 0 0 1-1.714.006l-4.01-3.878a.77.77 0 0 1-.028-1.074l.684-.736a.735.735 0 0 1 1.053-.028l3.15 3.046 8.96-8.771a.735.735 0 0 1 1.054.022z",
       "clip-rule": "evenodd"
     }, null, -1)
-  ]));
+  ])]);
 }
 const IconDone = { render: render$7 };
 const expect = (value) => ({
@@ -553,18 +540,9 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const checkbox = useElementRef();
-    const click = () => {
-      var _a;
-      return (_a = checkbox.value) == null ? void 0 : _a.click();
-    };
-    const focus = () => {
-      var _a;
-      return (_a = checkbox.value) == null ? void 0 : _a.focus();
-    };
-    const blur = () => {
-      var _a;
-      return (_a = checkbox.value) == null ? void 0 : _a.blur();
-    };
+    const click = () => checkbox.value?.click();
+    const focus = () => checkbox.value?.focus();
+    const blur = () => checkbox.value?.blur();
     __expose({
       click,
       focus,
@@ -625,14 +603,14 @@ const _hoisted_1$f = {
   viewBox: "0 0 24 24"
 };
 function render$6(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$f, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$f, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
       d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10A10 10 0 0 0 12 2m0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16m3.12-11.51a.5.5 0 0 1 .7 0l.5.53a.5.5 0 0 1 0 .71l-5.62 5.62a.48.48 0 0 1-.7 0l-2.35-2.37a.5.5 0 0 1 0-.71l.53-.53a.48.48 0 0 1 .7 0l1.5 1.49z",
       "clip-rule": "evenodd"
     }, null, -1)
-  ]));
+  ])]);
 }
 const IconCheckmarkCircleOutlined = { render: render$6 };
 const _hoisted_1$e = {
@@ -640,12 +618,12 @@ const _hoisted_1$e = {
   viewBox: "0 0 24 24"
 };
 function render$5(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$e, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$e, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       d: "M18 16V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2M4 4h12v12H4zm16 14V6a2 2 0 0 1 2 2v10a4 4 0 0 1-4 4H8a2 2 0 0 1-2-2h12a2 2 0 0 0 2-2"
     }, null, -1)
-  ]));
+  ])]);
 }
 const IconCopy = { render: render$5 };
 const isArray = Array.isArray;
@@ -658,15 +636,15 @@ const normalize = (triggers) => {
   };
 };
 class Listener {
+  _target = null;
+  _triggers = {
+    show: [],
+    hide: []
+  };
+  _listeners = [];
+  _onShow;
+  _onHide;
   constructor(onShow, onHide) {
-    __publicField(this, "_target", null);
-    __publicField(this, "_triggers", {
-      show: [],
-      hide: []
-    });
-    __publicField(this, "_listeners", []);
-    __publicField(this, "_onShow");
-    __publicField(this, "_onHide");
     this._onShow = onShow;
     this._onHide = onHide;
   }
@@ -735,9 +713,7 @@ class Listener {
   }
 }
 class Scheduler {
-  constructor() {
-    __publicField(this, "_timer");
-  }
+  _timer = void 0;
   schedule(operation, delay) {
     clearTimeout(this._timer);
     if (delay > 0) {
@@ -802,8 +778,9 @@ function getOppositeAxis(axis) {
 function getAxisLength(axis) {
   return axis === "y" ? "height" : "width";
 }
+const yAxisSides = /* @__PURE__ */ new Set(["top", "bottom"]);
 function getSideAxis(placement) {
-  return ["top", "bottom"].includes(getSide(placement)) ? "y" : "x";
+  return yAxisSides.has(getSide(placement)) ? "y" : "x";
 }
 function getAlignmentAxis(placement) {
   return getOppositeAxis(getSideAxis(placement));
@@ -828,19 +805,19 @@ function getExpandedPlacements(placement) {
 function getOppositeAlignmentPlacement(placement) {
   return placement.replace(/start|end/g, (alignment) => oppositeAlignmentMap[alignment]);
 }
+const lrPlacement = ["left", "right"];
+const rlPlacement = ["right", "left"];
+const tbPlacement = ["top", "bottom"];
+const btPlacement = ["bottom", "top"];
 function getSideList(side, isStart, rtl) {
-  const lr = ["left", "right"];
-  const rl = ["right", "left"];
-  const tb = ["top", "bottom"];
-  const bt = ["bottom", "top"];
   switch (side) {
     case "top":
     case "bottom":
-      if (rtl) return isStart ? rl : lr;
-      return isStart ? lr : rl;
+      if (rtl) return isStart ? rlPlacement : lrPlacement;
+      return isStart ? lrPlacement : rlPlacement;
     case "left":
     case "right":
-      return isStart ? tb : bt;
+      return isStart ? tbPlacement : btPlacement;
     default:
       return [];
   }
@@ -1208,15 +1185,20 @@ const flip$1 = function(options) {
         const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
         const nextPlacement = placements[nextIndex];
         if (nextPlacement) {
-          return {
-            data: {
-              index: nextIndex,
-              overflows: overflowsData
-            },
-            reset: {
-              placement: nextPlacement
-            }
-          };
+          const ignoreCrossAxisOverflow = checkCrossAxis === "alignment" ? initialSideAxis !== getSideAxis(nextPlacement) : false;
+          if (!ignoreCrossAxisOverflow || // We leave the current main axis only if every placement on that axis
+          // overflows the main axis.
+          overflowsData.every((d) => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) {
+            return {
+              data: {
+                index: nextIndex,
+                overflows: overflowsData
+              },
+              reset: {
+                placement: nextPlacement
+              }
+            };
+          }
         }
         let resetPlacement = (_overflowsData$filter = overflowsData.filter((d) => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
         if (!resetPlacement) {
@@ -1314,6 +1296,7 @@ const hide$1 = function(options) {
     }
   };
 };
+const originSides = /* @__PURE__ */ new Set(["left", "top"]);
 async function convertValueToCoords(state, options) {
   const {
     placement,
@@ -1324,7 +1307,7 @@ async function convertValueToCoords(state, options) {
   const side = getSide(placement);
   const alignment = getAlignment(placement);
   const isVertical = getSideAxis(placement) === "y";
-  const mainAxisMulti = ["left", "top"].includes(side) ? -1 : 1;
+  const mainAxisMulti = originSides.has(side) ? -1 : 1;
   const crossAxisMulti = rtl && isVertical ? -1 : 1;
   const rawValue = evaluate(options, state);
   let {
@@ -1494,31 +1477,37 @@ function isShadowRoot(value) {
   }
   return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
 }
+const invalidOverflowDisplayValues = /* @__PURE__ */ new Set(["inline", "contents"]);
 function isOverflowElement(element) {
   const {
     overflow,
     overflowX,
     overflowY,
     display
-  } = getComputedStyle(element);
-  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !["inline", "contents"].includes(display);
+  } = getComputedStyle$1(element);
+  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);
 }
+const tableElements = /* @__PURE__ */ new Set(["table", "td", "th"]);
 function isTableElement(element) {
-  return ["table", "td", "th"].includes(getNodeName(element));
+  return tableElements.has(getNodeName(element));
 }
+const topLayerSelectors = [":popover-open", ":modal"];
 function isTopLayer(element) {
-  return [":popover-open", ":modal"].some((selector) => {
+  return topLayerSelectors.some((selector) => {
     try {
       return element.matches(selector);
-    } catch (e) {
+    } catch (_e) {
       return false;
     }
   });
 }
+const transformProperties = ["transform", "translate", "scale", "rotate", "perspective"];
+const willChangeValues = ["transform", "translate", "scale", "rotate", "perspective", "filter"];
+const containValues = ["paint", "layout", "strict", "content"];
 function isContainingBlock(elementOrCss) {
   const webkit = isWebKit();
-  const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;
-  return ["transform", "translate", "scale", "rotate", "perspective"].some((value) => css[value] ? css[value] !== "none" : false) || (css.containerType ? css.containerType !== "normal" : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== "none" : false) || !webkit && (css.filter ? css.filter !== "none" : false) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((value) => (css.willChange || "").includes(value)) || ["paint", "layout", "strict", "content"].some((value) => (css.contain || "").includes(value));
+  const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
+  return transformProperties.some((value) => css[value] ? css[value] !== "none" : false) || (css.containerType ? css.containerType !== "normal" : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== "none" : false) || !webkit && (css.filter ? css.filter !== "none" : false) || willChangeValues.some((value) => (css.willChange || "").includes(value)) || containValues.some((value) => (css.contain || "").includes(value));
 }
 function getContainingBlock(element) {
   let currentNode = getParentNode(element);
@@ -1536,10 +1525,11 @@ function isWebKit() {
   if (typeof CSS === "undefined" || !CSS.supports) return false;
   return CSS.supports("-webkit-backdrop-filter", "none");
 }
+const lastTraversableNodeNames = /* @__PURE__ */ new Set(["html", "body", "#document"]);
 function isLastTraversableNode(node) {
-  return ["html", "body", "#document"].includes(getNodeName(node));
+  return lastTraversableNodeNames.has(getNodeName(node));
 }
-function getComputedStyle(element) {
+function getComputedStyle$1(element) {
   return getWindow(element).getComputedStyle(element);
 }
 function getNodeScroll(element) {
@@ -1598,7 +1588,7 @@ function getFrameElement(win) {
   return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
 }
 function getCssDimensions(element) {
-  const css = getComputedStyle(element);
+  const css = getComputedStyle$1(element);
   let width = parseFloat(css.width) || 0;
   let height = parseFloat(css.height) || 0;
   const hasOffset = isHTMLElement(element);
@@ -1694,7 +1684,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
     while (currentIFrame && offsetParent && offsetWin !== currentWin) {
       const iframeScale = getScale(currentIFrame);
       const iframeRect = currentIFrame.getBoundingClientRect();
-      const css = getComputedStyle(currentIFrame);
+      const css = getComputedStyle$1(currentIFrame);
       const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
       const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
       x *= iframeScale.x;
@@ -1721,15 +1711,9 @@ function getWindowScrollBarX(element, rect) {
   }
   return rect.left + leftScroll;
 }
-function getHTMLOffset(documentElement, scroll, ignoreScrollbarX) {
-  if (ignoreScrollbarX === void 0) {
-    ignoreScrollbarX = false;
-  }
+function getHTMLOffset(documentElement, scroll) {
   const htmlRect = documentElement.getBoundingClientRect();
-  const x = htmlRect.left + scroll.scrollLeft - (ignoreScrollbarX ? 0 : (
-    // RTL <body> scrollbar.
-    getWindowScrollBarX(documentElement, htmlRect)
-  ));
+  const x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);
   const y = htmlRect.top + scroll.scrollTop;
   return {
     x,
@@ -1767,7 +1751,7 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
       offsets.y = offsetRect.y + offsetParent.clientTop;
     }
   }
-  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll, true) : createCoords(0);
+  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
   return {
     width: rect.width * scale.x,
     height: rect.height * scale.y,
@@ -1786,7 +1770,7 @@ function getDocumentRect(element) {
   const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
   let x = -scroll.scrollLeft + getWindowScrollBarX(element);
   const y = -scroll.scrollTop;
-  if (getComputedStyle(body).direction === "rtl") {
+  if (getComputedStyle$1(body).direction === "rtl") {
     x += max(html.clientWidth, body.clientWidth) - width;
   }
   return {
@@ -1796,6 +1780,7 @@ function getDocumentRect(element) {
     y
   };
 }
+const SCROLLBAR_MAX = 25;
 function getViewportRect(element, strategy) {
   const win = getWindow(element);
   const html = getDocumentElement(element);
@@ -1813,6 +1798,19 @@ function getViewportRect(element, strategy) {
       y = visualViewport.offsetTop;
     }
   }
+  const windowScrollbarX = getWindowScrollBarX(html);
+  if (windowScrollbarX <= 0) {
+    const doc = html.ownerDocument;
+    const body = doc.body;
+    const bodyStyles = getComputedStyle(body);
+    const bodyMarginInline = doc.compatMode === "CSS1Compat" ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;
+    const clippingStableScrollbarWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);
+    if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) {
+      width -= clippingStableScrollbarWidth;
+    }
+  } else if (windowScrollbarX <= SCROLLBAR_MAX) {
+    width += windowScrollbarX;
+  }
   return {
     width,
     height,
@@ -1820,6 +1818,7 @@ function getViewportRect(element, strategy) {
     y
   };
 }
+const absoluteOrFixed = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function getInnerBoundingClientRect(element, strategy) {
   const clientRect = getBoundingClientRect(element, true, strategy === "fixed");
   const top = clientRect.top + element.clientTop;
@@ -1860,7 +1859,7 @@ function hasFixedPositionAncestor(element, stopNode) {
   if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {
     return false;
   }
-  return getComputedStyle(parentNode).position === "fixed" || hasFixedPositionAncestor(parentNode, stopNode);
+  return getComputedStyle$1(parentNode).position === "fixed" || hasFixedPositionAncestor(parentNode, stopNode);
 }
 function getClippingElementAncestors(element, cache) {
   const cachedResult = cache.get(element);
@@ -1869,15 +1868,15 @@ function getClippingElementAncestors(element, cache) {
   }
   let result = getOverflowAncestors(element, [], false).filter((el) => isElement(el) && getNodeName(el) !== "body");
   let currentContainingBlockComputedStyle = null;
-  const elementIsFixed = getComputedStyle(element).position === "fixed";
+  const elementIsFixed = getComputedStyle$1(element).position === "fixed";
   let currentNode = elementIsFixed ? getParentNode(element) : element;
   while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
-    const computedStyle = getComputedStyle(currentNode);
+    const computedStyle = getComputedStyle$1(currentNode);
     const currentNodeIsContaining = isContainingBlock(currentNode);
     if (!currentNodeIsContaining && computedStyle.position === "fixed") {
       currentContainingBlockComputedStyle = null;
     }
-    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && ["absolute", "fixed"].includes(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
+    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && absoluteOrFixed.has(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
     if (shouldDropCurrentNode) {
       result = result.filter((ancestor) => ancestor !== currentNode);
     } else {
@@ -1933,6 +1932,9 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
     scrollTop: 0
   };
   const offsets = createCoords(0);
+  function setLeftRTLScrollbarOffset() {
+    offsets.x = getWindowScrollBarX(documentElement);
+  }
   if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
     if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
       scroll = getNodeScroll(offsetParent);
@@ -1942,9 +1944,12 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
       offsets.x = offsetRect.x + offsetParent.clientLeft;
       offsets.y = offsetRect.y + offsetParent.clientTop;
     } else if (documentElement) {
-      offsets.x = getWindowScrollBarX(documentElement);
+      setLeftRTLScrollbarOffset();
     }
   }
+  if (isFixed && !isOffsetParentAnElement && documentElement) {
+    setLeftRTLScrollbarOffset();
+  }
   const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
   const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
   const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
@@ -1956,10 +1961,10 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
   };
 }
 function isStaticPositioned(element) {
-  return getComputedStyle(element).position === "static";
+  return getComputedStyle$1(element).position === "static";
 }
 function getTrueOffsetParent(element, polyfill) {
-  if (!isHTMLElement(element) || getComputedStyle(element).position === "fixed") {
+  if (!isHTMLElement(element) || getComputedStyle$1(element).position === "fixed") {
     return null;
   }
   if (polyfill) {
@@ -2010,7 +2015,7 @@ const getElementRects = async function(data) {
   };
 };
 function isRTL(element) {
-  return getComputedStyle(element).direction === "rtl";
+  return getComputedStyle$1(element).direction === "rtl";
 }
 const platform = {
   convertOffsetParentRelativeRectToViewportRelativeRect,
@@ -2093,7 +2098,7 @@ function observeMove(element, onMove) {
         // Handle <iframe>s
         root: root.ownerDocument
       });
-    } catch (e) {
+    } catch (_e) {
       io = new IntersectionObserver(handleObserve, options);
     }
     io.observe(element);
@@ -2206,7 +2211,6 @@ const moveArrow = (el, placement, strategy, coords) => {
   });
 };
 const move = async (el, arrow$12, target, options) => {
-  var _a;
   const adaptation = typeof options.placement === "object" ? options.placement.adaptation ?? ["flip", "shift"] : ["flip", "shift"];
   const middleware = [];
   if (options.offsetMainAxis || options.offsetCrossAxis) {
@@ -2248,7 +2252,7 @@ const move = async (el, arrow$12, target, options) => {
   if (middlewareData.hide) {
     const { referenceHidden } = middlewareData.hide;
     if (referenceHidden) {
-      (_a = options.onReferenceHidden) == null ? void 0 : _a.call(options);
+      options.onReferenceHidden?.();
     }
   }
 };
@@ -2509,10 +2513,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       detach();
       emit("dispose");
     };
-    const contains = (el) => {
-      var _a;
-      return ((_a = popper.value) == null ? void 0 : _a.contains(el)) ?? false;
-    };
+    const contains = (el) => popper.value?.contains(el) ?? false;
     const onGlobalTap = async (event, touch = false) => {
       const captures = state.clicked || contains(event.target);
       await new Promise((resolve) => requestAnimationFrame(resolve));
@@ -2747,22 +2748,10 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose }) {
     const popper = ref(null);
     __expose({
-      adjust: () => {
-        var _a;
-        return (_a = popper.value) == null ? void 0 : _a.adjust();
-      },
-      dispose: () => {
-        var _a;
-        return (_a = popper.value) == null ? void 0 : _a.dispose();
-      },
-      show: () => {
-        var _a;
-        return (_a = popper.value) == null ? void 0 : _a.show();
-      },
-      hide: () => {
-        var _a;
-        return (_a = popper.value) == null ? void 0 : _a.hide();
-      }
+      adjust: () => popper.value?.adjust(),
+      dispose: () => popper.value?.dispose(),
+      show: () => popper.value?.show(),
+      hide: () => popper.value?.hide()
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$k, mergeProps({
@@ -2837,14 +2826,13 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       clipboardAvailable.value = navigator.clipboard && "writeText" in navigator.clipboard;
     });
     const copy = async () => {
-      var _a, _b;
       try {
         if (clipboardAvailable.value) {
           await navigator.clipboard.writeText(props.text);
           copied.value = true;
         } else {
-          (_a = input.value) == null ? void 0 : _a.focus();
-          (_b = input.value) == null ? void 0 : _b.select();
+          input.value?.focus();
+          input.value?.select();
           copied.value = document.execCommand("copy");
         }
       } catch (e) {
@@ -2930,15 +2918,15 @@ function buildFormatLongFn(args) {
 }
 function buildLocalizeFn(args) {
   return (value, options) => {
-    const context = (options == null ? void 0 : options.context) ? String(options.context) : "standalone";
+    const context = options?.context ? String(options.context) : "standalone";
     let valuesArray;
     if (context === "formatting" && args.formattingValues) {
       const defaultWidth = args.defaultFormattingWidth || args.defaultWidth;
-      const width = (options == null ? void 0 : options.width) ? String(options.width) : defaultWidth;
+      const width = options?.width ? String(options.width) : defaultWidth;
       valuesArray = args.formattingValues[width] || args.formattingValues[defaultWidth];
     } else {
       const defaultWidth = args.defaultWidth;
-      const width = (options == null ? void 0 : options.width) ? String(options.width) : args.defaultWidth;
+      const width = options?.width ? String(options.width) : args.defaultWidth;
       valuesArray = args.values[width] || args.values[defaultWidth];
     }
     const index = args.argumentCallback ? args.argumentCallback(value) : value;
@@ -3021,10 +3009,9 @@ function toDate(argument, context) {
   return constructFrom(context || argument, argument);
 }
 function startOfWeek(date, options) {
-  var _a, _b, _c, _d;
   const defaultOptions2 = getDefaultOptions();
-  const weekStartsOn = (options == null ? void 0 : options.weekStartsOn) ?? ((_b = (_a = options == null ? void 0 : options.locale) == null ? void 0 : _a.options) == null ? void 0 : _b.weekStartsOn) ?? defaultOptions2.weekStartsOn ?? ((_d = (_c = defaultOptions2.locale) == null ? void 0 : _c.options) == null ? void 0 : _d.weekStartsOn) ?? 0;
-  const _date = toDate(date, options == null ? void 0 : options.in);
+  const weekStartsOn = options?.weekStartsOn ?? options?.locale?.options?.weekStartsOn ?? defaultOptions2.weekStartsOn ?? defaultOptions2.locale?.options?.weekStartsOn ?? 0;
+  const _date = toDate(date, options?.in);
   const day = _date.getDay();
   const diff = (day < weekStartsOn ? 7 : 0) + day - weekStartsOn;
   _date.setDate(_date.getDate() - diff);
@@ -3033,7 +3020,7 @@ function startOfWeek(date, options) {
 }
 function isSameWeek(laterDate, earlierDate, options) {
   const [laterDate_, earlierDate_] = normalizeDates(
-    options == null ? void 0 : options.in,
+    options?.in,
     laterDate,
     earlierDate
   );
@@ -3112,7 +3099,7 @@ const formatDistance$2 = (token, count, options) => {
   } else {
     result = tokenValue.other.replace("{{count}}", count.toString());
   }
-  if (options == null ? void 0 : options.addSuffix) {
+  if (options?.addSuffix) {
     if (options.comparison && options.comparison > 0) {
       return "in " + result;
     } else {
@@ -3524,7 +3511,7 @@ const formatDistance$1 = (token, count, options) => {
   } else {
     result = tokenValue.other.replace("{{count}}", count.toString());
   }
-  if (options == null ? void 0 : options.addSuffix) {
+  if (options?.addSuffix) {
     if (options.comparison && options.comparison > 0) {
       return "en " + result;
     } else {
@@ -3888,7 +3875,7 @@ function declension(scheme, count) {
 }
 function buildLocalizeTokenFn(scheme) {
   return (count, options) => {
-    if (options == null ? void 0 : options.addSuffix) {
+    if (options?.addSuffix) {
       if (options.comparison && options.comparison > 0) {
         if (scheme.future) {
           return declension(scheme.future, count);
@@ -3940,7 +3927,7 @@ const formatDistanceLocale = {
     }
   }),
   halfAMinute: (_count, options) => {
-    if (options == null ? void 0 : options.addSuffix) {
+    if (options?.addSuffix) {
       if (options.comparison && options.comparison > 0) {
         return "через полминуты";
       } else {
@@ -4348,7 +4335,7 @@ const formattingDayPeriodValues = {
 };
 const ordinalNumber = (dirtyNumber, options) => {
   const number = Number(dirtyNumber);
-  const unit = options == null ? void 0 : options.unit;
+  const unit = options?.unit;
   let suffix;
   if (unit === "date") {
     suffix = "-е";
@@ -4538,9 +4525,8 @@ const formatDateTime = (date, locale = void 0) => format(date, "Pp", {
   }[locale ?? detectLocale()] ?? enGB
 });
 function detectLocale() {
-  var _a, _b, _c, _d;
   const instance = getCurrentInstance();
-  const i18n = (_d = (_c = (_b = (_a = instance == null ? void 0 : instance.appContext) == null ? void 0 : _a.app) == null ? void 0 : _b.config) == null ? void 0 : _c.globalProperties) == null ? void 0 : _d.$i18n;
+  const i18n = instance?.appContext?.app?.config?.globalProperties?.$i18n;
   if (i18n) {
     try {
       const locale = (typeof i18n.locale === "object" ? i18n.locale.value : i18n.locale) ?? "en-GB";
@@ -4629,12 +4615,12 @@ const _hoisted_1$b = {
   viewBox: "0 0 24 24"
 };
 function render$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$b, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$b, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       d: "m6.844 17.854-.7-.703a.5.5 0 0 1 0-.704l8.48-8.456-6.212.007a.49.49 0 0 1-.496-.5l.007-.991a.5.5 0 0 1 .496-.5L16.994 6c.196 0 .385.078.524.218l.265.267c.137.142.215.33.217.528l-.007 8.633a.5.5 0 0 1-.496.5h-.992a.48.48 0 0 1-.49-.493l.007-6.255-8.48 8.456a.49.49 0 0 1-.698 0"
     }, null, -1)
-  ]));
+  ])]);
 }
 const IconOpenInNew = { render: render$4 };
 var APPEARANCE$1 = /* @__PURE__ */ ((APPEARANCE2) => {
@@ -4869,16 +4855,12 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const root = ref(null);
     const scrollable = ref(null);
     const scroll = (y) => {
-      var _a;
-      const el = root.value ?? ((_a = scrollable.value) == null ? void 0 : _a.$el);
+      const el = root.value ?? scrollable.value?.$el;
       if (el) {
         el.scrollTop = y;
       }
     };
-    const update = () => {
-      var _a;
-      return (_a = scrollable.value) == null ? void 0 : _a.$forceUpdate();
-    };
+    const update = () => scrollable.value?.$forceUpdate();
     __expose({
       scroll,
       update
@@ -4900,7 +4882,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         "opacity",
         "transform",
         "visibility"
-      ], e == null ? void 0 : e.propertyName)) {
+      ], e?.propertyName)) {
         update();
       }
     };
@@ -4941,12 +4923,12 @@ const _hoisted_1$9 = {
   viewBox: "0 0 24 24"
 };
 function render$3(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$9, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$9, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       d: "M7.113 6.176a.6.6 0 0 1 .848 0L12 10.214l4.038-4.038a.6.6 0 0 1 .849 0l.937.937a.6.6 0 0 1 0 .848L13.785 12l4.04 4.04a.6.6 0 0 1 0 .848l-.937.937a.6.6 0 0 1-.849 0L12 13.784l-4.038 4.04a.6.6 0 0 1-.849 0l-.937-.937a.6.6 0 0 1 0-.848l4.04-4.04-4.039-4.038a.6.6 0 0 1 0-.849z"
     }, null, -1)
-  ]));
+  ])]);
 }
 const IconClear = { render: render$3 };
 const ModalInjectKey = Symbol("$embedModal");
@@ -4960,9 +4942,9 @@ const plugin$1 = {
 };
 const nextAnimationFrame = async () => new Promise((resolve) => requestAnimationFrame(resolve));
 class LayerRegistry {
+  registry;
+  started = false;
   constructor() {
-    __publicField(this, "registry");
-    __publicField(this, "started", false);
     this.registry = [];
   }
   start() {
@@ -5277,10 +5259,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      var _a;
       return state.attached ? (openBlock(), createBlock(Teleport, {
         key: 0,
-        to: ((_a = unref(globals)) == null ? void 0 : _a.container) || "body"
+        to: unref(globals)?.container || "body"
       }, [
         createVNode(_sfc_main$e, {
           name: "fade-2",
@@ -5344,9 +5325,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                           target: closerTarget.value,
                           "offset-main-axis": 0
                         }, {
-                          default: withCtx(() => _cache[9] || (_cache[9] = [
-                            createTextVNode(" Esc ")
-                          ])),
+                          default: withCtx(() => [..._cache[9] || (_cache[9] = [
+                            createTextVNode(" Esc ", -1)
+                          ])]),
                           _: 1
                         }, 8, ["target"])
                       ], 512)
@@ -5568,8 +5549,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       scheduleDetach();
     };
     const close = (event = void 0) => {
-      const target = event == null ? void 0 : event.target;
-      if (target == null ? void 0 : target.closest(".ps__thumb-y")) {
+      const target = event?.target;
+      if (target?.closest(".ps__thumb-y")) {
         return;
       }
       if (props.closable) {
@@ -5638,7 +5619,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       }
     };
     const EmbedModalWindowSurface = () => !state.attached ? void 0 : h(Teleport, {
-      to: (globals == null ? void 0 : globals.container) ?? document.body
+      to: globals?.container ?? document.body
     }, h(_sfc_main$e, {
       name: "fade-2",
       onBeforeEnter: () => visibilityOfOverlay.value = "showing",
@@ -5667,9 +5648,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         onClick: onOverlayClick,
         onPsYReachEnd: (event) => emit("scroll:y:end", event),
         onScroll: (event) => {
-          var _a, _b;
           if (!state.overlapped) {
-            emit("scroll:y", event, ((_b = (_a = body.value) == null ? void 0 : _a.getBoundingClientRect()) == null ? void 0 : _b.toJSON()) ?? null);
+            emit("scroll:y", event, body.value?.getBoundingClientRect()?.toJSON() ?? null);
           }
         }
       }, {
@@ -5686,14 +5666,14 @@ const _hoisted_1$7 = {
   viewBox: "0 0 24 24"
 };
 function render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$7, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$7, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
       d: "M22.905 19.63 12.813 2.37a.76.76 0 0 0-.65-.37h-.3a.76.76 0 0 0-.65.37L1.1 19.63a.79.79 0 0 0 0 .76l.14.23a.73.73 0 0 0 .65.38h20.225a.73.73 0 0 0 .65-.38l.14-.23a.79.79 0 0 0 0-.76m-9.902-3.13a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5zm-.47-3.5a.25.25 0 0 0 .25-.22l.4-3.22a.5.5 0 0 0-.5-.56h-1.36a.5.5 0 0 0-.5.56l.4 3.22a.25.25 0 0 0 .25.22z",
       "clip-rule": "evenodd"
     }, null, -1)
-  ]));
+  ])]);
 }
 const IconWarning = { render: render$2 };
 const _hoisted_1$6 = {
@@ -5994,18 +5974,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const radio = useElementRef();
-    const click = () => {
-      var _a;
-      return (_a = radio.value) == null ? void 0 : _a.click();
-    };
-    const focus = () => {
-      var _a;
-      return (_a = radio.value) == null ? void 0 : _a.focus();
-    };
-    const blur = () => {
-      var _a;
-      return (_a = radio.value) == null ? void 0 : _a.blur();
-    };
+    const click = () => radio.value?.click();
+    const focus = () => radio.value?.focus();
+    const blur = () => radio.value?.blur();
     __expose({
       click,
       focus,
@@ -6047,17 +6018,17 @@ const _hoisted_1$4 = {
   viewBox: "0 0 24 24"
 };
 function render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$4, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$4, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       d: "m14.675 4.6.544-1.257a.99.99 0 0 0-.04-.911.82.82 0 0 0-.739-.421L9.5 2a.81.81 0 0 0-.704.423.99.99 0 0 0-.047.88l.55 1.26c.155.358.201.762.13 1.15l-.623 3.441a2.8 2.8 0 0 1-.685 1.426l-.875.96a.96.96 0 0 0-.246.646l.025.555c.002.502.373.91.83.912l8.312.025c.458 0 .828-.407.828-.909l.005-.536a.96.96 0 0 0-.248-.646l-.878-.964a2.85 2.85 0 0 1-.691-1.43l-.636-3.443a2 2 0 0 1 .128-1.15M10.967 20.047a3 3 0 0 1-.196-1.079l-.007-3.771 2.424.057.007 3.758a3 3 0 0 1-.193 1.079l-.638 1.632a.415.415 0 0 1-.382.277.42.42 0 0 1-.383-.279z"
     }, null, -1)
-  ]));
+  ])]);
 }
 const IconPinned = { render: render$1 };
 class VueI18n {
+  _state;
   constructor(locale = void 0) {
-    __publicField(this, "_state");
     this._state = reactive({ locale });
   }
   get locale() {
@@ -6070,7 +6041,7 @@ class VueI18n {
 const I18nInjectKey = Symbol("$embedI18n");
 const plugin = {
   install(app, options) {
-    app.provide(I18nInjectKey, options instanceof VueI18n ? options : new VueI18n(options == null ? void 0 : options.locale));
+    app.provide(I18nInjectKey, options instanceof VueI18n ? options : new VueI18n(options?.locale));
   }
 };
 var SIZE$2 = /* @__PURE__ */ ((SIZE2) => {
@@ -6141,22 +6112,22 @@ const plural = (template, choice, rule) => {
   return forms[rule(choice, forms.length)];
 };
 class I18n {
+  parent;
+  messages;
+  computed;
+  pluralization;
+  fallback;
   constructor(options = void 0, parent = void 0) {
-    __publicField(this, "parent");
-    __publicField(this, "messages");
-    __publicField(this, "computed");
-    __publicField(this, "pluralization");
-    __publicField(this, "fallback");
     this.parent = parent;
-    this.messages = (options == null ? void 0 : options.messages) ?? {};
-    this.computed = (options == null ? void 0 : options.computed) ?? {};
+    this.messages = options?.messages ?? {};
+    this.computed = options?.computed ?? {};
     this.pluralization = {
       "en-GB": pluralization_en_GB,
       "es-ES": pluralization_es_ES,
       "ru-RU": pluralization_ru_RU,
-      ...(options == null ? void 0 : options.pluralization) ?? {}
+      ...options?.pluralization ?? {}
     };
-    this.fallback = options == null ? void 0 : options.fallback;
+    this.fallback = options?.fallback;
   }
   t(locale, path, values = void 0) {
     try {
@@ -6289,10 +6260,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   emits: ["remove"],
   setup(__props) {
     const props = __props;
-    const i18n = computed(() => {
-      var _a;
-      return _i18n$1.init(((_a = inject(I18nInjectKey, null)) == null ? void 0 : _a.locale) ?? _i18n$1.fallback);
-    });
+    const i18n = computed(() => _i18n$1.init(inject(I18nInjectKey, null)?.locale ?? _i18n$1.fallback));
     const textRef = ref(null);
     const textStyle = ref({});
     const onHover = () => {
@@ -6347,14 +6315,14 @@ const _hoisted_1$2 = {
   viewBox: "0 0 24 24"
 };
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$2, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$2, [..._cache[0] || (_cache[0] = [
     createElementVNode("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
       d: "M4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0m11 2.045c0-.122-.05-.24-.14-.324L13.148 12l1.712-1.721a.445.445 0 0 0 0-.648l-.49-.49a.444.444 0 0 0-.649 0L12 10.851 10.279 9.14a.444.444 0 0 0-.648 0l-.49.49a.444.444 0 0 0 0 .649L10.851 12 9.14 13.721a.444.444 0 0 0 0 .648l.49.49a.444.444 0 0 0 .649 0L12 13.149l1.721 1.712a.444.444 0 0 0 .648 0l.49-.49a.45.45 0 0 0 .141-.325",
       "clip-rule": "evenodd"
     }, null, -1)
-  ]));
+  ])]);
 }
 const IconClearCircle = { render };
 var TYPE = /* @__PURE__ */ ((TYPE2) => {
@@ -6621,10 +6589,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const uid2 = useId();
-    const i18n = computed(() => {
-      var _a;
-      return _i18n.init(((_a = inject(I18nInjectKey, null)) == null ? void 0 : _a.locale) ?? _i18n.fallback);
-    });
+    const i18n = computed(() => _i18n.init(inject(I18nInjectKey, null)?.locale ?? _i18n.fallback));
     const decimalsParsed = computed(() => {
       if (props.decimals === "*" || props.decimals === void 0) return "*";
       const n = Number(props.decimals);
@@ -6700,9 +6665,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       emit("input", event);
     };
     const onPaste = async (event) => {
-      var _a;
       event.preventDefault();
-      const text2 = ((_a = event.clipboardData) == null ? void 0 : _a.getData("text")) ?? "";
+      const text2 = event.clipboardData?.getData("text") ?? "";
       if (!text2) return;
       await insert(text2);
       emit("paste", event);
@@ -6740,26 +6704,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
     const root = useElementRef();
     const textbox = shallowRef(null);
-    const getSelectionStart = () => {
-      var _a;
-      return ((_a = textbox.value) == null ? void 0 : _a.selectionStart) ?? 0;
-    };
-    const getSelectionEnd = () => {
-      var _a;
-      return ((_a = textbox.value) == null ? void 0 : _a.selectionEnd) ?? 0;
-    };
-    const setSelectionRange = (start, end) => {
-      var _a;
-      return (_a = textbox.value) == null ? void 0 : _a.setSelectionRange(start, end);
-    };
-    const select = () => {
-      var _a;
-      return (_a = textbox.value) == null ? void 0 : _a.select();
-    };
-    const focus = () => {
-      var _a;
-      return (_a = textbox.value) == null ? void 0 : _a.focus();
-    };
+    const getSelectionStart = () => textbox.value?.selectionStart ?? 0;
+    const getSelectionEnd = () => textbox.value?.selectionEnd ?? 0;
+    const setSelectionRange = (start, end) => textbox.value?.setSelectionRange(start, end);
+    const select = () => textbox.value?.select();
+    const focus = () => textbox.value?.focus();
     const onFocus = async (event) => {
       emit("focus", event);
       emit("update:focused", true);
@@ -6794,10 +6743,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       /** Установка фокуса на поле ввода */
       focus,
       /** Сброс фокуса с поля ввода */
-      blur: () => {
-        var _a;
-        return (_a = textbox.value) == null ? void 0 : _a.blur();
-      },
+      blur: () => textbox.value?.blur(),
       /** Выбор значения внутри поля ввода */
       select,
       /** Вставка значения */
@@ -6983,18 +6929,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose }) {
     const root = ref(null);
     __expose({
-      click: () => {
-        var _a;
-        return (_a = root.value) == null ? void 0 : _a.click();
-      },
-      focus: () => {
-        var _a;
-        return (_a = root.value) == null ? void 0 : _a.focus();
-      },
-      blur: () => {
-        var _a;
-        return (_a = root.value) == null ? void 0 : _a.blur();
-      }
+      click: () => root.value?.click(),
+      focus: () => root.value?.focus(),
+      blur: () => root.value?.blur()
     });
     const toolbarSize = useToolbarSize();
     const size = computed(() => {
@@ -7143,14 +7080,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const i18nBus = inject(I18nInjectKey, null);
     const iframe = ref(null);
-    const getIFrameDocument = () => {
-      var _a;
-      return ((_a = iframe.value) == null ? void 0 : _a.contentDocument) ?? null;
-    };
-    const getIFrameWindow = () => {
-      var _a;
-      return ((_a = iframe.value) == null ? void 0 : _a.contentWindow) ?? null;
-    };
+    const getIFrameDocument = () => iframe.value?.contentDocument ?? null;
+    const getIFrameWindow = () => iframe.value?.contentWindow ?? null;
     const getIFrameYMaps = () => {
       const iframeWindow = getIFrameWindow();
       if (iframeWindow && "ymaps3" in iframeWindow) {
@@ -7163,8 +7094,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       zoom: 10
     };
     const waitIFrameContentLoaded = (retry = 5) => {
-      var _a;
-      if ((_a = iframe.value) == null ? void 0 : _a.contentDocument) {
+      if (iframe.value?.contentDocument) {
         return Promise.resolve();
       }
       if (retry <= 1) {
@@ -7180,7 +7110,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       "en-GB": "en_US",
       "es-ES": "en_US",
       "ru-RU": "ru_RU"
-    })[(i18nBus == null ? void 0 : i18nBus.locale) ?? "en-GB"]);
+    })[i18nBus?.locale ?? "en-GB"]);
     const apiUrl = computed(() => `https://api-maps.yandex.ru/v3/?apikey=${props.apiKey}&lang=${apiLocale.value}`);
     const apiUrlVersion = ref(0);
     const getGeocodeApiUrl = (geocode) => `https://geocode-maps.yandex.ru/1.x/?apikey=${props.apiKey}&geocode=${geocode}&lang=${apiLocale.value}&format=json`;
@@ -7191,19 +7121,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     }
     const fetchAddressFromCoordinates = async (coordinates) => {
-      var _a, _b, _c, _d, _e;
       const response = await fetch(getGeocodeApiUrl(coordinates.toString()));
       const result = await response.json();
-      return ((_e = (_d = (_c = (_b = (_a = result.response.GeoObjectCollection.featureMember[0]) == null ? void 0 : _a.GeoObject) == null ? void 0 : _b.metaDataProperty) == null ? void 0 : _c.GeocoderMetaData) == null ? void 0 : _d.Address) == null ? void 0 : _e.formatted) ?? "";
+      return result.response.GeoObjectCollection.featureMember[0]?.GeoObject?.metaDataProperty?.GeocoderMetaData?.Address?.formatted ?? "";
     };
     const fetchCoordinatesFromAddress = async (address) => {
-      var _a, _b;
       const response = await fetch(getGeocodeApiUrl(address));
       const result = await response.json();
-      return ((_b = (_a = result.response.GeoObjectCollection.featureMember[0]) == null ? void 0 : _a.GeoObject) == null ? void 0 : _b.Point.pos) ?? "";
+      return result.response.GeoObjectCollection.featureMember[0]?.GeoObject?.Point.pos ?? "";
     };
     const loadApi = async () => {
-      var _a;
       await waitIFrameContentLoaded();
       const iframeDocument = getIFrameDocument();
       if (iframeDocument) {
@@ -7211,7 +7138,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         style.innerHTML = "body { margin: 0; }";
         iframeDocument.head.appendChild(style);
         await load(iframeDocument, apiUrl.value);
-        await ((_a = getIFrameYMaps()) == null ? void 0 : _a.ready);
+        await getIFrameYMaps()?.ready;
         const el = iframeDocument.createElement("div");
         el.setAttribute("id", "map");
         iframeDocument.body.appendChild(el);