web-core-tcm 0.0.59 → 0.0.61

package/dist/node_modules/quasar/src/components/resize-observer/QResizeObserver.js

@@ -0,0 +1,71 @@
+import { getCurrentInstance as g, onMounted as f, onBeforeUnmount as a, nextTick as m, h as z } from "vue";
+import y from "../../composables/use-hydration/use-hydration.js";
+import { createComponent as w } from "../../utils/private.create/create.js";
+import { noop as O, listenOpts as v } from "../../utils/event/event.js";
+const h = typeof ResizeObserver < "u", b = h === !0 ? {} : {
+  style: "display:block;position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1;",
+  url: "about:blank"
+}, R = w({
+  name: "QResizeObserver",
+  props: {
+    debounce: {
+      type: [String, Number],
+      default: 100
+    }
+  },
+  emits: ["resize"],
+  setup(l, { emit: p }) {
+    let i = null, t, r = { width: -1, height: -1 };
+    function s(e) {
+      e === !0 || l.debounce === 0 || l.debounce === "0" ? u() : i === null && (i = setTimeout(u, l.debounce));
+    }
+    function u() {
+      if (i !== null && (clearTimeout(i), i = null), t) {
+        const { offsetWidth: e, offsetHeight: n } = t;
+        (e !== r.width || n !== r.height) && (r = { width: e, height: n }, p("resize", r));
+      }
+    }
+    const { proxy: d } = g();
+    if (d.trigger = s, h === !0) {
+      let e;
+      const n = (c) => {
+        t = d.$el.parentNode, t ? (e = new ResizeObserver(s), e.observe(t), u()) : c !== !0 && m(() => {
+          n(!0);
+        });
+      };
+      return f(() => {
+        n();
+      }), a(() => {
+        i !== null && clearTimeout(i), e !== void 0 && (e.disconnect !== void 0 ? e.disconnect() : t && e.unobserve(t));
+      }), O;
+    } else {
+      let e = function() {
+        i !== null && (clearTimeout(i), i = null), o !== void 0 && (o.removeEventListener !== void 0 && o.removeEventListener("resize", s, v.passive), o = void 0);
+      }, n = function() {
+        e(), t?.contentDocument && (o = t.contentDocument.defaultView, o.addEventListener("resize", s, v.passive), u());
+      };
+      const { isHydrated: c } = y();
+      let o;
+      return f(() => {
+        m(() => {
+          t = d.$el, t && n();
+        });
+      }), a(e), () => {
+        if (c.value === !0)
+          return z("object", {
+            class: "q--avoid-card-border",
+            style: b.style,
+            tabindex: -1,
+            // fix for Firefox
+            type: "text/html",
+            data: b.url,
+            "aria-hidden": "true",
+            onLoad: n
+          });
+      };
+    }
+  }
+});
+export {
+  R as default
+};

package/dist/node_modules/quasar/src/components/scroll-area/QScrollArea.js

