eco-vue-js 0.5.25 → 0.6.0

package/dist/main.js

@@ -72,4 +72,5 @@ export { HorizontalAlign } from './utils/HorizontalAlign.js';
 export { Month, WeekDay, addDay, addMonth, addYear, dateFormat, dateFormatter, dateRegexp, dateToQueryString, datetimeFormat, durationHumanize, getDurationRound, getStartOfDay, getStartOfMonth, getStartOfWeek, isSameDate, isSameMonth, isSameYear, monthShortFormatter, parseDate, timeFormat, weekdayShortFormatter } from './utils/dateTime.js';
 export { getIsMobile, getIsTouchDevice } from './utils/mobile.js';
 export { useDefaultQuery } from './utils/useDefaultQuery.js';
+export { useCopy } from './utils/useCopy.js';
 export { debounce, genId, getAllScrollParents, getScrollParent, hasParent, isClientSide, isEqualArr, isEqualObj, numberCompactFormatter, numberFormatter, percentCompactFormatter, throttle } from './utils/utils.js';

package/dist/utils/DOMListenerContainer.js

@@ -11,13 +11,11 @@ const eventOptionsMap = {
 class DOMListenerContainer {
   unlisteners = [];
   constructor(elements, types, listener, options) {
-    if (!elements || !types || !listener)
-      return;
+    if (!elements || !types || !listener) return;
     this.addEventListeners(elements, types, listener, options);
   }
   addEventListener(element, type, listener, options) {
-    if (!options)
-      options = eventOptionsMap[type];
+    if (!options) options = eventOptionsMap[type];
     element.addEventListener(type, listener, options);
     this.unlisteners.push(() => {
       element.removeEventListener(type, listener, options);

package/dist/utils/Modal.d.ts

@@ -1,5 +1,6 @@
-import { type Component, type ComponentOptions, type MethodOptions } from 'vue';
-import type { ConfirmModalProps } from '../components/Modal/modals/Confirm/types';
+import { Component, ComponentOptions, MethodOptions } from 'vue';
+import { ConfirmModalProps } from '../components/Modal/modals/Confirm/types';
+
 export type ModalComponent<Props> = Component<Props, any, any, ComponentOptions, MethodOptions, {
     'close:modal': () => void;
 }>;
@@ -7,7 +8,7 @@ export type AddModal<Props> = (component: ModalComponent<Props>, props?: Props,
 export declare const initModal: <Props>(value: AddModal<Props> | undefined) => void;
 export declare const Modal: {
     add<Props>(component: ModalComponent<Props>, props?: Props, cb?: () => void): (() => void) | null;
-    addAutoclosable<Props_1>(component: ModalComponent<Props_1>, props?: Props_1 | undefined, cb?: () => void): (() => void) | null;
+    addAutoclosable<Props>(component: ModalComponent<Props>, props?: Props, cb?: () => void): (() => void) | null;
     addConfirm(props: ConfirmModalProps, cb?: () => void): (() => void) | null;
 };
 //# sourceMappingURL=Modal.d.ts.map

package/dist/utils/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/utils/Modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,SAAS,EAAE,KAAK,gBAAgB,EAAE,KAAK,aAAa,EAAC,MAAM,KAAK,CAAA;AAC5G,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,yCAAyC,CAAA;AAI9E,MAAM,MAAM,cAAc,CAAC,KAAK,IAAI,SAAS,CAC3C,KAAK,EAEL,GAAG,EAEH,GAAG,EACH,gBAAgB,EAChB,aAAa,EACb;IACE,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CACF,CAAA;AAED,MAAM,MAAM,QAAQ,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,MAAM,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,KAAK,CAAC,MAAM,IAAI,CAAC,CAAA;AAKrI,eAAO,MAAM,SAAS,iBAAkB,SAAS,KAAK,CAAC,GAAG,SAAS,SAElE,CAAA;AAED,eAAO,MAAM,KAAK;0BACM,eAAe,KAAK,CAAC,UAAU,KAAK,OAAO,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI;mGAIpB,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI;sBAI3F,iBAAiB,OAAO,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI;CAQ3E,CAAA"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/utils/Modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,SAAS,EAAE,KAAK,gBAAgB,EAAE,KAAK,aAAa,EAAC,MAAM,KAAK,CAAA;AAC5G,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,yCAAyC,CAAA;AAI9E,MAAM,MAAM,cAAc,CAAC,KAAK,IAAI,SAAS,CAC3C,KAAK,EAEL,GAAG,EAEH,GAAG,EACH,gBAAgB,EAChB,aAAa,EACb;IACE,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CACF,CAAA;AAED,MAAM,MAAM,QAAQ,CAAC,KAAK,IAAI,CAAC,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,MAAM,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,KAAK,CAAC,MAAM,IAAI,CAAC,CAAA;AAKrI,eAAO,MAAM,SAAS,GAAI,KAAK,SAAS,QAAQ,CAAC,KAAK,CAAC,GAAG,SAAS,SAElE,CAAA;AAED,eAAO,MAAM,KAAK;QACZ,KAAK,aAAa,cAAc,CAAC,KAAK,CAAC,UAAU,KAAK,OAAO,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI;oBAIjF,KAAK,aAAa,cAAc,CAAC,KAAK,CAAC,UAAU,KAAK,OAAO,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI;sBAI3F,iBAAiB,OAAO,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI;CAQ3E,CAAA"}

package/dist/utils/Notify.d.ts

@@ -1,8 +1,9 @@
-import type { AddNotify, NotifyConfig } from '../components/Notify/models/types';
+import { AddNotify, NotifyConfig } from '../components/Notify/models/types';
+
 export declare const initNotify: (value: AddNotify | undefined) => void;
 export declare const Notify: {
-    success(config: Omit<NotifyConfig, 'type'>): void;
-    warn(config: Omit<NotifyConfig, 'type'>): void;
-    error(config: Omit<NotifyConfig, 'type'>): void;
+    success(config: Omit<NotifyConfig, "type">): void;
+    warn(config: Omit<NotifyConfig, "type">): void;
+    error(config: Omit<NotifyConfig, "type">): void;
 };
 //# sourceMappingURL=Notify.d.ts.map

package/dist/utils/Notify.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Notify.d.ts","sourceRoot":"","sources":["../../src/utils/Notify.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAE,YAAY,EAAC,MAAM,kCAAkC,CAAA;AAK7E,eAAO,MAAM,UAAU,UAAW,SAAS,GAAG,SAAS,SAEtD,CAAA;AAED,eAAO,MAAM,MAAM;oBACD,KAAK,YAAY,EAAE,MAAM,CAAC,GAAG,IAAI;iBAGpC,KAAK,YAAY,EAAE,MAAM,CAAC,GAAG,IAAI;kBAGhC,KAAK,YAAY,EAAE,MAAM,CAAC,GAAG,IAAI;CAGhD,CAAA"}
+{"version":3,"file":"Notify.d.ts","sourceRoot":"","sources":["../../src/utils/Notify.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAE,YAAY,EAAC,MAAM,kCAAkC,CAAA;AAK7E,eAAO,MAAM,UAAU,UAAW,SAAS,GAAG,SAAS,SAEtD,CAAA;AAED,eAAO,MAAM,MAAM;oBACD,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,IAAI;iBAGpC,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,IAAI;kBAGhC,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,IAAI;CAGhD,CAAA"}

package/dist/utils/Tooltip.d.ts

@@ -1,4 +1,5 @@
-import type { VNode } from 'vue';
+import { VNode } from 'vue';
+
 export type TooltipMeta = {
     parent: HTMLElement;
     slot?: VNode;

package/dist/utils/dateTime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateTime.d.ts","sourceRoot":"","sources":["../../src/utils/dateTime.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,qBAAgD,CAAA;AAClF,eAAO,MAAM,mBAAmB,qBAA8C,CAAA;AAC9E,eAAO,MAAM,aAAa,qBAAiF,CAAA;AAE3G,eAAO,MAAM,UAAU,QAA0B,CAAA;AAEjD,eAAO,MAAM,SAAS,UAAW,MAAM,KAAG,IAAI,GAAG,SAQhD,CAAA;AAED,oBAAY,OAAO;IACjB,MAAM,IAAI;IACV,MAAM,IAAI;IACV,OAAO,IAAI;IACX,SAAS,IAAI;IACb,QAAQ,IAAI;IACZ,MAAM,IAAI;IACV,QAAQ,IAAI;CACb;AAED,oBAAY,KAAK;IACf,OAAO,IAAI;IACX,QAAQ,IAAI;IACZ,KAAK,IAAI;IACT,KAAK,IAAI;IACT,GAAG,IAAI;IACP,IAAI,IAAI;IACR,IAAI,IAAI;IACR,MAAM,IAAI;IACV,SAAS,IAAI;IACb,OAAO,IAAI;IACX,QAAQ,KAAK;IACb,QAAQ,KAAK;CACd;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAMpD;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAI7C;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAE7C;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAEjD;AAED,wBAAgB,gBAAgB,CAAC,eAAe,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAiChF;AAkCD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAUxD;AAED,wBAAgB,eAAe,CAAC,IAAI,GAAE,IAAiB,GAAG,IAAI,CAQ7D;AAED,wBAAgB,MAAM,CAAC,IAAI,kBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAMnE;AAED,wBAAgB,QAAQ,CAAC,IAAI,kBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAMrE;AAED,wBAAgB,OAAO,CAAC,IAAI,kBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAMpE;AAED,wBAAgB,cAAc,CAAC,IAAI,GAAE,IAAiB,EAAE,SAAS,GAAE,OAAwB,GAAG,IAAI,CAYjG;AAED,wBAAgB,aAAa,CAAC,IAAI,GAAE,IAAiB,GAAG,IAAI,CAM3D;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,OAAO,CAEpD;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,OAAO,CAErD;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,OAAO,CAEpD"}
+{"version":3,"file":"dateTime.d.ts","sourceRoot":"","sources":["../../src/utils/dateTime.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,qBAAgD,CAAA;AAClF,eAAO,MAAM,mBAAmB,qBAA8C,CAAA;AAC9E,eAAO,MAAM,aAAa,qBAAiF,CAAA;AAE3G,eAAO,MAAM,UAAU,QAA0B,CAAA;AAEjD,eAAO,MAAM,SAAS,UAAW,MAAM,KAAG,IAAI,GAAG,SAQhD,CAAA;AAED,oBAAY,OAAO;IACjB,MAAM,IAAI;IACV,MAAM,IAAI;IACV,OAAO,IAAI;IACX,SAAS,IAAI;IACb,QAAQ,IAAI;IACZ,MAAM,IAAI;IACV,QAAQ,IAAI;CACb;AAED,oBAAY,KAAK;IACf,OAAO,IAAI;IACX,QAAQ,IAAI;IACZ,KAAK,IAAI;IACT,KAAK,IAAI;IACT,GAAG,IAAI;IACP,IAAI,IAAI;IACR,IAAI,IAAI;IACR,MAAM,IAAI;IACV,SAAS,IAAI;IACb,OAAO,IAAI;IACX,QAAQ,KAAK;IACb,QAAQ,KAAK;CACd;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAMpD;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAI7C;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAE7C;AAED,wBAAgB,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAEjD;AAED,wBAAgB,gBAAgB,CAAC,eAAe,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAiChF;AAkCD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAUxD;AAED,wBAAgB,eAAe,CAAC,IAAI,GAAE,IAAiB,GAAG,IAAI,CAQ7D;AAED,wBAAgB,MAAM,CAAC,IAAI,EAAE,IAAI,YAAa,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAMnE;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,YAAa,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAMrE;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,IAAI,YAAa,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAMpE;AAED,wBAAgB,cAAc,CAAC,IAAI,GAAE,IAAiB,EAAE,SAAS,GAAE,OAAwB,GAAG,IAAI,CAYjG;AAED,wBAAgB,aAAa,CAAC,IAAI,GAAE,IAAiB,GAAG,IAAI,CAM3D;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,OAAO,CAEpD;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,OAAO,CAErD;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,OAAO,CAEpD"}

package/dist/utils/dateTime.js

@@ -3,11 +3,9 @@ const monthShortFormatter = Intl.DateTimeFormat("en", { month: "short" });
 const dateFormatter = Intl.DateTimeFormat("en", { year: "numeric", month: "numeric", day: "numeric" });
 const dateRegexp = /\d\d\.\d\d\.\d\d\d\d/i;
 const parseDate = (value) => {
-  if (!dateRegexp.test(value))
-    return;
+  if (!dateRegexp.test(value)) return;
   const timestamp = Date.parse(value.split(".").reverse().join("."));
-  if (isNaN(timestamp))
-    return;
+  if (isNaN(timestamp)) return;
   return new Date(timestamp);
 };
 var WeekDay = /* @__PURE__ */ ((WeekDay2) => {
@@ -54,28 +52,23 @@ function datetimeFormat(date) {
 function durationHumanize(durationSeconds, full) {
   const cb = full ? getDurationStringFull : getDurationString;
   const seconds = durationSeconds % 60;
-  if (durationSeconds === seconds)
-    return cb(seconds);
+  if (durationSeconds === seconds) return cb(seconds);
   const durationMinutes = (durationSeconds - seconds) / 60;
   const minutes = durationMinutes % 60;
-  if (durationMinutes === minutes)
-    return cb(seconds, minutes);
+  if (durationMinutes === minutes) return cb(seconds, minutes);
   const durationHours = (durationMinutes - minutes) / 60;
   const hours = durationHours % 24;
-  if (durationHours === hours)
-    return cb(seconds, minutes, hours);
+  if (durationHours === hours) return cb(seconds, minutes, hours);
   const durationDays = (durationHours - hours) / 24;
   const days = durationDays % 365;
   if (durationDays === days) {
-    if (days < 30)
-      return cb(seconds, minutes, hours, days);
+    if (days < 30) return cb(seconds, minutes, hours, days);
     const newDays = days % 30;
     const months = (days - newDays) / 30;
     return cb(seconds, minutes, hours, newDays, months);
   } else {
     const durationYears = (durationDays - days) / 365;
-    if (days < 30)
-      return cb(seconds, minutes, hours, days, 0, durationYears);
+    if (days < 30) return cb(seconds, minutes, hours, days, 0, durationYears);
     const newDays = days % 30;
     const months = (days - newDays) / 30;
     return cb(seconds, minutes, hours, newDays, months, durationYears);
@@ -83,34 +76,22 @@ function durationHumanize(durationSeconds, full) {
 }
 function getDurationString(seconds, minutes, hours, days, months, years) {
   const parts = [];
-  if (years)
-    parts.push(`${years} Y`);
-  if (months)
-    parts.push(`${months} M`);
-  if (days)
-    parts.push(`${days} d`);
-  if (hours)
-    parts.push(`${hours} h`);
-  if (minutes && !days)
-    parts.push(`${minutes} m`);
-  if (seconds && !days && !hours)
-    parts.push(`${seconds} s`);
+  if (years) parts.push(`${years} Y`);
+  if (months) parts.push(`${months} M`);
+  if (days) parts.push(`${days} d`);
+  if (hours) parts.push(`${hours} h`);
+  if (minutes && !days) parts.push(`${minutes} m`);
+  if (seconds && !days && !hours) parts.push(`${seconds} s`);
   return parts.join(" ");
 }
 function getDurationStringFull(seconds, minutes, hours, days, months, years) {
   const parts = [];
-  if (years)
-    parts.push(`${years} year${years === 1 ? "" : "s"}`);
-  if (months)
-    parts.push(`${months} month${months === 1 ? "" : "s"}`);
-  if (days)
-    parts.push(`${days} day${days === 1 ? "" : "s"}`);
-  if (hours)
-    parts.push(`${hours} hour${hours === 1 ? "" : "s"}`);
-  if (minutes && !days)
-    parts.push(`${minutes} minute${minutes === 1 ? "" : "s"}`);
-  if (seconds && !days && !hours)
-    parts.push(`${seconds} second${seconds === 1 ? "" : "s"}`);
+  if (years) parts.push(`${years} year${years === 1 ? "" : "s"}`);
+  if (months) parts.push(`${months} month${months === 1 ? "" : "s"}`);
+  if (days) parts.push(`${days} day${days === 1 ? "" : "s"}`);
+  if (hours) parts.push(`${hours} hour${hours === 1 ? "" : "s"}`);
+  if (minutes && !days) parts.push(`${minutes} minute${minutes === 1 ? "" : "s"}`);
+  if (seconds && !days && !hours) parts.push(`${seconds} second${seconds === 1 ? "" : "s"}`);
   return parts.join(" ");
 }
 const minute = 60;
@@ -119,22 +100,14 @@ const day = 24 * hour;
 const month = 30 * day;
 const year = 365 * day;
 function getDurationRound(seconds) {
-  if (seconds < 0)
-    return 0;
-  if (seconds <= 60)
-    return Math.ceil(seconds / 10) * 10;
-  if (seconds <= 10 * minute)
-    return Math.ceil(seconds / minute) * minute;
-  if (seconds <= 30 * minute)
-    return Math.ceil(seconds / (minute * 10)) * minute * 10;
-  if (seconds <= 12 * hour)
-    return Math.ceil(seconds / hour) * hour;
-  if (seconds <= 10 * day)
-    return Math.ceil(seconds / day) * day;
-  if (seconds <= 30 * day)
-    return Math.ceil(seconds / (day * 10)) * day * 10;
-  if (seconds <= 5.5 * month)
-    return Math.ceil(seconds / month) * month;
+  if (seconds < 0) return 0;
+  if (seconds <= 60) return Math.ceil(seconds / 10) * 10;
+  if (seconds <= 10 * minute) return Math.ceil(seconds / minute) * minute;
+  if (seconds <= 30 * minute) return Math.ceil(seconds / (minute * 10)) * minute * 10;
+  if (seconds <= 12 * hour) return Math.ceil(seconds / hour) * hour;
+  if (seconds <= 10 * day) return Math.ceil(seconds / day) * day;
+  if (seconds <= 30 * day) return Math.ceil(seconds / (day * 10)) * day * 10;
+  if (seconds <= 5.5 * month) return Math.ceil(seconds / month) * month;
   return Math.ceil(seconds / year) * year;
 }
 function getStartOfMonth(date = /* @__PURE__ */ new Date()) {
@@ -163,8 +136,7 @@ function getStartOfWeek(date = /* @__PURE__ */ new Date(), startFrom = 1 /* MOND
   const startFromPrepared = startFrom || 7;
   const dayOfWeek = date.getDay() || 7;
   let diff = startFromPrepared - dayOfWeek;
-  if (diff > 0)
-    diff -= 7;
+  if (diff > 0) diff -= 7;
   const startOfWeek = new Date(date);
   startOfWeek.setDate(date.getDate() + diff);
   return getStartOfDay(startOfWeek);

package/dist/utils/useCopy.d.ts

@@ -0,0 +1,8 @@
+import { MaybeRef } from 'vue';
+
+export declare const useCopy: (value: MaybeRef<string | number | undefined>) => {
+    copied: import('vue').Ref<boolean>;
+    iconCopy: import('vue').ComputedRef<import('vue').Raw<import('vue').FunctionalComponent<import('vue').SVGAttributes, {}, any, {}>>>;
+    doCopy: () => void;
+};
+//# sourceMappingURL=useCopy.d.ts.map

package/dist/utils/useCopy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCopy.d.ts","sourceRoot":"","sources":["../../src/utils/useCopy.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,QAAQ,EAAC,MAAM,KAAK,CAAA;AAKhE,eAAO,MAAM,OAAO,UAAW,QAAQ,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;;;;CAgEnE,CAAA"}

package/dist/utils/useCopy.js

@@ -0,0 +1,56 @@
+import { ref, computed, markRaw, unref } from 'vue';
+import { Notify } from './Notify.js';
+import IconCopy from '../assets/icons/sax/IconCopy.svg.js';
+import IconCopySuccess from '../assets/icons/sax/IconCopySuccess.svg.js';
+
+const useCopy = (value) => {
+  const copied = ref(false);
+  let timeout;
+  const iconCopy = computed(() => copied.value ? markRaw(IconCopySuccess) : markRaw(IconCopy));
+  const checkPermission = async () => {
+    const result = await navigator.permissions.query({ name: "clipboard-write" });
+    return result.state === "granted" || result.state === "prompt";
+  };
+  const _doCopy = () => {
+    const text = unref(value);
+    if (!text) {
+      Notify.warn({
+        title: "Nothing to copy"
+      });
+      return Promise.resolve();
+    }
+    return navigator.clipboard.writeText(typeof text === "number" ? `${text}` : text).then(() => {
+      copied.value = true;
+      Notify.success({
+        title: "Copied"
+      });
+      if (timeout) clearTimeout(timeout);
+      timeout = setTimeout(() => {
+        timeout = void 0;
+        copied.value = false;
+      }, 1e3);
+    }).catch(() => {
+      Notify.error({
+        title: "Copy failed"
+      });
+    });
+  };
+  const doCopy = () => {
+    _doCopy().catch(async () => {
+      if (!await checkPermission()) {
+        Notify.error({
+          title: "Copy failed",
+          caption: "Writing to clipboard is not permitted"
+        });
+      }
+      _doCopy();
+    });
+  };
+  return {
+    copied,
+    iconCopy,
+    doCopy
+  };
+};
+
+export { useCopy };

package/dist/utils/useDefaultQuery.d.ts

@@ -1,7 +1,8 @@
-import { type QueryClient, type UseQueryReturnType, type QueryKey } from '@tanstack/vue-query';
+import { QueryClient, UseQueryReturnType, QueryKey } from '@tanstack/vue-query';
+
 type Params = Parameters<QueryClient['setQueriesData']>;
-export declare const useDefaultQuery: <TQueryFnData = unknown, TError = import('../types/types').DefaultError, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: import("@tanstack/vue-query").UseQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>, queryClient?: QueryClient | undefined) => UseQueryReturnType<TData, TError> & {
-    setData: (updater: TQueryFnData, options?: Params[2]) => ReturnType<QueryClient['setQueriesData']>;
+export declare const useDefaultQuery: <TQueryFnData = unknown, TError = import('../types/types').DefaultError, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(options: import('@tanstack/vue-query').UseQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey>, queryClient?: QueryClient | undefined) => UseQueryReturnType<TData, TError> & {
+    setData: (updater: TQueryFnData, options?: Params[2]) => ReturnType<QueryClient["setQueriesData"]>;
 };
 export {};
 //# sourceMappingURL=useDefaultQuery.d.ts.map

package/dist/utils/useDefaultQuery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDefaultQuery.d.ts","sourceRoot":"","sources":["../../src/utils/useDefaultQuery.ts"],"names":[],"mappings":"AACA,OAAO,EAA2B,KAAK,WAAW,EAAE,KAAK,kBAAkB,EAAE,KAAK,QAAQ,EAAC,MAAM,qBAAqB,CAAA;AAEtH,KAAK,MAAM,GAAG,UAAU,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAA;AAEvD,eAAO,MAAM,eAAe;uBAOL,YAAY,YAAY,MAAM,CAAC,CAAC,CAAC,KAAK,WAAW,WAAW,CAAC,gBAAgB,CAAC,CAAC;CAUrG,CAAA"}
+{"version":3,"file":"useDefaultQuery.d.ts","sourceRoot":"","sources":["../../src/utils/useDefaultQuery.ts"],"names":[],"mappings":"AACA,OAAO,EAA2B,KAAK,WAAW,EAAE,KAAK,kBAAkB,EAAE,KAAK,QAAQ,EAAC,MAAM,qBAAqB,CAAA;AAEtH,KAAK,MAAM,GAAG,UAAU,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAA;AAEvD,eAAO,MAAM,eAAe,GAC1B,YAAY,YACZ,MAAM,yCACN,KAAK,iBACL,SAAS,SAAS,QAAQ,qKAEsD,kBAAkB,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG;IAClH,OAAO,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAA;CAUrG,CAAA"}

package/dist/utils/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,eAAe,SAAU,OAAO,KAAG,OAAO,GAAG,IAKhD,CAAA;AAEV,eAAO,MAAM,mBAAmB,UAAW,OAAO,mBAAa,MAAM,OAAO,CAa3E,CAAA;AAED,eAAO,MAAM,SAAS,WAAY,OAAO,WAAW,OAAO,KAAG,OAI7D,CAAA;AAGD,KAAK,UAAU,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;AAE1C,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAWpE;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAYpE;AAED,eAAO,MAAM,UAAU,SAAU,OAAO,EAAE,QAAQ,OAAO,EAAE,KAAG,OAE7D,CAAA;AAED,eAAO,MAAM,UAAU,SAAU,OAAO,MAAM,EAAE,OAAO,CAAC,QAAQ,OAAO,MAAM,EAAE,OAAO,CAAC,YAAY,MAAM,EAAE,YAAY,MAAM,EAAE,KAAG,OAWjI,CAAA;AAED,eAAO,MAAM,uBAAuB,mBAAmE,CAAA;AACvG,eAAO,MAAM,sBAAsB,mBAAiD,CAAA;AACpF,eAAO,MAAM,eAAe,mBAA0B,CAAA;AAEtD,eAAO,MAAM,YAAY,EAAE,OAAuC,CAAA;AAIlE,eAAO,MAAM,KAAK,cAEjB,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,eAAe,SAAU,OAAO,KAAG,OAAO,GAAG,IAKhD,CAAA;AAEV,eAAO,MAAM,mBAAmB,UAAW,OAAO,mBAAa,KAAK,CAAC,OAAO,CAa3E,CAAA;AAED,eAAO,MAAM,SAAS,WAAY,OAAO,WAAW,OAAO,KAAG,OAI7D,CAAA;AAGD,KAAK,UAAU,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;AAE1C,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAWpE;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAYpE;AAED,eAAO,MAAM,UAAU,SAAU,OAAO,EAAE,QAAQ,OAAO,EAAE,KAAG,OAE7D,CAAA;AAED,eAAO,MAAM,UAAU,SAAU,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,MAAM,EAAE,YAAY,MAAM,EAAE,KAAG,OAWjI,CAAA;AAED,eAAO,MAAM,uBAAuB,mBAAmE,CAAA;AACvG,eAAO,MAAM,sBAAsB,mBAAiD,CAAA;AACpF,eAAO,MAAM,eAAe,mBAA0B,CAAA;AAEtD,eAAO,MAAM,YAAY,EAAE,OAAuC,CAAA;AAIlE,eAAO,MAAM,KAAK,cAEjB,CAAA"}

package/dist/utils/utils.js

@@ -7,28 +7,22 @@ const getScrollParent = (node) => node.parentElement ? isScroll(node.parentEleme
 const getAllScrollParents = (node, max = 10) => {
   const arr = [];
   let parent = node && getScrollParent(node);
-  if (parent)
-    arr.push(parent);
+  if (parent) arr.push(parent);
   while (parent && arr.length < max) {
     parent = getScrollParent(parent);
-    if (parent)
-      arr.push(parent);
+    if (parent) arr.push(parent);
   }
   return arr;
 };
 const hasParent = (parent, current) => {
-  if (current === parent)
-    return true;
-  else if (!current.parentElement)
-    return false;
-  else
-    return hasParent(parent, current.parentElement);
+  if (current === parent) return true;
+  else if (!current.parentElement) return false;
+  else return hasParent(parent, current.parentElement);
 };
 function debounce(cb, delay = 200) {
   let timeout;
   return function(...args) {
-    if (timeout)
-      clearTimeout(timeout);
+    if (timeout) clearTimeout(timeout);
     timeout = setTimeout(() => {
       timeout = void 0;
       cb.apply(this, args);
@@ -38,8 +32,7 @@ function debounce(cb, delay = 200) {
 function throttle(cb, delay = 200) {
   let timeout;
   return function(...args) {
-    if (timeout)
-      return;
+    if (timeout) return;
     cb.apply(this, args);
     timeout = setTimeout(() => {
       timeout = void 0;
@@ -51,12 +44,9 @@ const isEqualArr = (arr1, arr2) => {
 };
 const isEqualObj = (obj1, obj2, exclude, include) => {
   return Object.keys({ ...obj1, ...obj2 }).every((key) => {
-    if (include && !include.includes(key))
-      return true;
-    if (exclude?.includes(key) || obj1[key] === obj2[key])
-      return true;
-    if (Array.isArray(obj1[key]) && Array.isArray(obj2[key]))
-      return isEqualArr(obj1[key], obj2[key]);
+    if (include && !include.includes(key)) return true;
+    if (exclude?.includes(key) || obj1[key] === obj2[key]) return true;
+    if (Array.isArray(obj1[key]) && Array.isArray(obj2[key])) return isEqualArr(obj1[key], obj2[key]);
     return false;
   });
 };

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.5.25",
+  "version": "0.6.0",
   "scripts": {
     "dev": "vite",
     "build": "run-p type-check build-only",
@@ -22,30 +22,30 @@
     "vue-router": ">=4.2.5"
   },
   "devDependencies": {
-    "@rushstack/eslint-patch": "1.7.2",
-    "@tsconfig/node18": "2.0.1",
-    "@types/jsdom": "21.1.1",
-    "@types/node": "18.16.17",
-    "@types/postcss-import": "14.0.0",
-    "@vitejs/plugin-vue": "5.0.4",
+    "@rushstack/eslint-patch": "1.10.4",
+    "@tsconfig/node18": "18.2.4",
+    "@types/jsdom": "21.1.7",
+    "@types/node": "22.1.0",
+    "@types/postcss-import": "14.0.3",
+    "@vitejs/plugin-vue": "5.1.2",
     "@vue/eslint-config-typescript": "13.0.0",
     "@vue/tsconfig": "0.5.1",
-    "autoprefixer": "10.4.13",
+    "autoprefixer": "10.4.20",
     "eslint": "8.57.0",
     "eslint-plugin-unused-imports": "2.0.0",
-    "eslint-plugin-vue": "9.23.0",
-    "jsdom": "22.1.0",
+    "eslint-plugin-vue": "9.27.0",
+    "jsdom": "24.1.1",
     "npm-run-all": "4.1.5",
     "path": "0.12.7",
-    "postcss": "8.4.31",
-    "postcss-import": "15.1.0",
-    "tailwindcss": "3.4.1",
-    "typescript": "5.4.2",
-    "vite": "5.2.13",
-    "vite-plugin-dts": "3.7.3",
-    "vite-svg-loader": "4.0.0",
-    "vitest": "0.32.0",
-    "vue-tsc": "2.0.6"
+    "postcss": "8.4.40",
+    "postcss-import": "16.1.0",
+    "tailwindcss": "3.4.7",
+    "typescript": "5.5.4",
+    "vite": "5.3.5",
+    "vite-plugin-dts": "4.0.0-beta.2",
+    "vite-svg-loader": "5.1.0",
+    "vitest": "2.0.5",
+    "vue-tsc": "2.0.29"
   },
   "type": "module",
   "files": [
@@ -105,6 +105,9 @@
     "./dist/utils/useDefaultQuery": {
       "import": "./dist/utils/useDefaultQuery.js"
     },
+    "./dist/utils/useCopy": {
+      "import": "./dist/utils/useCopy.js"
+    },
     "./dist/components/ActionsBar/WActionsBar.vue": {
       "import": "./dist/components/ActionsBar/WActionsBar.vue.js"
     },
@@ -138,6 +141,9 @@
     "./dist/components/Button/WButtonSelectionAction.vue": {
       "import": "./dist/components/Button/WButtonSelectionAction.vue.js"
     },
+    "./dist/components/Button/types": {
+      "import": "./dist/components/Button/types.d.ts"
+    },
     "./dist/components/Checkbox/WCheckbox.vue": {
       "import": "./dist/components/Checkbox/WCheckbox.vue.js"
     },
@@ -159,9 +165,15 @@
     "./dist/components/Dropdown/WDropdown.vue": {
       "import": "./dist/components/Dropdown/WDropdown.vue.js"
     },
+    "./dist/components/Dropdown/types": {
+      "import": "./dist/components/Dropdown/types.d.ts"
+    },
     "./dist/components/DropdownMenu/WDropdownMenu.vue": {
       "import": "./dist/components/DropdownMenu/WDropdownMenu.vue.js"
     },
+    "./dist/components/DropdownMenu/types": {
+      "import": "./dist/components/DropdownMenu/types.d.ts"
+    },
     "./dist/components/Expansion/WExpansion.vue": {
       "import": "./dist/components/Expansion/WExpansion.vue.js"
     },
@@ -171,6 +183,9 @@
     "./dist/components/FieldWrapper/WFieldWrapper.vue": {
       "import": "./dist/components/FieldWrapper/WFieldWrapper.vue.js"
     },
+    "./dist/components/FieldWrapper/types": {
+      "import": "./dist/components/FieldWrapper/types.d.ts"
+    },
     "./dist/components/FilePicker/WFilePicker.vue": {
       "import": "./dist/components/FilePicker/WFilePicker.vue.js"
     },
@@ -216,6 +231,9 @@
     "./dist/components/Input/WInputSuggest.vue": {
       "import": "./dist/components/Input/WInputSuggest.vue.js"
     },
+    "./dist/components/Input/types": {
+      "import": "./dist/components/Input/types.d.ts"
+    },
     "./dist/components/Link/WLink.vue": {
       "import": "./dist/components/Link/WLink.vue.js"
     },
@@ -270,6 +288,9 @@
     "./dist/components/Select/WSelectSingle.vue": {
       "import": "./dist/components/Select/WSelectSingle.vue.js"
     },
+    "./dist/components/Select/types": {
+      "import": "./dist/components/Select/types.d.ts"
+    },
     "./dist/components/Skeleton/WSkeleton.vue": {
       "import": "./dist/components/Skeleton/WSkeleton.vue.js"
     },

package/tailwind-base/plugins/default.cjs

@@ -96,6 +96,7 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
   addVariant('supports-overlay-not', '@supports (not (overflow: overlay))')
   addVariant('touch', '.touch &')
   addVariant('touch-not', '.touch-not &')
+  addVariant('focus-within-not', '&:not(:focus-within)')
 
   addBase({
     '.w-input': {
@@ -206,6 +207,11 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
           '--w-scroll-bar-color-hover': value,
         }
       },
+      'w-has-changes-color': (value) => {
+        return {
+          '--has-changes-bg': value,
+        }
+      },
     },
     {
       values: theme('colors'),

package/tailwind-base/theme/sizes.cjs

@@ -13,9 +13,11 @@ const extend = {
 
 module.exports = {
   height: {
+    '8.5': '2.125rem',
     18: '4.5rem',
   },
   width: {
+    '8.5': '2.125rem',
     18: '4.5rem',
   },
   maxWidth: extend,