manolis-ui 0.17.0 → 0.17.3
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.
- package/dist/index.d.ts +53 -5
- package/dist/manolis-ui.css +1 -1
- package/dist/manolis-ui.js +1043 -912
- package/dist/manolis-ui.umd.cjs +10 -10
- package/dist/style.css +42 -10
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ import { ComputedRef } from 'vue';
|
|
|
4
4
|
import { DefineComponent } from 'vue';
|
|
5
5
|
import { ExtractPropTypes } from 'vue';
|
|
6
6
|
import { default as FilterableSelect } from './components/data-input/filterableSelect.vue';
|
|
7
|
+
import { PropType } from 'vue';
|
|
7
8
|
import { PublicProps } from 'vue';
|
|
8
9
|
import { Ref } from 'vue';
|
|
9
10
|
|
|
@@ -147,8 +148,25 @@ type: NumberConstructor;
|
|
|
147
148
|
default: number;
|
|
148
149
|
validator: (value: number) => boolean;
|
|
149
150
|
};
|
|
151
|
+
breakpoints: {
|
|
152
|
+
type: PropType<CarouselBreakpoints>;
|
|
153
|
+
default: () => {};
|
|
154
|
+
};
|
|
155
|
+
infinite: {
|
|
156
|
+
type: BooleanConstructor;
|
|
157
|
+
default: boolean;
|
|
158
|
+
};
|
|
159
|
+
autoplay: {
|
|
160
|
+
type: BooleanConstructor;
|
|
161
|
+
default: boolean;
|
|
162
|
+
};
|
|
163
|
+
autoplayInterval: {
|
|
164
|
+
type: NumberConstructor;
|
|
165
|
+
default: number;
|
|
166
|
+
validator: (value: number) => boolean;
|
|
167
|
+
};
|
|
150
168
|
}>, {
|
|
151
|
-
scrollToSlide: (index: number) => Promise<void>;
|
|
169
|
+
scrollToSlide: (index: number, instant?: boolean) => Promise<void>;
|
|
152
170
|
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
|
|
153
171
|
showIndicators: {
|
|
154
172
|
type: BooleanConstructor;
|
|
@@ -183,6 +201,23 @@ type: NumberConstructor;
|
|
|
183
201
|
default: number;
|
|
184
202
|
validator: (value: number) => boolean;
|
|
185
203
|
};
|
|
204
|
+
breakpoints: {
|
|
205
|
+
type: PropType<CarouselBreakpoints>;
|
|
206
|
+
default: () => {};
|
|
207
|
+
};
|
|
208
|
+
infinite: {
|
|
209
|
+
type: BooleanConstructor;
|
|
210
|
+
default: boolean;
|
|
211
|
+
};
|
|
212
|
+
autoplay: {
|
|
213
|
+
type: BooleanConstructor;
|
|
214
|
+
default: boolean;
|
|
215
|
+
};
|
|
216
|
+
autoplayInterval: {
|
|
217
|
+
type: NumberConstructor;
|
|
218
|
+
default: number;
|
|
219
|
+
validator: (value: number) => boolean;
|
|
220
|
+
};
|
|
186
221
|
}>> & Readonly<{}>, {
|
|
187
222
|
showIndicators: boolean;
|
|
188
223
|
showNavigationButtons: boolean;
|
|
@@ -191,8 +226,13 @@ initialSlide: number;
|
|
|
191
226
|
slidesPerView: number;
|
|
192
227
|
gap: number;
|
|
193
228
|
slideDuration: number;
|
|
229
|
+
breakpoints: CarouselBreakpoints;
|
|
230
|
+
infinite: boolean;
|
|
231
|
+
autoplay: boolean;
|
|
232
|
+
autoplayInterval: number;
|
|
194
233
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {
|
|
195
234
|
carouselContainer: HTMLDivElement;
|
|
235
|
+
slidesContainer: HTMLDivElement;
|
|
196
236
|
}, HTMLDivElement>;
|
|
197
237
|
|
|
198
238
|
declare const __VLS_component_8: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
@@ -377,6 +417,7 @@ declare function __VLS_template_7(): {
|
|
|
377
417
|
};
|
|
378
418
|
refs: {
|
|
379
419
|
carouselContainer: HTMLDivElement;
|
|
420
|
+
slidesContainer: HTMLDivElement;
|
|
380
421
|
};
|
|
381
422
|
rootEl: HTMLDivElement;
|
|
382
423
|
};
|
|
@@ -551,6 +592,13 @@ export declare const Card: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, _
|
|
|
551
592
|
|
|
552
593
|
export declare const Carousel: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
|
|
553
594
|
|
|
595
|
+
declare type CarouselBreakpointConfig = {
|
|
596
|
+
slidesPerView?: number;
|
|
597
|
+
gap?: number;
|
|
598
|
+
};
|
|
599
|
+
|
|
600
|
+
declare type CarouselBreakpoints = Record<number, CarouselBreakpointConfig>;
|
|
601
|
+
|
|
554
602
|
export declare const CarouselItem: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
|
|
555
603
|
|
|
556
604
|
declare interface Category {
|
|
@@ -565,20 +613,20 @@ export declare const CategoryNavigation: DefineComponent<Props_16, {}, {}, {}, {
|
|
|
565
613
|
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
566
614
|
|
|
567
615
|
export declare const DatetimePicker: DefineComponent<Props_11, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
568
|
-
|
|
616
|
+
change: (value: string | {
|
|
569
617
|
start: string;
|
|
570
618
|
end: string;
|
|
571
619
|
} | null) => any;
|
|
572
|
-
|
|
620
|
+
"update:modelValue": (value: string | {
|
|
573
621
|
start: string;
|
|
574
622
|
end: string;
|
|
575
623
|
} | null) => any;
|
|
576
624
|
}, string, PublicProps, Readonly<Props_11> & Readonly<{
|
|
577
|
-
|
|
625
|
+
onChange?: ((value: string | {
|
|
578
626
|
start: string;
|
|
579
627
|
end: string;
|
|
580
628
|
} | null) => any) | undefined;
|
|
581
|
-
|
|
629
|
+
"onUpdate:modelValue"?: ((value: string | {
|
|
582
630
|
start: string;
|
|
583
631
|
end: string;
|
|
584
632
|
} | null) => any) | undefined;
|
package/dist/manolis-ui.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.carousel[data-v-
|
|
1
|
+
.cursor-grabbing .carousel-item[data-v-9f058f5d]{cursor:grabbing!important;pointer-events:none}.carousel-vertical[data-v-9f058f5d]{overflow:hidden}.pointer-events-none[data-v-9f058f5d]{pointer-events:none}.carousel[data-v-9f058f5d]{overflow:hidden;-ms-overflow-style:none;scrollbar-width:none}.carousel[data-v-9f058f5d]::-webkit-scrollbar{display:none}.fade-enter-active[data-v-9f058f5d],.fade-leave-active[data-v-9f058f5d]{transition:opacity .3s ease}.fade-enter-from[data-v-9f058f5d],.fade-leave-to[data-v-9f058f5d]{opacity:0}.fade-leave-active[data-v-9f058f5d]{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}
|