@agrotools1/at-components 1.0.0 → 1.0.2

package/dist/Notifications/Notification/Notification.d.ts

@@ -0,0 +1,188 @@
+export interface NotificationProps {
+    /** The type of the notification */
+    type: "info" | "success" | "warning" | "error";
+    date: string | Date;
+    content: string;
+}
+declare const _default: import('vue').DefineComponent<{
+    type: {
+        type: () => "info" | "success" | "warning" | "error";
+        default: string;
+        required: true;
+    };
+    date: {
+        type: (StringConstructor | DateConstructor)[];
+        required: true;
+    };
+    content: {
+        type: StringConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    convertedDate: import('vue').ComputedRef<string>;
+    IconComponent: import('vue').ComputedRef<import('vue').DefineComponent<{
+        size: {
+            type: import('vue').PropType<"12" | "16" | "20" | "24" | "28" | "32">;
+        };
+        color: {
+            type: import('vue').PropType<string>;
+        };
+        class: {
+            type: import('vue').PropType<string>;
+        };
+        style: {
+            type: import('vue').PropType<object>;
+        };
+        onClickCallback: {
+            type: import('vue').PropType<() => void>;
+        };
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<"12" | "16" | "20" | "24" | "28" | "32">;
+        };
+        color: {
+            type: import('vue').PropType<string>;
+        };
+        class: {
+            type: import('vue').PropType<string>;
+        };
+        style: {
+            type: import('vue').PropType<object>;
+        };
+        onClickCallback: {
+            type: import('vue').PropType<() => void>;
+        };
+    }>>, {}, {}> | import('vue').DefineComponent<{
+        size: {
+            type: import('vue').PropType<"12" | "16" | "20" | "24" | "28" | "32">;
+        };
+        color: {
+            type: import('vue').PropType<string>;
+        };
+        class: {
+            type: import('vue').PropType<string>;
+        };
+        style: {
+            type: import('vue').PropType<object>;
+        };
+        onClickCallback: {
+            type: import('vue').PropType<() => void>;
+        };
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<"12" | "16" | "20" | "24" | "28" | "32">;
+        };
+        color: {
+            type: import('vue').PropType<string>;
+        };
+        class: {
+            type: import('vue').PropType<string>;
+        };
+        style: {
+            type: import('vue').PropType<object>;
+        };
+        onClickCallback: {
+            type: import('vue').PropType<() => void>;
+        };
+    }>>, {}, {}> | import('vue').DefineComponent<{
+        size: {
+            type: import('vue').PropType<"12" | "16" | "20" | "24" | "28" | "32">;
+        };
+        color: {
+            type: import('vue').PropType<string>;
+        };
+        class: {
+            type: import('vue').PropType<string>;
+        };
+        style: {
+            type: import('vue').PropType<object>;
+        };
+        onClickCallback: {
+            type: import('vue').PropType<() => void>;
+        };
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<"12" | "16" | "20" | "24" | "28" | "32">;
+        };
+        color: {
+            type: import('vue').PropType<string>;
+        };
+        class: {
+            type: import('vue').PropType<string>;
+        };
+        style: {
+            type: import('vue').PropType<object>;
+        };
+        onClickCallback: {
+            type: import('vue').PropType<() => void>;
+        };
+    }>>, {}, {}> | import('vue').DefineComponent<{
+        size: {
+            type: import('vue').PropType<"12" | "16" | "20" | "24" | "28" | "32">;
+        };
+        color: {
+            type: import('vue').PropType<string>;
+        };
+        class: {
+            type: import('vue').PropType<string>;
+        };
+        style: {
+            type: import('vue').PropType<object>;
+        };
+        onClickCallback: {
+            type: import('vue').PropType<() => void>;
+        };
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: import('vue').PropType<"12" | "16" | "20" | "24" | "28" | "32">;
+        };
+        color: {
+            type: import('vue').PropType<string>;
+        };
+        class: {
+            type: import('vue').PropType<string>;
+        };
+        style: {
+            type: import('vue').PropType<object>;
+        };
+        onClickCallback: {
+            type: import('vue').PropType<() => void>;
+        };
+    }>>, {}, {}>>;
+    iconBgClass: import('vue').ComputedRef<string>;
+    bgVar: import('vue').ComputedRef<string>;
+    getColor: import('vue').ComputedRef<string>;
+    handleRounded: import('vue').ComputedRef<"" | "rounded-0 p-0" | "rounded-circle p-1">;
+    handleIconBackground: import('vue').ComputedRef<"inherit" | "var(--at-light-grey)" | "var(--at-dark-grey) !important">;
+    handleAngleColor: import('vue').ComputedRef<"var(--at-dark-grey)" | "var(--at-black)">;
+    containerEl: import('vue').Ref<HTMLElement | null>;
+    onClick: () => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: () => "info" | "success" | "warning" | "error";
+        default: string;
+        required: true;
+    };
+    date: {
+        type: (StringConstructor | DateConstructor)[];
+        required: true;
+    };
+    content: {
+        type: StringConstructor;
+        required: true;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    type: "success" | "error" | "info" | "warning";
+    disabled: boolean;
+}, {}>;
+export default _default;

