@progress/kendo-react-inputs 5.4.0-dev.202205250548 → 5.4.0-dev.202205271059
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/cdn/js/kendo-react-inputs.js +1 -1
- package/dist/es/checkbox/Checkbox.js +7 -5
- package/dist/es/checkbox/interfaces/CheckboxBlurEvent.js +1 -0
- package/dist/es/checkbox/interfaces/CheckboxChangeEvent.js +1 -0
- package/dist/es/checkbox/interfaces/CheckboxFocusEvent.js +1 -0
- package/dist/es/checkbox/interfaces/CheckboxProps.js +1 -0
- package/dist/es/colors/ColorContrastLabels.js +3 -1
- package/dist/es/colors/ColorContrastSvg.js +3 -1
- package/dist/es/colors/ColorGradient.d.ts +2 -2
- package/dist/es/colors/ColorGradient.js +4 -2
- package/dist/es/colors/ColorInput.js +3 -1
- package/dist/es/colors/ColorPalette.d.ts +2 -2
- package/dist/es/colors/ColorPalette.js +5 -3
- package/dist/es/colors/HexInput.js +3 -1
- package/dist/es/colors/Picker.js +1 -1
- package/dist/es/colors/interfaces/ColorGradientChangeEvent.js +1 -0
- package/dist/es/colors/interfaces/ColorGradientProps.js +1 -0
- package/dist/es/colors/interfaces/ColorPaletteChangeEvent.js +1 -0
- package/dist/es/colors/interfaces/ColorPaletteProps.js +1 -0
- package/dist/es/colors/interfaces/ColorPickerActiveColorClick.js +1 -0
- package/dist/es/colors/interfaces/ColorPickerBlurEvent.js +1 -0
- package/dist/es/colors/interfaces/ColorPickerChangeEvent.js +1 -0
- package/dist/es/colors/interfaces/ColorPickerFocusEvent.js +1 -0
- package/dist/es/colors/interfaces/ColorPickerGradientSettings.js +1 -0
- package/dist/es/colors/interfaces/ColorPickerPaletteSettings.js +1 -0
- package/dist/es/colors/interfaces/ColorPickerPopupSettings.js +1 -0
- package/dist/es/colors/interfaces/ColorPickerProps.js +1 -0
- package/dist/es/colors/interfaces/ColorPickerView.js +1 -0
- package/dist/es/colors/interfaces/PickerPopupSettings.js +1 -0
- package/dist/es/colors/interfaces/PickerProps.js +1 -0
- package/dist/es/colors/models/hsva.js +1 -0
- package/dist/es/colors/models/output-format.js +1 -0
- package/dist/es/colors/models/rgb.js +1 -0
- package/dist/es/colors/models/rgba.js +1 -0
- package/dist/es/colors/models/table-cell.js +1 -0
- package/dist/es/colors/models/tile-size.js +1 -0
- package/dist/es/colors/utils/color-parser.d.ts +1 -1
- package/dist/es/colors/utils/misc.d.ts +1 -1
- package/dist/es/common/SwitchController.d.ts +3 -3
- package/dist/es/common/SwitchController.js +4 -4
- package/dist/es/input/Input.d.ts +5 -5
- package/dist/es/input/Input.js +13 -9
- package/dist/es/input/interfaces/InputChangeEvent.js +1 -0
- package/dist/es/interfaces/Direction.js +1 -0
- package/dist/es/interfaces/ToggleBaseProps.js +1 -0
- package/dist/es/main.js +31 -0
- package/dist/es/maskedtextbox/MaskedTextBox.d.ts +12 -12
- package/dist/es/maskedtextbox/MaskedTextBox.js +12 -10
- package/dist/es/maskedtextbox/MaskedTextBoxProps.js +1 -0
- package/dist/es/maskedtextbox/masking.service.d.ts +4 -4
- package/dist/es/maskedtextbox/masking.service.js +4 -4
- package/dist/es/messages/index.d.ts +22 -22
- package/dist/es/numerictextbox/interfaces/NumericTextBoxBlurEvent.js +1 -0
- package/dist/es/numerictextbox/interfaces/NumericTextBoxChangeEvent.js +1 -0
- package/dist/es/numerictextbox/interfaces/NumericTextBoxFocusEvent.js +1 -0
- package/dist/es/numerictextbox/interfaces/NumericTextBoxHandle.js +1 -0
- package/dist/es/numerictextbox/interfaces/NumericTextBoxProps.js +1 -0
- package/dist/es/numerictextbox/interfaces/NumericTextBoxState.js +1 -0
- package/dist/es/numerictextbox/utils/index.d.ts +7 -7
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/radiobutton/RadioButton.js +4 -2
- package/dist/es/radiobutton/RadioGroup.js +1 -1
- package/dist/es/radiobutton/interfaces/RadioButtonBlurEvent.js +1 -0
- package/dist/es/radiobutton/interfaces/RadioButtonChangeEvent.js +1 -0
- package/dist/es/radiobutton/interfaces/RadioButtonFocusEvent.js +1 -0
- package/dist/es/radiobutton/interfaces/RadioButtonProps.js +1 -0
- package/dist/es/radiobutton/interfaces/RadioGroupChangeEvent.js +1 -0
- package/dist/es/radiobutton/interfaces/RadioGroupFocusEvent.js +1 -0
- package/dist/es/radiobutton/interfaces/RadioGroupProps.js +1 -0
- package/dist/es/range-slider/RangeSlider.js +1 -1
- package/dist/es/range-slider/range-raducer.js +12 -12
- package/dist/es/rating/Rating.js +1 -1
- package/dist/es/rating/models/index.js +1 -0
- package/dist/es/rating/utils/index.d.ts +1 -1
- package/dist/es/slider/Slider.d.ts +1 -1
- package/dist/es/slider/Slider.js +5 -3
- package/dist/es/switch/Switch.d.ts +11 -11
- package/dist/es/switch/Switch.js +11 -9
- package/dist/es/textarea/TextArea.js +5 -3
- package/dist/es/textarea/interfaces/TextAreaBlurEvent.js +1 -0
- package/dist/es/textarea/interfaces/TextAreaChangeEvent.js +1 -0
- package/dist/es/textarea/interfaces/TextAreaFocusEvent.js +1 -0
- package/dist/es/textarea/interfaces/TextAreaProps.js +1 -0
- package/dist/es/utils.js +6 -1
- package/dist/npm/checkbox/Checkbox.js +8 -5
- package/dist/npm/colors/ColorContrastLabels.js +4 -1
- package/dist/npm/colors/ColorContrastSvg.js +4 -1
- package/dist/npm/colors/ColorGradient.d.ts +2 -2
- package/dist/npm/colors/ColorGradient.js +5 -2
- package/dist/npm/colors/ColorInput.js +3 -1
- package/dist/npm/colors/ColorPalette.d.ts +2 -2
- package/dist/npm/colors/ColorPalette.js +6 -3
- package/dist/npm/colors/ColorPicker.js +1 -0
- package/dist/npm/colors/FlatColorPicker.js +1 -0
- package/dist/npm/colors/HexInput.js +3 -1
- package/dist/npm/colors/Picker.js +4 -2
- package/dist/npm/colors/models/palette-presets.js +1 -0
- package/dist/npm/colors/utils/color-cache.js +1 -0
- package/dist/npm/colors/utils/color-palette.service.js +1 -0
- package/dist/npm/colors/utils/color-parser.d.ts +1 -1
- package/dist/npm/colors/utils/color-parser.js +21 -10
- package/dist/npm/colors/utils/misc.d.ts +1 -1
- package/dist/npm/colors/utils/misc.js +5 -2
- package/dist/npm/colors/utils/svg-calc.js +9 -4
- package/dist/npm/common/SliderTooltip.js +3 -1
- package/dist/npm/common/SwitchController.d.ts +3 -3
- package/dist/npm/common/SwitchController.js +4 -4
- package/dist/npm/input/Input.d.ts +5 -5
- package/dist/npm/input/Input.js +14 -9
- package/dist/npm/main.js +65 -26
- package/dist/npm/maskedtextbox/MaskedTextBox.d.ts +12 -12
- package/dist/npm/maskedtextbox/MaskedTextBox.js +13 -10
- package/dist/npm/maskedtextbox/masking.service.d.ts +4 -4
- package/dist/npm/maskedtextbox/masking.service.js +5 -4
- package/dist/npm/maskedtextbox/parsing/combinators.js +5 -2
- package/dist/npm/maskedtextbox/parsing/parsers.js +15 -7
- package/dist/npm/maskedtextbox/parsing/result.js +1 -0
- package/dist/npm/maskedtextbox/parsing/stream.js +1 -0
- package/dist/npm/maskedtextbox/utils.js +1 -0
- package/dist/npm/messages/index.d.ts +22 -22
- package/dist/npm/messages/index.js +2 -1
- package/dist/npm/numerictextbox/NumericTextBox.js +1 -0
- package/dist/npm/numerictextbox/utils/index.d.ts +7 -7
- package/dist/npm/numerictextbox/utils/index.js +57 -28
- package/dist/npm/package-metadata.js +2 -1
- package/dist/npm/radiobutton/RadioButton.js +5 -2
- package/dist/npm/radiobutton/RadioGroup.js +2 -1
- package/dist/npm/range-slider/RangeSlider.js +2 -1
- package/dist/npm/range-slider/range-raducer.js +15 -13
- package/dist/npm/rating/Rating.js +2 -1
- package/dist/npm/rating/RatingItem.js +1 -0
- package/dist/npm/rating/rating-reducer.js +3 -1
- package/dist/npm/rating/utils/index.d.ts +1 -1
- package/dist/npm/rating/utils/index.js +13 -6
- package/dist/npm/slider/Slider.d.ts +1 -1
- package/dist/npm/slider/Slider.js +6 -3
- package/dist/npm/slider/SliderLabel.js +3 -1
- package/dist/npm/switch/Switch.d.ts +11 -11
- package/dist/npm/switch/Switch.js +12 -9
- package/dist/npm/textarea/TextArea.js +6 -3
- package/dist/npm/utils.js +7 -1
- package/dist/systemjs/kendo-react-inputs.js +1 -1
- package/package.json +14 -14
- package/dist/es/switch/util.d.ts +0 -8
- package/dist/es/switch/util.js +0 -46
- package/dist/npm/switch/util.d.ts +0 -8
- package/dist/npm/switch/util.js +0 -48
|
@@ -14,8 +14,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
14
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
15
|
t[p] = s[p];
|
|
16
16
|
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++)
|
|
18
|
-
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
19
21
|
return t;
|
|
20
22
|
};
|
|
21
23
|
import * as React from 'react';
|
|
@@ -108,7 +110,7 @@ export var TextArea = React.forwardRef(function (directProps, target) {
|
|
|
108
110
|
dispatchEvent(onBlur, event, getImperativeHandle(), undefined);
|
|
109
111
|
}
|
|
110
112
|
}, [onBlur, disabled]);
|
|
111
|
-
var textAreaProps = __assign({ id: id || calculatedId, name: name, className: 'k-input-inner !k-overflow-auto', ref: elementRef, disabled: disabled, rows: rows, placeholder: placeholder, readOnly: readOnly, required: required, tabIndex: getTabIndex(tabIndex, disabled), style: autoSize ? { resize: 'none', overflow: 'hidden', height: textAreaHeight } : {}, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, 'aria-multiline': true, 'aria-disabled': disabled || undefined, value: isControlled ? value : stateValue }, others, { onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur });
|
|
113
|
+
var textAreaProps = __assign(__assign({ id: id || calculatedId, name: name, className: 'k-input-inner !k-overflow-auto', ref: elementRef, disabled: disabled, rows: rows, placeholder: placeholder, readOnly: readOnly, required: required, tabIndex: getTabIndex(tabIndex, disabled), style: autoSize ? { resize: 'none', overflow: 'hidden', height: textAreaHeight } : {}, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, 'aria-multiline': true, 'aria-disabled': disabled || undefined, value: isControlled ? value : stateValue }, others), { onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur });
|
|
112
114
|
return (React.createElement("span", { className: classNames('k-input', 'k-textarea', (_a = {},
|
|
113
115
|
_a["k-input-" + (kendoThemeMaps.sizeMap[size] || size)] = size,
|
|
114
116
|
_a["k-input-" + fillMode] = fillMode,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/es/utils.js
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from) {
|
|
2
|
+
for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
|
|
3
|
+
to[j] = from[i];
|
|
4
|
+
return to;
|
|
5
|
+
};
|
|
1
6
|
// Polyfill for PropTypes.null
|
|
2
7
|
/**
|
|
3
8
|
* @hidden
|
|
@@ -12,7 +17,7 @@ export function nullable(subRequirement) {
|
|
|
12
17
|
return null;
|
|
13
18
|
}
|
|
14
19
|
var sub = required ? subRequirement.isRequired : subRequirement;
|
|
15
|
-
return sub.apply(void 0, [props, key]
|
|
20
|
+
return sub.apply(void 0, __spreadArray([props, key], rest));
|
|
16
21
|
};
|
|
17
22
|
var fn = check.bind(null, false);
|
|
18
23
|
fn.isRequired = check.bind(null, true);
|
|
@@ -15,11 +15,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
15
15
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
16
|
t[p] = s[p];
|
|
17
17
|
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++)
|
|
19
|
-
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
20
22
|
return t;
|
|
21
23
|
};
|
|
22
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
exports.Checkbox = exports.CheckboxPropsContext = void 0;
|
|
23
26
|
var React = require("react");
|
|
24
27
|
var PropTypes = require("prop-types");
|
|
25
28
|
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
@@ -104,7 +107,7 @@ exports.Checkbox = React.forwardRef(function (directProps, target) {
|
|
|
104
107
|
}
|
|
105
108
|
}
|
|
106
109
|
if (onChange && !disabled) {
|
|
107
|
-
kendo_react_common_1.dispatchEvent(onChange, e, __assign({}, getImperativeHandle(), { value: val }), { value: val });
|
|
110
|
+
kendo_react_common_1.dispatchEvent(onChange, e, __assign(__assign({}, getImperativeHandle()), { value: val }), { value: val });
|
|
108
111
|
}
|
|
109
112
|
}, [isCheckedControlled, disabled, onChange, isValueControlled, getImperativeHandle]);
|
|
110
113
|
var handleChange = React.useCallback(function (e) {
|
|
@@ -144,7 +147,7 @@ exports.Checkbox = React.forwardRef(function (directProps, target) {
|
|
|
144
147
|
}, [onBlur, disabled, getImperativeHandle]);
|
|
145
148
|
var dir = kendo_react_common_1.useDir(elementRef, props.dir);
|
|
146
149
|
var checkboxClasses = kendo_react_common_1.classNames({ 'k-disabled': disabled }, className);
|
|
147
|
-
var inputProps = __assign({ type: 'checkbox', className: kendo_react_common_1.classNames('k-checkbox', (_a = {},
|
|
150
|
+
var inputProps = __assign(__assign({ type: 'checkbox', className: kendo_react_common_1.classNames('k-checkbox', (_a = {},
|
|
148
151
|
_a["k-checkbox-" + (kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
|
|
149
152
|
_a["k-rounded-" + (kendo_react_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
|
|
150
153
|
_a['k-indeterminate'] = indeterminateProp,
|
|
@@ -153,7 +156,7 @@ exports.Checkbox = React.forwardRef(function (directProps, target) {
|
|
|
153
156
|
true :
|
|
154
157
|
indeterminateProp ?
|
|
155
158
|
'mixed' :
|
|
156
|
-
false, 'aria-disabled': disabled || undefined }, others, { onChange: handleChange, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onFocus: handleFocus, onBlur: handleBlur });
|
|
159
|
+
false, 'aria-disabled': disabled || undefined }, others), { onChange: handleChange, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onFocus: handleFocus, onBlur: handleBlur });
|
|
157
160
|
var checkboxInput = (React.createElement(React.Fragment, null,
|
|
158
161
|
// removing value prop is required due to bug in react where
|
|
159
162
|
// value set to undefined override default submit value
|
|
@@ -3,16 +3,19 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
3
3
|
var extendStatics = function (d, b) {
|
|
4
4
|
extendStatics = Object.setPrototypeOf ||
|
|
5
5
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
7
|
return extendStatics(d, b);
|
|
8
8
|
};
|
|
9
9
|
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
10
12
|
extendStatics(d, b);
|
|
11
13
|
function __() { this.constructor = d; }
|
|
12
14
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
13
15
|
};
|
|
14
16
|
})();
|
|
15
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
+
exports.ColorContrastLabels = void 0;
|
|
16
19
|
var React = require("react");
|
|
17
20
|
var kendo_react_intl_1 = require("@progress/kendo-react-intl");
|
|
18
21
|
var messages_1 = require("../messages");
|
|
@@ -3,16 +3,19 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
3
3
|
var extendStatics = function (d, b) {
|
|
4
4
|
extendStatics = Object.setPrototypeOf ||
|
|
5
5
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
7
|
return extendStatics(d, b);
|
|
8
8
|
};
|
|
9
9
|
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
10
12
|
extendStatics(d, b);
|
|
11
13
|
function __() { this.constructor = d; }
|
|
12
14
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
13
15
|
};
|
|
14
16
|
})();
|
|
15
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
+
exports.ColorContrastSvg = void 0;
|
|
16
19
|
var React = require("react");
|
|
17
20
|
var svg_calc_1 = require("./utils/svg-calc");
|
|
18
21
|
var color_parser_1 = require("./utils/color-parser");
|
|
@@ -96,7 +96,7 @@ export declare class ColorGradientWithoutContext extends React.Component<ColorGr
|
|
|
96
96
|
/**
|
|
97
97
|
* @hidden
|
|
98
98
|
*/
|
|
99
|
-
onGradientWrapperClick: (event: React.MouseEvent<HTMLDivElement
|
|
99
|
+
onGradientWrapperClick: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
100
100
|
/**
|
|
101
101
|
* @hidden
|
|
102
102
|
*/
|
|
@@ -133,7 +133,7 @@ export declare class ColorGradientWithoutContext extends React.Component<ColorGr
|
|
|
133
133
|
/**
|
|
134
134
|
* @hidden
|
|
135
135
|
*/
|
|
136
|
-
|
|
136
|
+
get isUncontrolled(): boolean;
|
|
137
137
|
/**
|
|
138
138
|
* @hidden
|
|
139
139
|
*/
|
|
@@ -3,16 +3,19 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
3
3
|
var extendStatics = function (d, b) {
|
|
4
4
|
extendStatics = Object.setPrototypeOf ||
|
|
5
5
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
7
|
return extendStatics(d, b);
|
|
8
8
|
};
|
|
9
9
|
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
10
12
|
extendStatics(d, b);
|
|
11
13
|
function __() { this.constructor = d; }
|
|
12
14
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
13
15
|
};
|
|
14
16
|
})();
|
|
15
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
+
exports.ColorGradient = exports.ColorGradientPropsContext = exports.ColorGradientWithoutContext = void 0;
|
|
16
19
|
var React = require("react");
|
|
17
20
|
var PropTypes = require("prop-types");
|
|
18
21
|
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
@@ -220,7 +223,7 @@ var ColorGradientWithoutContext = /** @class */ (function (_super) {
|
|
|
220
223
|
get: function () {
|
|
221
224
|
return this.props.value === undefined;
|
|
222
225
|
},
|
|
223
|
-
enumerable:
|
|
226
|
+
enumerable: false,
|
|
224
227
|
configurable: true
|
|
225
228
|
});
|
|
226
229
|
/**
|
|
@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
3
3
|
var extendStatics = function (d, b) {
|
|
4
4
|
extendStatics = Object.setPrototypeOf ||
|
|
5
5
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
7
|
return extendStatics(d, b);
|
|
8
8
|
};
|
|
9
9
|
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
10
12
|
extendStatics(d, b);
|
|
11
13
|
function __() { this.constructor = d; }
|
|
12
14
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
@@ -80,8 +80,8 @@ export declare class ColorPaletteWithoutContext extends React.Component<ColorPal
|
|
|
80
80
|
private handleCellNavigation;
|
|
81
81
|
private handleEnter;
|
|
82
82
|
private dispatchChangeEvent;
|
|
83
|
-
private
|
|
84
|
-
private
|
|
83
|
+
private get focusedColorCooridanates();
|
|
84
|
+
private get isUncontrolled();
|
|
85
85
|
private getPaletteInfo;
|
|
86
86
|
private renderRows;
|
|
87
87
|
private renderColumns;
|
|
@@ -3,16 +3,19 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
3
3
|
var extendStatics = function (d, b) {
|
|
4
4
|
extendStatics = Object.setPrototypeOf ||
|
|
5
5
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
7
|
return extendStatics(d, b);
|
|
8
8
|
};
|
|
9
9
|
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
10
12
|
extendStatics(d, b);
|
|
11
13
|
function __() { this.constructor = d; }
|
|
12
14
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
13
15
|
};
|
|
14
16
|
})();
|
|
15
17
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
+
exports.ColorPalette = exports.ColorPalettePropsContext = exports.ColorPaletteWithoutContext = exports.DEFAULT_PRESET = exports.DEFAULT_COLUMNS_COUNT = exports.DEFAULT_TILE_SIZE = void 0;
|
|
16
19
|
var React = require("react");
|
|
17
20
|
var PropTypes = require("prop-types");
|
|
18
21
|
var color_palette_service_1 = require("./utils/color-palette.service");
|
|
@@ -163,14 +166,14 @@ var ColorPaletteWithoutContext = /** @class */ (function (_super) {
|
|
|
163
166
|
get: function () {
|
|
164
167
|
return this.state.focusedColor ? this.paletteService.getCellCoordsFor(this.state.focusedColor) : undefined;
|
|
165
168
|
},
|
|
166
|
-
enumerable:
|
|
169
|
+
enumerable: false,
|
|
167
170
|
configurable: true
|
|
168
171
|
});
|
|
169
172
|
Object.defineProperty(ColorPaletteWithoutContext.prototype, "isUncontrolled", {
|
|
170
173
|
get: function () {
|
|
171
174
|
return this.props.value === undefined;
|
|
172
175
|
},
|
|
173
|
-
enumerable:
|
|
176
|
+
enumerable: false,
|
|
174
177
|
configurable: true
|
|
175
178
|
});
|
|
176
179
|
ColorPaletteWithoutContext.prototype.getPaletteInfo = function () {
|
|
@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
exports.ColorPicker = exports.ColorPickerPropsContext = void 0;
|
|
14
15
|
var React = require("react");
|
|
15
16
|
var PropTypes = require("prop-types");
|
|
16
17
|
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
@@ -3,10 +3,12 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
3
3
|
var extendStatics = function (d, b) {
|
|
4
4
|
extendStatics = Object.setPrototypeOf ||
|
|
5
5
|
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
7
|
return extendStatics(d, b);
|
|
8
8
|
};
|
|
9
9
|
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
10
12
|
extendStatics(d, b);
|
|
11
13
|
function __() { this.constructor = d; }
|
|
12
14
|
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
exports.Picker = void 0;
|
|
14
15
|
var React = require("react");
|
|
15
16
|
var kendo_react_popup_1 = require("@progress/kendo-react-popup");
|
|
16
17
|
var kendo_react_common_1 = require("@progress/kendo-react-common");
|
|
@@ -25,7 +26,7 @@ var POPUP_VERTICAL_ALIGN = 'top';
|
|
|
25
26
|
/**
|
|
26
27
|
* @hidden
|
|
27
28
|
*/
|
|
28
|
-
|
|
29
|
+
var Picker = function (props) {
|
|
29
30
|
var popupSettings = props.popupSettings || {};
|
|
30
31
|
var horizontalAlign = props.dir === 'rtl' ? 'right' : 'left';
|
|
31
32
|
var anchorAlign = React.useMemo(function () { return ({ horizontal: horizontalAlign, vertical: ANCHOR_VERTICAL_ALIGN }); }, [horizontalAlign]);
|
|
@@ -33,6 +34,7 @@ exports.Picker = function (props) {
|
|
|
33
34
|
return (React.createElement(React.Fragment, null,
|
|
34
35
|
props.input,
|
|
35
36
|
props.button,
|
|
36
|
-
React.createElement(kendo_react_popup_1.Popup, __assign({ style: __assign({}, (popupSettings || {}).style, { direction: props.dir }) }, popupSettings, { anchor: props.popupAnchor, anchorAlign: anchorAlign, popupAlign: popupAlign, show: props.open, onOpen: props.onOpen, onClose: props.onClose, className: kendo_react_common_1.classNames('k-reset', popupSettings.className) }), props.content)));
|
|
37
|
+
React.createElement(kendo_react_popup_1.Popup, __assign({ style: __assign(__assign({}, (popupSettings || {}).style), { direction: props.dir }) }, popupSettings, { anchor: props.popupAnchor, anchorAlign: anchorAlign, popupAlign: popupAlign, show: props.open, onOpen: props.onOpen, onClose: props.onClose, className: kendo_react_common_1.classNames('k-reset', popupSettings.className) }), props.content)));
|
|
37
38
|
};
|
|
39
|
+
exports.Picker = Picker;
|
|
38
40
|
exports.Picker.displayName = 'KendoPickerComponent';
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getCachedRgba = exports.getCachedHsva = exports.getCachedHex = exports.removeCachedColor = exports.cacheHex = exports.cacheRgba = exports.cacheHsva = void 0;
|
|
3
4
|
var cache = {};
|
|
4
5
|
/**
|
|
5
6
|
* @hidden
|
|
@@ -7,7 +7,7 @@ import { RGBA } from '../models/rgba';
|
|
|
7
7
|
*
|
|
8
8
|
* Returns the hex or RGBA string representation of the color.
|
|
9
9
|
*/
|
|
10
|
-
export declare const parseColor: (value: string, format: OutputFormat, safe?: boolean) => string;
|
|
10
|
+
export declare const parseColor: (value: string, format: OutputFormat, safe?: boolean) => string | undefined;
|
|
11
11
|
/**
|
|
12
12
|
* @hidden
|
|
13
13
|
*
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getContrastFromTwoRGBAs = exports.getContrast = exports.getLuminance = exports.getRGBFromRGBA = exports.getColorFromRGBA = exports.getColorFromHue = exports.getColorFromHSV = exports.getRGBA = exports.getHSV = exports.parseColor = void 0;
|
|
3
4
|
var kendo_drawing_1 = require("@progress/kendo-drawing");
|
|
4
5
|
var misc_1 = require("./misc");
|
|
5
6
|
/**
|
|
@@ -7,7 +8,7 @@ var misc_1 = require("./misc");
|
|
|
7
8
|
*
|
|
8
9
|
* Returns the hex or RGBA string representation of the color.
|
|
9
10
|
*/
|
|
10
|
-
|
|
11
|
+
var parseColor = function (value, format, safe) {
|
|
11
12
|
if (safe === void 0) { safe = true; }
|
|
12
13
|
var allowedFormats = ['hex', 'rgba']; // TODO: constant?
|
|
13
14
|
// Angular supports third type: name : const allowedFormats: Array<string> = ['hex', 'rgba', 'name'];
|
|
@@ -23,12 +24,13 @@ exports.parseColor = function (value, format, safe) {
|
|
|
23
24
|
}
|
|
24
25
|
return format === 'hex' ? parsedColor.toCss() : parsedColor.toCssRgba();
|
|
25
26
|
};
|
|
27
|
+
exports.parseColor = parseColor;
|
|
26
28
|
/**
|
|
27
29
|
* @hidden
|
|
28
30
|
*
|
|
29
31
|
* Returns an HSV object representation of the color string.
|
|
30
32
|
*/
|
|
31
|
-
|
|
33
|
+
var getHSV = function (value, safe) {
|
|
32
34
|
if (safe === void 0) { safe = true; }
|
|
33
35
|
var parsed = kendo_drawing_1.parseColor(value, safe);
|
|
34
36
|
if (!misc_1.isPresent(parsed)) {
|
|
@@ -36,12 +38,13 @@ exports.getHSV = function (value, safe) {
|
|
|
36
38
|
}
|
|
37
39
|
return parsed.toHSV();
|
|
38
40
|
};
|
|
41
|
+
exports.getHSV = getHSV;
|
|
39
42
|
/**
|
|
40
43
|
* @hidden
|
|
41
44
|
*
|
|
42
45
|
* Returns an RGBA object representation of the color string.
|
|
43
46
|
*/
|
|
44
|
-
|
|
47
|
+
var getRGBA = function (value, safe) {
|
|
45
48
|
if (safe === void 0) { safe = true; }
|
|
46
49
|
var parsed = kendo_drawing_1.parseColor(value, safe);
|
|
47
50
|
if (!misc_1.isPresent(parsed)) {
|
|
@@ -49,45 +52,49 @@ exports.getRGBA = function (value, safe) {
|
|
|
49
52
|
}
|
|
50
53
|
return parsed.toBytes();
|
|
51
54
|
};
|
|
55
|
+
exports.getRGBA = getRGBA;
|
|
52
56
|
/**
|
|
53
57
|
* @hidden
|
|
54
58
|
*
|
|
55
59
|
* Returns the RGBA string representation of the color.
|
|
56
60
|
*/
|
|
57
|
-
|
|
61
|
+
var getColorFromHSV = function (hsva) {
|
|
58
62
|
var hue = misc_1.fitIntoBounds(hsva.h, 0, 359.9);
|
|
59
63
|
var saturation = misc_1.fitIntoBounds(hsva.s, 0, 1);
|
|
60
64
|
var value = misc_1.fitIntoBounds(hsva.v, 0, 1);
|
|
61
65
|
var alpha = misc_1.fitIntoBounds(hsva.a, 0, 1);
|
|
62
66
|
return kendo_drawing_1.Color.fromHSV(hue, saturation, value, alpha).toCssRgba();
|
|
63
67
|
};
|
|
68
|
+
exports.getColorFromHSV = getColorFromHSV;
|
|
64
69
|
/**
|
|
65
70
|
* @hidden
|
|
66
71
|
*
|
|
67
72
|
* Returns the RGBA string representation of the color based on the `hue` and
|
|
68
73
|
* assuming the `value`, `saturation`, and `alpha` have a value of `1`.
|
|
69
74
|
*/
|
|
70
|
-
|
|
75
|
+
var getColorFromHue = function (hue) {
|
|
71
76
|
return exports.getColorFromHSV({ h: hue, s: 1, v: 1, a: 1 });
|
|
72
77
|
};
|
|
78
|
+
exports.getColorFromHue = getColorFromHue;
|
|
73
79
|
/**
|
|
74
80
|
* @hidden
|
|
75
81
|
*
|
|
76
82
|
* Returns the RGBA string representation of the color.
|
|
77
83
|
*/
|
|
78
|
-
|
|
84
|
+
var getColorFromRGBA = function (rgba) {
|
|
79
85
|
var red = misc_1.fitIntoBounds(rgba.r, 0, 255);
|
|
80
86
|
var green = misc_1.fitIntoBounds(rgba.g, 0, 255);
|
|
81
87
|
var blue = misc_1.fitIntoBounds(rgba.b, 0, 255);
|
|
82
88
|
var alpha = misc_1.fitIntoBounds(rgba.a, 0, 1);
|
|
83
89
|
return kendo_drawing_1.Color.fromBytes(red, green, blue, alpha).toCssRgba();
|
|
84
90
|
};
|
|
91
|
+
exports.getColorFromRGBA = getColorFromRGBA;
|
|
85
92
|
/**
|
|
86
93
|
* @hidden
|
|
87
94
|
*
|
|
88
95
|
* Returns the RGB object representation of the color based on the background color.
|
|
89
96
|
*/
|
|
90
|
-
|
|
97
|
+
var getRGBFromRGBA = function (foregroundColor, backgroundColor) {
|
|
91
98
|
var r1 = misc_1.fitIntoBounds(foregroundColor.r, 0, 255);
|
|
92
99
|
var g1 = misc_1.fitIntoBounds(foregroundColor.g, 0, 255);
|
|
93
100
|
var b1 = misc_1.fitIntoBounds(foregroundColor.b, 0, 255);
|
|
@@ -101,12 +108,13 @@ exports.getRGBFromRGBA = function (foregroundColor, backgroundColor) {
|
|
|
101
108
|
b: Math.round(((1 - a1) * b2) + (a1 * b1))
|
|
102
109
|
};
|
|
103
110
|
};
|
|
111
|
+
exports.getRGBFromRGBA = getRGBFromRGBA;
|
|
104
112
|
/**
|
|
105
113
|
* @hidden
|
|
106
114
|
*
|
|
107
115
|
* Returns the relative luminance.
|
|
108
116
|
*/
|
|
109
|
-
|
|
117
|
+
var getLuminance = function (rgb) {
|
|
110
118
|
var a = [rgb.r, rgb.g, rgb.b].map(function (v) {
|
|
111
119
|
v /= 255;
|
|
112
120
|
return v <= 0.03928
|
|
@@ -115,22 +123,25 @@ exports.getLuminance = function (rgb) {
|
|
|
115
123
|
});
|
|
116
124
|
return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
|
|
117
125
|
};
|
|
126
|
+
exports.getLuminance = getLuminance;
|
|
118
127
|
/**
|
|
119
128
|
* @hidden
|
|
120
129
|
*
|
|
121
130
|
* Returns the color contrast.
|
|
122
131
|
*/
|
|
123
|
-
|
|
132
|
+
var getContrast = function (luminance1, luminance2) {
|
|
124
133
|
var brightest = Math.max(luminance1, luminance2);
|
|
125
134
|
var darkest = Math.min(luminance1, luminance2);
|
|
126
135
|
return (brightest + 0.05)
|
|
127
136
|
/ (darkest + 0.05);
|
|
128
137
|
};
|
|
138
|
+
exports.getContrast = getContrast;
|
|
129
139
|
/**
|
|
130
140
|
* @hidden
|
|
131
141
|
*
|
|
132
142
|
* Returns the color contrast from two RGBA colors.
|
|
133
143
|
*/
|
|
134
|
-
|
|
144
|
+
var getContrastFromTwoRGBAs = function (a, b) {
|
|
135
145
|
return exports.getContrast(exports.getLuminance(exports.getRGBFromRGBA(a, b)), exports.getLuminance(exports.getRGBFromRGBA(b, { r: 0, g: 0, b: 0, a: 1 })));
|
|
136
146
|
};
|
|
147
|
+
exports.getContrastFromTwoRGBAs = getContrastFromTwoRGBAs;
|
|
@@ -12,4 +12,4 @@ export declare const isPresent: (value: any) => boolean;
|
|
|
12
12
|
* @param min The inclusive lower bound number.
|
|
13
13
|
* @param max The inclusive upper bound number.
|
|
14
14
|
*/
|
|
15
|
-
export declare const fitIntoBounds: (contender: number, min: number, max: number) => number;
|
|
15
|
+
export declare const fitIntoBounds: (contender: number | undefined, min: number, max: number) => number;
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.fitIntoBounds = exports.isPresent = void 0;
|
|
3
4
|
/**
|
|
4
5
|
* @hidden
|
|
5
6
|
*/
|
|
6
|
-
|
|
7
|
+
var isPresent = function (value) { return value !== null && value !== undefined; };
|
|
8
|
+
exports.isPresent = isPresent;
|
|
7
9
|
/**
|
|
8
10
|
* @hidden
|
|
9
11
|
*
|
|
@@ -14,9 +16,10 @@ exports.isPresent = function (value) { return value !== null && value !== undefi
|
|
|
14
16
|
* @param min The inclusive lower bound number.
|
|
15
17
|
* @param max The inclusive upper bound number.
|
|
16
18
|
*/
|
|
17
|
-
|
|
19
|
+
var fitIntoBounds = function (contender, min, max) {
|
|
18
20
|
if (!exports.isPresent(contender) || isNaN(contender)) {
|
|
19
21
|
return min;
|
|
20
22
|
}
|
|
21
23
|
return contender <= min ? min : contender >= max ? max : contender;
|
|
22
24
|
};
|
|
25
|
+
exports.fitIntoBounds = fitIntoBounds;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.bezierCommand = exports.controlPoint = exports.line = exports.svgPath = void 0;
|
|
3
4
|
/**
|
|
4
5
|
* @hidden
|
|
5
6
|
*
|
|
@@ -13,7 +14,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
13
14
|
* @output (string) a svg path command.
|
|
14
15
|
* @output (string) a Svg <path> element
|
|
15
16
|
*/
|
|
16
|
-
|
|
17
|
+
var svgPath = function (points, command) {
|
|
17
18
|
if (points.length === 0) {
|
|
18
19
|
return '';
|
|
19
20
|
}
|
|
@@ -27,6 +28,7 @@ exports.svgPath = function (points, command) {
|
|
|
27
28
|
}, '');
|
|
28
29
|
return "<path d=\"" + d + "\" fill=\"none\" stroke=\"white\" stroke-width=\"1\"/>";
|
|
29
30
|
};
|
|
31
|
+
exports.svgPath = svgPath;
|
|
30
32
|
/**
|
|
31
33
|
* @hidden
|
|
32
34
|
*
|
|
@@ -36,7 +38,7 @@ exports.svgPath = function (points, command) {
|
|
|
36
38
|
* @param pointB (array) [x,y] Represents the end point coordinates.
|
|
37
39
|
* @output (object) { length: (integer), angle: (integer) }
|
|
38
40
|
*/
|
|
39
|
-
|
|
41
|
+
var line = function (pointA, pointB) {
|
|
40
42
|
var lengthX = pointB[0] - pointA[0];
|
|
41
43
|
var lengthY = pointB[1] - pointA[1];
|
|
42
44
|
return {
|
|
@@ -44,6 +46,7 @@ exports.line = function (pointA, pointB) {
|
|
|
44
46
|
angle: Math.atan2(lengthY, lengthX)
|
|
45
47
|
};
|
|
46
48
|
};
|
|
49
|
+
exports.line = line;
|
|
47
50
|
/**
|
|
48
51
|
* @hidden
|
|
49
52
|
*
|
|
@@ -60,7 +63,7 @@ exports.line = function (pointA, pointB) {
|
|
|
60
63
|
* @param reverse (boolean, optional) Sets the direction.
|
|
61
64
|
* @output (array) [x, y] coordinates of a control point.
|
|
62
65
|
*/
|
|
63
|
-
|
|
66
|
+
var controlPoint = function (lineCalc) {
|
|
64
67
|
return function (current, previous, next, reverse) {
|
|
65
68
|
// when 'current' is the first or last point of the array
|
|
66
69
|
// 'previous' and 'next' are undefined
|
|
@@ -79,6 +82,7 @@ exports.controlPoint = function (lineCalc) {
|
|
|
79
82
|
return [x, y];
|
|
80
83
|
};
|
|
81
84
|
};
|
|
85
|
+
exports.controlPoint = controlPoint;
|
|
82
86
|
/**
|
|
83
87
|
* @hidden
|
|
84
88
|
*
|
|
@@ -96,10 +100,11 @@ exports.controlPoint = function (lineCalc) {
|
|
|
96
100
|
* @param a (array) Represents the complete array of points coordinates.
|
|
97
101
|
* @output (string) 'C x2,y2 x1,y1 x,y' Cubic bezier command.
|
|
98
102
|
*/
|
|
99
|
-
|
|
103
|
+
var bezierCommand = function (controlPointCalc) { return function (point, i, a) {
|
|
100
104
|
// start control point
|
|
101
105
|
var _a = controlPointCalc(a[i - 1], a[i - 2], point), cpsX = _a[0], cpsY = _a[1];
|
|
102
106
|
// end control point
|
|
103
107
|
var _b = controlPointCalc(point, a[i - 1], a[i + 1], true), cpeX = _b[0], cpeY = _b[1];
|
|
104
108
|
return "C " + cpsX + "," + cpsY + " " + cpeX + "," + cpeY + " " + point[0] + "," + point[1];
|
|
105
109
|
}; };
|
|
110
|
+
exports.bezierCommand = bezierCommand;
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SliderTooltip = void 0;
|
|
3
4
|
var React = require("react");
|
|
4
5
|
var kendo_react_animation_1 = require("@progress/kendo-react-animation");
|
|
5
6
|
/**
|
|
6
7
|
* @hidden
|
|
7
8
|
*/
|
|
8
|
-
|
|
9
|
+
var SliderTooltip = function (props) {
|
|
9
10
|
var tooltipRef = React.useRef(null);
|
|
10
11
|
var position = function () {
|
|
11
12
|
if (props.anchor && props.anchor.current && tooltipRef.current) {
|
|
@@ -50,3 +51,4 @@ exports.SliderTooltip = function (props) {
|
|
|
50
51
|
return (React.createElement("div", { ref: tooltipRef, className: "k-tooltip", style: { position: 'absolute' } },
|
|
51
52
|
React.createElement("div", { className: "k-tooltip-content" }, props.children)));
|
|
52
53
|
};
|
|
54
|
+
exports.SliderTooltip = SliderTooltip;
|
|
@@ -18,14 +18,14 @@ declare class SwitchController {
|
|
|
18
18
|
overrideChecked: (checked: boolean) => void;
|
|
19
19
|
updateState({ wrapperOffset, handleOffset, checked, animate, coords, handleMargin, reverse }: any): void;
|
|
20
20
|
change: (checked: boolean, event?: any) => void;
|
|
21
|
-
|
|
21
|
+
get isChecked(): boolean;
|
|
22
22
|
addAnimation: (model: any) => any;
|
|
23
23
|
onPress: (event: any) => void;
|
|
24
24
|
onRelease: (event: any) => void;
|
|
25
25
|
onDrag: (event: any) => void;
|
|
26
26
|
updateModel(position: any, animate?: boolean): SwitchModel;
|
|
27
27
|
private limit;
|
|
28
|
-
|
|
29
|
-
|
|
28
|
+
get constrain(): number;
|
|
29
|
+
get checked(): boolean;
|
|
30
30
|
}
|
|
31
31
|
export default SwitchController;
|