@codeandfunction/callaloo 3.23.0 → 4.1.0

package/dist/components/Popups/CLDropdownMenu/CLDropdownMenu.vue.d.ts

@@ -28,11 +28,9 @@ export interface CLDropdownMenuProps {
     dropdownId: string;
     /** Sets the icon to be displayed after the anchor button label. The property can be one of `CLIconNames`, e.g. `CLIconNames.ChevronDown`. */
     iconAfter?: CLIconNames;
-    /** Sets the size of the icon displayed after the anchor button label. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Tiny`. */
-    iconAfterSize?: CLIconSizes;
     /** Sets the icon to be displayed before the anchor button label. The property can be one of `CLIconNames`, e.g. `CLIconNames.Menu`. */
     iconBefore?: CLIconNames;
-    /** Sets the size of the icon displayed before the anchor button label. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Tiny`. */
+    /** Sets the size of icons displayed before and after the anchor button label. The property can be one of `CLIconSizes`, e.g. `CLIconSizes.Tiny`. */
     iconSize?: CLIconSizes;
     /** Sets the initial open state of the DropdownMenu. */
     isOpen?: boolean;
@@ -52,7 +50,6 @@ export interface CLDropdownMenuProps {
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CLDropdownMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CLDropdownMenuProps> & Readonly<{}>, {
     testId: string;
     iconAfter: CLIconNames;
-    iconAfterSize: CLIconSizes;
     iconSize: CLIconSizes;
     isOpen: boolean;
     zIndex: number | string;
@@ -85,7 +82,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
             readonly href?: string | undefined;
             readonly iconAfter?: CLIconNames | undefined;
             readonly iconBefore?: CLIconNames | undefined;
-            readonly iconAfterSize?: CLIconSizes | undefined;
+            readonly iconFilled?: boolean | undefined;
             readonly iconSize?: CLIconSizes | undefined;
             readonly onClick?: ((event?: Event) => void) | undefined;
             readonly pill?: boolean | undefined;
@@ -140,7 +137,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
             forwardRef: import('../../../types').CLButtonForwardRefFunction;
             iconAfter: CLIconNames;
             iconBefore: CLIconNames;
-            iconAfterSize: CLIconSizes;
+            iconFilled: boolean;
             iconSize: CLIconSizes;
             pill: boolean;
             wrap: boolean;
@@ -189,11 +186,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CL
         forwardRef: import('../../../types').CLButtonForwardRefFunction;
         iconAfter: CLIconNames;
         iconBefore: CLIconNames;
-        iconAfterSize: CLIconSizes;
+        iconFilled: boolean;
         iconSize: CLIconSizes;
         pill: boolean;
         wrap: boolean;
-    }> & Omit<Readonly<import('../../Buttons/CLButton/CLButton.vue').CLButtonProps> & Readonly<{}>, "title" | "color" | "variant" | "rounded" | "testId" | "type" | "form" | "onClick" | "target" | "width" | "height" | "size" | "href" | "active" | "alignContent" | "ariaLabel" | "as" | "borderRadius" | "busy" | "disabled" | "elevated" | "forwardRef" | "iconAfter" | "iconBefore" | "iconAfterSize" | "iconSize" | "pill" | "wrap"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+    }> & Omit<Readonly<import('../../Buttons/CLButton/CLButton.vue').CLButtonProps> & Readonly<{}>, "title" | "color" | "variant" | "rounded" | "testId" | "type" | "form" | "onClick" | "target" | "width" | "height" | "size" | "href" | "active" | "alignContent" | "ariaLabel" | "as" | "borderRadius" | "busy" | "disabled" | "elevated" | "forwardRef" | "iconAfter" | "iconBefore" | "iconFilled" | "iconSize" | "pill" | "wrap"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;
         };

