@fewangsit/wangsvue-fats 1.0.1-alpha.6 → 1.0.1-alpha.61

package/vendor/@wangs-ui/core/components/p-C5lMEBcj.es.js

@@ -0,0 +1,149 @@
+var l = Object.defineProperty;
+var f = (n, t, e) => t in n ? l(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var c = (n, t, e) => f(n, typeof t != "symbol" ? t + "" : t, e);
+import { i as u, u as h, g as m } from "./p-BU8h34na.es.js";
+class S {
+  /**
+   * Initializes the BaseComponent with either the provided preset or a globally registered one.
+   *
+   * @param tag - The tag name of the component used to look up the preset in the global store.
+   * @param pt - Optional custom preset to override the global preset.
+   */
+  constructor({ tag: t, pt: e }) {
+    c(this, "preset");
+    u(), this.preset = h(t, e), this.cx = this.cx.bind(this), this.sx = this.sx.bind(this), this.ptm = this.ptm.bind(this), this.ptmo = this.ptmo.bind(this);
+  }
+  /**
+   * Retrieves a section of attributes from a given preset.
+   *
+   * @template P - The preset object type.
+   * @template K - The section key within the preset.
+   * @param preset - The preset object to query.
+   * @param name - The key identifying the section to retrieve.
+   * @param params - Optional parameters to pass if the section is a function.
+   * @returns The resolved preset attributes or `undefined`.
+   */
+  getSection(t, e, s) {
+    const r = t[e];
+    return typeof r == "function" ? r(s) : r;
+  }
+  /**
+   * Retrieves a global preset by component tag name.
+   *
+   * @param tag - The tag name of the component.
+   * @returns The global preset associated with the tag.
+   */
+  getPT(t) {
+    return m(t);
+  }
+  /**
+   * Transforms a raw class definition into a normalized `class` string.
+   *
+   * Accepts several formats including:
+   * - A single class name string.
+   * - An array of class names.
+   * - A conditional map of class names to booleans.
+   * - An array of conditional maps.
+   *
+   * @param classes The raw class value to transform.
+   * @returns A space-separated string of class names.
+   */
+  transformClasses(t) {
+    switch (!0) {
+      case typeof t == "string":
+        return t;
+      case Array.isArray(t):
+        return t.map((e) => typeof e == "string" ? e : typeof e == "object" && e !== null ? Object.entries(e).filter(([s, r]) => !!r).map(([s]) => s).join(" ") : "").filter(Boolean).join(" ");
+      case (typeof t == "object" && t !== null):
+        return Object.entries(t).filter(([e, s]) => !!s).map(([e]) => e).join(" ");
+      default:
+        return "";
+    }
+  }
+  /**
+   * Transforms a raw style definition into a normalized `style` string.
+   *
+   * Accepts:
+   * - A string of inline CSS styles.
+   * - An object with style properties in kebab-case or camelCase.
+   *
+   * @param style The raw style value to transform.
+   * @returns A normalized inline CSS string.
+   */
+  transformStyles(t) {
+    var e;
+    if (typeof t == "string") {
+      const s = {};
+      return t.split(";").map((r) => r.trim()).filter(Boolean).forEach((r) => {
+        const [o, a] = r.split(":").map((i) => i.trim());
+        if (o && a) {
+          const i = o.replace(/-([a-z])/g, (g, p) => p.toUpperCase());
+          s[i] = a;
+        }
+      }), s;
+    }
+    if (typeof t == "object" && t !== null) {
+      const s = {};
+      for (const r in t)
+        if (Object.prototype.hasOwnProperty.call(t, r)) {
+          const o = r.replace(/-([a-z])/g, (a, i) => i.toUpperCase());
+          s[o] = (e = t[r]) == null ? void 0 : e.toString();
+        }
+      return s;
+    }
+    return {};
+  }
+  /**
+   * Returns the `class` attribute from the current component's preset section.
+   *
+   * @param name - The section key to extract the class from.
+   * @param params - Optional parameters if the section is a function.
+   * @returns A `class` string or `undefined`.
+   */
+  cx(t, e) {
+    var s;
+    return this.transformClasses((s = this.getSection(this.preset, t, e)) == null ? void 0 : s.class);
+  }
+  /**
+   * Returns the `style` attribute from the current component's preset section.
+   *
+   * @param name - The section key to extract the style from.
+   * @param params - Optional parameters if the section is a function.
+   * @returns A `style` object or `undefined`.
+   */
+  sx(t, e) {
+    var s;
+    return this.transformStyles((s = this.getSection(this.preset, t, e)) == null ? void 0 : s.style);
+  }
+  /**
+   * Returns all preset attributes for a section in the current component.
+   *
+   * @param name - The section key to retrieve attributes from.
+   * @param params - Optional parameters if the section is a function.
+   * @returns A shallow copy of the preset attributes or `undefined`.
+   */
+  ptm(t, e) {
+    const s = this.getSection(this.preset, t, e);
+    return s ? { ...s, class: this.transformClasses(s.class), style: this.transformStyles(s.style), "data-ui-section": t } : void 0;
+  }
+  /**
+  * Returns all preset attributes for a section from another component's preset.
+  *
+  * @param tag - The tag name of the other component (e.g., 'wangs-tab-menu').
+  * @param name - The section key to retrieve from that preset.
+  * @param params - Optional parameters if the section is a function.
+  * @returns A shallow copy of the preset attributes or `undefined`.
+  */
+  ptmo(t, e, s) {
+    const r = this.getSection(this.getPT(t), e, s);
+    return r ? {
+      ...r,
+      class: this.transformClasses(r.class),
+      style: this.transformStyles(r.style),
+      "data-ui-section": e
+    } : void 0;
+  }
+}
+export {
+  S as B
+};

package/vendor/@wangs-ui/core/components/p-CKYwZoTo.es.js

@@ -0,0 +1,57 @@
+var o = Object.defineProperty;
+var r = (s, e, n) => e in s ? o(s, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : s[e] = n;
+var t = (s, e, n) => r(s, typeof e != "symbol" ? e + "" : e, n);
+import { p as c, H as i, h as a, a as u } from "./p-DTTCzifR.es.js";
+const f = /* @__PURE__ */ c(class extends i {
+  constructor() {
+    super();
+    t(this, "icon");
+    t(this, "severity");
+    t(this, "class");
+    t(this, "tooltipPos");
+    t(this, "info");
+    this.__registerHost();
+  }
+  getSeverityClass() {
+    switch (this.severity) {
+      case "primary":
+        return "text-primary-500";
+      case "success":
+        return "text-success-500";
+      case "warning":
+        return "text-warning-500";
+      case "danger":
+        return "text-danger-500";
+      case "info":
+        return "text-info-500";
+      default:
+        return "inherit";
+    }
+  }
+  getIconClass() {
+    return `icon ic-${this.icon} cursor-pointer !shrink-0`;
+  }
+  render() {
+    return a(u, { key: "5cab8f5fe45204596e7fa4a154bd03c23bf2b525", class: this.getIconClass() });
+  }
+}, [0, "wangs-icon", {
+  icon: [1],
+  severity: [1],
+  class: [1],
+  tooltipPos: [1, "tooltip-pos"],
+  info: [1]
+}]);
+function d() {
+  if (typeof customElements > "u")
+    return;
+  ["wangs-icon"].forEach((e) => {
+    switch (e) {
+      case "wangs-icon":
+        customElements.get(e) || customElements.define(e, f);
+        break;
+    }
+  });
+}
+export {
+  d
+};

package/vendor/@wangs-ui/core/components/p-CsoK-EWG.es.js

@@ -0,0 +1,158 @@
+var f = Object.defineProperty;
+var b = (o, i, e) => i in o ? f(o, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[i] = e;
+var s = (o, i, e) => b(o, typeof i != "symbol" ? i + "" : i, e);
+import { p as y, H as k, c as l, h as r, a as x } from "./p-DTTCzifR.es.js";
+import { B as T } from "./p-C5lMEBcj.es.js";
+function u(o) {
+  setTimeout(o, 0);
+}
+const w = /* @__PURE__ */ y(class extends k {
+  constructor() {
+    super();
+    s(this, "base");
+    s(this, "focused", !1);
+    s(this, "pt");
+    s(this, "modelValue", "");
+    s(this, "length", 4);
+    s(this, "invalid", !1);
+    s(this, "disabled", !1);
+    s(this, "readonly", !1);
+    s(this, "variant", "outlined");
+    s(this, "mask", !1);
+    s(this, "integerOnly", !1);
+    s(this, "tokens", []);
+    s(this, "updateModelValue");
+    s(this, "change");
+    s(this, "focus");
+    /**
+     * Emits when all an input blur and not focusinig any other input
+     */
+    s(this, "blur");
+    s(this, "completed");
+    s(this, "onInput", (e, t) => {
+      const n = e.target, a = this.tokens;
+      a[t] = n.value, this.tokens = [...a], this.updateModel(e), e.inputType === "deleteContentBackward" ? this.moveToPrev(n) : (e.inputType === "insertText" || e.inputType === "deleteContentForward") && this.moveToNext(n);
+    });
+    s(this, "onFocus", (e) => {
+      e.target.select(), this.focus.emit(e), this.focused = !0;
+    });
+    s(this, "onBlur", (e) => {
+      this.focused = !1, u(() => {
+        this.focused || this.blur.emit(e);
+      });
+    });
+    s(this, "onPaste", (e) => {
+      var a;
+      if (this.readonly || this.disabled)
+        return;
+      const t = ((a = e.clipboardData) == null ? void 0 : a.getData("text")) ?? "";
+      if (!t)
+        return;
+      const n = t.substring(0, this.length);
+      (!this.integerOnly || !isNaN(Number(n))) && (this.tokens = n.split(""), this.updateModel(e)), e.preventDefault();
+    });
+    s(this, "onKeyDown", (e) => {
+      if (!(e.ctrlKey || e.metaKey))
+        switch (e.code) {
+          case "ArrowLeft":
+            this.moveToPrev(e.target), e.preventDefault();
+            break;
+          case "ArrowRight":
+            this.moveToNext(e.target), e.preventDefault();
+            break;
+          case "Backspace":
+            e.target.value === "" && (this.moveToPrev(e.target), e.preventDefault());
+            break;
+          default:
+            this.integerOnly && !/^\d$/.test(e.key) && e.preventDefault();
+            break;
+        }
+    });
+    this.__registerHost(), this.updateModelValue = l(this, "update:modelValue"), this.change = l(this, "change"), this.focus = l(this, "focus"), this.blur = l(this, "blur"), this.completed = l(this, "completed"), this.base = new T({ tag: "WANGS-INPUT-OTP", pt: this.pt });
+  }
+  get cx() {
+    return this.base.cx;
+  }
+  get ptm() {
+    return this.base.ptm;
+  }
+  get el() {
+    return this;
+  }
+  handleModelValueChange(e) {
+    this.tokens = e ? e.split("") : Array(this.length).fill("");
+  }
+  onTokensChange(e) {
+    e.length === this.length && e.every((t) => t && t.length === 1) && u(() => this.completed.emit(e.join("")));
+  }
+  componentWillLoad() {
+    this.handleModelValueChange(this.modelValue);
+  }
+  updateModel(e) {
+    const t = this.tokens.join("");
+    this.updateModelValue.emit(t), this.change.emit({ originalEvent: e, value: t });
+  }
+  moveToPrev(e) {
+    const t = this.findSiblingInput(e, "previousElementSibling");
+    t && (t.focus(), t.select());
+  }
+  moveToNext(e) {
+    const t = this.findSiblingInput(e, "nextElementSibling");
+    t && (t.focus(), t.select());
+  }
+  findSiblingInput(e, t) {
+    let n = e[t];
+    for (; n && n.tagName !== "INPUT"; )
+      n = n[t];
+    return n;
+  }
+  isInputFilledIn(e) {
+    return !!this.tokens[e];
+  }
+  getPtmo(e) {
+    const { invalid: t, mask: n, disabled: a, integerOnly: h, modelValue: d, readonly: p, length: c, variant: m, tokens: g } = this;
+    return {
+      props: { invalid: t, mask: n, disabled: a, integerOnly: h, modelValue: d, readonly: p, length: c, variant: m },
+      state: { tokens: g },
+      parent: this.el.parentElement,
+      context: e != null ? { filled: this.isInputFilledIn(e), disabled: this.disabled } : void 0
+    };
+  }
+  render() {
+    return r(x, { key: "844b6b24ab1e9755147b855a1bfe18e13998eb26", class: this.cx("root", this.getPtmo()) }, Array.from({ length: this.length }).map((e, t) => r("input", { type: this.mask ? "password" : "text", class: this.cx("input", this.getPtmo(t)), value: this.tokens[t] || "", inputmode: this.integerOnly ? "numeric" : "text", disabled: this.disabled, readonly: this.readonly, onInput: (n) => this.onInput(n, t), onFocus: this.onFocus, onBlur: this.onBlur, onPaste: this.onPaste, onKeyDown: this.onKeyDown, maxLength: 1 })));
+  }
+  static get watchers() {
+    return {
+      modelValue: ["handleModelValueChange"],
+      tokens: ["onTokensChange"]
+    };
+  }
+}, [0, "wangs-input-otp", {
+  pt: [16],
+  modelValue: [1, "model-value"],
+  length: [2],
+  invalid: [4],
+  disabled: [4],
+  readonly: [4],
+  variant: [1],
+  mask: [4],
+  integerOnly: [4, "integer-only"],
+  tokens: [32]
+}, void 0, {
+  modelValue: ["handleModelValueChange"],
+  tokens: ["onTokensChange"]
+}]);
+function C() {
+  if (typeof customElements > "u")
+    return;
+  ["wangs-input-otp"].forEach((i) => {
+    switch (i) {
+      case "wangs-input-otp":
+        customElements.get(i) || customElements.define(i, w);
+        break;
+    }
+  });
+}
+export {
+  C as d
+};

package/vendor/@wangs-ui/core/components/p-DPHEi31J.es.js

@@ -0,0 +1,135 @@
+var b = Object.defineProperty;
+var f = (d, i, e) => i in d ? b(d, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[i] = e;
+var a = (d, i, e) => f(d, typeof i != "symbol" ? i + "" : i, e);
+import { p, H as g, c as h, h as l, a as v } from "./p-DTTCzifR.es.js";
+import { B as x } from "./p-C5lMEBcj.es.js";
+import { r as u } from "./p-Duri5p90.es.js";
+import { d as I } from "./p-CKYwZoTo.es.js";
+const m = /* @__PURE__ */ p(class extends g {
+  constructor() {
+    super();
+    a(this, "base");
+    a(this, "navRef");
+    a(this, "inkbarRef");
+    a(this, "pt");
+    a(this, "type", "tab");
+    a(this, "model");
+    a(this, "activeIndex", 0);
+    a(this, "useTrailingLine", !0);
+    a(this, "currentActiveIndex", this.activeIndex);
+    a(this, "tabChange");
+    a(this, "updateActiveIndex");
+    this.__registerHost(), this.tabChange = h(this, "tabChange"), this.updateActiveIndex = h(this, "update:activeIndex"), this.base = new x({ tag: "WANGS-TAB-MENU", pt: this.pt });
+  }
+  get cx() {
+    return this.base.cx;
+  }
+  get ptm() {
+    return this.base.ptm;
+  }
+  get el() {
+    return this;
+  }
+  componentWillLoad() {
+    this.setActiveIndex();
+  }
+  componentDidRender() {
+    this.updateInkBar();
+  }
+  onUpdateActiveIndex(e) {
+    this.updateActiveIndex.emit(e);
+  }
+  onRoutePathChanged() {
+    this.setActiveIndex();
+  }
+  onItemClick(e, t, n) {
+    var s;
+    if (this.disabled(t))
+      return e.preventDefault();
+    n !== this.currentActiveIndex && (this.currentActiveIndex = n), t.route && u.navigateToRoute(t.route), (s = t.command) == null || s.call(t, { originalEvent: e, item: t }), this.tabChange.emit({ originalEvent: e, index: n });
+  }
+  label(e) {
+    return typeof e.label == "function" ? e.label() : e.label;
+  }
+  visible(e) {
+    return typeof e.visible == "function" ? e.visible() : e.visible !== !1;
+  }
+  disabled(e) {
+    return typeof e.disabled == "function" ? e.disabled() : e.disabled === !0;
+  }
+  updateInkBar() {
+    var n;
+    const e = (n = this.navRef) == null ? void 0 : n.children;
+    if (!e)
+      return;
+    let t = !1;
+    for (let s = 0; s < e.length; s++) {
+      const r = e[s];
+      if (r.dataset.pHighlight === "true") {
+        const c = r.getBoundingClientRect(), o = this.navRef.getBoundingClientRect();
+        this.inkbarRef.style.width = `${c.width}px`, this.inkbarRef.style.left = `${c.left - o.left}px`, t = !0;
+        break;
+      }
+    }
+    t || (this.inkbarRef.style.width = "0px", this.inkbarRef.style.left = "0px");
+  }
+  setActiveIndex() {
+    const e = window.location.pathname, t = (s) => {
+      var c;
+      let r = (c = this.model) == null ? void 0 : c.findIndex((o) => o.route && s === o.route);
+      if (r === -1 && s.includes("/")) {
+        const o = s.substring(0, s.lastIndexOf("/"));
+        r = t(o);
+      }
+      return r;
+    }, n = t(u.stripBase(e));
+    this.currentActiveIndex = n === -1 ? this.currentActiveIndex : n;
+  }
+  getPtmo(e, t) {
+    const { activeIndex: n, model: s, type: r, useTrailingLine: c } = this, o = {
+      item: e,
+      index: t,
+      active: t != null && this.currentActiveIndex === t,
+      disabled: e != null && this.disabled(e)
+    };
+    return {
+      props: { activeIndex: n, model: s, type: r, useTrailingLine: c },
+      state: { currentActiveIndex: this.currentActiveIndex },
+      context: e ? o : void 0
+    };
+  }
+  render() {
+    return l(v, { key: "4a399a4b6412de58edb4f06df1ff9246654981a7", ...this.ptm("root") }, l("ul", { key: "37930281d1b0ec7d17a1eb9089edd5fbe89109f7", ...this.ptm("menu", this.getPtmo()), role: "menubar", ref: (e) => this.navRef = e }, this.model.map((e, t) => this.visible(e) ? l("li", { key: this.label(e) + "_" + t, class: this.cx("menuitem", this.getPtmo(e, t)), role: "presentation", "data-ui-highlight": (this.currentActiveIndex === t).toString(), "data-ui-disabled": this.disabled(e).toString(), onClick: (n) => this.onItemClick(n, e, t) }, l("a", { role: "menuitem", href: e.url ?? e.route ? u.normalizePath(e.url ?? e.route) : void 0, target: e.target, "aria-label": this.label(e), "aria-disabled": this.disabled(e) ? "true" : "false", tabIndex: -1, onClick: (n) => e.route && n.preventDefault(), ...this.ptm("action", this.getPtmo(e, t)) }, e.icon && l("wangs-icon", { icon: e.icon }), l("span", { class: this.cx("label") }, this.label(e)))) : null), l("li", { key: "2031b2abfd6285d4b513ad8bed9f522bd7413ecf", ref: (e) => this.inkbarRef = e, class: this.cx("inkbar", this.getPtmo()), role: "none" })));
+  }
+  static get watchers() {
+    return {
+      currentActiveIndex: ["onUpdateActiveIndex"]
+    };
+  }
+}, [0, "wangs-tab-menu", {
+  pt: [16],
+  type: [1],
+  model: [16],
+  activeIndex: [2, "active-index"],
+  useTrailingLine: [4, "use-trailing-line"],
+  currentActiveIndex: [32]
+}, [[8, "wangs-ui-core:navigation-event", "onRoutePathChanged"]], {
+  currentActiveIndex: ["onUpdateActiveIndex"]
+}]);
+function E() {
+  if (typeof customElements > "u")
+    return;
+  ["wangs-tab-menu", "wangs-icon"].forEach((i) => {
+    switch (i) {
+      case "wangs-tab-menu":
+        customElements.get(i) || customElements.define(i, m);
+        break;
+      case "wangs-icon":
+        customElements.get(i) || I();
+        break;
+    }
+  });
+}
+export {
+  E as d
+};