cleek 2.4.19 → 2.4.25

package/dist/cleek-styles/tiny-tailwind/.custom.styl

@@ -1,3 +1,5 @@
+.nowrap
+  white-space nowrap
 .w-half
   width 50%
 .help-text

package/dist/cleek.es.js

@@ -29,7 +29,7 @@ var __objRest = (source2, exclude) => {
     }
   return target;
 };
-import { pushScopeId, popScopeId, defineComponent, nextTick as nextTick$1, openBlock, createBlock, withScopeId, resolveComponent, createElementBlock, normalizeClass, normalizeStyle, withKeys, createElementVNode, Fragment, renderSlot, createCommentVNode, mergeProps, withCtx, createVNode, ref, createApp, h, toDisplayString, computed as computed$2, unref as unref$1, createTextVNode, watch, onMounted, onBeforeUnmount, getCurrentInstance, withDirectives, isRef as isRef$1, vModelDynamic, renderList, withModifiers, vModelRadio, vModelSelect, vModelCheckbox, vModelText, Teleport } from "vue";
+import { pushScopeId, popScopeId, defineComponent, nextTick as nextTick$1, openBlock, createBlock, withScopeId, resolveComponent, createElementBlock, normalizeClass, normalizeStyle, withKeys, createElementVNode, Fragment, renderSlot, createCommentVNode, mergeProps, withCtx, createVNode, ref, createApp, h, toDisplayString, computed as computed$2, onMounted, getCurrentInstance, unref as unref$1, createTextVNode, watch, onBeforeUnmount, withDirectives, isRef as isRef$1, vModelDynamic, renderList, withModifiers, vModelRadio, vModelSelect, vModelCheckbox, vModelText, Teleport } from "vue";
 function getBasePlacement(placement) {
   return placement.split("-")[0];
 }
