cleek 2.7.13 → 2.7.15

package/dist/cleek-styles/cleek-mixins.styl

@@ -1,68 +1,88 @@
-margin-x(margin)
-  margin-right margin
-  margin-left margin
-margin-y(margin)
-  margin-top margin
-  margin-bottom margin
-padding-x(padding)
-  padding-right padding
-  padding-left padding
-padding-y(padding)
-  padding-top padding
-  padding-bottom padding
-border-x(width, type, color)
-  border-left width type color
-  border-right width type color
-border-y(width, type, color)
-  border-top width type color
-  border-bottom width type color
-border-radius-left(radius)
-  border-top-left-radius radius
-  border-bottom-left-radius radius
-border-radius-right(radius)
-  border-top-right-radius radius
-  border-bottom-right-radius radius
-border-radius-top(radius)
-  border-top-left-radius radius
-  border-top-right-radius radius
-border-radius-bottom(radius)
-  border-bottom-left-radius radius
-  border-bottom-right-radius radius
-width-height(val)
-  width val
-  height val
-min-max-width(val)
-  min-width val
-  max-width val
-min-max-height(val)
-  min-height val
-  max-height val
-margin-padding(val)
-  margin val
-  padding val
-margin-padding-left(val)
-  margin-left val
-  padding-left val
-margin-padding-right(val)
-  margin-right val
-  padding-right val
-margin-padding-top(val)
-  margin-top val
-  padding-top val
-margin-padding-bottom(val)
-  margin-bottom val
-  padding-bottom val
-
-my-box-shadow(val = 0.05, color = black)
-  box-shadow 0 4px 20px 0 rgba(color, val)
-ck-box-shadow(val = 0.05, color = black)
-  box-shadow 0 4px 20px 0 rgba(color, val)
-
-// flex shortcuts
-justify-align-center()
-  align-items center
-  justify-content center
-
+// margin
+margin-x($margin-x)
+  margin-left $margin-x
+  margin-right $margin-x
+margin-y($margin-y)
+  margin-top $margin-y
+  margin-bottom $margin-y
+margin-left-right($margin-left, $margin-right)
+  margin-left $margin-left
+  margin-right $margin-right
+margin-top-bottom($margin-top, $margin-bottom)
+  margin-top $margin-top
+  margin-bottom $margin-bottom
+// padding
+padding-x($padding-x)
+  padding-left $padding-x
+  padding-right $padding-x
+padding-y($padding-y)
+  padding-top $padding-y
+  padding-bottom $padding-y
+padding-left-right($padding-left, $padding-right)
+  padding-left $padding-left
+  padding-right $padding-right
+padding-top-bottom($padding-top, $padding-bottom)
+  padding-top $padding-top
+  padding-bottom $padding-bottom
+// border
+border-x($width, $type, $color)
+  border-left $width $type $color
+  border-right $width $type $color
+border-y($width, $type, $color)
+  border-top $width $type $color
+  border-bottom $width $type $color
+// border-radius
+border-radius-left($radius)
+  border-top-left-radius $radius
+  border-bottom-left-radius $radius
+border-radius-right($radius)
+  border-top-right-radius $radius
+  border-bottom-right-radius $radius
+border-radius-top($radius)
+  border-top-left-radius $radius
+  border-top-right-radius $radius
+border-radius-bottom($radius)
+  border-bottom-left-radius $radius
+  border-bottom-right-radius $radius
+// width - height
+width-height($val)
+  width $val
+  height $val
+min-max-width($val)
+  min-width $val
+  max-width $val
+min-max-height($val)
+  min-height $val
+  max-height $val
+// margin - padding
+margin-padding($val)
+  margin $val
+  padding $val
+margin-padding-left($val)
+  margin-left $val
+  padding-left $val
+margin-padding-right($val)
+  margin-right $val
+  padding-right $val
+margin-padding-top($val)
+  margin-top $val
+  padding-top $val
+margin-padding-bottom($val)
+  margin-bottom $val
+  padding-bottom $val
+// box-shadow
+my-box-shadow($val = 0.05, $color = black)
+  box-shadow 0 4px 20px 0 rgba($color, $val)
+ck-box-shadow($val = 0.05, $color = black)
+  box-shadow 0 4px 20px 0 rgba($color, $val)
+// flex
+flex($flex-direction = row, $justify-content = flex-start, $align-items = stretch, $gap = 0, $flex-wrap = nowrap)
+  display flex
+  flex-direction $flex-direction
+  justify-content $justify-content
+  align-items $align-items
+  gap $gap
+  flex-wrap $flex-wrap
 flex-center()
   display flex
   align-items center
@@ -72,11 +92,6 @@ inline-flex-center()
   align-items center
   justify-content center
 
-flex-all-center() // should be deleted
-  flex-center()
-inline-flex-all-center() // should be deleted
-  inline-flex-center()
-
 unselectable()
   user-select none
   -moz-user-select none
@@ -84,9 +99,9 @@ unselectable()
   -webkit-user-select none
   -o-user-select none
 
-dynamic-rgba(rgb-variable, opacity = 1)
+dynamic-rgba($rgb-variable, $opacity = 1)
   // return rgba as a string so it doesn't get interpolated by stylus compiler
-  s('rgba(var(%s), %s)', rgb-variable, opacity)
+  s('rgba(var(%s), %s)', $rgb-variable, $opacity)
 
 //
 //

package/dist/cleek.es.js

