cleek 2.0.6 → 2.0.7

package/dist/cleek.es.js

@@ -11207,7 +11207,7 @@ defineComponent({
     };
   }
 });
-function render$b(_ctx, _cache, $props, $setup, $data, $options) {
+function render$a(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["ck-icon", $options.computedClass]),
@@ -11283,9 +11283,9 @@ const _sfc_main$l = {
     }
   }
 };
-var ckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", render$b], ["__scopeId", "data-v-77d9963a"]]);
+var ckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", render$a], ["__scopeId", "data-v-77d9963a"]]);
 const _hoisted_1$i = ["title", "aria-label", "disabled"];
-function render$a(_ctx, _cache, $props, $setup, $data, $options) {
+function render$9(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ck_icon = resolveComponent("ck-icon");
   return openBlock(), createElementBlock("button", {
     type: "button",
@@ -11368,7 +11368,7 @@ const _sfc_main$k = {
     }
   }
 };
-var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", render$a], ["__scopeId", "data-v-a687842a"]]);
+var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", render$9], ["__scopeId", "data-v-a687842a"]]);
 const _withScopeId$2 = (n) => (pushScopeId("data-v-69dfa524"), n = n(), popScopeId(), n);
 const _hoisted_1$h = ["disabled", "checked"];
 const _hoisted_2$8 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-checkbox__element" }, null, -1));
@@ -11376,7 +11376,7 @@ const _hoisted_3$5 = {
   key: 0,
   class: "c-Checkbox__label"
 };
-function render$9(_ctx, _cache, $props, $setup, $data, $options) {
+function render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", mergeProps({ class: "ck-checkbox" }, $options.checkboxAttributes, {
     onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers(() => {
     }, ["prevent"]), ["space"])),
@@ -11436,7 +11436,7 @@ const _sfc_main$j = {
     }
   }
 };
-var ckCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", render$9], ["__scopeId", "data-v-69dfa524"]]);
+var ckCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", render$8], ["__scopeId", "data-v-69dfa524"]]);
 var ckChip_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$g = ["color"];
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
@@ -11592,7 +11592,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
 });
 var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-53d78f2e"]]);
 const _hoisted_1$e = ["for"];