@@ -2904,7 +2904,9 @@ const cleekOptions = {
   popup: {
     textColor: "",
     headerAlign: "",
-    headerColor: ""
+    headerColor: "",
+    acceptBtnType: "",
+    cancelBtnType: ""
   },
   styles: {
     layout: "base",
@@ -18682,6 +18684,80 @@ var _iconsCache = {
   faZhihu
 };
 var style = "";
+var hooks8 = {
+  getCleekOptions(getCurrentInstance2) {
+    return getCurrentInstance2().appContext.app.config.globalProperties.$cleekOptions;
+  },
+  getGroupClass({
+    group,
+    groupVertical,
+    widthBreaks = []
+  } = {}, windowWidth) {
+    const componentWidth = this.getWidthByWidthBreaks(widthBreaks, windowWidth);
+    const classList2 = [];
+    if (group && componentWidth !== "100%")
+      classList2.push(`ck-component__group--${group}`);
+    if (groupVertical)
+      classList2.push(`ck-component__group-vertical--${groupVertical}`);
+    return classList2;
+  },
+  getWidthByWidthBreaks(widthBreaks, windowWidth) {
+    if (widthBreaks) {
+      let realWidthBreaks = [...widthBreaks];
+      if (realWidthBreaks.length === 2 && typeof realWidthBreaks[0] === "number" && typeof realWidthBreaks[1] === "string") {
+        realWidthBreaks = [realWidthBreaks];
+      }
+      if (realWidthBreaks.length) {
+        const first = realWidthBreaks[0];
+        if (first[0] !== 0) {
+          realWidthBreaks.unshift([0, "100%"]);
+        }
+      }
+      let finalWidth = "";
+      realWidthBreaks.forEach((widthBreak) => {
+        const [windowBreak, width] = widthBreak;
+        if ((windowWidth || 0) >= windowBreak) {
+          finalWidth = width;
+        }
+      });
+      return finalWidth;
+    }
+  },
+  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;
+  },
+  preventUnusedError(functions2) {
+    if (Math.random() === 1) {
+      functions2.forEach((func) => {
+        console.log(func);
+      });
+    }
+  }
+};
 var ckDropdown_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -18694,10 +18770,12 @@ const _hoisted_1$l = { class: "ck-dropdown__popper-container" };
 const _sfc_main$q = /* @__PURE__ */ defineComponent({
   props: {
     dark: { type: Boolean },
-    align: null
+    align: null,
+    layout: null
   },
   setup(__props) {
     const props = __props;
+    let cleekOptions2 = ref();
     const isOpen = ref(false);
     const popperRef = ref(null);
     const computedClass = computed$2(() => {
@@ -18706,6 +18784,16 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
         list.push(`align-${props.align}`);
       return list;
     });
+    const computedClassPopper = computed$2(() => {
+      var _a;
+      const list = [];
+      if (props.dark)
+        list.push("ck-dropdown__popper--dark");
+      const layout = props.layout || ((_a = cleekOptions2.value) == null ? void 0 : _a.styles.layout);
+      if (layout)
+        list.push(`layout--${layout}`);
+      return list;
+    });
     function openClose() {
       if (isOpen.value)
         return;
@@ -18719,6 +18807,9 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       });
       isOpen.value = true;
     }
+    onMounted(() => {
+      cleekOptions2.value = hooks8.getCleekOptions(getCurrentInstance);
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["ck-dropdown", unref$1(computedClass)])
@@ -18732,7 +18823,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_1$l, [
           isOpen.value ? (openBlock(), createElementBlock("section", {
             key: 0,
-            class: normalizeClass(["ck-dropdown__popper", { "ck-dropdown__popper--dark": __props.dark }]),
+            class: normalizeClass(["ck-dropdown__popper", unref$1(computedClassPopper)]),
             ref_key: "popperRef",
             ref: popperRef
           }, [
@@ -18746,7 +18837,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-ba11ff8e"]]);
+var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-6bb2e656"]]);
 var ckNavbar_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
   props: {
@@ -18795,74 +18886,6 @@ function render2(_ctx, _cache) {
 var ckTr_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$o = {};
 var CkTr = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", render2], ["__scopeId", "data-v-519cf874"]]);
-var hooks8 = {
-  getCleekOptions(getCurrentInstance2) {
-    return getCurrentInstance2().appContext.app.config.globalProperties.$cleekOptions;
-  },
-  getGroupClass({
-    group,
-    groupVertical,
-    widthBreaks = []
-  } = {}, windowWidth) {
-    const componentWidth = this.getWidthByWidthBreaks(widthBreaks, windowWidth);
-    const classList2 = [];
-    if (group && componentWidth !== "100%")
-      classList2.push(`ck-component__group--${group}`);
-    if (groupVertical)
-      classList2.push(`ck-component__group-vertical--${groupVertical}`);
-    return classList2;
-  },
-  getWidthByWidthBreaks(widthBreaks, windowWidth) {
-    if (widthBreaks) {
-      let realWidthBreaks = [...widthBreaks];
-      if (realWidthBreaks.length === 2 && typeof realWidthBreaks[0] === "number" && typeof realWidthBreaks[1] === "string") {
-        realWidthBreaks = [realWidthBreaks];
-      }
-      let finalWidth = "";
-      realWidthBreaks.forEach((widthBreak) => {
-        const [windowBreak, width] = widthBreak;
-        if ((windowWidth || 0) >= windowBreak) {
-          finalWidth = width;
-        }
-      });
-      return finalWidth;
-    }
-  },
-  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;
-  },
-  preventUnusedError(functions2) {
-    if (Math.random() === 1) {
-      functions2.forEach((func) => {
-        console.log(func);
-      });
-    }
-  }
-};
 var ckTd_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
   props: {
@@ -22272,15 +22295,17 @@ const _hoisted_6$2 = {
   key: 0,
   class: "ck-popup-slot-footer__confirm-buttons"
 };
-const _hoisted_7 = /* @__PURE__ */ createTextVNode("Cancelar");
-const _hoisted_8 = /* @__PURE__ */ createTextVNode("Aceptar");
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: Boolean },
     title: null,
     confirmButtons: { type: Boolean },
     acceptButton: { type: Boolean },
+    acceptBtnText: null,
+    acceptBtnType: null,
     cancelButton: { type: Boolean },
+    cancelBtnText: null,
+    cancelBtnType: null,
     notClose: { type: Boolean },
     notCloseBtn: { type: Boolean },
     notCloseByBg: { type: Boolean },
@@ -22351,6 +22376,20 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       }
       return list;
     });
+    const realAcceptBtnType = computed$2(() => {
+      if (props.cancelBtnType)
+        return props.cancelBtnType;
+      if (cleekOptions2.popup.cancelBtnType)
+        return cleekOptions2.popup.cancelBtnType;
+      return "flat";
+    });
+    const realCancelBtnType = computed$2(() => {
+      if (props.cancelBtnType)
+        return props.cancelBtnType;
+      if (cleekOptions2.popup.acceptBtnType)
+        return cleekOptions2.popup.acceptBtnType;
+      return "outlined";
+    });
     function onCancel() {
       emits("cancel");
       if (!props.preventCloseOnCancel)
@@ -22403,21 +22442,22 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                   class: "cancel-button",
                   onClick: _cache[1] || (_cache[1] = ($event) => onCancel()),
                   color: "danger",
-                  type: "flat"
+                  type: unref$1(realCancelBtnType)
                 }, {
                   default: withCtx(() => [
-                    _hoisted_7
+                    createTextVNode(toDisplayString(__props.cancelBtnText || "Cancelar"), 1)
                   ]),
                   _: 1
-                }),
+                }, 8, ["type"]),
                 createVNode(CkButton, {
-                  onClick: _cache[2] || (_cache[2] = ($event) => onAccept())
+                  onClick: _cache[2] || (_cache[2] = ($event) => onAccept()),
+                  type: unref$1(realAcceptBtnType)
                 }, {
                   default: withCtx(() => [
-                    _hoisted_8
+                    createTextVNode(toDisplayString(__props.acceptBtnText || "Aceptar"), 1)
                   ]),
                   _: 1
-                })
+                }, 8, ["type"])
               ])) : createCommentVNode("", true)
             ])) : createCommentVNode("", true)
           ], 6)
