cleek 2.6.97 → 2.6.99

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" };
@@ -83061,15 +83086,15 @@ const _sfc_main$m = defineComponent$2({
         _ctx.iconRight && _ctx.type !== "password" ? (openBlock$2(), createBlock$2(CkIcon, {
           key: 5,
           class: "ck-input__icon-right",
-          color: "lightgrey",
+          color: _ctx.iconColor ? _ctx.iconColor : "lightgrey",
           icon: _ctx.iconRight,
           "icon-pack": _ctx.iconPack
-        }, null, 8, ["icon", "icon-pack"])) : createCommentVNode$2("", true)
+        }, null, 8, ["color", "icon", "icon-pack"])) : createCommentVNode$2("", true)
       ], 4);
     };
   }
 });
-var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-3aa30e6a"]]);
+var CkInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-feca7ebc"]]);
 var ckTable__headerItems_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$l = defineComponent$2({
   __name: "ck-table__header-items",
@@ -89437,6 +89462,10 @@ const _sfc_main$e = defineComponent$2({
   props: {
     modelValue: {},
     label: {},
+    icon: {},
+    iconRight: {},
+    iconPack: {},
+    iconColor: {},
     widthBreaks: {},
     group: {},
     groupVertical: {}
@@ -89463,6 +89492,10 @@ const _sfc_main$e = defineComponent$2({
     const computedClass = computed$3(() => {
       const classes = [];
       classes.push(hooks9.getGroupClass(props, windowWidth.value));
+      if (props.icon)
+        classes.push("has-icon-left");
+      if (props.iconRight)
+        classes.push("has-icon-right");
       isOnPopup.value = document.querySelector(".ck-popup__content") ? true : false;
       if (isOnPopup.value)
         classes.push("ck-picker-popup");
@@ -89480,8 +89513,33 @@ 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_icon = resolveComponent$2("ck-icon");
       const _component_ck_div = resolveComponent$2("ck-div");
       return openBlock$2(), createBlock$2(_component_ck_div, { widthBreaks: _ctx.widthBreaks }, {
         default: withCtx$2(() => [
@@ -89500,12 +89558,28 @@ const _sfc_main$e = defineComponent$2({
               _: 1
             }),
             createElementVNode("div", _hoisted_1$c, [
+              _ctx.icon ? (openBlock$2(), createBlock$2(_component_ck_icon, {
+                key: 0,
+                class: "ck-input__icon-left",
+                color: _ctx.iconColor ? _ctx.iconColor : "lightgrey",
+                icon: _ctx.icon,
+                "icon-pack": _ctx.iconPack
+              }, null, 8, ["color", "icon", "icon-pack"])) : createCommentVNode$2("", true),
               createVNode$2(unref$3(Lt), {
                 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"])
+              }, null, 8, ["modelValue"]),
+              _ctx.iconRight ? (openBlock$2(), createBlock$2(_component_ck_icon, {
+                key: 1,
+                class: "ck-input__icon-right",
+                color: _ctx.iconColor ? _ctx.iconColor : "lightgrey",
+                icon: _ctx.iconRight,
+                "icon-pack": _ctx.iconPack
+              }, null, 8, ["color", "icon", "icon-pack"])) : createCommentVNode$2("", true)
             ])
           ], 2)
         ]),
@@ -89514,7 +89588,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-5b945a48"]]);
 const _sfc_main$d = defineComponent$2({
   __name: "ck-input-time",
   props: {