cleek 2.7.12 → 2.7.14

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

@@ -1,3 +1,9 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj2, key, value) => key in obj2 ? __defProp(obj2, key, { enumerable: true, configurable: true, writable: true, value }) : obj2[key] = value;
+var __publicField = (obj2, key, value) => {
+  __defNormalProp(obj2, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
 import { watch as watch$1, effectScope, reactive as reactive$2, computed as computed$3, pushScopeId as pushScopeId$2, popScopeId as popScopeId$2, defineComponent as defineComponent$2, nextTick as nextTick$4, openBlock as openBlock$2, createBlock as createBlock$2, createElementBlock as createElementBlock$2, normalizeClass as normalizeClass$2, renderSlot as renderSlot$2, normalizeProps as normalizeProps$1, guardReactiveProps as guardReactiveProps$2, withScopeId as withScopeId$2, resolveComponent as resolveComponent$2, normalizeStyle as normalizeStyle$2, withKeys as withKeys$2, createElementVNode, Fragment as Fragment$2, createCommentVNode as createCommentVNode$2, withCtx as withCtx$2, createVNode as createVNode$2, ref as ref$1, createApp, h as h$2, mergeProps as mergeProps$2, toDisplayString as toDisplayString$1, resolveDirective, createTextVNode as createTextVNode$2, withDirectives as withDirectives$1, unref as unref$3, onMounted as onMounted$1, getCurrentInstance as getCurrentInstance$1, onBeforeUnmount as onBeforeUnmount$1, vModelText, vModelDynamic, renderList as renderList$1, withModifiers as withModifiers$1, Teleport as Teleport$1, watchEffect, resolveDynamicComponent as resolveDynamicComponent$1, vShow as vShow$1, vModelRadio, vModelSelect, vModelCheckbox } from "vue";
 function getDevtoolsGlobalHook$2() {
   return getTarget$2().__VUE_DEVTOOLS_GLOBAL_HOOK__;
@@ -26121,21 +26127,21 @@ const computePosition$2 = (reference, floating, options) => computePosition$3(re
   platform: platform$1,
   ...options
 });
-var __defProp = Object.defineProperty;
+var __defProp2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj2, key, value) => key in obj2 ? __defProp(obj2, key, { enumerable: true, configurable: true, writable: true, value }) : obj2[key] = value;
+var __defNormalProp2 = (obj2, key, value) => key in obj2 ? __defProp2(obj2, key, { enumerable: true, configurable: true, writable: true, value }) : obj2[key] = value;
 var __spreadValues = (a32, b222) => {
   for (var prop in b222 || (b222 = {}))
     if (__hasOwnProp.call(b222, prop))
-      __defNormalProp(a32, prop, b222[prop]);
+      __defNormalProp2(a32, prop, b222[prop]);
   if (__getOwnPropSymbols)
     for (var prop of __getOwnPropSymbols(b222)) {
       if (__propIsEnum.call(b222, prop))
-        __defNormalProp(a32, prop, b222[prop]);
+        __defNormalProp2(a32, prop, b222[prop]);
     }
   return a32;
 };
@@ -46130,21 +46136,21 @@ const withKeys = (fn2, modifiers) => {
     }
   };
 };
-var __defProp2 = Object.defineProperty;
+var __defProp22 = Object.defineProperty;
 var __defProps2 = Object.defineProperties;
 var __getOwnPropDescs2 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
 var __hasOwnProp2 = Object.prototype.hasOwnProperty;
 var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp2 = (obj2, key, value) => key in obj2 ? __defProp2(obj2, key, { enumerable: true, configurable: true, writable: true, value }) : obj2[key] = value;
+var __defNormalProp22 = (obj2, key, value) => key in obj2 ? __defProp22(obj2, key, { enumerable: true, configurable: true, writable: true, value }) : obj2[key] = value;
 var __spreadValues2 = (a32, b222) => {
   for (var prop in b222 || (b222 = {}))
     if (__hasOwnProp2.call(b222, prop))
-      __defNormalProp2(a32, prop, b222[prop]);
+      __defNormalProp22(a32, prop, b222[prop]);
   if (__getOwnPropSymbols2)
     for (var prop of __getOwnPropSymbols2(b222)) {
       if (__propIsEnum2.call(b222, prop))
-        __defNormalProp2(a32, prop, b222[prop]);
+        __defNormalProp22(a32, prop, b222[prop]);
     }
   return a32;
 };
