@fewangsit/wangsvue 1.5.219-alpha.2 → 1.5.219-alpha.3

package/buttonselecttree/index.es.js

@@ -1,281 +0,0 @@
-import { defineComponent, onMounted, reactive, ref, computed, watch, createElementBlock, openBlock, Fragment, createVNode, createBlock, mergeProps, withCtx, createCommentVNode, normalizeStyle, normalizeClass, createSlots, renderSlot, nextTick } from "vue";
-import { u as useField } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-import { _ as _sfc_main$2 } from "../badge/index.es.js";
-import { _ as _sfc_main$3 } from "../button/index.es.js";
-import { _ as _sfc_main$6 } from "../dialogselecttree/index.es.js";
-import { _ as _sfc_main$1 } from "../fieldwrapper/index.es.js";
-import { _ as _sfc_main$4 } from "../icon/index.es.js";
-import { _ as _sfc_main$5 } from "../validatormessage/index.es.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "inline-flex gap-1 items-center"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ButtonSelectTree",
-  props: {
-    type: {},
-    value: {},
-    selectedNode: {},
-    fieldDataKey: {},
-    selectionMode: { default: "checkbox" },
-    useValidator: { type: Boolean },
-    fieldName: { default: "selectTree" },
-    mandatory: { type: Boolean, default: false },
-    validatorMessage: { default: void 0 },
-    dialogHeader: { default: void 0 },
-    label: { default: void 0 },
-    fetchTree: {},
-    params: {},
-    autoSelectAll: { type: Boolean },
-    disableKeys: {},
-    exactDisableKeys: {},
-    disabled: { type: Boolean },
-    exactDisableKey: {},
-    disableNodeAll: { type: Boolean, default: false },
-    disableNodeWhen: { type: Function, default: void 0 },
-    allowEmptySelection: { type: Boolean, default: true },
-    fieldLabel: { default: void 0 },
-    fieldInfo: { default: void 0 },
-    invalid: { type: Boolean, default: false },
-    btnWidth: {},
-    width: {},
-    readonly: { type: Boolean },
-    showDisposableGroups: { type: Boolean },
-    flattenDisposableNode: { type: Boolean },
-    excludedKeys: {},
-    singleEditable: { type: Boolean, default: true },
-    singleResetable: { type: Boolean },
-    fetchTreeOnButtonRender: { type: Boolean, default: false }
-  },
-  emits: ["update:value", "dialogShown", "dialogHidden", "reset"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const props = __props;
-    onMounted(() => {
-      var _a, _b;
-      if (props.useValidator) {
-        Object.assign(
-          field,
-          useField(props.fieldName, (value) => {
-            return setValidatorMessage(value);
-          })
-        );
-        if (props.value) {
-          (_b = (_a = dialogTreeInstance.value) == null ? void 0 : _a.treeComponent) == null ? void 0 : _b.fetchTreeList();
-          field.value = props.value;
-        }
-      }
-    });
-    const field = reactive({
-      value: props.value
-    });
-    const dialogTreeInstance = ref();
-    const showDialogTree = ref(props.fetchTreeOnButtonRender);
-    const hideDialogTreeOnRender = ref(props.fetchTreeOnButtonRender);
-    const dialogTreeKey = ref(0);
-    const selectedSingleTreeNode = ref(
-      !Array.isArray(props.value) && typeof props.value !== "number" && typeof props.value !== "string" ? props.value : void 0
-    );
-    const singleTreeNodeModel = computed({
-      get: () => selectedSingleTreeNode.value,
-      set: (node) => {
-        selectedSingleTreeNode.value = node;
-        emit("update:value", getValue(node, props.fieldDataKey));
-      }
-    });
-    const treeKeys = computed(() => {
-      return collectKeyValue(field.value ?? props.value);
-    });
-    const buttonLabel = computed(() => {
-      var _a;
-      const keysExcludeAll = props.selectionMode === "checkbox" ? ((_a = treeKeys.value) == null ? void 0 : _a.filter((key) => (key == null ? void 0 : key.toString()) != "-1")) ?? [] : [];
-      const keyCount = keysExcludeAll.length;
-      if (keyCount && props.selectionMode === "checkbox") {
-        return keyCount + (props.type === "group" ? " group(s) selected" : " category(s) selected");
-      }
-      if (props.label) return props.label;
-      return props.type === "group" ? "Select Group" : "Select Category";
-    });
-    const bindBtnWidth = computed(
-      () => props.width ? `width: ${props.width}px !important` : void 0
-    );
-    const collectKeyValue = (source) => {
-      const flatNodes = JSON.parse(
-        sessionStorage.getItem(`flatten${props.type}nodes`) ?? "[]"
-      );
-      if (source) {
-        return (Array.isArray(source) ? source : [source]).map((each) => {
-          if (typeof each === "number") {
-            return each;
-          } else if (typeof each === "string") {
-            const matchedNode = flatNodes.find((node) => {
-              return node._id === each;
-            });
-            return matchedNode == null ? void 0 : matchedNode.key;
-          }
-          return each.key;
-        });
-      }
-      return [];
-    };
-    const getValue = (source, dataKey) => {
-      if (Array.isArray(source) && props.selectionMode === "checkbox") {
-        return source.map((each) => {
-          return dataKey ? each == null ? void 0 : each[dataKey] : each;
-        });
-      } else if (source && props.selectionMode === "single") {
-        return dataKey ? source == null ? void 0 : source[dataKey] : source;
-      }
-      return void 0;
-    };
-    const setValidatorMessage = async (value) => {
-      await nextTick();
-      if ((Array.isArray(value) && !(value == null ? void 0 : value.length) || !Array.isArray(value) && !value) && props.mandatory) {
-        if (props.validatorMessage) return props.validatorMessage;
-        return props.type === "group" ? "You must pick a group" : "You must pick a category";
-      } else if (props.invalid && props.validatorMessage) {
-        return props.validatorMessage;
-      }
-      return true;
-    };
-    const setTreeSelection = (event) => {
-      var _a;
-      if (event) {
-        const { keys, singleNode, selectedNodes } = event;
-        const isAllSelected = ((_a = keys[-1]) == null ? void 0 : _a.checked) ?? false;
-        if (props.selectionMode === "single") {
-          singleTreeNodeModel.value = singleNode;
-          field.value = getValue(singleTreeNodeModel.value, props.fieldDataKey);
-        } else {
-          const filterredExcludedNodes = selectedNodes == null ? void 0 : selectedNodes.filter((each) => {
-            var _a2;
-            return !((_a2 = props.excludedKeys) == null ? void 0 : _a2.includes(Number(each.key)));
-          });
-          field.value = getValue(filterredExcludedNodes, props.fieldDataKey) ?? [];
-        }
-        emit("update:value", field.value, isAllSelected);
-      }
-    };
-    const resetSingleGroupNode = () => {
-      singleTreeNodeModel.value = void 0;
-      dialogTreeKey.value++;
-      emit("reset");
-    };
-    const showDialogSelectTree = () => {
-      showDialogTree.value = true;
-      hideDialogTreeOnRender.value = false;
-      emit("dialogShown");
-    };
-    watch(
-      () => props.value,
-      (value) => {
-        field.value = value;
-      }
-    );
-    watch(
-      () => props.selectedNode,
-      (node) => {
-        if (props.selectionMode === "single") selectedSingleTreeNode.value = node;
-      },
-      { immediate: true }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$1, mergeProps(_ctx.$attrs, {
-          info: _ctx.fieldInfo,
-          label: props.fieldLabel,
-          mandatory: props.mandatory,
-          "show-optional-text": _ctx.$attrs["show-optional-text"] != false
-        }), {
-          default: withCtx(() => [
-            selectedSingleTreeNode.value ? (openBlock(), createElementBlock("span", _hoisted_1, [
-              createVNode(_sfc_main$2, {
-                label: selectedSingleTreeNode.value.name,
-                format: "nowrap"
-              }, null, 8, ["label"]),
-              _ctx.singleEditable ? (openBlock(), createBlock(_sfc_main$3, {
-                key: 0,
-                onClick: showDialogSelectTree,
-                class: "p-0 m-0 !min-w-0 !min-h-0 !h-4 !w-4 focus-visible:ring-0 focus-visible:bg-primary-50",
-                text: ""
-              }, {
-                default: withCtx(() => [
-                  createVNode(_sfc_main$4, {
-                    class: "w-full h-full",
-                    icon: "edit",
-                    severity: "primary"
-                  })
-                ]),
-                _: 1
-              })) : createCommentVNode("", true),
-              _ctx.singleResetable ? (openBlock(), createBlock(_sfc_main$3, {
-                key: 1,
-                onClick: resetSingleGroupNode,
-                class: "p-0 m-0 !min-w-0 !min-h-0 !h-4 !w-4 focus-visible:ring-0 focus-visible:bg-danger-50",
-                text: ""
-              }, {
-                default: withCtx(() => [
-                  createVNode(_sfc_main$4, {
-                    class: "w-full h-full",
-                    icon: "close",
-                    severity: "danger"
-                  })
-                ]),
-                _: 1
-              })) : createCommentVNode("", true)
-            ])) : (openBlock(), createBlock(_sfc_main$3, {
-              key: 1,
-              class: normalizeClass({ "!w-full": !props.width }),
-              disabled: _ctx.disabled,
-              label: buttonLabel.value,
-              style: normalizeStyle(bindBtnWidth.value),
-              onClick: showDialogSelectTree
-            }, null, 8, ["class", "disabled", "label", "style"])),
-            createVNode(_sfc_main$5, {
-              message: field.errorMessage
-            }, null, 8, ["message"])
-          ]),
-          _: 1
-        }, 16, ["info", "label", "mandatory", "show-optional-text"]),
-        (openBlock(), createBlock(_sfc_main$6, {
-          key: dialogTreeKey.value + +hideDialogTreeOnRender.value,
-          ref_key: "dialogTreeInstance",
-          ref: dialogTreeInstance,
-          visible: showDialogTree.value,
-          "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => showDialogTree.value = $event),
-          "allow-empty-selection": _ctx.allowEmptySelection,
-          "auto-select-all": _ctx.autoSelectAll,
-          "disable-keys": _ctx.disableKeys,
-          "disable-node-all": _ctx.disableNodeAll,
-          "disable-node-when": _ctx.disableNodeWhen,
-          "exact-disable-key": _ctx.exactDisableKey,
-          "exact-disable-keys": _ctx.exactDisableKeys,
-          "excluded-keys": _ctx.excludedKeys,
-          "fetch-tree": _ctx.fetchTree,
-          "flatten-disposable-node": _ctx.flattenDisposableNode,
-          header: _ctx.dialogHeader,
-          hidden: hideDialogTreeOnRender.value,
-          keys: treeKeys.value,
-          params: _ctx.params,
-          readonly: props.readonly,
-          "selection-mode": props.selectionMode,
-          "show-disposable-groups": props.showDisposableGroups,
-          type: props.type,
-          onHide: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("dialogHidden")),
-          onSelect: setTreeSelection
-        }, createSlots({ _: 2 }, [
-          _ctx.$slots.treenode ? {
-            name: "treenode",
-            fn: withCtx(({ node }) => [
-              renderSlot(_ctx.$slots, "treenode", { node })
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["visible", "allow-empty-selection", "auto-select-all", "disable-keys", "disable-node-all", "disable-node-when", "exact-disable-key", "exact-disable-keys", "excluded-keys", "fetch-tree", "flatten-disposable-node", "header", "hidden", "keys", "params", "readonly", "selection-mode", "show-disposable-groups", "type"]))
-      ], 64);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/buttontoggle/index.es.js

@@ -1,13 +0,0 @@
-import { defineComponent, createBlock, openBlock } from "vue";
-import { _ as _sfc_main$1 } from "../toggleswitch/index.es.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ButtonToggle",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/calendar/index.es.js

@@ -1,172 +0,0 @@
-import { defineComponent, onMounted, ref, computed, watch, watchEffect, createBlock, openBlock, mergeProps, unref, withCtx, renderSlot, nextTick } from "vue";
-import { u as useField } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-import { u as useWangsVueConfig } from "../plugins/WangsVue.es.js";
-import { a as formatVowelSoundLabel } from "../utils/textFormatter.util.es.js";
-import { _ as _sfc_main$1 } from "../basecalendar/index.es.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Calendar",
-  props: {
-    modelValue: {},
-    dateValue: {},
-    epochTimeMillis: {},
-    valueFormat: { default: "millis" },
-    label: {},
-    placeholder: {},
-    disabled: { type: Boolean },
-    readonly: { type: Boolean },
-    overlayClass: {},
-    inputId: {},
-    id: {},
-    mode: { default: "single" },
-    selectionMode: {},
-    hideOnDateTimeSelect: { type: Boolean },
-    hideOnRangeSelection: { type: Boolean, default: true },
-    view: { default: "date" },
-    showYear: { type: Boolean, default: true },
-    showButtons: { type: Boolean },
-    useValidator: { type: Boolean },
-    fieldName: {},
-    fieldInfo: {},
-    mandatory: { type: Boolean },
-    showOptionalText: { type: Boolean, default: void 0 },
-    invalid: { type: Boolean },
-    validatorMessage: {},
-    customValidation: {},
-    dateFormat: { default: "dd/mm/yy" },
-    hourFormat: { default: "24" },
-    showTime: { type: Boolean },
-    timeSeparator: { default: ":" },
-    stepHour: { default: 1 },
-    stepMinute: { default: 1 },
-    useTimeFormat: { type: Boolean },
-    onlyWeekdays: { type: Boolean },
-    excludeDates: {},
-    minDate: {},
-    maxDate: {},
-    maxYear: {},
-    maxMonth: {},
-    exactSelection: { type: Boolean }
-  },
-  emits: ["update:modelValue", "update:epochTimeMillis", "monthChange", "yearChange", "dateSelect"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    onMounted(() => {
-      if (props.dateValue != null) {
-        calendarModel.value = convertMillisToDate(props.dateValue);
-        field.value = calendarModel.value;
-        calendarKey.value++;
-      }
-      if (props.epochTimeMillis != null) {
-        calendarModel.value = convertMillisToDate(props.epochTimeMillis);
-        field.value = calendarModel.value;
-        calendarKey.value++;
-      }
-    });
-    const { locale } = useWangsVueConfig("Calendar");
-    const calendarModel = ref();
-    const calendarKey = ref(0);
-    const { value: field, errorMessage } = props.useValidator ? useField(props.fieldName ?? "date", (value) => {
-      return setValidatorMessage(value);
-    }) : {
-      value: computed({
-        get: () => {
-          return props.modelValue;
-        },
-        set: (value) => {
-          emit("update:modelValue", value);
-        }
-      })
-    };
-    const invalidInput = computed(
-      () => props.invalid || "errorMessage" in field && !!field.errorMessage
-    );
-    const setValidatorMessage = async (value) => {
-      var _a, _b;
-      await nextTick();
-      if (typeof props.validatorMessage === "string" && props.invalid) {
-        return props.validatorMessage;
-      } else if (typeof props.validatorMessage !== "string" && !value && props.mandatory) {
-        return ((_a = props.validatorMessage) == null ? void 0 : _a.empty) ?? getDefaultEmptyInvalidText();
-      } else if (!value && props.mandatory) {
-        return ((_b = props.customValidation) == null ? void 0 : _b.empty) ?? getDefaultEmptyInvalidText();
-      }
-      return true;
-    };
-    const getDefaultEmptyInvalidText = () => {
-      var _a;
-      return locale.emptyInvalidText.replace("{label}", props.label).replace(
-        "{formattedLabel}",
-        (_a = formatVowelSoundLabel(props.label)) == null ? void 0 : _a.toLowerCase()
-      );
-    };
-    const onUpdateModelValue = (format, e) => {
-      if (format === props.valueFormat && props.useValidator || !props.useValidator && format === "date") {
-        field.value = e;
-      }
-      if (format === "date" && props.useValidator) {
-        emit("update:modelValue", e);
-      }
-      if (format === "millis") {
-        emit("update:epochTimeMillis", e);
-      }
-    };
-    const convertMillisToDate = (value) => {
-      return Array.isArray(value) ? value.map((millis) => millis == null ? null : new Date(millis)) : new Date(value);
-    };
-    watch(
-      () => props.dateValue,
-      () => {
-        calendarModel.value = convertMillisToDate(props.dateValue);
-        if (props.useValidator) field.value = calendarModel.value;
-        calendarKey.value++;
-      },
-      {
-        once: true
-      }
-    );
-    watch(
-      () => props.epochTimeMillis,
-      () => {
-        calendarModel.value = convertMillisToDate(props.epochTimeMillis);
-        if (props.useValidator) field.value = calendarModel.value;
-        calendarKey.value++;
-      }
-    );
-    watch(
-      () => props.modelValue,
-      () => {
-        calendarModel.value = props.modelValue;
-        if (props.useValidator) field.value = calendarModel.value;
-      }
-    );
-    watchEffect(() => {
-      calendarModel.value = (() => {
-        if (props.valueFormat === "date")
-          return field.value;
-        return field.value ? convertMillisToDate(field.value) : field.value;
-      })();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, mergeProps({ key: calendarKey.value }, props, {
-        "error-message": unref(errorMessage),
-        invalid: invalidInput.value,
-        "model-value": calendarModel.value,
-        "selection-mode": _ctx.selectionMode || _ctx.mode,
-        "onUpdate:epochTimeMillis": _cache[0] || (_cache[0] = ($event) => onUpdateModelValue("millis", $event)),
-        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => onUpdateModelValue("date", $event))
-      }), {
-        default: withCtx(({ onClick }) => [
-          renderSlot(_ctx.$slots, "default", { onClick })
-        ]),
-        "addon-overlay": withCtx(() => [
-          renderSlot(_ctx.$slots, "addon-overlay")
-        ]),
-        _: 3
-      }, 16, ["error-message", "invalid", "model-value", "selection-mode"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/card/index.es.js

@@ -1,49 +0,0 @@
-import { defineComponent, createBlock, openBlock, unref, createSlots, withCtx, renderSlot } from "vue";
-import { s as script } from "../vendor/primevue/card/card.esm.es.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Card",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(script), null, createSlots({ _: 2 }, [
-        _ctx.$slots.header ? {
-          name: "header",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "header")
-          ]),
-          key: "0"
-        } : void 0,
-        _ctx.$slots.title ? {
-          name: "title",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "title")
-          ]),
-          key: "1"
-        } : void 0,
-        _ctx.$slots.subtitle ? {
-          name: "subtitle",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "subtitle")
-          ]),
-          key: "2"
-        } : void 0,
-        _ctx.$slots.content ? {
-          name: "content",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "content")
-          ]),
-          key: "3"
-        } : void 0,
-        _ctx.$slots.footer ? {
-          name: "footer",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "footer")
-          ]),
-          key: "4"
-        } : void 0
-      ]), 1024);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/checkbox/index.es.js

