epic-designer-gold 0.0.4 → 0.0.5

package/dist/index-E6KwAQoV.js

@@ -0,0 +1,104 @@
+import { defineComponent as D, inject as i, ref as S, computed as b, openBlock as m, createElementBlock as h, createElementVNode as n, createVNode as r, unref as a, withCtx as w, Fragment as E, renderList as M, normalizeClass as j, toDisplayString as V, mergeProps as z, withDirectives as A, vShow as F } from "vue";
+import { d as G } from "./vuedraggable.umd-D2S7Eo7p.js";
+import { p as d } from "./pluginManager-D8PM7ICc.js";
+import { g as B, f as q } from "./index-Cq1qV6v1.js";
+import { _ as I } from "./icon.vue_vue_type_script_setup_true_lang-D3QdcReY.js";
+const H = { class: "epic-component-view flex flex-col" }, J = { class: "epic-search-box px-10px py-6px" }, K = { class: "flex flex-1 overflow-auto" }, O = { class: "epic-tabs-box" }, Q = ["title", "onClick"], R = { class: "h-full flex-1 overflow-auto py-2 box-border" }, W = ["onClick"], X = { class: "epic-componet-label flex-1 w-0 truncate" }, Y = { class: "text-center pt-42px text-gray-400" }, ae = /* @__PURE__ */ D({
+  __name: "index",
+  setup(Z) {
+    const L = d.getComponent("input"), v = i("pageSchema"), f = i("designer"), N = i("revoke"), $ = i("designerProps"), g = d.getComponentSchemaGroups(), s = S(""), x = {
+      title: "全部",
+      list: []
+    }, c = S(x), P = b(() => [x, ...g.value]), p = b(() => {
+      let o = c.value.list;
+      if (c.value.title === "全部") {
+        const t = g.value.map((e) => e.list);
+        o = [].concat(...t);
+      }
+      return o.filter(
+        (t) => {
+          var e;
+          return ((e = t.label) == null ? void 0 : e.includes(s.value)) && (!$.value.formMode || t.type !== "form");
+        }
+      );
+    });
+    function T(o) {
+      c.value = o;
+    }
+    function U(o) {
+      var C, k, y;
+      const t = q(v.schemas, ((C = f.state.checkedNode) == null ? void 0 : C.id) ?? "root");
+      if (!t)
+        return !1;
+      let { list: e, schema: l, index: u } = t;
+      l.children && !((y = (k = d.getComponentConfingByType(l.type)) == null ? void 0 : k.editConstraints) != null && y.childImmovable) && (e = l.children, u = l.children.length - 1);
+      const _ = B(o);
+      e.splice(u + 1, 0, _), f.setCheckedNode(_), N.push(v.schemas, "插入组件");
+    }
+    return (o, t) => (m(), h("div", H, [
+      n("div", J, [
+        r(a(L), {
+          placeholder: "搜索组件",
+          modelValue: s.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (e) => s.value = e),
+          clearable: "",
+          allowClear: "",
+          value: s.value,
+          "onUpdate:value": t[1] || (t[1] = (e) => s.value = e)
+        }, {
+          prefix: w(() => [
+            r(a(I), {
+              class: "text-$epic-text-helper",
+              name: "icon--epic--search-rounded"
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue", "value"])
+      ]),
+      n("div", K, [
+        n("div", O, [
+          (m(!0), h(E, null, M(P.value, (e, l) => (m(), h("div", {
+            class: j(["epic-tab cursor-pointer truncate", { checked: c.value.title === e.title }]),
+            key: l,
+            title: e.title,
+            onClick: (u) => T(e)
+          }, V(e.title), 11, Q))), 128))
+        ]),
+        n("div", R, [
+          r(a(G), z({
+            modelValue: p.value,
+            "onUpdate:modelValue": t[2] || (t[2] = (e) => p.value = e)
+          }, {
+            group: { name: "edit-draggable", pull: "clone", put: !1 },
+            sort: !1,
+            animation: 180,
+            ghostClass: "moving"
+          }, {
+            clone: a(B),
+            "item-key": "id",
+            class: "grid grid-cols-[auto_auto] px-10px gap-2"
+          }), {
+            item: w(({ element: e }) => [
+              n("div", {
+                class: "epic-componet-item flex items-center truncate",
+                onClick: (l) => U(e)
+              }, [
+                r(a(I), {
+                  name: a(d).getComponentConfingByType(e.type).icon ?? ""
+                }, null, 8, ["name"]),
+                n("div", X, V(e.label), 1)
+              ], 8, W)
+            ]),
+            _: 1
+          }, 16, ["modelValue", "clone"]),
+          A(n("div", Y, "没有查询到的组件", 512), [
+            [F, !p.value.length]
+          ])
+        ])
+      ])
+    ]));
+  }
+});
+export {
+  ae as default
+};

package/dist/index-HM72iSCq.js

@@ -0,0 +1,64 @@
+import { defineComponent as c, ref as o, watch as p, nextTick as g, openBlock as w, createBlock as U, unref as v, withCtx as y, createVNode as C } from "vue";
+import { p as r } from "./pluginManager-D8PM7ICc.js";
+const z = /* @__PURE__ */ c({
+  __name: "index",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(m, { emit: i }) {
+    const s = r.getComponent("input"), d = r.getComponent("select"), f = m, x = i, e = o(null), a = o("px"), V = [
+      { label: "px", value: "px" },
+      { label: "%", value: "%" },
+      { label: "vw", value: "vw" },
+      { label: "vh", value: "vh" },
+      { label: "rem", value: "rem" },
+      { label: "em", value: "em" },
+      { label: "pt", value: "pt" }
+    ];
+    p(() => f.modelValue, (t) => {
+      if (!t) return;
+      if (typeof t == "number") {
+        e.value = String(t), a.value = "px";
+        return;
+      }
+      const l = parseFloat(t);
+      if (isNaN(l))
+        return e.value = null, !1;
+      const u = /^(\d+(\.\d+)?)(px|%|vw|vh|rem|em|pt){1}$/, n = t.trim().match(u);
+      e.value = (n == null ? void 0 : n[1]) ?? null, a.value = (n == null ? void 0 : n[3]) ?? "";
+    }, {
+      immediate: !0
+    }), p(() => a.value + e.value, () => {
+      b();
+    });
+    function b() {
+      g(() => x("update:modelValue", e.value ? e.value + a.value : void 0));
+    }
+    return (t, l) => (w(), U(v(s), {
+      class: "epic-input-size",
+      modelValue: e.value,
+      "onUpdate:modelValue": l[2] || (l[2] = (u) => e.value = u),
+      value: e.value,
+      "onUpdate:value": l[3] || (l[3] = (u) => e.value = u),
+      type: "number",
+      min: "0",
+      placeholder: "请输入"
+    }, {
+      suffix: y(() => [
+        C(v(d), {
+          value: a.value,
+          "onUpdate:value": l[0] || (l[0] = (u) => a.value = u),
+          modelValue: a.value,
+          "onUpdate:modelValue": l[1] || (l[1] = (u) => a.value = u),
+          style: { width: "68px" },
+          options: V
+        }, null, 8, ["value", "modelValue"])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "value"]));
+  }
+});
+export {
+  z as default
+};

package/dist/index-Hdc_C4Xg.js

@@ -0,0 +1,389 @@
+import { c as u } from "./_commonjsHelpers-BVfed4GL.js";
+import { r as be } from "./_vue_commonjs-external-NwvjgbHK.js";
+import { r as K, c as I, a as ve, e as pe, b as ge, _ as me } from "./index-D1ZL6feZ.js";
+import { a as _e, _ as we } from "./index-gA02bxwJ.js";
+function ye(i, c) {
+  for (var o = 0; o < c.length; o++) {
+    const r = c[o];
+    if (typeof r != "string" && !Array.isArray(r)) {
+      for (const s in r)
+        if (s !== "default" && !(s in i)) {
+          const d = Object.getOwnPropertyDescriptor(r, s);
+          d && Object.defineProperty(i, s, d.get ? d : {
+            enumerable: !0,
+            get: () => r[s]
+          });
+        }
+    }
+  }
+  return Object.freeze(Object.defineProperty(i, Symbol.toStringTag, { value: "Module" }));
+}
+var q = {}, X = {}, Y = {}, N = {}, j = {};
+Object.defineProperty(j, "__esModule", { value: !0 });
+j.default = {
+  buttonHeightSmall: "14px",
+  buttonHeightMedium: "18px",
+  buttonHeightLarge: "22px",
+  buttonWidthSmall: "14px",
+  buttonWidthMedium: "18px",
+  buttonWidthLarge: "22px",
+  buttonWidthPressedSmall: "20px",
+  buttonWidthPressedMedium: "24px",
+  buttonWidthPressedLarge: "28px",
+  railHeightSmall: "18px",
+  railHeightMedium: "22px",
+  railHeightLarge: "26px",
+  railWidthSmall: "32px",
+  railWidthMedium: "40px",
+  railWidthLarge: "48px"
+};
+var xe = u && u.__importDefault || function(i) {
+  return i && i.__esModule ? i : { default: i };
+};
+Object.defineProperty(N, "__esModule", { value: !0 });
+const Se = K, ke = I, Ce = xe(j), $e = {
+  name: "Switch",
+  common: ke.commonDark,
+  self(i) {
+    const { primaryColorSuppl: c, opacityDisabled: o, borderRadius: r, primaryColor: s, textColor2: d, baseColor: $ } = i;
+    return Object.assign(Object.assign({}, Ce.default), { iconColor: $, textColor: d, loadingColor: c, opacityDisabled: o, railColor: "rgba(255, 255, 255, .20)", railColorActive: c, buttonBoxShadow: "0px 2px 4px 0 rgba(0, 0, 0, 0.4)", buttonColor: "#FFF", railBorderRadiusSmall: r, railBorderRadiusMedium: r, railBorderRadiusLarge: r, buttonBorderRadiusSmall: r, buttonBorderRadiusMedium: r, buttonBorderRadiusLarge: r, boxShadowFocus: `0 0 8px 0 ${(0, Se.changeColor)(s, { alpha: 0.3 })}` });
+  }
+};
+N.default = $e;
+var T = {}, Be = u && u.__importDefault || function(i) {
+  return i && i.__esModule ? i : { default: i };
+};
+Object.defineProperty(T, "__esModule", { value: !0 });
+const Re = K, Me = I, Ee = Be(j);
+function Oe(i) {
+  const { primaryColor: c, opacityDisabled: o, borderRadius: r, textColor3: s } = i;
+  return Object.assign(Object.assign({}, Ee.default), { iconColor: s, textColor: "white", loadingColor: c, opacityDisabled: o, railColor: "rgba(0, 0, 0, .14)", railColorActive: c, buttonBoxShadow: "0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05)", buttonColor: "#FFF", railBorderRadiusSmall: r, railBorderRadiusMedium: r, railBorderRadiusLarge: r, buttonBorderRadiusSmall: r, buttonBorderRadiusMedium: r, buttonBorderRadiusLarge: r, boxShadowFocus: `0 0 0 2px ${(0, Re.changeColor)(c, { alpha: 0.2 })}` });
+}
+const Pe = {
+  name: "Switch",
+  common: Me.commonLight,
+  self: Oe
+};
+T.default = Pe;
+(function(i) {
+  var c = u && u.__importDefault || function(s) {
+    return s && s.__esModule ? s : { default: s };
+  };
+  Object.defineProperty(i, "__esModule", { value: !0 }), i.switchLight = i.switchDark = void 0;
+  var o = N;
+  Object.defineProperty(i, "switchDark", { enumerable: !0, get: function() {
+    return c(o).default;
+  } });
+  var r = T;
+  Object.defineProperty(i, "switchLight", { enumerable: !0, get: function() {
+    return c(r).default;
+  } });
+})(Y);
+var H = {};
+Object.defineProperty(H, "__esModule", {
+  value: !0
+});
+const U = _e, t = ve;
+H.default = (0, t.cB)("switch", `
+ height: var(--n-height);
+ min-width: var(--n-width);
+ vertical-align: middle;
+ user-select: none;
+ -webkit-user-select: none;
+ display: inline-flex;
+ outline: none;
+ justify-content: center;
+ align-items: center;
+`, [(0, t.cE)("children-placeholder", `
+ height: var(--n-rail-height);
+ display: flex;
+ flex-direction: column;
+ overflow: hidden;
+ pointer-events: none;
+ visibility: hidden;
+ `), (0, t.cE)("rail-placeholder", `
+ display: flex;
+ flex-wrap: none;
+ `), (0, t.cE)("button-placeholder", `
+ width: calc(1.75 * var(--n-rail-height));
+ height: var(--n-rail-height);
+ `), (0, t.cB)("base-loading", `
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translateX(-50%) translateY(-50%);
+ font-size: calc(var(--n-button-width) - 4px);
+ color: var(--n-loading-color);
+ transition: color .3s var(--n-bezier);
+ `, [(0, U.iconSwitchTransition)({
+  left: "50%",
+  top: "50%",
+  originalTransform: "translateX(-50%) translateY(-50%)"
+})]), (0, t.cE)("checked, unchecked", `
+ transition: color .3s var(--n-bezier);
+ color: var(--n-text-color);
+ box-sizing: border-box;
+ position: absolute;
+ white-space: nowrap;
+ top: 0;
+ bottom: 0;
+ display: flex;
+ align-items: center;
+ line-height: 1;
+ `), (0, t.cE)("checked", `
+ right: 0;
+ padding-right: calc(1.25 * var(--n-rail-height) - var(--n-offset));
+ `), (0, t.cE)("unchecked", `
+ left: 0;
+ justify-content: flex-end;
+ padding-left: calc(1.25 * var(--n-rail-height) - var(--n-offset));
+ `), (0, t.c)("&:focus", [(0, t.cE)("rail", `
+ box-shadow: var(--n-box-shadow-focus);
+ `)]), (0, t.cM)("round", [(0, t.cE)("rail", "border-radius: calc(var(--n-rail-height) / 2);", [(0, t.cE)("button", "border-radius: calc(var(--n-button-height) / 2);")])]), (0, t.cNotM)("disabled", [(0, t.cNotM)("icon", [(0, t.cM)("rubber-band", [(0, t.cM)("pressed", [(0, t.cE)("rail", [(0, t.cE)("button", "max-width: var(--n-button-width-pressed);")])]), (0, t.cE)("rail", [(0, t.c)("&:active", [(0, t.cE)("button", "max-width: var(--n-button-width-pressed);")])]), (0, t.cM)("active", [(0, t.cM)("pressed", [(0, t.cE)("rail", [(0, t.cE)("button", "left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));")])]), (0, t.cE)("rail", [(0, t.c)("&:active", [(0, t.cE)("button", "left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));")])])])])])]), (0, t.cM)("active", [(0, t.cE)("rail", [(0, t.cE)("button", "left: calc(100% - var(--n-button-width) - var(--n-offset))")])]), (0, t.cE)("rail", `
+ overflow: hidden;
+ height: var(--n-rail-height);
+ min-width: var(--n-rail-width);
+ border-radius: var(--n-rail-border-radius);
+ cursor: pointer;
+ position: relative;
+ transition:
+ opacity .3s var(--n-bezier),
+ background .3s var(--n-bezier),
+ box-shadow .3s var(--n-bezier);
+ background-color: var(--n-rail-color);
+ `, [(0, t.cE)("button-icon", `
+ color: var(--n-icon-color);
+ transition: color .3s var(--n-bezier);
+ font-size: calc(var(--n-button-height) - 4px);
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ line-height: 1;
+ `, [(0, U.iconSwitchTransition)()]), (0, t.cE)("button", `
+ align-items: center; 
+ top: var(--n-offset);
+ left: var(--n-offset);
+ height: var(--n-button-height);
+ width: var(--n-button-width-pressed);
+ max-width: var(--n-button-width);
+ border-radius: var(--n-button-border-radius);
+ background-color: var(--n-button-color);
+ box-shadow: var(--n-button-box-shadow);
+ box-sizing: border-box;
+ cursor: inherit;
+ content: "";
+ position: absolute;
+ transition:
+ background-color .3s var(--n-bezier),
+ left .3s var(--n-bezier),
+ opacity .3s var(--n-bezier),
+ max-width .3s var(--n-bezier),
+ box-shadow .3s var(--n-bezier);
+ `)]), (0, t.cM)("active", [(0, t.cE)("rail", "background-color: var(--n-rail-color-active);")]), (0, t.cM)("loading", [(0, t.cE)("rail", `
+ cursor: wait;
+ `)]), (0, t.cM)("disabled", [(0, t.cE)("rail", `
+ cursor: not-allowed;
+ opacity: .5;
+ `)])]);
+(function(i) {
+  var c = u && u.__importDefault || function(e) {
+    return e && e.__esModule ? e : { default: e };
+  };
+  Object.defineProperty(i, "__esModule", { value: !0 }), i.switchProps = void 0;
+  const o = be, r = K, s = pe, d = ge, $ = we, n = me, G = Y, J = c(H);
+  i.switchProps = Object.assign(Object.assign({}, d.useTheme.props), {
+    size: {
+      type: String,
+      default: "medium"
+    },
+    value: {
+      type: [String, Number, Boolean],
+      default: void 0
+    },
+    loading: Boolean,
+    defaultValue: {
+      type: [String, Number, Boolean],
+      default: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: void 0
+    },
+    round: {
+      type: Boolean,
+      default: !0
+    },
+    "onUpdate:value": [Function, Array],
+    onUpdateValue: [Function, Array],
+    checkedValue: {
+      type: [String, Number, Boolean],
+      default: !0
+    },
+    uncheckedValue: {
+      type: [String, Number, Boolean],
+      default: !1
+    },
+    railStyle: Function,
+    rubberBand: {
+      type: Boolean,
+      default: !0
+    },
+    /** @deprecated */
+    onChange: [Function, Array]
+  });
+  let y;
+  i.default = (0, o.defineComponent)({
+    name: "Switch",
+    props: i.switchProps,
+    setup(e) {
+      process.env.NODE_ENV !== "production" && (0, o.watchEffect)(() => {
+        e.onChange && (0, n.warnOnce)("switch", "`on-change` is deprecated, please use `on-update:value` instead.");
+      }), y === void 0 && (typeof CSS < "u" ? typeof CSS.supports < "u" ? y = CSS.supports("width", "max(1px)") : y = !1 : y = !0);
+      const { mergedClsPrefixRef: B, inlineThemeDisabled: x } = (0, d.useConfig)(e), D = (0, d.useTheme)("Switch", "-switch", J.default, G.switchLight, e, B), h = (0, d.useFormItem)(e), { mergedSizeRef: R, mergedDisabledRef: g } = h, S = (0, o.ref)(e.defaultValue), M = (0, o.toRef)(e, "value"), m = (0, s.useMergedState)(M, S), k = (0, o.computed)(() => m.value === e.checkedValue), _ = (0, o.ref)(!1), l = (0, o.ref)(!1), f = (0, o.computed)(() => {
+        const { railStyle: a } = e;
+        if (a)
+          return a({ focused: l.value, checked: k.value });
+      });
+      function b(a) {
+        const { "onUpdate:value": E, onChange: O, onUpdateValue: P } = e, { nTriggerFormInput: F, nTriggerFormChange: V } = h;
+        E && (0, n.call)(E, a), P && (0, n.call)(P, a), O && (0, n.call)(O, a), S.value = a, F(), V();
+      }
+      function Q() {
+        const { nTriggerFormFocus: a } = h;
+        a();
+      }
+      function Z() {
+        const { nTriggerFormBlur: a } = h;
+        a();
+      }
+      function ee() {
+        e.loading || g.value || (m.value !== e.checkedValue ? b(e.checkedValue) : b(e.uncheckedValue));
+      }
+      function te() {
+        l.value = !0, Q();
+      }
+      function re() {
+        l.value = !1, Z(), _.value = !1;
+      }
+      function oe(a) {
+        e.loading || g.value || a.key === " " && (m.value !== e.checkedValue ? b(e.checkedValue) : b(e.uncheckedValue), _.value = !1);
+      }
+      function ie(a) {
+        e.loading || g.value || a.key === " " && (a.preventDefault(), _.value = !0);
+      }
+      const A = (0, o.computed)(() => {
+        const { value: a } = R, { self: { opacityDisabled: E, railColor: O, railColorActive: P, buttonBoxShadow: F, buttonColor: V, boxShadowFocus: ae, loadingColor: ne, textColor: le, iconColor: ce, [(0, n.createKey)("buttonHeight", a)]: v, [(0, n.createKey)("buttonWidth", a)]: se, [(0, n.createKey)("buttonWidthPressed", a)]: de, [(0, n.createKey)("railHeight", a)]: p, [(0, n.createKey)("railWidth", a)]: C, [(0, n.createKey)("railBorderRadius", a)]: ue, [(0, n.createKey)("buttonBorderRadius", a)]: he }, common: { cubicBezierEaseInOut: fe } } = D.value;
+        let W, z, L;
+        return y ? (W = `calc((${p} - ${v}) / 2)`, z = `max(${p}, ${v})`, L = `max(${C}, calc(${C} + ${v} - ${p}))`) : (W = (0, r.pxfy)(((0, r.depx)(p) - (0, r.depx)(v)) / 2), z = (0, r.pxfy)(Math.max((0, r.depx)(p), (0, r.depx)(v))), L = (0, r.depx)(p) > (0, r.depx)(v) ? C : (0, r.pxfy)((0, r.depx)(C) + (0, r.depx)(v) - (0, r.depx)(p))), {
+          "--n-bezier": fe,
+          "--n-button-border-radius": he,
+          "--n-button-box-shadow": F,
+          "--n-button-color": V,
+          "--n-button-width": se,
+          "--n-button-width-pressed": de,
+          "--n-button-height": v,
+          "--n-height": z,
+          "--n-offset": W,
+          "--n-opacity-disabled": E,
+          "--n-rail-border-radius": ue,
+          "--n-rail-color": O,
+          "--n-rail-color-active": P,
+          "--n-rail-height": p,
+          "--n-rail-width": C,
+          "--n-width": L,
+          "--n-box-shadow-focus": ae,
+          "--n-loading-color": ne,
+          "--n-text-color": le,
+          "--n-icon-color": ce
+        };
+      }), w = x ? (0, d.useThemeClass)("switch", (0, o.computed)(() => R.value[0]), A, e) : void 0;
+      return {
+        handleClick: ee,
+        handleBlur: re,
+        handleFocus: te,
+        handleKeyup: oe,
+        handleKeydown: ie,
+        mergedRailStyle: f,
+        pressed: _,
+        mergedClsPrefix: B,
+        mergedValue: m,
+        checked: k,
+        mergedDisabled: g,
+        cssVars: x ? void 0 : A,
+        themeClass: w == null ? void 0 : w.themeClass,
+        onRender: w == null ? void 0 : w.onRender
+      };
+    },
+    render() {
+      const { mergedClsPrefix: e, mergedDisabled: B, checked: x, mergedRailStyle: D, onRender: h, $slots: R } = this;
+      h == null || h();
+      const { checked: g, unchecked: S, icon: M, "checked-icon": m, "unchecked-icon": k } = R, _ = !((0, n.isSlotEmpty)(M) && (0, n.isSlotEmpty)(m) && (0, n.isSlotEmpty)(k));
+      return (0, o.h)(
+        "div",
+        { role: "switch", "aria-checked": x, class: [
+          `${e}-switch`,
+          this.themeClass,
+          _ && `${e}-switch--icon`,
+          x && `${e}-switch--active`,
+          B && `${e}-switch--disabled`,
+          this.round && `${e}-switch--round`,
+          this.loading && `${e}-switch--loading`,
+          this.pressed && `${e}-switch--pressed`,
+          this.rubberBand && `${e}-switch--rubber-band`
+        ], tabindex: this.mergedDisabled ? void 0 : 0, style: this.cssVars, onClick: this.handleClick, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyup: this.handleKeyup, onKeydown: this.handleKeydown },
+        (0, o.h)(
+          "div",
+          { class: `${e}-switch__rail`, "aria-hidden": "true", style: D },
+          (0, n.resolveWrappedSlot)(g, (l) => (0, n.resolveWrappedSlot)(S, (f) => l || f ? (0, o.h)(
+            "div",
+            { "aria-hidden": !0, class: `${e}-switch__children-placeholder` },
+            (0, o.h)(
+              "div",
+              { class: `${e}-switch__rail-placeholder` },
+              (0, o.h)("div", { class: `${e}-switch__button-placeholder` }),
+              l
+            ),
+            (0, o.h)(
+              "div",
+              { class: `${e}-switch__rail-placeholder` },
+              (0, o.h)("div", { class: `${e}-switch__button-placeholder` }),
+              f
+            )
+          ) : null)),
+          (0, o.h)(
+            "div",
+            { class: `${e}-switch__button` },
+            (0, n.resolveWrappedSlot)(M, (l) => (0, n.resolveWrappedSlot)(m, (f) => (0, n.resolveWrappedSlot)(k, (b) => (0, o.h)($.NIconSwitchTransition, null, {
+              default: () => this.loading ? (0, o.h)($.NBaseLoading, { key: "loading", clsPrefix: e, strokeWidth: 20 }) : this.checked && (f || l) ? (0, o.h)("div", { class: `${e}-switch__button-icon`, key: f ? "checked-icon" : "icon" }, f || l) : !this.checked && (b || l) ? (0, o.h)("div", { class: `${e}-switch__button-icon`, key: b ? "unchecked-icon" : "icon" }, b || l) : null
+            })))),
+            (0, n.resolveWrappedSlot)(g, (l) => l && (0, o.h)("div", { key: "checked", class: `${e}-switch__checked` }, l)),
+            (0, n.resolveWrappedSlot)(S, (l) => l && (0, o.h)("div", { key: "unchecked", class: `${e}-switch__unchecked` }, l))
+          )
+        )
+      );
+    }
+  });
+})(X);
+(function(i) {
+  var c = u && u.__importDefault || function(r) {
+    return r && r.__esModule ? r : { default: r };
+  };
+  Object.defineProperty(i, "__esModule", { value: !0 }), i.switchProps = i.NSwitch = void 0;
+  var o = X;
+  Object.defineProperty(i, "NSwitch", { enumerable: !0, get: function() {
+    return c(o).default;
+  } }), Object.defineProperty(i, "switchProps", { enumerable: !0, get: function() {
+    return o.switchProps;
+  } });
+})(q);
+const We = /* @__PURE__ */ ye({
+  __proto__: null
+}, [q]);
+export {
+  We as i
+};