@pdfme/ui 5.5.8-dev.44 → 5.5.8-dev.46

package/dist/index.es.js

@@ -12659,17 +12659,19 @@ const expressionCache = /* @__PURE__ */ new Map(), parseDataCache = /* @__PURE__
     const [, c] = this.findWithLabelByType(s);
     return c;
   }
-}), DEFAULT_LANG = "en", DESTROYED_ERR_MSG = "[@pdfme/ui] this instance is already destroyed", SELECTABLE_CLASSNAME = "selectable", RULER_HEIGHT = 30, PAGE_GAP = 10, LEFT_SIDEBAR_WIDTH = 45, RIGHT_SIDEBAR_WIDTH = 400, BACKGROUND_COLOR = "rgb(74, 74, 74)", DEFAULT_MAX_ZOOM = 2, DESIGNER_CLASSNAME = "pdfme-designer-", UI_CLASSNAME = "pdfme-ui-", isff = typeof navigator < "u" ? navigator.userAgent.toLowerCase().indexOf("firefox") > 0 : !1;
+}), DEFAULT_LANG = "en", DESTROYED_ERR_MSG = "[@pdfme/ui] this instance is already destroyed", SELECTABLE_CLASSNAME = "selectable", RULER_HEIGHT = 30, PAGE_GAP = 10, LEFT_SIDEBAR_WIDTH = 45, RIGHT_SIDEBAR_WIDTH = 400, BACKGROUND_COLOR = "rgb(74, 74, 74)", DEFAULT_MAX_ZOOM = 2, DESIGNER_CLASSNAME = "pdfme-designer-", UI_CLASSNAME = "pdfme-ui-";
+const isff = typeof navigator < "u" ? navigator.userAgent.toLowerCase().indexOf("firefox") > 0 : !1;
 function addEvent$1(a, s, c, u) {
-  a.addEventListener ? a.addEventListener(s, c, u) : a.attachEvent && a.attachEvent("on".concat(s), c);
+  a.addEventListener ? a.addEventListener(s, c, u) : a.attachEvent && a.attachEvent(`on${s}`, c);
 }
 function removeEvent$1(a, s, c, u) {
-  a.removeEventListener ? a.removeEventListener(s, c, u) : a.detachEvent && a.detachEvent("on".concat(s), c);
+  a && (a.removeEventListener ? a.removeEventListener(s, c, u) : a.detachEvent && a.detachEvent(`on${s}`, c));
 }
 function getMods(a, s) {
-  const c = s.slice(0, s.length - 1);
-  for (let u = 0; u < c.length; u++) c[u] = a[c[u].toLowerCase()];
-  return c;
+  const c = s.slice(0, s.length - 1), u = [];
+  for (let d = 0; d < c.length; d++)
+    u.push(a[c[d].toLowerCase()]);
+  return u;
 }
 function getKeys$1(a) {
   typeof a != "string" && (a = ""), a = a.replace(/\s/g, "");
@@ -12686,6 +12688,10 @@ function compareArray(a, s) {
     u.indexOf(c[p]) === -1 && (d = !1);
   return d;
 }
+function getLayoutIndependentKeyCode(a) {
+  let s = a.keyCode || a.which || a.charCode;
+  return a.code && /^Key[A-Z]$/.test(a.code) && (s = a.code.charCodeAt(3)), s;
+}
 const _keyMap = {
   backspace: 8,
   "⌫": 8,
@@ -12778,113 +12784,92 @@ const _keyMap = {
   91: !1
 }, _handlers = {};
 for (let a = 1; a < 20; a++)
-  _keyMap["f".concat(a)] = 111 + a;
-let _downKeys = [], winListendFocus = null, _scope = "all";
-const elementEventMap = /* @__PURE__ */ new Map(), code = (a) => _keyMap[a.toLowerCase()] || _modifier[a.toLowerCase()] || a.toUpperCase().charCodeAt(0), getKey$3 = (a) => Object.keys(_keyMap).find((s) => _keyMap[s] === a), getModifier = (a) => Object.keys(_modifier).find((s) => _modifier[s] === a);
-function setScope(a) {
+  _keyMap[`f${a}`] = 111 + a;
+let _downKeys = [], winListendFocus = null, winListendFullscreen = null, _scope = "all";
+const elementEventMap = /* @__PURE__ */ new Map(), code = (a) => _keyMap[a.toLowerCase()] || _modifier[a.toLowerCase()] || a.toUpperCase().charCodeAt(0), getKey$3 = (a) => Object.keys(_keyMap).find((s) => _keyMap[s] === a), getModifier = (a) => Object.keys(_modifier).find((s) => _modifier[s] === a), setScope = (a) => {
   _scope = a || "all";
-}
-function getScope() {
-  return _scope || "all";
-}
-function getPressedKeyCodes() {
-  return _downKeys.slice(0);
-}
-function getPressedKeyString() {
-  return _downKeys.map((a) => getKey$3(a) || getModifier(a) || String.fromCharCode(a));
-}
-function getAllKeyCodes() {
+}, getScope = () => _scope || "all", getPressedKeyCodes = () => _downKeys.slice(0), getPressedKeyString = () => _downKeys.map(
+  (a) => getKey$3(a) || getModifier(a) || String.fromCharCode(a)
+), getAllKeyCodes = () => {
   const a = [];
   return Object.keys(_handlers).forEach((s) => {
-    _handlers[s].forEach((c) => {
-      let {
-        key: u,
-        scope: d,
-        mods: p,
-        shortcut: v
-      } = c;
+    _handlers[s].forEach(({ key: c, scope: u, mods: d, shortcut: p }) => {
       a.push({
-        scope: d,
-        shortcut: v,
-        mods: p,
-        keys: u.split("+").map((A) => code(A))
+        scope: u,
+        shortcut: p,
+        mods: d,
+        keys: c.split("+").map((v) => code(v))
       });
     });
   }), a;
-}
-function filter$1(a) {
-  const s = a.target || a.srcElement, {
-    tagName: c
-  } = s;
+}, filter$1 = (a) => {
+  const s = a.target || a.srcElement, { tagName: c } = s;
   let u = !0;
-  const d = c === "INPUT" && !["checkbox", "radio", "range", "button", "file", "reset", "submit", "color"].includes(s.type);
+  const d = c === "INPUT" && ![
+    "checkbox",
+    "radio",
+    "range",
+    "button",
+    "file",
+    "reset",
+    "submit",
+    "color"
+  ].includes(s.type);
   return (s.isContentEditable || (d || c === "TEXTAREA" || c === "SELECT") && !s.readOnly) && (u = !1), u;
-}
-function isPressed(a) {
-  return typeof a == "string" && (a = code(a)), _downKeys.indexOf(a) !== -1;
-}
-function deleteScope(a, s) {
+}, isPressed = (a) => (typeof a == "string" && (a = code(a)), _downKeys.indexOf(a) !== -1), deleteScope = (a, s) => {
   let c, u;
   a || (a = getScope());
   for (const d in _handlers)
     if (Object.prototype.hasOwnProperty.call(_handlers, d))
       for (c = _handlers[d], u = 0; u < c.length; )
-        c[u].scope === a ? c.splice(u, 1).forEach((v) => {
-          let {
-            element: A
-          } = v;
-          return removeKeyEvent(A);
-        }) : u++;
+        c[u].scope === a ? c.splice(u, 1).forEach(({ element: v }) => removeKeyEvent(v)) : u++;
   getScope() === a && setScope(s || "all");
-}
+};
 function clearModifier(a) {
-  let s = a.keyCode || a.which || a.charCode;
+  let s = getLayoutIndependentKeyCode(a);
   a.key && a.key.toLowerCase() === "capslock" && (s = code(a.key));
   const c = _downKeys.indexOf(s);
   if (c >= 0 && _downKeys.splice(c, 1), a.key && a.key.toLowerCase() === "meta" && _downKeys.splice(0, _downKeys.length), (s === 93 || s === 224) && (s = 91), s in _mods) {
     _mods[s] = !1;
-    for (const u in _modifier) _modifier[u] === s && (hotkeys$1[u] = !1);
+    for (const u in _modifier)
+      _modifier[u] === s && (hotkeys$1[u] = !1);
   }
 }
-function unbind(a) {
+const unbind = (a, ...s) => {
   if (typeof a > "u")
-    Object.keys(_handlers).forEach((d) => {
-      Array.isArray(_handlers[d]) && _handlers[d].forEach((p) => eachUnbind(p)), delete _handlers[d];
+    Object.keys(_handlers).forEach((c) => {
+      Array.isArray(_handlers[c]) && _handlers[c].forEach((u) => eachUnbind(u)), delete _handlers[c];
     }), removeKeyEvent(null);
   else if (Array.isArray(a))
-    a.forEach((d) => {
-      d.key && eachUnbind(d);
+    a.forEach((c) => {
+      c.key && eachUnbind(c);
     });
   else if (typeof a == "object")
     a.key && eachUnbind(a);
   else if (typeof a == "string") {
-    for (var s = arguments.length, c = new Array(s > 1 ? s - 1 : 0), u = 1; u < s; u++)
-      c[u - 1] = arguments[u];
-    let [d, p] = c;
-    typeof d == "function" && (p = d, d = ""), eachUnbind({
+    let [c, u] = s;
+    typeof c == "function" && (u = c, c = ""), eachUnbind({
       key: a,
-      scope: d,
-      method: p,
+      scope: c,
+      method: u,
       splitKey: "+"
     });
   }
-}
-const eachUnbind = (a) => {
-  let {
-    key: s,
-    scope: c,
-    method: u,
-    splitKey: d = "+"
-  } = a;
-  getKeys$1(s).forEach((v) => {
-    const A = v.split(d), x = A.length, g = A[x - 1], b = g === "*" ? "*" : code(g);
-    if (!_handlers[b]) return;
-    c || (c = getScope());
-    const y = x > 1 ? getMods(_modifier, A) : [], f = [];
-    _handlers[b] = _handlers[b].filter((m) => {
-      const w = (u ? m.method === u : !0) && m.scope === c && compareArray(m.mods, y);
-      return w && f.push(m.element), !w;
-    }), f.forEach((m) => removeKeyEvent(m));
+}, eachUnbind = ({
+  key: a,
+  scope: s,
+  method: c,
+  splitKey: u = "+"
+}) => {
+  getKeys$1(a).forEach((p) => {
+    const v = p.split(u), A = v.length, x = v[A - 1], g = x === "*" ? "*" : code(x);
+    if (!_handlers[g]) return;
+    s || (s = getScope());
+    const b = A > 1 ? getMods(_modifier, v) : [], y = [];
+    _handlers[g] = _handlers[g].filter((f) => {
+      const E = (c ? f.method === c : !0) && f.scope === s && compareArray(f.mods, b);
+      return E && y.push(f.element), !E;
+    }), y.forEach((f) => removeKeyEvent(f));
   });
 };
 function eventHandler(a, s, c, u) {
@@ -12900,117 +12885,108 @@ function eventHandler(a, s, c, u) {
 }
 function dispatch(a, s) {
   const c = _handlers["*"];
-  let u = a.keyCode || a.which || a.charCode;
-  if (a.key && a.key.toLowerCase() === "capslock" || !hotkeys$1.filter.call(this, a)) return;
-  if ((u === 93 || u === 224) && (u = 91), _downKeys.indexOf(u) === -1 && u !== 229 && _downKeys.push(u), ["metaKey", "ctrlKey", "altKey", "shiftKey"].forEach((A) => {
-    const x = modifierMap[A];
-    a[A] && _downKeys.indexOf(x) === -1 ? _downKeys.push(x) : !a[A] && _downKeys.indexOf(x) > -1 ? _downKeys.splice(_downKeys.indexOf(x), 1) : A === "metaKey" && a[A] && (_downKeys = _downKeys.filter((g) => g in modifierMap || g === u));
+  let u = getLayoutIndependentKeyCode(a);
+  if (a.key && a.key.toLowerCase() === "capslock" || !(hotkeys$1.filter || filter$1).call(this, a)) return;
+  if ((u === 93 || u === 224) && (u = 91), _downKeys.indexOf(u) === -1 && u !== 229 && _downKeys.push(u), ["metaKey", "ctrlKey", "altKey", "shiftKey"].forEach((x) => {
+    const g = modifierMap[x];
+    a[x] && _downKeys.indexOf(g) === -1 ? _downKeys.push(g) : !a[x] && _downKeys.indexOf(g) > -1 ? _downKeys.splice(_downKeys.indexOf(g), 1) : x === "metaKey" && a[x] && (_downKeys = _downKeys.filter((b) => b in modifierMap || b === u));
   }), u in _mods) {
     _mods[u] = !0;
-    for (const A in _modifier)
-      if (Object.prototype.hasOwnProperty.call(_modifier, A)) {
-        const x = modifierMap[_modifier[A]];
-        hotkeys$1[A] = a[x];
+    for (const x in _modifier)
+      if (Object.prototype.hasOwnProperty.call(_modifier, x)) {
+        const g = modifierMap[_modifier[x]];
+        hotkeys$1[x] = a[g];
       }
     if (!c) return;
   }
-  for (const A in _mods)
-    Object.prototype.hasOwnProperty.call(_mods, A) && (_mods[A] = a[modifierMap[A]]);
+  for (const x in _mods)
+    Object.prototype.hasOwnProperty.call(_mods, x) && (_mods[x] = a[modifierMap[x]]);
   a.getModifierState && !(a.altKey && !a.ctrlKey) && a.getModifierState("AltGraph") && (_downKeys.indexOf(17) === -1 && _downKeys.push(17), _downKeys.indexOf(18) === -1 && _downKeys.push(18), _mods[17] = !0, _mods[18] = !0);
-  const d = getScope();
+  const p = getScope();
   if (c)
-    for (let A = 0; A < c.length; A++)
-      c[A].scope === d && (a.type === "keydown" && c[A].keydown || a.type === "keyup" && c[A].keyup) && eventHandler(a, c[A], d, s);
+    for (let x = 0; x < c.length; x++)
+      c[x].scope === p && (a.type === "keydown" && c[x].keydown || a.type === "keyup" && c[x].keyup) && eventHandler(a, c[x], p, s);
   if (!(u in _handlers)) return;
-  const p = _handlers[u], v = p.length;
-  for (let A = 0; A < v; A++)
-    if ((a.type === "keydown" && p[A].keydown || a.type === "keyup" && p[A].keyup) && p[A].key) {
-      const x = p[A], {
-        splitKey: g
-      } = x, b = x.key.split(g), y = [];
-      for (let f = 0; f < b.length; f++)
-        y.push(code(b[f]));
-      y.sort().join("") === _downKeys.sort().join("") && eventHandler(a, x, d, s);
-    }
-}
-function hotkeys$1(a, s, c) {
+  const v = _handlers[u], A = v.length;
+  for (let x = 0; x < A; x++)
+    if ((a.type === "keydown" && v[x].keydown || a.type === "keyup" && v[x].keyup) && v[x].key) {
+      const g = v[x], { splitKey: b } = g, y = g.key.split(b), f = [];
+      for (let m = 0; m < y.length; m++)
+        f.push(code(y[m]));
+      f.sort().join("") === _downKeys.sort().join("") && eventHandler(a, g, p, s);
+    }
+}
+const hotkeys$1 = function a(s, c, u) {
   _downKeys = [];
-  const u = getKeys$1(a);
-  let d = [], p = "all", v = document, A = 0, x = !1, g = !0, b = "+", y = !1, f = !1;
-  for (c === void 0 && typeof s == "function" && (c = s), Object.prototype.toString.call(s) === "[object Object]" && (s.scope && (p = s.scope), s.element && (v = s.element), s.keyup && (x = s.keyup), s.keydown !== void 0 && (g = s.keydown), s.capture !== void 0 && (y = s.capture), typeof s.splitKey == "string" && (b = s.splitKey), s.single === !0 && (f = !0)), typeof s == "string" && (p = s), f && unbind(a, p); A < u.length; A++)
-    a = u[A].split(b), d = [], a.length > 1 && (d = getMods(_modifier, a)), a = a[a.length - 1], a = a === "*" ? "*" : code(a), a in _handlers || (_handlers[a] = []), _handlers[a].push({
-      keyup: x,
-      keydown: g,
-      scope: p,
-      mods: d,
-      shortcut: u[A],
-      method: c,
-      key: u[A],
-      splitKey: b,
-      element: v
-    });
-  if (typeof v < "u" && window) {
-    if (!elementEventMap.has(v)) {
-      const m = function() {
-        let w = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.event;
-        return dispatch(w, v);
-      }, E = function() {
-        let w = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : window.event;
-        dispatch(w, v), clearModifier(w);
+  const d = getKeys$1(s);
+  let p = [], v = "all", A = document, x = 0, g = !1, b = !0, y = "+", f = !1, m = !1;
+  if (u === void 0 && typeof c == "function" && (u = c), Object.prototype.toString.call(c) === "[object Object]") {
+    const E = c;
+    E.scope && (v = E.scope), E.element && (A = E.element), E.keyup && (g = E.keyup), E.keydown !== void 0 && (b = E.keydown), E.capture !== void 0 && (f = E.capture), typeof E.splitKey == "string" && (y = E.splitKey), E.single === !0 && (m = !0);
+  }
+  for (typeof c == "string" && (v = c), m && unbind(s, v); x < d.length; x++) {
+    const E = d[x].split(y);
+    p = [], E.length > 1 && (p = getMods(_modifier, E));
+    let w = E[E.length - 1];
+    w = w === "*" ? "*" : code(w), w in _handlers || (_handlers[w] = []), _handlers[w].push({
+      keyup: g,
+      keydown: b,
+      scope: v,
+      mods: p,
+      shortcut: d[x],
+      method: u,
+      key: d[x],
+      splitKey: y,
+      element: A
+    });
+  }
+  if (typeof A < "u" && typeof window < "u") {
+    if (!elementEventMap.has(A)) {
+      const E = (S = window.event) => dispatch(S, A), w = (S = window.event) => {
+        dispatch(S, A), clearModifier(S);
       };
-      elementEventMap.set(v, {
-        keydownListener: m,
-        keyupListenr: E,
-        capture: y
-      }), addEvent$1(v, "keydown", m, y), addEvent$1(v, "keyup", E, y);
+      elementEventMap.set(A, { keydownListener: E, keyupListenr: w, capture: f }), addEvent$1(A, "keydown", E, f), addEvent$1(A, "keyup", w, f);
     }
     if (!winListendFocus) {
-      const m = () => {
+      const E = () => {
         _downKeys = [];
       };
-      winListendFocus = {
-        listener: m,
-        capture: y
-      }, addEvent$1(window, "focus", m, y);
+      winListendFocus = { listener: E, capture: f }, addEvent$1(window, "focus", E, f);
+    }
+    if (!winListendFullscreen && typeof document < "u") {
+      const E = () => {
+        _downKeys = [];
+        for (const $ in _mods) _mods[$] = !1;
+        for (const $ in _modifier) a[$] = !1;
+      }, w = E, S = E;
+      document.addEventListener("fullscreenchange", w), document.addEventListener("webkitfullscreenchange", S), winListendFullscreen = { fullscreen: w, webkit: S };
     }
   }
-}
-function trigger(a) {
-  let s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "all";
+};
+function trigger(a, s = "all") {
   Object.keys(_handlers).forEach((c) => {
-    _handlers[c].filter((d) => d.scope === s && d.shortcut === a).forEach((d) => {
-      d && d.method && d.method();
+    _handlers[c].filter(
+      (d) => d.scope === s && d.shortcut === a
+    ).forEach((d) => {
+      d && d.method && d.method({}, d);
     });
   });
 }
 function removeKeyEvent(a) {
   const s = Object.values(_handlers).flat();
-  if (s.findIndex((u) => {
-    let {
-      element: d
-    } = u;
-    return d === a;
-  }) < 0) {
-    const {
-      keydownListener: u,
-      keyupListenr: d,
-      capture: p
-    } = elementEventMap.get(a) || {};
+  if (s.findIndex(({ element: u }) => u === a) < 0 && a) {
+    const { keydownListener: u, keyupListenr: d, capture: p } = elementEventMap.get(a) || {};
     u && d && (removeEvent$1(a, "keyup", d, p), removeEvent$1(a, "keydown", u, p), elementEventMap.delete(a));
   }
-  if ((s.length <= 0 || elementEventMap.size <= 0) && (Object.keys(elementEventMap).forEach((d) => {
-    const {
-      keydownListener: p,
-      keyupListenr: v,
-      capture: A
-    } = elementEventMap.get(d) || {};
-    p && v && (removeEvent$1(d, "keyup", v, A), removeEvent$1(d, "keydown", p, A), elementEventMap.delete(d));
-  }), elementEventMap.clear(), Object.keys(_handlers).forEach((d) => delete _handlers[d]), winListendFocus)) {
-    const {
-      listener: d,
-      capture: p
-    } = winListendFocus;
-    removeEvent$1(window, "focus", d, p), winListendFocus = null;
+  if (s.length <= 0 || elementEventMap.size <= 0) {
+    if (Array.from(elementEventMap.keys()).forEach((d) => {
+      const { keydownListener: p, keyupListenr: v, capture: A } = elementEventMap.get(d) || {};
+      p && v && (removeEvent$1(d, "keyup", v, A), removeEvent$1(d, "keydown", p, A), elementEventMap.delete(d));
+    }), elementEventMap.clear(), Object.keys(_handlers).forEach((d) => delete _handlers[d]), winListendFocus) {
+      const { listener: d, capture: p } = winListendFocus;
+      removeEvent$1(window, "focus", d, p), winListendFocus = null;
+    }
+    winListendFullscreen && typeof document < "u" && (document.removeEventListener("fullscreenchange", winListendFullscreen.fullscreen), document.removeEventListener("webkitfullscreenchange", winListendFullscreen.webkit), winListendFullscreen = null);
   }
 }
 const _api = {
@@ -13028,12 +13004,15 @@ const _api = {
   modifier: _modifier,
   modifierMap
 };
-for (const a in _api)
-  Object.prototype.hasOwnProperty.call(_api, a) && (hotkeys$1[a] = _api[a]);
+for (const a in _api) {
+  const s = a;
+  Object.prototype.hasOwnProperty.call(_api, s) && (hotkeys$1[s] = _api[s]);
+}
 if (typeof window < "u") {
   const a = window.hotkeys;
   hotkeys$1.noConflict = (s) => (s && window.hotkeys === hotkeys$1 && (window.hotkeys = a), hotkeys$1), window.hotkeys = hotkeys$1;
 }
+typeof module < "u" && module.exports && (module.exports = hotkeys$1, module.exports.default = hotkeys$1);
 var reactExports = requireReact();
 const React = /* @__PURE__ */ getDefaultExportFromCjs(reactExports), React$1 = /* @__PURE__ */ _mergeNamespaces({
   __proto__: null,