ranui 0.1.10-alpha.7 → 0.2.0-alpha.0

package/dist/index-DN-kAx-A.js

@@ -1,72 +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 { c as create } from "./arrow-down-Beig7FXI.js";
-import { H as HTMLElementSSR, c as createCustomError } from "./index-DC5EA657.js";
-const f7170ee498e0dd32cbdcb63fba8f75cc = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}:host{position:var(--ran-math-position, relative)}.ran-math{display:var(--ran-math-display, flex);justify-content:var(--ran-math-justify-content, space-around);align-items:var(--ran-math-align-items, center)}.katex-html{display:var(--ran-math-katex-display, none)}";
-class Math2 extends HTMLElementSSR() {
-  constructor() {
-    super();
-    __publicField(this, "contain");
-    this.contain = create("div").setAttribute("class", "ran-math").element;
-    const shadowRoot = this.attachShadow({ mode: "closed" });
-    const F7170EE498E0DD32CBDCB63FBA8F75CC = document.createElement("style");
-    F7170EE498E0DD32CBDCB63FBA8F75CC.textContent = f7170ee498e0dd32cbdcb63fba8f75cc;
-    shadowRoot.appendChild(F7170EE498E0DD32CBDCB63FBA8F75CC);
-    shadowRoot.appendChild(this.contain);
-  }
-  static get observedAttributes() {
-    return ["latex"];
-  }
-  get latex() {
-    const latex = this.getAttribute("latex") || "";
-    return decodeURIComponent(latex);
-  }
-  set latex(value) {
-    this.setAttribute("latex", value || "");
-  }
-  render() {
-    if (!this.latex) return;
-    import("./katex-es-B5r5vt3m.js").then((katex) => {
-      this.contain.innerHTML = "";
-      const span = create("span").setTextContent(`$$${this.latex}$$`).element;
-      this.contain.appendChild(span);
-      if (!katex) return;
-      katex.renderMathInElement(this.contain);
-    }).catch(function(err) {
-      console.warn(`ranui math component warning: ${err.message}
-${err}`);
-    });
-  }
-  connectedCallback() {
-    this.render();
-  }
-  disconnectCallback() {
-  }
-  attributeChangedCallback(k, o, n) {
-    if (o !== n) {
-      if (k === "latex") {
-        this.render();
-      }
-    }
-  }
-}
-async function Custom() {
-  if (typeof document !== "undefined" && !customElements.get("r-math")) {
-    customElements.define("r-math", Math2);
-    return Math2;
-  } else {
-    return createCustomError("document is undefined or r-math is exist");
-  }
-}
-const index = Custom();
-const index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Math: Math2,
-  default: index
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  Math2 as M,
-  index as a,
-  index$1 as i
-};

package/dist/index-TlwIh-o2.js