package/dist/Notifications/Notification/Notification.vue.js

@@ -0,0 +1,59 @@
+import s from "./Notification.vue2.js";
+import { resolveComponent as d, openBlock as n, createElementBlock as c, createElementVNode as o, normalizeStyle as a, createBlock as p, resolveDynamicComponent as m, normalizeClass as f, toDisplayString as l, createVNode as g } from "vue";
+import "./Notification.vue3.js";
+import u from "../../_virtual/_plugin-vue_export-helper.js";
+const y = ["data-type", "title", "disabled"], b = {
+  class: "d-flex flex-column ms-2 overflow-hidden",
+  style: { "padding-right": "20px" }
+}, h = ["data-date"], k = ["data-content"];
+function v(e, t, C, A, $, w) {
+  const i = d("AtAngleRightSolidIcon");
+  return n(), c("div", {
+    ref: "containerEl",
+    "data-testid": "notification",
+    class: "d-flex align-items-center p-2 pr-4 border border-light-subtle border-opacity-25 rounded-2 w-100 position-relative",
+    "data-type": e.type,
+    title: e.content,
+    style: { cursor: "pointer", "background-color": "var(--at-background)" },
+    disabled: e.disabled,
+    onClick: t[0] || (t[0] = (...r) => e.onClick && e.onClick(...r))
+  }, [
+    o("span", {
+      class: "d-flex align-items-center justify-content-center rounded-circle Notification_icon",
+      style: a({ background: e.bgVar, padding: "6px" }),
+      "data-testid": "notification-icon"
+    }, [
+      (n(), p(m(e.IconComponent), {
+        class: f(`${e.iconBgClass} ${e.handleRounded}`),
+        style: a({
+          width: "15px",
+          height: "15px",
+          background: e.handleIconBackground
+        }),
+        color: e.getColor
+      }, null, 8, ["class", "style", "color"]))
+    ], 4),
+    o("div", b, [
+      o("span", {
+        "data-date": e.convertedDate,
+        class: "fw-medium mb-2",
+        style: { color: "var(--at-dark-grey)", "font-size": "12px" }
+      }, l(e.convertedDate), 9, h),
+      o("span", {
+        "data-content": e.content,
+        class: "fw-medium text-black",
+        style: { "font-size": "14px" }
+      }, l(e.content), 9, k)
+    ]),
+    g(i, {
+      class: "position-absolute translate-middle-y",
+      size: "20",
+      style: { color: "var(--at-dark-grey)", bottom: "0px", right: "10px" },
+      color: e.handleAngleColor
+    }, null, 8, ["color"])
+  ], 8, y);
+}
+const N = /* @__PURE__ */ u(s, [["render", v], ["__scopeId", "data-v-1fb4ba1c"]]);
+export {
+  N as default
+};

package/dist/Notifications/Notification/Notification.vue2.js

