cleek 2.6.79 → 2.6.81

package/dist/cleek.es.js

@@ -81626,8 +81626,9 @@ const _sfc_main$w = defineComponent$2({
     split: { type: Boolean }
   },
   emits: ["click"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const computedTime = computed$3(() => {
       if (props.time) {
         if (props.timeInMinutes)
@@ -82581,8 +82582,9 @@ const _sfc_main$p = defineComponent$2({
     pulse: { type: Boolean }
   },
   emits: ["click"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const computediconPack = computed$3(() => {
       const defaultPackage = "font-awesome";
       if (!props.iconPack)
@@ -82651,6 +82653,7 @@ var ckButton_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$j = ["title", "aria-label", "disabled"];
 const defaultButtonType = "outlined";
 const defaultColor$1 = "primary";
+const defaultBackgroundColor = "transparent";
 const defaultAlign = "left";
 const _sfc_main$o = defineComponent$2({
   __name: "ck-button",
@@ -82660,6 +82663,7 @@ const _sfc_main$o = defineComponent$2({
     isLoading: { type: Boolean },
     type: {},
     color: {},
+    backgroundColor: {},
     align: {},
     size: {},
     width: {},
@@ -82674,8 +82678,9 @@ const _sfc_main$o = defineComponent$2({
     groupVertical: {}
   },
   emits: ["click"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const { windowWidth } = useWindowWidth();
     let cleekOptions2 = ref$1();
     const realButtonType = computed$3(() => {
@@ -82697,6 +82702,10 @@ const _sfc_main$o = defineComponent$2({
           list.push(`ck-component__border-color--${props.color}`);
         }
       }
+      const bgColor = props.backgroundColor || defaultBackgroundColor;
+      if (bgColor !== defaultBackgroundColor && hooks9.isColorTemplateVariable(bgColor)) {
+        list.push(`ck-component__bg-color--${bgColor}`);
+      }
       const align = props.align || defaultAlign;
       if (align === "center" || align === "right") {
         list.push(`ck-button__align--${props.align}`);
@@ -82723,6 +82732,10 @@ const _sfc_main$o = defineComponent$2({
       }
       if (props.width && !isWidthDefined)
         list.push({ width: props.width });
+      const bgColor = props.backgroundColor || defaultBackgroundColor;
+      if (bgColor !== defaultBackgroundColor && !hooks9.isColorTemplateVariable(bgColor)) {
+        list.push({ "background-color": bgColor });
+      }
       return list;
     });
     function onClick(event) {
@@ -82769,7 +82782,7 @@ const _sfc_main$o = defineComponent$2({
     };
   }
 });
-var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-c080c6b8"]]);
+var CkButton = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-74544b28"]]);
 var ckLabel_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$i = ["for"];
 const defaultSize$2 = "m";
@@ -82839,8 +82852,9 @@ const _sfc_main$m = defineComponent$2({
     justInteger: { type: Boolean }
   },
   emits: ["update:modelValue", "click", "input", "change", "focus", "blur", "delayChange"],
-  setup(__props, { expose: __expose, emit: emits }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     __expose({ setFocus, setSelect });
     let cleekOptions2 = ref$1();
     const realInput = ref$1(null);
@@ -83052,8 +83066,9 @@ const _sfc_main$l = defineComponent$2({
     version: {}
   },
   emits: ["update:search", "refreshList", "openColumnsManager"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const searchLocal = computed$3({
       get() {
         return props.search;
@@ -83173,8 +83188,9 @@ const _sfc_main$k = defineComponent$2({
     layout: {}
   },
   emits: ["refreshList", "update:currentPage"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     let cleekOptions2 = ref$1();
     const currentPageLocal = computed$3({
       get() {
@@ -83580,8 +83596,9 @@ const _sfc_main$j = defineComponent$2({
     disabled: { type: Boolean }
   },
   emits: ["update:modelValue", "change"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const value = computed({
       get() {
         return props.modelValue;
@@ -83673,8 +83690,9 @@ const _sfc_main$i = defineComponent$2({
     fontSize: {}
   },
   emits: ["update:modelValue", "cancel", "accept"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     let cleekOptions2 = ref$1();
     const isActive = computed$3({
       get() {
@@ -83870,8 +83888,9 @@ const _sfc_main$h = defineComponent$2({
     columnsArray: {}
   },
   emits: ["update:modelValue"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     let columnsCheckable = ref$1([]);
     const isActive = computed$3({
       get() {
@@ -83980,8 +83999,9 @@ const _sfc_main$g = defineComponent$2({
     mobileMaxWidth: {}
   },
   emits: ["refreshList", "update:search", "update:currentPage"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     let cleekOptions2 = ref$1();
     const { windowWidth } = useWindowWidth();
     const isPopupActive = ref$1({
@@ -84205,8 +84225,9 @@ const _sfc_main$f = defineComponent$2({
     align: {}
   },
   emits: ["update:modelValue"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const currentStep = computed$3({
       get() {
         return props.modelValue;
@@ -89353,8 +89374,9 @@ const _sfc_main$e = defineComponent$2({
     groupVertical: {}
   },
   emits: ["update:modelValue", "change"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const { windowWidth } = useWindowWidth();
     const refFocusAbsorber = ref$1(null);
     const inputValue = computed$3({
@@ -89430,8 +89452,9 @@ const _sfc_main$d = defineComponent$2({
     groupVertical: {}
   },
   emits: ["update:modelValue", "change"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const inputValue = computed$3({
       get() {
         if (typeof props.modelValue !== "number")
@@ -89481,8 +89504,9 @@ const _sfc_main$c = defineComponent$2({
     layout: {}
   },
   emits: ["update:modelValue", "closeCard"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     let cleekOptions2 = ref$1();
     const isActive = computed$3({
       get() {
@@ -89560,8 +89584,9 @@ const _sfc_main$b = defineComponent$2({
     iconPack: {}
   },
   emits: ["click"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const computedClass = computed$3(() => {
       const list = [];
       if (!props.color || hooks9.isColorTemplateVariable(props.color)) {
@@ -89618,8 +89643,9 @@ const _sfc_main$a = defineComponent$2({
     gap: {}
   },
   emits: ["click"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const { windowWidth } = useWindowWidth();
     let cleekOptions2 = ref$1();
     const computedStyle = computed$3(() => {
@@ -89794,8 +89820,9 @@ const _sfc_main$8 = defineComponent$2({
     label: {}
   },
   emits: ["update:modelValue", "change"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const value = computed$3({
       get() {
         return props.modelValue;
@@ -89914,8 +89941,9 @@ const _sfc_main$7 = defineComponent$2({
     emptyOptionsMsg: {}
   },
   emits: ["update:modelValue", "click", "change"],
-  setup(__props, { expose: __expose, emit: emits }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     __expose({
       setFocus
     });
@@ -90157,8 +90185,9 @@ const _sfc_main$6 = defineComponent$2({
     notCloseBtn: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const isActive = computed$3({
       get() {
         return props.modelValue;
@@ -90256,8 +90285,9 @@ const _sfc_main$5 = defineComponent$2({
     iconPack: {}
   },
   emits: ["update:modelValue", "click"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const value = computed$3({
       get() {
         return props.modelValue;
@@ -90355,9 +90385,10 @@ const _sfc_main$4 = defineComponent$2({
     sameWidthOptions: { type: Boolean }
   },
   emits: ["update:modelValue", "change"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
+  setup(__props, { emit: __emit }) {
     const defaultReduceFunction = (option) => option.id;
+    const props = __props;
+    const emits = __emit;
     const { windowWidth } = useWindowWidth();
     const selectedOption = computed$3({
       get() {
@@ -90444,8 +90475,9 @@ const _sfc_main$3 = defineComponent$2({
     labelAlign: {}
   },
   emits: ["update:modelValue", "input", "change", "click"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     let cleekOptions2 = ref$1();
     const refTextarea = ref$1(null);
     const { windowWidth } = useWindowWidth();