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.
Files changed (69) hide show
  1. package/dist/main.css +1 -1
  2. package/dist/tailwind.css +2 -1
  3. package/package.json +28 -19
  4. package/src/base/defaults.css +3 -0
  5. package/src/base/keyframes.css +32 -0
  6. package/src/common.d.ts +4 -0
  7. package/src/components/carousel/content.css +1 -0
  8. package/src/components/carousel/index.d.ts +14 -35
  9. package/src/components/carousel/index.js +131 -187
  10. package/src/components/check/props/default.css +1 -1
  11. package/src/components/control/props/select-picker.css +4 -4
  12. package/src/components/control/props/select.css +2 -2
  13. package/src/components/control/tel-country-code.css +24 -0
  14. package/src/components/details/index.d.ts +5 -0
  15. package/src/components/details/index.js +13 -0
  16. package/src/components/details/readme.md +2 -5
  17. package/src/components/dialog/content.css +0 -1
  18. package/src/components/dialog/drawer.css +20 -0
  19. package/src/components/dialog/index.css +1 -0
  20. package/src/components/dialog/index.js +4 -0
  21. package/src/components/drawer/content.css +2 -1
  22. package/src/components/drawer/default.css +13 -31
  23. package/src/components/drawer/index.css +3 -0
  24. package/src/components/drawer/index.d.ts +8 -15
  25. package/src/components/drawer/index.js +67 -50
  26. package/src/components/drawer/keyframes/default.css +9 -0
  27. package/src/components/drawer/noscript.css +32 -0
  28. package/src/components/drawer/nosnap.css +32 -0
  29. package/src/components/drawer/props/content.css +2 -2
  30. package/src/components/drawer/props/default.css +6 -0
  31. package/src/components/drawer/scroller.css +32 -0
  32. package/src/components/field/index.d.ts +13 -0
  33. package/src/components/field/index.js +48 -0
  34. package/src/components/form/index.d.ts +3 -21
  35. package/src/components/form/index.js +14 -93
  36. package/src/components/heading/lg.css +1 -1
  37. package/src/components/heading/props/default.css +1 -1
  38. package/src/components/heading/sm.css +1 -1
  39. package/src/components/label/props/default.css +3 -2
  40. package/src/components/popover/content.css +2 -0
  41. package/src/components/popover/default.css +1 -1
  42. package/src/components/popover/index.css +1 -0
  43. package/src/components/popover/tooltip.css +11 -0
  44. package/src/components/tabs/index.d.ts +2 -2
  45. package/src/components/text/content.css +241 -0
  46. package/src/components/text/default.css +0 -238
  47. package/src/components/text/index.css +2 -0
  48. package/src/components/text/props/content.css +9 -0
  49. package/src/components/text/props/default.css +1 -7
  50. package/src/components/toast/default.css +6 -0
  51. package/src/components/toast/index.js +2 -1
  52. package/src/components/toaster/index.d.ts +1 -0
  53. package/src/components/toaster/index.js +18 -0
  54. package/src/polyfill.js +13 -0
  55. package/src/polyfills/timelineTrigger.js +54 -0
  56. package/src/supports.js +24 -0
  57. package/src/utilities/container/props/default.css +3 -3
  58. package/tailwindcss/theme/config/radius.css +9 -1
  59. package/tailwindcss/utilities/animation-timeline.css +51 -0
  60. package/tailwindcss/utilities/animation-trigger-fallback.css +18 -0
  61. package/tailwindcss/utilities/animation-trigger.css +33 -0
  62. package/tailwindcss/utilities/animation.css +88 -0
  63. package/tailwindcss/utilities/grid-area.css +7 -0
  64. package/tailwindcss/utilities/index.css +3 -0
  65. package/tailwindcss/utilities/position.css +24 -0
  66. package/tailwindcss/variants/index.css +2 -1
  67. package/tailwindcss/variants/scroll-state.css +245 -0
  68. package/types/index.d.ts +62 -64
  69. 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/src/components/carousel' {
