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

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

@@ -1,61 +0,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, h, a as Host } from "./p-DTTCzifR.es.js";
-const Icon = /* @__PURE__ */ proxyCustomElement(class Icon2 extends H {
-  constructor() {
-    super();
-    __publicField(this, "icon");
-    __publicField(this, "severity");
-    __publicField(this, "class");
-    __publicField(this, "tooltipPos");
-    __publicField(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 h(Host, { key: "5cab8f5fe45204596e7fa4a154bd03c23bf2b525", class: this.getIconClass() });
-  }
-}, [0, "wangs-icon", {
-  "icon": [1],
-  "severity": [1],
-  "class": [1],
-  "tooltipPos": [1, "tooltip-pos"],
-  "info": [1]
-}]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["wangs-icon"];
-  components.forEach((tagName) => {
-    switch (tagName) {
-      case "wangs-icon":
-        if (!customElements.get(tagName)) {
-          customElements.define(tagName, Icon);
-        }
-        break;
-    }
-  });
-}
-export {
-  defineCustomElement as d
-};

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

@@ -1,203 +0,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 InputOtp = /* @__PURE__ */ proxyCustomElement(class InputOtp2 extends H {
-  constructor() {
-    super();
-    __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
-     */
-    __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);
-      }
-    });
-    __publicField(this, "onFocus", (event) => {
-      event.target.select();
-      this.focus.emit(event);
-      this.focused = true;
-    });
-    __publicField(this, "onBlur", (event) => {
-      this.focused = false;
-      nextTick(() => {
-        if (!this.focused) {
-          this.blur.emit(event);
-        }
-      });
-    });
-    __publicField(this, "onPaste", (event) => {
-      var _a;
-      if (this.readonly || this.disabled)
-        return;
-      const paste = ((_a = event.clipboardData) == null ? void 0 : _a.getData("text")) ?? "";
-      if (!paste)
-        return;
-      const code = paste.substring(0, this.length);
-      if (!this.integerOnly || !isNaN(Number(code))) {
-        this.tokens = code.split("");
-        this.updateModel(event);
-      }
-      event.preventDefault();
-    });
-    __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 = 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;
-  }
-  get ptm() {
-    return this.base.ptm;
-  }
-  get el() {
-    return this;
-  }
-  handleModelValueChange(newValue) {
-    this.tokens = newValue ? newValue.split("") : Array(this.length).fill("");
-  }
-  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(event) {
-    const newValue = this.tokens.join("");
-    this.updateModelValue.emit(newValue);
-    this.change.emit({ originalEvent: event, value: newValue });
-  }
-  moveToPrev(current) {
-    const prev = this.findSiblingInput(current, "previousElementSibling");
-    if (prev) {
-      prev.focus();
-      prev.select();
-    }
-  }
-  moveToNext(current) {
-    const next = this.findSiblingInput(current, "nextElementSibling");
-    if (next) {
-      next.focus();
-      next.select();
-    }
-  }
-  findSiblingInput(element, direction) {
-    let sibling = element[direction];
-    while (sibling && sibling.tagName !== "INPUT") {
-      sibling = sibling[direction];
-    }
-    return sibling;
-  }
-  isInputFilledIn(i) {
-    return !!this.tokens[i];
-  }
-  getPtmo(i) {
-    const { invalid, mask, disabled, integerOnly, modelValue, readonly, length, variant, tokens } = this;
-    return {
-      props: { invalid, mask, disabled, integerOnly, modelValue, readonly, length, variant },
-      state: { tokens },
-      parent: this.el.parentElement,
-      context: i != null ? { filled: this.isInputFilledIn(i), disabled: this.disabled } : void 0
-    };
-  }
-  render() {
-    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"]
-    };
-  }
-}, [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 defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["wangs-input-otp"];
-  components.forEach((tagName) => {
-    switch (tagName) {
-      case "wangs-input-otp":
-        if (!customElements.get(tagName)) {
-          customElements.define(tagName, InputOtp);
-        }
-        break;
-    }
-  });
-}
-export {
-  defineCustomElement as d
-};

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

