cleek 2.8.1 → 2.8.3

package/dist/cleek.es.js

@@ -3231,10 +3231,10 @@ const _hoisted_2$1$2 = {
   ref: "inner",
   class: "v-popper__inner"
 };
-const _hoisted_3$c = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-outer" }, null, -1);
+const _hoisted_3$b = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-outer" }, null, -1);
 const _hoisted_4$8 = /* @__PURE__ */ createElementVNode("div", { class: "v-popper__arrow-inner" }, null, -1);
 const _hoisted_5$5 = [
-  _hoisted_3$c,
+  _hoisted_3$b,
   _hoisted_4$8
 ];
 function _sfc_render$2$1(_ctx, _cache, $props, $setup, $data, $options) {
@@ -3523,7 +3523,7 @@ const _sfc_main$z = defineComponent$1({
   }
 });
 const _hoisted_1$q = ["innerHTML"];
-const _hoisted_2$g = ["textContent"];
+const _hoisted_2$f = ["textContent"];
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_PopperContent = resolveComponent$1("PopperContent");
   const _component_Popper = resolveComponent$1("Popper");
@@ -3569,7 +3569,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
           }, null, 8, _hoisted_1$q)) : (openBlock$1(), createElementBlock$1("div", {
             key: 1,
             textContent: toDisplayString(_ctx.finalContent)
-          }, null, 8, _hoisted_2$g))
+          }, null, 8, _hoisted_2$f))
         ]),
         _: 2
       }, 1032, ["class", "popper-id", "theme", "shown", "mounted", "skip-transition", "auto-hide", "handle-resize", "classes", "result", "onHide", "onResize"])
@@ -46393,7 +46393,7 @@ const _hoisted_1$p = {
   key: 0,
   class: "help-text"
 };
-const _hoisted_2$f = {
+const _hoisted_2$e = {
   key: 0,
   class: "pl-1"
 };
@@ -46430,7 +46430,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent$1({
         onClick: _cache[0] || (_cache[0] = ($event) => emits("click", $event))
       }, [
         createTextVNode$1(toDisplayString(unref$2(computedDate)) + " ", 1),
-        unref$2(computedTime) ? (openBlock$1(), createElementBlock$1("span", _hoisted_2$f, " | " + toDisplayString(unref$2(computedTime)), 1)) : createCommentVNode$1("", true)
+        unref$2(computedTime) ? (openBlock$1(), createElementBlock$1("span", _hoisted_2$e, " | " + toDisplayString(unref$2(computedTime)), 1)) : createCommentVNode$1("", true)
       ])) : withDirectives((openBlock$1(), createElementBlock$1("div", {
         key: 2,
         class: "ck-datetime-shower",
@@ -46445,9 +46445,9 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent$1({
 });
 var ckDatetimeShower = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-4dcd4d84"]]);
 var ckTimeShower_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$5 = (n) => (pushScopeId$1("data-v-4d15db47"), n = n(), popScopeId$1(), n);
+const _withScopeId$4 = (n) => (pushScopeId$1("data-v-4d15db47"), n = n(), popScopeId$1(), n);
 const _hoisted_1$o = { class: "ck-time-shower" };
-const _hoisted_2$e = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ createElementVNode("span", { class: "hs-text" }, " hs ", -1));
+const _hoisted_2$d = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("span", { class: "hs-text" }, " hs ", -1));
 const _sfc_main$x = /* @__PURE__ */ defineComponent$1({
   props: {
     time: null,
@@ -46461,7 +46461,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent$1({
         ], 64)) : (openBlock$1(), createElementBlock$1(Fragment$1, { key: 1 }, [
           createTextVNode$1(" | " + toDisplayString(unref$2(qmDate).presentTime(__props.time)), 1)
         ], 64)),
-        _hoisted_2$e
+        _hoisted_2$d
       ]);
     };
   }
