winduum 3.0.0-next.1 → 3.0.0-next.11
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/main.css +1 -1
- package/dist/tailwind.css +2 -1
- package/package.json +28 -19
- package/src/base/defaults.css +3 -0
- package/src/base/keyframes.css +32 -0
- package/src/common.d.ts +4 -0
- package/src/components/carousel/content.css +1 -0
- package/src/components/carousel/index.d.ts +14 -35
- package/src/components/carousel/index.js +131 -187
- package/src/components/check/props/default.css +1 -1
- package/src/components/control/props/select-picker.css +4 -4
- package/src/components/control/props/select.css +2 -2
- package/src/components/control/tel-country-code.css +24 -0
- package/src/components/details/index.d.ts +5 -0
- package/src/components/details/index.js +13 -0
- package/src/components/details/readme.md +2 -5
- package/src/components/dialog/content.css +0 -1
- package/src/components/dialog/drawer.css +20 -0
- package/src/components/dialog/index.css +1 -0
- package/src/components/dialog/index.js +4 -0
- package/src/components/drawer/content.css +2 -1
- package/src/components/drawer/default.css +13 -31
- package/src/components/drawer/index.css +3 -0
- package/src/components/drawer/index.d.ts +8 -15
- package/src/components/drawer/index.js +67 -50
- package/src/components/drawer/keyframes/default.css +9 -0
- package/src/components/drawer/noscript.css +32 -0
- package/src/components/drawer/nosnap.css +32 -0
- package/src/components/drawer/props/content.css +2 -2
- package/src/components/drawer/props/default.css +6 -0
- package/src/components/drawer/scroller.css +32 -0
- package/src/components/field/index.d.ts +13 -0
- package/src/components/field/index.js +48 -0
- package/src/components/form/index.d.ts +3 -21
- package/src/components/form/index.js +14 -93
- package/src/components/heading/lg.css +1 -1
- package/src/components/heading/props/default.css +1 -1
- package/src/components/heading/sm.css +1 -1
- package/src/components/label/props/default.css +3 -2
- package/src/components/popover/content.css +2 -0
- package/src/components/popover/default.css +1 -1
- package/src/components/popover/index.css +1 -0
- package/src/components/popover/tooltip.css +11 -0
- package/src/components/tabs/index.d.ts +2 -2
- package/src/components/text/content.css +241 -0
- package/src/components/text/default.css +0 -238
- package/src/components/text/index.css +2 -0
- package/src/components/text/props/content.css +9 -0
- package/src/components/text/props/default.css +1 -7
- package/src/components/toast/default.css +6 -0
- package/src/components/toast/index.js +2 -1
- package/src/components/toaster/index.d.ts +1 -0
- package/src/components/toaster/index.js +18 -0
- package/src/polyfill.js +13 -0
- package/src/polyfills/timelineTrigger.js +54 -0
- package/src/supports.js +24 -0
- package/src/utilities/container/props/default.css +3 -3
- package/tailwindcss/theme/config/radius.css +9 -1
- package/tailwindcss/utilities/animation-timeline.css +51 -0
- package/tailwindcss/utilities/animation-trigger-fallback.css +18 -0
- package/tailwindcss/utilities/animation-trigger.css +33 -0
- package/tailwindcss/utilities/animation.css +88 -0
- package/tailwindcss/utilities/grid-area.css +7 -0
- package/tailwindcss/utilities/index.css +3 -0
- package/tailwindcss/utilities/position.css +24 -0
- package/tailwindcss/variants/index.css +2 -1
- package/tailwindcss/variants/scroll-state.css +245 -0
- package/types/index.d.ts +62 -64
- package/types/index.d.ts.map +27 -22
package/types/index.d.ts
CHANGED
|
@@ -27,47 +27,40 @@ declare module 'winduum' {
|
|
|
27
27
|
export {};
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
declare module 'winduum/
|
|
31
|
-
export
|
|
32
|
-
visibleAttribute?: string
|
|
33
|
-
observerOptions?: {
|
|
34
|
-
rootMargin?: string
|
|
35
|
-
threshold?: number | number[]
|
|
36
|
-
}
|
|
37
|
-
}
|
|
30
|
+
declare module 'winduum/supports' {
|
|
31
|
+
export const supportsTimelineTrigger: boolean;
|
|
38
32
|
|
|
39
|
-
export
|
|
40
|
-
element?: HTMLElement | Element
|
|
41
|
-
itemContent?: string
|
|
42
|
-
activeAttribute?: string
|
|
43
|
-
}
|
|
33
|
+
export const supportsInterestFor: boolean;
|
|
44
34
|
|
|
45
|
-
export
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
counterMaxElement?: HTMLElement | Element
|
|
51
|
-
}
|
|
35
|
+
export const supportsScrollInitialTarget: boolean;
|
|
36
|
+
|
|
37
|
+
export const supportsAnimationTimeline: boolean;
|
|
38
|
+
|
|
39
|
+
export const supportsScrollSnapEvents: boolean;
|
|
52
40
|
|
|
53
|
-
export
|
|
54
|
-
|
|
55
|
-
|
|
41
|
+
export {};
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
declare module 'winduum/src/components/carousel' {
|
|
45
|
+
export type CarouselPlacement = 'left' | 'right' | 'top' | 'bottom'
|
|
46
|
+
|
|
47
|
+
export interface ScrollByOptions {
|
|
48
|
+
direction?: number
|
|
49
|
+
vertical?: boolean
|
|
50
|
+
ratio?: number
|
|
56
51
|
}
|
|
57
52
|
|
|
58
|
-
export interface
|
|
59
|
-
|
|
53
|
+
export interface ToggleScrollStateOptions {
|
|
54
|
+
prevElement?: HTMLButtonElement | null
|
|
55
|
+
nextElement?: HTMLButtonElement | null
|
|
56
|
+
vertical?: boolean
|
|
60
57
|
}
|
|
61
58
|
|
|
62
|
-
export function
|
|
63
|
-
export function
|
|
64
|
-
export function
|
|
65
|
-
export function
|
|
66
|
-
export function
|
|
67
|
-
export function scrollCarousel(element: HTMLElement | Element, options?: ScrollCarouselOptions): void
|
|
68
|
-
export function paginationCarousel(element: HTMLElement | Element, options?: PaginationCarouselOptions): void
|
|
69
|
-
export function autoplayCarousel(element: HTMLElement | Element, options?: AutoplayCarouselOptions): void
|
|
70
|
-
export function dragCarousel(element: HTMLElement | Element, options?: DragCarouselOptions): void
|
|
59
|
+
export function scrollBy(element: HTMLElement, options?: ScrollByOptions): void
|
|
60
|
+
export function toggleScrollState(element: HTMLElement, options?: ToggleScrollStateOptions): void
|
|
61
|
+
export function setCurrentAttribute(element: HTMLElement, index: number, attributeName?: string): void
|
|
62
|
+
export function setSnappedAttribute(element: HTMLElement, target: HTMLElement, markerGroupElement?: HTMLElement | null): void
|
|
63
|
+
export function scrollToMarker(element: HTMLElement, target: HTMLElement, markerGroupElement: HTMLElement, scrollIntoViewOptions?: ScrollIntoViewOptions): void
|
|
71
64
|
|
|
72
65
|
export {};
|
|
73
66
|
}
|
|
@@ -91,64 +84,68 @@ declare module 'winduum/src/components/dialog' {
|
|
|
91
84
|
}
|
|
92
85
|
|
|
93
86
|
declare module 'winduum/src/components/drawer' {
|
|
94
|
-
export
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
87
|
+
export type DrawerPlacement = 'left' | 'right' | 'top' | 'bottom'
|
|
88
|
+
|
|
89
|
+
export function isVerticalDrawer(placement: DrawerPlacement): boolean
|
|
90
|
+
export function scrollDrawer(element: HTMLElement | Element, placement: DrawerPlacement, reverse?: boolean, behavior?: 'auto' | 'instant'): void
|
|
91
|
+
export function showDrawer(element: HTMLElement | Element, placement: DrawerPlacement): Promise<void>
|
|
92
|
+
export function closeDrawer(element: HTMLElement | Element, placement: DrawerPlacement): void
|
|
93
|
+
export function drawerEvents(element: HTMLDialogElement | Element, contentElement: HTMLElement | Element, placement: DrawerPlacement, signal?: AbortSignal): void
|
|
94
|
+
export function drawerObserver(element: HTMLDialogElement | Element, placement: DrawerPlacement): IntersectionObserver
|
|
95
|
+
export function drawerProperties(element: HTMLElement | Element, placement: DrawerPlacement): ['top' | 'left', number, number]
|
|
96
|
+
|
|
97
|
+
export {};
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
declare module 'winduum/src/components/field' {
|
|
101
|
+
export interface ValidateFieldOptions {
|
|
102
|
+
validationMessage?: string
|
|
103
|
+
selector?: string
|
|
104
|
+
validitySelector?: string
|
|
105
|
+
infoContent?: string
|
|
106
|
+
iconParentSelector?: string
|
|
107
|
+
iconSelector?: string
|
|
108
|
+
iconContent?: string
|
|
109
|
+
validIcon?: string | null
|
|
110
|
+
invalidIcon?: string
|
|
102
111
|
}
|
|
103
112
|
|
|
104
|
-
export function
|
|
105
|
-
export function closeDrawer(element: HTMLElement | Element, distance?: number, direction?: 'left' | 'top'): void
|
|
106
|
-
export function scrollInitDrawer(element: HTMLElement | Element, distance?: number, direction?: 'left' | 'top'): void
|
|
107
|
-
export function toggleDrawerAttributes(element: HTMLDialogElement | Element, state?: 'open' | 'close', snapClass?: string): void
|
|
108
|
-
export function scrollDrawerState(scrollState: number, scrollDirection: number): boolean
|
|
109
|
-
export function scrollDrawer(element: HTMLDialogElement | Element, options?: ScrollDrawerOptions): void
|
|
113
|
+
export function validateField(element: HTMLElement, options?: ValidateFieldOptions): void
|
|
110
114
|
|
|
111
115
|
export {};
|
|
112
116
|
}
|
|
113
117
|
|
|
114
118
|
declare module 'winduum/src/components/form' {
|
|
115
119
|
export interface ValidateFormOptions {
|
|
116
|
-
|
|
120
|
+
validateSelector?: string
|
|
117
121
|
validateOptions?: ValidateFieldOptions
|
|
118
122
|
validateField?: typeof validateField
|
|
119
123
|
scrollOptions?: ScrollIntoViewOptions
|
|
120
124
|
submitterLoadingAttribute?: string
|
|
121
125
|
}
|
|
122
126
|
|
|
123
|
-
export
|
|
124
|
-
|
|
127
|
+
export function validateForm(event: Event | SubmitEvent, options?: ValidateFormOptions): void
|
|
128
|
+
interface ValidateFieldOptions {
|
|
125
129
|
validationMessage?: string
|
|
126
130
|
selector?: string
|
|
127
|
-
ignoreMatch?: RegExp
|
|
128
131
|
validitySelector?: string
|
|
129
|
-
infoParentSelector?: string
|
|
130
|
-
infoSelector?: string
|
|
131
132
|
infoContent?: string
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
validAttribute?: string
|
|
133
|
+
iconParentSelector?: string
|
|
134
|
+
iconSelector?: string
|
|
135
|
+
iconContent?: string
|
|
136
136
|
validIcon?: string | null
|
|
137
|
-
invalidAttribute?: string
|
|
138
137
|
invalidIcon?: string
|
|
139
|
-
activeAttribute?: string
|
|
140
138
|
}
|
|
141
139
|
|
|
142
|
-
|
|
143
|
-
export function validateField(element: HTMLElement | SubmitEvent, options?: ValidateFieldOptions): void
|
|
140
|
+
function validateField(element: HTMLElement, options?: ValidateFieldOptions): void
|
|
144
141
|
|
|
145
142
|
export {};
|
|
146
143
|
}
|
|
147
144
|
|
|
148
145
|
declare module 'winduum/src/components/tabs' {
|
|
149
146
|
interface ToggleTabOptions {
|
|
150
|
-
tabElements?: NodeListOf<Element>
|
|
151
|
-
tabPanelElements?: NodeListOf<Element>
|
|
147
|
+
tabElements?: NodeListOf<Element> | Element[]
|
|
148
|
+
tabPanelElements?: NodeListOf<Element> | Element[]
|
|
152
149
|
}
|
|
153
150
|
|
|
154
151
|
export function toggleTab(element: HTMLElement | Element, options?: ToggleTabOptions): void
|
|
@@ -183,6 +180,7 @@ declare module 'winduum/src/components/toaster' {
|
|
|
183
180
|
}
|
|
184
181
|
|
|
185
182
|
export function closeToaster(element: HTMLElement, options?: CloseToastOptions): Promise<void>
|
|
183
|
+
export function toasterObserver(): MutationObserver
|
|
186
184
|
|
|
187
185
|
export {};
|
|
188
186
|
}
|
package/types/index.d.ts.map
CHANGED
|
@@ -5,35 +5,35 @@
|
|
|
5
5
|
"PluginOptions",
|
|
6
6
|
"defaultConfig",
|
|
7
7
|
"createPlugin",
|
|
8
|
-
"
|
|
9
|
-
"
|
|
10
|
-
"
|
|
11
|
-
"
|
|
12
|
-
"
|
|
13
|
-
"
|
|
14
|
-
"
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"dragCarousel",
|
|
8
|
+
"supportsTimelineTrigger",
|
|
9
|
+
"supportsInterestFor",
|
|
10
|
+
"supportsScrollInitialTarget",
|
|
11
|
+
"supportsAnimationTimeline",
|
|
12
|
+
"supportsScrollSnapEvents",
|
|
13
|
+
"CarouselPlacement",
|
|
14
|
+
"ScrollByOptions",
|
|
15
|
+
"ToggleScrollStateOptions",
|
|
16
|
+
"scrollBy",
|
|
17
|
+
"toggleScrollState",
|
|
18
|
+
"setCurrentAttribute",
|
|
19
|
+
"setSnappedAttribute",
|
|
20
|
+
"scrollToMarker",
|
|
22
21
|
"SetPositionOptions",
|
|
23
22
|
"setPosition",
|
|
24
23
|
"setKeyboardStep",
|
|
25
24
|
"setMouseStep",
|
|
26
|
-
"
|
|
25
|
+
"DrawerPlacement",
|
|
26
|
+
"isVerticalDrawer",
|
|
27
|
+
"scrollDrawer",
|
|
27
28
|
"showDrawer",
|
|
28
29
|
"closeDrawer",
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"scrollDrawer",
|
|
33
|
-
"ValidateFormOptions",
|
|
30
|
+
"drawerEvents",
|
|
31
|
+
"drawerObserver",
|
|
32
|
+
"drawerProperties",
|
|
34
33
|
"ValidateFieldOptions",
|
|
35
|
-
"validateForm",
|
|
36
34
|
"validateField",
|
|
35
|
+
"ValidateFormOptions",
|
|
36
|
+
"validateForm",
|
|
37
37
|
"ToggleTabOptions",
|
|
38
38
|
"toggleTab",
|
|
39
39
|
"ShowToastOptions",
|
|
@@ -41,6 +41,7 @@
|
|
|
41
41
|
"closeToast",
|
|
42
42
|
"showToast",
|
|
43
43
|
"closeToaster",
|
|
44
|
+
"toasterObserver",
|
|
44
45
|
"computePositionPopover",
|
|
45
46
|
"autoUpdatePopover",
|
|
46
47
|
"SetTrackPropertyOptions",
|
|
@@ -55,9 +56,11 @@
|
|
|
55
56
|
],
|
|
56
57
|
"sources": [
|
|
57
58
|
"../plugin/index.d.ts",
|
|
59
|
+
"../src/supports.js",
|
|
58
60
|
"../src/components/carousel/index.d.ts",
|
|
59
61
|
"../src/components/compare/index.d.ts",
|
|
60
62
|
"../src/components/drawer/index.d.ts",
|
|
63
|
+
"../src/components/field/index.d.ts",
|
|
61
64
|
"../src/components/form/index.d.ts",
|
|
62
65
|
"../src/components/tabs/index.d.ts",
|
|
63
66
|
"../src/components/toast/index.d.ts",
|
|
@@ -79,8 +82,10 @@
|
|
|
79
82
|
null,
|
|
80
83
|
null,
|
|
81
84
|
null,
|
|
85
|
+
null,
|
|
86
|
+
null,
|
|
82
87
|
null
|
|
83
88
|
],
|
|
84
|
-
"mappings": ";;kBAEiBA,aAAaA;;;;;;;;;;;;;;;;;;;;cAoBjBC,aAAaA;;yBAEFC,YAAYA;;;;;;
|
|
89
|
+
"mappings": ";;kBAEiBA,aAAaA;;;;;;;;;;;;;;;;;;;;cAoBjBC,aAAaA;;yBAEFC,YAAYA;;;;;;cCrBvBC,uBAAuBA;;cAKvBC,mBAAmBA;;cAKnBC,2BAA2BA;;cAK3BC,yBAAyBA;;cAKzBC,wBAAwBA;;;;;;aCvBzBC,iBAAiBA;;kBAEZC,eAAeA;;;;;;kBAMfC,wBAAwBA;;;;;;iBAMzBC,QAAQA;iBACRC,iBAAiBA;iBACjBC,mBAAmBA;iBACnBC,mBAAmBA;iBACnBC,cAAcA;;;;;;kBClBbC,kBAAkBA;;;;;iBAKnBC,WAAWA;iBACXC,eAAeA;iBACfC,YAAYA;;;;;;;;;;;aCPhBC,eAAeA;;iBAEXC,gBAAgBA;iBAChBC,YAAYA;iBACZC,UAAUA;iBACVC,WAAWA;iBACXC,YAAYA;iBACZC,cAAcA;iBACdC,gBAAgBA;;;;;;kBCRfC,oBAAoBA;;;;;;;;;;;;iBAYrBC,aAAaA;;;;;;kBCVZC,mBAAmBA;;;;;;;;iBAQpBC,YAAYA;WDVXH,oBAAoBA;;;;;;;;;;;;UAYrBC,aAAaA;;;;;;WEZnBG,gBAAgBA;;;;;iBAKVC,SAASA;;;;;;kBCLRC,gBAAgBA;;;;;;;kBAOhBC,iBAAiBA;;;;;;iBAMlBC,UAAUA;iBACVC,SAASA;;;;;;kBCdRF,iBAAiBA;;;;;iBAKlBG,YAAYA;iBACZC,eAAeA;;;;;;;;kBCHPC,sBAAsBA;;;;;;;kBAOtBC,iBAAiBA;;;;;;;;;;;kBCVxBC,uBAAuBA;;;;;;;kBAOvBC,eAAeA;;;;;kBAKfC,gBAAgBA;;;;;iBAKjBC,gBAAgBA;iBAChBC,QAAQA;iBACRC,cAAcA;;;;;;kBCnBbC,eAAeA;;;;;;iBAMhBC,UAAUA;;;;;;iBCNVC,UAAUA",
|
|
85
90
|
"ignoreList": []
|
|
86
91
|
}
|