package/dist/components/Popups/CLToast/CLToast.js

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import './CLToast.css';
-import { _ as s } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-BH6Tnr-h.js";
+import { _ as s } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-BL61sRYd.js";
 export {
   s as CLToast,
   s as default

package/dist/components/Popups/CLToast/CLToast.vue.d.ts

@@ -5,6 +5,7 @@ declare const _default: import('vue').DefineComponent<CLToastProps, {}, {}, {},
     testId: string;
     width: string;
     position: CLToastPosition;
+    iconFilled: boolean;
     iconSize: CLIconSizes;
     dismissTimer: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/components/Providers/CLThemeProvider/CLThemeProvider.js

@@ -1,7 +1,7 @@
 import '../../../assets/core.css';
 import { defineComponent as s, onMounted as l, onBeforeUnmount as m, watch as r, createBlock as f, openBlock as c, resolveDynamicComponent as u, normalizeStyle as h, unref as C, withCtx as D, renderSlot as M } from "vue";
 import { s as g, a as k, b as v, c as d, d as y, D as p } from "../../../chunks/base-theme--kHiV8Yr.js";
-import { i as n, a as w } from "../../../chunks/helper-BYpahJAh.js";
+import { i as n, a as w } from "../../../chunks/helper-oZuRnF9g.js";
 const T = /* @__PURE__ */ s({
   __name: "CLThemeProvider",
   props: {

package/dist/components/Providers/CLToastProvider/CLToastProvider.js

@@ -1,6 +1,6 @@
 import '../../../assets/core.css';
 import { defineComponent as L, ref as i, provide as g, createElementBlock as k, openBlock as h, createBlock as z, createCommentVNode as B, renderSlot as R, unref as S } from "vue";
-import { _ as A } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-BH6Tnr-h.js";
+import { _ as A } from "../../../chunks/CLToast.vue_vue_type_style_index_0_lang-BL61sRYd.js";
 const $ = { class: "clll-toast-provider" }, E = /* @__PURE__ */ L({
   name: "CLToastProvider",
   __name: "CLToastProvider",

package/dist/composables/useDropdown.js

@@ -1,6 +1,6 @@
 import '../assets/core.css';
 import { ref as v } from "vue";
-import { i as n } from "../chunks/helper-BYpahJAh.js";
+import { i as n } from "../chunks/helper-oZuRnF9g.js";
 const E = ({
   triggerElem: a,
   dropdownRef: w,

package/dist/composables/useEsc.js

@@ -1,5 +1,5 @@
 import '../assets/core.css';
-import { i as n } from "../chunks/helper-BYpahJAh.js";
+import { i as n } from "../chunks/helper-oZuRnF9g.js";
 const v = ({ escHandler: t, triggerElem: e }) => {
   const s = (a) => {
     if (n)

package/dist/types.d.ts

@@ -634,6 +634,8 @@ export interface CLToastProps {
     icon?: CLIconNames;
     /** The size of the icon */
     iconSize?: CLIconSizes;
+    /** A boolean value which dictates whether icons should be filled. */
+    iconFilled?: boolean;
     /** The text to be displayed as the message */
     message?: string;
     /** A callback function to handle click events */

package/dist/utils/helper.d.ts

@@ -1,6 +1,9 @@
 export interface IAnimate {
-    start: (duration: number, callbackFn: (elapsedTime: number) => void) => void;
+    start: (duration: number, callbackFn: (elapsedTime: number) => void, onComplete?: () => void) => void;
     stop: () => void;
+    pause: () => void;
+    resume: () => void;
+    getProgress: () => number | undefined;
 }
 export declare const animate: () => IAnimate;
 interface ChildIsVisibleInput {

package/package.json

@@ -17,7 +17,7 @@
     "ui components",
     "vuejs"
   ],
-  "version": "3.23.0",
+  "version": "4.1.0",
   "license": "MIT",
   "type": "module",
   "scripts": {

package/dist/chunks/helper-BYpahJAh.js

@@ -1,63 +0,0 @@
-const b = () => {
-  let t, o, i, e = !1, r, s;
-  const d = (n) => {
-    if (e) return;
-    o === void 0 && (o = n);
-    const a = n - o;
-    i !== n && s?.(a), r && a < r && (i = n, e || (t = window.requestAnimationFrame(d)));
-  }, l = () => {
-    t = void 0, o = void 0, i = void 0, e = !1, r = void 0;
-  };
-  return {
-    start: (n, a) => {
-      s = a, r = n, t = window.requestAnimationFrame(d);
-    },
-    stop: () => {
-      e = !0, t && window.cancelAnimationFrame(t), l();
-    }
-  };
-}, D = ({
-  parent: t,
-  child: o,
-  threshold: i = 0.1,
-  leftOffset: e = 0,
-  rightOffset: r = 0
-}) => {
-  const {
-    top: s,
-    left: d,
-    bottom: l,
-    right: n,
-    width: a,
-    height: m
-  } = t?.getBoundingClientRect() || {}, {
-    top: h,
-    left: p,
-    bottom: g,
-    right: w
-  } = o.getBoundingClientRect() || {};
-  let y = d + e, v = n - r, x = a - (e + r), c = 0, f = 0;
-  return p <= v && (c = (w - y) / x * 100 / 100), h <= l && (f = (g - s) / m * 100 / 100), c > i && f > i;
-}, A = () => u ? Math.max(
-  ...Array.from(
-    document?.querySelectorAll("body *"),
-    (t) => parseFloat(window?.getComputedStyle(t).zIndex)
-  ).filter((t) => !Number.isNaN(t)),
-  0
-) : 0, u = typeof document < "u", B = () => u ? window.matchMedia("(prefers-color-scheme: dark)").matches : !1, C = (t) => t != null && typeof t.valueOf() == "string", F = (t) => {
-  if (!t) return !0;
-  let o = 0;
-  const i = ["#comment"];
-  return t.childNodes.forEach((e) => {
-    !i.includes(e.nodeName) && e.childNodes.length && o++;
-  }), o === 0;
-};
-export {
-  B as a,
-  b,
-  C as c,
-  F as d,
-  D as e,
-  A as g,
-  u as i
-};