toy-element-csustedmer 1.0.1

package/dist/es/alert-DXo8N9hf.js

@@ -0,0 +1,78 @@
+import { defineComponent as I, useSlots as x, ref as B, computed as i, openBlock as l, createBlock as d, Transition as C, withCtx as N, withDirectives as S, createElementVNode as t, normalizeClass as c, createCommentVNode as f, normalizeStyle as b, renderSlot as u, createTextVNode as m, toDisplayString as h, createElementBlock as g, createVNode as V, withModifiers as $, vShow as A } from "vue";
+import { t as D, w as z } from "./utils-qI_MYoyZ.js";
+import { E as p } from "./icon-OPmgEkMN.js";
+import { _ as M } from "./button-BrmH9o8y.js";
+const T = { class: "er-alert__content" }, j = { class: "er-alert__description" }, q = {
+  key: 0,
+  class: "er-alert__close"
+}, F = /* @__PURE__ */ I({
+  name: "ErAlert",
+  __name: "alert",
+  props: {
+    title: {},
+    type: { default: "info" },
+    description: {},
+    effect: { default: "light" },
+    closable: { type: Boolean, default: !0 },
+    center: { type: Boolean },
+    showIcon: { type: Boolean }
+  },
+  emits: ["close"],
+  setup(e, { expose: y, emit: v }) {
+    const n = e, w = v, _ = x(), o = B(!0), k = i(() => D.get(n.type) ?? "circle-info"), a = i(() => n.description || _.default);
+    function s() {
+      o.value = !1, w("close");
+    }
+    function E() {
+      o.value = !0;
+    }
+    return y({
+      open: E,
+      close: s
+    }), (r, H) => (l(), d(C, { name: "er-alert-fade" }, {
+      default: N(() => [
+        S(t("div", {
+          class: c(["er-alert", {
+            [`er-alert__${e.type}`]: e.type,
+            [`er-alert__${e.effect}`]: e.effect,
+            "text-center": e.center
+          }]),
+          role: "alert"
+        }, [
+          e.showIcon ? (l(), d(p, {
+            key: 0,
+            class: c(["er-alert__icon", { "big-icon": a.value }]),
+            icon: k.value
+          }, null, 8, ["class", "icon"])) : f("", !0),
+          t("div", T, [
+            t("span", {
+              class: c(["er-alert__title", { "with-desc": a.value }]),
+              style: b({ display: e.center && !e.showIcon ? "flow" : "inline" })
+            }, [
+              u(r.$slots, "title", {}, () => [
+                m(h(e.title), 1)
+              ], !0)
+            ], 6),
+            t("p", j, [
+              u(r.$slots, "default", {}, () => [
+                m(h(e.description), 1)
+              ], !0)
+            ]),
+            e.closable ? (l(), g("div", q, [
+              V(p, {
+                onClick: $(s, ["stop"]),
+                icon: "xmark"
+              })
+            ])) : f("", !0)
+          ])
+        ], 2), [
+          [A, o.value]
+        ])
+      ]),
+      _: 3
+    }));
+  }
+}), G = /* @__PURE__ */ M(F, [["__scopeId", "data-v-6dea72a2"]]), P = z(G);
+export {
+  P as E
+};

package/dist/es/button-BrmH9o8y.js

