manolis-ui 0.3.2 → 0.4.0

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { default as DatetimePicker } from './components/data-input/datetimePicker.vue';
 import { DefineComponent } from 'vue';
+import { ExtractPropTypes } from 'vue';
 import { PublicProps } from 'vue';
 
 declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
@@ -10,13 +11,25 @@ active: boolean;
 loading: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
 
-declare const __VLS_component_10: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const __VLS_component_10: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"update:modelValue": (value: string[]) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+"onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+inputRef: HTMLInputElement;
+}, HTMLDivElement>;
 
-declare const __VLS_component_11: DefineComponent<Props_15, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_15> & Readonly<{}>, {
+declare const __VLS_component_11: DefineComponent<Props_13, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_13> & Readonly<{}>, {
+collapseOnMobile: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare const __VLS_component_12: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+
+declare const __VLS_component_13: DefineComponent<Props_15, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_15> & Readonly<{}>, {
 isCollapsed: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
 
-declare const __VLS_component_12: DefineComponent<Props_16, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_14: DefineComponent<Props_16, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "tab-changed": (...args: any[]) => void;
 }, string, PublicProps, Readonly<Props_16> & Readonly<{
 "onTab-changed"?: ((...args: any[]) => any) | undefined;
@@ -60,7 +73,67 @@ description: string;
 background: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_7: DefineComponent<Props_10, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component_7: DefineComponent<ExtractPropTypes<    {
+showIndicators: {
+type: BooleanConstructor;
+default: boolean;
+};
+initialSlide: {
+type: NumberConstructor;
+default: number;
+};
+slidesPerView: {
+type: NumberConstructor;
+default: number;
+validator: (value: number) => boolean;
+};
+gap: {
+type: NumberConstructor;
+default: number;
+validator: (value: number) => boolean;
+};
+slideDuration: {
+type: NumberConstructor;
+default: number;
+validator: (value: number) => boolean;
+};
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+showIndicators: {
+type: BooleanConstructor;
+default: boolean;
+};
+initialSlide: {
+type: NumberConstructor;
+default: number;
+};
+slidesPerView: {
+type: NumberConstructor;
+default: number;
+validator: (value: number) => boolean;
+};
+gap: {
+type: NumberConstructor;
+default: number;
+validator: (value: number) => boolean;
+};
+slideDuration: {
+type: NumberConstructor;
+default: number;
+validator: (value: number) => boolean;
+};
+}>> & Readonly<{}>, {
+showIndicators: boolean;
+initialSlide: number;
+slidesPerView: number;
+gap: number;
+slideDuration: number;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+carouselContainer: HTMLDivElement;
+}, HTMLDivElement>;
+
+declare const __VLS_component_8: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+
+declare const __VLS_component_9: DefineComponent<Props_10, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 search: () => any;
 "update:search-data": (payload: {
 tab: string;
@@ -76,18 +149,6 @@ data: any;
 searchContainer: HTMLDivElement;
 }, any>;
 
-declare const __VLS_component_8: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-"update:modelValue": (value: string[]) => any;
-}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
-"onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
-inputRef: HTMLInputElement;
-}, HTMLDivElement>;
-
-declare const __VLS_component_9: DefineComponent<Props_13, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_13> & Readonly<{}>, {
-collapseOnMobile: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
-
 declare type __VLS_Props = {
     modelValue: string[];
     maxTagAmount?: number;
@@ -105,6 +166,32 @@ declare function __VLS_template(): {
 };
 
 declare function __VLS_template_10(): {
+    attrs: Partial<{}>;
+    slots: {
+        tag?(_: {
+            key: string;
+            tag: string;
+        }): any;
+        input?(_: {
+            showInput: boolean;
+        }): any;
+    };
+    refs: {
+        inputRef: HTMLInputElement;
+    };
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_11(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_12(): {
     attrs: Partial<{}>;
     slots: {
         title?(_: {}): any;
@@ -119,7 +206,7 @@ declare function __VLS_template_10(): {
     rootEl: HTMLDivElement;
 };
 
-declare function __VLS_template_11(): {
+declare function __VLS_template_13(): {
     attrs: Partial<{}>;
     slots: {
         start?(_: {}): any;
@@ -131,7 +218,7 @@ declare function __VLS_template_11(): {
     rootEl: HTMLElement;
 };
 
-declare function __VLS_template_12(): {
+declare function __VLS_template_14(): {
     attrs: Partial<{}>;
     slots: Partial<Record<`${string}-tab`, (_: {}) => any>> & {
         default?(_: {}): any;
@@ -201,38 +288,34 @@ declare function __VLS_template_6(): {
 declare function __VLS_template_7(): {
     attrs: Partial<{}>;
     slots: {
-        additionalForMobile?(_: {}): any;
+        default?(_: {}): any;
+        prevButton?(_: {}): any;
+        nextButton?(_: {}): any;
     };
     refs: {
-        searchContainer: HTMLDivElement;
+        carouselContainer: HTMLDivElement;
     };
-    rootEl: any;
+    rootEl: HTMLDivElement;
 };
 
 declare function __VLS_template_8(): {
     attrs: Partial<{}>;
     slots: {
-        tag?(_: {
-            key: string;
-            tag: string;
-        }): any;
-        input?(_: {
-            showInput: boolean;
-        }): any;
-    };
-    refs: {
-        inputRef: HTMLInputElement;
+        default?(_: {}): any;
     };
+    refs: {};
     rootEl: HTMLDivElement;
 };
 
 declare function __VLS_template_9(): {
     attrs: Partial<{}>;
     slots: {
-        default?(_: {}): any;
+        additionalForMobile?(_: {}): any;
     };
-    refs: {};
-    rootEl: HTMLDivElement;
+    refs: {
+        searchContainer: HTMLDivElement;
+    };
+    rootEl: any;
 };
 
 declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -243,6 +326,10 @@ declare type __VLS_TemplateResult_11 = ReturnType<typeof __VLS_template_11>;
 
 declare type __VLS_TemplateResult_12 = ReturnType<typeof __VLS_template_12>;
 
+declare type __VLS_TemplateResult_13 = ReturnType<typeof __VLS_template_13>;
+
+declare type __VLS_TemplateResult_14 = ReturnType<typeof __VLS_template_14>;
+
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 
 declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
@@ -283,6 +370,18 @@ declare type __VLS_WithTemplateSlots_12<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_13<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_14<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     new (): {
         $slots: S;
@@ -340,7 +439,7 @@ declare interface Accordion_2 {
     content: string;
 }
 
-export declare const AdvancedSearch: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
+export declare const AdvancedSearch: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
 
 export declare const Avatar: DefineComponent<Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_7> & Readonly<{}>, {
 onlineStatus: "online" | "offline" | "none";
@@ -353,6 +452,10 @@ export declare const ButtonComponent: __VLS_WithTemplateSlots<typeof __VLS_compo
 
 export declare const Card: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
 
+export declare const Carousel: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
+
+export declare const CarouselItem: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
+
 declare interface Category {
     category: string;
     tabs: Tab_3[];
@@ -385,7 +488,7 @@ declare const dropdownPosition: {
     top: string;
 };
 
-export declare const Footer: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
+export declare const Footer: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
 
 declare interface FooterNavigation {
     title: string;
@@ -398,7 +501,7 @@ declare interface FooterNavigationItem {
     enabled: Boolean;
 }
 
-export declare const Hero: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
+export declare const Hero: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
 
 export declare const Loader: DefineComponent<Props_12, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_12> & Readonly<{}>, {
 loading: boolean;
@@ -415,7 +518,7 @@ declare const modalPosition: {
     center: string;
 };
 
-export declare const NavigationBar: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
+export declare const NavigationBar: __VLS_WithTemplateSlots_13<typeof __VLS_component_13, __VLS_TemplateResult_13["slots"]>;
 
 declare interface Props {
     outlined?: boolean;
@@ -536,7 +639,7 @@ isInteractive: boolean;
 
 export declare const Swap: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
 
-export declare const Tab: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
+export declare const Tab: __VLS_WithTemplateSlots_14<typeof __VLS_component_14, __VLS_TemplateResult_14["slots"]>;
 
 declare interface Tab_2 {
     name: string | any;
@@ -556,7 +659,7 @@ declare interface Tab_3 {
     value?: any;
 }
 
-export declare const TagInput: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
+export declare const TagInput: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
 
 export declare const ThemeController: DefineComponent<Props_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_5> & Readonly<{}>, {
 lightTheme: string;

package/dist/manolis-ui.css

@@ -1 +1 @@
-.tabs button[data-v-08fa37eb]{cursor:pointer}.tab-content[data-v-08fa37eb]{position:absolute;z-index:10;transform-origin:top center;transition:opacity .3s ease}.tabs-boxed[data-v-08fa37eb] :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),.tabs-boxed[data-v-08fa37eb] :is(input:checked){background-color:var(--color-base-300);color:var(--color-base-content)}@media (max-width: 768px){.tab-content[data-v-08fa37eb]{width:100%;left:50%;transform:translate(-50%);top:auto;bottom:0}}@media (min-width: 769px){.tab-content[data-v-08fa37eb]{width:auto;left:unset;transform:unset}}.input[data-v-488ecabe]{cursor:pointer}.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}
+.carousel[data-v-f820adac]{-ms-overflow-style:none;scrollbar-width:none}.carousel[data-v-f820adac]::-webkit-scrollbar{display:none}.carousel-item[data-v-b38df5e3]{flex-shrink:0}.tabs button[data-v-08fa37eb]{cursor:pointer}.tab-content[data-v-08fa37eb]{position:absolute;z-index:10;transform-origin:top center;transition:opacity .3s ease}.tabs-boxed[data-v-08fa37eb] :is(.tab-active,[aria-selected=true]):not(.tab-disabled):not([disabled]),.tabs-boxed[data-v-08fa37eb] :is(input:checked){background-color:var(--color-base-300);color:var(--color-base-content)}@media (max-width: 768px){.tab-content[data-v-08fa37eb]{width:100%;left:50%;transform:translate(-50%);top:auto;bottom:0}}@media (min-width: 769px){.tab-content[data-v-08fa37eb]{width:auto;left:unset;transform:unset}}.input[data-v-488ecabe]{cursor:pointer}.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}