cleek 2.11.20 → 2.11.22

package/dist/main.es.js

@@ -3637,7 +3637,7 @@ const za = /* @__PURE__ */ q(Ra, [["__scopeId", "data-v-f613ffcb"]]), Wa = { cla
 const Na = /* @__PURE__ */ q(Oa, [["__scopeId", "data-v-43006e82"]]), Ea = {
   key: 0,
   class: "extra-actions__container"
-}, Fa = ["onClick"], ja = { class: "extra-action__name" }, Ha = 0, qa = /* @__PURE__ */ z({
+}, Fa = ["onClick"], ja = { class: "extra-action__name" }, Ha = "main", qa = /* @__PURE__ */ z({
   __name: "ck-dropdown-button",
   props: {
     title: {},
@@ -3645,6 +3645,7 @@ const Na = /* @__PURE__ */ q(Oa, [["__scopeId", "data-v-43006e82"]]), Ea = {
     isLoading: { type: Boolean },
     tabindex: {},
     dropdownButtonActions: {},
+    mainActionId: {},
     type: {},
     color: {},
     textColor: {},
@@ -3668,8 +3669,8 @@ const Na = /* @__PURE__ */ q(Oa, [["__scopeId", "data-v-43006e82"]]), Ea = {
       var s;
       return !!((s = t.dropdownButtonActions) != null && s.length);
     }), a = d(() => {
-      const { dropdownButtonActions: s, ...m } = t;
-      return r.value ? { ...m, group: "left" } : m;
+      const { dropdownButtonActions: s, mainActionId: m, ...i } = t;
+      return r.value ? { ...i, group: "left" } : i;
     }), c = d(() => ({
       type: t.type,
       color: t.color,
@@ -3680,7 +3681,7 @@ const Na = /* @__PURE__ */ q(Oa, [["__scopeId", "data-v-43006e82"]]), Ea = {
       group: "right"
     }));
     function u(s) {
-      l("click", s), l("action", Ha);
+      l("click", s), l("action", t.mainActionId ?? Ha);
     }
     function p(s) {
       l("action", s), n.value = !1;
@@ -3734,7 +3735,7 @@ const Na = /* @__PURE__ */ q(Oa, [["__scopeId", "data-v-43006e82"]]), Ea = {
     ], 32));
   }
 });
-const Ua = /* @__PURE__ */ q(qa, [["__scopeId", "data-v-1a6f3053"]]), Ya = {
+const Ua = /* @__PURE__ */ q(qa, [["__scopeId", "data-v-1eb3c72d"]]), Ya = {
   key: 0,
   class: "ck-card__header-title"
 }, Ga = { class: "ck-card__body" }, Za = {
@@ -4809,7 +4810,10 @@ const as = /* @__PURE__ */ q(ls, [["__scopeId", "data-v-817a5ee4"]]), is = { cla
     ]));
   }
 });
-const rs = /* @__PURE__ */ q(ss, [["__scopeId", "data-v-08c93dad"]]), us = { class: "ck-notify__container" }, cs = { class: "ck-notify__title" }, ds = { class: "close-btn" }, ps = ["innerHTML"], vs = /* @__PURE__ */ z({
+const rs = /* @__PURE__ */ q(ss, [["__scopeId", "data-v-08c93dad"]]), us = {
+  key: 0,
+  class: "ck-notify__container"
+}, cs = { class: "ck-notify__title" }, ds = { class: "close-btn" }, ps = ["innerHTML"], vs = /* @__PURE__ */ z({
   __name: "CkNotify",
   setup(e, { expose: o }) {
     const t = A(!0), l = A(""), n = A(""), r = A(""), a = A(0), c = A(() => {
@@ -4844,11 +4848,8 @@ const rs = /* @__PURE__ */ q(ss, [["__scopeId", "data-v-08c93dad"]]), us = { cla
           c.value();
         }, a.value);
       }, 10);
-    }), (m, i) => t.value ? (v(), D(Ie, {
-      key: 0,
-      to: "body"
-    }, [
-      $("div", us, [
+    }), (m, i) => (v(), D(Ie, { to: "body" }, [
+      t.value ? (v(), g("div", us, [
         $("div", {
           class: M(["ck-notify", p.value]),
           style: j(s.value),
@@ -4867,11 +4868,11 @@ const rs = /* @__PURE__ */ q(ss, [["__scopeId", "data-v-08c93dad"]]), us = { cla
             innerHTML: n.value
           }, null, 8, ps)
         ], 6)
-      ])
-    ])) : _("", !0);
+      ])) : _("", !0)
+    ]));
   }
 });
-const ms = /* @__PURE__ */ q(vs, [["__scopeId", "data-v-bb914f84"]]), fs = 3e3, hs = {
+const ms = /* @__PURE__ */ q(vs, [["__scopeId", "data-v-f087b4c7"]]), fs = 3e3, hs = {
   alert(e) {
     this.alertOptions({
       title: "",

package/dist/types/components/ck-dropdown-button.vue.d.ts

@@ -1,7 +1,8 @@
 import { Align, AlignVertical, Color, Icon, IconPack, Layout, ButtonType, WidthBreaks } from '../cleek-options/cleek-options.types';
 
+type ActionId = string | number | null;
 export interface DropdownButtonAction {
-    id: number;
+    id: ActionId;
     name: string;
 }
 declare function __VLS_template(): {
@@ -13,6 +14,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     isLoading?: boolean;
     tabindex?: number;
     dropdownButtonActions: DropdownButtonAction[];
+    mainActionId?: ActionId;
     type?: ButtonType;
     color?: Color;
     textColor?: Color;
@@ -31,13 +33,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     groupVertical?: AlignVertical;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (event: Event) => void;
-    action: (actionId: number) => void;
+    action: (actionId: string) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     title?: string;
     disabled?: boolean;
     isLoading?: boolean;
     tabindex?: number;
     dropdownButtonActions: DropdownButtonAction[];
+    mainActionId?: ActionId;
     type?: ButtonType;
     color?: Color;
     textColor?: Color;
@@ -56,7 +59,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     groupVertical?: AlignVertical;
 }>>> & Readonly<{
     onClick?: (event: Event) => any;
-    onAction?: (actionId: number) => any;
+    onAction?: (actionId: string) => any;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cleek",
   "description": "Complete UX Vue library",
-  "version": "2.11.20",
+  "version": "2.11.22",
   "author": "Quantic Onion",
   "license": "MIT",
   "repository": "",