manolis-ui 0.14.2 → 0.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.d.ts +78 -52
  2. package/dist/manolis-ui.css +1 -1
  3. package/dist/manolis-ui.js +445 -439
  4. package/dist/manolis-ui.umd.cjs +1 -1
  5. package/dist/style.css +19 -8
  6. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -14,7 +14,43 @@ loading: boolean;
14
14
  disabled: boolean;
15
15
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
16
16
 
17
- declare const __VLS_component_10: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
17
+ declare const __VLS_component_10: DefineComponent<Props_11, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
18
+ "update:modelValue": (value: string | {
19
+ start: string;
20
+ end: string;
21
+ } | null) => any;
22
+ change: (value: string | {
23
+ start: string;
24
+ end: string;
25
+ } | null) => any;
26
+ }, string, PublicProps, Readonly<Props_11> & Readonly<{
27
+ "onUpdate:modelValue"?: ((value: string | {
28
+ start: string;
29
+ end: string;
30
+ } | null) => any) | undefined;
31
+ onChange?: ((value: string | {
32
+ start: string;
33
+ end: string;
34
+ } | null) => any) | undefined;
35
+ }>, {
36
+ disabled: boolean;
37
+ id: string;
38
+ locale: string;
39
+ range: boolean;
40
+ mode: "datetime" | "date" | "time";
41
+ placeholder: string;
42
+ popup: boolean;
43
+ initialDate: CallyInitialDate;
44
+ }, {}, {}, {}, string, ComponentProvideOptions, false, {
45
+ pickerContainer: HTMLDivElement;
46
+ datePicker: unknown;
47
+ rangeDatePicker: unknown;
48
+ timeFromInput: HTMLInputElement;
49
+ timeToInput: HTMLInputElement;
50
+ timeInput: HTMLInputElement;
51
+ }, HTMLDivElement>;
52
+
53
+ declare const __VLS_component_11: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
18
54
  "update:modelValue": (value: string[]) => any;
19
55
  }, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
20
56
  "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
@@ -22,7 +58,7 @@ declare const __VLS_component_10: DefineComponent<__VLS_Props, {}, {}, {}, {}, C
22
58
  inputRef: HTMLInputElement;
23
59
  }, HTMLDivElement>;
24
60
 
