cleek 2.0.5 → 2.0.6

package/dist/cleek.es.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, computed, watch, h, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, renderSlot, mergeProps, withKeys, withModifiers, createElementVNode, pushScopeId, popScopeId, ref, getCurrentInstance, onMounted, unref, normalizeStyle, withCtx, createTextVNode, toDisplayString, withDirectives, isRef, vModelDynamic, createVNode, Fragment, renderList, vModelRadio, vModelSelect, vModelCheckbox, vModelText } from "vue";
+import { defineComponent, computed, watch, h, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, createCommentVNode, renderSlot, mergeProps, withKeys, withModifiers, createElementVNode, pushScopeId, popScopeId, unref, normalizeStyle, ref, getCurrentInstance, onMounted, withCtx, createTextVNode, toDisplayString, withDirectives, isRef, vModelDynamic, createVNode, Fragment, renderList, vModelRadio, vModelSelect, vModelCheckbox, vModelText } from "vue";
 var validators = {
   size: (type) => {
     return ["", "xs", "s", "m", "l", "xl"].includes(type);
@@ -11236,7 +11236,7 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$k = {
+const _sfc_main$l = {
   name: "CkIcon",
   components: {
     FontAwesomeIcon
@@ -11283,8 +11283,8 @@ const _sfc_main$k = {
     }
   }
 };
-var ckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", render$b], ["__scopeId", "data-v-77d9963a"]]);
-const _hoisted_1$h = ["title", "aria-label", "disabled"];
+var ckIcon = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", render$b], ["__scopeId", "data-v-77d9963a"]]);
+const _hoisted_1$i = ["title", "aria-label", "disabled"];
 function render$a(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ck_icon = resolveComponent("ck-icon");
   return openBlock(), createElementBlock("button", {
@@ -11308,13 +11308,13 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
       icon: $props.iconRight,
       "icon-pack": $props.iconPack
     }, null, 8, ["icon", "icon-pack"])) : createCommentVNode("", true)
-  ], 10, _hoisted_1$h);
+  ], 10, _hoisted_1$i);
 }
 var ckButton_vue_vue_type_style_index_0_scoped_true_lang = "";
 const defaultType = "outlined";
 const defaultColor = "primary";
 const defaultAlign = "left";
-const _sfc_main$j = {
+const _sfc_main$k = {
   name: "CkButton",
   components: {
     ckIcon
@@ -11368,9 +11368,9 @@ const _sfc_main$j = {
     }
   }
 };
-var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", render$a], ["__scopeId", "data-v-a687842a"]]);
+var ckButton = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", render$a], ["__scopeId", "data-v-a687842a"]]);
 const _withScopeId$2 = (n) => (pushScopeId("data-v-69dfa524"), n = n(), popScopeId(), n);
-const _hoisted_1$g = ["disabled", "checked"];
+const _hoisted_1$h = ["disabled", "checked"];
 const _hoisted_2$8 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "ck-checkbox__element" }, null, -1));
 const _hoisted_3$5 = {
   key: 0,
@@ -11395,7 +11395,7 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
         $options.value = $event.target.checked;
         $options.onChange($event);
       })
-    }, null, 40, _hoisted_1$g),
+    }, null, 40, _hoisted_1$h),
     _hoisted_2$8,
     _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3$5, [
       renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -11403,7 +11403,7 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
   ], 16);
 }
 var ckCheckbox_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$i = {
+const _sfc_main$j = {
   name: "CkCheckbox",
   props: {
     modelValue: { type: Boolean, default: false },
@@ -11436,7 +11436,50 @@ const _sfc_main$i = {
     }
   }
 };
-var ckCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", render$9], ["__scopeId", "data-v-69dfa524"]]);
+var ckCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", render$9], ["__scopeId", "data-v-69dfa524"]]);
+var ckChip_vue_vue_type_style_index_0_scoped_true_lang = "";
+const _hoisted_1$g = ["color"];
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  props: {
+    size: { type: String, default: "s" },
+    color: { type: String, default: "primary" },
+    textColor: { type: String, default: void 0 },
+    icon: { type: String, default: void 0 },
+    iconPack: { type: String, default: void 0 }
+  },
+  emits: ["click"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const computedClass = computed(() => {
+      return [
+        `size-${props.size}`,
+        `ck-component__bg-color--${props.color}`
+      ];
+    });
+    const computedStyle = computed(() => {
+      const list = [];
+      if (props.color)
+        ;
+      return list;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["ck-chip", unref(computedClass)]),
+        color: __props.color,
+        style: normalizeStyle(unref(computedStyle)),
+        onClick: _cache[0] || (_cache[0] = ($event) => emits("click", $event))
+      }, [
+        __props.icon ? (openBlock(), createBlock(ckIcon, {
+          key: 0,
+          icon: __props.icon,
+          "icon-pack": __props.iconPack
+        }, null, 8, ["icon", "icon-pack"])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 14, _hoisted_1$g);
+    };
+  }
+});
+var ckChip = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-73ff343b"]]);
 var ckImg_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$f = ["src", "alt"];
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
@@ -12591,14 +12634,14 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           icon: "columns",
           type: "filled",
           title: "Administrador de columnas",
-          group: unref(itemsPerPageIsVisible) || !unref(hideSearch) ? "left" : "",
+          group: unref(itemsPerPageIsVisible) || !unref(hideSearch) ? "right" : "",
           onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("openColumnsManager"))
         }, null, 8, ["group"])) : createCommentVNode("", true)
       ]);
     };
   }
 });
-var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-2936ca90"]]);
+var TableHeaderItems = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-38244f67"]]);
 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"];
@@ -15651,6 +15694,7 @@ var components = /* @__PURE__ */ Object.freeze({
   [Symbol.toStringTag]: "Module",
   ckButton,
   ckCheckbox,
+  ckChip,
   ckIcon,
   ckImg,
   ckInput,
@@ -15702,4 +15746,4 @@ const install = function installCleek(app, options) {
     app.component(componentName, component);
   });
 };
-export { events as EVENTS, mitt as EventBus, ckButton, ckCheckbox, 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, ckIcon, ckImg, ckInput, ckLabel, _sfc_main$e as ckPopup, ckRadio, ckSelect, ckSwitch, ckSwitchOptions, ckTable, ckTd, ckTextarea, ckTh, ckTooltip, ckTr, install as default, lockScroll, unlockScroll };