cleek 2.6.39 → 2.6.41

package/dist/cleek.es.js

@@ -1,4 +1,4 @@
-import { watch as watch$1, effectScope, reactive as reactive$2, computed as computed$3, pushScopeId as pushScopeId$2, popScopeId as popScopeId$2, defineComponent as defineComponent$2, nextTick as nextTick$4, openBlock as openBlock$2, createBlock as createBlock$2, createElementBlock as createElementBlock$2, normalizeClass as normalizeClass$2, renderSlot as renderSlot$2, normalizeProps as normalizeProps$1, guardReactiveProps as guardReactiveProps$2, withScopeId as withScopeId$2, resolveComponent as resolveComponent$2, normalizeStyle as normalizeStyle$2, withKeys as withKeys$2, createElementVNode, Fragment as Fragment$2, createCommentVNode as createCommentVNode$2, withCtx as withCtx$2, createVNode as createVNode$2, ref as ref$1, createApp, h as h$2, mergeProps as mergeProps$2, toDisplayString as toDisplayString$1, resolveDirective, createTextVNode as createTextVNode$2, withDirectives as withDirectives$1, onMounted as onMounted$1, getCurrentInstance as getCurrentInstance$1, unref as unref$3, onBeforeUnmount as onBeforeUnmount$1, vModelText, vModelDynamic, renderList as renderList$1, withModifiers as withModifiers$1, Teleport as Teleport$1, watchEffect, resolveDynamicComponent as resolveDynamicComponent$1, vShow as vShow$1, vModelRadio, vModelSelect } from "vue";
+import { watch as watch$1, effectScope, reactive as reactive$2, computed as computed$3, pushScopeId as pushScopeId$2, popScopeId as popScopeId$2, defineComponent as defineComponent$2, nextTick as nextTick$4, openBlock as openBlock$2, createBlock as createBlock$2, createElementBlock as createElementBlock$2, normalizeClass as normalizeClass$2, renderSlot as renderSlot$2, normalizeProps as normalizeProps$1, guardReactiveProps as guardReactiveProps$2, withScopeId as withScopeId$2, resolveComponent as resolveComponent$2, normalizeStyle as normalizeStyle$2, withKeys as withKeys$2, createElementVNode, Fragment as Fragment$2, createCommentVNode as createCommentVNode$2, withCtx as withCtx$2, createVNode as createVNode$2, ref as ref$1, createApp, h as h$2, mergeProps as mergeProps$2, toDisplayString as toDisplayString$1, resolveDirective, createTextVNode as createTextVNode$2, withDirectives as withDirectives$1, onMounted as onMounted$1, getCurrentInstance as getCurrentInstance$1, unref as unref$3, onBeforeUnmount as onBeforeUnmount$1, vModelText, vModelDynamic, renderList as renderList$1, withModifiers as withModifiers$1, Teleport as Teleport$1, watchEffect, resolveDynamicComponent as resolveDynamicComponent$1, vShow as vShow$1, vModelRadio, vModelSelect, vModelCheckbox } from "vue";
 function getDevtoolsGlobalHook$2() {
   return getTarget$2().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
@@ -26897,10 +26897,10 @@ const _hoisted_2$1$2 = {
   class: "v-popper__inner"
 };
 const _hoisted_3$a = /* @__PURE__ */ createBaseVNode$1("div", { class: "v-popper__arrow-outer" }, null, -1);
-const _hoisted_4$8$1 = /* @__PURE__ */ createBaseVNode$1("div", { class: "v-popper__arrow-inner" }, null, -1);
+const _hoisted_4$8 = /* @__PURE__ */ createBaseVNode$1("div", { class: "v-popper__arrow-inner" }, null, -1);
 const _hoisted_5$5 = [
   _hoisted_3$a,
-  _hoisted_4$8$1
+  _hoisted_4$8
 ];
 function _sfc_render$2$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ResizeObserver = resolveComponent$1("ResizeObserver");
@@ -81303,7 +81303,7 @@ const _hoisted_1$n = {
   key: 0,
   class: "help-text"
 };
-const _hoisted_2$d = {
+const _hoisted_2$c = {
   key: 0,
   class: "pl-1"
 };
@@ -81341,7 +81341,7 @@ const _sfc_main$w = defineComponent$2({
         onClick: _cache[0] || (_cache[0] = ($event) => emits("click", $event))
       }, [
         createTextVNode$2(toDisplayString$1(computedDate.value), 1),
-        computedTime.value ? (openBlock$2(), createElementBlock$2("span", _hoisted_2$d, "| " + toDisplayString$1(computedTime.value), 1)) : createCommentVNode$2("", true)
+        computedTime.value ? (openBlock$2(), createElementBlock$2("span", _hoisted_2$c, "| " + toDisplayString$1(computedTime.value), 1)) : createCommentVNode$2("", true)
       ])) : withDirectives$1((openBlock$2(), createElementBlock$2("div", {
         key: 2,
         class: "ck-datetime-shower",
@@ -82476,7 +82476,7 @@ const _sfc_main$n = defineComponent$2({
 var CkLabel = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-9b5f4b38"]]);
 var ckInput_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$h = ["autocomplete", "placeholder", "disabled"];
-const _hoisted_2$c = ["autocomplete", "type", "placeholder", "disabled"];
+const _hoisted_2$b = ["autocomplete", "type", "placeholder", "disabled"];
 const defaultType = "text";
 const defaultDelayChangeTime = 300;
 const _sfc_main$m = defineComponent$2({
@@ -82684,7 +82684,7 @@ const _sfc_main$m = defineComponent$2({
           onClick: _cache[9] || (_cache[9] = ($event) => onClick($event)),
           onFocus: _cache[10] || (_cache[10] = ($event) => emits("focus", $event)),
           onBlur: _cache[11] || (_cache[11] = ($event) => emits("blur", $event))
-        }, null, 46, _hoisted_2$c)), [
+        }, null, 46, _hoisted_2$b)), [
           [vModelDynamic, value.value]
         ]),
         _ctx.type === "password" ? (openBlock$2(), createElementBlock$2("div", {
@@ -82827,12 +82827,12 @@ const _sfc_main$l = defineComponent$2({
 });
 var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-771a8d56"]]);
 var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$4 = (n2) => (pushScopeId$2("data-v-02d0ab88"), n2 = n2(), popScopeId$2(), n2);
+const _withScopeId$3 = (n2) => (pushScopeId$2("data-v-02d0ab88"), n2 = n2(), popScopeId$2(), n2);
 const _hoisted_1$g = { class: "ck-table__pagination" };
-const _hoisted_2$b = { class: "ck-table__pagination--numbers-container" };
-const _hoisted_3$9 = ["onClick"];
-const _hoisted_4$8 = { class: "ck-table__pagination-input-container" };
-const _hoisted_5$3 = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-table__pagination--input-pointer" }, null, -1));
+const _hoisted_2$a = { class: "ck-table__pagination--numbers-container" };
+const _hoisted_3$8 = ["onClick"];
+const _hoisted_4$7 = { class: "ck-table__pagination-input-container" };
+const _hoisted_5$3 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-table__pagination--input-pointer" }, null, -1));
 const _hoisted_6$3 = ["onClick"];
 const itemsShowed = 5;
 const _sfc_main$k = defineComponent$2({
@@ -82942,14 +82942,14 @@ const _sfc_main$k = defineComponent$2({
               icon: hasArrowLeft.value ? "angle-left" : "grip-lines-vertical"
             }, null, 8, ["icon"])
           ], 2),
-          createElementVNode("div", _hoisted_2$b, [
+          createElementVNode("div", _hoisted_2$a, [
             (openBlock$2(true), createElementBlock$2(Fragment$2, null, renderList$1(listLeft.value, (num) => {
               return openBlock$2(), createElementBlock$2("div", {
                 class: "ck-table__pagination-item--left",
                 onClick: ($event) => currentPageLocal.value = num
-              }, toDisplayString$1(num), 9, _hoisted_3$9);
+              }, toDisplayString$1(num), 9, _hoisted_3$8);
             }), 256)),
-            createElementVNode("div", _hoisted_4$8, [
+            createElementVNode("div", _hoisted_4$7, [
               withDirectives$1(createElementVNode("input", {
                 class: "ck-table__pagination-input",
                 type: "number",
@@ -83237,10 +83237,10 @@ const computed = (getterOrOptions, debugOptions) => {
   return computed$1(getterOrOptions, debugOptions, isInSSRComponentSetup);
 };
 var ckCheckbox_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$3 = (n2) => (pushScopeId$2("data-v-113ac83f"), n2 = n2(), popScopeId$2(), n2);
+const _withScopeId$2 = (n2) => (pushScopeId$2("data-v-113ac83f"), n2 = n2(), popScopeId$2(), n2);
 const _hoisted_1$f = ["disabled", "checked"];
-const _hoisted_2$a = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-checkbox__element" }, null, -1));
-const _hoisted_3$8 = {
+const _hoisted_2$9 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-checkbox__element" }, null, -1));
+const _hoisted_3$7 = {
   key: 0,
   class: "c-Checkbox__label"
 };
@@ -83294,8 +83294,8 @@ const _sfc_main$j = defineComponent$2({
             onChange2($event);
           })
         }, null, 40, _hoisted_1$f),
-        _hoisted_2$a,
-        _ctx.$slots.default ? (openBlock$2(), createElementBlock$2("span", _hoisted_3$8, [
+        _hoisted_2$9,
+        _ctx.$slots.default ? (openBlock$2(), createElementBlock$2("span", _hoisted_3$7, [
           renderSlot$2(_ctx.$slots, "default", {}, void 0, true)
         ])) : createCommentVNode$2("", true)
       ], 16);
@@ -83305,12 +83305,12 @@ const _sfc_main$j = defineComponent$2({
 var CkCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-113ac83f"]]);
 var ckPopup_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$e = { class: "ck-popup" };
-const _hoisted_2$9 = /* @__PURE__ */ createElementVNode("div", { class: "blackout" }, null, -1);
-const _hoisted_3$7 = {
+const _hoisted_2$8 = /* @__PURE__ */ createElementVNode("div", { class: "blackout" }, null, -1);
+const _hoisted_3$6 = {
   key: 0,
   class: "ck-popup__title"
 };
-const _hoisted_4$7 = { class: "ck-popup__slot-body" };
+const _hoisted_4$6 = { class: "ck-popup__slot-body" };
 const _hoisted_5$2 = {
   key: 0,
   class: "ck-popup__slot-footer"
@@ -83469,7 +83469,7 @@ const _sfc_main$i = defineComponent$2({
         to: "body"
       }, [
         createElementVNode("div", _hoisted_1$e, [
-          _hoisted_2$9,
+          _hoisted_2$8,
           createElementVNode("div", {
             class: "popup-container",
             onMousedown: _cache[4] || (_cache[4] = ($event) => onBgClick())
@@ -83484,7 +83484,7 @@ const _sfc_main$i = defineComponent$2({
                 class: normalizeClass$2(["ck-popup__slot-header", computedClassHeader.value]),
                 style: normalizeStyle$2(computedStyleHeader.value)
               }, [
-                _ctx.title ? (openBlock$2(), createElementBlock$2("h3", _hoisted_3$7, toDisplayString$1(_ctx.title), 1)) : createCommentVNode$2("", true),
+                _ctx.title ? (openBlock$2(), createElementBlock$2("h3", _hoisted_3$6, toDisplayString$1(_ctx.title), 1)) : createCommentVNode$2("", true),
                 renderSlot$2(_ctx.$slots, "header"),
                 isCloseBtnVisible.value ? (openBlock$2(), createBlock$2(CkIcon, {
                   key: 1,
@@ -83493,7 +83493,7 @@ const _sfc_main$i = defineComponent$2({
                   onClick: _cache[0] || (_cache[0] = ($event) => isActive.value = false)
                 })) : createCommentVNode$2("", true)
               ], 6),
-              createElementVNode("div", _hoisted_4$7, [
+              createElementVNode("div", _hoisted_4$6, [
                 renderSlot$2(_ctx.$slots, "default")
               ]),
               _ctx.$slots.footer || _ctx.confirmButtons || _ctx.acceptButton || _ctx.cancelButton ? (openBlock$2(), createElementBlock$2("div", _hoisted_5$2, [
@@ -83611,15 +83611,15 @@ var TableColumnsManager = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId"
 var ckTable_vue_vue_type_style_index_0_lang = "";
 var ckTable_vue_vue_type_style_index_1_scoped_true_lang = "";
 const _hoisted_1$c = { class: "ck-table" };
-const _hoisted_2$8 = {
+const _hoisted_2$7 = {
   key: 0,
   class: "ck-table__header"
 };
-const _hoisted_3$6 = {
+const _hoisted_3$5 = {
   key: 0,
   class: "ck-table__header--slot"
 };
-const _hoisted_4$6 = { key: 0 };
+const _hoisted_4$5 = { key: 0 };
 const _hoisted_5$1 = { key: 1 };
 const _hoisted_6$1 = {
   key: 2,
@@ -83770,7 +83770,7 @@ const _sfc_main$g = defineComponent$2({
           columns: _ctx.columns || []
         }, null, 8, ["modelValue", "columnsArray", "columns"])) : createCommentVNode$2("", true),
         createElementVNode("div", _hoisted_1$c, [
-          _ctx.$slots.header || !_ctx.hideHeaderActions ? (openBlock$2(), createElementBlock$2("div", _hoisted_2$8, [
+          _ctx.$slots.header || !_ctx.hideHeaderActions ? (openBlock$2(), createElementBlock$2("div", _hoisted_2$7, [
             createVNode$2(TableHeaderItems, {
               search: searchLocal.value,
               "onUpdate:search": _cache[1] || (_cache[1] = ($event) => searchLocal.value = $event),
@@ -83786,7 +83786,7 @@ const _sfc_main$g = defineComponent$2({
               onRefreshList: _cache[2] || (_cache[2] = ($event) => refreshList($event)),
               onOpenColumnsManager: _cache[3] || (_cache[3] = ($event) => openColumnsManager())
             }, null, 8, ["search", "hideHeaderActions", "currentPage", "hasColumnsManager", "itemsPerPage", "listLength", "showRefreshBtn", "hideItemsPerPage", "layout", "version"]),
-            _ctx.$slots.header ? (openBlock$2(), createElementBlock$2("div", _hoisted_3$6, [
+            _ctx.$slots.header ? (openBlock$2(), createElementBlock$2("div", _hoisted_3$5, [
               renderSlot$2(_ctx.$slots, "header", {}, void 0, true)
             ])) : createCommentVNode$2("", true)
           ])) : createCommentVNode$2("", true),
@@ -83797,7 +83797,7 @@ const _sfc_main$g = defineComponent$2({
             createElementVNode("table", {
               class: normalizeClass$2(["ck-table__table", computedClassTable.value])
             }, [
-              filteredColumnsList.value.length && !(_ctx.$slots.mobile && isMobileVisible.value) ? (openBlock$2(), createElementBlock$2("thead", _hoisted_4$6, [
+              filteredColumnsList.value.length && !(_ctx.$slots.mobile && isMobileVisible.value) ? (openBlock$2(), createElementBlock$2("thead", _hoisted_4$5, [
                 createVNode$2(CkTr, { class: "header-row" }, {
                   default: withCtx$2(() => [
                     (openBlock$2(true), createElementBlock$2(Fragment$2, null, renderList$1(filteredColumnsList.value, (col) => {
@@ -89118,12 +89118,12 @@ const _hoisted_1$b = {
   key: 0,
   class: "ck-card__header"
 };
-const _hoisted_2$7 = {
+const _hoisted_2$6 = {
   key: 0,
   class: "ck-card__header-title"
 };
-const _hoisted_3$5 = { class: "ck-card__body" };
-const _hoisted_4$5 = {
+const _hoisted_3$4 = { class: "ck-card__body" };
+const _hoisted_4$4 = {
   key: 0,
   class: "ck-card__header-subtitle"
 };
@@ -89178,7 +89178,7 @@ const _sfc_main$c = defineComponent$2({
         class: normalizeClass$2(["ck-card", computedClass.value])
       }, [
         _ctx.title || !computedHideCloseBtn.value ? (openBlock$2(), createElementBlock$2("div", _hoisted_1$b, [
-          _ctx.title ? (openBlock$2(), createElementBlock$2("div", _hoisted_2$7, toDisplayString$1(_ctx.title), 1)) : createCommentVNode$2("", true),
+          _ctx.title ? (openBlock$2(), createElementBlock$2("div", _hoisted_2$6, toDisplayString$1(_ctx.title), 1)) : createCommentVNode$2("", true),
           !computedHideCloseBtn.value ? (openBlock$2(), createElementBlock$2("div", {
             key: 1,
             class: "ck-card__close-btn",
@@ -89187,8 +89187,8 @@ const _sfc_main$c = defineComponent$2({
             createVNode$2(_component_ck_icon, { icon: "times" })
           ])) : createCommentVNode$2("", true)
         ])) : createCommentVNode$2("", true),
-        createElementVNode("div", _hoisted_3$5, [
-          _ctx.subtitle ? (openBlock$2(), createElementBlock$2("div", _hoisted_4$5, toDisplayString$1(_ctx.subtitle), 1)) : createCommentVNode$2("", true),
+        createElementVNode("div", _hoisted_3$4, [
+          _ctx.subtitle ? (openBlock$2(), createElementBlock$2("div", _hoisted_4$4, toDisplayString$1(_ctx.subtitle), 1)) : createCommentVNode$2("", true),
           createElementVNode("div", {
             class: normalizeClass$2(["ck-card__content", { "content-block": _ctx.block }])
           }, [
@@ -89425,11 +89425,11 @@ const _sfc_main$9 = defineComponent$2({
 });
 var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-50760031"]]);
 var ckRadio_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$2 = (n2) => (pushScopeId$2("data-v-0dd8663c"), n2 = n2(), popScopeId$2(), n2);
+const _withScopeId$1 = (n2) => (pushScopeId$2("data-v-0dd8663c"), n2 = n2(), popScopeId$2(), n2);
 const _hoisted_1$8 = ["onKeyup"];
-const _hoisted_2$6 = ["name", "value", "disabled"];
-const _hoisted_3$4 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "c-Radio__element" }, null, -1));
-const _hoisted_4$4 = {
+const _hoisted_2$5 = ["name", "value", "disabled"];
+const _hoisted_3$3 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "c-Radio__element" }, null, -1));
+const _hoisted_4$3 = {
   key: 0,
   class: "c-Radio__label"
 };
@@ -89505,11 +89505,11 @@ const _sfc_main$8 = defineComponent$2({
             name: _ctx.name,
             value: option.value,
             disabled: _ctx.disabled
-          }, null, 8, _hoisted_2$6), [
+          }, null, 8, _hoisted_2$5), [
             [vModelRadio, value.value]
           ]),
-          _hoisted_3$4,
-          option.label ? (openBlock$2(), createElementBlock$2("span", _hoisted_4$4, toDisplayString$1(option.label), 1)) : createCommentVNode$2("", true)
+          _hoisted_3$3,
+          option.label ? (openBlock$2(), createElementBlock$2("span", _hoisted_4$3, toDisplayString$1(option.label), 1)) : createCommentVNode$2("", true)
         ], 16, _hoisted_1$8);
       }), 128);
     };
@@ -89518,12 +89518,12 @@ const _sfc_main$8 = defineComponent$2({
 var ckRadio = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-0dd8663c"]]);
 var ckSelect_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$7 = ["disabled"];
-const _hoisted_2$5 = ["value"];
-const _hoisted_3$3 = {
+const _hoisted_2$4 = ["value"];
+const _hoisted_3$2 = {
   key: 4,
   class: "ck-select--placeholder"
 };
-const _hoisted_4$3 = {
+const _hoisted_4$2 = {
   key: 5,
   class: "ck-select--placeholder"
 };
@@ -89780,12 +89780,12 @@ const _sfc_main$7 = defineComponent$2({
             return openBlock$2(), createElementBlock$2("option", {
               value: getOptionValue(option),
               key: option
-            }, toDisplayString$1(getOptionName(option)), 9, _hoisted_2$5);
+            }, toDisplayString$1(getOptionName(option)), 9, _hoisted_2$4);
           }), 128))
         ], 14, _hoisted_1$7), [
           [vModelSelect, value.value]
         ]),
-        isEmptyOptionsMsgVisible.value ? (openBlock$2(), createElementBlock$2("span", _hoisted_3$3, toDisplayString$1(_ctx.emptyOptionsMsg), 1)) : isPlaceholderVisible.value ? (openBlock$2(), createElementBlock$2("span", _hoisted_4$3, toDisplayString$1(_ctx.placeholder), 1)) : createCommentVNode$2("", true)
+        isEmptyOptionsMsgVisible.value ? (openBlock$2(), createElementBlock$2("span", _hoisted_3$2, toDisplayString$1(_ctx.emptyOptionsMsg), 1)) : isPlaceholderVisible.value ? (openBlock$2(), createElementBlock$2("span", _hoisted_4$2, toDisplayString$1(_ctx.placeholder), 1)) : createCommentVNode$2("", true)
       ], 6);
     };
   }
@@ -89886,14 +89886,7 @@ const _sfc_main$6 = defineComponent$2({
 });
 var ckSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-64161f5d"]]);
 var ckSwitch_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$1 = (n2) => (pushScopeId$2("data-v-1a15920f"), n2 = n2(), popScopeId$2(), n2);
 const _hoisted_1$5 = ["checked", "disabled"];
-const _hoisted_2$4 = { class: "ck-switch__slider-container" };
-const _hoisted_3$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-switch__slider" }, null, -1));
-const _hoisted_4$2 = {
-  key: 0,
-  class: "ck-switch__content"
-};
 const defaultSize = "s";
 const _sfc_main$5 = defineComponent$2({
   __name: "ck-switch",
@@ -89918,6 +89911,16 @@ const _sfc_main$5 = defineComponent$2({
         emits("update:modelValue", val);
       }
     });
+    const checkedValue = computed$3({
+      get() {
+        return value.value;
+      },
+      set(val) {
+        if (props.preventAutoUpdate)
+          return;
+        value.value = val;
+      }
+    });
     const computedClass = computed$3(() => {
       const list = [];
       if (props.squared)
@@ -89934,58 +89937,34 @@ const _sfc_main$5 = defineComponent$2({
         tabindex: props.disabled ? void 0 : "0"
       };
     });
-    const iconClass = computed$3(() => {
+    computed$3(() => {
       const list = [];
       if (props.size && props.size !== defaultSize) {
         list.push(`ck-switch__icon-size--${props.size}`);
       }
       return list;
     });
-    function handleCheckboxChange(event) {
-      if (props.preventAutoUpdate) {
-        event.preventDefault();
-      } else {
-        value.value = event.target.checked;
-      }
-      value.value = false;
-    }
     return (_ctx, _cache) => {
       return openBlock$2(), createElementBlock$2("label", mergeProps$2({ class: "ck-switch" }, computedAttributes.value, {
         class: computedClass.value,
         onKeydown: _cache[1] || (_cache[1] = withKeys$2(withModifiers$1(() => {
         }, ["prevent"]), ["space"]))
       }), [
-        createElementVNode("input", {
+        withDirectives$1(createElementVNode("input", {
           class: "ck-switch__input",
           type: "checkbox",
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => checkedValue.value = $event),
           checked: value.value,
           "aria-hidden": "true",
-          disabled: _ctx.disabled,
-          onChange: _cache[0] || (_cache[0] = ($event) => handleCheckboxChange($event))
-        }, null, 40, _hoisted_1$5),
-        createElementVNode("div", _hoisted_2$4, [
-          _hoisted_3$2,
-          _ctx.icon && value.value ? (openBlock$2(), createBlock$2(CkIcon, {
-            key: 0,
-            class: normalizeClass$2(["ck-switch__icon-left", iconClass.value]),
-            icon: _ctx.icon,
-            "icon-pack": _ctx.iconPack
-          }, null, 8, ["icon", "icon-pack", "class"])) : createCommentVNode$2("", true),
-          _ctx.icon && !value.value ? (openBlock$2(), createBlock$2(CkIcon, {
-            key: 1,
-            class: normalizeClass$2(["ck-switch__icon-right", iconClass.value]),
-            icon: _ctx.icon,
-            "icon-pack": _ctx.iconPack
-          }, null, 8, ["icon", "icon-pack", "class"])) : createCommentVNode$2("", true)
-        ]),
-        _ctx.$slots.default ? (openBlock$2(), createElementBlock$2("span", _hoisted_4$2, [
-          renderSlot$2(_ctx.$slots, "default", {}, void 0, true)
-        ])) : createCommentVNode$2("", true)
+          disabled: _ctx.disabled
+        }, null, 8, _hoisted_1$5), [
+          [vModelCheckbox, checkedValue.value]
+        ])
       ], 16);
     };
   }
 });
-var ckSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-1a15920f"]]);
+var ckSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-e7593bdc"]]);
 var ckSwitchOptions_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$4 = { class: "ck-switch-options__container-exterior" };
 const _hoisted_2$3 = ["onClick"];