25
- declare const __VLS_component_11: DefineComponent<Props_13, {
61
+ declare const __VLS_component_12: DefineComponent<Props_13, {
26
62
  focusInput: () => void;
27
63
  isValid: typeof isValid;
28
64
  isTouched: typeof isTouched;
@@ -55,17 +91,17 @@ successMessage: string;
55
91
  inputElement: HTMLInputElement;
56
92
  }, HTMLDivElement>;
57
93
 
58
- declare const __VLS_component_12: DefineComponent<Props_15, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_15> & Readonly<{}>, {
94
+ declare const __VLS_component_13: DefineComponent<Props_15, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_15> & Readonly<{}>, {
59
95
  collapseOnMobile: boolean;
60
96
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
61
97
 
62
- declare const __VLS_component_13: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
98
+ declare const __VLS_component_14: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
63
99
 
64
- declare const __VLS_component_14: DefineComponent<Props_17, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_17> & Readonly<{}>, {
100
+ declare const __VLS_component_15: DefineComponent<Props_17, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_17> & Readonly<{}>, {
65
101
  isCollapsed: boolean;
66
102
  }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
67
103
 
68
- declare const __VLS_component_15: DefineComponent<Props_18, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
104
+ declare const __VLS_component_16: DefineComponent<Props_18, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
69
105
  "tab-changed": (...args: any[]) => void;
70
106
  }, string, PublicProps, Readonly<Props_18> & Readonly<{
71
107
  "onTab-changed"?: ((...args: any[]) => any) | undefined;
@@ -238,6 +274,22 @@ declare function __VLS_template(): {
238
274
  };
239
275
 
240
276
  declare function __VLS_template_10(): {
277
+ attrs: Partial<{}>;
278
+ slots: {
279
+ default?(_: {}): any;
280
+ };
281
+ refs: {
282
+ pickerContainer: HTMLDivElement;
283
+ datePicker: unknown;
284
+ rangeDatePicker: unknown;
285
+ timeFromInput: HTMLInputElement;
286
+ timeToInput: HTMLInputElement;
287
+ timeInput: HTMLInputElement;
288
+ };
289
+ rootEl: HTMLDivElement;
290
+ };
291
+
292
+ declare function __VLS_template_11(): {
241
293
  attrs: Partial<{}>;
242
294
  slots: {
243
295
  tag?(_: {
@@ -254,7 +306,7 @@ declare function __VLS_template_10(): {
254
306
  rootEl: HTMLDivElement;
255
307
  };
256
308
 
257
- declare function __VLS_template_11(): {
309
+ declare function __VLS_template_12(): {
258
310
  attrs: Partial<{}>;
259
311
  slots: {
260
312
  default?(_: {}): any;
@@ -265,7 +317,7 @@ declare function __VLS_template_11(): {
265
317
  rootEl: HTMLDivElement;
266
318
  };
267
319
 
268
- declare function __VLS_template_12(): {
320
+ declare function __VLS_template_13(): {
269
321
  attrs: Partial<{}>;
270
322
  slots: {
271
323
  default?(_: {}): any;
@@ -274,7 +326,7 @@ declare function __VLS_template_12(): {
274
326
  rootEl: HTMLDivElement;
275
327
  };
276
328
 
277
- declare function __VLS_template_13(): {
329
+ declare function __VLS_template_14(): {
278
330
  attrs: Partial<{}>;
279
331
  slots: {
280
332
  title?(_: {}): any;
@@ -289,7 +341,7 @@ declare function __VLS_template_13(): {
289
341
  rootEl: HTMLDivElement;
290
342
  };
291
343
 
292
- declare function __VLS_template_14(): {
344
+ declare function __VLS_template_15(): {
293
345
  attrs: Partial<{}>;
294
346
  slots: {
295
347
  start?(_: {}): any;
@@ -301,7 +353,7 @@ declare function __VLS_template_14(): {
301
353
  rootEl: HTMLElement;
302
354
  };
303
355
 
304
- declare function __VLS_template_15(): {
356
+ declare function __VLS_template_16(): {
305
357
  attrs: Partial<{}>;
306
358
  slots: Partial<Record<`${string}-tab`, (_: {}) => any>> & {
307
359
  default?(_: {}): any;
@@ -416,6 +468,8 @@ declare type __VLS_TemplateResult_14 = ReturnType<typeof __VLS_template_14>;
416
468
 
417
469
  declare type __VLS_TemplateResult_15 = ReturnType<typeof __VLS_template_15>;
418
470
 
471
+ declare type __VLS_TemplateResult_16 = ReturnType<typeof __VLS_template_16>;
472
+
419
473
  declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
420
474
 
421
475
  declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
@@ -474,6 +528,12 @@ declare type __VLS_WithTemplateSlots_15<T, S> = T & {
474
528
  };
475
529
  };
476
530
 
531
+ declare type __VLS_WithTemplateSlots_16<T, S> = T & {
532
+ new (): {
533
+ $slots: S;
534
+ };
535
+ };
536
+
477
537
  declare type __VLS_WithTemplateSlots_2<T, S> = T & {
478
538
  new (): {
479
539
  $slots: S;
@@ -564,41 +624,7 @@ export declare const CategoryNavigation: DefineComponent<Props_16, {}, {}, {}, {
564
624
  "onUpdate:currentCategory"?: ((category: string) => any) | undefined;
565
625
  }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
566
626
 
567
- export declare const DatetimePicker: DefineComponent<Props_11, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
568
- "update:modelValue": (value: string | {
569
- start: string;
570
- end: string;
571
- } | null) => any;
572
- change: (value: string | {
573
- start: string;
574
- end: string;
575
- } | null) => any;
576
- }, string, PublicProps, Readonly<Props_11> & Readonly<{
577
- "onUpdate:modelValue"?: ((value: string | {
578
- start: string;
579
- end: string;
580
- } | null) => any) | undefined;
581
- onChange?: ((value: string | {
582
- start: string;
583
- end: string;
584
- } | null) => any) | undefined;
585
- }>, {
586
- disabled: boolean;
587
- id: string;
588
- locale: string;
589
- range: boolean;
590
- mode: "datetime" | "date" | "time";
591
- placeholder: string;
592
- popup: boolean;
593
- initialDate: CallyInitialDate;
594
- }, {}, {}, {}, string, ComponentProvideOptions, false, {
595
- pickerContainer: HTMLDivElement;
596
- datePicker: unknown;
597
- rangeDatePicker: unknown;
598
- timeFromInput: HTMLInputElement;
599
- timeToInput: HTMLInputElement;
600
- timeInput: HTMLInputElement;
601
- }, HTMLDivElement>;
627
+ export declare const DatetimePicker: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
602
628
 
603
629
  export declare const Dropdown: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
604
630
 
@@ -623,7 +649,7 @@ declare const errorMessage: Ref<string, string>;
623
649
 
624
650
  export { FilterableSelect }
625
651
 
626
- export declare const Footer: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
652
+ export declare const Footer: __VLS_WithTemplateSlots_13<typeof __VLS_component_13, __VLS_TemplateResult_13["slots"]>;
627
653
 
628
654
  declare interface FooterNavigation {
629
655
  title: string;
@@ -636,9 +662,9 @@ declare interface FooterNavigationItem {
636
662
  enabled: Boolean;
637
663
  }
638
664
 
639
- export declare const Hero: __VLS_WithTemplateSlots_13<typeof __VLS_component_13, __VLS_TemplateResult_13["slots"]>;
665
+ export declare const Hero: __VLS_WithTemplateSlots_14<typeof __VLS_component_14, __VLS_TemplateResult_14["slots"]>;
640
666
 
641
- export declare const InputField: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
667
+ export declare const InputField: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
642
668
 
643
669
  declare const isTouched: Ref<boolean, boolean>;
644
670
 
@@ -659,7 +685,7 @@ declare const modalPosition: {
659
685
  center: string;
660
686
  };
661
687
 
662
- export declare const NavigationBar: __VLS_WithTemplateSlots_14<typeof __VLS_component_14, __VLS_TemplateResult_14["slots"]>;
688
+ export declare const NavigationBar: __VLS_WithTemplateSlots_15<typeof __VLS_component_15, __VLS_TemplateResult_15["slots"]>;
663
689
 
664
690
  declare interface Props {
665
691
  outlined?: boolean;
@@ -841,7 +867,7 @@ selectElement: HTMLSelectElement;
841
867
 
842
868
  export declare const Swap: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
843
869
 
844
- export declare const Tab: __VLS_WithTemplateSlots_15<typeof __VLS_component_15, __VLS_TemplateResult_15["slots"]>;
870
+ export declare const Tab: __VLS_WithTemplateSlots_16<typeof __VLS_component_16, __VLS_TemplateResult_16["slots"]>;
845
871
 
846
872
  declare interface Tab_2 {
847
873
  name: string;
@@ -864,7 +890,7 @@ declare interface Tab_3 {
864
890
  value?: any;
865
891
  }
866
892
 
867
- export declare const TagInput: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
893
+ export declare const TagInput: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
868
894
 
869
895
  export declare const ThemeController: DefineComponent<Props_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_5> & Readonly<{}>, {
870
896
  lightTheme: string;
package/dist/manolis-ui.css CHANGED
@@ -1 +1 @@
1
- .carousel[data-v-db55a6a5]{-ms-overflow-style:none;scrollbar-width:none}.carousel[data-v-db55a6a5]::-webkit-scrollbar{display: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-34004a87]::-webkit-calendar-picker-indicator{opacity:0;position:absolute;height:100%;width:100%}.cally[data-v-34004a87] ::part(selected){border-radius:var(--radius-field)!important}.cally[data-v-34004a87] ::part(day){font-size:var(--text-base)!important}.cally div[part=container][data-v-34004a87]{padding:0!important}.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}
1
+ .carousel[data-v-db55a6a5]{-ms-overflow-style:none;scrollbar-width:none}.carousel[data-v-db55a6a5]::-webkit-scrollbar{display: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-6a59f578]::-webkit-calendar-picker-indicator{opacity:0;position:absolute;height:100%;width:100%}.cally[data-v-6a59f578] ::part(selected){border-radius:var(--radius-field)!important;background:var(--color-primary)!important;color:var(--color-primary-content)!important}.cally[data-v-6a59f578] ::part(day){font-size:var(--text-base)!important}.cally div[part=container][data-v-6a59f578]{padding:0!important}.cally[data-v-6a59f578] ::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}