ranui 0.1.6 → 0.1.8

package/dist/index-4d873a42.js

@@ -0,0 +1,195 @@
+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);
+  return value;
+};
+import { j as judgeDevice } from "./index-d2d69b06.js";
+import { c as createCustomError, i as isDisabled, f as falseList } from "./index-57492b9b.js";
+const f7170ee498e0dd32cbdcb63fba8f75cc = ':host{position:relative;display:inline-block;background-image:none;box-shadow:0 2px #00000004;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;overflow:hidden;pointer-events:auto}:host .ran-btn{position:relative;display:inline-block;background-image:none;cursor:pointer;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation;background:#fff}:host,:host(:active),:host(:focus){outline:0}:host .ran-btn,:host(:active) .ran-btn,:host(:focus) .ran-btn{outline:0}:host(:not([disabled]):hover) .ran-btn-content{border-color:#1890ff;color:#1890ff}:host([type="primary"]) .ran-btn-content{border-color:#1890ff;background-color:#1890ff;color:#fff}:host([type="primary"]:not([disabled])) .ran-btn:after{background-image:radial-gradient(circle,#fff 10%,transparent 10.01%)}:host([type="primary"]:not([disabled]):hover) .ran-btn-content{background-color:#40a9ff;color:#fff}:host([type="warning"]) .ran-btn-content{border-color:#ff4d4f;background-color:#ff4d4f;color:#fff}:host([type="warning"]:not([disabled])) .ran-btn:after{background-image:radial-gradient(circle,#fff 10%,transparent 10.01%)}:host([type="warning"]:not([disabled]):hover) .ran-btn-content{border-color:#ff4d4f;background-color:#ff4d4f;color:#fff}:host([type="text"]) .ran-btn-content{border:none}:host([disabled]){cursor:not-allowed;pointer-events:all;opacity:.6}:host([disabled]) .ran-btn{cursor:not-allowed;pointer-events:all;opacity:.6}:host(:not([disabled]):active) .ran-btn:after{transform:translate(-50%,-50%) scale(0);opacity:.3;transition:0s}@media (min-width: 1024px){:host(:not([disabled],[effect])) .ran-btn:after{content:"";display:block;position:absolute;width:100%;height:100%;left:var(--ran-x, 0);top:var(--ran-y, 0);pointer-events:none;background-image:radial-gradient(circle,#1890ff 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:translate(-50%,-50%) scale(10);opacity:0;transition:transform .3s,opacity .8s}}:host .slot{display:block}.ran-btn-content{display:flex;justify-content:space-between;align-items:center;padding:4px 15px;border:1px solid transparent;border-radius:2px;border-color:#d9d9d9;color:#000000d9;line-height:22px;font-size:14px;font-weight:400;white-space:nowrap;text-align:center}.ran-btn-content .icon{margin-right:2px}\n';
+function Custom() {
+  if (typeof document !== "undefined" && !customElements.get("r-button")) {
+    class Button extends HTMLElement {
+      constructor() {
+        super();
+        __publicField(this, "_btn");
+        __publicField(this, "_btnContent");
+        __publicField(this, "_iconElement");
+        __publicField(this, "_slot");
+        __publicField(this, "_shadowDom");
+        __publicField(this, "debounceTimeId");
+        /**
+         * @description: 设置button的icon
+         * @return {*}
+         */
+        __publicField(this, "setIcon", () => {
+          if (this.icon) {
+            const { width, height } = this._slot.getBoundingClientRect();
+            const size = Math.min(width, height);
+            if (this._iconElement) {
+              this._iconElement.setAttribute("name", this.icon);
+            } else {
+              this._iconElement = document.createElement("r-icon");
+              this._iconElement.setAttribute("name", this.icon);
+              this._iconElement.setAttribute("color", "currentColor");
+              this._iconElement.setAttribute("class", "icon");
+              this._slot.insertAdjacentElement("beforebegin", this._iconElement);
+            }
+            if (this.iconSize) {
+              this._iconElement.setAttribute("size", this.iconSize);
+            } else {
+              this._iconElement.setAttribute("size", `${size - 5}`);
+            }
+          }
+        });
+        __publicField(this, "mousedown", (event) => {
+          if (judgeDevice() !== "pc")
+            return;
+          if (!this.disabled || this.disabled === "false") {
+            this.debounceMouseEvent();
+            const { left, top } = this.getBoundingClientRect();
+            this._btn.style.setProperty("--ran-x", event.clientX - left + "px");
+            this._btn.style.setProperty("--ran-y", event.clientY - top + "px");
+          }
+        });
+        __publicField(this, "mouseup", (event) => {
+          if (judgeDevice() !== "pc")
+            return;
+          if (this.debounceTimeId)
+            return;
+          this.debounceTimeId = setTimeout(() => {
+            this._btn.style.removeProperty("--ran-x");
+            this._btn.style.removeProperty("--ran-y");
+            this.debounceMouseEvent();
+          }, 600);
+        });
+        __publicField(this, "debounceMouseEvent", () => {
+          clearTimeout(this.debounceTimeId);
+          this.debounceTimeId = void 0;
+        });
+        this._slot = document.createElement("slot");
+        this._btnContent = document.createElement("div");
+        this._btn = document.createElement("div");
+        this._btn.setAttribute("class", "ran-btn");
+        this._btn.setAttribute("part", "ran-btn");
+        this._btnContent.setAttribute("class", "ran-btn-content");
+        this._btnContent.setAttribute("part", "ran-btn-content");
+        this._btnContent.appendChild(this._slot);
+        this._slot.setAttribute("class", "slot");
+        const shadowRoot = this.attachShadow({ mode: "closed" });
+        const F7170EE498E0DD32CBDCB63FBA8F75CC = document.createElement("style");
+        F7170EE498E0DD32CBDCB63FBA8F75CC.textContent = f7170ee498e0dd32cbdcb63fba8f75cc;
+        shadowRoot.appendChild(F7170EE498E0DD32CBDCB63FBA8F75CC);
+        this._shadowDom = shadowRoot;
+        this._btn.appendChild(this._btnContent);
+        shadowRoot.appendChild(this._btn);
+      }
+      static get observedAttributes() {
+        return ["disabled", "icon", "effect", "iconSize", "sheet"];
+      }
+      get sheet() {
+        return this.getAttribute("sheet");
+      }
+      set sheet(value) {
+        this.setAttribute("sheet", value || "");
+      }
+      get disabled() {
+        return isDisabled(this);
+      }
+      set disabled(value) {
+        if (!value || value === "false") {
+          this.removeAttribute("disabled");
+          this.removeAttribute("aria-disabled");
+        } else {
+          this.setAttribute("disabled", "");
+          this.setAttribute("aria-disabled", "true");
+        }
+      }
+      get iconSize() {
+        return this.getAttribute("iconSize");
+      }
+      set iconSize(value) {
+        if (!value || value === "false") {
+          this.removeAttribute("iconSize");
+        } else {
+          this.setAttribute("iconSize", value);
+          this.setIcon();
+        }
+      }
+      get icon() {
+        return this.getAttribute("icon");
+      }
+      set icon(value) {
+        if (!value || value === "false") {
+          this.removeAttribute("icon");
+        } else {
+          this.setAttribute("icon", value);
+          this.setIcon();
+        }
+      }
+      get effect() {
+        return this.getAttribute("effect");
+      }
+      set effect(value) {
+        if (falseList.includes(value) || !value) {
+          this.removeAttribute("effect");
+        } else {
+          this.setAttribute("effect", value);
+        }
+      }
+      handlerExternalCss() {
+        if (this.sheet) {
+          try {
+            const sheet = new CSSStyleSheet();
+            sheet.insertRule(this.sheet);
+            this._shadowDom.adoptedStyleSheets = [sheet];
+          } catch (error) {
+            console.error(
+              `Failed to parse the rule in CSSStyleSheet: ${this.sheet}`
+            );
+          }
+        }
+      }
+      connectedCallback() {
+        this._btn.addEventListener("mousedown", this.mousedown);
+        this._btn.addEventListener("mouseup", this.mouseup);
+        this.handlerExternalCss();
+        this.setIcon();
+        this.setAttribute("role", "button");
+        this.setAttribute("tabindex", "0");
+      }
+      disconnectCallback() {
+        this._btn.removeEventListener("mousedown", this.mousedown);
+        this._btn.removeEventListener("mouseup", this.mouseup);
+      }
+      attributeChangedCallback(name, oldValue, newValue) {
+        if (name === "disabled" && this._btnContent) {
+          if (!newValue || newValue === "false") {
+            this._btnContent.setAttribute("disabled", "");
+          } else {
+            this._btnContent.removeAttribute("disabled");
+          }
+        }
+        if (name === "icon" && this._btnContent && oldValue !== newValue)
+          this.setIcon();
+        if (name === "iconSize" && this._btnContent && oldValue !== newValue)
+          this._btnContent.setAttribute("iconSize", newValue);
+        if (name === "sheet" && this._shadowDom && oldValue !== newValue)
+          this.handlerExternalCss();
+      }
+    }
+    customElements.define("r-button", Button);
+    return Button;
+  } else {
+    return createCustomError("document is undefined or r-button is exist");
+  }
+}
+const index = Custom();
+const index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: index
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  index as a,
+  index$1 as i
+};