@@ -1,166 +0,0 @@
-import { defineComponent, mergeModels, inject, useModel, reactive, onMounted, computed, watch, createElementBlock, openBlock, mergeProps, unref, createElementVNode, renderSlot, createVNode, normalizeClass, createTextVNode, createBlock, createCommentVNode, toDisplayString } from "vue";
-import { u as useField } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-import { c as contains, e as equals } from "../utils/object.util.es.js";
-import { _ as _sfc_main$1 } from "../icon/index.es.js";
-const _hoisted_1 = ["data-p-disabled", "data-p-highlight"];
-const _hoisted_2 = ["id", "aria-invalid", "aria-label", "aria-labelledby", "checked", "disabled", "input-id", "name", "readonly", "required", "tabindex", "value"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Checkbox",
-  props: /* @__PURE__ */ mergeModels({
-    value: {},
-    modelValue: {},
-    label: {},
-    tooltip: {},
-    tooltipPos: {},
-    name: {},
-    withinTable: { type: Boolean, default: false },
-    binary: { type: Boolean, default: true },
-    triState: { type: [Boolean, null] },
-    invalid: { type: Boolean },
-    disabled: { type: Boolean },
-    selectable: { type: Boolean, default: true },
-    variant: {},
-    readonly: { type: Boolean },
-    useValidator: { type: Boolean },
-    fieldName: {},
-    required: { type: Boolean },
-    tabindex: {},
-    trueValue: { default: true },
-    falseValue: { default: false },
-    inputId: { default: "checkbox" },
-    inputClass: {},
-    inputStyle: {},
-    ariaLabelledby: {},
-    ariaLabel: {},
-    pt: {},
-    ptOptions: {},
-    unstyled: { type: Boolean },
-    labelClass: {}
-  }, {
-    "modelValue": {},
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["update:modelValue", "change", "focus", "blur"], ["update:modelValue"]),
-  setup(__props, { emit: __emit }) {
-    const Preset = inject("preset", {}).checkbox;
-    const props = __props;
-    const emit = __emit;
-    const modelValue = useModel(__props, "modelValue");
-    const field = reactive({
-      value: void 0
-    });
-    onMounted(() => {
-      if (props.useValidator) {
-        Object.assign(field, useField(props.fieldName ?? "checkbox"));
-        if (props.value != null) field.value = props.value;
-      }
-      if (props.modelValue != null) field.value = props.modelValue;
-    });
-    const checked = computed(() => {
-      if (props.triState) return field.value;
-      return props.binary ? field.value === props.trueValue : contains(props.value, props.modelValue);
-    });
-    const partialChecked = computed(() => {
-      return props.triState && modelValue.value === false;
-    });
-    const onChange = (event) => {
-      if (!props.disabled && !props.readonly) {
-        let newModelValue;
-        if (props.binary && !props.triState) {
-          newModelValue = checked.value ? props.falseValue : props.trueValue;
-        } else if (props.triState) {
-          newModelValue = // eslint-disable-next-line no-nested-ternary
-          field.value == null ? false : field.value === false ? true : null;
-        } else if (Array.isArray(props.modelValue)) {
-          if (checked.value)
-            newModelValue = props.modelValue.filter(
-              (val) => !equals(val, props.value)
-            );
-          else
-            newModelValue = props.modelValue ? [...props.modelValue, props.value] : [props.value];
-        }
-        modelValue.value = newModelValue;
-        field.value = newModelValue;
-        emit("change", event);
-      }
-    };
-    watch(
-      () => props.value,
-      () => {
-        field.value = props.value;
-      }
-    );
-    watch(
-      () => props.modelValue,
-      () => {
-        field.value = props.modelValue;
-      }
-    );
-    return (_ctx, _cache) => {
-      var _a, _b, _c;
-      return openBlock(), createElementBlock("label", mergeProps((_a = unref(Preset)) == null ? void 0 : _a.root, {
-        class: [
-          { "gap-1": props == null ? void 0 : props.label },
-          { "pointer-events-none": !(props == null ? void 0 : props.selectable) }
-        ],
-        "data-p-disabled": _ctx.disabled,
-        "data-p-highlight": field.value,
-        "data-wv-name": "checkbox"
-      }), [
-        createElementVNode("input", mergeProps({ id: _ctx.inputId }, { ...(_b = unref(Preset)) == null ? void 0 : _b.input, ...props }, {
-          "aria-invalid": _ctx.invalid || void 0,
-          "aria-label": _ctx.ariaLabel,
-          "aria-labelledby": _ctx.ariaLabelledby,
-          checked: checked.value,
-          disabled: _ctx.disabled,
-          "input-id": _ctx.inputId,
-          name: _ctx.name,
-          readonly: _ctx.readonly,
-          required: _ctx.required,
-          style: _ctx.inputStyle,
-          tabindex: _ctx.tabindex,
-          value: field.value,
-          onBlur: _cache[0] || (_cache[0] = ($event) => emit("blur", $event)),
-          onChange,
-          onFocus: _cache[1] || (_cache[1] = ($event) => emit("focus", $event)),
-          "data-wv-section": "checkbox-input",
-          type: "checkbox"
-        }), null, 16, _hoisted_2),
-        createElementVNode("div", mergeProps(
-          (_c = unref(Preset)) == null ? void 0 : _c.box({
-            props,
-            context: {
-              checked: checked.value,
-              partialChecked: partialChecked.value
-            }
-          }),
-          { "data-wv-section": "box" }
-        ), [
-          renderSlot(_ctx.$slots, "icon", { checked: checked.value }, () => {
-            var _a2;
-            return [
-              createVNode(_sfc_main$1, {
-                class: normalizeClass([...(_a2 = unref(Preset)) == null ? void 0 : _a2.icon.class, { "text-transparent": !checked.value }]),
-                icon: checked.value ? "check" : partialChecked.value ? "subtract" : null
-              }, null, 8, ["class", "icon"])
-            ];
-          })
-        ], 16),
-        createElementVNode("span", mergeProps(unref(Preset).label({ props }), { "data-wv-section": "checkbox-label" }), [
-          createTextVNode(toDisplayString(_ctx.label) + " ", 1),
-          _ctx.tooltip ? (openBlock(), createBlock(_sfc_main$1, mergeProps({
-            key: 0,
-            info: _ctx.tooltip,
-            "tooltip-pos": _ctx.tooltipPos
-          }, unref(Preset).tooltipicon, {
-            "data-wv-section": "tooltipicon",
-            icon: "info"
-          }), null, 16, ["info", "tooltip-pos"])) : createCommentVNode("", true)
-        ], 16)
-      ], 16, _hoisted_1);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};