@@ -1,306 +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 { c as create, i as isMobile } from "./arrow-down-Beig7FXI.js";
-import { c as createCustomError, H as HTMLElementSSR } from "./index-DC5EA657.js";
-import "./index-qvcQTV5_.js";
-const f7170ee498e0dd32cbdcb63fba8f75cc = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}:host{display:var(--ran-popover-host-display, inline-block)}.ran-popover{box-sizing:var(--ran-popover-box-sizing, border-box);position:var(--ran-popover-position, relative);display:var(--ran-popover-display, inline-block);margin:var(--ran-popover-margin, 0);padding:var(--ran-popover-padding, 0)}.ran-popover-block{display:var(--ran-popover-block-display, inline-block)}";
-const less = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}:host{visibility:hidden;position:absolute}";
-class Content extends HTMLElementSSR() {
-  constructor() {
-    super();
-    __publicField(this, "observer");
-    __publicField(this, "_shadowDom");
-    __publicField(this, "_slot");
-    __publicField(this, "callback", (mutations, observer) => {
-      for (const mutation of mutations) {
-        if (mutation.type === "childList") {
-          this.onChange(mutation);
-        } else if (mutation.type === "attributes") {
-          this.onChange(mutation);
-        }
-      }
-    });
-    __publicField(this, "onChange", (mutation) => {
-      this.dispatchEvent(
-        new CustomEvent("change", {
-          detail: {
-            type: mutation.type,
-            value: { content: this.children, mutation }
-          }
-        })
-      );
-    });
-    this._slot = create("slot").setAttribute("class", "slot").element;
-    const shadowRoot = this.attachShadow({ mode: "closed" });
-    this._shadowDom = shadowRoot;
-    const style = create("style").setTextContent(less);
-    shadowRoot.appendChild(style.element);
-    shadowRoot.appendChild(this._slot);
-    this.observer = new MutationObserver(this.callback);
-  }
-  connectedCallback() {
-    this.observer.observe(this, { attributes: true, childList: true, subtree: true });
-  }
-  disconnectCallback() {
-    this.observer.disconnect();
-  }
-}
-function Custom$1() {
-  if (typeof document !== "undefined" && !customElements.get("r-content")) {
-    customElements.define("r-content", Content);
-    return Content;
-  } else {
-    return createCustomError("document is undefined or r-content is exist");
-  }
-}
-Custom$1();
-const arrowHeight = 4;
-const animationTime = 300;
-const placementDirection = {
-  bottom: {
-    add: "ran-dropdown-down-in",
-    remove: "ran-dropdown-down-out"
-  },
-  top: {
-    add: "ran-dropdown-up-in",
-    remove: "ran-dropdown-up-out"
-  }
-};
-class Popover extends HTMLElementSSR() {
-  constructor() {
-    super();
-    __publicField(this, "_slot");
-    __publicField(this, "popoverBlock");
-    __publicField(this, "popoverContent");
-    __publicField(this, "popoverInner");
-    __publicField(this, "popoverInnerBlock");
-    __publicField(this, "_shadowDom");
-    __publicField(this, "dropDownInTimeId");
-    __publicField(this, "dropDownOutTimeId");
-    __publicField(this, "removeTimeId");
-    __publicField(this, "createContent", (content) => {
-      var _a, _b;
-      if (!content) return;
-      if (!this.popoverContent) {
-        const div = document.createElement("div");
-        this.popoverContent = create("r-dropdown").setAttribute("class", "ran-popover-dropdown").setStyle("display", "none").setStyle("position", "absolute").element;
-        this.popoverContent && div.appendChild(this.popoverContent);
-        if (this.trigger.includes("hover") && !isMobile()) {
-          (_a = this.popoverContent) == null ? void 0 : _a.addEventListener("mouseleave", this.blur);
-          (_b = this.popoverContent) == null ? void 0 : _b.addEventListener("mouseenter", this.removeDropDownTimeId);
-        }
-        document.body.appendChild(div);
-      }
-      if (this.popoverContent && content.length > 0) {
-        this.popoverContent.innerHTML = "";
-        const Fragment = document.createDocumentFragment();
-        for (const child of content) {
-          Fragment.appendChild(child);
-        }
-        this.popoverContent.appendChild(Fragment);
-      }
-    });
-    __publicField(this, "watchContent", (e) => {
-      const { value } = e.detail;
-      this.createContent(value.content);
-    });
-    /**
-     * @description: 焦点移除的情况，需要移除下拉框
-     * @return {*}
-     */
-    __publicField(this, "blur", () => {
-      if (this.removeTimeId) {
-        this.removeDropDownTimeId();
-      }
-      this.removeTimeId = setTimeout(() => {
-        this.removeDropDownTimeId();
-        this.setDropdownDisplayNone();
-      }, 300);
-    });
-    __publicField(this, "removeDropDownTimeId", () => {
-      if (this.trigger.includes("hover") && !isMobile()) {
-        clearTimeout(this.removeTimeId);
-        this.removeTimeId = void 0;
-      }
-    });
-    /**
-     * @description: 添加 dropdown
-     * @return {*}
-     */
-    __publicField(this, "setDropdownDisplayBlock", () => {
-      var _a;
-      if (this.dropDownInTimeId) return;
-      if (this.popoverContent && this.popoverContent.style.display !== "block") {
-        this.popoverContent.setAttribute("transit", placementDirection[this.placement].add);
-        (_a = this.popoverContent) == null ? void 0 : _a.style.setProperty("display", "block");
-        this.dropDownInTimeId = setTimeout(() => {
-          this.popoverContent && this.popoverContent.removeAttribute("transit");
-          clearTimeout(this.dropDownInTimeId);
-          this.dropDownInTimeId = void 0;
-        }, animationTime);
-      }
-    });
-    /**
-     * @description: 移除 select dropdown
-     * @return {*}
-     */
-    __publicField(this, "setDropdownDisplayNone", () => {
-      if (this.dropDownOutTimeId) return;
-      if (this.popoverContent && this.popoverContent.style.display !== "none") {
-        this.popoverContent.setAttribute("transit", placementDirection[this.placement].remove);
-        this.dropDownOutTimeId = setTimeout(() => {
-          var _a;
-          (_a = this.popoverContent) == null ? void 0 : _a.style.setProperty("display", "none");
-          this.popoverContent && this.popoverContent.removeAttribute("transit");
-          clearTimeout(this.dropDownOutTimeId);
-          this.dropDownOutTimeId = void 0;
-        }, animationTime);
-      }
-    });
-    __publicField(this, "placementPosition", () => {
-      if (!this.popoverContent) return;
-      const rect = this.getBoundingClientRect();
-      const { top, left, bottom, width, height } = rect;
-      let popoverTop = bottom + window.scrollY + arrowHeight;
-      let popoverLeft = left + window.scrollX;
-      const root = document.getElementById(this.getPopupContainerId);
-      const popoverContentRect = this.popoverContent.getBoundingClientRect();
-      if (this.placement === "top") {
-        popoverTop = top + window.scrollY - popoverContentRect.height - arrowHeight;
-        if (this.getPopupContainerId && root) {
-          const rootRect = root.getBoundingClientRect();
-          popoverLeft = left - rootRect.left;
-          popoverTop = top - root.getBoundingClientRect().top - this.popoverContent.clientHeight - arrowHeight;
-          popoverLeft = left - root.getBoundingClientRect().left;
-        }
-      }
-      this.popoverContent.style.setProperty("inset", `${popoverTop}px auto auto ${popoverLeft}px`);
-      this.popoverContent.style.setProperty("--ran-x", `${popoverLeft}px`);
-      this.popoverContent.style.setProperty("--ran-y", `${popoverTop}px`);
-      this.popoverContent.style.setProperty("--ran-popover-width", `${width}px`);
-      this.popoverContent.style.setProperty("--ran-popover-height", `${popoverContentRect.height}px`);
-    });
-    __publicField(this, "hoverPopover", (e) => {
-      this.clickPopover(e);
-    });
-    __publicField(this, "clickContent", (e) => {
-      e.stopPropagation();
-    });
-    __publicField(this, "clickPopover", (e) => {
-      e.stopPropagation();
-      e.preventDefault();
-      this.setDropdownDisplayBlock();
-      this.placementPosition();
-    });
-    __publicField(this, "clickRemovePopover", (e) => {
-      this.hoverRemovePopover(e);
-    });
-    __publicField(this, "popoverTrigger", () => {
-      this.removeEventListener("mouseenter", this.hoverPopover);
-      this.removeEventListener("mouseleave", this.blur);
-      this.removeEventListener("click", this.clickPopover);
-      if (this.trigger.includes("hover")) {
-        this.addEventListener("mouseenter", this.hoverPopover);
-        this.addEventListener("mouseleave", this.blur);
-      }
-      this.addEventListener("click", this.clickPopover);
-    });
-    __publicField(this, "hoverRemovePopover", (e) => {
-      e.stopPropagation();
-      this.setDropdownDisplayNone();
-    });
-    __publicField(this, "changePlacement", () => {
-      var _a;
-      if (this.placement) {
-        const arrow = this.placement === "bottom" ? "top" : "bottom";
-        (_a = this.popoverContent) == null ? void 0 : _a.setAttribute("arrow", arrow);
-      }
-    });
-    this._slot = document.createElement("slot");
-    this._slot.setAttribute("class", "slot");
-    this.popoverBlock = document.createElement("div");
-    this.popoverBlock.setAttribute("class", "ran-popover-block");
-    this.popoverBlock.setAttribute("role", "tooltip");
-    this.popoverBlock.appendChild(this._slot);
-    const shadowRoot = this.attachShadow({ mode: "closed" });
-    const F7170EE498E0DD32CBDCB63FBA8F75CC = document.createElement("style");
-    F7170EE498E0DD32CBDCB63FBA8F75CC.textContent = f7170ee498e0dd32cbdcb63fba8f75cc;
-    shadowRoot.appendChild(F7170EE498E0DD32CBDCB63FBA8F75CC);
-    this._shadowDom = shadowRoot;
-    shadowRoot.appendChild(this.popoverBlock);
-  }
-  static get observedAttributes() {
-    return ["placement", "arrow", "trigger"];
-  }
-  get placement() {
-    return this.getAttribute("placement") || "top";
-  }
-  set placement(value) {
-    this.setAttribute("placement", value);
-  }
-  get arrow() {
-    return this.getAttribute("arrow") || "";
-  }
-  set arrow(value) {
-    this.setAttribute("arrow", value);
-  }
-  get trigger() {
-    return this.getAttribute("trigger") || "hover";
-  }
-  set trigger(value) {
-    this.setAttribute("trigger", value);
-  }
-  get getPopupContainerId() {
-    return this.getAttribute("getPopupContainerId") || "";
-  }
-  set getPopupContainerId(value) {
-    this.setAttribute("getPopupContainerId", value);
-  }
-  connectedCallback() {
-    for (const element of this.children) {
-      if (element.tagName === "R-CONTENT") {
-        element.addEventListener("change", this.watchContent);
-        this.createContent(element.children);
-      }
-    }
-    this.popoverTrigger();
-    this.changePlacement();
-    document.addEventListener("click", this.clickRemovePopover);
-  }
-  disconnectCallback() {
-    this.removeEventListener("mouseenter", this.hoverPopover);
-    this.removeEventListener("mouseleave", this.hoverRemovePopover);
-    this.removeEventListener("click", this.hoverPopover);
-    document.removeEventListener("click", this.clickRemovePopover);
-  }
-  attributeChangedCallback(n, o, v) {
-    if (o !== v) {
-      if (n === "trigger") {
-        this.popoverTrigger();
-      }
-      if (n === "placement") {
-        this.changePlacement();
-      }
-    }
-  }
-}
-function Custom() {
-  if (typeof document !== "undefined" && !customElements.get("r-popover")) {
-    customElements.define("r-popover", Popover);
-    return Popover;
-  } else {
-    return createCustomError("document is undefined or r-popover is exist");
-  }
-}
-const index = Custom();
-const index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Popover,
-  default: index
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  Popover as P,
-  index as a,
-  index$1 as i
-};