package/dist/index-57492b9b.js

@@ -0,0 +1,48 @@
+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);
+  return value;
+};
+const falseList = [false, "false", null, void 0];
+const isDisabled = (element) => {
+  const status = element.hasAttribute("disabled");
+  const value = element.getAttribute("disabled");
+  if (status && !falseList.includes(value))
+    return true;
+  return false;
+};
+const removeClassToElementChild = (parent, deleteClass) => {
+  const pre = parent.querySelectorAll(`.${deleteClass}`);
+  if (pre.length > 0) {
+    pre.forEach((item) => item.classList.remove(deleteClass));
+  }
+};
+const loadScript = (src) => {
+  return new Promise((resolve, reject) => {
+    const script = document.createElement("script");
+    script.src = src;
+    script.onload = function() {
+      resolve({ success: true });
+    };
+    script.onerror = function(error) {
+      reject({ success: false, error });
+    };
+    document.body.append(script);
+  });
+};
+function createCustomError(msg) {
+  return class CustomError {
+    constructor(message = msg) {
+      __publicField(this, "message");
+      this.message = message;
+    }
+  };
+}
+export {
+  createCustomError as c,
+  falseList as f,
+  isDisabled as i,
+  loadScript as l,
+  removeClassToElementChild as r
+};

package/dist/index-5975bbc0.js

