@vc-shell/framework 1.1.0 → 1.1.2

package/dist/assets/ui-controls-nmDJYLmC.js

@@ -0,0 +1,348 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createBlock, createCommentVNode, unref, renderSlot, createElementVNode, createVNode, withCtx, toDisplayString, createTextVNode, Fragment, renderList, normalizeStyle } from 'vue';
+import { _ as _sfc_main$5, a as _sfc_main$7, b as _sfc_main$8, c as _sfc_main$9, d as _sfc_main$a, e as _sfc_main$b, f as _sfc_main$c, g as _sfc_main$d, h as _sfc_main$e, i as _sfc_main$f, j as _sfc_main$g, k as _sfc_main$h, l as _sfc_main$i, m as _sfc_main$j, n as _sfc_main$k, o as _sfc_main$l, p as _sfc_main$m, q as _sfc_main$n, r as _sfc_main$o, s as _sfc_main$p, t as _sfc_main$q, u as _sfc_main$r, v as _sfc_main$s, w as _sfc_main$t, x as _sfc_main$u, y as _sfc_main$v, z as _sfc_main$w, A as _sfc_main$H, B as _sfc_main$W, C as _sfc_main$X } from './ui-media-WWYrwmZw.js';
+import { _ as _sfc_main$y, V as VcLoading, a as VcProgress, b as _sfc_main$R, c as _sfc_main$S } from './ui-indicators-mIQeEqha.js';
+import { V as VcCard, _ as _sfc_main$B, a as VcContainer, b as _sfc_main$P, c as VcWidget } from './ui-layout-v2XBQky3.js';
+import { _ as _sfc_main$6, V as VcHint } from './ui-helpers-CF-EUlOg.js';
+import { _ as _sfc_main$z, a as _sfc_main$M } from './ui-navigation-BtHa6ovW.js';
+import './core-composables-DYxpIWyY.js';
+import { _ as _sfc_main$x, a as _sfc_main$K } from './ui-app-D31Pr1WY.js';
+import 'vee-validate';
+import { _ as _sfc_main$A, a as _sfc_main$D, V as VcPagination, b as _sfc_main$V } from './ui-content-B7SxH8y9.js';
+import { _ as _sfc_main$F, V as VcForm } from './ui-form-Cs5ooOo7.js';
+import { V as VcCheckbox, _ as _sfc_main$E, a as _sfc_main$I, b as _sfc_main$J, c as _sfc_main$L, d as _sfc_main$N, e as _sfc_main$O, f as _sfc_main$Q, g as VcSlider, h as _sfc_main$U } from './ui-form-fields-DFQi31jT.js';
+import './shared-composables-v9NkNuAe.js';
+import './core-plugins-wv2bDZ0l.js';
+import 'vue-router';
+import './shared-components-CfAt2hC6.js';
+import './shared-modules-CDP-H5ZB.js';
+import { _ as _sfc_main$C, a as _sfc_main$T } from './ui-data-Ci3b1ye0.js';
+import { _ as _sfc_main$G } from './ui-media-advanced-T8ibi153.js';
+
+const _hoisted_1$2 = ["disabled"];
+const _hoisted_2$2 = {
+  key: 1,
+  class: "vc-button__title"
+};
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "vc-button",
+  props: {
+    icon: {},
+    iconClass: {},
+    iconSize: { default: "s" },
+    variant: { default: "primary" },
+    disabled: { type: Boolean },
+    size: { default: "base" },
+    small: { type: Boolean },
+    outline: { type: Boolean },
+    selected: { type: Boolean },
+    text: { type: Boolean },
+    raised: { type: Boolean }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const buttonClass = computed(() => {
+      return [
+        "vc-button",
+        {
+          [`vc-button-${props.variant}`]: props.variant,
+          [`vc-button_${props.size}`]: props.size,
+          // "vc-button_small": props.small,
+          // "vc-button_outline": props.outline,
+          "vc-button_selected": props.selected,
+          "vc-button_text": props.text,
+          "vc-button_disabled": props.disabled
+          // "vc-button_raised": props.raised,
+        }
+      ];
+    });
+    function onClick(e) {
+      if (!props.disabled) {
+        e.preventDefault();
+        emit("click", e);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        class: normalizeClass(buttonClass.value),
+        disabled: _ctx.disabled,
+        onClick
+      }, [
+        _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$5), {
+          key: 0,
+          class: normalizeClass(["vc-button__icon", _ctx.iconClass]),
+          icon: _ctx.icon,
+          size: _ctx.iconSize
+        }, null, 8, ["class", "icon", "size"])) : createCommentVNode("", true),
+        _ctx.$slots["default"] ? (openBlock(), createElementBlock("p", _hoisted_2$2, [
+          renderSlot(_ctx.$slots, "default")
+        ])) : createCommentVNode("", true)
+      ], 10, _hoisted_1$2);
+    };
+  }
+});
+
+const _hoisted_1$1 = { class: "vc-label__text" };
+const _hoisted_2$1 = { class: "vc-label__content" };
+const _hoisted_3$1 = {
+  key: 0,
+  class: "vc-label__required"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "vc-label__tooltip"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "vc-label__language"
+};
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "vc-label",
+  props: {
+    required: { type: Boolean },
+    tooltipIcon: { default: "material-info" },
+    multilanguage: { type: Boolean },
+    currentLanguage: {},
+    error: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["vc-label", {
+          "vc-label_error": _ctx.error
+        }])
+      }, [
+        createElementVNode("div", _hoisted_1$1, [
+          createElementVNode("span", _hoisted_2$1, [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _ctx.required ? (openBlock(), createElementBlock("span", _hoisted_3$1, "*")) : createCommentVNode("", true)
+        ]),
+        _ctx.$slots["tooltip"] ? (openBlock(), createElementBlock("span", _hoisted_4, [
+          createVNode(unref(_sfc_main$6), { placement: "top-start" }, {
+            tooltip: withCtx(() => [
+              renderSlot(_ctx.$slots, "tooltip")
+            ]),
+            default: withCtx(() => [
+              createVNode(unref(_sfc_main$5), {
+                class: "vc-label__tooltip-icon",
+                icon: _ctx.tooltipIcon,
+                size: "s"
+              }, null, 8, ["icon"])
+            ]),
+            _: 3
+          })
+        ])) : createCommentVNode("", true),
+        _ctx.multilanguage ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(_ctx.currentLanguage), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "vc-link",
+  props: {
+    active: { type: Boolean },
+    disabled: { type: Boolean },
+    onClick: { type: Function }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function onClickFn() {
+      if (!props.disabled) {
+        emit("click");
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["vc-link", {
+          "vc-link--active": _ctx.active,
+          "vc-link--disabled": _ctx.disabled
+        }]),
+        onClick: onClickFn
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+
+const VcLink = _sfc_main$2;
+
+const _hoisted_1 = { class: "vc-switch" };
+const _hoisted_2 = { class: "vc-switch__container" };
+const _hoisted_3 = ["checked", "disabled"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "vc-switch",
+  props: {
+    modelValue: { type: Boolean },
+    disabled: { type: Boolean },
+    tooltip: {},
+    required: { type: Boolean },
+    label: {},
+    trueValue: { type: Boolean, default: true },
+    falseValue: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const invertValue = (value) => {
+      if (typeof value !== "undefined") {
+        return props.trueValue ? value : !value;
+      }
+    };
+    function onInput(e) {
+      const newValue = e.target.checked;
+      emit("update:modelValue", invertValue(newValue));
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.label ? (openBlock(), createBlock(unref(_sfc_main$3), {
+          key: 0,
+          class: "vc-switch__label",
+          required: _ctx.required
+        }, {
+          default: withCtx(() => [
+            createElementVNode("span", null, toDisplayString(_ctx.label), 1)
+          ]),
+          _: 1
+        }, 8, ["required"])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("label", null, [
+            createElementVNode("input", {
+              type: "checkbox",
+              class: "vc-switch__input",
+              checked: invertValue(_ctx.modelValue),
+              disabled: _ctx.disabled,
+              onInput
+            }, null, 40, _hoisted_3),
+            _cache[0] || (_cache[0] = createElementVNode("span", { class: "vc-switch__slider" }, null, -1))
+          ]),
+          _ctx.tooltip ? (openBlock(), createBlock(unref(VcHint), {
+            key: 0,
+            class: "vc-switch__hint"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.tooltip), 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "vc-skeleton",
+  props: {
+    rows: { default: 1 },
+    animated: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    function getRowWidth(index) {
+      if (index === props.rows) {
+        return "60%";
+      }
+      return "100%";
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["vc-skeleton", {
+          "vc-skeleton--animated": _ctx.animated
+        }])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rows, (index) => {
+          return openBlock(), createElementBlock("div", {
+            key: index,
+            class: "vc-skeleton__row",
+            style: normalizeStyle({
+              width: getRowWidth(index)
+            })
+          }, null, 4);
+        }), 128))
+      ], 2);
+    };
+  }
+});
+
+const components = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  AppWindowIcon: _sfc_main$7,
+  ArrowLeftIcon: _sfc_main$8,
+  ArrowRightIcon: _sfc_main$9,
+  BellIcon: _sfc_main$a,
+  ChevronDownIcon: _sfc_main$b,
+  ChevronLeftIcon: _sfc_main$c,
+  ChevronRightIcon: _sfc_main$d,
+  ChevronUpIcon: _sfc_main$e,
+  CircleDotsIcon: _sfc_main$f,
+  CrossSignIcon: _sfc_main$g,
+  DoubleArrowLeftIcon: _sfc_main$h,
+  DoubleArrowRightIcon: _sfc_main$i,
+  FulfillmentCentersIcon: _sfc_main$j,
+  GridDotsIcon: _sfc_main$k,
+  LogoutIcon: _sfc_main$l,
+  MenuBurgerIcon: _sfc_main$m,
+  MinusSignIcon: _sfc_main$n,
+  OffersIcon: _sfc_main$o,
+  OrdersIcon: _sfc_main$p,
+  PeopleIcon: _sfc_main$q,
+  PlusSignIcon: _sfc_main$r,
+  ProductsIcon: _sfc_main$s,
+  ProfileIcon: _sfc_main$t,
+  SearchIcon: _sfc_main$u,
+  SettingsBoltIcon: _sfc_main$v,
+  ShoppingCardIcon: _sfc_main$w,
+  VcApp: _sfc_main$x,
+  VcBadge: _sfc_main$y,
+  VcBlade: _sfc_main$z,
+  VcBreadcrumbs: _sfc_main$A,
+  VcButton: _sfc_main$4,
+  VcCard,
+  VcCheckbox,
+  VcCol: _sfc_main$B,
+  VcContainer,
+  VcDynamicProperty: _sfc_main$C,
+  VcEditor: _sfc_main$D,
+  VcField: _sfc_main$E,
+  VcFileUpload: _sfc_main$F,
+  VcForm,
+  VcGallery: _sfc_main$G,
+  VcHint,
+  VcIcon: _sfc_main$5,
+  VcImage: _sfc_main$H,
+  VcInput: _sfc_main$I,
+  VcInputCurrency: _sfc_main$J,
+  VcLabel: _sfc_main$3,
+  VcLink,
+  VcLoading,
+  VcLoginForm: _sfc_main$K,
+  VcMultivalue: _sfc_main$L,
+  VcPagination,
+  VcPopup: _sfc_main$M,
+  VcProgress,
+  VcRadioButton: _sfc_main$N,
+  VcRating: _sfc_main$O,
+  VcRow: _sfc_main$P,
+  VcSelect: _sfc_main$Q,
+  VcSkeleton: _sfc_main,
+  VcSlider,
+  VcStatus: _sfc_main$R,
+  VcStatusIcon: _sfc_main$S,
+  VcSwitch: _sfc_main$1,
+  VcTable: _sfc_main$T,
+  VcTextarea: _sfc_main$U,
+  VcToast: _sfc_main$V,
+  VcTooltip: _sfc_main$6,
+  VcVideo: _sfc_main$W,
+  VcWidget,
+  VertDotsIcon: _sfc_main$X
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { VcLink as V, _sfc_main$3 as _, _sfc_main$1 as a, _sfc_main$4 as b, components as c, _sfc_main as d };