cleek 2.3.37 → 2.3.38

package/dist/cleek.es.js

@@ -39,7 +39,7 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 const _hoisted_1$k = { class: "ck-dropdown__popper-container" };
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   props: {
     triggerType: { type: String, default: "click" },
     dark: { type: Boolean, default: false },
@@ -95,9 +95,9 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-2120e680"]]);
+var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-2120e680"]]);
 var ckNavbar_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   props: {
     padding: { type: String, default: 0 },
     position: { type: String, default: "fixed" }
@@ -132,7 +132,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-5024db6a"]]);
+var ckNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-5024db6a"]]);
 /*!
  * Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
@@ -16349,6 +16349,15 @@ var functions = {
     }
     return classList2;
   },
+  getGroupClass2({ 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;
+  },
   getGroupClassContainer({ lineBreak = "" } = "") {
     const classList2 = [];
     if (lineBreak) {
@@ -16374,6 +16383,22 @@ var functions = {
       ];
     }
   },
+  getWidthByWidthBreaks(widthBreaks, windowWidth) {
+    if (widthBreaks) {
+      let realWidthBreaks = [...widthBreaks];
+      if (realWidthBreaks.length === 2 && typeof realWidthBreaks[0] === "number" && typeof realWidthBreaks[1] === "string") {
+        realWidthBreaks = [realWidthBreaks];
+      }
+      let finalWidth = 0;
+      realWidthBreaks.forEach((widthBreak) => {
+        const [windowBreak, width] = widthBreak;
+        if (windowWidth >= windowBreak) {
+          finalWidth = width;
+        }
+      });
+      return finalWidth;
+    }
+  },
   isColorTemplateVariable(color) {
     if (color === "primary")
       return true;
@@ -16406,7 +16431,7 @@ var functions = {
   }
 };
 var ckIcon_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   props: {
     icon: { type: [String, Array], default: "" },
     color: { type: String, default: "" },
@@ -16475,13 +16500,13 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-ddf67f32"]]);
+var ckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-ddf67f32"]]);
 var ckNotify_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$j = { class: "ck-notify__container" };
 const _hoisted_2$8 = { 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({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   setup(__props, { expose }) {
     expose({
       ckNotify: ckNotify2,
@@ -16543,7 +16568,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckNotify = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-5ca55d25"]]);
+var ckNotify = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-5ca55d25"]]);
 const _hoisted_1$i = { class: "ck-tr" };
 function render$1(_ctx, _cache) {
   return openBlock(), createElementBlock("tr", _hoisted_1$i, [
@@ -16551,8 +16576,8 @@ function render$1(_ctx, _cache) {
   ]);
 }
 var ckTr_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$k = {};
-var ckTr = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", render$1], ["__scopeId", "data-v-519cf874"]]);
+const _sfc_main$l = {};
+var ckTr = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", render$1], ["__scopeId", "data-v-519cf874"]]);
 var validators = {
   size: (type) => {
     return ["", "xs", "s", "m", "l", "xl"].includes(type);
@@ -16584,7 +16609,7 @@ var validators = {
   }
 };
 var ckTd_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   props: {
     col: { type: Object, default: void 0 },
     nowrap: { type: Boolean, default: false },
@@ -16663,10 +16688,10 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckTd = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-4077488a"]]);
+var ckTd = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-4077488a"]]);
 var ckTh_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$h = { class: "ck-th" };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   props: {
     align: { type: String, default: "left", validator: validators.align },
     minWidth: { type: String, default: void 0 }
@@ -16698,8 +16723,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckTh = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-4b7ed390"]]);
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+var ckTh = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-4b7ed390"]]);
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   props: {
     col: { type: Object, required: true }
   },
@@ -16737,7 +16762,7 @@ function useWindowWidth() {
 }
 var ckButton_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$g = ["title", "aria-label", "disabled"];
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   props: {
     title: { type: String, default: void 0 },
     disabled: { type: Boolean, default: false },
@@ -16835,10 +16860,10 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-4a61847a"]]);
+var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-4a61847a"]]);
 var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$f = ["for"];
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   props: {
     for: { type: String, default: "" },
     align: { type: String, default: "" },
@@ -16865,10 +16890,10 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-400ea765"]]);
+var ckLabel = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-400ea765"]]);
 var ckInput_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$e = ["autocomplete", "type", "placeholder", "disabled"];
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: {},
     type: { type: String, validator: validators.inputType, default: "text" },
@@ -16881,8 +16906,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     iconPack: { type: String, default: void 0 },
     iconRight: { type: String, default: void 0 },
     group: { type: String, default: void 0 },
-    lineBreak: { type: [String, Number], default: "" },
     groupVertical: { type: String, default: void 0 },
+    widthBreaks: { type: Array, default: void 0 },
+    lineBreak: { type: [String, Number], default: "" },
     size: { type: String, default: "m", validator: validators.size },
     hideBorder: { type: Boolean, default: false },
     width: { type: String, default: void 0 },
@@ -16929,7 +16955,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     });
     const computedClassInput = computed$2(() => {
       const list = [];
-      list.push(functions.getGroupClass(props));
+      list.push(functions.getGroupClass2(props, windowWidth.value));
       if (props.icon)
         list.push("has-icon-left");
       if (props.iconRight)
@@ -16946,7 +16972,11 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     });
     const computedStyle = computed$2(() => {
       const list = [];
-      list.push(functions.getlineBreakStyleContainer(props, windowWidth.value));
+      if (props.widthBreaks) {
+        const width = functions.getWidthByWidthBreaks(props.widthBreaks, windowWidth.value);
+        if (width)
+          list.push({ width });
+      }
       return list;
     });
     const computedStyleInput = computed$2(() => {
@@ -17012,10 +17042,10 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckInput = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-645f8505"]]);
+var ckInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-7c0f3064"]]);
 var ckTable__headerItems_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$d = { class: "ck-table__header-items" };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   props: {
     search: { type: String, default: void 0 },
     hasColumnsManager: { type: Boolean, default: false },
@@ -17109,7 +17139,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-ad4db5f6"]]);
+var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-ad4db5f6"]]);
 var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$c = { class: "ck-table__pagination" };
 const _hoisted_2$7 = ["onClick"];
@@ -17188,7 +17218,7 @@ const __default__ = {
     }
   }
 };
-const _sfc_main$c = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
+const _sfc_main$d = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
   setup(__props) {
     return (_ctx, _cache) => {
       return __props.currentPage && _ctx.totalPages > 1 ? (openBlock(), createElementBlock("div", {
@@ -17237,7 +17267,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-dec8fb20"]]);
+var TablePagination = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-dec8fb20"]]);
 const NOOP$1 = () => {
 };
 const isArray$1 = Array.isArray;
@@ -18020,7 +18050,7 @@ const _hoisted_3$4 = {
   key: 0,
   class: "c-Checkbox__label"
 };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: Boolean, default: false },
     label: { type: String, default: void 0 },
@@ -18077,7 +18107,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-132565da"]]);
+var ckCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-132565da"]]);
 var ckPopup_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$a = {
   key: 0,
@@ -18100,7 +18130,7 @@ const _hoisted_7 = {
 };
 const _hoisted_8 = /* @__PURE__ */ createTextVNode("Cancelar");
 const _hoisted_9 = /* @__PURE__ */ createTextVNode("Aceptar");
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: Boolean },
     title: { type: String, default: void 0 },
@@ -18192,7 +18222,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
 var ckTable__columnsManager_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$9 = { class: "columns-manger-container" };
 const _hoisted_2$4 = { class: "columns-manger__item" };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   props: {
     modelValue: { type: Boolean, required: true },
     columns: { type: Object, required: true },
@@ -18232,7 +18262,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       props.columns[colName].isDisplayed = value;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$a, {
+      return openBlock(), createBlock(_sfc_main$b, {
         modelValue: unref$1(isActive),
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef$1(isActive) ? isActive.value = $event : null),
         title: "Administrador de columnas"
@@ -18260,7 +18290,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TableColumnsManager = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-36d907dc"]]);
+var TableColumnsManager = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-36d907dc"]]);
 var qmApi = {};
 var qmArray = {
   arrayToText(arr, key = null) {
@@ -18550,7 +18580,7 @@ const _hoisted_3$2 = {
 const _hoisted_4$2 = { class: "ck-table__table-container" };
 const _hoisted_5 = { key: 0 };
 const _hoisted_6 = { key: 1 };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   props: {
     columns: { type: [Array, Object], required: true, default: () => [] },
     hasColumnsManager: { type: Boolean, default: false },
@@ -18675,7 +18705,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 createVNode(ckTr, null, {
                   default: withCtx(() => [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(filteredColumnsList), (col) => {
-                      return openBlock(), createBlock(_sfc_main$h, {
+                      return openBlock(), createBlock(_sfc_main$i, {
                         key: col.title,
                         col
                       }, null, 8, ["col"]);
@@ -18723,10 +18753,10 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-6545e800"]]);
+var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-6545e800"]]);
 var ckChip_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$7 = ["color"];
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   props: {
     size: { type: String, default: "s" },
     color: { type: String, default: "primary" },
@@ -18766,7 +18796,35 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckChip = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-1e92de86"]]);
+var ckChip = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-1e92de86"]]);
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  props: {
+    widthBreaks: { type: Array, default: void 0 }
+  },
+  emits: ["click"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const { windowWidth } = useWindowWidth();
+    const computedStyle = computed$2(() => {
+      const list = [];
+      if (props.widthBreaks) {
+        const width = functions.getWidthByWidthBreaks(props.widthBreaks, windowWidth.value);
+        if (width)
+          list.push({ width });
+      }
+      return list;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "ck-div",
+        style: normalizeStyle(unref$1(computedStyle)),
+        onClick: _cache[0] || (_cache[0] = ($event) => emits("click", $event))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 4);
+    };
+  }
+});
 var globalVariables = {
   defaultFailImg: "df",
   imagesFolderPath: "",
@@ -21956,11 +22014,12 @@ var components = /* @__PURE__ */ Object.freeze({
   ckButton,
   ckCheckbox,
   ckChip,
+  ckDiv: _sfc_main$7,
   ckIcon,
   ckImg,
   ckInput,
   ckLabel,
-  ckPopup: _sfc_main$a,
+  ckPopup: _sfc_main$b,
   ckRadio,
   ckSelect,
   ckSwitch,
@@ -22000,4 +22059,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, ckNotify, _sfc_main$a 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, _sfc_main$7 as ckDiv, ckDropdown, ckIcon, ckImg, ckInput, ckLabel, ckNavbar, ckNotify, _sfc_main$b as ckPopup, ckRadio, ckSelect, ckSwitch, ckSwitchOptions, ckTable, ckTd, ckTextarea, ckTh, ckTooltip, ckTr, install as default, lockScroll, unlockScroll };