@@ -0,0 +1,126 @@
+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);
+  return value;
+};
+const f7170ee498e0dd32cbdcb63fba8f75cc = "";
+function CustomElement() {
+  if (typeof window !== "undefined" && !customElements.get("r-tab")) {
+    class TabPane extends HTMLElement {
+      constructor() {
+        super();
+        __publicField(this, "_div");
+        __publicField(this, "parent");
+        /**
+         * @description: 在页面元素都加载完毕后，设置 tab 上的图标
+         */
+        __publicField(this, "initAttribute", () => {
+          var _a, _b, _c;
+          this.parent = this.parentNode;
+          this.key && ((_a = this.parent) == null ? void 0 : _a.updateAttribute(this.key, "icon", this.icon));
+          this.key && ((_b = this.parent) == null ? void 0 : _b.updateAttribute(this.key, "iconSize", this.iconSize));
+          this.key && ((_c = this.parent) == null ? void 0 : _c.updateAttribute(this.key, "effect", this.effect));
+        });
+        this._div = document.createElement("slot");
+        const shadowRoot = this.attachShadow({ mode: "closed" });
+        const F7170EE498E0DD32CBDCB63FBA8F75CC = document.createElement("style");
+        F7170EE498E0DD32CBDCB63FBA8F75CC.textContent = f7170ee498e0dd32cbdcb63fba8f75cc;
+        shadowRoot.appendChild(F7170EE498E0DD32CBDCB63FBA8F75CC);
+        shadowRoot.appendChild(this._div);
+      }
+      static get observedAttributes() {
+        return ["label", "key", "disabled", "icon", "effect", "iconSize"];
+      }
+      get label() {
+        return this.getAttribute("label") || "";
+      }
+      set label(value) {
+        this.setAttribute("label", value);
+      }
+      get icon() {
+        return this.getAttribute("icon");
+      }
+      set icon(value) {
+        if (!value || value === "false") {
+          this.removeAttribute("icon");
+        } else {
+          this.setAttribute("icon", value);
+        }
+      }
+      get iconSize() {
+        return this.getAttribute("iconSize");
+      }
+      set iconSize(value) {
+        if (!value || value === "false") {
+          this.removeAttribute("iconSize");
+        } else {
+          this.setAttribute("iconSize", value);
+        }
+      }
+      get key() {
+        return this.getAttribute("r-key");
+      }
+      set key(value) {
+        if (value) {
+          this.setAttribute("r-key", value);
+        } else {
+          this.removeAttribute("r-key");
+        }
+      }
+      get disabled() {
+        return this.getAttribute("disabled");
+      }
+      set disabled(value) {
+        if (!value || value === "false") {
+          this.removeAttribute("disabled");
+        } else {
+          this.setAttribute("disabled", value);
+        }
+      }
+      get effect() {
+        return this.getAttribute("effect");
+      }
+      set effect(value) {
+        if (!value || value === "false") {
+          this.removeAttribute("effect");
+        } else {
+          this.setAttribute("effect", value);
+        }
+      }
+      onClick(e) {
+      }
+      connectedCallback() {
+        this._div.addEventListener("click", this.onClick);
+        document.addEventListener("DOMContentLoaded", this.initAttribute);
+      }
+      disconnectCallback() {
+        document.removeEventListener("DOMContentLoaded", this.initAttribute);
+      }
+      attributeChangedCallback(name, oldValue, newValue) {
+        var _a, _b, _c, _d, _e;
+        if (oldValue !== newValue && this.key && ((_a = this.parent) == null ? void 0 : _a.updateAttribute)) {
+          if (name === "icon")
+            (_b = this.parent) == null ? void 0 : _b.updateAttribute(this.key, "icon", newValue);
+          if (name === "iconSize")
+            (_c = this.parent) == null ? void 0 : _c.updateAttribute(this.key, "iconSize", newValue);
+          if (name === "effect")
+            (_d = this.parent) == null ? void 0 : _d.updateAttribute(this.key, "effect", newValue);
+          if (name === "disabled")
+            (_e = this.parent) == null ? void 0 : _e.updateAttribute(this.key, "disabled", newValue);
+        }
+      }
+    }
+    customElements.define("r-tab", TabPane);
+    return TabPane;
+  }
+}
+const index = CustomElement();
+const index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: index
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  index as a,
+  index$1 as i
+};

