xframelib 1.2.1 → 1.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -241,11 +241,10 @@ for (var I, x, k, C, M, U, j, N, P, D, F = a((e) => {
241
241
  return 3 * (r + n) / 4 - n;
242
242
  },
243
243
  toByteArray: function(e) {
244
- var t, r, n = c(e), s = n[0], a = n[1], f = new o(function(e, t, r) {
244
+ for (var t, r = c(e), n = r[0], s = r[1], a = new o(function(e, t, r) {
245
245
  return 3 * (t + r) / 4 - r;
246
- }(0, s, a)), u = 0, h = a > 0 ? s - 4 : s;
247
- for (r = 0; r < h; r += 4) t = i[e.charCodeAt(r)] << 18 | i[e.charCodeAt(r + 1)] << 12 | i[e.charCodeAt(r + 2)] << 6 | i[e.charCodeAt(r + 3)], f[u++] = t >> 16 & 255, f[u++] = t >> 8 & 255, f[u++] = 255 & t;
248
- return 2 === a && (t = i[e.charCodeAt(r)] << 2 | i[e.charCodeAt(r + 1)] >> 4, f[u++] = 255 & t), 1 === a && (t = i[e.charCodeAt(r)] << 10 | i[e.charCodeAt(r + 1)] << 4 | i[e.charCodeAt(r + 2)] >> 2, f[u++] = t >> 8 & 255, f[u++] = 255 & t), f;
246
+ }(0, n, s)), f = 0, u = s > 0 ? n - 4 : n, h = 0; h < u; h += 4) t = i[e.charCodeAt(h)] << 18 | i[e.charCodeAt(h + 1)] << 12 | i[e.charCodeAt(h + 2)] << 6 | i[e.charCodeAt(h + 3)], a[f++] = t >> 16 & 255, a[f++] = t >> 8 & 255, a[f++] = 255 & t;
247
+ return 2 === s && (t = i[e.charCodeAt(h)] << 2 | i[e.charCodeAt(h + 1)] >> 4, a[f++] = 255 & t), 1 === s && (t = i[e.charCodeAt(h)] << 10 | i[e.charCodeAt(h + 1)] << 4 | i[e.charCodeAt(h + 2)] >> 2, a[f++] = t >> 8 & 255, a[f++] = 255 & t), a;
249
248
  },
250
249
  fromByteArray: function(e) {
251
250
  for (var t, r = e.length, i = r % 3, o = [], s = 16383, a = 0, c = r - i; a < c; a += s) o.push(u(e, a, a + s > c ? c : a + s));
@@ -457,8 +456,9 @@ for (var I, x, k, C, M, U, j, N, P, D, F = a((e) => {
457
456
  const i = e.length - r;
458
457
  n ? (n = Number(n)) > i && (n = i) : n = i;
459
458
  const o = t.length;
460
- let s;
461
- for (n > o / 2 && (n = o / 2), s = 0; s < n; ++s) {
459
+ n > o / 2 && (n = o / 2);
460
+ let s = 0;
461
+ for (; s < n; ++s) {
462
462
  const n = parseInt(t.substr(2 * s, 2), 16);
463
463
  if (Q(n)) return s;
464
464
  e[r + s] = n;
@@ -1013,8 +1013,8 @@ for (var I, x, k, C, M, U, j, N, P, D, F = a((e) => {
1013
1013
  }(e));
1014
1014
  }
1015
1015
  function K(e, t, r, n) {
1016
- let i;
1017
- for (i = 0; i < n && !(i + r >= t.length || i >= e.length); ++i) t[i + r] = e[i];
1016
+ let i = 0;
1017
+ for (; i < n && !(i + r >= t.length || i >= e.length); ++i) t[i + r] = e[i];
1018
1018
  return i;
1019
1019
  }
1020
1020
  function Z(e, t) {
@@ -3530,8 +3530,7 @@ for (var I, x, k, C, M, U, j, N, P, D, F = a((e) => {
3530
3530
  if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
3531
3531
  })(this, e), this.head = null, this.tail = null, this.length = 0;
3532
3532
  }
3533
- var t, r;
3534
- return t = e, r = [
3533
+ var t = e, r = [
3535
3534
  {
3536
3535
  key: "push",
3537
3536
  value: function(e) {
@@ -3635,7 +3634,8 @@ for (var I, x, k, C, M, U, j, N, P, D, F = a((e) => {
3635
3634
  }));
3636
3635
  }
3637
3636
  }
3638
- ], r && o(t.prototype, r), Object.defineProperty(t, "prototype", { writable: !1 }), e;
3637
+ ];
3638
+ return r && o(t.prototype, r), Object.defineProperty(t, "prototype", { writable: !1 }), e;
3639
3639
  }();
3640
3640
  }), Be = a((e, t) => {
3641
3641
  function r(e, t) {
@@ -4158,8 +4158,8 @@ for (var I, x, k, C, M, U, j, N, P, D, F = a((e) => {
4158
4158
  }
4159
4159
  }(e, f);
4160
4160
  else if (o || (c = function(e, t) {
4161
- var r, n;
4162
- return n = t, s.isBuffer(n) || n instanceof a || "string" == typeof t || void 0 === t || e.objectMode || (r = new g("chunk", [
4161
+ var r, n = t;
4162
+ return s.isBuffer(n) || n instanceof a || "string" == typeof t || void 0 === t || e.objectMode || (r = new g("chunk", [
4163
4163
  "string",
4164
4164
  "Buffer",
4165
4165
  "Uint8Array"
@@ -4602,11 +4602,10 @@ for (var I, x, k, C, M, U, j, N, P, D, F = a((e) => {
4602
4602
  return 3 * (r + n) / 4 - n;
4603
4603
  },
4604
4604
  toByteArray: function(e) {
4605
- var t, r, n = Ge(e), i = n[0], o = n[1], s = new We(function(e, t, r) {
4605
+ for (var t, r = Ge(e), n = r[0], i = r[1], o = new We(function(e, t, r) {
4606
4606
  return 3 * (t + r) / 4 - r;
4607
- }(0, i, o)), a = 0, c = o > 0 ? i - 4 : i;
4608
- for (r = 0; r < c; r += 4) t = qe[e.charCodeAt(r)] << 18 | qe[e.charCodeAt(r + 1)] << 12 | qe[e.charCodeAt(r + 2)] << 6 | qe[e.charCodeAt(r + 3)], s[a++] = t >> 16 & 255, s[a++] = t >> 8 & 255, s[a++] = 255 & t;
4609
- return 2 === o && (t = qe[e.charCodeAt(r)] << 2 | qe[e.charCodeAt(r + 1)] >> 4, s[a++] = 255 & t), 1 === o && (t = qe[e.charCodeAt(r)] << 10 | qe[e.charCodeAt(r + 1)] << 4 | qe[e.charCodeAt(r + 2)] >> 2, s[a++] = t >> 8 & 255, s[a++] = 255 & t), s;
4607
+ }(0, n, i)), s = 0, a = i > 0 ? n - 4 : n, c = 0; c < a; c += 4) t = qe[e.charCodeAt(c)] << 18 | qe[e.charCodeAt(c + 1)] << 12 | qe[e.charCodeAt(c + 2)] << 6 | qe[e.charCodeAt(c + 3)], o[s++] = t >> 16 & 255, o[s++] = t >> 8 & 255, o[s++] = 255 & t;
4608
+ return 2 === i && (t = qe[e.charCodeAt(c)] << 2 | qe[e.charCodeAt(c + 1)] >> 4, o[s++] = 255 & t), 1 === i && (t = qe[e.charCodeAt(c)] << 10 | qe[e.charCodeAt(c + 1)] << 4 | qe[e.charCodeAt(c + 2)] >> 2, o[s++] = t >> 8 & 255, o[s++] = 255 & t), o;
4610
4609
  },
4611
4610
  fromByteArray: function(e) {
4612
4611
  for (var t, r = e.length, n = r % 3, i = [], o = 16383, s = 0, a = r - n; s < a; s += o) i.push(Ve(e, s, s + o > a ? a : s + o));
@@ -4818,8 +4817,9 @@ var Xe = {
4818
4817
  const i = e.length - r;
4819
4818
  n ? (n = Number(n)) > i && (n = i) : n = i;
4820
4819
  const o = t.length;
4821
- let s;
4822
- for (n > o / 2 && (n = o / 2), s = 0; s < n; ++s) {
4820
+ n > o / 2 && (n = o / 2);
4821
+ let s = 0;
4822
+ for (; s < n; ++s) {
4823
4823
  const n = parseInt(t.substr(2 * s, 2), 16);
4824
4824
  if (K(n)) return s;
4825
4825
  e[r + s] = n;
@@ -5374,8 +5374,8 @@ var Xe = {
5374
5374
  }(e));
5375
5375
  }
5376
5376
  function X(e, t, r, n) {
5377
- let i;
5378
- for (i = 0; i < n && !(i + r >= t.length || i >= e.length); ++i) t[i + r] = e[i];
5377
+ let i = 0;
5378
+ for (; i < n && !(i + r >= t.length || i >= e.length); ++i) t[i + r] = e[i];
5379
5379
  return i;
5380
5380
  }
5381
5381
  function J(e, t) {
@@ -344,10 +344,9 @@ function M(e) {
344
344
  }
345
345
  function O(e, r) {
346
346
  return "string" == typeof e && (e = k(e)), "string" == typeof r && (r = k(r)), null == e || 0 === e.length ? e : S(function(e, r) {
347
- var t, n, a, o, i = e.length, s = i - 1, c = e[s], u = 0;
348
- for (o = 0 | Math.floor(6 + 52 / i); o > 0; --o) {
349
- for (n = (u = U(u + E)) >>> 2 & 3, a = 0; a < s; ++a) t = e[a + 1], c = e[a] = U(e[a] + A(u, t, c, a, n, r));
350
- t = e[0], c = e[s] = U(e[s] + A(u, t, c, s, n, r));
347
+ for (var t, n, a, o = e.length, i = o - 1, s = e[i], c = 0, u = 0 | Math.floor(6 + 52 / o); u > 0; --u) {
348
+ for (n = (c = U(c + E)) >>> 2 & 3, a = 0; a < i; ++a) t = e[a + 1], s = e[a] = U(e[a] + A(c, t, s, a, n, r));
349
+ t = e[0], s = e[i] = U(e[i] + A(c, t, s, i, n, r));
351
350
  }
352
351
  return e;
353
352
  }(C(e, !0), C(T(r), !1)), !1);
@@ -370,10 +369,9 @@ function R(e, r) {
370
369
  for (var r = globalThis.atob(e), t = r.length, n = new Uint8Array(t), a = 0; a < t; a++) n[a] = r.charCodeAt(a);
371
370
  return n;
372
371
  }(e)), "string" == typeof r && (r = k(r)), null == e || 0 === e.length ? e : S(function(e, r) {
373
- var t, n, a, o, i = e.length, s = i - 1, c = e[0];
374
- for (n = U(Math.floor(6 + 52 / i) * E); 0 !== n; n = U(n - E)) {
375
- for (a = n >>> 2 & 3, o = s; o > 0; --o) t = e[o - 1], c = e[o] = U(e[o] - A(n, c, t, o, a, r));
376
- t = e[s], c = e[0] = U(e[0] - A(n, c, t, 0, a, r));
372
+ for (var t, n, a, o = e.length, i = o - 1, s = e[0], c = U(Math.floor(6 + 52 / o) * E); 0 !== c; c = U(c - E)) {
373
+ for (n = c >>> 2 & 3, a = i; a > 0; --a) t = e[a - 1], s = e[a] = U(e[a] - A(c, s, t, a, n, r));
374
+ t = e[i], s = e[0] = U(e[0] - A(c, s, t, 0, n, r));
377
375
  }
378
376
  return e;
379
377
  }(C(e, !1), C(T(r), !1)), !0);
@@ -1,7 +1,17 @@
1
1
  import { App, Directive } from 'vue';
2
+ export interface DragEndResult {
3
+ left: number;
4
+ top: number;
5
+ element: HTMLElement;
6
+ }
7
+ export interface DragDirectiveValue {
8
+ container?: string;
9
+ selector?: string;
10
+ onEnd?: (result: DragEndResult) => void;
11
+ }
2
12
  /**
3
13
  * 可拖拽命令
4
14
  */
5
- declare const dragDirective: Directive;
15
+ declare const dragDirective: Directive<HTMLElement, DragDirectiveValue | undefined>;
6
16
  export declare function setupDragDirective(app: App): void;
7
17
  export default dragDirective;
@@ -4,5 +4,6 @@ import { default as repeatDirective, setupRepeatDirective } from './repeatClickD
4
4
  import { default as wowDirective, setupWowDirective } from './wowDirective';
5
5
  import { default as mediaDirective, setupmediaDirective } from './mediaDirective';
6
6
  import { default as tooltipDirective, setupTooltipDirective } from './tooltipDirective';
7
+ export type { DragDirectiveValue, DragEndResult } from './dragDirective';
7
8
  declare function setupDirectives(app: any): void;
8
9
  export { setupDirectives, wowDirective, setupWowDirective, repeatDirective, setupRepeatDirective, dragDirective, setupDragDirective, doubleClickDirective, setupDCDirective, mediaDirective, setupmediaDirective, tooltipDirective, setupTooltipDirective };
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- .tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(0.54, 1.5, 0.38, 1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:rgba(0,0,0,0);border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.xScreen-container{width:100%;height:100vh}.xScreen-container .xScreen{position:fixed;top:50%;left:50%;z-index:99;display:flex;flex-direction:column;overflow:hidden;transition:all .3s;transform-origin:left top}.scrollSnapContainer{position:relative;height:v-bind(heightStyle);overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scroll-snap-type:y mandatory;scroll-snap-stop:always;-webkit-scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch}.scrollSection{position:relative;width:100%;min-height:v-bind(heightStyle);scroll-snap-align:start}.popover-content-transition-bottom-enter-from,.popover-content-transition-bottom-leave-to{height:500px !important;opacity:0}.popover-content-transition-bottom-enter-active{transition:height .05s ease-in,opacity .05s ease-in}.popover-content-transition-bottom-leave-active{transition:height .05s ease-out,opacity .05s ease-out}.popover-content-transition-left-enter-from{left:-800px}.popover-content-transition-left-leave-to{left:0}.popover-content-transition-left-enter-active{transition:left 1s}.popover-content-transition-left-leave-active{transition:left 1s}.adivider{width:100%;margin:10px 0;display:flex;align-items:center;justify-items:center}.adivider .line{border:v-bind(lineColor) 1px solid}.adivider .contentText{background-color:inherit;font-size:18px}.splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging *{user-select:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.splitpanes.default-theme .splitpanes__pane{background-color:#f2f2f2}.splitpanes.default-theme .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.splitpanes.default-theme .splitpanes__splitter:before,.splitpanes.default-theme .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:rgba(0,0,0,.15);transition:background-color .3s}.splitpanes.default-theme .splitpanes__splitter:hover:before,.splitpanes.default-theme .splitpanes__splitter:hover:after{background-color:rgba(0,0,0,.25)}.splitpanes.default-theme .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translateX(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}.paneltitle{display:inline-block;vertical-align:middle;font-size:16px;font-weight:600;text-wrap:nowrap;overflow:hidden;margin-left:5px}.dragPanelBar{float:right;padding-right:10px;width:var(--right-bar-width);min-width:40px;height:100%;display:flex;align-items:center;justify-content:space-between}.dragPanelBar svg:hover{border:1px solid #333}.dragWindowPanel{position:absolute;background-color:#ddd;z-index:10;border-radius:6px;display:grid;grid-template-rows:min-content auto;user-select:none}.dragWindowPanel .dragPanelTitle{background-color:#eee;border-radius:5px 5px 0 0;padding-left:5px;vertical-align:middle;pointer-events:all}.dragWindowPanel .dragPanelTitle img{display:inline-block;vertical-align:middle}.dragWindowPanel .dragPanelContent{margin-top:1px;background-color:#eee;height:100%;overflow-x:hidden;overflow-y:auto;padding:5px 8px}.dragWindowPanel .iconify{color:#000}.drag-pointer-group{pointer-events:none;position:absolute;left:0;top:0;z-index:11;margin:-0.5rem;display:grid;height:calc(100% + 1rem);width:calc(100% + 1rem);grid-template-columns:1rem auto 1rem;grid-template-rows:1rem auto 1rem}.drag-pointer-group>*{pointer-events:all !important}.maxPanel{top:0px !important;left:0px !important;width:100% !important;height:100% !important;border-radius:0px !important}.dragWindowPanel_dark{background-color:#043351}.dragWindowPanel_dark .iconify{color:#eee}.dragWindowPanel_dark .dragPanelTitle{background-color:#043351;color:#eee;border-radius:5px 5px 0 0;padding-left:5px;vertical-align:middle;pointer-events:all}.dragWindowPanel_dark .dragPanelTitle img{display:inline-block;vertical-align:middle}.dragWindowPanel_dark .dragPanelContent{background-color:#2f353d;margin-top:1px;height:100%;overflow-x:hidden;overflow-y:auto;padding:5px 8px}.cursor-nw-resize{cursor:nw-resize}.cursor-n-resize{cursor:n-resize}.cursor-ne-resize{cursor:ne-resize}.cursor-w-resize{cursor:w-resize}.cursor-e-resize{cursor:e-resize}.cursor-se-resize{cursor:se-resize}.cursor-sw-resize{cursor:sw-resize}.cursor-s-resize{cursor:s-resize}.layoutContainer{position:relative;width:100%;height:100%;padding:0;margin:0;--layout-top-height: 70px;--layout-left-width: 200px;--layout-right-width: 200px;--layout-bottom-height: 60px;--layout-top-zindex: 100;--layout-bottom-zindex: 100;--layout-centermain-zindex: 80;--layout-centerback-zindex: 90;--layout-centerfront-zindex: 110;--layout-left-zindex: 100;--layout-right-zindex: 100}.topContainer{position:absolute;top:0px;left:0px;width:100%;height:var(--layout-top-height);z-index:var(--layout-top-zindex);overflow:hidden;pointer-events:none}.topContainer>*{pointer-events:all !important}.bottomContainer{position:absolute;bottom:0px;left:0px;width:100%;height:var(--layout-bottom-height);z-index:var(--layout-bottom-zindex);overflow:hidden;pointer-events:none}.bottomContainer>*{pointer-events:all !important}.leftContainer{position:absolute;top:0px;left:0px;bottom:0;z-index:var(--layout-left-zindex);width:var(--layout-left-width);overflow:hidden;pointer-events:none}.leftContainer>*{pointer-events:all !important}.rightContainer{position:absolute;top:0px;right:0px;bottom:0;width:var(--layout-right-width);z-index:var(--layout-right-zindex);overflow:hidden;pointer-events:none}.rightContainer>*{pointer-events:all !important}.centerdiv{position:absolute;top:0;left:0;bottom:0;width:100%;background-color:rgba(0,0,0,0);overflow:hidden;pointer-events:none}.centerdiv>*{pointer-events:all !important}.mainContainer{z-index:var(--layout-centermain-zindex)}.backContainer{z-index:var(--layout-centerback-zindex)}.centerFrontContainer{z-index:var(--layout-centerfront-zindex)}
1
+ .tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(0.54, 1.5, 0.38, 1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:rgba(0,0,0,0);border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.xScreen-container{width:100%;height:100vh}.xScreen-container .xScreen{position:fixed;top:50%;left:50%;z-index:99;display:flex;flex-direction:column;overflow:hidden;transition:all .3s;transform-origin:left top}.popover-content-transition-bottom-enter-from,.popover-content-transition-bottom-leave-to{height:500px !important;opacity:0}.popover-content-transition-bottom-enter-active{transition:height .05s ease-in,opacity .05s ease-in}.popover-content-transition-bottom-leave-active{transition:height .05s ease-out,opacity .05s ease-out}.popover-content-transition-left-enter-from{left:-800px}.popover-content-transition-left-leave-to{left:0}.popover-content-transition-left-enter-active{transition:left 1s}.popover-content-transition-left-leave-active{transition:left 1s}.adivider{width:100%;margin:10px 0;display:flex;align-items:center;justify-items:center}.adivider .line{border:v-bind(lineColor) 1px solid}.adivider .contentText{background-color:inherit;font-size:18px}.scrollSnapContainer{position:relative;height:v-bind(heightStyle);overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;scroll-snap-type:y mandatory;scroll-snap-stop:always;-webkit-scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch}.scrollSection{position:relative;width:100%;min-height:v-bind(heightStyle);scroll-snap-align:start}.paneltitle{display:inline-block;vertical-align:middle;font-size:16px;font-weight:600;text-wrap:nowrap;overflow:hidden;margin-left:5px}.dragPanelBar{float:right;padding-right:10px;width:var(--right-bar-width);min-width:40px;height:100%;display:flex;align-items:center;justify-content:space-between}.dragPanelBar svg:hover{border:1px solid #333}.dragWindowPanel{position:absolute;background-color:#ddd;z-index:10;border-radius:6px;display:grid;grid-template-rows:min-content auto;user-select:none}.dragWindowPanel .dragPanelTitle{background-color:#eee;border-radius:5px 5px 0 0;padding-left:5px;vertical-align:middle;pointer-events:all}.dragWindowPanel .dragPanelTitle img{display:inline-block;vertical-align:middle}.dragWindowPanel .dragPanelContent{margin-top:1px;background-color:#eee;height:100%;overflow-x:hidden;overflow-y:auto;padding:5px 8px}.dragWindowPanel .iconify{color:#000}.drag-pointer-group{pointer-events:none;position:absolute;left:0;top:0;z-index:11;margin:-0.5rem;display:grid;height:calc(100% + 1rem);width:calc(100% + 1rem);grid-template-columns:1rem auto 1rem;grid-template-rows:1rem auto 1rem}.drag-pointer-group>*{pointer-events:all !important}.maxPanel{top:0px !important;left:0px !important;width:100% !important;height:100% !important;border-radius:0px !important}.dragWindowPanel_dark{background-color:#043351}.dragWindowPanel_dark .iconify{color:#eee}.dragWindowPanel_dark .dragPanelTitle{background-color:#043351;color:#eee;border-radius:5px 5px 0 0;padding-left:5px;vertical-align:middle;pointer-events:all}.dragWindowPanel_dark .dragPanelTitle img{display:inline-block;vertical-align:middle}.dragWindowPanel_dark .dragPanelContent{background-color:#2f353d;margin-top:1px;height:100%;overflow-x:hidden;overflow-y:auto;padding:5px 8px}.cursor-nw-resize{cursor:nw-resize}.cursor-n-resize{cursor:n-resize}.cursor-ne-resize{cursor:ne-resize}.cursor-w-resize{cursor:w-resize}.cursor-e-resize{cursor:e-resize}.cursor-se-resize{cursor:se-resize}.cursor-sw-resize{cursor:sw-resize}.cursor-s-resize{cursor:s-resize}.layoutContainer{position:relative;width:100%;height:100%;padding:0;margin:0;--layout-top-height: 70px;--layout-left-width: 200px;--layout-right-width: 200px;--layout-bottom-height: 60px;--layout-top-zindex: 100;--layout-bottom-zindex: 100;--layout-centermain-zindex: 80;--layout-centerback-zindex: 90;--layout-centerfront-zindex: 110;--layout-left-zindex: 100;--layout-right-zindex: 100}.topContainer{position:absolute;top:0px;left:0px;width:100%;height:var(--layout-top-height);z-index:var(--layout-top-zindex);overflow:hidden;pointer-events:none}.topContainer>*{pointer-events:all !important}.bottomContainer{position:absolute;bottom:0px;left:0px;width:100%;height:var(--layout-bottom-height);z-index:var(--layout-bottom-zindex);overflow:hidden;pointer-events:none}.bottomContainer>*{pointer-events:all !important}.leftContainer{position:absolute;top:0px;left:0px;bottom:0;z-index:var(--layout-left-zindex);width:var(--layout-left-width);overflow:hidden;pointer-events:none}.leftContainer>*{pointer-events:all !important}.rightContainer{position:absolute;top:0px;right:0px;bottom:0;width:var(--layout-right-width);z-index:var(--layout-right-zindex);overflow:hidden;pointer-events:none}.rightContainer>*{pointer-events:all !important}.centerdiv{position:absolute;top:0;left:0;bottom:0;width:100%;background-color:rgba(0,0,0,0);overflow:hidden;pointer-events:none}.centerdiv>*{pointer-events:all !important}.mainContainer{z-index:var(--layout-centermain-zindex)}.backContainer{z-index:var(--layout-centerback-zindex)}.centerFrontContainer{z-index:var(--layout-centerfront-zindex)}.splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging *{user-select:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.splitpanes.default-theme .splitpanes__pane{background-color:#f2f2f2}.splitpanes.default-theme .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.splitpanes.default-theme .splitpanes__splitter:before,.splitpanes.default-theme .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:rgba(0,0,0,.15);transition:background-color .3s}.splitpanes.default-theme .splitpanes__splitter:hover:before,.splitpanes.default-theme .splitpanes__splitter:hover:after{background-color:rgba(0,0,0,.25)}.splitpanes.default-theme .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translateX(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}