@@ -1,160 +0,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";
-import { r as router } from "./p-Duri5p90.es.js";
-import { d as defineCustomElement$1 } from "./p-CKYwZoTo.es.js";
-const TabMenu = /* @__PURE__ */ proxyCustomElement(class TabMenu2 extends H {
-  constructor() {
-    super();
-    __publicField(this, "base");
-    __publicField(this, "navRef");
-    __publicField(this, "inkbarRef");
-    __publicField(this, "pt");
-    __publicField(this, "type", "tab");
-    __publicField(this, "model");
-    __publicField(this, "activeIndex", 0);
-    __publicField(this, "useTrailingLine", true);
-    __publicField(this, "currentActiveIndex", this.activeIndex);
-    __publicField(this, "tabChange");
-    __publicField(this, "updateActiveIndex");
-    this.__registerHost();
-    this.tabChange = createEvent(this, "tabChange");
-    this.updateActiveIndex = createEvent(this, "update:activeIndex");
-    this.base = new BaseComponent({ 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(index) {
-    this.updateActiveIndex.emit(index);
-  }
-  onRoutePathChanged() {
-    this.setActiveIndex();
-  }
-  onItemClick(event, item, index) {
-    var _a;
-    if (this.disabled(item)) {
-      return event.preventDefault();
-    }
-    if (index !== this.currentActiveIndex) {
-      this.currentActiveIndex = index;
-    }
-    if (item.route)
-      router.navigateToRoute(item.route);
-    (_a = item.command) == null ? void 0 : _a.call(item, { originalEvent: event, item });
-    this.tabChange.emit({ originalEvent: event, index });
-  }
-  label(item) {
-    return typeof item.label === "function" ? item.label() : item.label;
-  }
-  visible(item) {
-    return typeof item.visible === "function" ? item.visible() : item.visible !== false;
-  }
-  disabled(item) {
-    return typeof item.disabled === "function" ? item.disabled() : item.disabled === true;
-  }
-  updateInkBar() {
-    var _a;
-    const tabs = (_a = this.navRef) == null ? void 0 : _a.children;
-    if (!tabs)
-      return;
-    let inkHighlighted = false;
-    for (let i = 0; i < tabs.length; i++) {
-      const tab = tabs[i];
-      if (tab.dataset.pHighlight === "true") {
-        const tabRect = tab.getBoundingClientRect();
-        const navRect = this.navRef.getBoundingClientRect();
-        this.inkbarRef.style.width = `${tabRect.width}px`;
-        this.inkbarRef.style.left = `${tabRect.left - navRect.left}px`;
-        inkHighlighted = true;
-        break;
-      }
-    }
-    if (!inkHighlighted) {
-      this.inkbarRef.style.width = "0px";
-      this.inkbarRef.style.left = "0px";
-    }
-  }
-  setActiveIndex() {
-    const routePath = window.location.pathname;
-    const findIndexRecursive = (path) => {
-      var _a;
-      let index = (_a = this.model) == null ? void 0 : _a.findIndex((item) => item.route && path === item.route);
-      if (index === -1 && path.includes("/")) {
-        const newPath = path.substring(0, path.lastIndexOf("/"));
-        index = findIndexRecursive(newPath);
-      }
-      return index;
-    };
-    const foundIndex = findIndexRecursive(router.stripBase(routePath));
-    this.currentActiveIndex = foundIndex === -1 ? this.currentActiveIndex : foundIndex;
-  }
-  getPtmo(item, index) {
-    const { activeIndex, model, type, useTrailingLine } = this;
-    const context = {
-      item,
-      index,
-      active: index != null && this.currentActiveIndex === index,
-      disabled: item != null && this.disabled(item)
-    };
-    return {
-      props: { activeIndex, model, type, useTrailingLine },
-      state: { currentActiveIndex: this.currentActiveIndex },
-      context: item ? context : void 0
-    };
-  }
-  render() {
-    return h(Host, { key: "4a399a4b6412de58edb4f06df1ff9246654981a7", ...this.ptm("root") }, h("ul", { key: "37930281d1b0ec7d17a1eb9089edd5fbe89109f7", ...this.ptm("menu", this.getPtmo()), role: "menubar", ref: (el) => this.navRef = el }, this.model.map((item, i) => this.visible(item) ? h("li", { key: this.label(item) + "_" + i, class: this.cx("menuitem", this.getPtmo(item, i)), role: "presentation", "data-ui-highlight": (this.currentActiveIndex === i).toString(), "data-ui-disabled": this.disabled(item).toString(), onClick: (e) => this.onItemClick(e, item, i) }, h("a", { role: "menuitem", href: item.url ?? item.route ? router.normalizePath(item.url ?? item.route) : void 0, target: item.target, "aria-label": this.label(item), "aria-disabled": this.disabled(item) ? "true" : "false", tabIndex: -1, onClick: (e) => item.route && e.preventDefault(), ...this.ptm("action", this.getPtmo(item, i)) }, item.icon && h("wangs-icon", { icon: item.icon }), h("span", { class: this.cx("label") }, this.label(item)))) : null), h("li", { key: "2031b2abfd6285d4b513ad8bed9f522bd7413ecf", ref: (el) => this.inkbarRef = el, 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 defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["wangs-tab-menu", "wangs-icon"];
-  components.forEach((tagName) => {
-    switch (tagName) {
-      case "wangs-tab-menu":
-        if (!customElements.get(tagName)) {
-          customElements.define(tagName, TabMenu);
-        }
-        break;
-      case "wangs-icon":
-        if (!customElements.get(tagName)) {
-          defineCustomElement$1();
-        }
-        break;
-    }
-  });
-}
-export {
-  defineCustomElement as d
-};