@@ -47158,7 +47158,6 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent$1({
       } else if (props.color && hooks9.isColorTemplateVariable(props.color)) {
         classes.push(`ck-component__color-background--${props.color}`);
       }
-      console.log("TAMA\xD1O", props.icon, props.size);
       if (props.size)
         classes.push(`ck-icon__cleek-small`);
       if (props.size === "m")
@@ -47190,7 +47189,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-var CkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-0dd0559c"]]);
+var CkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-f10bef6e"]]);
 var ckTr_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$t = {};
 const _hoisted_1$m = { class: "ck-tr" };
@@ -47574,8 +47573,8 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent$1({
 var CkLabel = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-3eb67ac4"]]);
 var ckInput_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$i = { class: "ck-input__content" };
-const _hoisted_2$d = ["autocomplete", "placeholder", "disabled"];
-const _hoisted_3$b = ["autocomplete", "type", "placeholder", "disabled"];
+const _hoisted_2$c = ["autocomplete", "placeholder", "disabled"];
+const _hoisted_3$a = ["autocomplete", "type", "placeholder", "disabled"];
 const _sfc_main$n = /* @__PURE__ */ defineComponent$1({
   props: {
     modelValue: null,
@@ -47801,7 +47800,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent$1({
             onClick: _cache[4] || (_cache[4] = ($event) => onClick2($event)),
             onFocus: _cache[5] || (_cache[5] = ($event) => emits("focus", $event)),
             onBlur: _cache[6] || (_cache[6] = ($event) => emits("blur", $event))
-          }, null, 46, _hoisted_2$d)), [
+          }, null, 46, _hoisted_2$c)), [
             [vModelText, unref$2(value)]
           ]) : withDirectives((openBlock$1(), createElementBlock$1("input", {
             key: 3,
@@ -47819,7 +47818,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent$1({
             onClick: _cache[10] || (_cache[10] = ($event) => onClick2($event)),
             onFocus: _cache[11] || (_cache[11] = ($event) => emits("focus", $event)),
             onBlur: _cache[12] || (_cache[12] = ($event) => emits("blur", $event))
-          }, null, 46, _hoisted_3$b)), [
+          }, null, 46, _hoisted_3$a)), [
             [vModelDynamic, unref$2(value)]
           ]),
           __props.type === "password" ? (openBlock$1(), createElementBlock$1("div", {
@@ -47984,12 +47983,12 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent$1({
 });
 var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-64173368"]]);
 var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$4 = (n) => (pushScopeId$1("data-v-27c654d0"), n = n(), popScopeId$1(), n);
+const _withScopeId$3 = (n) => (pushScopeId$1("data-v-27c654d0"), n = n(), popScopeId$1(), n);
 const _hoisted_1$h = { class: "ck-table__pagination" };
-const _hoisted_2$c = { class: "ck-table__pagination--numbers-container" };
-const _hoisted_3$a = ["onClick"];
+const _hoisted_2$b = { class: "ck-table__pagination--numbers-container" };
+const _hoisted_3$9 = ["onClick"];
 const _hoisted_4$7 = { 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_5$3 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-table__pagination--input-pointer" }, null, -1));
 const _hoisted_6$2 = ["onClick"];
 const _sfc_main$l = /* @__PURE__ */ defineComponent$1({
   props: {
@@ -48101,12 +48100,12 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent$1({
               icon: unref$2(hasArrowLeft) ? "angle-left" : "grip-lines-vertical"
             }, null, 8, ["icon"])
           ], 2),
-          createElementVNode("div", _hoisted_2$c, [
+          createElementVNode("div", _hoisted_2$b, [
             (openBlock$1(true), createElementBlock$1(Fragment$1, null, renderList(unref$2(listLeft), (num) => {
               return openBlock$1(), createElementBlock$1("div", {
                 class: "ck-table__pagination-item--left",
                 onClick: ($event) => currentPageLocal.value = num
-              }, toDisplayString(num), 9, _hoisted_3$a);
+              }, toDisplayString(num), 9, _hoisted_3$9);
             }), 256)),
             createElementVNode("div", _hoisted_4$7, [
               withDirectives(createElementVNode("input", {
@@ -48912,18 +48911,14 @@ const computed = (getterOrOptions, debugOptions) => {
   return computed$1(getterOrOptions, debugOptions, isInSSRComponentSetup);
 };
 var ckCheckbox_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId$3 = (n) => (pushScopeId$1("data-v-1fffee96"), n = n(), popScopeId$1(), n);
 const _hoisted_1$g = ["disabled", "checked"];
-const _hoisted_2$b = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-checkbox__element" }, null, -1));
-const _hoisted_3$9 = {
-  key: 0,
-  class: "c-Checkbox__label"
-};
 const _sfc_main$k = /* @__PURE__ */ defineComponent$1({
   props: {
     modelValue: { type: Boolean },
     label: null,
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    color: null,
+    colorText: null
   },
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: emits }) {
@@ -48942,6 +48937,34 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent$1({
         tabindex: props.disabled ? void 0 : "0"
       };
     });
+    const computedClass = computed(() => {
+      const list = [];
+      if (props.color && hooks9.isColorTemplateVariable(props.color)) {
+        list.push(`ck-component__border-color--${props.color}`);
+      }
+      return list;
+    });
+    const computedStyle = computed(() => {
+      const list = [];
+      if (props.color && !hooks9.isColorTemplateVariable(props.color)) {
+        list.push({ borderColor: props.color });
+      }
+      return list;
+    });
+    const computedClassLabel = computed(() => {
+      const list = [];
+      if (props.colorText && hooks9.isColorTemplateVariable(props.colorText)) {
+        list.push(`ck-component__color--${props.colorText}`);
+      }
+      return list;
+    });
+    const computedStyleLabel = computed(() => {
+      const list = [];
+      if (props.colorText && !hooks9.isColorTemplateVariable(props.colorText)) {
+        list.push({ color: props.colorText });
+      }
+      return list;
+    });
     function onChange2(event) {
       emits("change", event);
     }
@@ -48969,15 +48992,22 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent$1({
             onChange2($event);
           })
         }, null, 40, _hoisted_1$g),
-        _hoisted_2$b,
-        _ctx.$slots.default ? (openBlock$1(), createElementBlock$1("span", _hoisted_3$9, [
+        createElementVNode("div", {
+          class: normalizeClass$1(["ck-checkbox__element", unref$2(computedClass)]),
+          style: normalizeStyle$1(unref$2(computedStyle))
+        }, null, 6),
+        _ctx.$slots.default ? (openBlock$1(), createElementBlock$1("span", {
+          key: 0,
+          class: normalizeClass$1(["c-Checkbox__label", unref$2(computedClassLabel)]),
+          style: normalizeStyle$1(unref$2(computedStyleLabel))
+        }, [
           renderSlot$1(_ctx.$slots, "default", {}, void 0, true)
-        ])) : createCommentVNode$1("", true)
+        ], 6)) : createCommentVNode$1("", true)
       ], 16);
     };
   }
 });
-var CkCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-1fffee96"]]);
+var CkCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-335d1bdf"]]);
 var ckPopup_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$f = { class: "ck-popup" };
 const _hoisted_2$a = /* @__PURE__ */ createElementVNode("div", { class: "blackout" }, null, -1);
@@ -58545,7 +58575,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
     static: { type: Boolean },
     dynamic: { type: Boolean }
   },
-  setup(__props) {
+  emits: ["click"],
+  setup(__props, { emit: emits }) {
     const props = __props;
     let cleekOptions2 = ref();
     const altNeeded = ref(false);
@@ -58611,10 +58642,6 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
         return props.borderColor;
       return globalVariables.defaultImgBorderColor;
     });
-    function clickImg() {
-      if (props.zoom)
-        ;
-    }
     function getImg(src) {
       var _a, _b, _c, _d, _e;
       let basePath = (_a = cleekOptions2.value) == null ? void 0 : _a.img.basePath;
@@ -58634,7 +58661,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
       return openBlock$1(), createElementBlock$1("div", {
         class: normalizeClass$1(["ck-img", unref$2(computedClass)]),
         style: normalizeStyle$1(unref$2(computedStyle)),
-        onClick: _cache[1] || (_cache[1] = ($event) => clickImg())
+        onClick: _cache[1] || (_cache[1] = ($event) => emits("click", $event))
       }, [
         createElementVNode("img", {
           src: unref$2(imageUrl),
@@ -58646,7 +58673,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent$1({
     };
   }
 });
-var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-24eb46e8"]]);
+var ckImg = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-0310a72e"]]);
 var ckRadio_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$2 = (n) => (pushScopeId$1("data-v-494ed67e"), n = n(), popScopeId$1(), n);
 const _hoisted_1$8 = ["onKeyup"];