@@ -0,0 +1,288 @@
+import { ref as n, getCurrentInstance as K, computed as i, watch as W, onDeactivated as Z, onActivated as x, onBeforeUnmount as ee, h as s } from "vue";
+import te, { useDarkProps as le } from "../../composables/private.use-dark/use-dark.js";
+import ae from "./ScrollAreaControls.js";
+import $ from "../resize-observer/QResizeObserver.js";
+import re from "../scroll-observer/QScrollObserver.js";
+import C from "../../directives/touch-pan/TouchPan.js";
+import { createComponent as oe } from "../../utils/private.create/create.js";
+import { between as m } from "../../utils/format/format.js";
+import { setHorizontalScrollPosition as p, setVerticalScrollPosition as w } from "../../utils/scroll/scroll.js";
+import { hMergeSlot as ie } from "../../utils/private.render/render.js";
+import ne from "../../utils/debounce/debounce.js";
+const B = ["vertical", "horizontal"], q = {
+  vertical: { offset: "offsetY", scroll: "scrollTop", dir: "down", dist: "y" },
+  horizontal: { offset: "offsetX", scroll: "scrollLeft", dir: "right", dist: "x" }
+}, D = {
+  prevent: !0,
+  mouse: !0,
+  mouseAllDir: !0
+}, Q = (a) => a >= 250 ? 50 : Math.ceil(a / 5), ge = oe({
+  name: "QScrollArea",
+  props: {
+    ...le,
+    thumbStyle: Object,
+    verticalThumbStyle: Object,
+    horizontalThumbStyle: Object,
+    barStyle: [Array, String, Object],
+    verticalBarStyle: [Array, String, Object],
+    horizontalBarStyle: [Array, String, Object],
+    verticalOffset: {
+      type: Array,
+      default: [0, 0]
+    },
+    horizontalOffset: {
+      type: Array,
+      default: [0, 0]
+    },
+    contentStyle: [Array, String, Object],
+    contentActiveStyle: [Array, String, Object],
+    delay: {
+      type: [String, Number],
+      default: 1e3
+    },
+    visible: {
+      type: Boolean,
+      default: null
+    },
+    tabindex: [String, Number],
+    onScroll: Function
+  },
+  setup(a, { slots: R, emit: k }) {
+    const z = n(!1), h = n(!1), d = n(!1), r = {
+      vertical: n(0),
+      horizontal: n(0)
+    }, e = {
+      vertical: {
+        ref: n(null),
+        position: n(0),
+        size: n(0)
+      },
+      horizontal: {
+        ref: n(null),
+        position: n(0),
+        size: n(0)
+      }
+    }, { proxy: u } = K(), E = te(a, u.$q);
+    let S = null, T;
+    const c = n(null), F = i(
+      () => "q-scrollarea" + (E.value === !0 ? " q-scrollarea--dark" : "")
+    );
+    Object.assign(r, {
+      verticalInner: i(() => r.vertical.value - a.verticalOffset[0] - a.verticalOffset[1]),
+      horizontalInner: i(() => r.horizontal.value - a.horizontalOffset[0] - a.horizontalOffset[1])
+    }), e.vertical.percentage = i(() => {
+      const t = e.vertical.size.value - r.vertical.value;
+      if (t <= 0)
+        return 0;
+      const l = m(e.vertical.position.value / t, 0, 1);
+      return Math.round(l * 1e4) / 1e4;
+    }), e.vertical.thumbHidden = i(() => (a.visible === null ? d.value : a.visible) !== !0 && z.value === !1 && h.value === !1 || e.vertical.size.value <= r.vertical.value + 1), e.vertical.thumbStart = i(() => a.verticalOffset[0] + e.vertical.percentage.value * (r.verticalInner.value - e.vertical.thumbSize.value)), e.vertical.thumbSize = i(
+      () => Math.round(
+        m(
+          r.verticalInner.value * r.verticalInner.value / e.vertical.size.value,
+          Q(r.verticalInner.value),
+          r.verticalInner.value
+        )
+      )
+    ), e.vertical.style = i(() => ({
+      ...a.thumbStyle,
+      ...a.verticalThumbStyle,
+      top: `${e.vertical.thumbStart.value}px`,
+      height: `${e.vertical.thumbSize.value}px`,
+      right: `${a.horizontalOffset[1]}px`
+    })), e.vertical.thumbClass = i(() => "q-scrollarea__thumb q-scrollarea__thumb--v absolute-right" + (e.vertical.thumbHidden.value === !0 ? " q-scrollarea__thumb--invisible" : "")), e.vertical.barClass = i(() => "q-scrollarea__bar q-scrollarea__bar--v absolute-right" + (e.vertical.thumbHidden.value === !0 ? " q-scrollarea__bar--invisible" : "")), e.horizontal.percentage = i(() => {
+      const t = e.horizontal.size.value - r.horizontal.value;
+      if (t <= 0)
+        return 0;
+      const l = m(Math.abs(e.horizontal.position.value) / t, 0, 1);
+      return Math.round(l * 1e4) / 1e4;
+    }), e.horizontal.thumbHidden = i(() => (a.visible === null ? d.value : a.visible) !== !0 && z.value === !1 && h.value === !1 || e.horizontal.size.value <= r.horizontal.value + 1), e.horizontal.thumbStart = i(() => a.horizontalOffset[0] + e.horizontal.percentage.value * (r.horizontalInner.value - e.horizontal.thumbSize.value)), e.horizontal.thumbSize = i(
+      () => Math.round(
+        m(
+          r.horizontalInner.value * r.horizontalInner.value / e.horizontal.size.value,
+          Q(r.horizontalInner.value),
+          r.horizontalInner.value
+        )
+      )
+    ), e.horizontal.style = i(() => ({
+      ...a.thumbStyle,
+      ...a.horizontalThumbStyle,
+      [u.$q.lang.rtl === !0 ? "right" : "left"]: `${e.horizontal.thumbStart.value}px`,
+      width: `${e.horizontal.thumbSize.value}px`,
+      bottom: `${a.verticalOffset[1]}px`
+    })), e.horizontal.thumbClass = i(() => "q-scrollarea__thumb q-scrollarea__thumb--h absolute-bottom" + (e.horizontal.thumbHidden.value === !0 ? " q-scrollarea__thumb--invisible" : "")), e.horizontal.barClass = i(() => "q-scrollarea__bar q-scrollarea__bar--h absolute-bottom" + (e.horizontal.thumbHidden.value === !0 ? " q-scrollarea__bar--invisible" : ""));
+    const V = i(() => e.vertical.thumbHidden.value === !0 && e.horizontal.thumbHidden.value === !0 ? a.contentStyle : a.contentActiveStyle);
+    function I() {
+      const t = {};
+      return B.forEach((l) => {
+        const o = e[l];
+        Object.assign(t, {
+          [l + "Position"]: o.position.value,
+          [l + "Percentage"]: o.percentage.value,
+          [l + "Size"]: o.size.value,
+          [l + "ContainerSize"]: r[l].value,
+          [l + "ContainerInnerSize"]: r[l + "Inner"].value
+        });
+      }), t;
+    }
+    const P = ne(() => {
+      const t = I();
+      t.ref = u, k("scroll", t);
+    }, 0);
+    function M(t, l, o) {
+      if (B.includes(t) === !1) {
+        console.error("[QScrollArea]: wrong first param of setScrollPosition (vertical/horizontal)");
+        return;
+      }
+      (t === "vertical" ? w : p)(c.value, l, o);
+    }
+    function L({ height: t, width: l }) {
+      let o = !1;
+      r.vertical.value !== t && (r.vertical.value = t, o = !0), r.horizontal.value !== l && (r.horizontal.value = l, o = !0), o === !0 && g();
+    }
+    function N({ position: t }) {
+      let l = !1;
+      e.vertical.position.value !== t.top && (e.vertical.position.value = t.top, l = !0), e.horizontal.position.value !== t.left && (e.horizontal.position.value = t.left, l = !0), l === !0 && g();
+    }
+    function U({ height: t, width: l }) {
+      e.horizontal.size.value !== l && (e.horizontal.size.value = l, g()), e.vertical.size.value !== t && (e.vertical.size.value = t, g());
+    }
+    function A(t, l) {
+      const o = e[l];
+      if (t.isFirst === !0) {
+        if (o.thumbHidden.value === !0) return;
+        T = o.position.value, h.value = !0;
+      } else if (h.value !== !0)
+        return;
+      t.isFinal === !0 && (h.value = !1);
+      const f = q[l], b = (o.size.value - r[l].value) / (r[l + "Inner"].value - o.thumbSize.value), _ = t.distance[f.dist], O = T + (t.direction === f.dir ? 1 : -1) * _ * b;
+      j(O, l);
+    }
+    function H(t, l) {
+      const o = e[l];
+      if (o.thumbHidden.value !== !0) {
+        const f = l === "vertical" ? a.verticalOffset[0] : a.horizontalOffset[0], b = t[q[l].offset] - f, _ = o.thumbStart.value - f;
+        if (b < _ || b > _ + o.thumbSize.value) {
+          const O = b - o.thumbSize.value / 2, J = m(O / (r[l + "Inner"].value - o.thumbSize.value), 0, 1);
+          j(J * Math.max(0, o.size.value - r[l].value), l);
+        }
+        o.ref.value !== null && o.ref.value.dispatchEvent(new MouseEvent(t.type, t));
+      }
+    }
+    function g() {
+      z.value = !0, S !== null && clearTimeout(S), S = setTimeout(() => {
+        S = null, z.value = !1;
+      }, a.delay), a.onScroll !== void 0 && P();
+    }
+    function j(t, l) {
+      c.value[q[l].scroll] = t;
+    }
+    let v = null;
+    function X() {
+      v !== null && clearTimeout(v), v = setTimeout(() => {
+        v = null, d.value = !0;
+      }, u.$q.platform.is.ios ? 50 : 0);
+    }
+    function Y() {
+      v !== null && (clearTimeout(v), v = null), d.value = !1;
+    }
+    let y = null;
+    W(() => u.$q.lang.rtl, (t) => {
+      c.value !== null && p(
+        c.value,
+        Math.abs(e.horizontal.position.value) * (t === !0 ? -1 : 1)
+      );
+    }), Z(() => {
+      y = {
+        top: e.vertical.position.value,
+        left: e.horizontal.position.value
+      };
+    }), x(() => {
+      if (y === null) return;
+      const t = c.value;
+      t !== null && (p(t, y.left), w(t, y.top));
+    }), ee(P.cancel), Object.assign(u, {
+      getScrollTarget: () => c.value,
+      getScroll: I,
+      getScrollPosition: () => ({
+        top: e.vertical.position.value,
+        left: e.horizontal.position.value
+      }),
+      getScrollPercentage: () => ({
+        top: e.vertical.percentage.value,
+        left: e.horizontal.percentage.value
+      }),
+      setScrollPosition: M,
+      setScrollPercentage(t, l, o) {
+        M(
+          t,
+          l * (e[t].size.value - r[t].value) * (t === "horizontal" && u.$q.lang.rtl === !0 ? -1 : 1),
+          o
+        );
+      }
+    });
+    const G = {
+      scroll: e,
+      thumbVertDir: [[
+        C,
+        (t) => {
+          A(t, "vertical");
+        },
+        void 0,
+        { vertical: !0, ...D }
+      ]],
+      thumbHorizDir: [[
+        C,
+        (t) => {
+          A(t, "horizontal");
+        },
+        void 0,
+        { horizontal: !0, ...D }
+      ]],
+      onVerticalMousedown(t) {
+        H(t, "vertical");
+      },
+      onHorizontalMousedown(t) {
+        H(t, "horizontal");
+      }
+    };
+    return () => s("div", {
+      class: F.value,
+      onMouseenter: X,
+      onMouseleave: Y
+    }, [
+      s("div", {
+        ref: c,
+        class: "q-scrollarea__container scroll relative-position fit hide-scrollbar",
+        tabindex: a.tabindex !== void 0 ? a.tabindex : void 0
+      }, [
+        s("div", {
+          class: "q-scrollarea__content absolute",
+          style: V.value
+        }, ie(R.default, [
+          s($, {
+            debounce: 0,
+            onResize: U
+          })
+        ])),
+        s(re, {
+          axis: "both",
+          onScroll: N
+        })
+      ]),
+      s($, {
+        debounce: 0,
+        onResize: L
+      }),
+      s(ae, {
+        store: G,
+        barStyle: a.barStyle,
+        verticalBarStyle: a.verticalBarStyle,
+        horizontalBarStyle: a.horizontalBarStyle
+      })
+    ]);
+  }
+});
+export {
+  ge as default
+};