package/dist/{index-64d03ac1.js → index-7b8840f9.js}

@@ -1,5 +1,4 @@
-import { g as getDefaultExportFromCjs } from "./_commonjs-dynamic-modules-2ceabb0b.js";
-import { r as requireJszip_min } from "./jszip.min-97cf7c6a.js";
+import { J as JSZip } from "./vendor-f71e6f68.js";
 import { C as Color } from "./colz-746223ab.js";
 window.E0DD32CBDCB63F = function E0DD32CBDCB63F() {
   var d32 = {
@@ -10383,8 +10382,6 @@ window.E0DD32CBDCB63F = function E0DD32CBDCB63F() {
   return d32;
 };
 const d3 = window.E0DD32CBDCB63F();
-var jszip_minExports = requireJszip_min();
-const JSZip = /* @__PURE__ */ getDefaultExportFromCjs(jszip_minExports);
 let _order = 1;
 function t_xml(S) {
   const openBracket = "<";

package/dist/index-7f513a14.js

@@ -0,0 +1,175 @@
+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);
+  return value;
+};
+import { s as str2Xml } from "./index-d2d69b06.js";
+const __variableDynamicImportRuntimeHelper = (glob, path) => {
+  const v = glob[path];
+  if (v) {
+    return typeof v === "function" ? v() : Promise.resolve(v);
+  }
+  return new Promise((_, reject) => {
+    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(reject.bind(null, new Error("Unknown variable dynamic import: " + path)));
+  });
+};
+const f7170ee498e0dd32cbdcb63fba8f75cc = ":host{display:inline-flex}:host .ran-icon{display:flex}:host([spin]){animation-name:rotate;animation-duration:1.4s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes rotate{to{transform:rotate(360deg)}}\n";
+const X_LINKS_NS = "http://www.w3.org/1999/xlink";
+const X_LINK_HREF = "xlink:href";
+function Custom() {
+  if (typeof window !== "undefined" && !customElements.get("r-icon")) {
+    class CustomElement extends HTMLElement {
+      constructor() {
+        super();
+        __publicField(this, "_icon");
+        __publicField(this, "_div");
+        /**
+         * @description: 本地加载icon
+         */
+        __publicField(this, "loadLocal", () => {
+          return new Promise((resolve, reject) => {
+            __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../../assets/icons/add-user.svg": () => import("./add-user-b2bed3e7.js"), "../../assets/icons/arrow-down.svg": () => import("./info-circle-fill-90ec9aa9.js").then((n) => n.a), "../../assets/icons/book.svg": () => import("./book-b11a68eb.js"), "../../assets/icons/check-circle-fill.svg": () => import("./check-circle-fill-dc284144.js"), "../../assets/icons/check-circle.svg": () => import("./check-circle-74bd09c3.js"), "../../assets/icons/close-circle-fill.svg": () => import("./close-circle-fill-238a66b1.js"), "../../assets/icons/close-circle.svg": () => import("./close-circle-720c18be.js"), "../../assets/icons/close.svg": () => import("./close-20925345.js"), "../../assets/icons/eye-close.svg": () => import("./eye-close-3874f1ae.js"), "../../assets/icons/eye.svg": () => import("./eye-5e742329.js"), "../../assets/icons/home.svg": () => import("./home-c4a05e8b.js"), "../../assets/icons/info-circle-fill.svg": () => import("./info-circle-fill-90ec9aa9.js").then((n) => n.i), "../../assets/icons/info-circle.svg": () => import("./info-circle-5826decc.js"), "../../assets/icons/loading.svg": () => import("./loading-09ca52df.js"), "../../assets/icons/lock.svg": () => import("./lock-1d2487c9.js"), "../../assets/icons/message.svg": () => import("./message-b2bfdea7.js"), "../../assets/icons/power-off.svg": () => import("./power-off-6ade5a91.js"), "../../assets/icons/preview.svg": () => import("./preview-b291aea8.js"), "../../assets/icons/setting.svg": () => import("./setting-1e5ccb6d.js"), "../../assets/icons/team.svg": () => import("./team-ca6a12e1.js"), "../../assets/icons/unlock.svg": () => import("./unlock-f56086fd.js"), "../../assets/icons/user.svg": () => import("./user-5c01e665.js"), "../../assets/icons/warning-circle-fill.svg": () => import("./warning-circle-fill-d17c37c9.js"), "../../assets/icons/warning-circle.svg": () => import("./warning-circle-035e025c.js") }), `../../assets/icons/${this.name}.svg`).then((result) => {
+              if (result && result.default && result.default._identification) {
+                const { data } = result.default;
+                this._icon && this._div.removeChild(this._icon);
+                this._icon = str2Xml(data, "image/svg+xml");
+                if (this._icon) {
+                  this._div.appendChild(this._icon);
+                  this.setSize();
+                  this.setColor();
+                  resolve();
+                }
+              } else {
+                this.loadNs();
+                reject(
+                  `
+ couldn't be loaded by r-icon, message: ${this.name} icon is undefined`
+                );
+              }
+            }).catch((error) => {
+              this.loadNs();
+            });
+          });
+        });
+        /**
+         * @description: NS加载icon
+         */
+        __publicField(this, "loadNs", () => {
+          if (this._icon && this._div) {
+            this._div.removeChild(this._icon);
+          }
+          this._icon = document.createElement("svg");
+          this._icon.setAttribute("class", "icon");
+          this._icon.setAttribute("viewBox", "0 0 1024 1024");
+          this._icon.setAttribute("width", "100");
+          this._icon.setAttribute("height", "100");
+          const use = document.createElementNS(X_LINKS_NS, "use");
+          use.setAttributeNS(
+            X_LINKS_NS,
+            X_LINK_HREF,
+            `../../assets/iconfont/icon.svg#icon-${this.name}`
+          );
+          this._icon.appendChild(use);
+          this._div.appendChild(this._icon);
+        });
+        /**
+         * @description: 根据name属性加载对应的svg
+         */
+        __publicField(this, "setIcon", async () => {
+          if (this.name) {
+            this.loadLocal();
+          }
+        });
+        /**
+         * @description: 设置icon的大小
+         */
+        __publicField(this, "setSize", () => {
+          if (this._icon && this.size) {
+            this._icon.setAttribute("width", this.size);
+            this._icon.setAttribute("height", this.size);
+          }
+        });
+        /**
+         * @description: 设置icon的颜色
+         */
+        __publicField(this, "setColor", () => {
+          if (this._icon) {
+            this.color ? this._icon.setAttribute("fill", this.color) : this._icon.setAttribute("fill", "currentColor");
+          }
+        });
+        /**
+         * @description: 设置是否旋转和旋转的速度
+         */
+        __publicField(this, "setSpin", () => {
+          if (this.spin) {
+            this.style.setProperty("animation-duration", `${this.spin}s`);
+          }
+        });
+        this._div = document.createElement("div");
+        this._div.setAttribute("class", "ran-icon");
+        const shadowRoot = this.attachShadow({ mode: "closed" });
+        const F7170EE498E0DD32CBDCB63FBA8F75CC = document.createElement("style");
+        F7170EE498E0DD32CBDCB63FBA8F75CC.textContent = f7170ee498e0dd32cbdcb63fba8f75cc;
+        shadowRoot.appendChild(F7170EE498E0DD32CBDCB63FBA8F75CC);
+        shadowRoot.appendChild(this._div);
+      }
+      static get observedAttributes() {
+        return ["name", "size", "color", "spin"];
+      }
+      get name() {
+        return this.getAttribute("name");
+      }
+      set name(value) {
+        if (value)
+          this.setAttribute("name", value);
+      }
+      get size() {
+        return this.getAttribute("size");
+      }
+      set size(value) {
+        if (value)
+          this.setAttribute("size", value);
+      }
+      get color() {
+        return this.getAttribute("color");
+      }
+      set color(value) {
+        if (value)
+          this.setAttribute("color", value);
+      }
+      get spin() {
+        return this.getAttribute("spin");
+      }
+      set spin(value) {
+        if (value != null)
+          this.setAttribute("spin", value);
+      }
+      connectedCallback() {
+        this.setIcon();
+      }
+      attributeChangedCallback(name, oldValue, newValue) {
+        if (newValue !== oldValue) {
+          if (name === "name")
+            this.setIcon();
+          if (name === "size")
+            this.setSize();
+          if (name === "color")
+            this.setColor();
+          if (name === "spin")
+            this.setSpin();
+        }
+      }
+    }
+    customElements.define("r-icon", CustomElement);
+  }
+}
+const index = Custom();
+const index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: index
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  index as a,
+  index$1 as i
+};

package/dist/index-8e1e2573.js

@@ -0,0 +1,19 @@
+function Custom() {
+  if (typeof window !== "undefined" && !customElements.get("r-modal")) {
+    class CustomModal extends HTMLElement {
+      constructor() {
+        super();
+      }
+    }
+    customElements.define("r-modal", CustomModal);
+  }
+}
+const index = Custom();
+const index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: index
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  index as a,
+  index$1 as i
+};