manolis-ui 0.18.1 → 0.19.2

package/dist/index.d.ts

@@ -56,18 +56,28 @@ successMessage: string;
 inputElement: HTMLInputElement;
 }, HTMLDivElement>;
 
-declare const __VLS_component_12: DefineComponent<Props_15, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_15> & Readonly<{}>, {
+declare const __VLS_component_12: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"update:modelValue": (value: boolean) => any;
+}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{
+"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+type: AlertType;
+modelValue: boolean;
+closable: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_13: DefineComponent<Props_15, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_15> & Readonly<{}>, {
 collapseOnMobile: boolean;
 rows: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_13: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const __VLS_component_14: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 
-declare const __VLS_component_14: DefineComponent<Props_17, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_17> & Readonly<{}>, {
+declare const __VLS_component_15: DefineComponent<Props_17, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_17> & Readonly<{}>, {
 isCollapsed: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
 
-declare const __VLS_component_15: DefineComponent<Props_18, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_16: DefineComponent<Props_18, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "tab-changed": (...args: any[]) => void;
 }, string, PublicProps, Readonly<Props_18> & Readonly<{
 "onTab-changed"?: ((...args: any[]) => any) | undefined;
@@ -269,6 +279,13 @@ declare type __VLS_Props_2 = {
     modelValue: string | number | object | null;
 };
 
+declare type __VLS_Props_3 = {
+    type?: AlertType;
+    message: string;
+    closable?: boolean;
+    modelValue?: boolean;
+};
+
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -307,6 +324,18 @@ declare function __VLS_template_11(): {
 };
 
 declare function __VLS_template_12(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {
+            class: string;
+        }): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
+declare function __VLS_template_13(): {
     attrs: Partial<{}>;
     slots: {
         'extra-row'?(_: {}): any;
@@ -316,7 +345,7 @@ declare function __VLS_template_12(): {
     rootEl: HTMLDivElement;
 };
 
-declare function __VLS_template_13(): {
+declare function __VLS_template_14(): {
     attrs: Partial<{}>;
     slots: {
         title?(_: {}): any;
@@ -331,7 +360,7 @@ declare function __VLS_template_13(): {
     rootEl: HTMLDivElement;
 };
 
-declare function __VLS_template_14(): {
+declare function __VLS_template_15(): {
     attrs: Partial<{}>;
     slots: {
         start?(_: {}): any;
@@ -343,7 +372,7 @@ declare function __VLS_template_14(): {
     rootEl: HTMLElement;
 };
 
-declare function __VLS_template_15(): {
+declare function __VLS_template_16(): {
     attrs: Partial<{}>;
     slots: Partial<Record<`${string}-tab`, (_: {}) => any>> & {
         default?(_: {}): any;
@@ -459,6 +488,8 @@ declare type __VLS_TemplateResult_14 = ReturnType<typeof __VLS_template_14>;
 
 declare type __VLS_TemplateResult_15 = ReturnType<typeof __VLS_template_15>;
 
+declare type __VLS_TemplateResult_16 = ReturnType<typeof __VLS_template_16>;
+
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 
 declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
@@ -517,6 +548,12 @@ declare type __VLS_WithTemplateSlots_15<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_16<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     new (): {
         $slots: S;
@@ -577,6 +614,10 @@ declare interface Accordion_2 {
 
 export declare const AdvancedSearch: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
 
+export declare const Alert: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
+
+declare type AlertType = 'info' | 'success' | 'warning' | 'error' | 'default';
+
 export declare const Avatar: DefineComponent<Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_7> & Readonly<{}>, {
 onlineStatus: "online" | "offline" | "none";
 fullyRounded: boolean;
@@ -676,7 +717,7 @@ declare const errorMessage: Ref<string, string>;
 
 export { FilterableSelect }
 
-export declare const Footer: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
+export declare const Footer: __VLS_WithTemplateSlots_13<typeof __VLS_component_13, __VLS_TemplateResult_13["slots"]>;
 
 declare interface FooterNavigation {
     title: string;
@@ -689,7 +730,7 @@ declare interface FooterNavigationItem {
     enabled: Boolean;
 }
 
-export declare const Hero: __VLS_WithTemplateSlots_13<typeof __VLS_component_13, __VLS_TemplateResult_13["slots"]>;
+export declare const Hero: __VLS_WithTemplateSlots_14<typeof __VLS_component_14, __VLS_TemplateResult_14["slots"]>;
 
 export declare const InputField: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
 
@@ -712,7 +753,7 @@ declare const modalPosition: {
     center: string;
 };
 
-export declare const NavigationBar: __VLS_WithTemplateSlots_14<typeof __VLS_component_14, __VLS_TemplateResult_14["slots"]>;
+export declare const NavigationBar: __VLS_WithTemplateSlots_15<typeof __VLS_component_15, __VLS_TemplateResult_15["slots"]>;
 
 declare interface Props {
     outlined?: boolean;
@@ -899,7 +940,7 @@ selectElement: HTMLSelectElement;
 
 export declare const Swap: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
 
-export declare const Tab: __VLS_WithTemplateSlots_15<typeof __VLS_component_15, __VLS_TemplateResult_15["slots"]>;
+export declare const Tab: __VLS_WithTemplateSlots_16<typeof __VLS_component_16, __VLS_TemplateResult_16["slots"]>;
 
 declare interface Tab_2 {
     name: string;
@@ -929,4 +970,61 @@ lightTheme: string;
 darkTheme: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
 
+export declare const Toast: DefineComponent<ExtractPropTypes<    {
+position: {
+type: PropType<ToastPosition>;
+default: string;
+};
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+position: {
+type: PropType<ToastPosition>;
+default: string;
+};
+}>> & Readonly<{}>, {
+position: ToastPosition;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+
+declare interface Toast_2 {
+    id: string;
+    message: string;
+    type: ToastType;
+    duration: number;
+}
+
+export declare function ToastComposable(): {
+    toasts: Readonly<Ref<readonly {
+    readonly id: string;
+    readonly message: string;
+    readonly type: ToastType;
+    readonly duration: number;
+    }[], readonly {
+    readonly id: string;
+    readonly message: string;
+    readonly type: ToastType;
+    readonly duration: number;
+    }[]>>;
+    addToast: (message: string, type?: ToastType, duration?: number) => void;
+    removeToast: (id: string) => void;
+};
+
+export declare const ToastNotification: DefineComponent<ExtractPropTypes<    {
+toast: {
+type: PropType<Toast_2>;
+required: true;
+};
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+remove: (...args: any[]) => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<    {
+toast: {
+type: PropType<Toast_2>;
+required: true;
+};
+}>> & Readonly<{
+onRemove?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+
+declare type ToastPosition = 'top-start' | 'top-center' | 'top-end' | 'middle-start' | 'middle-center' | 'middle-end' | 'bottom-start' | 'bottom-center' | 'bottom-end';
+
+declare type ToastType = 'info' | 'success' | 'warning' | 'error' | 'default';
+
 export { }

package/dist/manolis-ui.css

@@ -1 +1 @@
-.cursor-grabbing .carousel-item[data-v-d9ad9601]{cursor:grabbing!important;pointer-events:none}.carousel-vertical[data-v-d9ad9601]{overflow:hidden}.pointer-events-none[data-v-d9ad9601]{pointer-events:none}.carousel[data-v-d9ad9601]{overflow:hidden;-ms-overflow-style:none;scrollbar-width:none}.carousel[data-v-d9ad9601]::-webkit-scrollbar{display:none}.fade-enter-active[data-v-d9ad9601],.fade-leave-active[data-v-d9ad9601]{transition:opacity .3s ease}.fade-enter-from[data-v-d9ad9601],.fade-leave-to[data-v-d9ad9601]{opacity:0}.fade-leave-active[data-v-d9ad9601]{pointer-events:none}.carousel-item[data-v-507384bc]{flex-shrink:0}.tab-content[data-v-577c3624]{background-color:var(--color-base-100);padding:1rem;border-radius:var(--radius-box, .5rem);box-shadow:var(--tw-shadow-lg);border:1px solid var(--color-base-300)}.tabs button[data-v-577c3624]{cursor:pointer;flex-grow:1;flex-shrink:1;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 1rem;position:relative}.tabs button .text-sm[data-v-577c3624],.tabs button .text-xs[data-v-577c3624]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.tabs button>.inline-component-wrapper[data-v-577c3624]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0 1rem;background-color:var(--color-base-100);z-index:1}.tabs button.tab-active-inline .flex-col[data-v-577c3624]{visibility:hidden}@media (max-width: 768px){.tab-content[data-v-577c3624]{width:90%;left:50%!important;transform:translate(-50%)!important;top:auto!important;bottom:unset!important;margin-top:10px;position:fixed;max-height:80vh;overflow-y:auto}}@media (min-width: 769px){.tab-content[data-v-577c3624]{width:auto;left:unset;transform:unset;position:absolute;max-height:unset;overflow-y:visible}.tabs-boxed .tab[data-v-577c3624]{flex-basis:0}}@media (max-width: 768px){.collapse-title>div[data-v-577c3624]:last-child{opacity:.75}}.tabs-boxed .tab.tab-active[data-v-577c3624],.tabs-boxed .tab.tab-active[data-v-577c3624]:hover{background-color:var(--color-primary);color:var(--color-primary-content)}.tabs-boxed .tab.tab-active-inline[data-v-577c3624]{background-color:var(--color-primary);color:var(--color-primary-content);flex:6}.tabs button>.inline-component-wrapper[data-v-577c3624] *{color:var(--color-base-content)}input[type=time][data-v-e0b34494]::-webkit-calendar-picker-indicator{opacity:0;position:absolute;height:100%;width:100%}.cally[data-v-e0b34494] ::part(selected){border-radius:var(--radius-field)!important;background:var(--color-primary)!important;color:var(--color-primary-content)!important}.cally[data-v-e0b34494] ::part(day){font-size:var(--text-base)!important}.cally div[part=container][data-v-e0b34494]{padding:0!important}.cally[data-v-e0b34494] ::part(button day today){background:var(--color-secondary);color:var(--color-secondary-content)}.navigationbar[data-v-8ddb2b45]{display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto;grid-template-areas:"center center center" "bottom bottom bottom";position:fixed;width:100%!important;gap:0 1rem;align-items:center;padding:var(--navbar-padding, .5rem);min-height:4rem;z-index:5}@media (min-width: 768px){.navigationbar[data-v-8ddb2b45]{grid-template-columns:.7fr 1.6fr .7fr;grid-template-areas:"start center end" "bottom bottom bottom";grid-row-gap:2rem;padding:2rem}}.navbar-start[data-v-8ddb2b45]{grid-area:start;height:100%}.navbar-center[data-v-8ddb2b45]{grid-area:center;width:100%;height:100%}.navbar-end[data-v-8ddb2b45]{width:100%;height:100%;grid-area:end}.navbar-bottom[data-v-8ddb2b45]{grid-area:center;width:100%;display:flex;justify-content:center;align-items:center}@media (min-width: 768px){.navbar-bottom[data-v-8ddb2b45]{grid-area:bottom}}nav.navigationbar.collapsed[data-v-8ddb2b45]{top:0;z-index:10;grid-template-columns:auto 1fr auto!important}@media (min-width: 768px){nav.navigationbar.collapsed[data-v-8ddb2b45]{row-gap:0;padding:1rem}}nav.navigationbar.collapsed .navbar-bottom[data-v-8ddb2b45]{grid-area:center!important}
+.cursor-grabbing .carousel-item[data-v-d9ad9601]{cursor:grabbing!important;pointer-events:none}.carousel-vertical[data-v-d9ad9601]{overflow:hidden}.pointer-events-none[data-v-d9ad9601]{pointer-events:none}.carousel[data-v-d9ad9601]{overflow:hidden;-ms-overflow-style:none;scrollbar-width:none}.carousel[data-v-d9ad9601]::-webkit-scrollbar{display:none}.fade-enter-active[data-v-d9ad9601],.fade-leave-active[data-v-d9ad9601]{transition:opacity .3s ease}.fade-enter-from[data-v-d9ad9601],.fade-leave-to[data-v-d9ad9601]{opacity:0}.fade-leave-active[data-v-d9ad9601]{pointer-events:none}.carousel-item[data-v-507384bc]{flex-shrink:0}.tab-content[data-v-577c3624]{background-color:var(--color-base-100);padding:1rem;border-radius:var(--radius-box, .5rem);box-shadow:var(--tw-shadow-lg);border:1px solid var(--color-base-300)}.tabs button[data-v-577c3624]{cursor:pointer;flex-grow:1;flex-shrink:1;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 1rem;position:relative}.tabs button .text-sm[data-v-577c3624],.tabs button .text-xs[data-v-577c3624]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.tabs button>.inline-component-wrapper[data-v-577c3624]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0 1rem;background-color:var(--color-base-100);z-index:1}.tabs button.tab-active-inline .flex-col[data-v-577c3624]{visibility:hidden}@media (max-width: 768px){.tab-content[data-v-577c3624]{width:90%;left:50%!important;transform:translate(-50%)!important;top:auto!important;bottom:unset!important;margin-top:10px;position:fixed;max-height:80vh;overflow-y:auto}}@media (min-width: 769px){.tab-content[data-v-577c3624]{width:auto;left:unset;transform:unset;position:absolute;max-height:unset;overflow-y:visible}.tabs-boxed .tab[data-v-577c3624]{flex-basis:0}}@media (max-width: 768px){.collapse-title>div[data-v-577c3624]:last-child{opacity:.75}}.tabs-boxed .tab.tab-active[data-v-577c3624],.tabs-boxed .tab.tab-active[data-v-577c3624]:hover{background-color:var(--color-primary);color:var(--color-primary-content)}.tabs-boxed .tab.tab-active-inline[data-v-577c3624]{background-color:var(--color-primary);color:var(--color-primary-content);flex:6}.tabs button>.inline-component-wrapper[data-v-577c3624] *{color:var(--color-base-content)}input[type=time][data-v-e0b34494]::-webkit-calendar-picker-indicator{opacity:0;position:absolute;height:100%;width:100%}.cally[data-v-e0b34494] ::part(selected){border-radius:var(--radius-field)!important;background:var(--color-primary)!important;color:var(--color-primary-content)!important}.cally[data-v-e0b34494] ::part(day){font-size:var(--text-base)!important}.cally div[part=container][data-v-e0b34494]{padding:0!important}.cally[data-v-e0b34494] ::part(button day today){background:var(--color-secondary);color:var(--color-secondary-content)}.alert[data-v-08105eee]{position:relative;padding-bottom:.75rem}.progress[data-v-08105eee]{height:4px;opacity:.8;transition:value .05s linear}.toast-fade-enter-active[data-v-f910f41f],.toast-fade-leave-active[data-v-f910f41f]{transition:all .5s ease}.toast-fade-enter-from[data-v-f910f41f],.toast-fade-leave-to[data-v-f910f41f]{opacity:0;transform:translate(30px)}.toast-start .toast-fade-enter-from[data-v-f910f41f],.toast-start .toast-fade-leave-to[data-v-f910f41f]{transform:translate(-30px)}.navigationbar[data-v-8ddb2b45]{display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto;grid-template-areas:"center center center" "bottom bottom bottom";position:fixed;width:100%!important;gap:0 1rem;align-items:center;padding:var(--navbar-padding, .5rem);min-height:4rem;z-index:5}@media (min-width: 768px){.navigationbar[data-v-8ddb2b45]{grid-template-columns:.7fr 1.6fr .7fr;grid-template-areas:"start center end" "bottom bottom bottom";grid-row-gap:2rem;padding:2rem}}.navbar-start[data-v-8ddb2b45]{grid-area:start;height:100%}.navbar-center[data-v-8ddb2b45]{grid-area:center;width:100%;height:100%}.navbar-end[data-v-8ddb2b45]{width:100%;height:100%;grid-area:end}.navbar-bottom[data-v-8ddb2b45]{grid-area:center;width:100%;display:flex;justify-content:center;align-items:center}@media (min-width: 768px){.navbar-bottom[data-v-8ddb2b45]{grid-area:bottom}}nav.navigationbar.collapsed[data-v-8ddb2b45]{top:0;z-index:10;grid-template-columns:auto 1fr auto!important}@media (min-width: 768px){nav.navigationbar.collapsed[data-v-8ddb2b45]{row-gap:0;padding:1rem}}nav.navigationbar.collapsed .navbar-bottom[data-v-8ddb2b45]{grid-area:center!important}