package/dist/node_modules/quasar/src/components/scroll-area/ScrollAreaControls.js

@@ -0,0 +1,47 @@
+import { h as l, withDirectives as t } from "vue";
+import { createComponent as r } from "../../utils/private.create/create.js";
+const s = r({
+  props: [
+    "store",
+    "barStyle",
+    "verticalBarStyle",
+    "horizontalBarStyle"
+  ],
+  setup(e) {
+    return () => [
+      l("div", {
+        class: e.store.scroll.vertical.barClass.value,
+        style: [e.barStyle, e.verticalBarStyle],
+        "aria-hidden": "true",
+        onMousedown: e.store.onVerticalMousedown
+      }),
+      l("div", {
+        class: e.store.scroll.horizontal.barClass.value,
+        style: [e.barStyle, e.horizontalBarStyle],
+        "aria-hidden": "true",
+        onMousedown: e.store.onHorizontalMousedown
+      }),
+      t(
+        l("div", {
+          ref: e.store.scroll.vertical.ref,
+          class: e.store.scroll.vertical.thumbClass.value,
+          style: e.store.scroll.vertical.style.value,
+          "aria-hidden": "true"
+        }),
+        e.store.thumbVertDir
+      ),
+      t(
+        l("div", {
+          ref: e.store.scroll.horizontal.ref,
+          class: e.store.scroll.horizontal.thumbClass.value,
+          style: e.store.scroll.horizontal.style.value,
+          "aria-hidden": "true"
+        }),
+        e.store.thumbHorizDir
+      )
+    ];
+  }
+});
+export {
+  s as default
+};

