@pathscale/ui 1.1.40 → 1.1.43
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/disclosure/Disclosure.classes.d.ts +15 -0
- package/dist/components/disclosure/Disclosure.classes.js +16 -0
- package/dist/components/disclosure/Disclosure.css +84 -0
- package/dist/components/disclosure/Disclosure.d.ts +45 -0
- package/dist/components/disclosure/Disclosure.js +302 -0
- package/dist/components/disclosure/index.d.ts +11 -0
- package/dist/components/disclosure/index.js +9 -0
- package/dist/components/disclosure-group/DisclosureGroup.classes.d.ts +3 -0
- package/dist/components/disclosure-group/DisclosureGroup.classes.js +4 -0
- package/dist/components/disclosure-group/DisclosureGroup.css +9 -0
- package/dist/components/disclosure-group/DisclosureGroup.d.ts +25 -0
- package/dist/components/disclosure-group/DisclosureGroup.js +73 -0
- package/dist/components/disclosure-group/index.d.ts +9 -0
- package/dist/components/disclosure-group/index.js +6 -0
- package/dist/components/disclosure-group/useDisclosureGroupNavigation.d.ts +14 -0
- package/dist/components/disclosure-group/useDisclosureGroupNavigation.js +54 -0
- 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.css +1 -1
- 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/meter/Meter.classes.d.ts +21 -0
- package/dist/components/meter/Meter.classes.js +22 -0
- package/dist/components/meter/Meter.css +89 -0
- package/dist/components/meter/Meter.d.ts +43 -0
- package/dist/components/meter/Meter.js +212 -0
- package/dist/components/meter/index.d.ts +1 -0
- package/dist/components/meter/index.js +8 -0
- 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/popover/Popover.classes.d.ts +10 -0
- package/dist/components/popover/Popover.classes.js +11 -0
- package/dist/components/popover/Popover.css +125 -0
- package/dist/components/popover/Popover.d.ts +47 -0
- package/dist/components/popover/Popover.js +310 -0
- package/dist/components/popover/index.d.ts +11 -0
- package/dist/components/popover/index.js +9 -0
- package/dist/components/progress-bar/ProgressBar.js +22 -19
- package/dist/components/progress-circle/ProgressCircle.js +33 -19
- 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/range-calendar/RangeCalendar.classes.d.ts +11 -0
- package/dist/components/range-calendar/RangeCalendar.classes.js +12 -0
- package/dist/components/range-calendar/RangeCalendar.css +51 -0
- package/dist/components/range-calendar/RangeCalendar.d.ts +24 -0
- package/dist/components/range-calendar/RangeCalendar.js +110 -0
- package/dist/components/range-calendar/index.d.ts +1 -0
- package/dist/components/range-calendar/index.js +3 -0
- package/dist/components/scroll-shadow/ScrollShadow.classes.d.ts +13 -0
- package/dist/components/scroll-shadow/ScrollShadow.classes.js +14 -0
- package/dist/components/scroll-shadow/ScrollShadow.css +93 -0
- package/dist/components/scroll-shadow/ScrollShadow.d.ts +18 -0
- package/dist/components/scroll-shadow/ScrollShadow.js +87 -0
- package/dist/components/scroll-shadow/index.d.ts +2 -0
- package/dist/components/scroll-shadow/index.js +3 -0
- package/dist/components/scroll-shadow/useScrollShadow.d.ts +13 -0
- package/dist/components/scroll-shadow/useScrollShadow.js +97 -0
- 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/spinner/Spinner.js +2 -23
- 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/toolbar/Toolbar.classes.d.ts +10 -0
- package/dist/components/toolbar/Toolbar.classes.js +11 -0
- package/dist/components/toolbar/Toolbar.css +55 -0
- package/dist/components/toolbar/Toolbar.d.ts +15 -0
- package/dist/components/toolbar/Toolbar.js +96 -0
- package/dist/components/toolbar/index.d.ts +1 -0
- package/dist/components/toolbar/index.js +5 -0
- 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 +14 -3
- package/dist/index.js +21 -10
- package/dist/purge-manifest.json +2574 -1452
- 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/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
|
@@ -0,0 +1,212 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
|
|
2
|
+
import "./Meter.css";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__Meter_classes_js_21fc494c__ from "./Meter.classes.js";
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
|
|
7
|
+
const MeterContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
|
|
8
|
+
const useMeterContext = ()=>{
|
|
9
|
+
const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(MeterContext);
|
|
10
|
+
if (!context) throw new Error("Meter compound components must be used within <Meter>");
|
|
11
|
+
return context;
|
|
12
|
+
};
|
|
13
|
+
const clamp = (value, min, max)=>Math.min(Math.max(value, min), max);
|
|
14
|
+
const MeterRoot = (props)=>{
|
|
15
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
16
|
+
"children",
|
|
17
|
+
"class",
|
|
18
|
+
"className",
|
|
19
|
+
"dataTheme",
|
|
20
|
+
"style",
|
|
21
|
+
"value",
|
|
22
|
+
"minValue",
|
|
23
|
+
"maxValue",
|
|
24
|
+
"lowValue",
|
|
25
|
+
"highValue",
|
|
26
|
+
"optimumValue",
|
|
27
|
+
"isDisabled",
|
|
28
|
+
"size",
|
|
29
|
+
"color",
|
|
30
|
+
"formatOptions",
|
|
31
|
+
"formatValue"
|
|
32
|
+
]);
|
|
33
|
+
const minValue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local.minValue ?? 0);
|
|
34
|
+
const maxValue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
|
|
35
|
+
const resolvedMin = minValue();
|
|
36
|
+
const resolvedMax = local.maxValue ?? 100;
|
|
37
|
+
return resolvedMax > resolvedMin ? resolvedMax : resolvedMin + 1;
|
|
38
|
+
});
|
|
39
|
+
const clampedValue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>clamp(local.value ?? minValue(), minValue(), maxValue()));
|
|
40
|
+
const percentage = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(clampedValue() - minValue()) / (maxValue() - minValue()) * 100);
|
|
41
|
+
const formatter = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
|
|
42
|
+
if (!local.formatOptions) return;
|
|
43
|
+
try {
|
|
44
|
+
return new Intl.NumberFormat(void 0, local.formatOptions);
|
|
45
|
+
} catch {
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
const state = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
|
|
50
|
+
const base = {
|
|
51
|
+
value: clampedValue(),
|
|
52
|
+
minValue: minValue(),
|
|
53
|
+
maxValue: maxValue(),
|
|
54
|
+
percentage: percentage(),
|
|
55
|
+
isDisabled: Boolean(local.isDisabled)
|
|
56
|
+
};
|
|
57
|
+
const valueText = local.formatValue ? local.formatValue(base.value, base) : formatter()?.format(base.value) ?? `${Math.round(base.percentage)}%`;
|
|
58
|
+
return {
|
|
59
|
+
...base,
|
|
60
|
+
valueText
|
|
61
|
+
};
|
|
62
|
+
});
|
|
63
|
+
const rootClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Meter_classes_js_21fc494c__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Meter_classes_js_21fc494c__.CLASSES.size[local.size ?? "md"], __WEBPACK_EXTERNAL_MODULE__Meter_classes_js_21fc494c__.CLASSES.color[local.color ?? "accent"], local.isDisabled && __WEBPACK_EXTERNAL_MODULE__Meter_classes_js_21fc494c__.CLASSES.state.disabled, local.class, local.className));
|
|
64
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(MeterContext.Provider, {
|
|
65
|
+
value: {
|
|
66
|
+
state
|
|
67
|
+
},
|
|
68
|
+
get children () {
|
|
69
|
+
var _el$ = _tmpl$();
|
|
70
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
71
|
+
get role () {
|
|
72
|
+
return others.role ?? "meter";
|
|
73
|
+
},
|
|
74
|
+
get ["aria-valuemin"] () {
|
|
75
|
+
return minValue();
|
|
76
|
+
},
|
|
77
|
+
get ["aria-valuemax"] () {
|
|
78
|
+
return maxValue();
|
|
79
|
+
},
|
|
80
|
+
get ["aria-valuenow"] () {
|
|
81
|
+
return state().value;
|
|
82
|
+
},
|
|
83
|
+
get ["aria-valuetext"] () {
|
|
84
|
+
return state().valueText;
|
|
85
|
+
},
|
|
86
|
+
get ["aria-disabled"] () {
|
|
87
|
+
return local.isDisabled ? "true" : void 0;
|
|
88
|
+
},
|
|
89
|
+
get ["data-disabled"] () {
|
|
90
|
+
return local.isDisabled ? "true" : void 0;
|
|
91
|
+
},
|
|
92
|
+
"data-slot": "meter",
|
|
93
|
+
get ["data-theme"] () {
|
|
94
|
+
return local.dataTheme;
|
|
95
|
+
},
|
|
96
|
+
get ["data-low-value"] () {
|
|
97
|
+
return local.lowValue;
|
|
98
|
+
},
|
|
99
|
+
get ["data-high-value"] () {
|
|
100
|
+
return local.highValue;
|
|
101
|
+
},
|
|
102
|
+
get ["data-optimum-value"] () {
|
|
103
|
+
return local.optimumValue;
|
|
104
|
+
},
|
|
105
|
+
get style () {
|
|
106
|
+
return local.style;
|
|
107
|
+
}
|
|
108
|
+
}, ()=>({
|
|
109
|
+
class: rootClasses()
|
|
110
|
+
})), false, true);
|
|
111
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
|
|
112
|
+
var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"function" == typeof local.children);
|
|
113
|
+
return ()=>_c$() ? local.children(state()) : local.children;
|
|
114
|
+
})());
|
|
115
|
+
return _el$;
|
|
116
|
+
}
|
|
117
|
+
});
|
|
118
|
+
};
|
|
119
|
+
const MeterOutput = (props)=>{
|
|
120
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
121
|
+
"children",
|
|
122
|
+
"class",
|
|
123
|
+
"className",
|
|
124
|
+
"dataTheme",
|
|
125
|
+
"style"
|
|
126
|
+
]);
|
|
127
|
+
const { state } = useMeterContext();
|
|
128
|
+
return (()=>{
|
|
129
|
+
var _el$2 = _tmpl$2();
|
|
130
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
131
|
+
"data-slot": "meter-output",
|
|
132
|
+
get ["data-theme"] () {
|
|
133
|
+
return local.dataTheme;
|
|
134
|
+
},
|
|
135
|
+
get style () {
|
|
136
|
+
return local.style;
|
|
137
|
+
}
|
|
138
|
+
}, ()=>({
|
|
139
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Meter_classes_js_21fc494c__.CLASSES.output, local.class, local.className)
|
|
140
|
+
})), false, true);
|
|
141
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children ?? state().valueText);
|
|
142
|
+
return _el$2;
|
|
143
|
+
})();
|
|
144
|
+
};
|
|
145
|
+
const MeterTrack = (props)=>{
|
|
146
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
147
|
+
"children",
|
|
148
|
+
"class",
|
|
149
|
+
"className",
|
|
150
|
+
"dataTheme",
|
|
151
|
+
"style"
|
|
152
|
+
]);
|
|
153
|
+
return (()=>{
|
|
154
|
+
var _el$3 = _tmpl$();
|
|
155
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
156
|
+
"data-slot": "meter-track",
|
|
157
|
+
get ["data-theme"] () {
|
|
158
|
+
return local.dataTheme;
|
|
159
|
+
},
|
|
160
|
+
get style () {
|
|
161
|
+
return local.style;
|
|
162
|
+
}
|
|
163
|
+
}, ()=>({
|
|
164
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Meter_classes_js_21fc494c__.CLASSES.track, local.class, local.className)
|
|
165
|
+
})), false, true);
|
|
166
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children);
|
|
167
|
+
return _el$3;
|
|
168
|
+
})();
|
|
169
|
+
};
|
|
170
|
+
const MeterFill = (props)=>{
|
|
171
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
172
|
+
"class",
|
|
173
|
+
"className",
|
|
174
|
+
"dataTheme",
|
|
175
|
+
"style"
|
|
176
|
+
]);
|
|
177
|
+
const { state } = useMeterContext();
|
|
178
|
+
const style = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
|
|
179
|
+
if ("string" == typeof local.style) {
|
|
180
|
+
const trimmed = local.style.trim();
|
|
181
|
+
const suffix = trimmed.length > 0 && !trimmed.endsWith(";") ? ";" : "";
|
|
182
|
+
return `${trimmed}${suffix} width: ${state().percentage}%;`;
|
|
183
|
+
}
|
|
184
|
+
return {
|
|
185
|
+
...local.style ?? {},
|
|
186
|
+
width: `${state().percentage}%`
|
|
187
|
+
};
|
|
188
|
+
});
|
|
189
|
+
return (()=>{
|
|
190
|
+
var _el$4 = _tmpl$();
|
|
191
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
192
|
+
"data-slot": "meter-fill",
|
|
193
|
+
get ["data-theme"] () {
|
|
194
|
+
return local.dataTheme;
|
|
195
|
+
},
|
|
196
|
+
get style () {
|
|
197
|
+
return style();
|
|
198
|
+
}
|
|
199
|
+
}, ()=>({
|
|
200
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Meter_classes_js_21fc494c__.CLASSES.fill, local.class, local.className)
|
|
201
|
+
})), false, false);
|
|
202
|
+
return _el$4;
|
|
203
|
+
})();
|
|
204
|
+
};
|
|
205
|
+
const Meter_Meter = Object.assign(MeterRoot, {
|
|
206
|
+
Root: MeterRoot,
|
|
207
|
+
Output: MeterOutput,
|
|
208
|
+
Track: MeterTrack,
|
|
209
|
+
Fill: MeterFill
|
|
210
|
+
});
|
|
211
|
+
const Meter = Meter_Meter;
|
|
212
|
+
export { Meter_Meter as Meter, MeterFill, MeterOutput, MeterRoot, MeterTrack, Meter as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default, Meter, MeterRoot, MeterOutput, MeterTrack, MeterFill, type MeterProps, type MeterRootProps, type MeterOutputProps, type MeterTrackProps, type MeterFillProps, type MeterSize, type MeterColor, type MeterRenderState, } from "./Meter";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE__Meter_js_d9647ac6__ from "./Meter.js";
|
|
2
|
+
var __webpack_exports__Meter = __WEBPACK_EXTERNAL_MODULE__Meter_js_d9647ac6__.Meter;
|
|
3
|
+
var __webpack_exports__MeterFill = __WEBPACK_EXTERNAL_MODULE__Meter_js_d9647ac6__.MeterFill;
|
|
4
|
+
var __webpack_exports__MeterOutput = __WEBPACK_EXTERNAL_MODULE__Meter_js_d9647ac6__.MeterOutput;
|
|
5
|
+
var __webpack_exports__MeterRoot = __WEBPACK_EXTERNAL_MODULE__Meter_js_d9647ac6__.MeterRoot;
|
|
6
|
+
var __webpack_exports__MeterTrack = __WEBPACK_EXTERNAL_MODULE__Meter_js_d9647ac6__.MeterTrack;
|
|
7
|
+
var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Meter_js_d9647ac6__["default"];
|
|
8
|
+
export { __webpack_exports__Meter as Meter, __webpack_exports__MeterFill as MeterFill, __webpack_exports__MeterOutput as MeterOutput, __webpack_exports__MeterRoot as MeterRoot, __webpack_exports__MeterTrack as MeterTrack, __webpack_exports__default as default };
|
|
@@ -3,7 +3,7 @@ import "./Modal.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__Modal_classes_js_d9ef4fe3__ from "./Modal.classes.js";
|
|
6
|
-
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div
|
|
6
|
+
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<h2>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg><path d="M18 6L6 18M6 6L18 18"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round>');
|
|
7
7
|
const ModalContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
|
|
8
8
|
const useModalContext = ()=>{
|
|
9
9
|
const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(ModalContext);
|
|
@@ -198,10 +198,9 @@ const ModalRoot = (props)=>{
|
|
|
198
198
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((node)=>{
|
|
199
199
|
if ("function" == typeof local.ref) local.ref(node);
|
|
200
200
|
}, _el$);
|
|
201
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
},
|
|
201
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
202
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Root.base, isVisibleState(animState()) && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Root.flag.open, local.class, local.className)
|
|
203
|
+
}), {
|
|
205
204
|
"data-slot": "modal-root",
|
|
206
205
|
get ["data-open"] () {
|
|
207
206
|
return isVisibleState(animState()) ? "true" : "false";
|
|
@@ -238,10 +237,10 @@ const ModalTrigger = (props)=>{
|
|
|
238
237
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
239
238
|
get type () {
|
|
240
239
|
return local.type ?? "button";
|
|
241
|
-
}
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
},
|
|
240
|
+
}
|
|
241
|
+
}, ()=>({
|
|
242
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Trigger.base, local.class, local.className)
|
|
243
|
+
}), {
|
|
245
244
|
"data-slot": "modal-trigger",
|
|
246
245
|
get ["data-theme"] () {
|
|
247
246
|
return local.dataTheme;
|
|
@@ -279,10 +278,9 @@ const ModalBackdrop = (props)=>{
|
|
|
279
278
|
};
|
|
280
279
|
return (()=>{
|
|
281
280
|
var _el$3 = _tmpl$();
|
|
282
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
},
|
|
281
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
282
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Backdrop.base, __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Backdrop.variant[variant()], isEntering() && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Backdrop.state.entering, isExiting() && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Backdrop.state.exiting, local.class, local.className)
|
|
283
|
+
}), {
|
|
286
284
|
"data-slot": "modal-backdrop",
|
|
287
285
|
get ["data-entering"] () {
|
|
288
286
|
return isEntering() ? "true" : void 0;
|
|
@@ -353,6 +351,20 @@ const ModalContent = (props)=>{
|
|
|
353
351
|
},
|
|
354
352
|
get children () {
|
|
355
353
|
var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild;
|
|
354
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
355
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.base, __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.placement[placement()], __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.scroll[scrollBehavior()], containerSizeClass(), isEntering() && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.state.entering, isExiting() && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.state.exiting)
|
|
356
|
+
}), {
|
|
357
|
+
"data-slot": "modal-container",
|
|
358
|
+
get ["data-placement"] () {
|
|
359
|
+
return placement();
|
|
360
|
+
},
|
|
361
|
+
get ["data-entering"] () {
|
|
362
|
+
return isEntering() ? "true" : void 0;
|
|
363
|
+
},
|
|
364
|
+
get ["data-exiting"] () {
|
|
365
|
+
return isExiting() ? "true" : void 0;
|
|
366
|
+
}
|
|
367
|
+
}), false, true);
|
|
356
368
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((node)=>{
|
|
357
369
|
context.setContentRef(node);
|
|
358
370
|
if ("function" == typeof local.ref) local.ref(node);
|
|
@@ -370,10 +382,10 @@ const ModalContent = (props)=>{
|
|
|
370
382
|
},
|
|
371
383
|
get tabIndex () {
|
|
372
384
|
return local.tabIndex ?? -1;
|
|
373
|
-
}
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
},
|
|
385
|
+
}
|
|
386
|
+
}, ()=>({
|
|
387
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Content.base, __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Content.scroll[scrollBehavior()], __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Content.size[size()], isEntering() && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Content.state.entering, isExiting() && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Content.state.exiting, local.class, local.className)
|
|
388
|
+
}), {
|
|
377
389
|
"data-slot": "modal-content",
|
|
378
390
|
get ["data-placement"] () {
|
|
379
391
|
return placement();
|
|
@@ -398,19 +410,6 @@ const ModalContent = (props)=>{
|
|
|
398
410
|
}
|
|
399
411
|
}), false, true);
|
|
400
412
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.children);
|
|
401
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
|
|
402
|
-
var _v$ = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.base, __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.placement[placement()], __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.scroll[scrollBehavior()], containerSizeClass(), isEntering() && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.state.entering, isExiting() && __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Container.state.exiting), _v$2 = placement(), _v$3 = isEntering() ? "true" : void 0, _v$4 = isExiting() ? "true" : void 0;
|
|
403
|
-
_v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, _p$.e = _v$);
|
|
404
|
-
_v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "data-placement", _p$.t = _v$2);
|
|
405
|
-
_v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "data-entering", _p$.a = _v$3);
|
|
406
|
-
_v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "data-exiting", _p$.o = _v$4);
|
|
407
|
-
return _p$;
|
|
408
|
-
}, {
|
|
409
|
-
e: void 0,
|
|
410
|
-
t: void 0,
|
|
411
|
-
a: void 0,
|
|
412
|
-
o: void 0
|
|
413
|
-
});
|
|
414
413
|
return _el$4;
|
|
415
414
|
}
|
|
416
415
|
});
|
|
@@ -429,10 +428,9 @@ const ModalHeader = (props)=>{
|
|
|
429
428
|
]);
|
|
430
429
|
return (()=>{
|
|
431
430
|
var _el$6 = _tmpl$();
|
|
432
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
},
|
|
431
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
432
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Header.base, local.class, local.className)
|
|
433
|
+
}), {
|
|
436
434
|
"data-slot": "modal-header",
|
|
437
435
|
get ["data-theme"] () {
|
|
438
436
|
return local.dataTheme;
|
|
@@ -469,10 +467,10 @@ const ModalHeading = (props)=>{
|
|
|
469
467
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
470
468
|
get id () {
|
|
471
469
|
return headingId();
|
|
472
|
-
}
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
},
|
|
470
|
+
}
|
|
471
|
+
}, ()=>({
|
|
472
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Heading.base, local.class, local.className)
|
|
473
|
+
}), {
|
|
476
474
|
"data-slot": "modal-heading",
|
|
477
475
|
get ["data-theme"] () {
|
|
478
476
|
return local.dataTheme;
|
|
@@ -495,10 +493,9 @@ const ModalIcon = (props)=>{
|
|
|
495
493
|
]);
|
|
496
494
|
return (()=>{
|
|
497
495
|
var _el$8 = _tmpl$();
|
|
498
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
},
|
|
496
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
497
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Icon.base, local.class, local.className)
|
|
498
|
+
}), {
|
|
502
499
|
"data-slot": "modal-icon",
|
|
503
500
|
get ["data-theme"] () {
|
|
504
501
|
return local.dataTheme;
|
|
@@ -535,10 +532,10 @@ const ModalBody = (props)=>{
|
|
|
535
532
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
536
533
|
get id () {
|
|
537
534
|
return bodyId();
|
|
538
|
-
}
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
},
|
|
535
|
+
}
|
|
536
|
+
}, ()=>({
|
|
537
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Body.base, __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Body.scroll[context.scrollBehavior()], local.class, local.className)
|
|
538
|
+
}), {
|
|
542
539
|
"data-slot": "modal-body",
|
|
543
540
|
get ["data-scroll"] () {
|
|
544
541
|
return context.scrollBehavior();
|
|
@@ -564,10 +561,9 @@ const ModalFooter = (props)=>{
|
|
|
564
561
|
]);
|
|
565
562
|
return (()=>{
|
|
566
563
|
var _el$0 = _tmpl$();
|
|
567
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
},
|
|
564
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
|
|
565
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.Footer.base, local.class, local.className)
|
|
566
|
+
}), {
|
|
571
567
|
"data-slot": "modal-footer",
|
|
572
568
|
get ["data-theme"] () {
|
|
573
569
|
return local.dataTheme;
|
|
@@ -604,10 +600,10 @@ const ModalCloseTrigger = (props)=>{
|
|
|
604
600
|
},
|
|
605
601
|
get ["aria-label"] () {
|
|
606
602
|
return local["aria-label"] ?? "Close modal";
|
|
607
|
-
}
|
|
608
|
-
|
|
609
|
-
|
|
610
|
-
},
|
|
603
|
+
}
|
|
604
|
+
}, ()=>({
|
|
605
|
+
class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.CloseTrigger.base, local.class, local.className)
|
|
606
|
+
}), {
|
|
611
607
|
"data-slot": "modal-close-trigger",
|
|
612
608
|
get ["data-theme"] () {
|
|
613
609
|
return local.dataTheme;
|
|
@@ -619,13 +615,21 @@ const ModalCloseTrigger = (props)=>{
|
|
|
619
615
|
}), false, true);
|
|
620
616
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$1, ()=>local.children ?? (()=>{
|
|
621
617
|
var _el$10 = _tmpl$5();
|
|
622
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.
|
|
618
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$10, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
619
|
+
class: __WEBPACK_EXTERNAL_MODULE__Modal_classes_js_d9ef4fe3__.CLASSES.CloseTrigger.icon
|
|
620
|
+
}), {
|
|
621
|
+
"data-slot": "modal-close-trigger-icon",
|
|
622
|
+
viewBox: "0 0 24 24",
|
|
623
|
+
fill: "none",
|
|
624
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
625
|
+
"aria-hidden": "true"
|
|
626
|
+
}), true, true);
|
|
623
627
|
return _el$10;
|
|
624
628
|
})());
|
|
625
629
|
return _el$1;
|
|
626
630
|
})();
|
|
627
631
|
};
|
|
628
|
-
const
|
|
632
|
+
const Modal = Object.assign(ModalRoot, {
|
|
629
633
|
Root: ModalRoot,
|
|
630
634
|
Trigger: ModalTrigger,
|
|
631
635
|
Backdrop: ModalBackdrop,
|
|
@@ -637,5 +641,5 @@ const Modal_Modal = Object.assign(ModalRoot, {
|
|
|
637
641
|
Footer: ModalFooter,
|
|
638
642
|
CloseTrigger: ModalCloseTrigger
|
|
639
643
|
});
|
|
640
|
-
const
|
|
641
|
-
export { ModalBackdrop, ModalBody, ModalCloseTrigger, ModalContent, ModalFooter, ModalHeader, ModalHeading, ModalIcon, ModalRoot, ModalTrigger,
|
|
644
|
+
const modal_Modal = Modal;
|
|
645
|
+
export { ModalBackdrop, ModalBody, ModalCloseTrigger, ModalContent, ModalFooter, ModalHeader, ModalHeading, ModalIcon, ModalRoot, ModalTrigger, modal_Modal as default };
|
|
@@ -19,10 +19,9 @@ const NavbarRow = (props)=>{
|
|
|
19
19
|
const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.row.base, true === local.bordered && __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.row.flag.bordered, false !== local.padded && __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.row.flag.padded, __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.row.color[colorKey()], local.class, local.className));
|
|
20
20
|
return (()=>{
|
|
21
21
|
var _el$ = _tmpl$();
|
|
22
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
},
|
|
22
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
23
|
+
class: classes()
|
|
24
|
+
}), {
|
|
26
25
|
get style () {
|
|
27
26
|
return local.style;
|
|
28
27
|
},
|
|
@@ -18,10 +18,10 @@ const NavbarSection = (props)=>{
|
|
|
18
18
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
19
19
|
get ["data-theme"] () {
|
|
20
20
|
return local.dataTheme;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
},
|
|
21
|
+
}
|
|
22
|
+
}, ()=>({
|
|
23
|
+
class: classes()
|
|
24
|
+
}), {
|
|
25
25
|
get style () {
|
|
26
26
|
return local.style;
|
|
27
27
|
}
|
|
@@ -17,10 +17,9 @@ const NavbarStack = (props)=>{
|
|
|
17
17
|
const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.stack.base, local.sticky && __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.stack.flag.sticky, local.container && __WEBPACK_EXTERNAL_MODULE__Navbar_classes_js_dd9fd35b__.CLASSES.stack.flag.container, local.class, local.className));
|
|
18
18
|
return (()=>{
|
|
19
19
|
var _el$ = _tmpl$();
|
|
20
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
},
|
|
20
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
21
|
+
class: classes()
|
|
22
|
+
}), {
|
|
24
23
|
get style () {
|
|
25
24
|
return local.style;
|
|
26
25
|
},
|
|
@@ -146,10 +146,9 @@ const NoiseBackground = (rawProps)=>{
|
|
|
146
146
|
var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling;
|
|
147
147
|
var _ref$ = containerRef;
|
|
148
148
|
"function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$) : containerRef = _el$;
|
|
149
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
},
|
|
149
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
150
|
+
class: containerClasses()
|
|
151
|
+
}), {
|
|
153
152
|
get style () {
|
|
154
153
|
return {
|
|
155
154
|
"--noise-opacity": noiseIntensity(),
|
|
@@ -163,51 +162,56 @@ const NoiseBackground = (rawProps)=>{
|
|
|
163
162
|
}, others), false, true);
|
|
164
163
|
var _ref$2 = layer0;
|
|
165
164
|
"function" == typeof _ref$2 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$2, _el$2) : layer0 = _el$2;
|
|
165
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
166
|
+
class: __WEBPACK_EXTERNAL_MODULE__NoiseBackground_classes_js_aea288b9__.CLASSES.slot.layer0
|
|
167
|
+
})), false, false);
|
|
166
168
|
var _ref$3 = layer1;
|
|
167
169
|
"function" == typeof _ref$3 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$3, _el$3) : layer1 = _el$3;
|
|
170
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
171
|
+
class: __WEBPACK_EXTERNAL_MODULE__NoiseBackground_classes_js_aea288b9__.CLASSES.slot.layer1
|
|
172
|
+
})), false, false);
|
|
168
173
|
var _ref$4 = layer2;
|
|
169
174
|
"function" == typeof _ref$4 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$4, _el$4) : layer2 = _el$4;
|
|
175
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
176
|
+
class: __WEBPACK_EXTERNAL_MODULE__NoiseBackground_classes_js_aea288b9__.CLASSES.slot.layer2
|
|
177
|
+
})), false, false);
|
|
170
178
|
var _ref$5 = stripEl;
|
|
171
179
|
"function" == typeof _ref$5 ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$5, _el$5) : stripEl = _el$5;
|
|
180
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
181
|
+
class: __WEBPACK_EXTERNAL_MODULE__NoiseBackground_classes_js_aea288b9__.CLASSES.slot.strip
|
|
182
|
+
}), {
|
|
183
|
+
get style () {
|
|
184
|
+
return {
|
|
185
|
+
background: `linear-gradient(to right, ${colors().join(", ")})`,
|
|
186
|
+
"border-radius": `${borderRadius()} ${borderRadius()} 0 0`
|
|
187
|
+
};
|
|
188
|
+
}
|
|
189
|
+
}), false, false);
|
|
172
190
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
|
|
173
191
|
var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!(local.showNoise ?? false));
|
|
174
192
|
return ()=>_c$() && (()=>{
|
|
175
193
|
var _el$7 = _tmpl$2(), _el$8 = _el$7.firstChild;
|
|
176
|
-
_el$
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
}, {
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
194
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
195
|
+
class: __WEBPACK_EXTERNAL_MODULE__NoiseBackground_classes_js_aea288b9__.CLASSES.slot.noiseWrap
|
|
196
|
+
})), false, true);
|
|
197
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
|
|
198
|
+
get src () {
|
|
199
|
+
return local.noiseSrc ?? "/noise.webp";
|
|
200
|
+
}
|
|
201
|
+
}, ()=>({
|
|
202
|
+
class: __WEBPACK_EXTERNAL_MODULE__NoiseBackground_classes_js_aea288b9__.CLASSES.slot.noiseImage
|
|
203
|
+
}), {
|
|
204
|
+
style: {
|
|
205
|
+
opacity: "var(--noise-opacity, 0.2)"
|
|
206
|
+
}
|
|
207
|
+
}), false, false);
|
|
188
208
|
return _el$7;
|
|
189
209
|
})();
|
|
190
210
|
})(), _el$6);
|
|
211
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
|
|
212
|
+
class: contentClasses()
|
|
213
|
+
})), false, true);
|
|
191
214
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
|
|
192
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
|
|
193
|
-
var _v$ = __WEBPACK_EXTERNAL_MODULE__NoiseBackground_classes_js_aea288b9__.CLASSES.slot.layer0, _v$2 = __WEBPACK_EXTERNAL_MODULE__NoiseBackground_classes_js_aea288b9__.CLASSES.slot.layer1, _v$3 = __WEBPACK_EXTERNAL_MODULE__NoiseBackground_classes_js_aea288b9__.CLASSES.slot.layer2, _v$4 = __WEBPACK_EXTERNAL_MODULE__NoiseBackground_classes_js_aea288b9__.CLASSES.slot.strip, _v$5 = `linear-gradient(to right, ${colors().join(", ")})`, _v$6 = `${borderRadius()} ${borderRadius()} 0 0`, _v$7 = contentClasses();
|
|
194
|
-
_v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, _p$.e = _v$);
|
|
195
|
-
_v$2 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, _p$.t = _v$2);
|
|
196
|
-
_v$3 !== _p$.a && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, _p$.a = _v$3);
|
|
197
|
-
_v$4 !== _p$.o && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$5, _p$.o = _v$4);
|
|
198
|
-
_v$5 !== _p$.i && (null != (_p$.i = _v$5) ? _el$5.style.setProperty("background", _v$5) : _el$5.style.removeProperty("background"));
|
|
199
|
-
_v$6 !== _p$.n && (null != (_p$.n = _v$6) ? _el$5.style.setProperty("border-radius", _v$6) : _el$5.style.removeProperty("border-radius"));
|
|
200
|
-
_v$7 !== _p$.s && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$6, _p$.s = _v$7);
|
|
201
|
-
return _p$;
|
|
202
|
-
}, {
|
|
203
|
-
e: void 0,
|
|
204
|
-
t: void 0,
|
|
205
|
-
a: void 0,
|
|
206
|
-
o: void 0,
|
|
207
|
-
i: void 0,
|
|
208
|
-
n: void 0,
|
|
209
|
-
s: void 0
|
|
210
|
-
});
|
|
211
215
|
return _el$;
|
|
212
216
|
})();
|
|
213
217
|
};
|