@keenmate/web-daterangepicker 1.9.4 → 1.9.5
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/README.md
CHANGED
|
@@ -522,6 +522,16 @@ All KeenMate components follow a consistent naming convention for **Tier 1 varia
|
|
|
522
522
|
|
|
523
523
|
Learn the pattern once, apply it across all components.
|
|
524
524
|
|
|
525
|
+
#### Component Variables Manifest
|
|
526
|
+
|
|
527
|
+
This package exports a `component-variables.manifest.json` file that documents all supported CSS variables for tooling integration (e.g., Theme Designer, IDE autocomplete):
|
|
528
|
+
|
|
529
|
+
```javascript
|
|
530
|
+
import manifest from '@keenmate/web-daterangepicker/component-variables.manifest.json';
|
|
531
|
+
// manifest.baseVariables - list of --base-* variables the component responds to
|
|
532
|
+
// manifest.componentVariables - list of --drp-* component-specific variables
|
|
533
|
+
```
|
|
534
|
+
|
|
525
535
|
### CSS Custom Properties
|
|
526
536
|
|
|
527
537
|
Customize the appearance using CSS custom properties:
|
|
@@ -0,0 +1,268 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://raw.githubusercontent.com/keenmate/schemas/main/component-variables.schema.json",
|
|
3
|
+
"component": "@keenmate/web-daterangepicker",
|
|
4
|
+
"prefix": "drp",
|
|
5
|
+
"baseVariables": [
|
|
6
|
+
{ "name": "base-accent-color", "required": true, "usage": "Selected dates, focus rings, buttons" },
|
|
7
|
+
{ "name": "base-accent-color-hover", "required": false, "usage": "Accent hover state" },
|
|
8
|
+
{ "name": "base-text-color-1", "required": true, "usage": "Primary text (dates, headers, inputs)" },
|
|
9
|
+
{ "name": "base-text-color-3", "required": false, "usage": "Secondary text (weekdays, placeholders)" },
|
|
10
|
+
{ "name": "base-text-color-on-accent", "required": false, "usage": "Text on accent backgrounds" },
|
|
11
|
+
{ "name": "base-main-bg", "required": true, "usage": "Primary background" },
|
|
12
|
+
{ "name": "base-hover-bg", "required": false, "usage": "Hover states for buttons and days" },
|
|
13
|
+
{ "name": "base-disabled-bg", "required": false, "usage": "Disabled/readonly surface backgrounds" },
|
|
14
|
+
{ "name": "base-border-color", "required": true, "usage": "Input, dropdown, button borders" },
|
|
15
|
+
{ "name": "base-border", "required": false, "usage": "Full border shorthand" },
|
|
16
|
+
{ "name": "base-dropdown-bg", "required": false, "usage": "Calendar dropdown background" },
|
|
17
|
+
{ "name": "base-input-bg", "required": false, "usage": "Input field background" },
|
|
18
|
+
{ "name": "base-input-color", "required": false, "usage": "Input text color" },
|
|
19
|
+
{ "name": "base-input-border", "required": false, "usage": "Input border" },
|
|
20
|
+
{ "name": "base-input-border-hover", "required": false, "usage": "Input border on hover" },
|
|
21
|
+
{ "name": "base-input-border-focus", "required": false, "usage": "Input border when focused" },
|
|
22
|
+
{ "name": "base-input-placeholder-color", "required": false, "usage": "Placeholder text color" },
|
|
23
|
+
{ "name": "base-input-bg-disabled", "required": false, "usage": "Disabled input background" },
|
|
24
|
+
{ "name": "base-tooltip-bg", "required": false, "usage": "Tooltip background" },
|
|
25
|
+
{ "name": "base-tooltip-text-color", "required": false, "usage": "Tooltip text color" },
|
|
26
|
+
{ "name": "base-font-family", "required": false, "usage": "All text in component" },
|
|
27
|
+
{ "name": "base-font-size-2xs", "required": false, "usage": "Badge font size (multiplier)" },
|
|
28
|
+
{ "name": "base-font-size-xs", "required": false, "usage": "Extra small text (multiplier)" },
|
|
29
|
+
{ "name": "base-font-size-sm", "required": false, "usage": "Small text, day cells (multiplier)" },
|
|
30
|
+
{ "name": "base-font-size-base", "required": false, "usage": "Base text size (multiplier)" },
|
|
31
|
+
{ "name": "base-font-size-lg", "required": false, "usage": "Large text (multiplier)" },
|
|
32
|
+
{ "name": "base-font-size-xl", "required": false, "usage": "Extra large text (multiplier)" },
|
|
33
|
+
{ "name": "base-font-size-2xl", "required": false, "usage": "Header text (multiplier)" },
|
|
34
|
+
{ "name": "base-font-weight-normal", "required": false, "usage": "Normal text weight" },
|
|
35
|
+
{ "name": "base-font-weight-medium", "required": false, "usage": "Medium text weight" },
|
|
36
|
+
{ "name": "base-font-weight-semibold", "required": false, "usage": "Semibold text (headers, selected)" },
|
|
37
|
+
{ "name": "base-line-height-tight", "required": false, "usage": "Tight line height" },
|
|
38
|
+
{ "name": "base-line-height-normal", "required": false, "usage": "Normal line height" },
|
|
39
|
+
{ "name": "base-line-height-relaxed", "required": false, "usage": "Relaxed line height" },
|
|
40
|
+
{ "name": "base-border-radius-sm", "required": false, "usage": "Small radius (days, buttons)" },
|
|
41
|
+
{ "name": "base-border-radius-md", "required": false, "usage": "Medium radius (inputs)" },
|
|
42
|
+
{ "name": "base-border-radius-lg", "required": false, "usage": "Large radius (dropdown)" },
|
|
43
|
+
{ "name": "base-input-size-xs-height", "required": false, "usage": "Extra small input height (multiplier)" },
|
|
44
|
+
{ "name": "base-input-size-sm-height", "required": false, "usage": "Small input height (multiplier)" },
|
|
45
|
+
{ "name": "base-input-size-md-height", "required": false, "usage": "Medium input height (multiplier)" },
|
|
46
|
+
{ "name": "base-input-size-lg-height", "required": false, "usage": "Large input height (multiplier)" },
|
|
47
|
+
{ "name": "base-input-size-xl-height", "required": false, "usage": "Extra large input height (multiplier)" }
|
|
48
|
+
],
|
|
49
|
+
"componentVariables": [
|
|
50
|
+
{ "name": "drp-rem", "category": "sizing", "usage": "Base sizing unit for proportional scaling (default: 10px)" },
|
|
51
|
+
|
|
52
|
+
{ "name": "drp-spacing-xs", "category": "spacing", "usage": "Extra small spacing (4px)" },
|
|
53
|
+
{ "name": "drp-spacing-sm", "category": "spacing", "usage": "Small spacing (8px)" },
|
|
54
|
+
{ "name": "drp-spacing-md", "category": "spacing", "usage": "Medium spacing (16px)" },
|
|
55
|
+
{ "name": "drp-spacing-lg", "category": "spacing", "usage": "Large spacing (24px)" },
|
|
56
|
+
{ "name": "drp-spacing-xl", "category": "spacing", "usage": "Extra large spacing (32px)" },
|
|
57
|
+
|
|
58
|
+
{ "name": "drp-font-size-2xs", "category": "typography", "usage": "Extra extra small font (10px)" },
|
|
59
|
+
{ "name": "drp-font-size-xs", "category": "typography", "usage": "Extra small font (12px)" },
|
|
60
|
+
{ "name": "drp-font-size-sm", "category": "typography", "usage": "Small font (14px)" },
|
|
61
|
+
{ "name": "drp-font-size-base", "category": "typography", "usage": "Base font (16px)" },
|
|
62
|
+
{ "name": "drp-font-size-lg", "category": "typography", "usage": "Large font (18px)" },
|
|
63
|
+
{ "name": "drp-font-size-xl", "category": "typography", "usage": "Extra large font (20px)" },
|
|
64
|
+
{ "name": "drp-font-size-2xl", "category": "typography", "usage": "Header font (24px)" },
|
|
65
|
+
{ "name": "drp-font-weight-normal", "category": "typography", "usage": "Normal font weight" },
|
|
66
|
+
{ "name": "drp-font-weight-medium", "category": "typography", "usage": "Medium font weight" },
|
|
67
|
+
{ "name": "drp-font-weight-semibold", "category": "typography", "usage": "Semibold font weight" },
|
|
68
|
+
{ "name": "drp-line-height-tight", "category": "typography", "usage": "Tight line height (1.25)" },
|
|
69
|
+
{ "name": "drp-line-height-normal", "category": "typography", "usage": "Normal line height (1.5)" },
|
|
70
|
+
{ "name": "drp-line-height-relaxed", "category": "typography", "usage": "Relaxed line height (1.75)" },
|
|
71
|
+
|
|
72
|
+
{ "name": "drp-dropdown-bg", "category": "surface", "usage": "Calendar dropdown background" },
|
|
73
|
+
{ "name": "drp-border-color", "category": "border", "usage": "Default border color" },
|
|
74
|
+
{ "name": "drp-border", "category": "border", "usage": "Full border shorthand" },
|
|
75
|
+
{ "name": "drp-primary-bg", "category": "surface", "usage": "Primary background color" },
|
|
76
|
+
{ "name": "drp-primary-bg-hover", "category": "surface", "usage": "Primary background hover" },
|
|
77
|
+
|
|
78
|
+
{ "name": "drp-accent-color", "category": "accent", "usage": "Primary accent color" },
|
|
79
|
+
{ "name": "drp-accent-color-hover", "category": "accent", "usage": "Accent color on hover" },
|
|
80
|
+
|
|
81
|
+
{ "name": "drp-text-primary", "category": "text", "usage": "Primary text color" },
|
|
82
|
+
{ "name": "drp-text-secondary", "category": "text", "usage": "Secondary text color" },
|
|
83
|
+
{ "name": "drp-text-color-on-accent", "category": "text", "usage": "Text on accent backgrounds" },
|
|
84
|
+
{ "name": "drp-button-accent-text-color", "category": "text", "usage": "Button text on accent" },
|
|
85
|
+
|
|
86
|
+
{ "name": "drp-tooltip-bg", "category": "tooltip", "usage": "Tooltip background" },
|
|
87
|
+
{ "name": "drp-tooltip-text-color", "category": "tooltip", "usage": "Tooltip text color" },
|
|
88
|
+
{ "name": "drp-tooltip-line-height", "category": "tooltip", "usage": "Tooltip line height" },
|
|
89
|
+
{ "name": "drp-tooltip-max-width", "category": "tooltip", "usage": "Tooltip max width" },
|
|
90
|
+
{ "name": "drp-tooltip-arrow-size", "category": "tooltip", "usage": "Tooltip arrow size" },
|
|
91
|
+
|
|
92
|
+
{ "name": "drp-loading-overlay-bg", "category": "loading", "usage": "Loading overlay background" },
|
|
93
|
+
{ "name": "drp-loading-spinner-size", "category": "loading", "usage": "Loading spinner size" },
|
|
94
|
+
{ "name": "drp-loading-spinner-border-width", "category": "loading", "usage": "Loading spinner border width" },
|
|
95
|
+
{ "name": "drp-loading-spinner-color", "category": "loading", "usage": "Loading spinner color" },
|
|
96
|
+
{ "name": "drp-loading-spinner-accent", "category": "loading", "usage": "Loading spinner accent" },
|
|
97
|
+
|
|
98
|
+
{ "name": "drp-border-width-base", "category": "border", "usage": "Base border width" },
|
|
99
|
+
{ "name": "drp-border-radius-sm", "category": "radius", "usage": "Small border radius (4px)" },
|
|
100
|
+
{ "name": "drp-border-radius-md", "category": "radius", "usage": "Medium border radius (6px)" },
|
|
101
|
+
{ "name": "drp-border-radius-lg", "category": "radius", "usage": "Large border radius (8px)" },
|
|
102
|
+
{ "name": "drp-border-radius", "category": "radius", "usage": "Default border radius" },
|
|
103
|
+
{ "name": "drp-shadow-xl", "category": "shadow", "usage": "Extra large shadow" },
|
|
104
|
+
|
|
105
|
+
{ "name": "drp-transition-fast", "category": "transition", "usage": "Fast transition duration" },
|
|
106
|
+
{ "name": "drp-easing-snappy", "category": "transition", "usage": "Snappy easing function" },
|
|
107
|
+
|
|
108
|
+
{ "name": "drp-z-index-dropdown", "category": "z-index", "usage": "Dropdown z-index" },
|
|
109
|
+
{ "name": "drp-z-index-tooltip", "category": "z-index", "usage": "Tooltip z-index" },
|
|
110
|
+
|
|
111
|
+
{ "name": "drp-input-padding-h", "category": "input", "usage": "Input horizontal padding" },
|
|
112
|
+
{ "name": "drp-grid-columns", "category": "layout", "usage": "Grid columns" },
|
|
113
|
+
{ "name": "drp-grid-rows", "category": "layout", "usage": "Grid rows" },
|
|
114
|
+
|
|
115
|
+
{ "name": "drp-opacity-disabled", "category": "opacity", "usage": "Disabled element opacity" },
|
|
116
|
+
{ "name": "drp-opacity-other-month", "category": "opacity", "usage": "Other month day opacity" },
|
|
117
|
+
{ "name": "drp-opacity-hover", "category": "opacity", "usage": "Hover state opacity" },
|
|
118
|
+
{ "name": "drp-opacity-dragging", "category": "opacity", "usage": "Dragging state opacity" },
|
|
119
|
+
|
|
120
|
+
{ "name": "drp-input-bg", "category": "input", "usage": "Input background" },
|
|
121
|
+
{ "name": "drp-input-color", "category": "input", "usage": "Input text color" },
|
|
122
|
+
{ "name": "drp-input-border", "category": "input", "usage": "Input border" },
|
|
123
|
+
{ "name": "drp-input-border-hover", "category": "input", "usage": "Input border on hover" },
|
|
124
|
+
{ "name": "drp-input-border-focus", "category": "input", "usage": "Input border when focused" },
|
|
125
|
+
{ "name": "drp-input-placeholder-color", "category": "input", "usage": "Placeholder text color" },
|
|
126
|
+
{ "name": "drp-input-bg-disabled", "category": "input", "usage": "Disabled input background" },
|
|
127
|
+
{ "name": "drp-input-focus-shadow-color", "category": "input", "usage": "Input focus shadow color" },
|
|
128
|
+
{ "name": "drp-input-focus-shadow-size", "category": "input", "usage": "Input focus shadow size" },
|
|
129
|
+
{ "name": "drp-input-icon-opacity", "category": "input", "usage": "Input icon opacity" },
|
|
130
|
+
|
|
131
|
+
{ "name": "drp-input-size-xs-font", "category": "input-size", "usage": "XS input font size" },
|
|
132
|
+
{ "name": "drp-input-size-xs-padding-v", "category": "input-size", "usage": "XS vertical padding" },
|
|
133
|
+
{ "name": "drp-input-size-xs-padding-h", "category": "input-size", "usage": "XS horizontal padding" },
|
|
134
|
+
{ "name": "drp-input-size-xs-height", "category": "input-size", "usage": "XS input height" },
|
|
135
|
+
{ "name": "drp-input-size-xs-icon-size", "category": "input-size", "usage": "XS icon size" },
|
|
136
|
+
{ "name": "drp-input-size-sm-font", "category": "input-size", "usage": "SM input font size" },
|
|
137
|
+
{ "name": "drp-input-size-sm-padding-v", "category": "input-size", "usage": "SM vertical padding" },
|
|
138
|
+
{ "name": "drp-input-size-sm-padding-h", "category": "input-size", "usage": "SM horizontal padding" },
|
|
139
|
+
{ "name": "drp-input-size-sm-height", "category": "input-size", "usage": "SM input height" },
|
|
140
|
+
{ "name": "drp-input-size-sm-icon-size", "category": "input-size", "usage": "SM icon size" },
|
|
141
|
+
{ "name": "drp-input-size-md-font", "category": "input-size", "usage": "MD input font size" },
|
|
142
|
+
{ "name": "drp-input-size-md-padding-v", "category": "input-size", "usage": "MD vertical padding" },
|
|
143
|
+
{ "name": "drp-input-size-md-padding-h", "category": "input-size", "usage": "MD horizontal padding" },
|
|
144
|
+
{ "name": "drp-input-size-md-height", "category": "input-size", "usage": "MD input height" },
|
|
145
|
+
{ "name": "drp-input-size-md-icon-size", "category": "input-size", "usage": "MD icon size" },
|
|
146
|
+
{ "name": "drp-input-size-lg-font", "category": "input-size", "usage": "LG input font size" },
|
|
147
|
+
{ "name": "drp-input-size-lg-padding-v", "category": "input-size", "usage": "LG vertical padding" },
|
|
148
|
+
{ "name": "drp-input-size-lg-padding-h", "category": "input-size", "usage": "LG horizontal padding" },
|
|
149
|
+
{ "name": "drp-input-size-lg-height", "category": "input-size", "usage": "LG input height" },
|
|
150
|
+
{ "name": "drp-input-size-lg-icon-size", "category": "input-size", "usage": "LG icon size" },
|
|
151
|
+
{ "name": "drp-input-size-xl-font", "category": "input-size", "usage": "XL input font size" },
|
|
152
|
+
{ "name": "drp-input-size-xl-padding-v", "category": "input-size", "usage": "XL vertical padding" },
|
|
153
|
+
{ "name": "drp-input-size-xl-padding-h", "category": "input-size", "usage": "XL horizontal padding" },
|
|
154
|
+
{ "name": "drp-input-size-xl-height", "category": "input-size", "usage": "XL input height" },
|
|
155
|
+
{ "name": "drp-input-size-xl-icon-size", "category": "input-size", "usage": "XL icon size" },
|
|
156
|
+
|
|
157
|
+
{ "name": "drp-header-text-color", "category": "header", "usage": "Header text color" },
|
|
158
|
+
{ "name": "drp-header-bg-hover", "category": "header", "usage": "Header hover background" },
|
|
159
|
+
{ "name": "drp-header-bg-active", "category": "header", "usage": "Header active background" },
|
|
160
|
+
|
|
161
|
+
{ "name": "drp-nav-text-color", "category": "navigation", "usage": "Navigation text color" },
|
|
162
|
+
{ "name": "drp-nav-border-color", "category": "navigation", "usage": "Navigation border color" },
|
|
163
|
+
{ "name": "drp-nav-border", "category": "navigation", "usage": "Navigation border" },
|
|
164
|
+
{ "name": "drp-nav-bg-hover", "category": "navigation", "usage": "Navigation hover background" },
|
|
165
|
+
{ "name": "drp-nav-bg-active", "category": "navigation", "usage": "Navigation active background" },
|
|
166
|
+
{ "name": "drp-nav-border-hover", "category": "navigation", "usage": "Navigation hover border color" },
|
|
167
|
+
{ "name": "drp-nav-border-hover-full", "category": "navigation", "usage": "Navigation hover border full" },
|
|
168
|
+
{ "name": "drp-nav-size", "category": "navigation", "usage": "Navigation button size" },
|
|
169
|
+
|
|
170
|
+
{ "name": "drp-rolling-bg", "category": "rolling", "usage": "Rolling selector background" },
|
|
171
|
+
{ "name": "drp-rolling-border-color", "category": "rolling", "usage": "Rolling selector border color" },
|
|
172
|
+
{ "name": "drp-rolling-border", "category": "rolling", "usage": "Rolling selector border" },
|
|
173
|
+
{ "name": "drp-rolling-scrollbar-width", "category": "rolling", "usage": "Scrollbar width" },
|
|
174
|
+
{ "name": "drp-rolling-scrollbar-thumb", "category": "rolling", "usage": "Scrollbar thumb color" },
|
|
175
|
+
{ "name": "drp-rolling-scrollbar-thumb-hover", "category": "rolling", "usage": "Scrollbar thumb hover color" },
|
|
176
|
+
{ "name": "drp-rolling-item-bg-hover", "category": "rolling", "usage": "Rolling item hover background" },
|
|
177
|
+
{ "name": "drp-rolling-item-color", "category": "rolling", "usage": "Rolling item color" },
|
|
178
|
+
{ "name": "drp-rolling-item-bg-selected", "category": "rolling", "usage": "Selected rolling item background" },
|
|
179
|
+
{ "name": "drp-rolling-item-color-selected", "category": "rolling", "usage": "Selected rolling item color" },
|
|
180
|
+
{ "name": "drp-rolling-item-bg-selected-hover", "category": "rolling", "usage": "Selected rolling item hover background" },
|
|
181
|
+
{ "name": "drp-rolling-item-justify-content", "category": "rolling", "usage": "Rolling item justify content" },
|
|
182
|
+
{ "name": "drp-rolling-item-min-height", "category": "rolling", "usage": "Rolling item min height" },
|
|
183
|
+
{ "name": "drp-rolling-item-padding-v", "category": "rolling", "usage": "Rolling item vertical padding" },
|
|
184
|
+
{ "name": "drp-rolling-item-padding-h", "category": "rolling", "usage": "Rolling item horizontal padding" },
|
|
185
|
+
{ "name": "drp-rolling-item-font-size", "category": "rolling", "usage": "Rolling item font size" },
|
|
186
|
+
{ "name": "drp-rolling-item-font-weight-selected", "category": "rolling", "usage": "Selected rolling item font weight" },
|
|
187
|
+
|
|
188
|
+
{ "name": "drp-weekday-color", "category": "calendar", "usage": "Weekday header color" },
|
|
189
|
+
|
|
190
|
+
{ "name": "drp-day-text-color", "category": "day", "usage": "Day cell text color" },
|
|
191
|
+
{ "name": "drp-day-bg-hover", "category": "day", "usage": "Day cell hover background" },
|
|
192
|
+
{ "name": "drp-day-border-hover", "category": "day", "usage": "Day cell hover border color" },
|
|
193
|
+
{ "name": "drp-day-today-border", "category": "day", "usage": "Today's date border color" },
|
|
194
|
+
{ "name": "drp-day-selected-bg", "category": "day", "usage": "Selected day background" },
|
|
195
|
+
{ "name": "drp-day-selected-color", "category": "day", "usage": "Selected day text color" },
|
|
196
|
+
{ "name": "drp-day-selected-bg-hover", "category": "day", "usage": "Selected day hover background" },
|
|
197
|
+
{ "name": "drp-day-focused-outline", "category": "day", "usage": "Focused day outline color" },
|
|
198
|
+
{ "name": "drp-day-disabled-color", "category": "day", "usage": "Disabled day text color" },
|
|
199
|
+
{ "name": "drp-day-other-month-color", "category": "day", "usage": "Other month day color" },
|
|
200
|
+
{ "name": "drp-day-range-bg", "category": "day", "usage": "Range selection background" },
|
|
201
|
+
{ "name": "drp-day-range-color", "category": "day", "usage": "Range selection text color" },
|
|
202
|
+
{ "name": "drp-day-border-width", "category": "day", "usage": "Day cell border width" },
|
|
203
|
+
{ "name": "drp-day-border-color", "category": "day", "usage": "Day cell border color" },
|
|
204
|
+
{ "name": "drp-day-border", "category": "day", "usage": "Day cell border" },
|
|
205
|
+
{ "name": "drp-day-focused-outline-width", "category": "day", "usage": "Focused outline width" },
|
|
206
|
+
{ "name": "drp-day-focused-outline-offset", "category": "day", "usage": "Focused outline offset" },
|
|
207
|
+
{ "name": "drp-day-in-range-bg-opacity", "category": "day", "usage": "In-range day background opacity" },
|
|
208
|
+
{ "name": "drp-day-in-range-hover-bg-opacity", "category": "day", "usage": "In-range hover background opacity" },
|
|
209
|
+
{ "name": "drp-day-drag-preview-bg-opacity", "category": "day", "usage": "Drag preview background opacity" },
|
|
210
|
+
{ "name": "drp-day-drag-preview-edge-bg-opacity", "category": "day", "usage": "Drag preview edge background opacity" },
|
|
211
|
+
{ "name": "drp-day-disabled-pattern-opacity", "category": "day", "usage": "Disabled pattern opacity" },
|
|
212
|
+
{ "name": "drp-day-dragging-scale", "category": "day", "usage": "Dragging day scale" },
|
|
213
|
+
{ "name": "drp-day-drag-preview-border-style", "category": "day", "usage": "Drag preview border style" },
|
|
214
|
+
{ "name": "drp-day-drag-border", "category": "day", "usage": "Drag preview border" },
|
|
215
|
+
{ "name": "drp-day-drag-invalid-bg", "category": "day", "usage": "Invalid drag background" },
|
|
216
|
+
{ "name": "drp-day-drag-invalid-bg-opacity", "category": "day", "usage": "Invalid drag background opacity" },
|
|
217
|
+
|
|
218
|
+
{ "name": "drp-holiday-color", "category": "special-dates", "usage": "Holiday text color" },
|
|
219
|
+
{ "name": "drp-holiday-bg-opacity", "category": "special-dates", "usage": "Holiday background opacity" },
|
|
220
|
+
{ "name": "drp-holiday-hover-bg-opacity", "category": "special-dates", "usage": "Holiday hover background opacity" },
|
|
221
|
+
{ "name": "drp-event-color", "category": "special-dates", "usage": "Event text color" },
|
|
222
|
+
{ "name": "drp-event-bg-opacity", "category": "special-dates", "usage": "Event background opacity" },
|
|
223
|
+
{ "name": "drp-event-hover-bg-opacity", "category": "special-dates", "usage": "Event hover background opacity" },
|
|
224
|
+
|
|
225
|
+
{ "name": "drp-summary-text-color", "category": "summary", "usage": "Summary text color" },
|
|
226
|
+
{ "name": "drp-summary-border-color", "category": "summary", "usage": "Summary border color" },
|
|
227
|
+
{ "name": "drp-summary-border", "category": "summary", "usage": "Summary border" },
|
|
228
|
+
{ "name": "drp-summary-count-color", "category": "summary", "usage": "Summary count color" },
|
|
229
|
+
|
|
230
|
+
{ "name": "drp-button-border-color", "category": "button", "usage": "Button border color" },
|
|
231
|
+
{ "name": "drp-button-border", "category": "button", "usage": "Button border" },
|
|
232
|
+
{ "name": "drp-button-bg", "category": "button", "usage": "Button background" },
|
|
233
|
+
{ "name": "drp-button-bg-hover", "category": "button", "usage": "Button hover background" },
|
|
234
|
+
{ "name": "drp-button-color", "category": "button", "usage": "Button text color" },
|
|
235
|
+
{ "name": "drp-button-border-hover", "category": "button", "usage": "Button hover border color" },
|
|
236
|
+
{ "name": "drp-button-border-hover-full", "category": "button", "usage": "Button hover border full" },
|
|
237
|
+
{ "name": "drp-button-today-color", "category": "button", "usage": "Today button color" },
|
|
238
|
+
{ "name": "drp-button-clear-color", "category": "button", "usage": "Clear button color" },
|
|
239
|
+
{ "name": "drp-button-cancel-color", "category": "button", "usage": "Cancel button color" },
|
|
240
|
+
{ "name": "drp-button-apply-bg", "category": "button", "usage": "Apply button background" },
|
|
241
|
+
{ "name": "drp-button-apply-color", "category": "button", "usage": "Apply button text color" },
|
|
242
|
+
{ "name": "drp-button-apply-border", "category": "button", "usage": "Apply button border" },
|
|
243
|
+
{ "name": "drp-button-apply-bg-hover", "category": "button", "usage": "Apply button hover background" },
|
|
244
|
+
|
|
245
|
+
{ "name": "drp-badge-font-size", "category": "badge", "usage": "Badge font size" },
|
|
246
|
+
{ "name": "drp-badge-padding-v", "category": "badge", "usage": "Badge vertical padding" },
|
|
247
|
+
{ "name": "drp-badge-padding-h", "category": "badge", "usage": "Badge horizontal padding" },
|
|
248
|
+
{ "name": "drp-badge-border-radius", "category": "badge", "usage": "Badge border radius" },
|
|
249
|
+
{ "name": "drp-badge-max-height", "category": "badge", "usage": "Badge max height" },
|
|
250
|
+
{ "name": "drp-badge-row-height", "category": "badge", "usage": "Badge row height" },
|
|
251
|
+
{ "name": "drp-badge-number-bg", "category": "badge", "usage": "Number badge background" },
|
|
252
|
+
{ "name": "drp-badge-number-color", "category": "badge", "usage": "Number badge text color" },
|
|
253
|
+
{ "name": "drp-badge-count-bg", "category": "badge", "usage": "Count badge background" },
|
|
254
|
+
{ "name": "drp-badge-count-color", "category": "badge", "usage": "Count badge text color" },
|
|
255
|
+
{ "name": "drp-badge-text-bg", "category": "badge", "usage": "Text badge background" },
|
|
256
|
+
{ "name": "drp-badge-text-color", "category": "badge", "usage": "Text badge text color" },
|
|
257
|
+
|
|
258
|
+
{ "name": "drp-unified-range-text-color", "category": "unified-nav", "usage": "Unified nav range text color" },
|
|
259
|
+
{ "name": "drp-unified-range-bg-hover", "category": "unified-nav", "usage": "Unified nav range hover background" },
|
|
260
|
+
{ "name": "drp-unified-range-bg-active", "category": "unified-nav", "usage": "Unified nav range active background" },
|
|
261
|
+
{ "name": "drp-unified-month-color", "category": "unified-nav", "usage": "Unified nav month color" },
|
|
262
|
+
{ "name": "drp-unified-rolling-disabled-color", "category": "unified-nav", "usage": "Unified nav disabled color" },
|
|
263
|
+
|
|
264
|
+
{ "name": "drp-month-min-width", "category": "layout", "usage": "Month panel min width" },
|
|
265
|
+
{ "name": "drp-month-min-width-inline", "category": "layout", "usage": "Inline month panel min width" },
|
|
266
|
+
{ "name": "drp-calendar-max-width", "category": "layout", "usage": "Calendar max width" }
|
|
267
|
+
]
|
|
268
|
+
}
|
|
@@ -4146,10 +4146,10 @@ function An() {
|
|
|
4146
4146
|
return Array.from(document.querySelectorAll("web-daterangepicker"));
|
|
4147
4147
|
}
|
|
4148
4148
|
typeof window < "u" && (window.components = window.components || {}, window.components["web-daterangepicker"] = {
|
|
4149
|
-
version: () => "1.9.
|
|
4149
|
+
version: () => "1.9.5",
|
|
4150
4150
|
config: {
|
|
4151
4151
|
name: "@keenmate/web-daterangepicker",
|
|
4152
|
-
version: "1.9.
|
|
4152
|
+
version: "1.9.5",
|
|
4153
4153
|
author: "Keenmate",
|
|
4154
4154
|
license: "MIT",
|
|
4155
4155
|
repository: "git+https://github.com/keenmate/web-daterangepicker.git",
|
|
@@ -32,4 +32,4 @@
|
|
|
32
32
|
<div class="drp-date-picker__weekdays"></div>
|
|
33
33
|
<div class="drp-date-picker__days" data-month-index="${n}"></div>
|
|
34
34
|
</div>
|
|
35
|
-
`,a.appendChild(r)}if(this.calendar.appendChild(a),this.options.selectionMode==="range"){const n=document.createElement("div");n.className="drp-date-picker__summary drp-date-picker__summary--hidden",this.calendar.appendChild(n)}const t=document.createElement("div");t.className="drp-date-picker__actions",this.renderButtons(t),t.children.length>0&&this.calendar.appendChild(t),this.containerElement.appendChild(this.calendar),k.debug("Calendar appended to container:",this.calendar),this.tooltip=document.createElement("div"),this.tooltip.className="drp-date-picker__tooltip",this.tooltipArrow=document.createElement("div"),this.tooltipArrow.className="drp-date-picker__tooltip-arrow",this.tooltip.appendChild(this.tooltipArrow),this.containerElement.appendChild(this.tooltip),this.attachCalendarListeners(),this.showingRollingSelector=new Array(this.options.visibleMonthsCount).fill(!1)}attachInputListeners(){if(!this.input)return;k.debug("Attaching input listeners");const a=this.options.calendarOpenTrigger||"focus";a==="focus"?this.input.addEventListener("focus",()=>{k.debug("Input focused - opening calendar"),this.show()}):a==="typing"&&this.input.addEventListener("input",t=>{!this.calendar.classList.contains("drp-date-picker--visible")&&this.input&&this.input.value.length>0&&(k.debug("User started typing - opening calendar"),this.show())}),this.input.addEventListener("input",t=>this.handleInputMask(t)),this.input.addEventListener("keydown",t=>this.handleKeydown(t)),this.input.addEventListener("paste",t=>this.handlePaste(t))}attachCalendarListeners(){this.calendar.addEventListener("click",async a=>{const t=a.target;a.stopPropagation();const n=t.dataset.action,r=t.dataset.monthIndex,o=r?parseInt(r):0;if(n==="prev"||n==="next"||n==="unified-prev"||n==="unified-next"){const i=t;if(i.disabled||i.classList.contains("drp-date-picker__nav--disabled"))return}if(n==="prev")this.prevMonth(o);else if(n==="next")this.nextMonth(o);else if(n==="unified-prev")this.unifiedPrevMonth();else if(n==="unified-next")this.unifiedNextMonth();else if(n==="toggle-rolling")this.toggleRollingSelector(o);else if(n==="toggle-unified-rolling")this.toggleUnifiedRollingSelector();else if(n==="today")this.selectToday();else if(n==="clear")this.clearSelection();else if(n==="apply")this.apply();else if(n==="custom"){const i=t._customOnClick;i&&await Promise.resolve(i(this))}else if(t.closest(".drp-date-picker__day:not(.drp-date-picker__day--disabled)"))await this.selectDay(t.closest(".drp-date-picker__day"));else if(t.closest("[data-year]")){const i=t.closest("[data-year]");if(i.classList.contains("drp-date-picker__rolling-item--disabled"))return;const s=i.dataset.year;if(i.dataset.unified==="true")s&&this.setUnifiedYear(parseInt(s));else{const d=i.dataset.monthIndex;s&&d&&this.selectYear(parseInt(s),parseInt(d))}}else if(t.closest("[data-month]")){const i=t.closest("[data-month]");if(i.classList.contains("drp-date-picker__rolling-item--disabled"))return;const s=i.dataset.month;if(i.dataset.unified==="true")s&&this.setUnifiedMonth(parseInt(s));else{const d=i.dataset.monthIndex;s&&d&&this.selectMonth(parseInt(s),parseInt(d))}}else if(!t.closest(".drp-date-picker__rolling-selector")&&!t.closest(".drp-date-picker__unified-rolling-selector")){let i=!1;for(let s=0;s<this.showingRollingSelector.length;s++)this.showingRollingSelector[s]&&(this.showingRollingSelector[s]=!1,i=!0);this.showingUnifiedRollingSelector&&(this.showingUnifiedRollingSelector=!1,i=!0),i&&this.renderCalendar()}}),this.calendar.addEventListener("mouseenter",a=>{const t=a.target,n=t.closest(".drp-date-picker__day"),r=t.closest(".drp-date-picker__badge-cell"),o=n||r;if(o&&o instanceof HTMLElement){const i=o.dataset.tooltip;i&&this.showTooltip(o,i)}},!0),this.calendar.addEventListener("mouseleave",a=>{const t=a.target,n=t.closest(".drp-date-picker__day"),r=t.closest(".drp-date-picker__badge-cell"),o=n||r;o&&this.currentTooltipTarget===o&&this.hideTooltip()},!0),this.calendar.addEventListener("mousedown",a=>{this.isCalendarActive=!0,a.stopPropagation()}),this.calendar.addEventListener("focusin",()=>{this.isCalendarActive=!0}),document.addEventListener("mousedown",a=>{this.calendar.contains(a.target)||(this.isCalendarActive=!1)},!0),document.addEventListener("keydown",a=>{var t,n,r,o;if(this.calendar.classList.contains("drp-date-picker--visible")&&this.isCalendarActive){if(k.debug("Keydown",a.key,"Ctrl:",a.ctrlKey,"Meta:",a.metaKey,"Shift:",a.shiftKey,"Alt:",a.altKey),a.key==="Escape")this.hide(),a.preventDefault();else if(a.key==="ArrowUp")this.moveFocus(-7),a.preventDefault();else if(a.key==="ArrowDown")this.moveFocus(7),a.preventDefault();else if(a.key==="ArrowLeft"){if(a.ctrlKey||a.metaKey){w.debug("Ctrl+Left: Navigate to previous month");const i=this.focusedDayIndex;this.prevMonth(this.activeMonthIndex),setTimeout(()=>{var l,c;const s=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`),d=s==null?void 0:s.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)");d&&(this.focusedDayIndex=Math.min(i!==null?i:0,d.length-1),(l=d[this.focusedDayIndex])==null||l.classList.add("drp-date-picker__day--focused"),(c=d[this.focusedDayIndex])==null||c.scrollIntoView({block:"nearest"}))},0)}else this.moveFocus(-1);a.preventDefault()}else if(a.key==="ArrowRight"){if(a.ctrlKey||a.metaKey){w.debug("Ctrl+Right: Navigate to next month");const i=this.focusedDayIndex;this.nextMonth(this.activeMonthIndex),setTimeout(()=>{var l,c;const s=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`),d=s==null?void 0:s.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)");d&&(this.focusedDayIndex=Math.min(i!==null?i:0,d.length-1),(l=d[this.focusedDayIndex])==null||l.classList.add("drp-date-picker__day--focused"),(c=d[this.focusedDayIndex])==null||c.scrollIntoView({block:"nearest"}))},0)}else this.moveFocus(1);a.preventDefault()}else if(a.key==="Enter"){if(this.focusedDayIndex!==null){const i=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`),s=i==null?void 0:i.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)"),d=s==null?void 0:s[this.focusedDayIndex];d&&d.click()}else this.hide();a.preventDefault()}else if(a.key==="Tab"){if(this.options.visibleMonthsCount>1){const i=a.shiftKey?-1:1,s=this.activeMonthIndex+i;if(s>=0&&s<this.monthDates.length){w.debug(`Tab: switching from Col${this.activeMonthIndex} to Col${s}`);const d=this.focusedDayIndex??0;this.activeMonthIndex=s;const l=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`);if(l){const c=l.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)");this.focusedDayIndex=Math.min(d,c.length-1),w.debug(`Col${this.activeMonthIndex} Tab: set focusedDayIndex to ${this.focusedDayIndex}`)}this.renderCalendar()}a.preventDefault()}}else if(a.key==="t"||a.key==="T")this.monthDates[this.activeMonthIndex]=new Date,be(this,this.activeMonthIndex),this.renderCalendar(),setTimeout(()=>{const i=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`),s=i==null?void 0:i.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)");if(s){const d=Array.from(s).findIndex(l=>l.classList.contains("drp-date-picker__day--today"));d!==-1&&(this.focusedDayIndex=d,s[d].classList.add("drp-date-picker__day--focused"),s[d].scrollIntoView({block:"nearest"}))}},0),a.preventDefault();else if(a.key==="PageUp"){const i=this.focusedDayIndex;this.prevMonth(this.activeMonthIndex),setTimeout(()=>{var l,c;const s=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`),d=s==null?void 0:s.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)");d&&(this.focusedDayIndex=Math.min(i!==null?i:0,d.length-1),(l=d[this.focusedDayIndex])==null||l.classList.add("drp-date-picker__day--focused"),(c=d[this.focusedDayIndex])==null||c.scrollIntoView({block:"nearest"}))},0),a.preventDefault()}else if(a.key==="PageDown"){const i=this.focusedDayIndex;this.nextMonth(this.activeMonthIndex),setTimeout(()=>{var l,c;const s=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`),d=s==null?void 0:s.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)");d&&(this.focusedDayIndex=Math.min(i!==null?i:0,d.length-1),(l=d[this.focusedDayIndex])==null||l.classList.add("drp-date-picker__day--focused"),(c=d[this.focusedDayIndex])==null||c.scrollIntoView({block:"nearest"}))},0),a.preventDefault()}else if(a.key==="Home"){w.debug("Home key pressed, Ctrl:",a.ctrlKey,"Meta:",a.metaKey);const i=this.monthDates[this.activeMonthIndex].getFullYear(),s=this.monthDates[this.activeMonthIndex].getMonth();if(a.ctrlKey||a.metaKey){w.debug("Ctrl+Home: Navigate to year start");const d=this.getEffectiveYearRange(),l=this.getEffectiveMonthRange(),c=s===0,u=this.focusedDayIndex===0;let p=i,g=Math.max(0,l.min-1);c&&u&&(p=i-1),p<d.min&&(w.debug("Ctrl+Home: Target year below min, clamping to",d.min),p=d.min);const f=new Date(p,g,1),h=this.monthDates[this.activeMonthIndex];(f.getFullYear()!==h.getFullYear()||f.getMonth()!==h.getMonth()||this.focusedDayIndex!==0)&&(w.debug("Going to",g+1,"/",p),this.monthDates[this.activeMonthIndex]=f,this.renderCalendar(),setTimeout(()=>{var M,C;const v=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`),m=v==null?void 0:v.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)");m&&(this.focusedDayIndex=0,(M=m[0])==null||M.classList.add("drp-date-picker__day--focused"),(C=m[0])==null||C.scrollIntoView({block:"nearest"}))},0))}else if(w.debug("Home: Navigate to first day (cycles to previous month if already there)"),this.focusedDayIndex===0)w.debug("Already on first day, going to previous month"),this.prevMonth(this.activeMonthIndex),setTimeout(()=>{var u,p;const l=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`),c=l==null?void 0:l.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)");c&&(this.focusedDayIndex=0,this.calendar.querySelectorAll(".drp-date-picker__day--focused").forEach(g=>g.classList.remove("drp-date-picker__day--focused")),(u=c[0])==null||u.classList.add("drp-date-picker__day--focused"),(p=c[0])==null||p.scrollIntoView({block:"nearest"}))},0);else{this.focusedDayIndex=0;const l=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`),c=l==null?void 0:l.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)");c&&(this.calendar.querySelectorAll(".drp-date-picker__day--focused").forEach(u=>u.classList.remove("drp-date-picker__day--focused")),(t=c[0])==null||t.classList.add("drp-date-picker__day--focused"),(n=c[0])==null||n.scrollIntoView({block:"nearest"}))}a.preventDefault()}else if(a.key==="End"){w.debug("End key pressed, Ctrl:",a.ctrlKey,"Meta:",a.metaKey);const i=this.monthDates[this.activeMonthIndex].getFullYear(),s=this.monthDates[this.activeMonthIndex].getMonth();if(a.ctrlKey||a.metaKey){w.debug("Ctrl+End: Navigate to year end");const d=this.getEffectiveYearRange(),l=this.getEffectiveMonthRange(),c=s===11,u=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`),p=u==null?void 0:u.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)"),g=p&&this.focusedDayIndex===p.length-1;let f=i,h=Math.min(11,l.max-1);c&&g&&(f=i+1),f>d.max&&(w.debug("Ctrl+End: Target year above max, clamping to",d.max),f=d.max);const v=new Date(f,h+1,0).getDate(),m=new Date(f,h,v),M=this.monthDates[this.activeMonthIndex];(m.getFullYear()!==M.getFullYear()||m.getMonth()!==M.getMonth()||!g)&&(w.debug("Going to",h+1,"/",f),this.monthDates[this.activeMonthIndex]=m,this.renderCalendar(),setTimeout(()=>{var D,_;const C=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`),x=C==null?void 0:C.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)");x&&(this.focusedDayIndex=x.length-1,(D=x[this.focusedDayIndex])==null||D.classList.add("drp-date-picker__day--focused"),(_=x[this.focusedDayIndex])==null||_.scrollIntoView({block:"nearest"}))},0))}else{w.debug("End: Navigate to last day (cycles to next month if already there)");const d=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`),l=d==null?void 0:d.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)");if(!l)return;this.focusedDayIndex===l.length-1?(w.debug("Already on last day, going to next month"),this.nextMonth(this.activeMonthIndex),setTimeout(()=>{var g,f;const u=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`),p=u==null?void 0:u.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)");p&&(this.focusedDayIndex=p.length-1,this.calendar.querySelectorAll(".drp-date-picker__day--focused").forEach(h=>h.classList.remove("drp-date-picker__day--focused")),(g=p[this.focusedDayIndex])==null||g.classList.add("drp-date-picker__day--focused"),(f=p[this.focusedDayIndex])==null||f.scrollIntoView({block:"nearest"}))},0)):(this.focusedDayIndex=l.length-1,this.calendar.querySelectorAll(".drp-date-picker__day--focused").forEach(u=>u.classList.remove("drp-date-picker__day--focused")),(r=l[this.focusedDayIndex])==null||r.classList.add("drp-date-picker__day--focused"),(o=l[this.focusedDayIndex])==null||o.scrollIntoView({block:"nearest"}))}a.preventDefault()}}}),this.clickOutsideHandler=a=>{var s;const t=a.composedPath(),n=t[0],r=t.includes(this.calendar),o=this.input&&t.includes(this.input),i=(s=n.closest)==null?void 0:s.call(n,"[data-calendar-button]");if(!r&&!o&&!i)if(this.options.positioningMode==="floating")this.hide();else{let d=!1;for(let l=0;l<this.showingRollingSelector.length;l++)this.showingRollingSelector[l]&&(this.showingRollingSelector[l]=!1,d=!0);this.showingUnifiedRollingSelector&&(this.showingUnifiedRollingSelector=!1,d=!0),d&&this.renderCalendar()}}}parseFormat(a){const t={};let n="";return a.includes("-")?n="-":a.includes("/")?n="/":a.includes(".")&&(n="."),a.split(n).forEach((o,i)=>{o==="YYYY"||o==="YY"?t.year={index:i,length:o.length}:o==="MM"||o==="M"?t.month={index:i,length:2}:(o==="DD"||o==="D")&&(t.day={index:i,length:2})}),{format:a,separator:n,parts:t,maxLength:a.length}}formatDate(a){if(!a)return"";const t=a.getFullYear(),n=String(a.getMonth()+1).padStart(2,"0"),r=String(a.getDate()).padStart(2,"0"),{format:o,separator:i,parts:s}=this.formatInfo,d=[];for(let l=0;l<3;l++)s.year&&s.year.index===l?d.push(s.year.length===2?String(t).slice(-2):t):s.month&&s.month.index===l?d.push(n):s.day&&s.day.index===l&&d.push(r);return d.join(i)}get isOpen(){return this.calendar.classList.contains("drp-date-picker--visible")}set isOpen(a){if(this.options.positioningMode!=="floating"){console.warn("isOpen property only works in floating mode");return}a?this.show():this.hide()}get selectedRangesReactive(){return[...this.selectedRanges]}set selectedRangesReactive(a){this.selectedRanges=a.map(t=>({start:new Date(t.start),end:new Date(t.end)})),this.options.selectionMode==="range"&&a.length>0?(this.selectedStartDate=new Date(a[0].start),this.selectedEndDate=new Date(a[0].end),this.input&&!this.requiresApplyButton()&&(this.input.value=`${this.formatDate(this.selectedStartDate)} - ${this.formatDate(this.selectedEndDate)}`)):this.input&&!this.requiresApplyButton()&&(this.input.value=""),this.renderCalendar(),this.updateSummary()}get selectedDatesReactive(){return this.selectedDates.map(a=>new Date(a))}set selectedDatesReactive(a){this.selectedDates=a.map(t=>new Date(t)),this.renderCalendar(),this.updateSummary()}get selectedDateReactive(){return this.selectedDate?new Date(this.selectedDate):null}set selectedDateReactive(a){this.selectedDate=a?new Date(a):null,this.input&&a?this.input.value=this.formatDate(a):this.input&&(this.input.value=""),this.renderCalendar(),this.updateSummary()}destroy(){this.clickOutsideHandler&&document.removeEventListener("click",this.clickOutsideHandler),this.calendar.remove(),this.tooltip&&this.tooltip.remove()}show(){return Ht(this)}hide(){return Ot(this)}toggle(){return ln(this)}position(){return at(this)}showTooltip(a,t){return cn(this,a,t)}hideTooltip(){return un(this)}renderCalendar(){return _n(this)}renderNormalView(a){return qt(this,a)}renderDays(a,t){return Ut(this,a,t)}renderRollingSelector(a){return jt(this,a)}updateSummary(){return Mn(this)}updateSummaryWithPreview(){return Wt(this)}updateDragPreview(){return Sn(this)}toggleRollingSelector(a){return pn(this,a)}selectYear(a,t){return gn(this,a,t)}selectMonth(a,t){return hn(this,a,t)}checkAndResolveCollisions(a){return be(this,a)}prevMonth(a){return we(this,a)}nextMonth(a){return xe(this,a)}unifiedPrevMonth(){return bn(this)}unifiedNextMonth(){return mn(this)}toggleUnifiedRollingSelector(){return vn(this)}setUnifiedMonth(a){return yn(this,a)}setUnifiedYear(a){return Dn(this,a)}findNextEnabledDayIndex(a,t,n,r){return Me(this,a,t,n)}moveFocus(a){return fn(this,a)}async selectDay(a){return await en(this,a)}selectToday(){return tn(this)}clearSelection(){return an(this)}apply(){return nn(this)}initDragListeners(){return rn(this)}startDrag(a,t,n){return zt(this,a,t,n)}onDragMove(a){return Pt(this,a)}async onDragEnd(a){return await Nt(this)}findNearestEnabledDate(a,t="forward"){return Pe(this,a,t)}handleInputMask(a){return on(this,a)}applyMask(a){return me(this,a)}applyRangeMask(a){return Ft(this,a)}handleKeydown(a){return sn(this,a)}handlePaste(a){return dn(this,a)}updateCalendarFromInput(){return Ne(this)}parseAndUpdateSingleDate(a,t="single"){return Fe(this,a,t)}static injectGlobalStyles(a=!1){if(Se.stylesInjected&&!a){k.debug("Styles already injected, skipping");return}const t=document.createElement("style");t.setAttribute("data-source","web-daterangepicker"),t.textContent=Kt,document.head.appendChild(t),Se.stylesInjected=!0,k.info("Global styles injected successfully")}static areStylesLoaded(){const a=document.createElement("div");a.className="drp-date-picker",a.style.display="none",document.body.appendChild(a);const n=window.getComputedStyle(a).getPropertyValue("--drp-accent-color");return document.body.removeChild(a),n!==""}};b(Se,"stylesInjected",!1);let Ve=Se;class rt extends HTMLElement{constructor(){super();b(this,"picker");b(this,"inputElement");b(this,"shadow");b(this,"_specialDates");b(this,"_disabledDates");b(this,"_getDateMetadataCallback");b(this,"_badgeTooltipCallback");b(this,"_dayTooltipCallback");b(this,"_customStylesCallback");b(this,"_renderDayCallback");b(this,"_renderDayContentCallback");b(this,"_beforeDateSelectCallback");b(this,"_beforeMonthChangedCallback");b(this,"_formatSummaryCallback");b(this,"_getUnifiedHeaderCallback");b(this,"_getMonthHeaderCallback");b(this,"_dateMember");b(this,"_badgeTextMember");b(this,"_badgeClassMember");b(this,"_dayClassMember");b(this,"_badgeTooltipMember");b(this,"_dayTooltipMember");b(this,"_isDisabledMember");b(this,"_actionButtons");b(this,"_pendingReinit",!1);this.shadow=this.attachShadow({mode:"open"})}static get observedAttributes(){return["selection-mode","date-format-mask","visible-months-count","calendar-open-trigger","value","disabled","placeholder","week-start-day","min-date","max-date","disabled-weekdays","disabled-dates-handling","highlight-disabled-in-range","positioning-mode","month-layout","grid-rows","grid-columns","calendar-placement","locale","display-format-mask","show-debug-info","initial-date","rolling-year-range","rolling-month-range","enable-transitions","auto-close","show-today-button","show-clear-button","show-apply-button","unified-navigation","unified-navigation-anchor-index","unified-header-interactive","input-size"]}applyTransitionStyles(){const t=this.shadow.querySelector(".drp-date-picker");if(!t)return;this.hasAttribute("enable-transitions")?t.classList.add("drp-transitions-enabled"):t.classList.remove("drp-transitions-enabled")}applyInputSizeStyles(){if(!this.inputElement)return;const t=this.getAttribute("input-size");this.inputElement.classList.remove("drp-input--xs","drp-input--sm","drp-input--lg","drp-input--xl"),this.inputElement.classList.remove("drp-date-picker-input--xs","drp-date-picker-input--sm","drp-date-picker-input--lg","drp-date-picker-input--xl"),t&&t!=="md"&&(this.inputElement.classList.add(`drp-input--${t}`),this.inputElement.classList.add(`drp-date-picker-input--${t}`))}connectedCallback(){this.render(),this.initializePicker()}disconnectedCallback(){this.picker&&this.picker.destroy()}attributeChangedCallback(t,n,r){if(n!==r){if(t==="enable-transitions"){this.applyTransitionStyles();return}if(t==="input-size"){this.applyInputSizeStyles();return}this.picker&&t!=="value"&&t!=="placeholder"&&(this.picker.destroy(),this.initializePicker()),t==="value"&&this.inputElement&&r!==null&&(this.inputElement.value=r),t==="placeholder"&&this.inputElement&&r!==null&&(this.inputElement.placeholder=r),t==="disabled"&&this.inputElement&&(r!==null?this.inputElement.disabled=!0:this.inputElement.disabled=!1)}}render(){const t=document.createElement("style");if(t.textContent=Kt,this.shadow.appendChild(t),(this.getAttribute("positioning-mode")||"floating")==="floating"){this.inputElement=document.createElement("input"),this.inputElement.type="text",this.inputElement.classList.add("drp-input","drp-date-picker-input");const r=this.getAttribute("placeholder");r&&(this.inputElement.placeholder=r);const o=this.getAttribute("value");o&&(this.inputElement.value=o),this.hasAttribute("disabled")&&(this.inputElement.disabled=!0),this.shadow.appendChild(this.inputElement),this.applyInputSizeStyles()}}initializePicker(){const t=this.getAttribute("positioning-mode")||"floating";if(t==="floating"&&!this.inputElement)return;let n;const r=this.getAttribute("disabled-weekdays");r&&(n=r.split(",").map(l=>parseInt(l.trim())).filter(l=>!isNaN(l)&&l>=0&&l<=6));let o;const i=this.getAttribute("week-start-day");if(i)if(i==="auto")o="auto";else{const l=parseInt(i);!isNaN(l)&&l>=0&&l<=6&&(o=l)}const s={selectionMode:this.getAttribute("selection-mode")||"single",dateFormatMask:this.getAttribute("date-format-mask")||"YYYY-MM-DD",visibleMonthsCount:parseInt(this.getAttribute("visible-months-count")||"0")||void 0,calendarOpenTrigger:this.getAttribute("calendar-open-trigger")||"focus",onSelect:l=>this.handleDateSelect(l),container:this.shadow,positioningMode:t,monthLayout:this.getAttribute("month-layout")||void 0,gridRows:parseInt(this.getAttribute("grid-rows")||"0")||void 0,gridColumns:parseInt(this.getAttribute("grid-columns")||"0")||void 0,unifiedNavigation:this.hasAttribute("unified-navigation"),unifiedNavigationAnchorIndex:parseInt(this.getAttribute("unified-navigation-anchor-index")||"0")||void 0,unifiedHeaderInteractive:this.hasAttribute("unified-header-interactive"),calendarPlacement:this.getAttribute("calendar-placement")||void 0,weekStartDay:o,minDate:this.getAttribute("min-date")||void 0,maxDate:this.getAttribute("max-date")||void 0,initialDate:this.getAttribute("initial-date")||void 0,disabledWeekdays:n,disabledDates:this._disabledDates,specialDates:this._specialDates,getDateMetadataCallback:this._getDateMetadataCallback,badgeTooltipCallback:this._badgeTooltipCallback,dayTooltipCallback:this._dayTooltipCallback,dateMember:this._dateMember,badgeTextMember:this._badgeTextMember,badgeClassMember:this._badgeClassMember,dayClassMember:this._dayClassMember,badgeTooltipMember:this._badgeTooltipMember,dayTooltipMember:this._dayTooltipMember,isDisabledMember:this._isDisabledMember,disabledDatesHandling:this.getAttribute("disabled-dates-handling")||void 0,highlightDisabledInRange:this.hasAttribute("highlight-disabled-in-range")?this.getAttribute("highlight-disabled-in-range")==="true":void 0,locale:this.getAttribute("locale")||"auto",displayFormatMask:this.getAttribute("display-format-mask")||void 0,showDebugInfo:this.hasAttribute("show-debug-info"),rollingYearRange:this.getAttribute("rolling-year-range")||void 0,rollingMonthRange:this.getAttribute("rolling-month-range")||void 0,customStylesCallback:this._customStylesCallback,renderDayCallback:this._renderDayCallback,renderDayContentCallback:this._renderDayContentCallback,beforeDateSelectCallback:this._beforeDateSelectCallback,beforeMonthChangedCallback:this._beforeMonthChangedCallback,formatSummaryCallback:this._formatSummaryCallback,getUnifiedHeaderCallback:this._getUnifiedHeaderCallback,getMonthHeaderCallback:this._getMonthHeaderCallback,autoClose:this.getAttribute("auto-close")||void 0,actionButtons:this._actionButtons,showTodayButton:this.hasAttribute("show-today-button")?this.getAttribute("show-today-button")==="true":void 0,showClearButton:this.hasAttribute("show-clear-button")?this.getAttribute("show-clear-button")==="true":void 0,showApplyButton:this.hasAttribute("show-apply-button")?this.getAttribute("show-apply-button")==="true":void 0},d=t==="inline"?null:this.inputElement;if(this.picker=new Ve(d,s),this._customStylesCallback){const l=this._customStylesCallback();if(l){const c=document.createElement("style");c.className="drp-custom-styles",c.textContent=l,this.shadow.appendChild(c)}}setTimeout(()=>this.applyTransitionStyles(),0)}scheduleReinit(){this._pendingReinit||(this._pendingReinit=!0,queueMicrotask(()=>{this._pendingReinit=!1,this.picker&&(this.picker.destroy(),this.initializePicker())}))}handleDateSelect(t){var o;const n={date:t instanceof Date?t:void 0,dateRange:t instanceof Date||Array.isArray(t)?void 0:t,formattedValue:((o=this.inputElement)==null?void 0:o.value)||""};if(!this.picker){this.dispatchEvent(new CustomEvent("date-select",{detail:n,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:n,bubbles:!0,composed:!0}));return}if(this.picker.requiresApplyButton()&&this.picker.pendingSelection)return;const r=this.picker.options.disabledDatesHandling;if(!(t instanceof Date)&&!Array.isArray(t)&&"start"in t&&"end"in t){const i=t.start,s=t.end;switch(r){case"allow":n.enabledDates=this.picker.getEnabledDatesInRange(i,s),n.disabledDates=this.picker.getDisabledDatesInRange(i,s),n.getEnabledDateCount=()=>n.enabledDates.length,n.getTotalDays=()=>Math.floor((s.getTime()-i.getTime())/864e5)+1;break;case"split":n.dateRanges=this.picker.splitRangeByDisabled(i,s),n.dates=this.picker.getEnabledDatesInRange(i,s),n.dateRanges.length>0&&(n.formattedValue=n.dateRanges.map(d=>`${this.picker.formatDate(d.start)} - ${this.picker.formatDate(d.end)}`).join(", "));break;case"individual":n.dates=this.picker.getEnabledDatesInRange(i,s),n.dateRange=null,n.dates.length>0&&(n.formattedValue=n.dates.map(d=>this.picker.formatDate(d)).join(", "));break;case"block":n.dates=this.picker.getEnabledDatesInRange(i,s);break}}this.dispatchEvent(new CustomEvent("date-select",{detail:n,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:n,bubbles:!0,composed:!0}))}show(){if(!this.picker){console.warn("[web-daterangepicker] show() called but picker not initialized yet");return}this.picker.show()}hide(){if(!this.picker){console.warn("[web-daterangepicker] hide() called but picker not initialized yet");return}this.picker.hide()}toggle(){if(!this.picker){console.warn("[web-daterangepicker] toggle() called but picker not initialized yet");return}this.picker.toggle()}clearSelection(){if(!this.picker){console.warn("[web-daterangepicker] clearSelection() called but picker not initialized yet");return}this.picker.clearSelection()}getInputValue(){var t;return((t=this.inputElement)==null?void 0:t.value)||""}setInputValue(t){this.inputElement&&(this.inputElement.value=t),this.setAttribute("value",t)}setMonthNames(t){this.picker&&(this.picker.monthNames=t,this.picker.renderCalendar())}setRollingItemAlignment(t){const n=this.shadow.querySelector(".drp-date-picker");n&&n.style.setProperty("--drp-rolling-item-justify-content",t)}get selectionMode(){return this.getAttribute("selection-mode")||"single"}set selectionMode(t){this.setAttribute("selection-mode",t)}get dateFormatMask(){return this.getAttribute("date-format-mask")||"YYYY-MM-DD"}set dateFormatMask(t){this.setAttribute("date-format-mask",t)}get value(){return this.getInputValue()}set value(t){this.setInputValue(t)}get disabled(){return this.hasAttribute("disabled")}set disabled(t){t?this.setAttribute("disabled",""):this.removeAttribute("disabled")}get weekStartDay(){const t=this.getAttribute("week-start-day");if(t==="auto")return"auto";const n=parseInt(t||"");return!isNaN(n)&&n>=0&&n<=6?n:"auto"}set weekStartDay(t){this.setAttribute("week-start-day",t.toString())}get minDate(){return this.getAttribute("min-date")||void 0}set minDate(t){t?this.setAttribute("min-date",t):this.removeAttribute("min-date")}get maxDate(){return this.getAttribute("max-date")||void 0}set maxDate(t){t?this.setAttribute("max-date",t):this.removeAttribute("max-date")}get disabledWeekdays(){const t=this.getAttribute("disabled-weekdays");if(t)return t.split(",").map(n=>parseInt(n.trim())).filter(n=>!isNaN(n)&&n>=0&&n<=6)}set disabledWeekdays(t){t&&t.length>0?this.setAttribute("disabled-weekdays",t.join(",")):this.removeAttribute("disabled-weekdays")}get enableTransitions(){return this.hasAttribute("enable-transitions")}set enableTransitions(t){t?this.setAttribute("enable-transitions",""):this.removeAttribute("enable-transitions")}get inputSize(){return this.getAttribute("input-size")||"md"}set inputSize(t){this.setAttribute("input-size",t)}get specialDates(){return this._specialDates}set specialDates(t){this._specialDates=t,this.picker&&(this.picker.destroy(),this.initializePicker())}get disabledDates(){return this._disabledDates}set disabledDates(t){this._disabledDates=t,this.picker&&(this.picker.destroy(),this.initializePicker())}get getDateMetadataCallback(){return this._getDateMetadataCallback}set getDateMetadataCallback(t){this._getDateMetadataCallback=t,this.scheduleReinit()}get badgeTooltipCallback(){return this._badgeTooltipCallback}set badgeTooltipCallback(t){this._badgeTooltipCallback=t,this.scheduleReinit()}get dayTooltipCallback(){return this._dayTooltipCallback}set dayTooltipCallback(t){this._dayTooltipCallback=t,this.scheduleReinit()}get customStylesCallback(){return this._customStylesCallback}set customStylesCallback(t){this._customStylesCallback=t,this.scheduleReinit()}get renderDayCallback(){return this._renderDayCallback}set renderDayCallback(t){this._renderDayCallback=t,this.scheduleReinit()}get renderDayContentCallback(){return this._renderDayContentCallback}set renderDayContentCallback(t){this._renderDayContentCallback=t,this.scheduleReinit()}get beforeDateSelectCallback(){return this._beforeDateSelectCallback}set beforeDateSelectCallback(t){this._beforeDateSelectCallback=t,this.scheduleReinit()}get beforeMonthChangedCallback(){return this._beforeMonthChangedCallback}set beforeMonthChangedCallback(t){this._beforeMonthChangedCallback=t,this.scheduleReinit()}get formatSummaryCallback(){return this._formatSummaryCallback}set formatSummaryCallback(t){this._formatSummaryCallback=t,this.scheduleReinit()}get getUnifiedHeaderCallback(){return this._getUnifiedHeaderCallback}set getUnifiedHeaderCallback(t){this._getUnifiedHeaderCallback=t,this.scheduleReinit()}get getMonthHeaderCallback(){return this._getMonthHeaderCallback}set getMonthHeaderCallback(t){this._getMonthHeaderCallback=t,this.scheduleReinit()}get dateMember(){return this._dateMember}set dateMember(t){this._dateMember=t,this.picker&&(this.picker.destroy(),this.initializePicker())}get badgeTextMember(){return this._badgeTextMember}set badgeTextMember(t){this._badgeTextMember=t,this.picker&&(this.picker.destroy(),this.initializePicker())}get badgeClassMember(){return this._badgeClassMember}set badgeClassMember(t){this._badgeClassMember=t,this.picker&&(this.picker.destroy(),this.initializePicker())}get dayClassMember(){return this._dayClassMember}set dayClassMember(t){this._dayClassMember=t,this.picker&&(this.picker.destroy(),this.initializePicker())}get badgeTooltipMember(){return this._badgeTooltipMember}set badgeTooltipMember(t){this._badgeTooltipMember=t,this.picker&&(this.picker.destroy(),this.initializePicker())}get dayTooltipMember(){return this._dayTooltipMember}set dayTooltipMember(t){this._dayTooltipMember=t,this.picker&&(this.picker.destroy(),this.initializePicker())}get isDisabledMember(){return this._isDisabledMember}set isDisabledMember(t){this._isDisabledMember=t,this.picker&&(this.picker.destroy(),this.initializePicker())}get actionButtons(){return this._actionButtons}set actionButtons(t){this._actionButtons=t,this.picker&&(this.picker.destroy(),this.initializePicker())}get selectedRanges(){var t;return((t=this.picker)==null?void 0:t.selectedRangesReactive)||[]}set selectedRanges(t){this.picker&&(this.picker.selectedRangesReactive=t)}get selectedDates(){var t;return((t=this.picker)==null?void 0:t.selectedDatesReactive)||[]}set selectedDates(t){this.picker&&(this.picker.selectedDatesReactive=t)}get selectedDate(){var t;return((t=this.picker)==null?void 0:t.selectedDateReactive)||null}set selectedDate(t){this.picker&&(this.picker.selectedDateReactive=t)}get isOpen(){var t;return((t=this.picker)==null?void 0:t.isOpen)||!1}set isOpen(t){this.picker&&(this.picker.isOpen=t)}}customElements.get("web-daterangepicker")||customElements.define("web-daterangepicker",rt);function Rn(){return Array.from(document.querySelectorAll("web-daterangepicker"))}typeof window<"u"&&(window.components=window.components||{},window.components["web-daterangepicker"]={version:()=>"1.9.4",config:{name:"@keenmate/web-daterangepicker",version:"1.9.4",author:"Keenmate",license:"MIT",repository:"git+https://github.com/keenmate/web-daterangepicker.git",homepage:"https://github.com/keenmate/web-daterangepicker#readme"},register:()=>{typeof customElements<"u"&&!customElements.get("web-daterangepicker")&&customElements.define("web-daterangepicker",rt)},getInstances:()=>Rn(),logging:{enableLogging:ct,disableLogging:ut,setLogLevel:qe,setCategoryLevel:ca,getCategories:ua}},window.components["web-daterangepicker"].register()),F.DateRangePicker=Ve,F.WebDaterangepickerElement=rt,Object.defineProperty(F,Symbol.toStringTag,{value:"Module"})});
|
|
35
|
+
`,a.appendChild(r)}if(this.calendar.appendChild(a),this.options.selectionMode==="range"){const n=document.createElement("div");n.className="drp-date-picker__summary drp-date-picker__summary--hidden",this.calendar.appendChild(n)}const t=document.createElement("div");t.className="drp-date-picker__actions",this.renderButtons(t),t.children.length>0&&this.calendar.appendChild(t),this.containerElement.appendChild(this.calendar),k.debug("Calendar appended to container:",this.calendar),this.tooltip=document.createElement("div"),this.tooltip.className="drp-date-picker__tooltip",this.tooltipArrow=document.createElement("div"),this.tooltipArrow.className="drp-date-picker__tooltip-arrow",this.tooltip.appendChild(this.tooltipArrow),this.containerElement.appendChild(this.tooltip),this.attachCalendarListeners(),this.showingRollingSelector=new Array(this.options.visibleMonthsCount).fill(!1)}attachInputListeners(){if(!this.input)return;k.debug("Attaching input listeners");const a=this.options.calendarOpenTrigger||"focus";a==="focus"?this.input.addEventListener("focus",()=>{k.debug("Input focused - opening calendar"),this.show()}):a==="typing"&&this.input.addEventListener("input",t=>{!this.calendar.classList.contains("drp-date-picker--visible")&&this.input&&this.input.value.length>0&&(k.debug("User started typing - opening calendar"),this.show())}),this.input.addEventListener("input",t=>this.handleInputMask(t)),this.input.addEventListener("keydown",t=>this.handleKeydown(t)),this.input.addEventListener("paste",t=>this.handlePaste(t))}attachCalendarListeners(){this.calendar.addEventListener("click",async a=>{const t=a.target;a.stopPropagation();const n=t.dataset.action,r=t.dataset.monthIndex,o=r?parseInt(r):0;if(n==="prev"||n==="next"||n==="unified-prev"||n==="unified-next"){const i=t;if(i.disabled||i.classList.contains("drp-date-picker__nav--disabled"))return}if(n==="prev")this.prevMonth(o);else if(n==="next")this.nextMonth(o);else if(n==="unified-prev")this.unifiedPrevMonth();else if(n==="unified-next")this.unifiedNextMonth();else if(n==="toggle-rolling")this.toggleRollingSelector(o);else if(n==="toggle-unified-rolling")this.toggleUnifiedRollingSelector();else if(n==="today")this.selectToday();else if(n==="clear")this.clearSelection();else if(n==="apply")this.apply();else if(n==="custom"){const i=t._customOnClick;i&&await Promise.resolve(i(this))}else if(t.closest(".drp-date-picker__day:not(.drp-date-picker__day--disabled)"))await this.selectDay(t.closest(".drp-date-picker__day"));else if(t.closest("[data-year]")){const i=t.closest("[data-year]");if(i.classList.contains("drp-date-picker__rolling-item--disabled"))return;const s=i.dataset.year;if(i.dataset.unified==="true")s&&this.setUnifiedYear(parseInt(s));else{const d=i.dataset.monthIndex;s&&d&&this.selectYear(parseInt(s),parseInt(d))}}else if(t.closest("[data-month]")){const i=t.closest("[data-month]");if(i.classList.contains("drp-date-picker__rolling-item--disabled"))return;const s=i.dataset.month;if(i.dataset.unified==="true")s&&this.setUnifiedMonth(parseInt(s));else{const d=i.dataset.monthIndex;s&&d&&this.selectMonth(parseInt(s),parseInt(d))}}else if(!t.closest(".drp-date-picker__rolling-selector")&&!t.closest(".drp-date-picker__unified-rolling-selector")){let i=!1;for(let s=0;s<this.showingRollingSelector.length;s++)this.showingRollingSelector[s]&&(this.showingRollingSelector[s]=!1,i=!0);this.showingUnifiedRollingSelector&&(this.showingUnifiedRollingSelector=!1,i=!0),i&&this.renderCalendar()}}),this.calendar.addEventListener("mouseenter",a=>{const t=a.target,n=t.closest(".drp-date-picker__day"),r=t.closest(".drp-date-picker__badge-cell"),o=n||r;if(o&&o instanceof HTMLElement){const i=o.dataset.tooltip;i&&this.showTooltip(o,i)}},!0),this.calendar.addEventListener("mouseleave",a=>{const t=a.target,n=t.closest(".drp-date-picker__day"),r=t.closest(".drp-date-picker__badge-cell"),o=n||r;o&&this.currentTooltipTarget===o&&this.hideTooltip()},!0),this.calendar.addEventListener("mousedown",a=>{this.isCalendarActive=!0,a.stopPropagation()}),this.calendar.addEventListener("focusin",()=>{this.isCalendarActive=!0}),document.addEventListener("mousedown",a=>{this.calendar.contains(a.target)||(this.isCalendarActive=!1)},!0),document.addEventListener("keydown",a=>{var t,n,r,o;if(this.calendar.classList.contains("drp-date-picker--visible")&&this.isCalendarActive){if(k.debug("Keydown",a.key,"Ctrl:",a.ctrlKey,"Meta:",a.metaKey,"Shift:",a.shiftKey,"Alt:",a.altKey),a.key==="Escape")this.hide(),a.preventDefault();else if(a.key==="ArrowUp")this.moveFocus(-7),a.preventDefault();else if(a.key==="ArrowDown")this.moveFocus(7),a.preventDefault();else if(a.key==="ArrowLeft"){if(a.ctrlKey||a.metaKey){w.debug("Ctrl+Left: Navigate to previous month");const i=this.focusedDayIndex;this.prevMonth(this.activeMonthIndex),setTimeout(()=>{var l,c;const s=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`),d=s==null?void 0:s.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)");d&&(this.focusedDayIndex=Math.min(i!==null?i:0,d.length-1),(l=d[this.focusedDayIndex])==null||l.classList.add("drp-date-picker__day--focused"),(c=d[this.focusedDayIndex])==null||c.scrollIntoView({block:"nearest"}))},0)}else this.moveFocus(-1);a.preventDefault()}else if(a.key==="ArrowRight"){if(a.ctrlKey||a.metaKey){w.debug("Ctrl+Right: Navigate to next month");const i=this.focusedDayIndex;this.nextMonth(this.activeMonthIndex),setTimeout(()=>{var l,c;const s=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`),d=s==null?void 0:s.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)");d&&(this.focusedDayIndex=Math.min(i!==null?i:0,d.length-1),(l=d[this.focusedDayIndex])==null||l.classList.add("drp-date-picker__day--focused"),(c=d[this.focusedDayIndex])==null||c.scrollIntoView({block:"nearest"}))},0)}else this.moveFocus(1);a.preventDefault()}else if(a.key==="Enter"){if(this.focusedDayIndex!==null){const i=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`),s=i==null?void 0:i.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)"),d=s==null?void 0:s[this.focusedDayIndex];d&&d.click()}else this.hide();a.preventDefault()}else if(a.key==="Tab"){if(this.options.visibleMonthsCount>1){const i=a.shiftKey?-1:1,s=this.activeMonthIndex+i;if(s>=0&&s<this.monthDates.length){w.debug(`Tab: switching from Col${this.activeMonthIndex} to Col${s}`);const d=this.focusedDayIndex??0;this.activeMonthIndex=s;const l=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`);if(l){const c=l.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)");this.focusedDayIndex=Math.min(d,c.length-1),w.debug(`Col${this.activeMonthIndex} Tab: set focusedDayIndex to ${this.focusedDayIndex}`)}this.renderCalendar()}a.preventDefault()}}else if(a.key==="t"||a.key==="T")this.monthDates[this.activeMonthIndex]=new Date,be(this,this.activeMonthIndex),this.renderCalendar(),setTimeout(()=>{const i=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`),s=i==null?void 0:i.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)");if(s){const d=Array.from(s).findIndex(l=>l.classList.contains("drp-date-picker__day--today"));d!==-1&&(this.focusedDayIndex=d,s[d].classList.add("drp-date-picker__day--focused"),s[d].scrollIntoView({block:"nearest"}))}},0),a.preventDefault();else if(a.key==="PageUp"){const i=this.focusedDayIndex;this.prevMonth(this.activeMonthIndex),setTimeout(()=>{var l,c;const s=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`),d=s==null?void 0:s.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)");d&&(this.focusedDayIndex=Math.min(i!==null?i:0,d.length-1),(l=d[this.focusedDayIndex])==null||l.classList.add("drp-date-picker__day--focused"),(c=d[this.focusedDayIndex])==null||c.scrollIntoView({block:"nearest"}))},0),a.preventDefault()}else if(a.key==="PageDown"){const i=this.focusedDayIndex;this.nextMonth(this.activeMonthIndex),setTimeout(()=>{var l,c;const s=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`),d=s==null?void 0:s.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)");d&&(this.focusedDayIndex=Math.min(i!==null?i:0,d.length-1),(l=d[this.focusedDayIndex])==null||l.classList.add("drp-date-picker__day--focused"),(c=d[this.focusedDayIndex])==null||c.scrollIntoView({block:"nearest"}))},0),a.preventDefault()}else if(a.key==="Home"){w.debug("Home key pressed, Ctrl:",a.ctrlKey,"Meta:",a.metaKey);const i=this.monthDates[this.activeMonthIndex].getFullYear(),s=this.monthDates[this.activeMonthIndex].getMonth();if(a.ctrlKey||a.metaKey){w.debug("Ctrl+Home: Navigate to year start");const d=this.getEffectiveYearRange(),l=this.getEffectiveMonthRange(),c=s===0,u=this.focusedDayIndex===0;let p=i,g=Math.max(0,l.min-1);c&&u&&(p=i-1),p<d.min&&(w.debug("Ctrl+Home: Target year below min, clamping to",d.min),p=d.min);const f=new Date(p,g,1),h=this.monthDates[this.activeMonthIndex];(f.getFullYear()!==h.getFullYear()||f.getMonth()!==h.getMonth()||this.focusedDayIndex!==0)&&(w.debug("Going to",g+1,"/",p),this.monthDates[this.activeMonthIndex]=f,this.renderCalendar(),setTimeout(()=>{var M,C;const v=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`),m=v==null?void 0:v.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)");m&&(this.focusedDayIndex=0,(M=m[0])==null||M.classList.add("drp-date-picker__day--focused"),(C=m[0])==null||C.scrollIntoView({block:"nearest"}))},0))}else if(w.debug("Home: Navigate to first day (cycles to previous month if already there)"),this.focusedDayIndex===0)w.debug("Already on first day, going to previous month"),this.prevMonth(this.activeMonthIndex),setTimeout(()=>{var u,p;const l=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`),c=l==null?void 0:l.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)");c&&(this.focusedDayIndex=0,this.calendar.querySelectorAll(".drp-date-picker__day--focused").forEach(g=>g.classList.remove("drp-date-picker__day--focused")),(u=c[0])==null||u.classList.add("drp-date-picker__day--focused"),(p=c[0])==null||p.scrollIntoView({block:"nearest"}))},0);else{this.focusedDayIndex=0;const l=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`),c=l==null?void 0:l.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)");c&&(this.calendar.querySelectorAll(".drp-date-picker__day--focused").forEach(u=>u.classList.remove("drp-date-picker__day--focused")),(t=c[0])==null||t.classList.add("drp-date-picker__day--focused"),(n=c[0])==null||n.scrollIntoView({block:"nearest"}))}a.preventDefault()}else if(a.key==="End"){w.debug("End key pressed, Ctrl:",a.ctrlKey,"Meta:",a.metaKey);const i=this.monthDates[this.activeMonthIndex].getFullYear(),s=this.monthDates[this.activeMonthIndex].getMonth();if(a.ctrlKey||a.metaKey){w.debug("Ctrl+End: Navigate to year end");const d=this.getEffectiveYearRange(),l=this.getEffectiveMonthRange(),c=s===11,u=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`),p=u==null?void 0:u.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)"),g=p&&this.focusedDayIndex===p.length-1;let f=i,h=Math.min(11,l.max-1);c&&g&&(f=i+1),f>d.max&&(w.debug("Ctrl+End: Target year above max, clamping to",d.max),f=d.max);const v=new Date(f,h+1,0).getDate(),m=new Date(f,h,v),M=this.monthDates[this.activeMonthIndex];(m.getFullYear()!==M.getFullYear()||m.getMonth()!==M.getMonth()||!g)&&(w.debug("Going to",h+1,"/",f),this.monthDates[this.activeMonthIndex]=m,this.renderCalendar(),setTimeout(()=>{var D,_;const C=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`),x=C==null?void 0:C.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)");x&&(this.focusedDayIndex=x.length-1,(D=x[this.focusedDayIndex])==null||D.classList.add("drp-date-picker__day--focused"),(_=x[this.focusedDayIndex])==null||_.scrollIntoView({block:"nearest"}))},0))}else{w.debug("End: Navigate to last day (cycles to next month if already there)");const d=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`),l=d==null?void 0:d.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)");if(!l)return;this.focusedDayIndex===l.length-1?(w.debug("Already on last day, going to next month"),this.nextMonth(this.activeMonthIndex),setTimeout(()=>{var g,f;const u=this.calendar.querySelector(`.drp-date-picker__days[data-month-index="${this.activeMonthIndex}"]`),p=u==null?void 0:u.querySelectorAll(".drp-date-picker__day:not(.drp-date-picker__day--other-month)");p&&(this.focusedDayIndex=p.length-1,this.calendar.querySelectorAll(".drp-date-picker__day--focused").forEach(h=>h.classList.remove("drp-date-picker__day--focused")),(g=p[this.focusedDayIndex])==null||g.classList.add("drp-date-picker__day--focused"),(f=p[this.focusedDayIndex])==null||f.scrollIntoView({block:"nearest"}))},0)):(this.focusedDayIndex=l.length-1,this.calendar.querySelectorAll(".drp-date-picker__day--focused").forEach(u=>u.classList.remove("drp-date-picker__day--focused")),(r=l[this.focusedDayIndex])==null||r.classList.add("drp-date-picker__day--focused"),(o=l[this.focusedDayIndex])==null||o.scrollIntoView({block:"nearest"}))}a.preventDefault()}}}),this.clickOutsideHandler=a=>{var s;const t=a.composedPath(),n=t[0],r=t.includes(this.calendar),o=this.input&&t.includes(this.input),i=(s=n.closest)==null?void 0:s.call(n,"[data-calendar-button]");if(!r&&!o&&!i)if(this.options.positioningMode==="floating")this.hide();else{let d=!1;for(let l=0;l<this.showingRollingSelector.length;l++)this.showingRollingSelector[l]&&(this.showingRollingSelector[l]=!1,d=!0);this.showingUnifiedRollingSelector&&(this.showingUnifiedRollingSelector=!1,d=!0),d&&this.renderCalendar()}}}parseFormat(a){const t={};let n="";return a.includes("-")?n="-":a.includes("/")?n="/":a.includes(".")&&(n="."),a.split(n).forEach((o,i)=>{o==="YYYY"||o==="YY"?t.year={index:i,length:o.length}:o==="MM"||o==="M"?t.month={index:i,length:2}:(o==="DD"||o==="D")&&(t.day={index:i,length:2})}),{format:a,separator:n,parts:t,maxLength:a.length}}formatDate(a){if(!a)return"";const t=a.getFullYear(),n=String(a.getMonth()+1).padStart(2,"0"),r=String(a.getDate()).padStart(2,"0"),{format:o,separator:i,parts:s}=this.formatInfo,d=[];for(let l=0;l<3;l++)s.year&&s.year.index===l?d.push(s.year.length===2?String(t).slice(-2):t):s.month&&s.month.index===l?d.push(n):s.day&&s.day.index===l&&d.push(r);return d.join(i)}get isOpen(){return this.calendar.classList.contains("drp-date-picker--visible")}set isOpen(a){if(this.options.positioningMode!=="floating"){console.warn("isOpen property only works in floating mode");return}a?this.show():this.hide()}get selectedRangesReactive(){return[...this.selectedRanges]}set selectedRangesReactive(a){this.selectedRanges=a.map(t=>({start:new Date(t.start),end:new Date(t.end)})),this.options.selectionMode==="range"&&a.length>0?(this.selectedStartDate=new Date(a[0].start),this.selectedEndDate=new Date(a[0].end),this.input&&!this.requiresApplyButton()&&(this.input.value=`${this.formatDate(this.selectedStartDate)} - ${this.formatDate(this.selectedEndDate)}`)):this.input&&!this.requiresApplyButton()&&(this.input.value=""),this.renderCalendar(),this.updateSummary()}get selectedDatesReactive(){return this.selectedDates.map(a=>new Date(a))}set selectedDatesReactive(a){this.selectedDates=a.map(t=>new Date(t)),this.renderCalendar(),this.updateSummary()}get selectedDateReactive(){return this.selectedDate?new Date(this.selectedDate):null}set selectedDateReactive(a){this.selectedDate=a?new Date(a):null,this.input&&a?this.input.value=this.formatDate(a):this.input&&(this.input.value=""),this.renderCalendar(),this.updateSummary()}destroy(){this.clickOutsideHandler&&document.removeEventListener("click",this.clickOutsideHandler),this.calendar.remove(),this.tooltip&&this.tooltip.remove()}show(){return Ht(this)}hide(){return Ot(this)}toggle(){return ln(this)}position(){return at(this)}showTooltip(a,t){return cn(this,a,t)}hideTooltip(){return un(this)}renderCalendar(){return _n(this)}renderNormalView(a){return qt(this,a)}renderDays(a,t){return Ut(this,a,t)}renderRollingSelector(a){return jt(this,a)}updateSummary(){return Mn(this)}updateSummaryWithPreview(){return Wt(this)}updateDragPreview(){return Sn(this)}toggleRollingSelector(a){return pn(this,a)}selectYear(a,t){return gn(this,a,t)}selectMonth(a,t){return hn(this,a,t)}checkAndResolveCollisions(a){return be(this,a)}prevMonth(a){return we(this,a)}nextMonth(a){return xe(this,a)}unifiedPrevMonth(){return bn(this)}unifiedNextMonth(){return mn(this)}toggleUnifiedRollingSelector(){return vn(this)}setUnifiedMonth(a){return yn(this,a)}setUnifiedYear(a){return Dn(this,a)}findNextEnabledDayIndex(a,t,n,r){return Me(this,a,t,n)}moveFocus(a){return fn(this,a)}async selectDay(a){return await en(this,a)}selectToday(){return tn(this)}clearSelection(){return an(this)}apply(){return nn(this)}initDragListeners(){return rn(this)}startDrag(a,t,n){return zt(this,a,t,n)}onDragMove(a){return Pt(this,a)}async onDragEnd(a){return await Nt(this)}findNearestEnabledDate(a,t="forward"){return Pe(this,a,t)}handleInputMask(a){return on(this,a)}applyMask(a){return me(this,a)}applyRangeMask(a){return Ft(this,a)}handleKeydown(a){return sn(this,a)}handlePaste(a){return dn(this,a)}updateCalendarFromInput(){return Ne(this)}parseAndUpdateSingleDate(a,t="single"){return Fe(this,a,t)}static injectGlobalStyles(a=!1){if(Se.stylesInjected&&!a){k.debug("Styles already injected, skipping");return}const t=document.createElement("style");t.setAttribute("data-source","web-daterangepicker"),t.textContent=Kt,document.head.appendChild(t),Se.stylesInjected=!0,k.info("Global styles injected successfully")}static areStylesLoaded(){const a=document.createElement("div");a.className="drp-date-picker",a.style.display="none",document.body.appendChild(a);const n=window.getComputedStyle(a).getPropertyValue("--drp-accent-color");return document.body.removeChild(a),n!==""}};b(Se,"stylesInjected",!1);let Ve=Se;class rt extends HTMLElement{constructor(){super();b(this,"picker");b(this,"inputElement");b(this,"shadow");b(this,"_specialDates");b(this,"_disabledDates");b(this,"_getDateMetadataCallback");b(this,"_badgeTooltipCallback");b(this,"_dayTooltipCallback");b(this,"_customStylesCallback");b(this,"_renderDayCallback");b(this,"_renderDayContentCallback");b(this,"_beforeDateSelectCallback");b(this,"_beforeMonthChangedCallback");b(this,"_formatSummaryCallback");b(this,"_getUnifiedHeaderCallback");b(this,"_getMonthHeaderCallback");b(this,"_dateMember");b(this,"_badgeTextMember");b(this,"_badgeClassMember");b(this,"_dayClassMember");b(this,"_badgeTooltipMember");b(this,"_dayTooltipMember");b(this,"_isDisabledMember");b(this,"_actionButtons");b(this,"_pendingReinit",!1);this.shadow=this.attachShadow({mode:"open"})}static get observedAttributes(){return["selection-mode","date-format-mask","visible-months-count","calendar-open-trigger","value","disabled","placeholder","week-start-day","min-date","max-date","disabled-weekdays","disabled-dates-handling","highlight-disabled-in-range","positioning-mode","month-layout","grid-rows","grid-columns","calendar-placement","locale","display-format-mask","show-debug-info","initial-date","rolling-year-range","rolling-month-range","enable-transitions","auto-close","show-today-button","show-clear-button","show-apply-button","unified-navigation","unified-navigation-anchor-index","unified-header-interactive","input-size"]}applyTransitionStyles(){const t=this.shadow.querySelector(".drp-date-picker");if(!t)return;this.hasAttribute("enable-transitions")?t.classList.add("drp-transitions-enabled"):t.classList.remove("drp-transitions-enabled")}applyInputSizeStyles(){if(!this.inputElement)return;const t=this.getAttribute("input-size");this.inputElement.classList.remove("drp-input--xs","drp-input--sm","drp-input--lg","drp-input--xl"),this.inputElement.classList.remove("drp-date-picker-input--xs","drp-date-picker-input--sm","drp-date-picker-input--lg","drp-date-picker-input--xl"),t&&t!=="md"&&(this.inputElement.classList.add(`drp-input--${t}`),this.inputElement.classList.add(`drp-date-picker-input--${t}`))}connectedCallback(){this.render(),this.initializePicker()}disconnectedCallback(){this.picker&&this.picker.destroy()}attributeChangedCallback(t,n,r){if(n!==r){if(t==="enable-transitions"){this.applyTransitionStyles();return}if(t==="input-size"){this.applyInputSizeStyles();return}this.picker&&t!=="value"&&t!=="placeholder"&&(this.picker.destroy(),this.initializePicker()),t==="value"&&this.inputElement&&r!==null&&(this.inputElement.value=r),t==="placeholder"&&this.inputElement&&r!==null&&(this.inputElement.placeholder=r),t==="disabled"&&this.inputElement&&(r!==null?this.inputElement.disabled=!0:this.inputElement.disabled=!1)}}render(){const t=document.createElement("style");if(t.textContent=Kt,this.shadow.appendChild(t),(this.getAttribute("positioning-mode")||"floating")==="floating"){this.inputElement=document.createElement("input"),this.inputElement.type="text",this.inputElement.classList.add("drp-input","drp-date-picker-input");const r=this.getAttribute("placeholder");r&&(this.inputElement.placeholder=r);const o=this.getAttribute("value");o&&(this.inputElement.value=o),this.hasAttribute("disabled")&&(this.inputElement.disabled=!0),this.shadow.appendChild(this.inputElement),this.applyInputSizeStyles()}}initializePicker(){const t=this.getAttribute("positioning-mode")||"floating";if(t==="floating"&&!this.inputElement)return;let n;const r=this.getAttribute("disabled-weekdays");r&&(n=r.split(",").map(l=>parseInt(l.trim())).filter(l=>!isNaN(l)&&l>=0&&l<=6));let o;const i=this.getAttribute("week-start-day");if(i)if(i==="auto")o="auto";else{const l=parseInt(i);!isNaN(l)&&l>=0&&l<=6&&(o=l)}const s={selectionMode:this.getAttribute("selection-mode")||"single",dateFormatMask:this.getAttribute("date-format-mask")||"YYYY-MM-DD",visibleMonthsCount:parseInt(this.getAttribute("visible-months-count")||"0")||void 0,calendarOpenTrigger:this.getAttribute("calendar-open-trigger")||"focus",onSelect:l=>this.handleDateSelect(l),container:this.shadow,positioningMode:t,monthLayout:this.getAttribute("month-layout")||void 0,gridRows:parseInt(this.getAttribute("grid-rows")||"0")||void 0,gridColumns:parseInt(this.getAttribute("grid-columns")||"0")||void 0,unifiedNavigation:this.hasAttribute("unified-navigation"),unifiedNavigationAnchorIndex:parseInt(this.getAttribute("unified-navigation-anchor-index")||"0")||void 0,unifiedHeaderInteractive:this.hasAttribute("unified-header-interactive"),calendarPlacement:this.getAttribute("calendar-placement")||void 0,weekStartDay:o,minDate:this.getAttribute("min-date")||void 0,maxDate:this.getAttribute("max-date")||void 0,initialDate:this.getAttribute("initial-date")||void 0,disabledWeekdays:n,disabledDates:this._disabledDates,specialDates:this._specialDates,getDateMetadataCallback:this._getDateMetadataCallback,badgeTooltipCallback:this._badgeTooltipCallback,dayTooltipCallback:this._dayTooltipCallback,dateMember:this._dateMember,badgeTextMember:this._badgeTextMember,badgeClassMember:this._badgeClassMember,dayClassMember:this._dayClassMember,badgeTooltipMember:this._badgeTooltipMember,dayTooltipMember:this._dayTooltipMember,isDisabledMember:this._isDisabledMember,disabledDatesHandling:this.getAttribute("disabled-dates-handling")||void 0,highlightDisabledInRange:this.hasAttribute("highlight-disabled-in-range")?this.getAttribute("highlight-disabled-in-range")==="true":void 0,locale:this.getAttribute("locale")||"auto",displayFormatMask:this.getAttribute("display-format-mask")||void 0,showDebugInfo:this.hasAttribute("show-debug-info"),rollingYearRange:this.getAttribute("rolling-year-range")||void 0,rollingMonthRange:this.getAttribute("rolling-month-range")||void 0,customStylesCallback:this._customStylesCallback,renderDayCallback:this._renderDayCallback,renderDayContentCallback:this._renderDayContentCallback,beforeDateSelectCallback:this._beforeDateSelectCallback,beforeMonthChangedCallback:this._beforeMonthChangedCallback,formatSummaryCallback:this._formatSummaryCallback,getUnifiedHeaderCallback:this._getUnifiedHeaderCallback,getMonthHeaderCallback:this._getMonthHeaderCallback,autoClose:this.getAttribute("auto-close")||void 0,actionButtons:this._actionButtons,showTodayButton:this.hasAttribute("show-today-button")?this.getAttribute("show-today-button")==="true":void 0,showClearButton:this.hasAttribute("show-clear-button")?this.getAttribute("show-clear-button")==="true":void 0,showApplyButton:this.hasAttribute("show-apply-button")?this.getAttribute("show-apply-button")==="true":void 0},d=t==="inline"?null:this.inputElement;if(this.picker=new Ve(d,s),this._customStylesCallback){const l=this._customStylesCallback();if(l){const c=document.createElement("style");c.className="drp-custom-styles",c.textContent=l,this.shadow.appendChild(c)}}setTimeout(()=>this.applyTransitionStyles(),0)}scheduleReinit(){this._pendingReinit||(this._pendingReinit=!0,queueMicrotask(()=>{this._pendingReinit=!1,this.picker&&(this.picker.destroy(),this.initializePicker())}))}handleDateSelect(t){var o;const n={date:t instanceof Date?t:void 0,dateRange:t instanceof Date||Array.isArray(t)?void 0:t,formattedValue:((o=this.inputElement)==null?void 0:o.value)||""};if(!this.picker){this.dispatchEvent(new CustomEvent("date-select",{detail:n,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:n,bubbles:!0,composed:!0}));return}if(this.picker.requiresApplyButton()&&this.picker.pendingSelection)return;const r=this.picker.options.disabledDatesHandling;if(!(t instanceof Date)&&!Array.isArray(t)&&"start"in t&&"end"in t){const i=t.start,s=t.end;switch(r){case"allow":n.enabledDates=this.picker.getEnabledDatesInRange(i,s),n.disabledDates=this.picker.getDisabledDatesInRange(i,s),n.getEnabledDateCount=()=>n.enabledDates.length,n.getTotalDays=()=>Math.floor((s.getTime()-i.getTime())/864e5)+1;break;case"split":n.dateRanges=this.picker.splitRangeByDisabled(i,s),n.dates=this.picker.getEnabledDatesInRange(i,s),n.dateRanges.length>0&&(n.formattedValue=n.dateRanges.map(d=>`${this.picker.formatDate(d.start)} - ${this.picker.formatDate(d.end)}`).join(", "));break;case"individual":n.dates=this.picker.getEnabledDatesInRange(i,s),n.dateRange=null,n.dates.length>0&&(n.formattedValue=n.dates.map(d=>this.picker.formatDate(d)).join(", "));break;case"block":n.dates=this.picker.getEnabledDatesInRange(i,s);break}}this.dispatchEvent(new CustomEvent("date-select",{detail:n,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:n,bubbles:!0,composed:!0}))}show(){if(!this.picker){console.warn("[web-daterangepicker] show() called but picker not initialized yet");return}this.picker.show()}hide(){if(!this.picker){console.warn("[web-daterangepicker] hide() called but picker not initialized yet");return}this.picker.hide()}toggle(){if(!this.picker){console.warn("[web-daterangepicker] toggle() called but picker not initialized yet");return}this.picker.toggle()}clearSelection(){if(!this.picker){console.warn("[web-daterangepicker] clearSelection() called but picker not initialized yet");return}this.picker.clearSelection()}getInputValue(){var t;return((t=this.inputElement)==null?void 0:t.value)||""}setInputValue(t){this.inputElement&&(this.inputElement.value=t),this.setAttribute("value",t)}setMonthNames(t){this.picker&&(this.picker.monthNames=t,this.picker.renderCalendar())}setRollingItemAlignment(t){const n=this.shadow.querySelector(".drp-date-picker");n&&n.style.setProperty("--drp-rolling-item-justify-content",t)}get selectionMode(){return this.getAttribute("selection-mode")||"single"}set selectionMode(t){this.setAttribute("selection-mode",t)}get dateFormatMask(){return this.getAttribute("date-format-mask")||"YYYY-MM-DD"}set dateFormatMask(t){this.setAttribute("date-format-mask",t)}get value(){return this.getInputValue()}set value(t){this.setInputValue(t)}get disabled(){return this.hasAttribute("disabled")}set disabled(t){t?this.setAttribute("disabled",""):this.removeAttribute("disabled")}get weekStartDay(){const t=this.getAttribute("week-start-day");if(t==="auto")return"auto";const n=parseInt(t||"");return!isNaN(n)&&n>=0&&n<=6?n:"auto"}set weekStartDay(t){this.setAttribute("week-start-day",t.toString())}get minDate(){return this.getAttribute("min-date")||void 0}set minDate(t){t?this.setAttribute("min-date",t):this.removeAttribute("min-date")}get maxDate(){return this.getAttribute("max-date")||void 0}set maxDate(t){t?this.setAttribute("max-date",t):this.removeAttribute("max-date")}get disabledWeekdays(){const t=this.getAttribute("disabled-weekdays");if(t)return t.split(",").map(n=>parseInt(n.trim())).filter(n=>!isNaN(n)&&n>=0&&n<=6)}set disabledWeekdays(t){t&&t.length>0?this.setAttribute("disabled-weekdays",t.join(",")):this.removeAttribute("disabled-weekdays")}get enableTransitions(){return this.hasAttribute("enable-transitions")}set enableTransitions(t){t?this.setAttribute("enable-transitions",""):this.removeAttribute("enable-transitions")}get inputSize(){return this.getAttribute("input-size")||"md"}set inputSize(t){this.setAttribute("input-size",t)}get specialDates(){return this._specialDates}set specialDates(t){this._specialDates=t,this.picker&&(this.picker.destroy(),this.initializePicker())}get disabledDates(){return this._disabledDates}set disabledDates(t){this._disabledDates=t,this.picker&&(this.picker.destroy(),this.initializePicker())}get getDateMetadataCallback(){return this._getDateMetadataCallback}set getDateMetadataCallback(t){this._getDateMetadataCallback=t,this.scheduleReinit()}get badgeTooltipCallback(){return this._badgeTooltipCallback}set badgeTooltipCallback(t){this._badgeTooltipCallback=t,this.scheduleReinit()}get dayTooltipCallback(){return this._dayTooltipCallback}set dayTooltipCallback(t){this._dayTooltipCallback=t,this.scheduleReinit()}get customStylesCallback(){return this._customStylesCallback}set customStylesCallback(t){this._customStylesCallback=t,this.scheduleReinit()}get renderDayCallback(){return this._renderDayCallback}set renderDayCallback(t){this._renderDayCallback=t,this.scheduleReinit()}get renderDayContentCallback(){return this._renderDayContentCallback}set renderDayContentCallback(t){this._renderDayContentCallback=t,this.scheduleReinit()}get beforeDateSelectCallback(){return this._beforeDateSelectCallback}set beforeDateSelectCallback(t){this._beforeDateSelectCallback=t,this.scheduleReinit()}get beforeMonthChangedCallback(){return this._beforeMonthChangedCallback}set beforeMonthChangedCallback(t){this._beforeMonthChangedCallback=t,this.scheduleReinit()}get formatSummaryCallback(){return this._formatSummaryCallback}set formatSummaryCallback(t){this._formatSummaryCallback=t,this.scheduleReinit()}get getUnifiedHeaderCallback(){return this._getUnifiedHeaderCallback}set getUnifiedHeaderCallback(t){this._getUnifiedHeaderCallback=t,this.scheduleReinit()}get getMonthHeaderCallback(){return this._getMonthHeaderCallback}set getMonthHeaderCallback(t){this._getMonthHeaderCallback=t,this.scheduleReinit()}get dateMember(){return this._dateMember}set dateMember(t){this._dateMember=t,this.picker&&(this.picker.destroy(),this.initializePicker())}get badgeTextMember(){return this._badgeTextMember}set badgeTextMember(t){this._badgeTextMember=t,this.picker&&(this.picker.destroy(),this.initializePicker())}get badgeClassMember(){return this._badgeClassMember}set badgeClassMember(t){this._badgeClassMember=t,this.picker&&(this.picker.destroy(),this.initializePicker())}get dayClassMember(){return this._dayClassMember}set dayClassMember(t){this._dayClassMember=t,this.picker&&(this.picker.destroy(),this.initializePicker())}get badgeTooltipMember(){return this._badgeTooltipMember}set badgeTooltipMember(t){this._badgeTooltipMember=t,this.picker&&(this.picker.destroy(),this.initializePicker())}get dayTooltipMember(){return this._dayTooltipMember}set dayTooltipMember(t){this._dayTooltipMember=t,this.picker&&(this.picker.destroy(),this.initializePicker())}get isDisabledMember(){return this._isDisabledMember}set isDisabledMember(t){this._isDisabledMember=t,this.picker&&(this.picker.destroy(),this.initializePicker())}get actionButtons(){return this._actionButtons}set actionButtons(t){this._actionButtons=t,this.picker&&(this.picker.destroy(),this.initializePicker())}get selectedRanges(){var t;return((t=this.picker)==null?void 0:t.selectedRangesReactive)||[]}set selectedRanges(t){this.picker&&(this.picker.selectedRangesReactive=t)}get selectedDates(){var t;return((t=this.picker)==null?void 0:t.selectedDatesReactive)||[]}set selectedDates(t){this.picker&&(this.picker.selectedDatesReactive=t)}get selectedDate(){var t;return((t=this.picker)==null?void 0:t.selectedDateReactive)||null}set selectedDate(t){this.picker&&(this.picker.selectedDateReactive=t)}get isOpen(){var t;return((t=this.picker)==null?void 0:t.isOpen)||!1}set isOpen(t){this.picker&&(this.picker.isOpen=t)}}customElements.get("web-daterangepicker")||customElements.define("web-daterangepicker",rt);function Rn(){return Array.from(document.querySelectorAll("web-daterangepicker"))}typeof window<"u"&&(window.components=window.components||{},window.components["web-daterangepicker"]={version:()=>"1.9.5",config:{name:"@keenmate/web-daterangepicker",version:"1.9.5",author:"Keenmate",license:"MIT",repository:"git+https://github.com/keenmate/web-daterangepicker.git",homepage:"https://github.com/keenmate/web-daterangepicker#readme"},register:()=>{typeof customElements<"u"&&!customElements.get("web-daterangepicker")&&customElements.define("web-daterangepicker",rt)},getInstances:()=>Rn(),logging:{enableLogging:ct,disableLogging:ut,setLogLevel:qe,setCategoryLevel:ca,getCategories:ua}},window.components["web-daterangepicker"].register()),F.DateRangePicker=Ve,F.WebDaterangepickerElement=rt,Object.defineProperty(F,Symbol.toStringTag,{value:"Module"})});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@keenmate/web-daterangepicker",
|
|
3
|
-
"version": "1.9.
|
|
3
|
+
"version": "1.9.5",
|
|
4
4
|
"description": "Lightweight date picker web component with excellent keyboard navigation and range selection",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/web-daterangepicker.umd.js",
|
|
@@ -20,7 +20,8 @@
|
|
|
20
20
|
"./css/base": "./src/css/_base.css",
|
|
21
21
|
"./dist/*": "./dist/*",
|
|
22
22
|
"./src/css/*": "./src/css/*",
|
|
23
|
-
"./package.json": "./package.json"
|
|
23
|
+
"./package.json": "./package.json",
|
|
24
|
+
"./component-variables.manifest.json": "./component-variables.manifest.json"
|
|
24
25
|
},
|
|
25
26
|
"sideEffects": [
|
|
26
27
|
"./dist/web-daterangepicker.js",
|
|
@@ -29,7 +30,8 @@
|
|
|
29
30
|
],
|
|
30
31
|
"files": [
|
|
31
32
|
"dist",
|
|
32
|
-
"src/css"
|
|
33
|
+
"src/css",
|
|
34
|
+
"component-variables.manifest.json"
|
|
33
35
|
],
|
|
34
36
|
"scripts": {
|
|
35
37
|
"dev": "vite",
|