package/dist/node_modules/quasar/src/components/scroll-observer/QScrollObserver.js

@@ -0,0 +1,77 @@
+import { watch as m, getCurrentInstance as b, onMounted as h, onBeforeUnmount as T } from "vue";
+import { createComponent as S } from "../../utils/private.create/create.js";
+import { scrollTargetProp as x, getScrollTarget as P, getVerticalScrollPosition as C, getHorizontalScrollPosition as E } from "../../utils/scroll/scroll.js";
+import { listenOpts as M, noop as O } from "../../utils/event/event.js";
+const { passive: p } = M, w = ["both", "horizontal", "vertical"], F = S({
+  name: "QScrollObserver",
+  props: {
+    axis: {
+      type: String,
+      validator: (e) => w.includes(e),
+      default: "vertical"
+    },
+    debounce: [String, Number],
+    scrollTarget: x
+  },
+  emits: ["scroll"],
+  setup(e, { emit: v }) {
+    const t = {
+      position: {
+        top: 0,
+        left: 0
+      },
+      direction: "down",
+      directionChanged: !1,
+      delta: {
+        top: 0,
+        left: 0
+      },
+      inflectionPoint: {
+        top: 0,
+        left: 0
+      }
+    };
+    let i = null, n, u;
+    m(() => e.scrollTarget, () => {
+      d(), f();
+    });
+    function r() {
+      i?.();
+      const c = Math.max(0, C(n)), a = E(n), o = {
+        top: c - t.position.top,
+        left: a - t.position.left
+      };
+      if (e.axis === "vertical" && o.top === 0 || e.axis === "horizontal" && o.left === 0) return;
+      const g = Math.abs(o.top) >= Math.abs(o.left) ? o.top < 0 ? "up" : "down" : o.left < 0 ? "left" : "right";
+      t.position = { top: c, left: a }, t.directionChanged = t.direction !== g, t.delta = o, t.directionChanged === !0 && (t.direction = g, t.inflectionPoint = t.position), v("scroll", { ...t });
+    }
+    function f() {
+      n = P(u, e.scrollTarget), n.addEventListener("scroll", l, p), l(!0);
+    }
+    function d() {
+      n !== void 0 && (n.removeEventListener("scroll", l, p), n = void 0);
+    }
+    function l(c) {
+      if (c === !0 || e.debounce === 0 || e.debounce === "0")
+        r();
+      else if (i === null) {
+        const [a, o] = e.debounce ? [setTimeout(r, e.debounce), clearTimeout] : [requestAnimationFrame(r), cancelAnimationFrame];
+        i = () => {
+          o(a), i = null;
+        };
+      }
+    }
+    const { proxy: s } = b();
+    return m(() => s.$q.lang.rtl, r), h(() => {
+      u = s.$el.parentNode, f();
+    }), T(() => {
+      i?.(), d();
+    }), Object.assign(s, {
+      trigger: l,
+      getPosition: () => t
+    }), O;
+  }
+});
+export {
+  F as default
+};