@@ -83257,6 +83257,11 @@ const _sfc_main$m = defineComponent$2({
         list.push(`version--${props.version}`);
       return list;
     });
+    function clickRefreshListBtn() {
+      if (props.isLoading)
+        return;
+      emits("refreshList", true);
+    }
     function checkRefresh() {
       const search = searchLocal.value;
       setTimeout(() => {
@@ -83273,12 +83278,13 @@ const _sfc_main$m = defineComponent$2({
           refreshBtnIsVisible.value ? (openBlock$2(), createBlock$2(CkButton, {
             key: 0,
             type: "flat",
-            icon: "rotate-right",
             title: "Recargar lista",
             backgroundColor: "transparent",
             layout: _ctx.layout,
-            onClick: _cache[0] || (_cache[0] = ($event) => emits("refreshList", true))
-          }, null, 8, ["layout"])) : createCommentVNode$2("", true),
+            icon: _ctx.isLoading ? "spinner" : "rotate-right",
+            isLoading: !!_ctx.isLoading,
+            onClick: _cache[0] || (_cache[0] = ($event) => clickRefreshListBtn())
+          }, null, 8, ["layout", "icon", "isLoading"])) : createCommentVNode$2("", true),
           _ctx.isLoading && _ctx.listLength === 0 || itemsPerPageIsVisible.value ? (openBlock$2(), createElementBlock$2("div", {
             key: 1,
             class: normalizeClass$2(["items-per-page", { "ck-component__group--left": isSearchVisible.value }])
@@ -83318,7 +83324,7 @@ const _sfc_main$m = defineComponent$2({
     };
   }
 });
-var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-1af5a21d"]]);
+var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-64173368"]]);
 var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$4 = (n2) => (pushScopeId$2("data-v-27c654d0"), n2 = n2(), popScopeId$2(), n2);
 const _hoisted_1$h = { class: "ck-table__pagination" };
@@ -84220,10 +84226,10 @@ const _sfc_main$h = defineComponent$2({
     const defaultLoadingText = computed$3(() => {
       var _a;
       if (((_a = cleekOptions2.value) == null ? void 0 : _a.lang) === "es")
-        return "Cargando";
-      return "Loading";
+        return "Cargando...";
+      return "Loading...";
     });
-    const defaultNoResultsText = computed$3(() => {
+    computed$3(() => {
       var _a;
       if (((_a = cleekOptions2.value) == null ? void 0 : _a.lang) === "es")
         return "No se encontraron resultados";
@@ -84353,9 +84359,10 @@ const _sfc_main$h = defineComponent$2({
               hideItemsPerPage: _ctx.hideItemsPerPage,
               layout: realLayout.value,
               version: realTableVersion.value,
+              isLoading: _ctx.isLoading,
               onRefreshList: _cache[2] || (_cache[2] = ($event) => refreshList($event)),
               onOpenColumnsManager: _cache[3] || (_cache[3] = ($event) => openColumnsManager())
-            }, null, 8, ["search", "hideHeaderActions", "currentPage", "hasColumnsManager", "itemsPerPage", "listLength", "showRefreshBtn", "hideItemsPerPage", "layout", "version"]),
+            }, null, 8, ["search", "hideHeaderActions", "currentPage", "hasColumnsManager", "itemsPerPage", "listLength", "showRefreshBtn", "hideItemsPerPage", "layout", "version", "isLoading"]),
             _ctx.$slots.header ? (openBlock$2(), createElementBlock$2("div", _hoisted_3$7, [
               renderSlot$2(_ctx.$slots, "header", {}, void 0, true)
             ])) : createCommentVNode$2("", true)
@@ -84385,7 +84392,7 @@ const _sfc_main$h = defineComponent$2({
               createElementVNode("tbody", null, [
                 renderSlot$2(_ctx.$slots, "default", {}, void 0, true),
                 renderSlot$2(_ctx.$slots, "desktop", {}, void 0, true),
-                _ctx.isLoading ? (openBlock$2(), createBlock$2(CkTr, { key: 0 }, {
+                _ctx.isLoading && !_ctx.listLength ? (openBlock$2(), createBlock$2(CkTr, { key: 0 }, {
                   default: withCtx$2(() => [
                     createVNode$2(CkTd, {
                       class: "no-result-text",
@@ -84398,21 +84405,7 @@ const _sfc_main$h = defineComponent$2({
                           icon: "spinner",
                           spin: ""
                         }),
-                        createTextVNode$2(" " + toDisplayString$1(_ctx.loadingText || defaultLoadingText.value) + "... ", 1)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })) : _ctx.isLoading !== false && _ctx.listLength === 0 ? (openBlock$2(), createBlock$2(CkTr, { key: 1 }, {
-                  default: withCtx$2(() => [
-                    createVNode$2(CkTd, {
-                      class: "no-result-text",
-                      colspan: "100%",
-                      align: "center"
-                    }, {
-                      default: withCtx$2(() => [
-                        createTextVNode$2(toDisplayString$1(_ctx.noResultsText || defaultNoResultsText.value), 1)
+                        createTextVNode$2(" " + toDisplayString$1(_ctx.loadingText || defaultLoadingText.value), 1)
                       ]),
                       _: 1
                     })
@@ -84443,7 +84436,7 @@ const _sfc_main$h = defineComponent$2({
     };
   }
 });
-var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-d9e82628"]]);
+var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-09bd0c16"]]);
 var ckPagination_vue_vue_type_style_index_0_lang = "";
 const _sfc_main$g = defineComponent$2({
   __name: "ck-pagination",