@smg-automotive/components 25.11.0-migrate-v3-header-full.3 → 25.11.0-migrate-v3-header-full.4
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/cjs/components/index.d.ts +1 -0
- package/dist/cjs/components/index.d.ts.map +1 -1
- package/dist/cjs/components/menu/index.d.ts +4 -1
- package/dist/cjs/components/menu/index.d.ts.map +1 -1
- package/dist/cjs/components/rangeFilterInput/InputGroup.d.ts +1 -1
- package/dist/cjs/components/rangeFilterInput/InputGroup.d.ts.map +1 -1
- package/dist/cjs/components/rangeFilterInput/index.d.ts.map +1 -1
- package/dist/cjs/components/rangeFilterInputWithSlider/index.d.ts +34 -0
- package/dist/cjs/components/rangeFilterInputWithSlider/index.d.ts.map +1 -0
- package/dist/cjs/components/rangeSlider/Chart.d.ts +10 -0
- package/dist/cjs/components/rangeSlider/Chart.d.ts.map +1 -0
- package/dist/cjs/components/rangeSlider/RangeSliderWithChart.d.ts +17 -0
- package/dist/cjs/components/rangeSlider/RangeSliderWithChart.d.ts.map +1 -0
- package/dist/cjs/components/rangeSlider/RangeSliderWithScale.d.ts +46 -0
- package/dist/cjs/components/rangeSlider/RangeSliderWithScale.d.ts.map +1 -0
- package/dist/cjs/components/rangeSlider/index.d.ts +10 -0
- package/dist/cjs/components/rangeSlider/index.d.ts.map +1 -0
- package/dist/cjs/index.js +86 -29
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/themes/shared/slotRecipes/menu.d.ts.map +1 -1
- package/dist/cjs/themes/shared/slotRecipes/numberInput.d.ts.map +1 -1
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/menu/index.d.ts +4 -1
- package/dist/esm/components/menu/index.d.ts.map +1 -1
- package/dist/esm/components/menu/index.js +12 -7
- package/dist/esm/components/menu/index.js.map +1 -1
- package/dist/esm/components/rangeFilterInput/InputGroup.d.ts +1 -1
- package/dist/esm/components/rangeFilterInput/InputGroup.d.ts.map +1 -1
- package/dist/esm/components/rangeFilterInput/InputGroup.js +54 -14
- package/dist/esm/components/rangeFilterInput/InputGroup.js.map +1 -1
- package/dist/esm/components/rangeFilterInput/index.d.ts.map +1 -1
- package/dist/esm/components/rangeFilterInput/index.js +2 -4
- package/dist/esm/components/rangeFilterInput/index.js.map +1 -1
- package/dist/esm/components/rangeFilterInputWithSlider/index.d.ts +34 -0
- package/dist/esm/components/rangeFilterInputWithSlider/index.d.ts.map +1 -0
- package/dist/esm/components/rangeSlider/Chart.d.ts +10 -0
- package/dist/esm/components/rangeSlider/Chart.d.ts.map +1 -0
- package/dist/esm/components/rangeSlider/RangeSliderWithChart.d.ts +17 -0
- package/dist/esm/components/rangeSlider/RangeSliderWithChart.d.ts.map +1 -0
- package/dist/esm/components/rangeSlider/RangeSliderWithScale.d.ts +46 -0
- package/dist/esm/components/rangeSlider/RangeSliderWithScale.d.ts.map +1 -0
- package/dist/esm/components/rangeSlider/index.d.ts +10 -0
- package/dist/esm/components/rangeSlider/index.d.ts.map +1 -0
- package/dist/esm/components/rangeSlider/index.js +16 -0
- package/dist/esm/components/rangeSlider/index.js.map +1 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/themes/shared/slotRecipes/menu.d.ts.map +1 -1
- package/dist/esm/themes/shared/slotRecipes/menu.js +1 -0
- package/dist/esm/themes/shared/slotRecipes/menu.js.map +1 -1
- package/dist/esm/themes/shared/slotRecipes/numberInput.d.ts.map +1 -1
- package/dist/esm/themes/shared/slotRecipes/numberInput.js +3 -1
- package/dist/esm/themes/shared/slotRecipes/numberInput.js.map +1 -1
- package/dist/esm/themes/shared/slotRecipes/slider.js +7 -7
- package/dist/esm/themes/shared/slotRecipes/slider.js.map +1 -1
- package/dist/index.d.ts +13 -3
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/menu.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/menu.ts"],"names":[],"mappings":"AAiEA,eAAO,MAAM,UAAU,qKAQrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"numberInput.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/numberInput.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"numberInput.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/numberInput.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuG5B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC, JSX, ReactElement } from 'react';
|
|
2
|
-
import { MenuRootProps, MenuTriggerProps } from '@chakra-ui/react';
|
|
2
|
+
import { MenuContentProps, MenuRootProps, MenuTriggerProps } from '@chakra-ui/react';
|
|
3
3
|
interface MenuItem {
|
|
4
4
|
text: JSX.Element | string;
|
|
5
5
|
value: string;
|
|
@@ -8,13 +8,16 @@ interface MenuItem {
|
|
|
8
8
|
export interface MenuProps {
|
|
9
9
|
title: string | ReactElement;
|
|
10
10
|
items: MenuItem[];
|
|
11
|
+
value?: string;
|
|
11
12
|
fontWeightTitle?: MenuTriggerProps['fontWeight'];
|
|
12
13
|
offset?: [number, number];
|
|
13
14
|
menuColor?: MenuTriggerProps['color'];
|
|
15
|
+
menuOptionColor?: MenuContentProps['color'];
|
|
14
16
|
showChevron?: boolean;
|
|
15
17
|
icon?: ReactElement;
|
|
16
18
|
iconSpacing?: MenuTriggerProps['gap'];
|
|
17
19
|
placement?: Exclude<MenuRootProps['positioning'], undefined>['placement'];
|
|
20
|
+
showOptionsCheckmark?: boolean;
|
|
18
21
|
}
|
|
19
22
|
export declare const Menu: FC<MenuProps>;
|
|
20
23
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAGL,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAGjB,MAAM,kBAAkB,CAAC;AAI1B,UAAU,QAAQ;IAChB,IAAI,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,GAAG,YAAY,CAAC;IAC7B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC;IAC1E,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA8E9B,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { useSlotRecipe, Menu as Menu$1, Portal } from '@chakra-ui/react';
|
|
3
|
+
import { useSlotRecipe, Menu as Menu$1, Portal, Box } from '@chakra-ui/react';
|
|
4
4
|
import '../icons/AdvancedSearchIcon.js';
|
|
5
5
|
import '../icons/ArrowCircleIcon.js';
|
|
6
6
|
import '../icons/ArrowDiagonalIcon.js';
|
|
@@ -21,7 +21,7 @@ import '../icons/CarConditionIcon.js';
|
|
|
21
21
|
import '../icons/CarIcon.js';
|
|
22
22
|
import '../icons/CopyIcon.js';
|
|
23
23
|
import '../icons/ChartIcon.js';
|
|
24
|
-
import '../icons/CheckmarkIcon.js';
|
|
24
|
+
import { CheckmarkIcon } from '../icons/CheckmarkIcon.js';
|
|
25
25
|
import '../icons/CheckmarkCircleIcon.js';
|
|
26
26
|
import '../icons/CheckShieldIcon.js';
|
|
27
27
|
import '../icons/ChevronDownLargeIcon.js';
|
|
@@ -169,14 +169,16 @@ import '../icons/CollapseIcon.js';
|
|
|
169
169
|
import '../icons/ForwardIcon.js';
|
|
170
170
|
|
|
171
171
|
var Menu = function (_a) {
|
|
172
|
-
var title = _a.title, items = _a.items, _b = _a.fontWeightTitle, fontWeightTitle = _b === void 0 ? 'regular' : _b, _c = _a.offset, offset = _c === void 0 ? [8, 0] : _c, menuColor = _a.menuColor, _d = _a.showChevron, showChevron = _d === void 0 ? true : _d, icon = _a.icon, _e = _a.iconSpacing, iconSpacing = _e === void 0 ? 'sm' : _e, placement = _a.placement;
|
|
172
|
+
var title = _a.title, items = _a.items, value = _a.value, _b = _a.fontWeightTitle, fontWeightTitle = _b === void 0 ? 'regular' : _b, _c = _a.offset, offset = _c === void 0 ? [8, 0] : _c, menuColor = _a.menuColor, menuOptionColor = _a.menuOptionColor, _d = _a.showChevron, showChevron = _d === void 0 ? true : _d, icon = _a.icon, _e = _a.iconSpacing, iconSpacing = _e === void 0 ? 'sm' : _e, placement = _a.placement, _f = _a.showOptionsCheckmark, showOptionsCheckmark = _f === void 0 ? false : _f;
|
|
173
173
|
var recipe = useSlotRecipe({ key: 'menu' });
|
|
174
174
|
var styles = recipe();
|
|
175
|
-
var
|
|
175
|
+
var _g = offset[0], crossAxis = _g === void 0 ? 0 : _g, _h = offset[1], mainAxis = _h === void 0 ? 0 : _h;
|
|
176
176
|
return (React.createElement(Menu$1.Root, { positioning: { placement: placement, offset: { mainAxis: mainAxis, crossAxis: crossAxis } } },
|
|
177
177
|
React.createElement(Menu$1.Context, null, function (_a) {
|
|
178
178
|
var open = _a.open;
|
|
179
|
-
|
|
179
|
+
// menuColor takes precedence over the open state color
|
|
180
|
+
var color = menuColor || (open ? 'blue.700' : undefined);
|
|
181
|
+
return (React.createElement(Menu$1.Trigger, { css: styles.trigger, gap: iconSpacing, fontWeight: fontWeightTitle, color: color },
|
|
180
182
|
icon,
|
|
181
183
|
title,
|
|
182
184
|
showChevron ? (React.createElement(ChevronDownSmallIcon, { transition: "transform", transform: open ? 'rotate(180deg)' : 'rotate(0deg)' })) : null));
|
|
@@ -184,8 +186,11 @@ var Menu = function (_a) {
|
|
|
184
186
|
React.createElement(Portal, null,
|
|
185
187
|
React.createElement(Menu$1.Positioner, null,
|
|
186
188
|
React.createElement(Menu$1.Content, { css: styles.content }, items.map(function (_a) {
|
|
187
|
-
var onClick = _a.onClick, text = _a.text,
|
|
188
|
-
|
|
189
|
+
var onClick = _a.onClick, text = _a.text, itemValue = _a.value;
|
|
190
|
+
var optionColor = menuOptionColor || menuColor;
|
|
191
|
+
return (React.createElement(Menu$1.Item, __assign({ key: "menuItem-".concat(value), value: itemValue, onSelect: onClick, css: styles.item }, (optionColor && { color: optionColor })),
|
|
192
|
+
showOptionsCheckmark ? (React.createElement(Box, { w: "xs", display: "flex", justifyContent: "center", marginRight: "sm" }, itemValue === value ? React.createElement(CheckmarkIcon, null) : null)) : null,
|
|
193
|
+
text));
|
|
189
194
|
}))))));
|
|
190
195
|
};
|
|
191
196
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/menu/index.tsx"],"sourcesContent":[null],"names":["ChakraMenu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/menu/index.tsx"],"sourcesContent":[null],"names":["ChakraMenu"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { RecipeVariantProps } from '@chakra-ui/react';
|
|
3
3
|
import { numberInputRecipe } from 'src/themes/shared/slotRecipes/numberInput';
|
|
4
|
-
import { ChangeCallback, PickedNumberInputProps, RangeFilterInputField } from './index';
|
|
4
|
+
import type { ChangeCallback, PickedNumberInputProps, RangeFilterInputField } from './index';
|
|
5
5
|
type NumberInputVariantProps = RecipeVariantProps<typeof numberInputRecipe>;
|
|
6
6
|
type InputGroupProps<Name extends string> = NumberInputVariantProps & {
|
|
7
7
|
handleChange: (event: ChangeCallback<Name>) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInput/InputGroup.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInput/InputGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAEL,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAI9E,OAAO,KAAK,EACV,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAEjB,KAAK,uBAAuB,GAAG,kBAAkB,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5E,KAAK,eAAe,CAAC,IAAI,SAAS,MAAM,IAAI,uBAAuB,GAAG;IACpE,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACpD,UAAU,EAAE,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,sBAAsB,CAAC;AAQ3B,eAAO,MAAM,UAAU,GAAI,IAAI,SAAS,MAAM,EAAE,qDAM7C,eAAe,CAAC,IAAI,CAAC,sBAyEvB,CAAC"}
|
|
@@ -1,30 +1,70 @@
|
|
|
1
1
|
import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
-
import
|
|
2
|
+
import { useDebouncedCallback } from 'use-debounce';
|
|
3
|
+
import React, { useState, useEffect } from 'react';
|
|
3
4
|
import { useSlotRecipe, NumberInput } from '@chakra-ui/react';
|
|
4
5
|
import { InputLeftElement } from './InputLeftElement.js';
|
|
5
6
|
|
|
7
|
+
var parseToNumberOrUndef = function (raw) {
|
|
8
|
+
if (raw.trim() === '')
|
|
9
|
+
return undefined;
|
|
10
|
+
var n = Number(raw);
|
|
11
|
+
return Number.isNaN(n) ? undefined : n;
|
|
12
|
+
};
|
|
6
13
|
var InputGroup = function (_a) {
|
|
7
14
|
var _b;
|
|
8
15
|
var handleChange = _a.handleChange, inputProps = _a.inputProps, onBlur = _a.onBlur, unit = _a.unit, rest = __rest(_a, ["handleChange", "inputProps", "onBlur", "unit"]);
|
|
9
|
-
var _c = useState(false), refocus = _c[0], setRefocus = _c[1];
|
|
10
16
|
var recipe = useSlotRecipe({ key: 'numberInput' });
|
|
11
|
-
var
|
|
17
|
+
var _c = recipe.splitVariantProps(rest), recipeProps = _c[0], restProps = _c[1];
|
|
12
18
|
var styles = recipe(recipeProps);
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
/**
|
|
20
|
+
* Local string state that represents exactly what the user typed.
|
|
21
|
+
*
|
|
22
|
+
* Why string:
|
|
23
|
+
* - Allows intermediate values ("1" → "10" → "100")
|
|
24
|
+
* - Prevents cursor jumps and unstable behavior
|
|
25
|
+
* - Most stable approach with Chakra v3 NumberInput
|
|
26
|
+
*/
|
|
27
|
+
var _d = useState(inputProps.value != null ? String(inputProps.value) : ''), raw = _d[0], setRaw = _d[1];
|
|
28
|
+
/**
|
|
29
|
+
* Sync external value changes (e.g. slider moved) back into the input.
|
|
30
|
+
* Without this, the input would display stale values.
|
|
31
|
+
*/
|
|
32
|
+
useEffect(function () {
|
|
33
|
+
setRaw(inputProps.value != null ? String(inputProps.value) : '');
|
|
34
|
+
}, [inputProps.value]);
|
|
35
|
+
/**
|
|
36
|
+
* Debounced emit PER INPUT (important!)
|
|
37
|
+
*
|
|
38
|
+
* Why per-input debounce:
|
|
39
|
+
* - Shared debounce caused race conditions between FROM / TO inputs
|
|
40
|
+
* - Each input must control its own timing
|
|
41
|
+
*
|
|
42
|
+
*/
|
|
43
|
+
var debouncedEmit = useDebouncedCallback(function (nextRaw) {
|
|
44
|
+
handleChange({
|
|
45
|
+
name: inputProps.name,
|
|
46
|
+
value: parseToNumberOrUndef(nextRaw),
|
|
47
|
+
});
|
|
48
|
+
}, 1000);
|
|
49
|
+
return (React.createElement(NumberInput.Root, __assign({ css: styles.root, width: "full",
|
|
50
|
+
// Update local string immediately
|
|
51
|
+
value: raw, onValueChange: function (_a) {
|
|
52
|
+
var value = _a.value;
|
|
53
|
+
setRaw(value);
|
|
54
|
+
debouncedEmit(value);
|
|
55
|
+
},
|
|
56
|
+
/**
|
|
57
|
+
* On blur we emit immediately as a safety net,
|
|
58
|
+
* ensuring the final value is always propagated.
|
|
59
|
+
*/
|
|
60
|
+
onBlur: function () {
|
|
20
61
|
onBlur === null || onBlur === void 0 ? void 0 : onBlur({
|
|
21
|
-
value: Number(event.target.value) || undefined,
|
|
22
62
|
name: inputProps.name,
|
|
63
|
+
value: parseToNumberOrUndef(raw),
|
|
23
64
|
});
|
|
24
|
-
|
|
25
|
-
}, onFocus: function () { return setRefocus(true); } }, restProps),
|
|
65
|
+
} }, restProps),
|
|
26
66
|
unit ? React.createElement(InputLeftElement, { unit: unit }) : null,
|
|
27
|
-
React.createElement(NumberInput.Input, { css: styles.input, placeholder: (_b = inputProps.placeholder) !== null && _b !== void 0 ? _b : '',
|
|
67
|
+
React.createElement(NumberInput.Input, { css: styles.input, placeholder: (_b = inputProps.placeholder) !== null && _b !== void 0 ? _b : '', "aria-label": inputProps.ariaLabel, fontSize: "base" })));
|
|
28
68
|
};
|
|
29
69
|
|
|
30
70
|
export { InputGroup };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputGroup.js","sources":["../../../../../src/components/rangeFilterInput/InputGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InputGroup.js","sources":["../../../../../src/components/rangeFilterInput/InputGroup.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInput/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAI/C,MAAM,MAAM,qBAAqB,CAAC,IAAI,IAAI;IACxC,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,IAAI,IAAI;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,EAC7C,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,SAAS,CACvC,CAAC;AAEF,KAAK,qBAAqB,CAAC,QAAQ,SAAS,MAAM,EAAE,MAAM,SAAS,MAAM,IAAI;IAC3E,IAAI,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACtC,YAAY,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IACjE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IAC5D,EAAE,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,sBAAsB,CAAC;AAE3B,eAAO,MAAM,gBAAgB,GAC3B,QAAQ,SAAS,MAAM,EACvB,MAAM,SAAS,MAAM,EACrB,mDAOC,qBAAqB,CAAC,QAAQ,EAAE,MAAM,CAAC,sBAsBzC,CAAC"}
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
-
import { useDebouncedCallback } from 'use-debounce';
|
|
3
2
|
import React from 'react';
|
|
4
3
|
import { Flex } from '@chakra-ui/react';
|
|
5
4
|
import { InputGroup } from './InputGroup.js';
|
|
6
5
|
|
|
7
6
|
var RangeFilterInput = function (_a) {
|
|
8
7
|
var from = _a.from, to = _a.to, handleChange = _a.handleChange, unit = _a.unit, onBlur = _a.onBlur, rest = __rest(_a, ["from", "to", "handleChange", "unit", "onBlur"]);
|
|
9
|
-
var handleChangeDebounced = useDebouncedCallback(handleChange, 1000);
|
|
10
8
|
return (React.createElement(Flex, null,
|
|
11
|
-
React.createElement(InputGroup, __assign({ inputProps: from, variant: "inputLeft", handleChange:
|
|
12
|
-
React.createElement(InputGroup, __assign({ inputProps: to, variant: "inputRight", handleChange:
|
|
9
|
+
React.createElement(InputGroup, __assign({ inputProps: from, variant: "inputLeft", handleChange: handleChange, onBlur: onBlur, unit: unit }, rest)),
|
|
10
|
+
React.createElement(InputGroup, __assign({ inputProps: to, variant: "inputRight", handleChange: handleChange, onBlur: onBlur, unit: unit }, rest))));
|
|
13
11
|
};
|
|
14
12
|
|
|
15
13
|
export { RangeFilterInput };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/rangeFilterInput/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/rangeFilterInput/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAiCO,IAAM,gBAAgB,GAAG,UAG9B,EAOwC,EAAA;AANxC,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAE,GAAA,EAAA,CAAA,EAAA,EACF,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,MAAM,GAAA,EAAA,CAAA,MAAA,EACH,IAAI,GAAA,MAAA,CAAA,EAAA,EANP,gDAOD,CADQ;IAEP,QACE,oBAAC,IAAI,EAAA,IAAA;QACH,KAAA,CAAA,aAAA,CAAC,UAAU,aACT,UAAU,EAAE,IAAI,EAChB,OAAO,EAAC,WAAW,EACnB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EAAA,EACN,IAAI,CAAA,CACR;QAEF,KAAA,CAAA,aAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EACT,UAAU,EAAE,EAAE,EACd,OAAO,EAAC,YAAY,EACpB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EAAA,EACN,IAAI,CAAA,CACR,CACG;AAEX;;;;"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { NumericMinMaxValue } from '../rangeSlider/RangeSliderWithScale';
|
|
3
|
+
import { Facet, RangeSliderWithChartProps } from '../rangeSlider/RangeSliderWithChart';
|
|
4
|
+
import type { ChangeCallback, PickedNumberInputProps, RangeFilterInputField } from '../rangeFilterInput';
|
|
5
|
+
export type ChangeSliderCallback = {
|
|
6
|
+
touched: 'min' | 'max';
|
|
7
|
+
value: NumericMinMaxValue;
|
|
8
|
+
};
|
|
9
|
+
type ChangeRangeInputWithSliderCallback<Name> = {
|
|
10
|
+
changeType?: 'inputfield' | 'slider';
|
|
11
|
+
} & ChangeCallback<Name>;
|
|
12
|
+
type RangeSliderProps = {
|
|
13
|
+
facets?: Facet[];
|
|
14
|
+
rangeSliderScale?: number[];
|
|
15
|
+
chartHeight?: RangeSliderWithChartProps['chartHeight'];
|
|
16
|
+
} & ({
|
|
17
|
+
facets: Facet[];
|
|
18
|
+
chartHeight?: string;
|
|
19
|
+
rangeSliderScale?: never;
|
|
20
|
+
} | {
|
|
21
|
+
rangeSliderScale: number[];
|
|
22
|
+
facets?: never;
|
|
23
|
+
chartHeight?: never;
|
|
24
|
+
});
|
|
25
|
+
export type Props<NameFrom, NameTo> = {
|
|
26
|
+
from: RangeFilterInputField<NameFrom>;
|
|
27
|
+
onChange: (event: ChangeRangeInputWithSliderCallback<NameFrom | NameTo>) => void;
|
|
28
|
+
onBlur?: (event: ChangeRangeInputWithSliderCallback<NameFrom | NameTo>) => void;
|
|
29
|
+
to: RangeFilterInputField<NameTo>;
|
|
30
|
+
unit?: string;
|
|
31
|
+
} & RangeSliderProps & PickedNumberInputProps;
|
|
32
|
+
export declare function RangeFilterInputWithSlider<NameFrom extends string, NameTo extends string>({ rangeSliderScale, facets, unit, onChange, from, to, chartHeight, ...rest }: Props<NameFrom, NameTo>): React.JSX.Element;
|
|
33
|
+
export {};
|
|
34
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInputWithSlider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EACL,kBAAkB,EAEnB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,KAAK,EAEL,yBAAyB,EAC1B,MAAM,qCAAqC,CAAC;AAE7C,OAAO,KAAK,EACV,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,qBAAqB,CAAC;AAI7B,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB,KAAK,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,KAAK,kCAAkC,CAAC,IAAI,IAAI;IAC9C,UAAU,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAC;CACtC,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAEzB,KAAK,gBAAgB,GAAG;IACtB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,yBAAyB,CAAC,aAAa,CAAC,CAAC;CACxD,GAAG,CACA;IAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,KAAK,CAAA;CAAE,GACnE;IAAE,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CACtE,CAAC;AAEF,MAAM,MAAM,KAAK,CAAC,QAAQ,EAAE,MAAM,IAAI;IACpC,IAAI,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACtC,QAAQ,EAAE,CACR,KAAK,EAAE,kCAAkC,CAAC,QAAQ,GAAG,MAAM,CAAC,KACzD,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,kCAAkC,CAAC,QAAQ,GAAG,MAAM,CAAC,KACzD,IAAI,CAAC;IACV,EAAE,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,gBAAgB,GAClB,sBAAsB,CAAC;AAEzB,wBAAgB,0BAA0B,CACxC,QAAQ,SAAS,MAAM,EACvB,MAAM,SAAS,MAAM,EACrB,EACA,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,EAAE,EACF,WAAW,EACX,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,QAAQ,EAAE,MAAM,CAAC,qBAsFzB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Facet } from './RangeSliderWithChart';
|
|
3
|
+
interface Props {
|
|
4
|
+
facets?: Facet[];
|
|
5
|
+
range: number[];
|
|
6
|
+
height?: 'sm' | 'normal';
|
|
7
|
+
}
|
|
8
|
+
export declare const Chart: React.FC<Props>;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=Chart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/Chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,MAAM,CAAC,EAAE,IAAI,GAAG,QAAQ,CAAC;CAC1B;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0BjC,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BoxProps } from '@chakra-ui/react';
|
|
3
|
+
import { ChangeCallback, NumericMinMaxValue } from './RangeSliderWithScale';
|
|
4
|
+
export type Facet = {
|
|
5
|
+
from: number;
|
|
6
|
+
to?: number | null;
|
|
7
|
+
value: number;
|
|
8
|
+
};
|
|
9
|
+
export interface RangeSliderWithChartProps {
|
|
10
|
+
facets: Facet[];
|
|
11
|
+
selection: NumericMinMaxValue;
|
|
12
|
+
onSliderChange: (event: ChangeCallback) => void;
|
|
13
|
+
onSliderRelease: (event: ChangeCallback) => void;
|
|
14
|
+
chartHeight?: BoxProps['h'];
|
|
15
|
+
}
|
|
16
|
+
export declare const RangeSliderWithChart: React.FC<RangeSliderWithChartProps>;
|
|
17
|
+
//# sourceMappingURL=RangeSliderWithChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RangeSliderWithChart.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/RangeSliderWithChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5C,OAAO,EACL,cAAc,EACd,kBAAkB,EAEnB,MAAM,wBAAwB,CAAC;AAGhC,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,cAAc,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD,eAAe,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAwBpE,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type NumericMinMaxValue = {
|
|
3
|
+
min: number | null | undefined;
|
|
4
|
+
max: number | null | undefined;
|
|
5
|
+
};
|
|
6
|
+
export type ChangeCallback = {
|
|
7
|
+
touched: 'min' | 'max';
|
|
8
|
+
value: NumericMinMaxValue;
|
|
9
|
+
};
|
|
10
|
+
interface RangeSliderWithScaleProps {
|
|
11
|
+
/**
|
|
12
|
+
* Array of numbers that represents the custom scale of the range slider
|
|
13
|
+
* @example [0, 100, 200, 300, 400]
|
|
14
|
+
* @default []
|
|
15
|
+
* @required
|
|
16
|
+
*/
|
|
17
|
+
scale: number[];
|
|
18
|
+
/**
|
|
19
|
+
* Object that contains the min and max values of the range slider
|
|
20
|
+
* @example { min: 0, max: 100 }
|
|
21
|
+
* @default { min: null, max: null }
|
|
22
|
+
* @required
|
|
23
|
+
*/
|
|
24
|
+
selection: NumericMinMaxValue;
|
|
25
|
+
/**
|
|
26
|
+
* Callback function that is triggered when slider is moving
|
|
27
|
+
* @param event contains touched - what thumb is moved and value
|
|
28
|
+
*/
|
|
29
|
+
onSliderChange: (event: ChangeCallback) => void;
|
|
30
|
+
/**
|
|
31
|
+
* Callback function that is triggered when slider is released
|
|
32
|
+
* @param event contains touched - what thumb is moved and value
|
|
33
|
+
*/
|
|
34
|
+
onSliderRelease: (event: ChangeCallback) => void;
|
|
35
|
+
/**
|
|
36
|
+
* Function that renders the chart with wrapper
|
|
37
|
+
* @param range contains the range of the slider
|
|
38
|
+
* @returns the chart component
|
|
39
|
+
* @example (range: number[]) => <Chart range={range} />
|
|
40
|
+
* @default null
|
|
41
|
+
*/
|
|
42
|
+
renderChart?: (range: number[]) => React.ReactNode;
|
|
43
|
+
}
|
|
44
|
+
export declare const RangeSliderWithScale: React.FC<RangeSliderWithScaleProps>;
|
|
45
|
+
export {};
|
|
46
|
+
//# sourceMappingURL=RangeSliderWithScale.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RangeSliderWithScale.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/RangeSliderWithScale.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB,KAAK,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,UAAU,yBAAyB;IACjC;;;;;OAKG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB;;;;;OAKG;IACH,SAAS,EAAE,kBAAkB,CAAC;IAC9B;;;OAGG;IACH,cAAc,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAChD;;;OAGG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC;CACpD;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAgIpE,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Slider } from '@chakra-ui/react';
|
|
3
|
+
type SliderRootProps = Omit<React.ComponentProps<typeof Slider.Root>, 'onChange'>;
|
|
4
|
+
export type RangeSliderProps = SliderRootProps & {
|
|
5
|
+
onChange?: (values: number[]) => void;
|
|
6
|
+
onChangeEnd?: (values: number[]) => void;
|
|
7
|
+
};
|
|
8
|
+
export declare const RangeSlider: React.FC<RangeSliderProps>;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,KAAK,eAAe,GAAG,IAAI,CACzB,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,EACxC,UAAU,CACX,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,eAAe,GAAG;IAC/C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmClD,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Slider } from '@chakra-ui/react';
|
|
4
|
+
|
|
5
|
+
var RangeSlider = function (_a) {
|
|
6
|
+
var _b = _a.min, min = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 10 : _c, onChange = _a.onChange, onChangeEnd = _a.onChangeEnd, rest = __rest(_a, ["min", "max", "onChange", "onChangeEnd"]);
|
|
7
|
+
return (React.createElement(Slider.Root, __assign({ defaultValue: [min, max], min: min, max: max, onValueChange: function (details) { return onChange === null || onChange === void 0 ? void 0 : onChange(details.value); }, onValueChangeEnd: function (details) { return onChangeEnd === null || onChangeEnd === void 0 ? void 0 : onChangeEnd(details.value); } }, rest),
|
|
8
|
+
React.createElement(Slider.Control, null,
|
|
9
|
+
React.createElement(Slider.Track, null,
|
|
10
|
+
React.createElement(Slider.Range, null)),
|
|
11
|
+
React.createElement(Slider.Thumb, { index: 0, "aria-label": "Min", width: { base: 'md', sm: 'sm' }, height: { base: 'md', sm: 'sm' } }),
|
|
12
|
+
React.createElement(Slider.Thumb, { index: 1, "aria-label": "Max", width: { base: 'md', sm: 'sm' }, height: { base: 'md', sm: 'sm' } }))));
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
export { RangeSlider };
|
|
16
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/rangeSlider/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAeO,IAAM,WAAW,GAA+B,UAAC,EAMvD,EAAA;IALC,IAAA,EAAA,GAAA,EAAA,CAAA,GAAO,EAAP,GAAG,GAAA,EAAA,KAAA,MAAA,GAAG,CAAC,GAAA,EAAA,EACP,EAAA,GAAA,EAAA,CAAA,GAAQ,EAAR,GAAG,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,WAAW,iBAAA,EACR,IAAI,GAAA,MAAA,CAAA,EAAA,EAL+C,CAAA,KAAA,EAAA,KAAA,EAAA,UAAA,EAAA,aAAA,CAMvD,CADQ;AAEP,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,IAAI,EAAA,QAAA,CAAA,EACV,YAAY,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EACxB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,UAAC,OAAO,EAAA,EAAK,OAAA,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAA,MAAA,GAAA,MAAA,GAAR,QAAQ,CAAG,OAAO,CAAC,KAAK,CAAC,CAAA,CAAzB,CAAyB,EACrD,gBAAgB,EAAE,UAAC,OAAO,EAAA,EAAK,OAAA,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAG,OAAO,CAAC,KAAK,CAAC,CAAA,CAA5B,CAA4B,EAAA,EACvD,IAAI,CAAA;QAER,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,OAAO,EAAA,IAAA;YACb,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,KAAK,EAAA,IAAA;AACX,gBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,KAAK,EAAA,IAAA,CAAG,CACH;AACf,YAAA,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,KAAK,EAAA,EACX,KAAK,EAAE,CAAC,EAAA,YAAA,EACG,KAAK,EAChB,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAC/B,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAA,CAChC;AACF,YAAA,KAAA,CAAA,aAAA,CAAC,MAAM,CAAC,KAAK,EAAA,EACX,KAAK,EAAE,CAAC,EAAA,YAAA,EACG,KAAK,EAChB,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAC/B,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,GAChC,CACa,CACL;AAElB;;;;"}
|
package/dist/esm/index.js
CHANGED
|
@@ -291,6 +291,7 @@ export { RangeFilterInput } from './components/rangeFilterInput/index.js';
|
|
|
291
291
|
export { TopVehicleSharedBadge } from './components/topVehicleSharedBadge/index.js';
|
|
292
292
|
export { DiscreteSlider } from './components/discreteSlider/index.js';
|
|
293
293
|
export { FormControlSection } from './components/formControlSection/index.js';
|
|
294
|
+
export { RangeSlider } from './components/rangeSlider/index.js';
|
|
294
295
|
export { convertRemEmToPx } from './utilities/convertRemEmToPx.js';
|
|
295
296
|
export { default as logger } from './lib/logger.js';
|
|
296
297
|
export { DrawerOverlay } from './components/drawer/DrawerOverlay.js';
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/menu.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/menu.ts"],"names":[],"mappings":"AAiEA,eAAO,MAAM,UAAU,qKAQrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.js","sources":["../../../../../../src/themes/shared/slotRecipes/menu.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA,IAAM,qBAAqB,GAAG,EAAE;AAEhC,IAAM,OAAO,GAAG,WAAW,CAAC;IAC1B,aAAa,EAAE,eAAA,CAAA,MAAA,CAAgB,qBAAqB,EAAA,KAAA,CAAK;AACzD,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,SAAS,EAAE,IAAI;AACf,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,IAAI,EAAE,KAAK;AACX,IAAA,IAAI,EAAE,kBAAkB;AACxB,IAAA,EAAE,EAAE,KAAK;AACT,IAAA,MAAM,EAAE,UAAU;AAClB,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,WAAW,EAAE,UAAU;AACvB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,aAAa,EAAE;AACb,QAAA,OAAO,EAAE,MAAM;AAChB,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,cAAc,EAAE,eAAe;AAC/B,QAAA,iBAAiB,EAAE,MAAM;AAC1B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,cAAc,EAAE,gBAAgB;AAChC,QAAA,iBAAiB,EAAE,MAAM;AAC1B,KAAA;AACF,CAAA,CAAC;AAEF,IAAM,IAAI,GAAG,WAAW,CAAC;AACvB,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE;AACN,QAAA,EAAE,EAAE,UAAU;AACf,KAAA;AACD,IAAA,aAAa,EAAE;AACb,QAAA,OAAO,EAAE,MAAM;AAChB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,UAAU;AACf,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,EAAE,EAAE,UAAU;AACf,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,EAAE,EAAE,UAAU;AACf,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,MAAM,EAAE,YAAY;AACrB,KAAA;AACF,CAAA,CAAC;AAEF,IAAM,OAAO,GAAG,WAAW,CAAC;AAC1B,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,aAAa,EAAE;AACb,QAAA,OAAO,EAAE,MAAM;AAChB,KAAA;AACF,CAAA,CAAC;AAEK,IAAM,UAAU,GAAG,gBAAgB,CAAC;AACzC,IAAA,KAAK,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,CAAC;AACrC,IAAA,SAAS,EAAE,aAAa;AACxB,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAA,OAAA;AACP,QAAA,IAAI,EAAA,IAAA;AACJ,QAAA,OAAO,EAAA,OAAA;AACR,KAAA;AACF,CAAA;;;;"}
|
|
1
|
+
{"version":3,"file":"menu.js","sources":["../../../../../../src/themes/shared/slotRecipes/menu.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA,IAAM,qBAAqB,GAAG,EAAE;AAEhC,IAAM,OAAO,GAAG,WAAW,CAAC;IAC1B,aAAa,EAAE,eAAA,CAAA,MAAA,CAAgB,qBAAqB,EAAA,KAAA,CAAK;AACzD,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,SAAS,EAAE,IAAI;AACf,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,IAAI,EAAE,KAAK;AACX,IAAA,IAAI,EAAE,kBAAkB;AACxB,IAAA,EAAE,EAAE,KAAK;AACT,IAAA,MAAM,EAAE,UAAU;AAClB,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,WAAW,EAAE,UAAU;AACvB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,aAAa,EAAE;AACb,QAAA,OAAO,EAAE,MAAM;AAChB,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,cAAc,EAAE,eAAe;AAC/B,QAAA,iBAAiB,EAAE,MAAM;AAC1B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,cAAc,EAAE,gBAAgB;AAChC,QAAA,iBAAiB,EAAE,MAAM;AAC1B,KAAA;AACF,CAAA,CAAC;AAEF,IAAM,IAAI,GAAG,WAAW,CAAC;AACvB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE;AACN,QAAA,EAAE,EAAE,UAAU;AACf,KAAA;AACD,IAAA,aAAa,EAAE;AACb,QAAA,OAAO,EAAE,MAAM;AAChB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,UAAU;AACf,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,EAAE,EAAE,UAAU;AACf,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,EAAE,EAAE,UAAU;AACf,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,MAAM,EAAE,YAAY;AACrB,KAAA;AACF,CAAA,CAAC;AAEF,IAAM,OAAO,GAAG,WAAW,CAAC;AAC1B,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,aAAa,EAAE;AACb,QAAA,OAAO,EAAE,MAAM;AAChB,KAAA;AACF,CAAA,CAAC;AAEK,IAAM,UAAU,GAAG,gBAAgB,CAAC;AACzC,IAAA,KAAK,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,CAAC;AACrC,IAAA,SAAS,EAAE,aAAa;AACxB,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAA,OAAA;AACP,QAAA,IAAI,EAAA,IAAA;AACJ,QAAA,OAAO,EAAA,OAAA;AACR,KAAA;AACF,CAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"numberInput.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/numberInput.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"numberInput.d.ts","sourceRoot":"","sources":["../../../../../src/themes/shared/slotRecipes/numberInput.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuG5B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"numberInput.js","sources":["../../../../../../src/themes/shared/slotRecipes/numberInput.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEO,IAAM,iBAAiB,GAAG,gBAAgB,CAAC;AAChD,IAAA,SAAS,EAAE,qBAAqB;AAChC,IAAA,KAAK,EAAE;QACL,MAAM;QACN,OAAO;QACP,SAAS;QACT,kBAAkB;QAClB,kBAAkB;AACV,KAAA;AAEV,IAAA,IAAI,EAAE;AACJ,QAAA,IAAI,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"numberInput.js","sources":["../../../../../../src/themes/shared/slotRecipes/numberInput.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ var sliderSlotRecipe = defineSlotRecipe({
|
|
|
9
9
|
flexDirection: 'column',
|
|
10
10
|
fontSize: 'base',
|
|
11
11
|
'--slider-marker-inset': '4px',
|
|
12
|
-
'--slider-marker-track': '
|
|
12
|
+
'--slider-marker-track': '4px',
|
|
13
13
|
'--slider-thumb-border': '1px',
|
|
14
14
|
'--slider-thumb-boxShadow': '0 0 0 8px #2988E14D',
|
|
15
15
|
},
|
|
@@ -19,13 +19,13 @@ var sliderSlotRecipe = defineSlotRecipe({
|
|
|
19
19
|
track: {
|
|
20
20
|
flex: '1',
|
|
21
21
|
height: 'var(--slider-marker-track)',
|
|
22
|
-
bg: 'gray.
|
|
23
|
-
borderRadius: '
|
|
22
|
+
bg: 'gray.200',
|
|
23
|
+
borderRadius: 'sm',
|
|
24
24
|
},
|
|
25
25
|
range: {
|
|
26
|
-
height: 'var(--slider-marker-
|
|
27
|
-
bg: 'gray.
|
|
28
|
-
borderRadius: '
|
|
26
|
+
height: 'var(--slider-marker-track)',
|
|
27
|
+
bg: 'gray.900',
|
|
28
|
+
borderRadius: 'sm',
|
|
29
29
|
},
|
|
30
30
|
markerGroup: {
|
|
31
31
|
position: 'absolute!',
|
|
@@ -39,7 +39,7 @@ var sliderSlotRecipe = defineSlotRecipe({
|
|
|
39
39
|
borderWidth: 'var(--slider-thumb-border)',
|
|
40
40
|
borderColor: 'gray.400',
|
|
41
41
|
backgroundColor: 'white',
|
|
42
|
-
translate: '0 -
|
|
42
|
+
translate: '0 -50%',
|
|
43
43
|
_hover: {
|
|
44
44
|
cursor: 'pointer',
|
|
45
45
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.js","sources":["../../../../../../src/themes/shared/slotRecipes/slider.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEO,IAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAC/C,IAAA,SAAS,EAAE,eAAe;AAC1B,IAAA,KAAK,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,CAAC;AACpE,IAAA,IAAI,EAAE;AACJ,QAAA,IAAI,EAAE;AACJ,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,uBAAuB,EAAE,KAAK;AAC9B,YAAA,uBAAuB,EAAE,KAAK;AAC9B,YAAA,uBAAuB,EAAE,KAAK;AAC9B,YAAA,0BAA0B,EAAE,qBAAqB;AAClD,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,aAAa;AACvB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,GAAG;AACT,YAAA,MAAM,EAAE,4BAA4B;AACpC,YAAA,EAAE,EAAE,UAAU;AACd,YAAA,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"slider.js","sources":["../../../../../../src/themes/shared/slotRecipes/slider.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEO,IAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAC/C,IAAA,SAAS,EAAE,eAAe;AAC1B,IAAA,KAAK,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,CAAC;AACpE,IAAA,IAAI,EAAE;AACJ,QAAA,IAAI,EAAE;AACJ,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,QAAQ,EAAE,MAAM;AAChB,YAAA,uBAAuB,EAAE,KAAK;AAC9B,YAAA,uBAAuB,EAAE,KAAK;AAC9B,YAAA,uBAAuB,EAAE,KAAK;AAC9B,YAAA,0BAA0B,EAAE,qBAAqB;AAClD,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,aAAa;AACvB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,GAAG;AACT,YAAA,MAAM,EAAE,4BAA4B;AACpC,YAAA,EAAE,EAAE,UAAU;AACd,YAAA,YAAY,EAAE,IAAI;AACnB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,MAAM,EAAE,4BAA4B;AACpC,YAAA,EAAE,EAAE,UAAU;AACd,YAAA,YAAY,EAAE,IAAI;AACnB,SAAA;AACD,QAAA,WAAW,EAAE;AACX,YAAA,QAAQ,EAAE,WAAW;AACrB,YAAA,GAAG,EAAE,KAAK;AACV,YAAA,WAAW,EAAE,4BAA4B;AAC1C,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,YAAY,EAAE,MAAM;AACpB,YAAA,WAAW,EAAE,4BAA4B;AACzC,YAAA,WAAW,EAAE,UAAU;AACvB,YAAA,eAAe,EAAE,OAAO;AACxB,YAAA,SAAS,EAAE,QAAQ;AACnB,YAAA,MAAM,EAAE;AACN,gBAAA,MAAM,EAAE,SAAS;AAClB,aAAA;AACD,YAAA,OAAO,EAAE;AACP,gBAAA,SAAS,EAAE,+BAA+B;AAC3C,aAAA;AACF,SAAA;AACF,KAAA;AACF,CAAA;;;;"}
|