@pathscale/ui 1.1.39 → 1.1.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/accordion/Accordion.js +29 -30
- package/dist/components/alert/Alert.classes.d.ts +16 -0
- package/dist/components/alert/Alert.classes.js +17 -0
- package/dist/components/alert/Alert.js +17 -27
- package/dist/components/avatar/Avatar.classes.d.ts +27 -0
- package/dist/components/avatar/Avatar.classes.js +28 -0
- package/dist/components/avatar/Avatar.js +11 -28
- package/dist/components/avatar/AvatarGroup.js +10 -10
- package/dist/components/badge/Badge.classes.d.ts +30 -0
- package/dist/components/badge/Badge.classes.js +31 -0
- package/dist/components/badge/Badge.js +14 -38
- package/dist/components/breadcrumbs/Breadcrumbs.js +34 -23
- package/dist/components/button/Button.js +24 -11
- package/dist/components/button-group/ButtonGroup.js +7 -8
- package/dist/components/calendar/Calendar.js +191 -103
- package/dist/components/card/Card.js +12 -16
- package/dist/components/chatbubble/ChatBubble.js +4 -4
- package/dist/components/chatbubble/ChatBubbleAvatar.js +6 -6
- package/dist/components/chatbubble/ChatBubbleFooter.js +3 -5
- package/dist/components/chatbubble/ChatBubbleHeader.js +3 -5
- package/dist/components/chatbubble/ChatBubbleTime.js +3 -5
- package/dist/components/checkbox/Checkbox.classes.d.ts +17 -0
- package/dist/components/checkbox/Checkbox.classes.js +18 -0
- package/dist/components/checkbox/Checkbox.js +56 -31
- package/dist/components/chip/Chip.classes.d.ts +29 -0
- package/dist/components/chip/Chip.classes.js +30 -0
- package/dist/components/chip/Chip.js +42 -46
- package/dist/components/close-button/CloseButton.js +16 -8
- package/dist/components/color-area/ColorArea.classes.d.ts +6 -0
- package/dist/components/color-area/ColorArea.classes.js +7 -0
- package/dist/components/color-area/ColorArea.js +23 -19
- package/dist/components/color-field/ColorField.classes.d.ts +13 -0
- package/dist/components/color-field/ColorField.classes.js +14 -0
- package/dist/components/color-field/ColorField.js +34 -24
- package/dist/components/color-picker/ColorPicker.classes.d.ts +8 -0
- package/dist/components/color-picker/ColorPicker.classes.js +9 -0
- package/dist/components/color-picker/ColorPicker.js +26 -28
- package/dist/components/color-slider/ColorSlider.classes.d.ts +11 -0
- package/dist/components/color-slider/ColorSlider.classes.js +12 -0
- package/dist/components/color-slider/ColorSlider.js +24 -15
- package/dist/components/color-swatch/ColorSwatch.classes.d.ts +14 -0
- package/dist/components/color-swatch/ColorSwatch.classes.js +15 -0
- package/dist/components/color-swatch/ColorSwatch.js +2 -12
- package/dist/components/color-swatch-picker/ColorSwatchPicker.classes.d.ts +3 -0
- package/dist/components/color-swatch-picker/ColorSwatchPicker.classes.js +4 -0
- package/dist/components/color-swatch-picker/ColorSwatchPicker.js +4 -4
- package/dist/components/color-wheel-flower/ColorWheelFlower.js +76 -67
- package/dist/components/combo-box/ComboBox.js +95 -79
- package/dist/components/date-field/DateField.js +22 -28
- package/dist/components/date-picker/DatePicker.js +65 -44
- package/dist/components/date-range-picker/DateRangePicker.js +76 -48
- package/dist/components/description/Description.js +3 -4
- package/dist/components/drawer/Drawer.classes.d.ts +28 -0
- package/dist/components/drawer/Drawer.classes.js +29 -0
- package/dist/components/drawer/Drawer.js +55 -50
- package/dist/components/dropdown/Dropdown.classes.d.ts +11 -0
- package/dist/components/dropdown/Dropdown.classes.js +12 -0
- package/dist/components/dropdown/Dropdown.js +40 -35
- package/dist/components/empty-state/EmptyState.classes.d.ts +9 -0
- package/dist/components/empty-state/EmptyState.classes.js +10 -0
- package/dist/components/empty-state/EmptyState.js +20 -23
- package/dist/components/error-message/ErrorMessage.js +3 -4
- package/dist/components/field-error/FieldError.js +3 -4
- package/dist/components/fieldset/Fieldset.js +12 -16
- package/dist/components/flex/Flex.js +3 -4
- package/dist/components/floating-dock/FloatingDock.js +152 -144
- package/dist/components/footer/Footer.js +3 -4
- package/dist/components/footer/FooterTitle.js +3 -4
- package/dist/components/form/Form.js +3 -4
- package/dist/components/glass-panel/GlassPanel.js +37 -36
- package/dist/components/grid/Grid.js +3 -4
- package/dist/components/header/Header.js +3 -4
- package/dist/components/icon/Icon.js +3 -4
- package/dist/components/immersive-landing/ImmersiveLanding.js +21 -24
- package/dist/components/immersive-landing/ImmersiveLandingArrows.js +25 -11
- package/dist/components/immersive-landing/ImmersiveLandingNavigation.js +67 -41
- package/dist/components/immersive-landing/ImmersiveLandingPage.js +7 -5
- package/dist/components/immersive-landing/components/CookieConsent.js +110 -110
- package/dist/components/immersive-landing/components/FirefoxPWABanner.js +61 -56
- package/dist/components/immersive-landing/components/PWAInstallPrompt.js +66 -62
- package/dist/components/input/Input.classes.d.ts +24 -0
- package/dist/components/input/Input.classes.js +25 -0
- package/dist/components/input/Input.js +50 -42
- package/dist/components/input-group/InputGroup.js +15 -20
- package/dist/components/input-otp/InputOTP.js +63 -54
- package/dist/components/join/Join.classes.d.ts +8 -0
- package/dist/components/join/Join.classes.js +9 -0
- package/dist/components/join/Join.js +8 -8
- package/dist/components/kbd/Kbd.js +9 -12
- package/dist/components/language-switcher/LanguageSwitcher.js +29 -28
- package/dist/components/link/Link.js +17 -10
- package/dist/components/list-box/ListBoxItem.js +8 -8
- package/dist/components/list-box/ListBoxSection.js +10 -6
- package/dist/components/live-chat/LiveChatBubble.js +25 -9
- package/dist/components/live-chat/LiveChatPanel.js +78 -62
- package/dist/components/menu/Menu.js +4 -4
- package/dist/components/menu/MenuItem.js +12 -12
- package/dist/components/menu/MenuSection.js +10 -6
- package/dist/components/modal/Modal.js +62 -58
- package/dist/components/navbar/Navbar.js +4 -4
- package/dist/components/navbar/NavbarRow.js +3 -4
- package/dist/components/navbar/NavbarSection.js +4 -4
- package/dist/components/navbar/NavbarStack.js +3 -4
- package/dist/components/noise-background/NoiseBackground.js +39 -35
- package/dist/components/number-field/NumberField.js +18 -20
- package/dist/components/pagination/Pagination.classes.d.ts +11 -0
- package/dist/components/pagination/Pagination.classes.js +12 -0
- package/dist/components/pagination/Pagination.js +77 -33
- package/dist/components/progress-bar/ProgressBar.classes.d.ts +23 -0
- package/dist/components/progress-bar/ProgressBar.classes.js +24 -0
- package/dist/components/progress-bar/ProgressBar.css +104 -0
- package/dist/components/progress-bar/ProgressBar.d.ts +19 -0
- package/dist/components/progress-bar/ProgressBar.js +112 -0
- package/dist/components/progress-bar/index.d.ts +2 -0
- package/dist/components/progress-bar/index.js +3 -0
- package/dist/components/progress-circle/ProgressCircle.classes.d.ts +22 -0
- package/dist/components/progress-circle/ProgressCircle.classes.js +23 -0
- package/dist/components/progress-circle/ProgressCircle.css +82 -0
- package/dist/components/progress-circle/ProgressCircle.d.ts +18 -0
- package/dist/components/progress-circle/ProgressCircle.js +109 -0
- package/dist/components/progress-circle/index.d.ts +2 -0
- package/dist/components/progress-circle/index.js +3 -0
- package/dist/components/radio/Radio.classes.d.ts +13 -0
- package/dist/components/radio/Radio.classes.js +14 -0
- package/dist/components/radio/Radio.js +49 -22
- package/dist/components/radio-group/RadioGroup.classes.d.ts +21 -0
- package/dist/components/radio-group/RadioGroup.classes.js +22 -0
- package/dist/components/radio-group/RadioGroup.js +31 -19
- package/dist/components/search-field/SearchField.js +16 -20
- package/dist/components/select/Select.classes.d.ts +24 -0
- package/dist/components/select/Select.classes.js +25 -0
- package/dist/components/select/Select.js +110 -52
- package/dist/components/size-picker/SizePicker.classes.d.ts +3 -0
- package/dist/components/size-picker/SizePicker.classes.js +4 -0
- package/dist/components/size-picker/SizePicker.js +7 -6
- package/dist/components/skeleton/Skeleton.classes.d.ts +8 -0
- package/dist/components/skeleton/Skeleton.classes.js +9 -0
- package/dist/components/skeleton/Skeleton.js +4 -9
- package/dist/components/slider/Slider.js +90 -60
- package/dist/components/spinner/Spinner.classes.d.ts +25 -0
- package/dist/components/spinner/Spinner.classes.js +26 -0
- package/dist/components/{loading/Loading.d.ts → spinner/Spinner.d.ts} +4 -4
- package/dist/components/{loading/Loading.js → spinner/Spinner.js} +6 -27
- package/dist/components/spinner/index.d.ts +1 -0
- package/dist/components/spinner/index.js +5 -0
- package/dist/components/surface/Surface.js +3 -4
- package/dist/components/table/Table.classes.d.ts +26 -0
- package/dist/components/table/Table.classes.js +27 -0
- package/dist/components/table/Table.js +107 -111
- package/dist/components/tabs/Tabs.classes.d.ts +14 -0
- package/dist/components/tabs/Tabs.classes.js +15 -0
- package/dist/components/tabs/Tabs.js +43 -43
- package/dist/components/tag/Tag.js +19 -12
- package/dist/components/tag-group/TagGroup.js +8 -8
- package/dist/components/text/Text.js +3 -4
- package/dist/components/textarea/Textarea.classes.d.ts +3 -0
- package/dist/components/textarea/Textarea.classes.js +4 -0
- package/dist/components/textarea/Textarea.js +4 -5
- package/dist/components/theme-color-picker/ThemeColorPicker.classes.d.ts +10 -0
- package/dist/components/theme-color-picker/ThemeColorPicker.classes.js +11 -0
- package/dist/components/theme-color-picker/ThemeColorPicker.js +42 -33
- package/dist/components/time-field/TimeField.js +22 -28
- package/dist/components/toast/Toast.js +109 -56
- package/dist/components/toggle/Toggle.classes.d.ts +26 -0
- package/dist/components/toggle/Toggle.classes.js +27 -0
- package/dist/components/toggle/Toggle.js +55 -36
- package/dist/components/tooltip/Tooltip.classes.d.ts +8 -0
- package/dist/components/tooltip/Tooltip.classes.js +9 -0
- package/dist/components/tooltip/Tooltip.js +24 -25
- package/dist/components/utils.js +6 -4
- package/dist/components/video-preview/VideoPreview.classes.d.ts +3 -0
- package/dist/components/video-preview/VideoPreview.classes.js +4 -0
- package/dist/components/video-preview/VideoPreview.js +5 -4
- package/dist/index.css +0 -1
- package/dist/index.d.ts +7 -6
- package/dist/index.js +8 -20
- package/dist/purge-manifest.json +2469 -1433
- package/package.json +3 -3
- package/dist/components/artboard/Artboard.d.ts +0 -9
- package/dist/components/artboard/Artboard.js +0 -42
- package/dist/components/artboard/index.d.ts +0 -1
- package/dist/components/artboard/index.js +0 -3
- package/dist/components/loading/index.d.ts +0 -1
- package/dist/components/loading/index.js +0 -3
- package/dist/components/progress/Progress.css +0 -135
- package/dist/components/progress/Progress.d.ts +0 -36
- package/dist/components/progress/Progress.js +0 -197
- package/dist/components/progress/index.d.ts +0 -1
- package/dist/components/progress/index.js +0 -7
- package/dist/components/radialprogress/RadialProgress.d.ts +0 -10
- package/dist/components/radialprogress/RadialProgress.js +0 -47
- package/dist/components/radialprogress/index.d.ts +0 -1
- package/dist/components/radialprogress/index.js +0 -3
- package/dist/components/sidenav/Sidenav.css +0 -176
- package/dist/components/sidenav/Sidenav.d.ts +0 -14
- package/dist/components/sidenav/Sidenav.js +0 -66
- package/dist/components/sidenav/SidenavButton.d.ts +0 -9
- package/dist/components/sidenav/SidenavButton.js +0 -41
- package/dist/components/sidenav/SidenavGroup.d.ts +0 -10
- package/dist/components/sidenav/SidenavGroup.js +0 -45
- package/dist/components/sidenav/SidenavItem.d.ts +0 -8
- package/dist/components/sidenav/SidenavItem.js +0 -37
- package/dist/components/sidenav/SidenavLink.d.ts +0 -9
- package/dist/components/sidenav/SidenavLink.js +0 -36
- package/dist/components/sidenav/SidenavMenu.d.ts +0 -5
- package/dist/components/sidenav/SidenavMenu.js +0 -31
- package/dist/components/sidenav/index.d.ts +0 -12
- package/dist/components/sidenav/index.js +0 -13
- /package/dist/components/{loading/Loading.css → spinner/Spinner.css} +0 -0
|
@@ -3,7 +3,7 @@ import "./Slider.css";
|
|
|
3
3
|
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
4
4
|
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
5
5
|
import * as __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__ from "./Slider.classes.js";
|
|
6
|
-
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div><div></div><div>");
|
|
7
7
|
function clamp(val, min, max) {
|
|
8
8
|
return Math.min(Math.max(val, min), max);
|
|
9
9
|
}
|
|
@@ -108,7 +108,21 @@ const Slider = (props)=>{
|
|
|
108
108
|
const handleFocus = ()=>setFocusVisible(true);
|
|
109
109
|
const handleBlur = ()=>setFocusVisible(false);
|
|
110
110
|
return (()=>{
|
|
111
|
-
var _el$ = _tmpl$
|
|
111
|
+
var _el$ = _tmpl$2(), _el$4 = _el$.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling;
|
|
112
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
113
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.size[size()], local.class, local.className)
|
|
114
|
+
}), {
|
|
115
|
+
get ["data-theme"] () {
|
|
116
|
+
return local.dataTheme;
|
|
117
|
+
},
|
|
118
|
+
"data-slot": "slider",
|
|
119
|
+
get ["data-disabled"] () {
|
|
120
|
+
return isDisabled() ? "true" : "false";
|
|
121
|
+
},
|
|
122
|
+
get style () {
|
|
123
|
+
return local.style;
|
|
124
|
+
}
|
|
125
|
+
}), false, true);
|
|
112
126
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
|
|
113
127
|
get when () {
|
|
114
128
|
return local.label;
|
|
@@ -118,78 +132,94 @@ const Slider = (props)=>{
|
|
|
118
132
|
(()=>{
|
|
119
133
|
var _el$2 = _tmpl$();
|
|
120
134
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "id", labelId);
|
|
135
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
136
|
+
class: __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.label
|
|
137
|
+
}), {
|
|
138
|
+
"data-slot": "label"
|
|
139
|
+
}), false, true);
|
|
121
140
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.label);
|
|
122
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.label));
|
|
123
141
|
return _el$2;
|
|
124
142
|
})(),
|
|
125
143
|
(()=>{
|
|
126
|
-
var _el$3 = _tmpl$
|
|
144
|
+
var _el$3 = _tmpl$();
|
|
145
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
146
|
+
class: __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.output
|
|
147
|
+
}), {
|
|
148
|
+
"data-slot": "slider-output",
|
|
149
|
+
"aria-live": "polite"
|
|
150
|
+
}), false, true);
|
|
127
151
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, formattedValue);
|
|
128
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.output));
|
|
129
152
|
return _el$3;
|
|
130
153
|
})()
|
|
131
154
|
];
|
|
132
155
|
}
|
|
133
156
|
}), _el$4);
|
|
134
|
-
_el$4.$$pointerup = handlePointerUp;
|
|
135
|
-
_el$4.$$pointermove = handlePointerMove;
|
|
136
|
-
_el$4.$$pointerdown = handlePointerDown;
|
|
137
157
|
var _ref$ = trackRef;
|
|
138
158
|
"function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$4) : trackRef = _el$4;
|
|
139
|
-
_el$
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
159
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
160
|
+
class: __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.track
|
|
161
|
+
}), {
|
|
162
|
+
"data-slot": "slider-track",
|
|
163
|
+
onPointerDown: handlePointerDown,
|
|
164
|
+
onPointerMove: handlePointerMove,
|
|
165
|
+
onPointerUp: handlePointerUp
|
|
166
|
+
}), false, true);
|
|
167
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
168
|
+
class: __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.fill
|
|
169
|
+
}), {
|
|
170
|
+
"data-slot": "slider-fill",
|
|
171
|
+
get style () {
|
|
172
|
+
return {
|
|
173
|
+
width: fillWidth()
|
|
174
|
+
};
|
|
175
|
+
}
|
|
176
|
+
}), false, false);
|
|
177
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
178
|
+
class: __WEBPACK_EXTERNAL_MODULE__Slider_classes_js_33bccb6b__.CLASSES.thumb
|
|
179
|
+
}), {
|
|
180
|
+
"data-slot": "slider-thumb",
|
|
181
|
+
get ["data-dragging"] () {
|
|
182
|
+
return dragging() ? "true" : "false";
|
|
183
|
+
},
|
|
184
|
+
get ["data-disabled"] () {
|
|
185
|
+
return isDisabled() ? "true" : "false";
|
|
186
|
+
},
|
|
187
|
+
get ["data-focus-visible"] () {
|
|
188
|
+
return focusVisible() ? "true" : "false";
|
|
189
|
+
},
|
|
190
|
+
get style () {
|
|
191
|
+
return {
|
|
192
|
+
left: thumbLeft()
|
|
193
|
+
};
|
|
194
|
+
},
|
|
195
|
+
role: "slider",
|
|
196
|
+
get tabIndex () {
|
|
197
|
+
return isDisabled() ? -1 : 0;
|
|
198
|
+
},
|
|
199
|
+
get ["aria-valuemin"] () {
|
|
200
|
+
return min();
|
|
201
|
+
},
|
|
202
|
+
get ["aria-valuemax"] () {
|
|
203
|
+
return max();
|
|
204
|
+
},
|
|
205
|
+
get ["aria-valuenow"] () {
|
|
206
|
+
return local.value;
|
|
207
|
+
},
|
|
208
|
+
get ["aria-valuetext"] () {
|
|
209
|
+
return formattedValue();
|
|
210
|
+
},
|
|
211
|
+
get ["aria-labelledby"] () {
|
|
212
|
+
return local.label ? labelId : void 0;
|
|
213
|
+
},
|
|
214
|
+
get ["aria-disabled"] () {
|
|
215
|
+
return isDisabled() ? "true" : void 0;
|
|
216
|
+
},
|
|
217
|
+
onKeyDown: handleKeyDown,
|
|
218
|
+
onFocus: handleFocus,
|
|
219
|
+
onBlur: handleBlur
|
|
220
|
+
}), false, false);
|
|
185
221
|
return _el$;
|
|
186
222
|
})();
|
|
187
223
|
};
|
|
188
224
|
const slider_Slider = Slider;
|
|
189
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
|
|
190
|
-
"pointerdown",
|
|
191
|
-
"pointermove",
|
|
192
|
-
"pointerup",
|
|
193
|
-
"keydown"
|
|
194
|
-
]);
|
|
195
225
|
export { slider_Slider as default };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export declare const CLASSES: {
|
|
2
|
+
readonly base: "spinner";
|
|
3
|
+
readonly size: {
|
|
4
|
+
readonly xs: "spinner--xs";
|
|
5
|
+
readonly sm: "spinner--sm";
|
|
6
|
+
readonly md: "";
|
|
7
|
+
readonly lg: "spinner--lg";
|
|
8
|
+
readonly xl: "spinner--xl";
|
|
9
|
+
};
|
|
10
|
+
readonly color: {
|
|
11
|
+
readonly current: "spinner--current";
|
|
12
|
+
readonly accent: "spinner--accent";
|
|
13
|
+
readonly success: "spinner--success";
|
|
14
|
+
readonly warning: "spinner--warning";
|
|
15
|
+
readonly danger: "spinner--danger";
|
|
16
|
+
};
|
|
17
|
+
readonly variant: {
|
|
18
|
+
readonly spinner: "spinner--spinner";
|
|
19
|
+
readonly dots: "spinner--dots";
|
|
20
|
+
readonly ring: "spinner--ring";
|
|
21
|
+
readonly ball: "spinner--ball";
|
|
22
|
+
readonly bars: "spinner--bars";
|
|
23
|
+
readonly infinity: "spinner--infinity";
|
|
24
|
+
};
|
|
25
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
const CLASSES = {
|
|
2
|
+
base: "spinner",
|
|
3
|
+
size: {
|
|
4
|
+
xs: "spinner--xs",
|
|
5
|
+
sm: "spinner--sm",
|
|
6
|
+
md: "",
|
|
7
|
+
lg: "spinner--lg",
|
|
8
|
+
xl: "spinner--xl"
|
|
9
|
+
},
|
|
10
|
+
color: {
|
|
11
|
+
current: "spinner--current",
|
|
12
|
+
accent: "spinner--accent",
|
|
13
|
+
success: "spinner--success",
|
|
14
|
+
warning: "spinner--warning",
|
|
15
|
+
danger: "spinner--danger"
|
|
16
|
+
},
|
|
17
|
+
variant: {
|
|
18
|
+
spinner: "spinner--spinner",
|
|
19
|
+
dots: "spinner--dots",
|
|
20
|
+
ring: "spinner--ring",
|
|
21
|
+
ball: "spinner--ball",
|
|
22
|
+
bars: "spinner--bars",
|
|
23
|
+
infinity: "spinner--infinity"
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
export { CLASSES };
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import "./
|
|
1
|
+
import "./Spinner.css";
|
|
2
2
|
import { type Component, type JSX } from "solid-js";
|
|
3
3
|
import type { IComponentBaseProps } from "../types";
|
|
4
4
|
export type SpinnerSize = "xs" | "sm" | "md" | "lg" | "xl";
|
|
5
5
|
export type SpinnerColor = "current" | "accent" | "success" | "warning" | "danger";
|
|
6
6
|
export type SpinnerVariant = "spinner" | "dots" | "ring" | "ball" | "bars" | "infinity";
|
|
7
|
-
export type
|
|
7
|
+
export type SpinnerProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, "children"> & IComponentBaseProps & {
|
|
8
8
|
size?: SpinnerSize;
|
|
9
9
|
color?: SpinnerColor;
|
|
10
10
|
variant?: SpinnerVariant;
|
|
11
11
|
label?: string;
|
|
12
12
|
};
|
|
13
|
-
declare const
|
|
14
|
-
export default
|
|
13
|
+
declare const Spinner: Component<SpinnerProps>;
|
|
14
|
+
export default Spinner;
|
|
@@ -1,30 +1,9 @@
|
|
|
1
1
|
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
-
import "./
|
|
2
|
+
import "./Spinner.css";
|
|
3
3
|
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
4
4
|
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__Spinner_classes_js_ffa4756a__ from "./Spinner.classes.js";
|
|
5
6
|
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg aria-hidden=true data-slot=spinner-icon fill=none viewBox="0 0 24 24"><defs><linearGradient x1=50% x2=50% y1=5.271% y2=91.793%><stop offset=0% stop-color=currentColor></stop><stop offset=100% stop-color=currentColor stop-opacity=0.55></stop></linearGradient><linearGradient x1=50% x2=50% y1=15.24% y2=87.15%><stop offset=0% stop-color=currentColor stop-opacity=0></stop><stop offset=100% stop-color=currentColor stop-opacity=0.55></stop></linearGradient></defs><g fill=none><path d="M8.749.021a1.5 1.5 0 0 1 .497 2.958A7.5 7.5 0 0 0 3 10.375a7.5 7.5 0 0 0 7.5 7.5v3c-5.799 0-10.5-4.7-10.5-10.5C0 5.23 3.726.865 8.749.021"transform="translate(1.5 1.625)"></path><path d="M15.392 2.673a1.5 1.5 0 0 1 2.119-.115A10.48 10.48 0 0 1 21 10.375c0 5.8-4.701 10.5-10.5 10.5v-3a7.5 7.5 0 0 0 5.007-13.084a1.5 1.5 0 0 1-.115-2.118"transform="translate(1.5 1.625)">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
|
|
6
|
-
const SIZE_CLASS_MAP = {
|
|
7
|
-
xs: "spinner--xs",
|
|
8
|
-
sm: "spinner--sm",
|
|
9
|
-
md: "",
|
|
10
|
-
lg: "spinner--lg",
|
|
11
|
-
xl: "spinner--xl"
|
|
12
|
-
};
|
|
13
|
-
const COLOR_CLASS_MAP = {
|
|
14
|
-
current: "spinner--current",
|
|
15
|
-
accent: "spinner--accent",
|
|
16
|
-
success: "spinner--success",
|
|
17
|
-
warning: "spinner--warning",
|
|
18
|
-
danger: "spinner--danger"
|
|
19
|
-
};
|
|
20
|
-
const VARIANT_CLASS_MAP = {
|
|
21
|
-
spinner: "spinner--spinner",
|
|
22
|
-
dots: "spinner--dots",
|
|
23
|
-
ring: "spinner--ring",
|
|
24
|
-
ball: "spinner--ball",
|
|
25
|
-
bars: "spinner--bars",
|
|
26
|
-
infinity: "spinner--infinity"
|
|
27
|
-
};
|
|
28
7
|
const SpinnerSVG = ()=>{
|
|
29
8
|
const id = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
|
|
30
9
|
return (()=>{
|
|
@@ -36,7 +15,7 @@ const SpinnerSVG = ()=>{
|
|
|
36
15
|
return _el$;
|
|
37
16
|
})();
|
|
38
17
|
};
|
|
39
|
-
const
|
|
18
|
+
const Spinner = (props)=>{
|
|
40
19
|
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
41
20
|
"size",
|
|
42
21
|
"color",
|
|
@@ -60,7 +39,7 @@ const Loading_Loading = (props)=>{
|
|
|
60
39
|
"aria-busy": "true",
|
|
61
40
|
"aria-live": "polite",
|
|
62
41
|
get ["class"] () {
|
|
63
|
-
return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(
|
|
42
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Spinner_classes_js_ffa4756a__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Spinner_classes_js_ffa4756a__.CLASSES.size[size()], __WEBPACK_EXTERNAL_MODULE__Spinner_classes_js_ffa4756a__.CLASSES.color[color()], __WEBPACK_EXTERNAL_MODULE__Spinner_classes_js_ffa4756a__.CLASSES.variant[variant()], local.class, local.className);
|
|
64
43
|
},
|
|
65
44
|
"data-slot": "spinner",
|
|
66
45
|
get ["data-theme"] () {
|
|
@@ -77,5 +56,5 @@ const Loading_Loading = (props)=>{
|
|
|
77
56
|
return _el$8;
|
|
78
57
|
})();
|
|
79
58
|
};
|
|
80
|
-
const
|
|
81
|
-
export {
|
|
59
|
+
const spinner_Spinner = Spinner;
|
|
60
|
+
export { spinner_Spinner as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default, default as Spinner, default as Loading, type SpinnerProps, type SpinnerSize, type SpinnerColor, type SpinnerVariant, } from "./Spinner";
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE__Spinner_js_9531e581__ from "./Spinner.js";
|
|
2
|
+
var __webpack_exports__Loading = __WEBPACK_EXTERNAL_MODULE__Spinner_js_9531e581__["default"];
|
|
3
|
+
var __webpack_exports__Spinner = __WEBPACK_EXTERNAL_MODULE__Spinner_js_9531e581__["default"];
|
|
4
|
+
var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Spinner_js_9531e581__["default"];
|
|
5
|
+
export { __webpack_exports__Loading as Loading, __webpack_exports__Spinner as Spinner, __webpack_exports__default as default };
|
|
@@ -16,10 +16,9 @@ function Surface(props) {
|
|
|
16
16
|
const variant = ()=>local.variant ?? "default";
|
|
17
17
|
return (()=>{
|
|
18
18
|
var _el$ = _tmpl$();
|
|
19
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
},
|
|
19
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
20
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Surface_classes_js_ab149b7e__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Surface_classes_js_ab149b7e__.CLASSES.variant[variant()], local.class, local.className)
|
|
21
|
+
}), {
|
|
23
22
|
"data-slot": "surface",
|
|
24
23
|
get ["data-theme"] () {
|
|
25
24
|
return local.dataTheme;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export declare const CLASSES: {
|
|
2
|
+
readonly root: {
|
|
3
|
+
readonly base: "table-root";
|
|
4
|
+
readonly variant: {
|
|
5
|
+
readonly primary: "table-root--primary";
|
|
6
|
+
readonly secondary: "table-root--secondary";
|
|
7
|
+
};
|
|
8
|
+
};
|
|
9
|
+
readonly scroll: "table__scroll-container";
|
|
10
|
+
readonly content: "table__content";
|
|
11
|
+
readonly header: "table__header";
|
|
12
|
+
readonly column: "table__column";
|
|
13
|
+
readonly body: "table__body";
|
|
14
|
+
readonly row: "table__row";
|
|
15
|
+
readonly cell: "table__cell";
|
|
16
|
+
readonly expandedRow: "table__expanded-row";
|
|
17
|
+
readonly expandedCell: "table__expanded-cell";
|
|
18
|
+
readonly footer: "table__footer";
|
|
19
|
+
readonly pageSize: "table__page-size";
|
|
20
|
+
readonly pageSizeLabel: "table__page-size-label";
|
|
21
|
+
readonly pageSizeSelect: "table__page-size-select";
|
|
22
|
+
readonly resizableContainer: "table__resizable-container";
|
|
23
|
+
readonly columnResizer: "table__column-resizer";
|
|
24
|
+
readonly loadMore: "table__load-more";
|
|
25
|
+
readonly loadMoreContent: "table__load-more-content";
|
|
26
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
const CLASSES = {
|
|
2
|
+
root: {
|
|
3
|
+
base: "table-root",
|
|
4
|
+
variant: {
|
|
5
|
+
primary: "table-root--primary",
|
|
6
|
+
secondary: "table-root--secondary"
|
|
7
|
+
}
|
|
8
|
+
},
|
|
9
|
+
scroll: "table__scroll-container",
|
|
10
|
+
content: "table__content",
|
|
11
|
+
header: "table__header",
|
|
12
|
+
column: "table__column",
|
|
13
|
+
body: "table__body",
|
|
14
|
+
row: "table__row",
|
|
15
|
+
cell: "table__cell",
|
|
16
|
+
expandedRow: "table__expanded-row",
|
|
17
|
+
expandedCell: "table__expanded-cell",
|
|
18
|
+
footer: "table__footer",
|
|
19
|
+
pageSize: "table__page-size",
|
|
20
|
+
pageSizeLabel: "table__page-size-label",
|
|
21
|
+
pageSizeSelect: "table__page-size-select",
|
|
22
|
+
resizableContainer: "table__resizable-container",
|
|
23
|
+
columnResizer: "table__column-resizer",
|
|
24
|
+
loadMore: "table__load-more",
|
|
25
|
+
loadMoreContent: "table__load-more-content"
|
|
26
|
+
};
|
|
27
|
+
export { CLASSES };
|