cleek 2.6.96 → 2.6.98

package/dist/cleek.es.js

@@ -82456,6 +82456,8 @@ const _sfc_main$t = defineComponent$2({
       const defaultPackage = "font-awesome";
       if (!props.iconPack)
         return defaultPackage;
+      if (props.iconPack === "cleek")
+        return props.iconPack;
       if (props.iconPack === "feather")
         return props.iconPack;
       return defaultPackage;
@@ -82477,6 +82479,25 @@ const _sfc_main$t = defineComponent$2({
     function onClick(event) {
       emits("click", event);
     }
+    const iconMask = computed$3(() => {
+      const src = `/src/assets/icons/${props.icon}.svg`;
+      return `mask: url(${src}) no-repeat center; -webkit-mask: url(${src}) no-repeat center;`;
+    });
+    const ckIconComputedClass = computed$3(() => {
+      const classes = [];
+      if (!props.color) {
+        classes.push(`ck-component__color--primary`);
+      } else if (props.color && hooks9.isColorTemplateVariable(props.color)) {
+        classes.push(`ck-component__color-background--${props.color}`);
+      }
+      if (props.size)
+        classes.push(`ck-icon__cleek-small`);
+      if (props.size === "m")
+        classes.push(`ck-icon__cleek-medium`);
+      if (props.size === "l")
+        classes.push(`ck-icon__cleek-large`);
+      return classes;
+    });
     return (_ctx, _cache) => {
       return openBlock$2(), createElementBlock$2("div", {
         class: normalizeClass$2(["ck-icon", computedClass.value]),
@@ -82491,13 +82512,17 @@ const _sfc_main$t = defineComponent$2({
           flip: _ctx.flip,
           spin: _ctx.spin,
           pulse: _ctx.pulse,
-          "fixed-width": _ctx.fixedWidth
-        }, null, 8, ["icon", "size", "rotation", "flip", "spin", "pulse", "fixed-width"])) : createCommentVNode$2("", true)
+          fixedWidth: _ctx.fixedWidth
+        }, null, 8, ["icon", "size", "rotation", "flip", "spin", "pulse", "fixedWidth"])) : computediconPack.value === "cleek" ? (openBlock$2(), createElementBlock$2("div", {
+          key: 1,
+          style: normalizeStyle$2(iconMask.value),
+          class: normalizeClass$2([ckIconComputedClass.value, "ck-icon__cleek"])
+        }, null, 6)) : createCommentVNode$2("", true)
       ], 6);
     };
   }
 });
-var CkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-c8902898"]]);
+var CkIcon = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-6ceab692"]]);
 var ckTr_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$s = {};
 const _hoisted_1$m = { class: "ck-tr" };
@@ -89463,6 +89488,7 @@ const _sfc_main$e = defineComponent$2({
     const computedClass = computed$3(() => {
       const classes = [];
       classes.push(hooks9.getGroupClass(props, windowWidth.value));
+      console.log("classes", classes);
       isOnPopup.value = document.querySelector(".ck-popup__content") ? true : false;
       if (isOnPopup.value)
         classes.push("ck-picker-popup");
@@ -89480,6 +89506,30 @@ const _sfc_main$e = defineComponent$2({
       const day = qmStr.padZeros(date.getDate(), 2);
       return `${year}-${month}-${day}`;
     }
+    function setOpenStatus() {
+      const container = document.querySelector(".ck-input-date");
+      const pickerPopupElement = document.querySelector(".ck-picker-popup");
+      const pickerCalendar = document.querySelector(".v3dp__popout-day");
+      let rect = { y: 0 };
+      const popupContent = document.querySelector(".ck-popup__slot-body");
+      if (popupContent instanceof HTMLElement) {
+        popupContent.style.overflow = "hidden";
+      }
+      if (container) {
+        rect = container.getBoundingClientRect();
+      }
+      window.innerHeight - rect.y;
+      if (pickerPopupElement && pickerCalendar) {
+        pickerCalendar.setAttribute("style", `top: ${rect.y + 60}px;`);
+        pickerPopupElement.setAttribute("style", `overflow: hidden;`);
+      }
+    }
+    function setClosedStatus() {
+      const popupContent = document.querySelector(".ck-popup__slot-body");
+      if (popupContent instanceof HTMLElement) {
+        popupContent.style.overflow = "auto";
+      }
+    }
     return (_ctx, _cache) => {
       const _component_ck_label = resolveComponent$2("ck-label");
       const _component_ck_div = resolveComponent$2("ck-div");
@@ -89504,6 +89554,8 @@ const _sfc_main$e = defineComponent$2({
                 modelValue: inputValue.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
                 onChange: _cache[1] || (_cache[1] = ($event) => emits("change", inputValue.value)),
+                onOpened: setOpenStatus,
+                onClosed: setClosedStatus,
                 inputFormat: "dd-MM-yyyy"
               }, null, 8, ["modelValue"])
             ])
@@ -89514,7 +89566,7 @@ const _sfc_main$e = defineComponent$2({
     };
   }
 });
-var ckInputDate = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-6d447a03"]]);
+var ckInputDate = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-09299fcb"]]);
 const _sfc_main$d = defineComponent$2({
   __name: "ck-input-time",
   props: {
@@ -89718,12 +89770,16 @@ const _sfc_main$a = defineComponent$2({
     const { windowWidth } = useWindowWidth();
     let cleekOptions2 = ref$1();
     const computedStyle = computed$3(() => {
+      var _a;
       const list = [];
       if (props.widthBreaks) {
         const width = hooks9.getWidthByWidthBreaks(props.widthBreaks, windowWidth.value);
         if (width)
           list.push({ width });
       }
+      const gap = props.gap || ((_a = cleekOptions2.value) == null ? void 0 : _a.div.gap);
+      if (gap)
+        list.push({ gap });
       if (props.block)
         list.push({ display: "block" });
       return list;
@@ -90234,7 +90290,7 @@ const _sfc_main$7 = defineComponent$2({
     };
   }
 });
-var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-5356813e"]]);
+var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-29788932"]]);
 var ckSidebar_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$6 = {
   key: 0,