@@ -0,0 +1,51 @@
+import { defineComponent as i, useSlots as l, ref as d, openBlock as s, createBlock as c, resolveDynamicComponent as r, normalizeClass as u, withCtx as f, renderSlot as y } from "vue";
+import { w as b } from "./utils-qI_MYoyZ.js";
+const m = /* @__PURE__ */ i({
+  name: "ErButton",
+  __name: "button",
+  props: {
+    type: {},
+    tag: { default: "button" },
+    size: {},
+    nativeType: { default: "button" },
+    disabled: { type: Boolean },
+    loading: { type: Boolean },
+    icon: {},
+    circle: { type: Boolean },
+    plain: { type: Boolean },
+    round: { type: Boolean }
+  },
+  setup(e) {
+    l();
+    const n = d();
+    return (t, o) => (s(), c(r(e.tag), {
+      ref_key: "_ref",
+      ref: n,
+      class: u(["er-button", {
+        [`er-button--${e.type}`]: e.type,
+        [`er-button--${e.size}`]: e.size,
+        "is-circle": e.circle,
+        "is-plain": e.plain,
+        "is-round": e.round,
+        "is-loading": e.loading,
+        "is-disabled": e.disabled
+      }]),
+      disabled: e.disabled || e.loading ? !0 : void 0,
+      type: e.tag === "button" ? e.nativeType : void 0
+    }, {
+      default: f(() => [
+        y(t.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["disabled", "type", "class"]));
+  }
+}), B = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [o, a] of n)
+    t[o] = a;
+  return t;
+}, v = /* @__PURE__ */ B(m, [["__scopeId", "data-v-2b337095"]]), z = b(v);
+export {
+  z as E,
+  B as _
+};

package/dist/es/icon-OPmgEkMN.js

@@ -0,0 +1,50 @@
+import { defineComponent as p, computed as t, openBlock as s, createElementBlock as l, mergeProps as c, createVNode as i, unref as m, normalizeProps as y, guardReactiveProps as B } from "vue";
+import { FontAwesomeIcon as f } from "@fortawesome/vue-fontawesome";
+import { o as u } from "./vendor-QFwx4i78.js";
+import { _ as d } from "./button-BrmH9o8y.js";
+import { w as v } from "./utils-qI_MYoyZ.js";
+const I = /* @__PURE__ */ p({
+  name: "ErIcon",
+  inheritAttrs: !1,
+  __name: "icon",
+  props: {
+    border: { type: Boolean },
+    fixedWidth: { type: Boolean },
+    flip: {},
+    icon: {},
+    mask: {},
+    listItem: { type: Boolean },
+    pull: {},
+    pulse: { type: Boolean },
+    rotation: {},
+    swapOpacity: { type: Boolean },
+    size: {},
+    spin: { type: Boolean },
+    transform: {},
+    symbol: { type: [Boolean, String] },
+    title: {},
+    inverse: { type: Boolean },
+    bounce: { type: Boolean },
+    shake: { type: Boolean },
+    beat: { type: Boolean },
+    fade: { type: Boolean },
+    beatFade: { type: Boolean },
+    spinPulse: { type: Boolean },
+    spinReverse: { type: Boolean },
+    type: {},
+    color: {}
+  },
+  setup(e) {
+    const o = e, n = t(() => u(o, ["type", "color"])), a = t(() => ({ color: o.color ?? void 0 }));
+    return (r, _) => (s(), l("i", c({
+      class: ["er-icon", { [`er-icon--${e.type}`]: e.type }],
+      style: a.value
+    }, r.$attrs), [
+      i(m(f), y(B(n.value)), null, 16)
+    ], 16));
+  }
+}), b = /* @__PURE__ */ d(I, [["__scopeId", "data-v-ba674521"]]), g = v(b);
+export {
+  b as E,
+  g as a
+};

package/dist/es/index.js

@@ -0,0 +1,15 @@
+import { m as r } from "./utils-qI_MYoyZ.js";
+import { E as a } from "./button-BrmH9o8y.js";
+import { a as o } from "./icon-OPmgEkMN.js";
+import { E as m } from "./alert-DXo8N9hf.js";
+import { library as t } from "@fortawesome/fontawesome-svg-core";
+import { faXmark as f, faCircleInfo as i, faCheckCircle as e, faCircleExclamation as l, faCircleXmark as c } from "@fortawesome/free-solid-svg-icons";
+const n = [a, m, o];
+t.add(f, i, e, l, c);
+const I = r(n);
+export {
+  m as ErAlert,
+  a as ErButton,
+  o as ErIcon,
+  I as default
+};

package/dist/es/utils-qI_MYoyZ.js

@@ -0,0 +1,32 @@
+import { f as c, i } from "./vendor-QFwx4i78.js";
+import { defineComponent as a } from "vue";
+function l(e) {
+  return (r) => c(e, (t) => r.use(t));
+}
+const u = (e) => (e.install = (n) => {
+  const r = e.name;
+  n.component(r, e);
+}, e);
+a({
+  props: {
+    vNode: {
+      type: [String, Object, Function],
+      required: !0
+    }
+  },
+  setup(e) {
+    return () => i(e.vNode) ? e.vNode() : e.vNode;
+  }
+});
+const m = /* @__PURE__ */ new Map([
+  ["info", "circle-info"],
+  ["success", "check-circle"],
+  ["warning", "circle-exclamation"],
+  ["danger", "circle-xmark"],
+  ["error", "circle-xmark"]
+]);
+export {
+  l as m,
+  m as t,
+  u as w
+};