cleek 2.4.18 → 2.4.24

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

@@ -2904,7 +2904,9 @@ const cleekOptions = {
   popup: {
     textColor: "",
     headerAlign: "",
-    headerColor: ""
+    headerColor: "",
+    acceptBtnType: "",
+    cancelBtnType: ""
   },
   styles: {
     layout: "base",
@@ -18818,6 +18820,12 @@ var hooks8 = {
       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;
@@ -22272,13 +22280,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 },
@@ -22349,6 +22361,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)
@@ -22394,28 +22420,29 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_4$5, [
               renderSlot(_ctx.$slots, "default")
             ]),
-            _ctx.$slots.footer || __props.confirmButtons ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
+            _ctx.$slots.footer || __props.confirmButtons || __props.acceptButton || __props.cancelButton ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
               renderSlot(_ctx.$slots, "footer"),
               __props.confirmButtons ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
                 createVNode(CkButton, {
                   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)
@@ -22988,6 +23015,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,
@@ -23075,6 +23103,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(() => {
@@ -23193,10 +23223,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({
@@ -23204,7 +23234,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 }) {
@@ -23228,6 +23262,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", {
@@ -23240,21 +23297,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)
           ])
@@ -23263,7 +23315,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"];