@@ -0,0 +1,82 @@
+import { defineComponent as v, ref as w, computed as e } from "vue";
+import { AtAngleRightSolidIcon as A } from "../../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtAngleRightSolidIcon/index.js";
+import { AtCheckSolidIcon as a } from "../../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCheckSolidIcon/index.js";
+import { AtCloseSolidIcon as o } from "../../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCloseSolidIcon/index.js";
+import { AtInfoSolidIcon as c } from "../../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtInfoSolidIcon/index.js";
+import { AtWarningSolidIcon as d } from "../../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtWarningSolidIcon/index.js";
+const R = v({
+  name: "AtNotification",
+  components: {
+    AtWarningSolidIcon: d,
+    AtInfoSolidIcon: c,
+    AtCloseSolidIcon: o,
+    AtCheckSolidIcon: a,
+    AtAngleRightSolidIcon: A
+  },
+  props: {
+    type: {
+      type: String,
+      default: "info",
+      required: !0
+    },
+    date: {
+      type: [String, Date],
+      required: !0
+    },
+    content: {
+      type: String,
+      required: !0
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["click"],
+  setup(t, l) {
+    const i = w(null), s = e(
+      () => new Date(t.date).toLocaleDateString("pt-BR", {
+        hour: "2-digit",
+        minute: "2-digit",
+        dayPeriod: "short",
+        weekday: "long"
+      })
+    ), g = e(() => ({
+      info: c,
+      success: a,
+      warning: d,
+      error: o
+    })[t.type]), u = e(() => ({
+      info: "bg-info",
+      success: "bg-success",
+      warning: "",
+      error: "bg-danger"
+    })[t.type]), m = e(() => t.disabled ? "var(--at-light-grey)" : {
+      info: "var(--at-light-info)",
+      success: "var(--at-light-success)",
+      warning: "var(--at-light-warning)",
+      error: "var(--at-light-error"
+    }[t.type]), f = e(() => t.disabled && t.type === "warning" ? "var(--at-dark-grey)" : t.disabled ? "white" : `${t.type === "warning" ? "var(--at-warning)" : "white"}`), y = e(() => t.disabled && t.type === "warning" ? "rounded-0 p-0" : t.type === "warning" ? "" : "rounded-circle p-1"), h = e(() => t.disabled && t.type === "warning" ? "var(--at-light-grey)" : t.disabled ? "var(--at-dark-grey) !important" : "inherit"), I = e(() => t.disabled ? "var(--at-dark-grey)" : "var(--at-black)");
+    return {
+      convertedDate: s,
+      IconComponent: g,
+      iconBgClass: u,
+      bgVar: m,
+      getColor: f,
+      handleRounded: y,
+      handleIconBackground: h,
+      handleAngleColor: I,
+      containerEl: i,
+      onClick: () => {
+        var n;
+        (n = i.value) == null || n.classList.add("Notification_animateIn"), setTimeout(() => {
+          var r;
+          (r = i.value) == null || r.classList.remove("Notification_animateIn");
+        }, 300), l.emit("click");
+      }
+    };
+  }
+});
+export {
+  R as default
+};

package/dist/Notifications/Notification/Notification.vue3.js

@@ -0,0 +1,4 @@
+const _ = "";
+export {
+  _ as default
+};

package/dist/Notifications/Notifications.d.ts

@@ -0,0 +1,334 @@
+export interface NotificationProps {
+    id: string;
+    type: "info" | "success" | "warning" | "error";
+    date: string | Date;
+    content: string;
+    alreadyRead?: boolean;
+}
+export interface NotificationsProps {
+    headerTitle: string;
+    notReadTxt?: string;
+    readTxt?: string;
+    items: Array<NotificationProps>;
+}
+declare const _default: import('vue').DefineComponent<{
+    notifications: {
+        type: () => Array<NotificationProps>;
+        required: true;
+    };
+    headerTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    notReadTxt: {
+        type: StringConstructor;
+        default: string;
+    };
+    readTxt: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    notificationsList: import('vue').Ref<{
+        id: string;
+        type: "success" | "error" | "info" | "warning";
+        date: string | {
+            toString: () => string;
+            toDateString: () => string;
+            toTimeString: () => string;
+            toLocaleString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            toLocaleDateString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            toLocaleTimeString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            valueOf: () => number;
+            getTime: () => number;
+            getFullYear: () => number;
+            getUTCFullYear: () => number;
+            getMonth: () => number;
+            getUTCMonth: () => number;
+            getDate: () => number;
+            getUTCDate: () => number;
+            getDay: () => number;
+            getUTCDay: () => number;
+            getHours: () => number;
+            getUTCHours: () => number;
+            getMinutes: () => number;
+            getUTCMinutes: () => number;
+            getSeconds: () => number;
+            getUTCSeconds: () => number;
+            getMilliseconds: () => number;
+            getUTCMilliseconds: () => number;
+            getTimezoneOffset: () => number;
+            setTime: (time: number) => number;
+            setMilliseconds: (ms: number) => number;
+            setUTCMilliseconds: (ms: number) => number;
+            setSeconds: (sec: number, ms?: number | undefined) => number;
+            setUTCSeconds: (sec: number, ms?: number | undefined) => number;
+            setMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+            setUTCMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+            setHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+            setUTCHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+            setDate: (date: number) => number;
+            setUTCDate: (date: number) => number;
+            setMonth: (month: number, date?: number | undefined) => number;
+            setUTCMonth: (month: number, date?: number | undefined) => number;
+            setFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+            setUTCFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+            toUTCString: () => string;
+            toISOString: () => string;
+            toJSON: (key?: any) => string;
+            [Symbol.toPrimitive]: {
+                (hint: "default"): string;
+                (hint: "string"): string;
+                (hint: "number"): number;
+                (hint: string): string | number;
+            };
+        };
+        content: string;
+        alreadyRead?: boolean | undefined;
+    }[]>;
+    read: import('vue').ComputedRef<{
+        id: string;
+        type: "success" | "error" | "info" | "warning";
+        date: string | {
+            toString: () => string;
+            toDateString: () => string;
+            toTimeString: () => string;
+            toLocaleString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            toLocaleDateString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            toLocaleTimeString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            valueOf: () => number;
+            getTime: () => number;
+            getFullYear: () => number;
+            getUTCFullYear: () => number;
+            getMonth: () => number;
+            getUTCMonth: () => number;
+            getDate: () => number;
+            getUTCDate: () => number;
+            getDay: () => number;
+            getUTCDay: () => number;
+            getHours: () => number;
+            getUTCHours: () => number;
+            getMinutes: () => number;
+            getUTCMinutes: () => number;
+            getSeconds: () => number;
+            getUTCSeconds: () => number;
+            getMilliseconds: () => number;
+            getUTCMilliseconds: () => number;
+            getTimezoneOffset: () => number;
+            setTime: (time: number) => number;
+            setMilliseconds: (ms: number) => number;
+            setUTCMilliseconds: (ms: number) => number;
+            setSeconds: (sec: number, ms?: number | undefined) => number;
+            setUTCSeconds: (sec: number, ms?: number | undefined) => number;
+            setMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+            setUTCMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+            setHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+            setUTCHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+            setDate: (date: number) => number;
+            setUTCDate: (date: number) => number;
+            setMonth: (month: number, date?: number | undefined) => number;
+            setUTCMonth: (month: number, date?: number | undefined) => number;
+            setFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+            setUTCFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+            toUTCString: () => string;
+            toISOString: () => string;
+            toJSON: (key?: any) => string;
+            [Symbol.toPrimitive]: {
+                (hint: "default"): string;
+                (hint: "string"): string;
+                (hint: "number"): number;
+                (hint: string): string | number;
+            };
+        };
+        content: string;
+        alreadyRead?: boolean | undefined;
+    }[]>;
+    unread: import('vue').ComputedRef<{
+        id: string;
+        type: "success" | "error" | "info" | "warning";
+        date: string | {
+            toString: () => string;
+            toDateString: () => string;
+            toTimeString: () => string;
+            toLocaleString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            toLocaleDateString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            toLocaleTimeString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            valueOf: () => number;
+            getTime: () => number;
+            getFullYear: () => number;
+            getUTCFullYear: () => number;
+            getMonth: () => number;
+            getUTCMonth: () => number;
+            getDate: () => number;
+            getUTCDate: () => number;
+            getDay: () => number;
+            getUTCDay: () => number;
+            getHours: () => number;
+            getUTCHours: () => number;
+            getMinutes: () => number;
+            getUTCMinutes: () => number;
+            getSeconds: () => number;
+            getUTCSeconds: () => number;
+            getMilliseconds: () => number;
+            getUTCMilliseconds: () => number;
+            getTimezoneOffset: () => number;
+            setTime: (time: number) => number;
+            setMilliseconds: (ms: number) => number;
+            setUTCMilliseconds: (ms: number) => number;
+            setSeconds: (sec: number, ms?: number | undefined) => number;
+            setUTCSeconds: (sec: number, ms?: number | undefined) => number;
+            setMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+            setUTCMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+            setHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+            setUTCHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+            setDate: (date: number) => number;
+            setUTCDate: (date: number) => number;
+            setMonth: (month: number, date?: number | undefined) => number;
+            setUTCMonth: (month: number, date?: number | undefined) => number;
+            setFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+            setUTCFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+            toUTCString: () => string;
+            toISOString: () => string;
+            toJSON: (key?: any) => string;
+            [Symbol.toPrimitive]: {
+                (hint: "default"): string;
+                (hint: "string"): string;
+                (hint: "number"): number;
+                (hint: string): string | number;
+            };
+        };
+        content: string;
+        alreadyRead?: boolean | undefined;
+    }[]>;
+    activeTab: import('vue').Ref<number>;
+    activeList: import('vue').ComputedRef<{
+        id: string;
+        type: "success" | "error" | "info" | "warning";
+        date: string | {
+            toString: () => string;
+            toDateString: () => string;
+            toTimeString: () => string;
+            toLocaleString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            toLocaleDateString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            toLocaleTimeString: {
+                (): string;
+                (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
+                (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions | undefined): string;
+            };
+            valueOf: () => number;
+            getTime: () => number;
+            getFullYear: () => number;
+            getUTCFullYear: () => number;
+            getMonth: () => number;
+            getUTCMonth: () => number;
+            getDate: () => number;
+            getUTCDate: () => number;
+            getDay: () => number;
+            getUTCDay: () => number;
+            getHours: () => number;
+            getUTCHours: () => number;
+            getMinutes: () => number;
+            getUTCMinutes: () => number;
+            getSeconds: () => number;
+            getUTCSeconds: () => number;
+            getMilliseconds: () => number;
+            getUTCMilliseconds: () => number;
+            getTimezoneOffset: () => number;
+            setTime: (time: number) => number;
+            setMilliseconds: (ms: number) => number;
+            setUTCMilliseconds: (ms: number) => number;
+            setSeconds: (sec: number, ms?: number | undefined) => number;
+            setUTCSeconds: (sec: number, ms?: number | undefined) => number;
+            setMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+            setUTCMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
+            setHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+            setUTCHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
+            setDate: (date: number) => number;
+            setUTCDate: (date: number) => number;
+            setMonth: (month: number, date?: number | undefined) => number;
+            setUTCMonth: (month: number, date?: number | undefined) => number;
+            setFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+            setUTCFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
+            toUTCString: () => string;
+            toISOString: () => string;
+            toJSON: (key?: any) => string;
+            [Symbol.toPrimitive]: {
+                (hint: "default"): string;
+                (hint: "string"): string;
+                (hint: "number"): number;
+                (hint: string): string | number;
+            };
+        };
+        content: string;
+        alreadyRead?: boolean | undefined;
+    }[]>;
+    readNotification: (id: string) => void;
+    isOpen: import('vue').Ref<boolean>;
+    containerEl: import('vue').Ref<HTMLElement | null>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, never[], never, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    notifications: {
+        type: () => Array<NotificationProps>;
+        required: true;
+    };
+    headerTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    notReadTxt: {
+        type: StringConstructor;
+        default: string;
+    };
+    readTxt: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {}, {
+    headerTitle: string;
+    notReadTxt: string;
+    readTxt: string;
+}, {}>;
+export default _default;