@@ -22990,6 +23030,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     clearValue: { type: [Boolean, String] },
     searchable: { type: [Boolean, String] },
     minWidth: null,
+    width: null,
     noBorder: { type: Boolean },
     layout: null,
     borderColor: null,
@@ -23077,6 +23118,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       if (!isWidthDefined && minWidth) {
         list.push({ "min-width": minWidth });
       }
+      if (props.width)
+        list.push({ "width": props.width });
       return list;
     });
     const realClearValue = computed$2(() => {
@@ -23195,10 +23238,10 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-6e28e1de"]]);
+var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-ccaf1058"]]);
 var ckSidebar_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$5 = {
-  key: 1,
+  key: 0,
   class: "sidebar-header-title"
 };
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
@@ -23206,7 +23249,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     modelValue: { type: Boolean },
     title: null,
     width: null,
-    rightSide: { type: Boolean }
+    rightSide: { type: Boolean },
+    headerColor: null,
+    headerAlign: { type: Boolean },
+    closeBtnAlign: null,
+    notCloseBtn: { type: Boolean }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: emits }) {
@@ -23230,6 +23277,29 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         list.push({ width: props.width });
       return list;
     });
+    const computedClassHeader = computed$2(() => {
+      const list = [];
+      let closeBtnAlign = props.closeBtnAlign;
+      if (props.notCloseBtn)
+        closeBtnAlign = "hidden";
+      if (closeBtnAlign)
+        list.push(`close-btn--${closeBtnAlign}`);
+      if (props.headerAlign)
+        list.push(`align-title--${props.headerAlign}`);
+      if (props.headerColor && hooks8.isColorTemplateVariable(props.headerColor)) {
+        list.push(`ck-component__bg-color--${props.headerColor}`);
+      }
+      if (props.headerColor)
+        list.push(`align-title--${props.headerColor}`);
+      return list;
+    });
+    const computedStyleHeader = computed$2(() => {
+      const list = [];
+      if (props.headerColor && !hooks8.isColorTemplateVariable(props.headerColor)) {
+        list.push({ "background-color": props.headerColor });
+      }
+      return list;
+    });
     return (_ctx, _cache) => {
       const _component_ck_icon = resolveComponent("ck-icon");
       return unref$1(isActive) ? (openBlock(), createElementBlock("div", {
@@ -23242,21 +23312,16 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           style: normalizeStyle(unref$1(computedStyle))
         }, [
           createElementVNode("div", {
-            class: "sidebar-header",
-            onClick: _cache[0] || (_cache[0] = ($event) => isActive.value = false)
+            class: normalizeClass(["sidebar-header", unref$1(computedClassHeader)]),
+            onClick: _cache[0] || (_cache[0] = ($event) => isActive.value = false),
+            style: normalizeStyle(unref$1(computedStyleHeader))
           }, [
-            __props.rightSide ? (openBlock(), createBlock(_component_ck_icon, {
-              key: 0,
-              class: "mr-2",
-              icon: "times"
-            })) : createCommentVNode("", true),
             __props.title ? (openBlock(), createElementBlock("div", _hoisted_1$5, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
-            !__props.rightSide ? (openBlock(), createBlock(_component_ck_icon, {
-              key: 2,
-              class: "ml-2",
+            createVNode(_component_ck_icon, {
+              class: "close-btn",
               icon: "times"
-            })) : createCommentVNode("", true)
-          ]),
+            })
+          ], 6),
           createElementVNode("div", null, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])
@@ -23265,7 +23330,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-caa98a4c"]]);
+var ckSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-2a47d044"]]);
 var ckSwitch_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$1 = (n) => (pushScopeId("data-v-f66bfcc0"), n = n(), popScopeId(), n);
 const _hoisted_1$4 = ["disabled"];