@fewangsit/wangsvue 1.5.219-alpha.0 → 1.5.219-alpha.2

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

@@ -1,19 +1,22 @@
-function s() {
-  window.WangsUI || (window.WangsUI = {
-    presets: {
-      "WANGS-TAB-MENU": {},
-      "WANGS-INPUT-OTP": {}
-    }
-  });
+function initWangsUIStore() {
+  if (!window.WangsUI) {
+    window.WangsUI = {
+      presets: {
+        "WANGS-TAB-MENU": {},
+        "WANGS-INPUT-OTP": {}
+      }
+    };
+  }
 }
-function t(n) {
-  return s(), window.WangsUI.presets[n];
+function getPreset(tagName) {
+  initWangsUIStore();
+  return window.WangsUI.presets[tagName];
 }
-function i(n, e) {
-  return { ...t(n), ...e };
+function usePreset(tag, override) {
+  return { ...getPreset(tag), ...override };
 }
 export {
-  t as g,
-  s as i,
-  i as u
+  getPreset as g,
+  initWangsUIStore as i,
+  usePreset as u
 };

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

@@ -1,17 +1,22 @@
-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 {
+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 { i as initWangsUIStore, u as usePreset, g as getPreset } from "./p-BU8h34na.es.js";
+class BaseComponent {
   /**
    * 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);
+  constructor({ tag, pt }) {
+    __publicField(this, "preset");
+    initWangsUIStore();
+    this.preset = usePreset(tag, pt);
+    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.
@@ -23,9 +28,9 @@ class S {
    * @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;
+  getSection(preset, name, params) {
+    const section = preset[name];
+    return typeof section === "function" ? section(params) : section;
   }
   /**
    * Retrieves a global preset by component tag name.
@@ -33,8 +38,8 @@ class S {
    * @param tag - The tag name of the component.
    * @returns The global preset associated with the tag.
    */
-  getPT(t) {
-    return m(t);
+  getPT(tag) {
+    return getPreset(tag);
   }
   /**
    * Transforms a raw class definition into a normalized `class` string.
@@ -48,14 +53,21 @@ class S {
    * @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(" ");
+  transformClasses(classes) {
+    switch (true) {
+      case typeof classes === "string":
+        return classes;
+      case Array.isArray(classes):
+        return classes.map((item) => {
+          if (typeof item === "string")
+            return item;
+          if (typeof item === "object" && item !== null) {
+            return Object.entries(item).filter(([_, value]) => Boolean(value)).map(([key]) => key).join(" ");
+          }
+          return "";
+        }).filter(Boolean).join(" ");
+      case (typeof classes === "object" && classes !== null):
+        return Object.entries(classes).filter(([_, value]) => Boolean(value)).map(([key]) => key).join(" ");
       default:
         return "";
     }
@@ -70,26 +82,28 @@ class S {
    * @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;
+  transformStyles(style) {
+    var _a;
+    if (typeof style === "string") {
+      const result = {};
+      style.split(";").map((s) => s.trim()).filter(Boolean).forEach((decl) => {
+        const [prop, value] = decl.split(":").map((part) => part.trim());
+        if (prop && value) {
+          const camelCaseProp = prop.replace(/-([a-z])/g, (_, char) => char.toUpperCase());
+          result[camelCaseProp] = value;
         }
-      }), s;
+      });
+      return result;
     }
-    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();
+    if (typeof style === "object" && style !== null) {
+      const result = {};
+      for (const key in style) {
+        if (Object.prototype.hasOwnProperty.call(style, key)) {
+          const camelCaseKey = key.replace(/-([a-z])/g, (_, char) => char.toUpperCase());
+          result[camelCaseKey] = (_a = style[key]) == null ? void 0 : _a.toString();
         }
-      return s;
+      }
+      return result;
     }
     return {};
   }
@@ -100,9 +114,9 @@ class S {
    * @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);
+  cx(name, params) {
+    var _a;
+    return this.transformClasses((_a = this.getSection(this.preset, name, params)) == null ? void 0 : _a.class);
   }
   /**
    * Returns the `style` attribute from the current component's preset section.
@@ -111,9 +125,9 @@ class S {
    * @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);
+  sx(name, params) {
+    var _a;
+    return this.transformStyles((_a = this.getSection(this.preset, name, params)) == null ? void 0 : _a.style);
   }
   /**
    * Returns all preset attributes for a section in the current component.
@@ -122,9 +136,9 @@ class S {
    * @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;
+  ptm(name, params) {
+    const section = this.getSection(this.preset, name, params);
+    return section ? { ...section, "class": this.transformClasses(section.class), "style": this.transformStyles(section.style), "data-ui-section": name } : void 0;
   }
   /**
   * Returns all preset attributes for a section from another component's preset.
@@ -134,16 +148,16 @@ class S {
   * @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
+  ptmo(tag, name, params) {
+    const section = this.getSection(this.getPT(tag), name, params);
+    return section ? {
+      ...section,
+      class: this.transformClasses(section.class),
+      style: this.transformStyles(section.style),
+      "data-ui-section": name
     } : void 0;
   }
 }
 export {
-  S as B
+  BaseComponent as B
 };

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

@@ -1,15 +1,15 @@
-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 {
+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 { p as proxyCustomElement, H, h, a as Host } from "./p-DTTCzifR.es.js";
+const Icon = /* @__PURE__ */ proxyCustomElement(class Icon2 extends H {
   constructor() {
     super();
-    t(this, "icon");
-    t(this, "severity");
-    t(this, "class");
-    t(this, "tooltipPos");
-    t(this, "info");
+    __publicField(this, "icon");
+    __publicField(this, "severity");
+    __publicField(this, "class");
+    __publicField(this, "tooltipPos");
+    __publicField(this, "info");
     this.__registerHost();
   }
   getSeverityClass() {
@@ -32,26 +32,30 @@ const f = /* @__PURE__ */ c(class extends i {
     return `icon ic-${this.icon} cursor-pointer !shrink-0`;
   }
   render() {
-    return a(u, { key: "5cab8f5fe45204596e7fa4a154bd03c23bf2b525", class: this.getIconClass() });
+    return h(Host, { key: "5cab8f5fe45204596e7fa4a154bd03c23bf2b525", class: this.getIconClass() });
   }
 }, [0, "wangs-icon", {
-  icon: [1],
-  severity: [1],
-  class: [1],
-  tooltipPos: [1, "tooltip-pos"],
-  info: [1]
+  "icon": [1],
+  "severity": [1],
+  "class": [1],
+  "tooltipPos": [1, "tooltip-pos"],
+  "info": [1]
 }]);
-function d() {
-  if (typeof customElements > "u")
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
     return;
-  ["wangs-icon"].forEach((e) => {
-    switch (e) {
+  }
+  const components = ["wangs-icon"];
+  components.forEach((tagName) => {
+    switch (tagName) {
       case "wangs-icon":
-        customElements.get(e) || customElements.define(e, f);
+        if (!customElements.get(tagName)) {
+          customElements.define(tagName, Icon);
+        }
         break;
     }
   });
 }
 export {
-  d
+  defineCustomElement as d
 };

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

@@ -1,74 +1,105 @@
-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);
+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 { p as proxyCustomElement, H, c as createEvent, h, a as Host } from "./p-DTTCzifR.es.js";
+import { B as BaseComponent } from "./p-C5lMEBcj.es.js";
+function nextTick(callback) {
+  setTimeout(callback, 0);
 }
-const w = /* @__PURE__ */ y(class extends k {
+const InputOtp = /* @__PURE__ */ proxyCustomElement(class InputOtp2 extends H {
   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");
+    __publicField(this, "base");
+    __publicField(this, "focused", false);
+    __publicField(this, "pt");
+    __publicField(this, "modelValue", "");
+    __publicField(this, "length", 4);
+    __publicField(this, "invalid", false);
+    __publicField(this, "disabled", false);
+    __publicField(this, "readonly", false);
+    __publicField(this, "variant", "outlined");
+    __publicField(this, "mask", false);
+    __publicField(this, "integerOnly", false);
+    __publicField(this, "tokens", []);
+    __publicField(this, "updateModelValue");
+    __publicField(this, "change");
+    __publicField(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);
+    __publicField(this, "blur");
+    __publicField(this, "completed");
+    __publicField(this, "onInput", (event, index) => {
+      const input = event.target;
+      const newTokens = this.tokens;
+      newTokens[index] = input.value;
+      this.tokens = [...newTokens];
+      this.updateModel(event);
+      if (event.inputType === "deleteContentBackward") {
+        this.moveToPrev(input);
+      } else if (event.inputType === "insertText" || event.inputType === "deleteContentForward") {
+        this.moveToNext(input);
+      }
     });
-    s(this, "onFocus", (e) => {
-      e.target.select(), this.focus.emit(e), this.focused = !0;
+    __publicField(this, "onFocus", (event) => {
+      event.target.select();
+      this.focus.emit(event);
+      this.focused = true;
     });
-    s(this, "onBlur", (e) => {
-      this.focused = !1, u(() => {
-        this.focused || this.blur.emit(e);
+    __publicField(this, "onBlur", (event) => {
+      this.focused = false;
+      nextTick(() => {
+        if (!this.focused) {
+          this.blur.emit(event);
+        }
       });
     });
-    s(this, "onPaste", (e) => {
-      var a;
+    __publicField(this, "onPaste", (event) => {
+      var _a;
       if (this.readonly || this.disabled)
         return;
-      const t = ((a = e.clipboardData) == null ? void 0 : a.getData("text")) ?? "";
-      if (!t)
+      const paste = ((_a = event.clipboardData) == null ? void 0 : _a.getData("text")) ?? "";
+      if (!paste)
         return;
-      const n = t.substring(0, this.length);
-      (!this.integerOnly || !isNaN(Number(n))) && (this.tokens = n.split(""), this.updateModel(e)), e.preventDefault();
+      const code = paste.substring(0, this.length);
+      if (!this.integerOnly || !isNaN(Number(code))) {
+        this.tokens = code.split("");
+        this.updateModel(event);
+      }
+      event.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;
-        }
+    __publicField(this, "onKeyDown", (event) => {
+      if (event.ctrlKey || event.metaKey)
+        return;
+      switch (event.code) {
+        case "ArrowLeft":
+          this.moveToPrev(event.target);
+          event.preventDefault();
+          break;
+        case "ArrowRight":
+          this.moveToNext(event.target);
+          event.preventDefault();
+          break;
+        case "Backspace":
+          if (event.target.value === "") {
+            this.moveToPrev(event.target);
+            event.preventDefault();
+          }
+          break;
+        default:
+          if (this.integerOnly && !/^\d$/.test(event.key)) {
+            event.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 });
+    this.__registerHost();
+    this.updateModelValue = createEvent(this, "update:modelValue");
+    this.change = createEvent(this, "change");
+    this.focus = createEvent(this, "focus");
+    this.blur = createEvent(this, "blur");
+    this.completed = createEvent(this, "completed");
+    this.base = new BaseComponent({ tag: "WANGS-INPUT-OTP", pt: this.pt });
   }
   get cx() {
     return this.base.cx;
@@ -79,80 +110,94 @@ const w = /* @__PURE__ */ y(class extends k {
   get el() {
     return this;
   }
-  handleModelValueChange(e) {
-    this.tokens = e ? e.split("") : Array(this.length).fill("");
+  handleModelValueChange(newValue) {
+    this.tokens = newValue ? newValue.split("") : Array(this.length).fill("");
   }
-  onTokensChange(e) {
-    e.length === this.length && e.every((t) => t && t.length === 1) && u(() => this.completed.emit(e.join("")));
+  onTokensChange(newTokens) {
+    if (newTokens.length === this.length && newTokens.every((t) => t && t.length === 1)) {
+      nextTick(() => this.completed.emit(newTokens.join("")));
+    }
   }
   componentWillLoad() {
     this.handleModelValueChange(this.modelValue);
   }
-  updateModel(e) {
-    const t = this.tokens.join("");
-    this.updateModelValue.emit(t), this.change.emit({ originalEvent: e, value: t });
+  updateModel(event) {
+    const newValue = this.tokens.join("");
+    this.updateModelValue.emit(newValue);
+    this.change.emit({ originalEvent: event, value: newValue });
   }
-  moveToPrev(e) {
-    const t = this.findSiblingInput(e, "previousElementSibling");
-    t && (t.focus(), t.select());
+  moveToPrev(current) {
+    const prev = this.findSiblingInput(current, "previousElementSibling");
+    if (prev) {
+      prev.focus();
+      prev.select();
+    }
   }
-  moveToNext(e) {
-    const t = this.findSiblingInput(e, "nextElementSibling");
-    t && (t.focus(), t.select());
+  moveToNext(current) {
+    const next = this.findSiblingInput(current, "nextElementSibling");
+    if (next) {
+      next.focus();
+      next.select();
+    }
   }
-  findSiblingInput(e, t) {
-    let n = e[t];
-    for (; n && n.tagName !== "INPUT"; )
-      n = n[t];
-    return n;
+  findSiblingInput(element, direction) {
+    let sibling = element[direction];
+    while (sibling && sibling.tagName !== "INPUT") {
+      sibling = sibling[direction];
+    }
+    return sibling;
   }
-  isInputFilledIn(e) {
-    return !!this.tokens[e];
+  isInputFilledIn(i) {
+    return !!this.tokens[i];
   }
-  getPtmo(e) {
-    const { invalid: t, mask: n, disabled: a, integerOnly: h, modelValue: d, readonly: p, length: c, variant: m, tokens: g } = this;
+  getPtmo(i) {
+    const { invalid, mask, disabled, integerOnly, modelValue, readonly, length, variant, tokens } = this;
     return {
-      props: { invalid: t, mask: n, disabled: a, integerOnly: h, modelValue: d, readonly: p, length: c, variant: m },
-      state: { tokens: g },
+      props: { invalid, mask, disabled, integerOnly, modelValue, readonly, length, variant },
+      state: { tokens },
       parent: this.el.parentElement,
-      context: e != null ? { filled: this.isInputFilledIn(e), disabled: this.disabled } : void 0
+      context: i != null ? { filled: this.isInputFilledIn(i), 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 })));
+    return h(Host, { key: "844b6b24ab1e9755147b855a1bfe18e13998eb26", class: this.cx("root", this.getPtmo()) }, Array.from({ length: this.length }).map((_, i) => h("input", { type: this.mask ? "password" : "text", class: this.cx("input", this.getPtmo(i)), value: this.tokens[i] || "", inputmode: this.integerOnly ? "numeric" : "text", disabled: this.disabled, readonly: this.readonly, onInput: (e) => this.onInput(e, i), onFocus: this.onFocus, onBlur: this.onBlur, onPaste: this.onPaste, onKeyDown: this.onKeyDown, maxLength: 1 })));
   }
   static get watchers() {
     return {
-      modelValue: ["handleModelValueChange"],
-      tokens: ["onTokensChange"]
+      "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]
+  "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"]
+  "modelValue": ["handleModelValueChange"],
+  "tokens": ["onTokensChange"]
 }]);
-function C() {
-  if (typeof customElements > "u")
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
     return;
-  ["wangs-input-otp"].forEach((i) => {
-    switch (i) {
+  }
+  const components = ["wangs-input-otp"];
+  components.forEach((tagName) => {
+    switch (tagName) {
       case "wangs-input-otp":
-        customElements.get(i) || customElements.define(i, w);
+        if (!customElements.get(tagName)) {
+          customElements.define(tagName, InputOtp);
+        }
         break;
     }
   });
 }
 export {
-  C as d
+  defineCustomElement as d
 };