@@ -48100,21 +48106,21 @@ const platform = {
 const computePosition = (reference, floating, options) => computePosition$1(reference, floating, __spreadValues2({
   platform
 }, options));
-var __defProp22 = Object.defineProperty;
+var __defProp222 = Object.defineProperty;
 var __defProps22 = Object.defineProperties;
 var __getOwnPropDescs22 = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols22 = Object.getOwnPropertySymbols;
 var __hasOwnProp22 = Object.prototype.hasOwnProperty;
 var __propIsEnum22 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp22 = (obj2, key, value) => key in obj2 ? __defProp22(obj2, key, { enumerable: true, configurable: true, writable: true, value }) : obj2[key] = value;
+var __defNormalProp222 = (obj2, key, value) => key in obj2 ? __defProp222(obj2, key, { enumerable: true, configurable: true, writable: true, value }) : obj2[key] = value;
 var __spreadValues22 = (a32, b222) => {
   for (var prop in b222 || (b222 = {}))
     if (__hasOwnProp22.call(b222, prop))
-      __defNormalProp22(a32, prop, b222[prop]);
+      __defNormalProp222(a32, prop, b222[prop]);
   if (__getOwnPropSymbols22)
     for (var prop of __getOwnPropSymbols22(b222)) {
       if (__propIsEnum22.call(b222, prop))
-        __defNormalProp22(a32, prop, b222[prop]);
+        __defNormalProp222(a32, prop, b222[prop]);
     }
   return a32;
 };
@@ -91274,8 +91280,20 @@ var ckNotify = {
     this.notify({ text: text2, title, color: "warning", duration });
   }
 };
+class TableData {
+  constructor(itemsPerPage) {
+    __publicField(this, "search", "");
+    __publicField(this, "currentPage", 1);
+    __publicField(this, "listLength", 0);
+    __publicField(this, "itemsPerPage", 20);
+    if (itemsPerPage) {
+      this.itemsPerPage = itemsPerPage;
+    }
+  }
+}
 var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
+  TableData,
   CkDatetimeShower: ckDatetimeShower,
   CkTimeShower: ckTimeShower,
   CkDropdown: ckDropdown,
@@ -91351,4 +91369,4 @@ const install3 = function installCleek(app, options) {
     app.component(componentName, component);
   });
 };
-export { CkButton, ckCard as CkCard, CkCheckbox, ckChip as CkChip, ckCircle as CkCircle, ckDatetimeShower as CkDatetimeShower, _sfc_main$a as CkDiv, ckDropdown as CkDropdown, CkIcon, ckImg as CkImg, CkInput, ckInputDate as CkInputDate, _sfc_main$e as CkInputTime, CkLabel, ckNavbar as CkNavbar, _sfc_main$g as CkPagination, _sfc_main$j as CkPopup, ckRadio as CkRadio, ckSelect as CkSelect, ckSidebar as CkSidebar, ckSwitch as CkSwitch, ckSwitchOptions as CkSwitchOptions, ckTable as CkTable, CkTd, ckTextarea as CkTextarea, CkTh, ckTimeShower as CkTimeShower, CkTr, ckNotify, install3 as default, useWindowWidth };
+export { CkButton, ckCard as CkCard, CkCheckbox, ckChip as CkChip, ckCircle as CkCircle, ckDatetimeShower as CkDatetimeShower, _sfc_main$a as CkDiv, ckDropdown as CkDropdown, CkIcon, ckImg as CkImg, CkInput, ckInputDate as CkInputDate, _sfc_main$e as CkInputTime, CkLabel, ckNavbar as CkNavbar, _sfc_main$g as CkPagination, _sfc_main$j as CkPopup, ckRadio as CkRadio, ckSelect as CkSelect, ckSidebar as CkSidebar, ckSwitch as CkSwitch, ckSwitchOptions as CkSwitchOptions, ckTable as CkTable, CkTd, ckTextarea as CkTextarea, CkTh, ckTimeShower as CkTimeShower, CkTr, TableData, ckNotify, install3 as default, useWindowWidth };