cleek 2.0.9 → 2.1.3

package/dist/cleek.es.js

@@ -17,7 +17,61 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, computed as computed$2, watch, h, openBlock, createElementBlock, normalizeClass, unref as unref$1, createBlock, createCommentVNode, ref, onMounted, getCurrentInstance, renderSlot, mergeProps, withKeys, withModifiers, createElementVNode, pushScopeId, popScopeId, normalizeStyle, withCtx, createTextVNode, toDisplayString, withDirectives, isRef as isRef$1, vModelDynamic, createVNode, Fragment, renderList, vModelRadio, vModelSelect, vModelCheckbox, vModelText } from "vue";
+import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, renderSlot, normalizeClass, createCommentVNode, computed as computed$2, watch, h, unref as unref$1, createBlock, onMounted, getCurrentInstance, mergeProps, withKeys, withModifiers, pushScopeId, popScopeId, normalizeStyle, withCtx, createTextVNode, toDisplayString, withDirectives, isRef as isRef$1, vModelDynamic, createVNode, Fragment, renderList, vModelRadio, vModelSelect, vModelCheckbox, vModelText } from "vue";
+var ckDropdown_vue_vue_type_style_index_0_scoped_true_lang = "";
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1$j = { class: "ck-dropdown" };
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
+  props: {
+    triggerType: { type: String, default: "click" },
+    dark: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const isOpen = ref(false);
+    const popperRef = ref(null);
+    function openClose() {
+      if (isOpen.value)
+        return;
+      const closeListerner = (event) => {
+        if (popperRef.value != event.target)
+          isOpen.value = false;
+        window.removeEventListener("click", closeListerner);
+      };
+      setTimeout(() => {
+        window.addEventListener("click", closeListerner);
+      });
+      isOpen.value = true;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
+        createElementVNode("div", {
+          class: "ck-dropdown__trigger",
+          onClick: _cache[0] || (_cache[0] = ($event) => openClose())
+        }, [
+          renderSlot(_ctx.$slots, "trigger", {}, void 0, true)
+        ]),
+        isOpen.value ? (openBlock(), createElementBlock("section", {
+          key: 0,
+          class: normalizeClass(["ck-dropdown__popper", { "ck-dropdown__popper--dark": __props.dark }]),
+          ref_key: "popperRef",
+          ref: popperRef
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(["ck-dropdown__popper--arrow", { "ck-dropdown__popper--arrow--dark": __props.dark }])
+          }, null, 2),
+          renderSlot(_ctx.$slots, "popper", {}, void 0, true)
+        ], 2)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+var ckDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-64a91fb4"]]);
 var validators = {
   size: (type) => {
     return ["", "xs", "s", "m", "l", "xl"].includes(type);
@@ -77,6 +131,11 @@ var functions$1 = {
   isColumnDisplayed(column) {
     if (column.isDisplayed === false)
       return false;
+    if (column.unchangeable) {
+      if (column.isDisplayed === true)
+        return true;
+      return false;
+    }
     return true;
   },
   getCleekOptions(getCurrentInstance2) {
@@ -11203,13 +11262,6 @@ defineComponent({
   }
 });
 var ckIcon_vue_vue_type_style_index_0_scoped_true_lang = "";
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   props: {
     icon: { type: [String, Array], default: "" },
@@ -13105,7 +13157,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
 });
 var ckSelect = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-31af160a"]]);
 var ckSwitch_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId = (n) => (pushScopeId("data-v-6a563501"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-35213eec"), n = n(), popScopeId(), n);
 const _hoisted_1$9 = ["disabled"];
 const _hoisted_2$4 = { class: "ck-switch__slider-container" };
 const _hoisted_3$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-switch__slider" }, null, -1));
@@ -13115,7 +13167,7 @@ const _hoisted_4$1 = {
 };
 const _sfc_main$b = /* @__PURE__ */ defineComponent({
   props: {
-    modelValue: { type: Boolean, default: false },
+    modelValue: { type: [Boolean, Number], default: false },
     disabled: { type: Boolean, default: false },
     outlined: { type: Boolean, default: false },
     squared: { type: Boolean, default: false },
@@ -13192,7 +13244,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-6a563501"]]);
+var ckSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-35213eec"]]);
 var ckSwitchOptions_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$8 = { class: "ck-switch-options__container-exterior" };
 const _hoisted_2$3 = ["onClick"];
@@ -13309,7 +13361,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckTh = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-a6c5a34e"]]);
+var ckTh = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-c179a3c2"]]);
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   props: {
     col: { type: Object, required: true }
@@ -13364,7 +13416,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       return value;
     });
     const itemsPerPageIsVisible = computed$2(() => {
-      return !props.hideItemsPerPage && props.listLength;
+      return !props.hideItemsPerPage && props.listLength && props.currentPage;
     });
     const searchGroupValue = computed$2(() => {
       if (itemsPerPageIsVisible.value && props.hasColumnsManager) {
@@ -13418,7 +13470,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-38244f67"]]);
+var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-350be915"]]);
 var ckTable__pagination_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$4 = { class: "ck-table__pagination" };
 const _hoisted_2$2 = ["onClick"];
@@ -13577,12 +13629,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       console.log("hoola");
       const list = [];
       props.columnsArray.forEach((col) => {
-        if (functions$1)
+        if (!col.unchangeable) {
           list.push({
             name: col.name,
             title: col.title,
             value: functions$1.isColumnDisplayed(col)
           });
+        }
       });
       columnsCheckable.value = list;
     }
@@ -13618,7 +13671,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var TableColumnsManager = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-6ae82d89"]]);
+var TableColumnsManager = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-e6aed8c8"]]);
 var ckTable_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$2 = { class: "ck-table" };
 const _hoisted_2 = {
@@ -13629,7 +13682,7 @@ const _hoisted_3 = {
   key: 1,
   class: "ck-table__header--slot"
 };
-const _hoisted_4 = { class: "ck-table__table" };
+const _hoisted_4 = { class: "ck-table__table-container" };
 const _hoisted_5 = { key: 0 };
 const _hoisted_6 = { key: 1 };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
@@ -13643,7 +13696,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     search: { type: String, default: void 0 },
     hideHeaderActions: { type: Boolean, default: false },
     hideRefreshBtn: { type: Boolean, default: false },
-    hideItemsPerPage: { type: Boolean, default: false }
+    hideItemsPerPage: { type: Boolean, default: false },
+    notFullWidth: { type: Boolean, default: false }
   },
   emits: ["refreshList", "update:search", "update:currentPage"],
   setup(__props, { emit: emits }) {
@@ -13721,28 +13775,33 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "header", {}, void 0, true)
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true),
-          createElementVNode("table", _hoisted_4, [
-            unref$1(filteredColumnsList).length ? (openBlock(), createElementBlock("thead", _hoisted_5, [
-              createVNode(ckTr, null, {
-                default: withCtx(() => [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(filteredColumnsList), (col) => {
-                    return openBlock(), createBlock(_sfc_main$7, {
-                      key: col.title,
-                      col
-                    }, null, 8, ["col"]);
-                  }), 128))
-                ]),
-                _: 1
-              })
-            ])) : createCommentVNode("", true),
-            createElementVNode("tbody", null, [
-              renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ]),
-            _ctx.$slots.footer ? (openBlock(), createElementBlock("tfoot", _hoisted_6, [
-              renderSlot(_ctx.$slots, "footer", {}, void 0, true)
-            ])) : createCommentVNode("", true)
+          createElementVNode("div", _hoisted_4, [
+            createElementVNode("table", {
+              class: normalizeClass(["ck-table__table", { "not-full-width": __props.notFullWidth }])
+            }, [
+              unref$1(filteredColumnsList).length ? (openBlock(), createElementBlock("thead", _hoisted_5, [
+                createVNode(ckTr, null, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(unref$1(filteredColumnsList), (col) => {
+                      return openBlock(), createBlock(_sfc_main$7, {
+                        key: col.title,
+                        col
+                      }, null, 8, ["col"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                })
+              ])) : createCommentVNode("", true),
+              createElementVNode("tbody", null, [
+                renderSlot(_ctx.$slots, "default", {}, void 0, true)
+              ]),
+              _ctx.$slots.footer ? (openBlock(), createElementBlock("tfoot", _hoisted_6, [
+                renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+              ])) : createCommentVNode("", true)
+            ], 2)
           ]),
           createVNode(TablePagination, {
+            class: "ck-table__pagination",
             currentPage: unref$1(currentPageLocal),
             "onUpdate:currentPage": _cache[4] || (_cache[4] = ($event) => isRef$1(currentPageLocal) ? currentPageLocal.value = $event : null),
             itemsPerPage: __props.itemsPerPage,
@@ -13755,12 +13814,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-4abe8990"]]);
+var ckTable = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-a5722810"]]);
 var ckTd_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   props: {
     col: { type: Object, default: void 0 },
-    wrap: { type: Boolean, default: false },
+    nowrap: { type: Boolean, default: false },
     block: { type: Boolean, default: false },
     autoWidth: { type: Boolean, default: false },
     align: { type: String, default: void 0, validator: validators.align },
@@ -13792,7 +13851,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       if (props.block)
         list.push("block");
       if (props.block)
-        list.push("wrap-text");
+        list.push("no-wrap-text");
       return list;
     });
     const computedStyle = computed$2(() => {
@@ -13829,7 +13888,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ckTd = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-c34b91ca"]]);
+var ckTd = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-47b8a441"]]);
 var ckTextarea_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$1 = { class: "ck-textarea" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
@@ -16470,6 +16529,7 @@ const unlockScroll = () => {
 var components = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   [Symbol.toStringTag]: "Module",
+  ckDropdown,
   ckButton,
   ckCheckbox,
   ckChip,
@@ -16524,4 +16584,4 @@ const install = function installCleek(app, options) {
     app.component(componentName, component);
   });
 };
-export { events as EVENTS, mitt as EventBus, ckButton, ckCheckbox, ckChip, ckIcon, ckImg, ckInput, ckLabel, _sfc_main$e 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, ckDropdown, ckIcon, ckImg, ckInput, ckLabel, _sfc_main$e as ckPopup, ckRadio, ckSelect, ckSwitch, ckSwitchOptions, ckTable, ckTd, ckTextarea, ckTh, ckTooltip, ckTr, install as default, lockScroll, unlockScroll };