-function render$8(_ctx, _cache, $props, $setup, $data, $options) {
+function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("label", {
     class: normalizeClass(["ck-label", $options.computedClass]),
     for: $props.for
@@ -11618,7 +11618,7 @@ const _sfc_main$g = {
     }
   }
 };
-var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", render$8], ["__scopeId", "data-v-4b8b9ab4"]]);
+var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", render$7], ["__scopeId", "data-v-4b8b9ab4"]]);
 var ckInput_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$d = { class: "ck-input" };
 const _hoisted_2$7 = ["type", "placeholder", "id", "disabled"];
@@ -11734,7 +11734,7 @@ const _hoisted_1$c = {
 };
 const _hoisted_2$6 = /* @__PURE__ */ createElementVNode("div", { class: "blackout" }, null, -1);
 const _hoisted_3$4 = { class: "ck-popup__slot-header" };
-const _hoisted_4$2 = {
+const _hoisted_4$3 = {
   key: 0,
   class: "ck-popup__title"
 };
@@ -11800,7 +11800,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
             }, ["stop"]))
           }, [
             createElementVNode("div", _hoisted_3$4, [
-              __props.title ? (openBlock(), createElementBlock("h3", _hoisted_4$2, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+              __props.title ? (openBlock(), createElementBlock("h3", _hoisted_4$3, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
               renderSlot(_ctx.$slots, "header", { class: "ml-3" }),
               !__props.notCloseBtn ? (openBlock(), createBlock(ckIcon, {
                 key: 1,
@@ -11845,11 +11845,11 @@ const _withScopeId$1 = (n) => (pushScopeId("data-v-73a891e8"), n = n(), popScope
 const _hoisted_1$b = ["onKeyup"];
 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$1 = {
+const _hoisted_4$2 = {
   key: 0,
   class: "c-Radio__label"
 };
-function render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(true), createElementBlock(Fragment, null, renderList($props.options, (item, index) => {
     return openBlock(), createElementBlock("label", mergeProps({
       key: `radio-${index}`,
@@ -11874,7 +11874,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
         [vModelRadio, $options.value]
       ]),
       _hoisted_3$3,
-      item.label ? (openBlock(), createElementBlock("span", _hoisted_4$1, toDisplayString(item.label), 1)) : createCommentVNode("", true)
+      item.label ? (openBlock(), createElementBlock("span", _hoisted_4$2, toDisplayString(item.label), 1)) : createCommentVNode("", true)
     ], 16, _hoisted_1$b);
   }), 128);
 }
@@ -11911,7 +11911,7 @@ const _sfc_main$d = {
     }
   }
 };
-var ckRadio = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", render$7], ["__scopeId", "data-v-73a891e8"]]);
+var ckRadio = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", render$6], ["__scopeId", "data-v-73a891e8"]]);
 var qmApi = {};
 var qmArray = {
   arrayToText(arr, key = null) {
@@ -12338,80 +12338,95 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   }
 });
 var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-31af160a"]]);
-const _withScopeId = (n) => (pushScopeId("data-v-022b9f3c"), n = n(), popScopeId(), n);
+var ckSwitch_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _withScopeId = (n) => (pushScopeId("data-v-6a563501"), n = n(), popScopeId(), n);
 const _hoisted_1$9 = ["disabled"];
-const _hoisted_2$4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-switch__slider" }, null, -1));
-const _hoisted_3$2 = {
+const _hoisted_2$4 = { class: "ck-switch__slider-container" };
+const _hoisted_3$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-switch__slider" }, null, -1));
+const _hoisted_4$1 = {
   key: 0,
   class: "ck-switch__content"
 };
-function render$6(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("label", mergeProps({ class: "ck-switch" }, $options.computedAttributes, {
-    class: $options.computedClass,
-    onKeydown: _cache[2] || (_cache[2] = withKeys(withModifiers(() => {
-    }, ["prevent"]), ["space"])),
-    onKeyup: [
-      _cache[3] || (_cache[3] = withKeys(($event) => $options.onTrigger(), ["enter"])),
-      _cache[4] || (_cache[4] = withKeys(($event) => $options.onTrigger(), ["space"]))
-    ]
-  }), [
-    withDirectives(createElementVNode("input", {
-      class: "ck-switch__input",
-      "aria-hidden": "true",
-      type: "checkbox",
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $options.value = $event),
-      disabled: $props.disabled,
-      onClick: _cache[1] || (_cache[1] = ($event) => $options.onTrigger())
-    }, null, 8, _hoisted_1$9), [
-      [vModelCheckbox, $options.value]
-    ]),
-    _hoisted_2$4,
-    _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$2, [
-      renderSlot(_ctx.$slots, "default", {}, void 0, true)
-    ])) : createCommentVNode("", true)
-  ], 16);
-}
-var ckSwitch_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$b = {
-  name: "Switch",
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: Boolean, default: false },
     disabled: { type: Boolean, default: false },
     outlined: { type: Boolean, default: false },
-    squared: { type: Boolean, default: false }
+    squared: { type: Boolean, default: false },
+    icon: { type: String, default: void 0 },
+    iconPack: { type: String, default: void 0 }
   },
   emits: ["update:modelValue"],
-  computed: {
-    value: {
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const value = computed({
       get() {
-        return this.modelValue;
+        return props.modelValue;
       },
       set(val) {
-        this.$emit("update:modelValue", val);
+        emits("update:modelValue", val);
       }
-    },
-    computedClass() {
+    });
+    const computedClass = computed(() => {
       const list = [];
-      if (this.squared)
+      if (props.squared)
         list.push("is-squared");
-      if (this.outlined)
+      if (props.outlined)
         list.push("is-outlined");
       return list;
-    },
-    computedAttributes() {
+    });
+    const computedAttributes = computed(() => {
       return {
-        "aria-disabled": this.disabled,
-        tabindex: this.disabled ? void 0 : "0"
+        "aria-disabled": props.disabled,
+        tabindex: props.disabled ? void 0 : "0"
       };
+    });
+    function onTrigger2() {
+      value.value = !value.value;
     }
-  },
-  methods: {
-    onTrigger() {
-      this.value = !this.value;
-    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("label", mergeProps({ class: "ck-switch" }, unref(computedAttributes), {
+        class: unref(computedClass),
+        onKeydown: _cache[2] || (_cache[2] = withKeys(withModifiers(() => {
+        }, ["prevent"]), ["space"])),
+        onKeyup: [
+          _cache[3] || (_cache[3] = withKeys(($event) => onTrigger2(), ["enter"])),
+          _cache[4] || (_cache[4] = withKeys(($event) => onTrigger2(), ["space"]))
+        ]
+      }), [
+        withDirectives(createElementVNode("input", {
+          class: "ck-switch__input",
+          "aria-hidden": "true",
+          type: "checkbox",
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(value) ? value.value = $event : null),
+          disabled: __props.disabled,
+          onClick: _cache[1] || (_cache[1] = ($event) => onTrigger2())
+        }, null, 8, _hoisted_1$9), [
+          [vModelCheckbox, unref(value)]
+        ]),
+        createElementVNode("div", _hoisted_2$4, [
+          _hoisted_3$2,
+          __props.icon && unref(value) ? (openBlock(), createBlock(ckIcon, {
+            key: 0,
+            class: "ck-switch__icon-left",
+            icon: __props.icon,
+            "icon-pack": __props.iconPack
+          }, null, 8, ["icon", "icon-pack"])) : createCommentVNode("", true),
+          __props.icon && !unref(value) ? (openBlock(), createBlock(ckIcon, {
+            key: 1,
+            class: "ck-switch__icon-right",
+            icon: __props.icon,
+            "icon-pack": __props.iconPack
+          }, null, 8, ["icon", "icon-pack"])) : createCommentVNode("", true)
+        ]),
+        _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_4$1, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ])) : createCommentVNode("", true)
+      ], 16);
+    };
   }
-};
-var ckSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", render$6], ["__scopeId", "data-v-022b9f3c"]]);
+});
+var ckSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-6a563501"]]);
 const _hoisted_1$8 = { class: "ck-switch-options__container-exterior" };
 const _hoisted_2$3 = ["onClick"];
 function render$5(_ctx, _cache, $props, $setup, $data, $options) {