cleek 2.1.12 → 2.1.13

package/dist/cleek-styles/clear-app.styl

@@ -1,7 +1,8 @@
 *
-  box-sizing border-box
+h1, h2, h3, h4, h5, h6, div, span
   margin 0
   padding 0
+  box-sizing border-box
 a
   color unset
   text-decoration unset

package/dist/cleek.es.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, renderSlot, normalizeClass, createCommentVNode, computed as computed$2, normalizeStyle, unref as unref$1, watch, h, createBlock, onMounted, getCurrentInstance, mergeProps, withKeys, withModifiers, pushScopeId, popScopeId, withCtx, createTextVNode, toDisplayString, withDirectives, isRef as isRef$1, vModelDynamic, createVNode, Fragment, renderList, vModelRadio, vModelSelect, vModelCheckbox, vModelText } from "vue";
+import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, renderSlot, normalizeClass, createCommentVNode, computed as computed$2, normalizeStyle, unref as unref$1, watch, h, createBlock, Teleport, createVNode, createTextVNode, toDisplayString, onMounted, getCurrentInstance, mergeProps, withKeys, withModifiers, pushScopeId, popScopeId, withCtx, withDirectives, isRef as isRef$1, vModelDynamic, Fragment, renderList, vModelRadio, vModelSelect, vModelCheckbox, vModelText } from "vue";
 var ckDropdown_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -26,8 +26,8 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$j = { class: "ck-dropdown" };
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _hoisted_1$k = { class: "ck-dropdown" };
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   props: {
     triggerType: { type: String, default: "click" },
     dark: { type: Boolean, default: false }
@@ -49,7 +49,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       isOpen.value = true;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$j, [
+      return openBlock(), createElementBlock("div", _hoisted_1$k, [
         createElementVNode("div", {
           class: "ck-dropdown__trigger",
           onClick: _cache[0] || (_cache[0] = ($event) => openClose())
@@ -71,9 +71,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-64a91fb4"]]);
+var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-64a91fb4"]]);
 var ckNavbar_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   props: {
     padding: { type: String, default: 0 },
     position: { type: String, default: "fixed" }
@@ -108,77 +108,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-5024db6a"]]);
-var validators = {
-  size: (type) => {
-    return ["", "xs", "s", "m", "l", "xl"].includes(type);
-  },
-  group: (type) => {
-    return ["", "left", "right", "center"].includes(type);
-  },
-  groupVertical: (type) => {
-    return ["top", "bottom", "center"].includes(type);
-  },
-  align: (type) => {
-    return ["left", "center", "right"].includes(type);
-  },
-  buttonType: (type) => {
-    return ["filled", "outlined", "flat"].includes(type);
-  },
-  inputType: (type) => {
-    return ["text", "number", "date", "time", "password"].includes(type);
-  },
-  radioOptions: (options) => {
-    let isValid = true;
-    options.forEach((option) => {
-      isValid = isValid && "label" in option && "value" in option;
-    });
-    return isValid;
-  }
-};
-var functions$1 = {
-  getGroupClass({ group = "", groupVertical = "", groupBreak = "" } = {}) {
-    const _screenSize = "";
-    if (groupBreak && groupBreak === _screenSize)
-      return [];
-    const classList2 = [];
-    if (group)
-      classList2.push(`ck-component__group--${group}`);
-    if (groupVertical)
-      classList2.push(`ck-component__group-vertical--${groupVertical}`);
-    return classList2;
-  },
-  isColorTemplateVariable(color) {
-    if (color === "primary")
-      return true;
-    if (color === "secondary")
-      return true;
-    if (color === "success")
-      return true;
-    if (color === "warning")
-      return true;
-    if (color === "danger")
-      return true;
-    if (color === "dark")
-      return true;
-    if (color === "light")
-      return true;
-    return false;
-  },
-  isColumnDisplayed(column) {
-    if (column.isDisplayed === false)
-      return false;
-    if (column.unchangeable) {
-      if (column.isDisplayed === true)
-        return true;
-      return false;
-    }
-    return true;
-  },
-  getCleekOptions(getCurrentInstance2) {
-    return getCurrentInstance2().appContext.app.config.globalProperties.$cleekOptions;
-  }
-};
+var ckNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-5024db6a"]]);
 /*!
  * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
@@ -384,11 +314,11 @@ if (!w[NAMESPACE_IDENTIFIER].hooks)
 if (!w[NAMESPACE_IDENTIFIER].shims)
   w[NAMESPACE_IDENTIFIER].shims = [];
 var namespace = w[NAMESPACE_IDENTIFIER];
-var functions = [];
+var functions$1 = [];
 var listener = function listener2() {
   DOCUMENT.removeEventListener("DOMContentLoaded", listener2);
   loaded = 1;
-  functions.map(function(fn2) {
+  functions$1.map(function(fn2) {
     return fn2();
   });
 };
@@ -11299,7 +11229,7 @@ defineComponent({
   }
 });
 var ckIcon_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   props: {
     icon: { type: [String, Array], default: "" },
     color: { type: String, default: "" },
@@ -11359,7 +11289,147 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-25801d7b"]]);
+var ckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-25801d7b"]]);
+var ckNotify_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$j = { class: "ck-notify__container" };
+const _hoisted_2$9 = { class: "ck-notify__title" };
+const _hoisted_3$6 = { class: "close-btn" };
+const _hoisted_4$4 = { class: "ck-notify__text" };
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
+  setup(__props, { expose }) {
+    expose({
+      ckNotify: ckNotify2,
+      ckNotifySuccess,
+      ckNotifyDanger,
+      ckNotifyWarning
+    });
+    const isActive = ref(false);
+    const globalTitle = ref("");
+    const globalText = ref("");
+    const globalColor = ref("");
+    const defaultDuration = ref(2e3);
+    function closeNotification() {
+      isActive.value = false;
+    }
+    function ckNotify2({ text: text3 = "", title = "", color = "#ccc", duration = defaultDuration.value }) {
+      console.log("openNotify", title);
+      globalTitle.value = title;
+      globalText.value = text3;
+      globalColor.value = color;
+      isActive.value = true;
+      setTimeout(() => {
+        closeNotification();
+      }, duration);
+    }
+    function ckNotifySuccess(text3 = "", title = "\xC9xito") {
+      ckNotify2({
+        text: text3,
+        title,
+        color: "#66CC00"
+      });
+    }
+    function ckNotifyDanger(text3 = "", title = "Error") {
+      ckNotify2({ text: text3, title, color: "#FF3333" });
+    }
+    function ckNotifyWarning(text3 = "", title = "Atenci\xF3n") {
+      ckNotify2({ text: text3, title, color: "#FFDD33" });
+    }
+    return (_ctx, _cache) => {
+      return isActive.value ? (openBlock(), createBlock(Teleport, {
+        key: 0,
+        to: "body"
+      }, [
+        createElementVNode("div", _hoisted_1$j, [
+          createElementVNode("div", {
+            class: "ck-notify",
+            style: normalizeStyle({ "background-color": globalColor.value }),
+            onClick: _cache[0] || (_cache[0] = ($event) => closeNotification())
+          }, [
+            createElementVNode("div", _hoisted_2$9, [
+              createElementVNode("div", _hoisted_3$6, [
+                createVNode(ckIcon, { icon: "times" })
+              ]),
+              createTextVNode(toDisplayString(globalTitle.value), 1)
+            ]),
+            createElementVNode("div", _hoisted_4$4, toDisplayString(globalText.value), 1)
+          ], 4)
+        ])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+var ckNotify = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-33c8c0d8"]]);
+var validators = {
+  size: (type) => {
+    return ["", "xs", "s", "m", "l", "xl"].includes(type);
+  },
+  group: (type) => {
+    return ["", "left", "right", "center"].includes(type);
+  },
+  groupVertical: (type) => {
+    return ["top", "bottom", "center"].includes(type);
+  },
+  align: (type) => {
+    return ["left", "center", "right"].includes(type);
+  },
+  buttonType: (type) => {
+    return ["filled", "outlined", "flat"].includes(type);
+  },
+  inputType: (type) => {
+    return ["text", "number", "date", "time", "password"].includes(type);
+  },
+  radioOptions: (options) => {
+    let isValid = true;
+    options.forEach((option) => {
+      isValid = isValid && "label" in option && "value" in option;
+    });
+    return isValid;
+  }
+};
+var functions = {
+  getGroupClass({ group = "", groupVertical = "", groupBreak = "" } = {}) {
+    const _screenSize = "";
+    if (groupBreak && groupBreak === _screenSize)
+      return [];
+    const classList2 = [];
+    if (group)
+      classList2.push(`ck-component__group--${group}`);
+    if (groupVertical)
+      classList2.push(`ck-component__group-vertical--${groupVertical}`);
+    return classList2;
+  },
+  isColorTemplateVariable(color) {
+    if (color === "primary")
+      return true;
+    if (color === "secondary")
+      return true;
+    if (color === "success")
+      return true;
+    if (color === "warning")
+      return true;
+    if (color === "danger")
+      return true;
+    if (color === "dark")
+      return true;
+    if (color === "light")
+      return true;
+    return false;
+  },
+  isColumnDisplayed(column) {
+    if (column.isDisplayed === false)
+      return false;
+    if (column.unchangeable) {
+      if (column.isDisplayed === true)
+        return true;
+      return false;
+    }
+    return true;
+  },
+  getCleekOptions(getCurrentInstance2) {
+    console.log("getCurrentInstance", getCurrentInstance2);
+    return getCurrentInstance2().appContext.app.config.globalProperties.$cleekOptions;
+  }
+};
 var ckButton_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$i = ["title", "aria-label", "disabled"];
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
@@ -11385,7 +11455,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     const isMounted = ref(false);
     const computedClass = computed$2(() => {
       const classList2 = [];
-      classList2.push(functions$1.getGroupClass(props));
+      classList2.push(functions.getGroupClass(props));
       if (props.color !== "primary") {
         if (props.type === "filled") {
           classList2.push(`ck-component__bg-color--${props.color}`);
@@ -12380,7 +12450,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         classList2.push("is-rounded");
       if (props.hasBorder) {
         classList2.push("ck-img__has-border");
-        if (functions$1.isColorTemplateVariable(realBorderColor.value)) {
+        if (functions.isColorTemplateVariable(realBorderColor.value)) {
           classList2.push(`ck-component__border-color--${realBorderColor.value}`);
         }
       }
@@ -12397,7 +12467,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       if (props.radius)
         styleList.push({ "border-radius": props.radius });
       if (props.hasBorder) {
-        if (!functions$1.isColorTemplateVariable(realBorderColor.value)) {
+        if (!functions.isColorTemplateVariable(realBorderColor.value)) {
           styleList.push({ "border-color": realBorderColor.value });
         }
       }
@@ -12424,7 +12494,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     }
     function getImg(src) {
       let path = "";
-      const $cleekOptions = functions$1.getCleekOptions(getCurrentInstance);
+      const $cleekOptions = functions.getCleekOptions(getCurrentInstance);
       if ($cleekOptions) {
         if ($cleekOptions.imgPath)
           path = $cleekOptions.imgPath;
@@ -12503,8 +12573,10 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     autoSelect: { type: Boolean, default: false }
   },
   emits: ["update:modelValue", "click", "input", "change"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { expose, emit: emits }) {
     const props = __props;
+    expose({ setFocus, setSelect });
+    const realInput = ref(null);
     const value = computed$2({
       get() {
         return props.modelValue;
@@ -12532,7 +12604,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     });
     const computedClassInput = computed$2(() => {
       const list = [];
-      list.push(functions$1.getGroupClass(props));
+      list.push(functions.getGroupClass(props));
       if (props.icon)
         list.push("has-icon-left");
       if (props.iconRight)
@@ -12543,6 +12615,12 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
         list.push("no-border");
       return list;
     });
+    function setFocus() {
+      realInput.value.focus();
+    }
+    function setSelect() {
+      realInput.value.select();
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$d, [
         __props.label ? (openBlock(), createBlock(ckLabel, {
@@ -12563,6 +12641,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           "icon-pack": __props.iconPack
         }, null, 8, ["icon", "icon-pack"])) : createCommentVNode("", true),
         withDirectives(createElementVNode("input", {
+          ref_key: "realInput",
+          ref: realInput,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(value) ? value.value = $event : null),
           type: __props.type,
           placeholder: __props.placeholder,
@@ -12587,7 +12667,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-5db08b1e"]]);
+var ckInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-19dca096"]]);
 var ckPopup_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$c = {
   key: 0,
@@ -12657,10 +12737,10 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           }, [
             createElementVNode("div", _hoisted_3$4, [
               __props.title ? (openBlock(), createElementBlock("h3", _hoisted_4$3, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-              renderSlot(_ctx.$slots, "header", { class: "ml-3" }),
+              renderSlot(_ctx.$slots, "header"),
               !__props.notCloseBtn ? (openBlock(), createBlock(ckIcon, {
                 key: 1,
-                class: "mr-3 close",
+                class: "close",
                 icon: "times",
                 onClick: _cache[0] || (_cache[0] = ($event) => isActive.value = false)
               })) : createCommentVNode("", true)
@@ -13091,7 +13171,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     });
     const computedClass = computed$2(() => {
       const classList2 = [];
-      classList2.push(functions$1.getGroupClass(props));
+      classList2.push(functions.getGroupClass(props));
       return classList2;
     });
     const computedStyle = computed$2(() => {
@@ -13325,7 +13405,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     });
     const computedClass = computed$2(() => {
       const classList2 = [];
-      classList2.push(functions$1.getGroupClass(props));
+      classList2.push(functions.getGroupClass(props));
       return classList2;
     });
     const computedItemStyle = computed$2(() => {
@@ -13685,7 +13765,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           list.push({
             name: col.name,
             title: col.title,
-            value: functions$1.isColumnDisplayed(col)
+            value: functions.isColumnDisplayed(col)
           });
         }
       });
@@ -13771,7 +13851,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       return arr;
     });
     const filteredColumnsList = computed$2(() => {
-      return columnsArray.value.filter(functions$1.isColumnDisplayed);
+      return columnsArray.value.filter(functions.isColumnDisplayed);
     });
     const searchLocal = computed$2({
       get() {
@@ -13925,7 +14005,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const isColumnDisplayed = computed$2(() => {
       if (!props.col)
         return true;
-      return functions$1.isColumnDisplayed(props.col);
+      return functions.isColumnDisplayed(props.col);
     });
     return (_ctx, _cache) => {
       return unref$1(isColumnDisplayed) ? (openBlock(), createElementBlock("td", {
@@ -16585,6 +16665,7 @@ var components = /* @__PURE__ */ Object.freeze({
   [Symbol.toStringTag]: "Module",
   ckDropdown,
   ckNavbar,
+  ckNotify,
   ckButton,
   ckCheckbox,
   ckChip,
@@ -16639,4 +16720,4 @@ const install = function installCleek(app, options) {
     app.component(componentName, component);
   });
 };
-export { events as EVENTS, mitt as EventBus, ckButton, ckCheckbox, ckChip, ckDropdown, ckIcon, ckImg, ckInput, ckLabel, ckNavbar, _sfc_main$e as ckPopup, ckRadio, ckSelect, ckSwitch, ckSwitchOptions, ckTable, ckTd, ckTextarea, ckTh, ckTooltip, ckTr, install as default, lockScroll, unlockScroll };
+export { events as EVENTS, mitt as EventBus, ckButton, ckCheckbox, ckChip, ckDropdown, ckIcon, ckImg, ckInput, ckLabel, ckNavbar, ckNotify, _sfc_main$e as ckPopup, ckRadio, ckSelect, ckSwitch, ckSwitchOptions, ckTable, ckTd, ckTextarea, ckTh, ckTooltip, ckTr, install as default, lockScroll, unlockScroll };