31
- export interface ObserveCarouselOptions {
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 interface PaginationCarouselOptions {
40
- element?: HTMLElement | Element
41
- itemContent?: string
42
- activeAttribute?: string
43
- }
33
+ export const supportsInterestFor: boolean;
44
34
 
45
- export interface ScrollCarouselOptions {
46
- observe?: ObserveCarouselOptions
47
- pagination?: PaginationCarouselOptions
48
- progressElement?: HTMLProgressElement | Element
49
- counterMinElement?: HTMLElement | Element
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 interface AutoplayCarouselOptions {
54
- delay?: number
55
- pauseElements?: HTMLElement[] | Element[]
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 DragCarouselOptions {
59
- activeAttribute?: string
53
+ export interface ToggleScrollStateOptions {
54
+ prevElement?: HTMLButtonElement | null
55
+ nextElement?: HTMLButtonElement | null
56
+ vertical?: boolean
60
57
  }
61
58
 
62
- export function scrollPrev(element: HTMLElement | Element): void
63
- export function scrollNext(element: HTMLElement | Element): void
64
- export function scrollTo(element: HTMLElement | Element, selected?: number): void
65
- export function getItemCount(element: HTMLElement | Element, scrollWidth?: number, mathFloor?: boolean): number
66
- export function observeCarousel(element: HTMLElement | Element, options?: ObserveCarouselOptions): void
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 interface ScrollDrawerOptions {
95
- snapClass?: string
96
- opacityProperty?: string
97
- opacityRatio?: number
98
- scrollOpen?: number
99
- scrollClose?: number
100
- scrollSize?: number
101
- scrollDirection?:number
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 showDrawer(element: HTMLElement | Element, distance?: number, direction?: 'left' | 'top'): void
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
- validateSelectors?: string
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 interface ValidateFieldOptions {
124
- validate?: boolean
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
- endParentSelector?: string
133
- endSelector?: string
134
- endContent?: string
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
- export function validateForm(event: Event | SubmitEvent, options?: ValidateFormOptions): void
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
  }
@@ -5,35 +5,35 @@
5
5
  "PluginOptions",
6
6
  "defaultConfig",
7
7
  "createPlugin",
8
- "ObserveCarouselOptions",
9
- "PaginationCarouselOptions",
10
- "ScrollCarouselOptions",
11
- "AutoplayCarouselOptions",
12
- "DragCarouselOptions",
13
- "scrollPrev",
14
- "scrollNext",
15
- "scrollTo",
16
- "getItemCount",
17
- "observeCarousel",
18
- "scrollCarousel",
19
- "paginationCarousel",
20
- "autoplayCarousel",
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
- "ScrollDrawerOptions",
25
+ "DrawerPlacement",
26
+ "isVerticalDrawer",
27
+ "scrollDrawer",
27
28
  "showDrawer",
28
29
  "closeDrawer",
29
- "scrollInitDrawer",
30
- "toggleDrawerAttributes",
31
- "scrollDrawerState",
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;;;;;;kBCxBnBC,sBAAsBA;;;;;;;;kBAQtBC,yBAAyBA;;;;;;kBAMzBC,qBAAqBA;;;;;;;;kBAQrBC,uBAAuBA;;;;;kBAKvBC,mBAAmBA;;;;iBAIpBC,UAAUA;iBACVC,UAAUA;iBACVC,QAAQA;iBACRC,YAAYA;iBACZC,eAAeA;iBACfC,cAAcA;iBACdC,kBAAkBA;iBAClBC,gBAAgBA;iBAChBC,YAAYA;;;;;;kBCvCXC,kBAAkBA;;;;;iBAKnBC,WAAWA;iBACXC,eAAeA;iBACfC,YAAYA;;;;;;;;;;;kBCPXC,mBAAmBA;;;;;;;;;;iBAUpBC,UAAUA;iBACVC,WAAWA;iBACXC,gBAAgBA;iBAChBC,sBAAsBA;iBACtBC,iBAAiBA;iBACjBC,YAAYA;;;;;;kBCfXC,mBAAmBA;;;;;;;;kBAQnBC,oBAAoBA;;;;;;;;;;;;;;;;;;;iBAmBrBC,YAAYA;iBACZC,aAAaA;;;;;;WC5BnBC,gBAAgBA;;;;;iBAKVC,SAASA;;;;;;kBCLRC,gBAAgBA;;;;;;;kBAOhBC,iBAAiBA;;;;;;iBAMlBC,UAAUA;iBACVC,SAASA;;;;;;kBCdRF,iBAAiBA;;;;;iBAKlBG,YAAYA;;;;;;;;kBCFJC,sBAAsBA;;;;;;;kBAOtBC,iBAAiBA;;;;;;;;;;;kBCVxBC,uBAAuBA;;;;;;;kBAOvBC,eAAeA;;;;;kBAKfC,gBAAgBA;;;;;iBAKjBC,gBAAgBA;iBAChBC,QAAQA;iBACRC,cAAcA;;;;;;kBCnBbC,eAAeA;;;;;;iBAMhBC,UAAUA;;;;;;iBCNVC,UAAUA",
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
  }