@progress/kendo-vue-inputs 3.5.0 → 3.5.1-dev.202208150613
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-vue-inputs.js +1 -1
- package/dist/es/checkbox/Checkbox.js +1 -1
- 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 -3
- package/dist/es/colors/ColorContrastSvg.js +2 -2
- package/dist/es/colors/ColorGradient.js +7 -7
- package/dist/es/colors/ColorPalette.js +1 -1
- package/dist/es/colors/ColorPicker.js +4 -4
- 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/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/FlatColorPickerViewChangeEvent.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.js +1 -1
- package/dist/es/colors/utils/svg-calc.js +4 -4
- package/dist/es/input/Input.js +2 -2
- package/dist/es/interfaces/Direction.js +1 -0
- package/dist/es/interfaces/ToggleBaseProps.js +1 -0
- package/dist/es/maskedtextbox/MaskedTextBox.js +3 -3
- package/dist/es/maskedtextbox/MaskedTextBoxProps.js +1 -0
- package/dist/es/maskedtextbox/parsing/result.js +1 -1
- package/dist/es/numerictextbox/NumericTextBox.js +2 -2
- package/dist/es/numerictextbox/interfaces/NumericTextBoxData.js +1 -0
- package/dist/es/numerictextbox/interfaces/NumericTextBoxProps.js +1 -0
- package/dist/es/numerictextbox/utils/index.js +4 -4
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/radiobutton/RadioButton.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 +4 -4
- package/dist/es/slider/SliderLabel.js +2 -2
- package/dist/es/switch/Switch.js +3 -3
- package/dist/es/textarea/TextArea.js +3 -3
- package/dist/es/textarea/interfaces/TextAreaBlurEvent.js +1 -0
- package/dist/es/textarea/interfaces/TextAreaChangeEvent.js +1 -0
- package/dist/es/textarea/interfaces/TextAreaFlow.js +1 -0
- package/dist/es/textarea/interfaces/TextAreaFocusEvent.js +1 -0
- package/dist/es/textarea/interfaces/TextAreaProps.js +1 -0
- package/dist/es/textarea/interfaces/TextAreaResize.js +1 -0
- package/dist/esm/additionalTypes.ts +21 -0
- package/dist/esm/checkbox/Checkbox.d.ts +79 -0
- package/dist/esm/checkbox/Checkbox.js +373 -0
- package/dist/esm/checkbox/interfaces/CheckboxChangeEvent.d.ts +9 -0
- package/dist/esm/checkbox/interfaces/CheckboxChangeEvent.js +1 -0
- package/dist/esm/checkbox/interfaces/CheckboxFocusEvent.d.ts +5 -0
- package/dist/esm/checkbox/interfaces/CheckboxFocusEvent.js +1 -0
- package/dist/esm/checkbox/interfaces/CheckboxProps.d.ts +110 -0
- package/dist/esm/checkbox/interfaces/CheckboxProps.js +1 -0
- package/dist/esm/colors/ColorContrastLabels.d.ts +49 -0
- package/dist/esm/colors/ColorContrastLabels.js +84 -0
- package/dist/esm/colors/ColorContrastSvg.d.ts +50 -0
- package/dist/esm/colors/ColorContrastSvg.js +130 -0
- package/dist/esm/colors/ColorGradient.d.ts +54 -0
- package/dist/esm/colors/ColorGradient.js +515 -0
- package/dist/esm/colors/ColorInput.d.ts +57 -0
- package/dist/esm/colors/ColorInput.js +343 -0
- package/dist/esm/colors/ColorPalette.d.ts +60 -0
- package/dist/esm/colors/ColorPalette.js +343 -0
- package/dist/esm/colors/ColorPicker.d.ts +57 -0
- package/dist/esm/colors/ColorPicker.js +505 -0
- package/dist/esm/colors/FlatColorPicker.d.ts +139 -0
- package/dist/esm/colors/FlatColorPicker.js +539 -0
- package/dist/esm/colors/HexInput.d.ts +52 -0
- package/dist/esm/colors/HexInput.js +110 -0
- package/dist/esm/colors/Picker.d.ts +46 -0
- package/dist/esm/colors/Picker.js +110 -0
- package/dist/esm/colors/interfaces/ColorGradientChangeEvent.d.ts +13 -0
- package/dist/esm/colors/interfaces/ColorGradientChangeEvent.js +1 -0
- package/dist/esm/colors/interfaces/ColorGradientProps.d.ts +68 -0
- package/dist/esm/colors/interfaces/ColorGradientProps.js +1 -0
- package/dist/esm/colors/interfaces/ColorPaletteChangeEvent.d.ts +13 -0
- package/dist/esm/colors/interfaces/ColorPaletteChangeEvent.js +1 -0
- package/dist/esm/colors/interfaces/ColorPaletteProps.d.ts +71 -0
- package/dist/esm/colors/interfaces/ColorPaletteProps.js +1 -0
- package/dist/esm/colors/interfaces/ColorPickerActiveColorClick.d.ts +13 -0
- package/dist/esm/colors/interfaces/ColorPickerActiveColorClick.js +1 -0
- package/dist/esm/colors/interfaces/ColorPickerBlurEvent.d.ts +9 -0
- package/dist/esm/colors/interfaces/ColorPickerBlurEvent.js +1 -0
- package/dist/esm/colors/interfaces/ColorPickerChangeEvent.d.ts +17 -0
- package/dist/esm/colors/interfaces/ColorPickerChangeEvent.js +1 -0
- package/dist/esm/colors/interfaces/ColorPickerFocusEvent.d.ts +9 -0
- package/dist/esm/colors/interfaces/ColorPickerFocusEvent.js +1 -0
- package/dist/esm/colors/interfaces/ColorPickerPaletteSettings.d.ts +32 -0
- package/dist/esm/colors/interfaces/ColorPickerPaletteSettings.js +1 -0
- package/dist/esm/colors/interfaces/ColorPickerPopupSettings.d.ts +14 -0
- package/dist/esm/colors/interfaces/ColorPickerPopupSettings.js +1 -0
- package/dist/esm/colors/interfaces/ColorPickerProps.d.ts +176 -0
- package/dist/esm/colors/interfaces/ColorPickerProps.js +1 -0
- package/dist/esm/colors/interfaces/ColorPickerView.d.ts +10 -0
- package/dist/esm/colors/interfaces/ColorPickerView.js +1 -0
- package/dist/esm/colors/interfaces/FlatColorPickerViewChangeEvent.d.ts +13 -0
- package/dist/esm/colors/interfaces/FlatColorPickerViewChangeEvent.js +1 -0
- package/dist/esm/colors/interfaces/PickerPopupSettings.d.ts +14 -0
- package/dist/esm/colors/interfaces/PickerPopupSettings.js +1 -0
- package/dist/esm/colors/interfaces/PickerProps.d.ts +46 -0
- package/dist/esm/colors/interfaces/PickerProps.js +1 -0
- package/dist/esm/colors/models/hsva.d.ts +9 -0
- package/dist/esm/colors/models/hsva.js +1 -0
- package/dist/esm/colors/models/output-format.d.ts +4 -0
- package/dist/esm/colors/models/output-format.js +1 -0
- package/dist/esm/colors/models/palette-presets.d.ts +53 -0
- package/dist/esm/colors/models/palette-presets.js +54 -0
- package/dist/esm/colors/models/rgb.d.ts +8 -0
- package/dist/esm/colors/models/rgb.js +1 -0
- package/dist/esm/colors/models/rgba.d.ts +9 -0
- package/dist/esm/colors/models/rgba.js +1 -0
- package/dist/esm/colors/models/table-cell.d.ts +7 -0
- package/dist/esm/colors/models/table-cell.js +1 -0
- package/dist/esm/colors/models/tile-size.d.ts +11 -0
- package/dist/esm/colors/models/tile-size.js +1 -0
- package/dist/esm/colors/utils/color-cache.d.ts +43 -0
- package/dist/esm/colors/utils/color-cache.js +75 -0
- package/dist/esm/colors/utils/color-palette.service.d.ts +13 -0
- package/dist/esm/colors/utils/color-palette.service.js +67 -0
- package/dist/esm/colors/utils/color-parser.d.ts +71 -0
- package/dist/esm/colors/utils/color-parser.js +145 -0
- package/dist/esm/colors/utils/misc.d.ts +15 -0
- package/dist/esm/colors/utils/misc.js +20 -0
- package/dist/esm/colors/utils/svg-calc.d.ts +62 -0
- package/dist/esm/colors/utils/svg-calc.js +103 -0
- package/dist/esm/input/Input.d.ts +189 -0
- package/dist/esm/input/Input.js +426 -0
- package/dist/esm/input-separator/InputSeparator.d.ts +26 -0
- package/dist/esm/input-separator/InputSeparator.js +43 -0
- package/dist/esm/interfaces/Direction.d.ts +1 -0
- package/dist/esm/interfaces/Direction.js +1 -0
- package/dist/esm/interfaces/ToggleBaseProps.d.ts +8 -0
- package/dist/esm/interfaces/ToggleBaseProps.js +1 -0
- package/dist/esm/main.d.ts +39 -0
- package/dist/esm/main.js +37 -0
- package/dist/esm/maskedtextbox/MaskedTextBox.d.ts +76 -0
- package/dist/esm/maskedtextbox/MaskedTextBox.js +511 -0
- package/dist/esm/maskedtextbox/MaskedTextBoxProps.d.ts +219 -0
- package/dist/esm/maskedtextbox/MaskedTextBoxProps.js +2 -0
- package/dist/esm/maskedtextbox/masking.service.d.ts +41 -0
- package/dist/esm/maskedtextbox/masking.service.js +206 -0
- package/dist/esm/maskedtextbox/parsing/combinators.d.ts +9 -0
- package/dist/esm/maskedtextbox/parsing/combinators.js +24 -0
- package/dist/esm/maskedtextbox/parsing/parsers.d.ts +47 -0
- package/dist/esm/maskedtextbox/parsing/parsers.js +154 -0
- package/dist/esm/maskedtextbox/parsing/result.d.ts +23 -0
- package/dist/esm/maskedtextbox/parsing/result.js +39 -0
- package/dist/esm/maskedtextbox/parsing/stream.d.ts +22 -0
- package/dist/esm/maskedtextbox/parsing/stream.js +41 -0
- package/dist/esm/maskedtextbox/utils.d.ts +16 -0
- package/dist/esm/maskedtextbox/utils.js +56 -0
- package/dist/esm/messages/index.d.ts +160 -0
- package/dist/esm/messages/index.js +162 -0
- package/dist/esm/numerictextbox/NumericTextBox.d.ts +87 -0
- package/dist/esm/numerictextbox/NumericTextBox.js +684 -0
- package/dist/esm/numerictextbox/interfaces/NumericTextBoxData.d.ts +15 -0
- package/dist/esm/numerictextbox/interfaces/NumericTextBoxData.js +1 -0
- package/dist/esm/numerictextbox/interfaces/NumericTextBoxProps.d.ts +178 -0
- package/dist/esm/numerictextbox/interfaces/NumericTextBoxProps.js +1 -0
- package/dist/esm/numerictextbox/utils/index.d.ts +119 -0
- package/dist/esm/numerictextbox/utils/index.js +646 -0
- package/dist/esm/package-metadata.d.ts +5 -0
- package/dist/esm/package-metadata.js +11 -0
- package/dist/esm/package.json +3 -0
- package/dist/esm/radiobutton/RadioButton.d.ts +55 -0
- package/dist/esm/radiobutton/RadioButton.js +195 -0
- package/dist/esm/radiobutton/RadioGroup.d.ts +57 -0
- package/dist/esm/radiobutton/RadioGroup.js +218 -0
- package/dist/esm/radiobutton/interfaces/RadioButtonBlurEvent.d.ts +5 -0
- package/dist/esm/radiobutton/interfaces/RadioButtonBlurEvent.js +1 -0
- package/dist/esm/radiobutton/interfaces/RadioButtonChangeEvent.d.ts +9 -0
- package/dist/esm/radiobutton/interfaces/RadioButtonChangeEvent.js +1 -0
- package/dist/esm/radiobutton/interfaces/RadioButtonFocusEvent.d.ts +5 -0
- package/dist/esm/radiobutton/interfaces/RadioButtonFocusEvent.js +1 -0
- package/dist/esm/radiobutton/interfaces/RadioButtonProps.d.ts +107 -0
- package/dist/esm/radiobutton/interfaces/RadioButtonProps.js +1 -0
- package/dist/esm/radiobutton/interfaces/RadioGroupChangeEvent.d.ts +9 -0
- package/dist/esm/radiobutton/interfaces/RadioGroupChangeEvent.js +1 -0
- package/dist/esm/radiobutton/interfaces/RadioGroupFocusEvent.d.ts +5 -0
- package/dist/esm/radiobutton/interfaces/RadioGroupFocusEvent.js +1 -0
- package/dist/esm/radiobutton/interfaces/RadioGroupProps.d.ts +81 -0
- package/dist/esm/radiobutton/interfaces/RadioGroupProps.js +1 -0
- package/dist/esm/range-slider/RangeSlider.d.ts +176 -0
- package/dist/esm/range-slider/RangeSlider.js +617 -0
- package/dist/esm/range-slider/range-raducer.d.ts +35 -0
- package/dist/esm/range-slider/range-raducer.js +157 -0
- package/dist/esm/slider/Slider.d.ts +140 -0
- package/dist/esm/slider/Slider.js +395 -0
- package/dist/esm/slider/SliderLabel.d.ts +65 -0
- package/dist/esm/slider/SliderLabel.js +121 -0
- package/dist/esm/switch/Switch.d.ts +182 -0
- package/dist/esm/switch/Switch.js +342 -0
- package/dist/esm/switch/util.d.ts +8 -0
- package/dist/esm/switch/util.js +46 -0
- package/dist/esm/textarea/TextArea.d.ts +81 -0
- package/dist/esm/textarea/TextArea.js +422 -0
- package/dist/esm/textarea/interfaces/TextAreaBlurEvent.d.ts +5 -0
- package/dist/esm/textarea/interfaces/TextAreaBlurEvent.js +1 -0
- package/dist/esm/textarea/interfaces/TextAreaChangeEvent.d.ts +9 -0
- package/dist/esm/textarea/interfaces/TextAreaChangeEvent.js +1 -0
- package/dist/esm/textarea/interfaces/TextAreaFlow.d.ts +8 -0
- package/dist/esm/textarea/interfaces/TextAreaFlow.js +1 -0
- package/dist/esm/textarea/interfaces/TextAreaFocusEvent.d.ts +5 -0
- package/dist/esm/textarea/interfaces/TextAreaFocusEvent.js +1 -0
- package/dist/esm/textarea/interfaces/TextAreaProps.d.ts +170 -0
- package/dist/esm/textarea/interfaces/TextAreaProps.js +1 -0
- package/dist/esm/textarea/interfaces/TextAreaResize.d.ts +10 -0
- package/dist/esm/textarea/interfaces/TextAreaResize.js +1 -0
- package/dist/npm/checkbox/Checkbox.js +12 -12
- package/dist/npm/colors/ColorContrastLabels.js +5 -5
- package/dist/npm/colors/ColorContrastSvg.js +4 -4
- package/dist/npm/colors/ColorGradient.js +42 -42
- package/dist/npm/colors/ColorInput.js +2 -2
- package/dist/npm/colors/ColorPalette.js +12 -12
- package/dist/npm/colors/ColorPicker.js +15 -15
- package/dist/npm/colors/FlatColorPicker.js +10 -10
- package/dist/npm/colors/HexInput.js +4 -4
- package/dist/npm/colors/Picker.js +2 -2
- package/dist/npm/colors/utils/color-palette.service.js +6 -6
- package/dist/npm/colors/utils/color-parser.js +48 -37
- package/dist/npm/colors/utils/misc.js +5 -3
- package/dist/npm/colors/utils/svg-calc.js +12 -8
- package/dist/npm/input/Input.js +4 -4
- package/dist/npm/input-separator/InputSeparator.js +1 -1
- package/dist/npm/main.js +7 -2
- package/dist/npm/maskedtextbox/MaskedTextBox.js +8 -8
- package/dist/npm/maskedtextbox/masking.service.js +19 -19
- package/dist/npm/maskedtextbox/parsing/combinators.js +4 -2
- package/dist/npm/maskedtextbox/parsing/parsers.js +14 -7
- package/dist/npm/maskedtextbox/parsing/result.js +1 -1
- package/dist/npm/numerictextbox/NumericTextBox.js +22 -22
- package/dist/npm/numerictextbox/utils/index.js +145 -116
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/radiobutton/RadioButton.js +8 -8
- package/dist/npm/radiobutton/RadioGroup.js +5 -5
- package/dist/npm/range-slider/RangeSlider.js +17 -17
- package/dist/npm/range-slider/range-raducer.js +4 -2
- package/dist/npm/slider/Slider.js +7 -7
- package/dist/npm/slider/SliderLabel.js +3 -3
- package/dist/npm/switch/Switch.js +13 -13
- package/dist/npm/switch/util.js +2 -1
- package/dist/npm/textarea/TextArea.js +7 -7
- package/package.json +17 -11
|
@@ -188,7 +188,7 @@ var ColorPickerVue2 = {
|
|
|
188
188
|
},
|
|
189
189
|
computedIconClassName: function computedIconClassName() {
|
|
190
190
|
var icon = this.$props.icon;
|
|
191
|
-
return this.$props.iconClassName || icon && "k-icon k-i-"
|
|
191
|
+
return this.$props.iconClassName || icon && "k-icon k-i-".concat(icon);
|
|
192
192
|
},
|
|
193
193
|
wrapperClassName: function wrapperClassName() {
|
|
194
194
|
var _a;
|
|
@@ -201,16 +201,16 @@ var ColorPickerVue2 = {
|
|
|
201
201
|
'k-picker': true,
|
|
202
202
|
'k-colorpicker': true,
|
|
203
203
|
'k-icon-picker': true
|
|
204
|
-
}, _a["k-picker-"
|
|
204
|
+
}, _a["k-picker-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-picker-".concat(fillMode)] = fillMode, _a["k-rounded-".concat(kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-invalid'] = !this.valid, _a['k-disabled'] = this.disabled, _a['k-focus'] = this.focused, _a;
|
|
205
205
|
}
|
|
206
206
|
},
|
|
207
207
|
created: function created() {
|
|
208
|
-
kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
|
|
209
|
-
this._popupId = 'popup' + kendo_vue_common_1.guid();
|
|
210
|
-
this.focusableElementGuid = kendo_vue_common_1.guid();
|
|
208
|
+
(0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
|
|
209
|
+
this._popupId = 'popup' + (0, kendo_vue_common_1.guid)();
|
|
210
|
+
this.focusableElementGuid = (0, kendo_vue_common_1.guid)();
|
|
211
211
|
},
|
|
212
212
|
mounted: function mounted() {
|
|
213
|
-
this.button = kendo_vue_common_1.getRef(this, 'button');
|
|
213
|
+
this.button = (0, kendo_vue_common_1.getRef)(this, 'button');
|
|
214
214
|
},
|
|
215
215
|
updated: function updated() {// this.button = getRef(this, 'button');
|
|
216
216
|
},
|
|
@@ -250,7 +250,7 @@ var ColorPickerVue2 = {
|
|
|
250
250
|
'focusout': this.onBlurHandler,
|
|
251
251
|
'viewchange': this.onViewChange
|
|
252
252
|
},
|
|
253
|
-
ref: kendo_vue_common_1.setRef(this, 'flatcolorpicker'),
|
|
253
|
+
ref: (0, kendo_vue_common_1.setRef)(this, 'flatcolorpicker'),
|
|
254
254
|
view: view,
|
|
255
255
|
selectedView: selectedView,
|
|
256
256
|
showClearButton: showClearButton,
|
|
@@ -284,14 +284,14 @@ var ColorPickerVue2 = {
|
|
|
284
284
|
id: this.$props.id,
|
|
285
285
|
"aria-labelledby": this.$props.ariaLabelledBy,
|
|
286
286
|
"aria-describedby": this.$props.ariaDescribedBy,
|
|
287
|
-
tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
|
|
287
|
+
tabindex: (0, kendo_vue_common_1.getTabIndex)(tabIndex, disabled),
|
|
288
288
|
title: this.$props.title
|
|
289
289
|
},
|
|
290
290
|
id: this.$props.id,
|
|
291
291
|
"aria-labelledby": this.$props.ariaLabelledBy,
|
|
292
292
|
"aria-describedby": this.$props.ariaDescribedBy,
|
|
293
293
|
ref: this.focusableElementGuid,
|
|
294
|
-
tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
|
|
294
|
+
tabindex: (0, kendo_vue_common_1.getTabIndex)(tabIndex, disabled),
|
|
295
295
|
title: this.$props.title,
|
|
296
296
|
onKeydown: this.onButtonKeyDown,
|
|
297
297
|
on: this.v3 ? undefined : {
|
|
@@ -308,12 +308,12 @@ var ColorPickerVue2 = {
|
|
|
308
308
|
},
|
|
309
309
|
"class": 'k-input-inner'
|
|
310
310
|
}, [h("span", {
|
|
311
|
-
"class": kendo_vue_common_1.classNames('k-value-icon', 'k-color-preview', {
|
|
311
|
+
"class": (0, kendo_vue_common_1.classNames)('k-value-icon', 'k-color-preview', {
|
|
312
312
|
'k-no-color': !this.computedValue,
|
|
313
313
|
'k-icon-color-preview': this.icon || this.iconClassName
|
|
314
314
|
})
|
|
315
315
|
}, [(this.iconClassName || this.icon) && h("span", {
|
|
316
|
-
"class": kendo_vue_common_1.classNames('k-color-preview-icon', this.iconClassName, (_a = {}, _a["k-icon k-i-"
|
|
316
|
+
"class": (0, kendo_vue_common_1.classNames)('k-color-preview-icon', this.iconClassName, (_a = {}, _a["k-icon k-i-".concat(this.icon)] = this.icon && !this.iconClassName, _a))
|
|
317
317
|
}), h("span", {
|
|
318
318
|
"class": "k-color-preview-mask",
|
|
319
319
|
style: {
|
|
@@ -426,7 +426,7 @@ var ColorPickerVue2 = {
|
|
|
426
426
|
},
|
|
427
427
|
onOpenHandler: function onOpenHandler() {
|
|
428
428
|
// Skip content autofocus when in controlled mode
|
|
429
|
-
var flatcolorpicker = kendo_vue_common_1.getRef(this, 'flatcolorpicker');
|
|
429
|
+
var flatcolorpicker = (0, kendo_vue_common_1.getRef)(this, 'flatcolorpicker');
|
|
430
430
|
|
|
431
431
|
if (flatcolorpicker) {
|
|
432
432
|
flatcolorpicker.focus();
|
|
@@ -442,7 +442,7 @@ var ColorPickerVue2 = {
|
|
|
442
442
|
});
|
|
443
443
|
},
|
|
444
444
|
isViewFocused: function isViewFocused() {
|
|
445
|
-
return !!(document.activeElement && document.activeElement.closest("#"
|
|
445
|
+
return !!(document.activeElement && document.activeElement.closest("#".concat(this._popupId)));
|
|
446
446
|
},
|
|
447
447
|
onButtonBlur: function onButtonBlur(event) {
|
|
448
448
|
this.focused = this.isViewFocused();
|
|
@@ -478,8 +478,8 @@ var ColorPickerVue2 = {
|
|
|
478
478
|
},
|
|
479
479
|
onBlurHandler: function onBlurHandler() {
|
|
480
480
|
clearTimeout(this.blurTimeoutRef);
|
|
481
|
-
this.palette = kendo_vue_common_1.getRef(this, 'palette');
|
|
482
|
-
this.gradient = kendo_vue_common_1.getRef(this, 'gradient');
|
|
481
|
+
this.palette = (0, kendo_vue_common_1.getRef)(this, 'palette');
|
|
482
|
+
this.gradient = (0, kendo_vue_common_1.getRef)(this, 'gradient');
|
|
483
483
|
this.blurTimeoutRef = setTimeout(this.onBlurTimeout, 200);
|
|
484
484
|
},
|
|
485
485
|
onViewChange: function onViewChange(event) {
|
|
@@ -114,7 +114,7 @@ var FlatColorPickerVue2 = {
|
|
|
114
114
|
}
|
|
115
115
|
},
|
|
116
116
|
created: function created() {
|
|
117
|
-
kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
|
|
117
|
+
(0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
|
|
118
118
|
},
|
|
119
119
|
computed: {
|
|
120
120
|
isColorGradient: function isColorGradient() {
|
|
@@ -167,7 +167,7 @@ var FlatColorPickerVue2 = {
|
|
|
167
167
|
var _this = this;
|
|
168
168
|
|
|
169
169
|
var h = gh || createElement;
|
|
170
|
-
var localizationService = kendo_vue_intl_1.provideLocalizationService(this);
|
|
170
|
+
var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
171
171
|
var gradientMessage = localizationService.toLanguageString(messages_1.flatColorPickerGradientBtn, messages_1.messages[messages_1.flatColorPickerGradientBtn]);
|
|
172
172
|
var paletteMessage = localizationService.toLanguageString(messages_1.flatColorPickerPaletteBtn, messages_1.messages[messages_1.flatColorPickerPaletteBtn]);
|
|
173
173
|
var clearMessage = localizationService.toLanguageString(messages_1.flatColorPickerClearBtn, messages_1.messages[messages_1.flatColorPickerClearBtn]);
|
|
@@ -191,7 +191,7 @@ var FlatColorPickerVue2 = {
|
|
|
191
191
|
value: this.colorValue,
|
|
192
192
|
innerTabIndex: this.computedTabIndex
|
|
193
193
|
}, this.gradientSettings),
|
|
194
|
-
ref: kendo_vue_common_1.setRef(this, 'gradient'),
|
|
194
|
+
ref: (0, kendo_vue_common_1.setRef)(this, 'gradient'),
|
|
195
195
|
tabIndex: -1,
|
|
196
196
|
value: this.colorValue,
|
|
197
197
|
innerTabIndex: this.computedTabIndex,
|
|
@@ -210,7 +210,7 @@ var FlatColorPickerVue2 = {
|
|
|
210
210
|
'change': this.handlePaletteColorChange,
|
|
211
211
|
'keydown': this.gradientKeyDown
|
|
212
212
|
},
|
|
213
|
-
ref: kendo_vue_common_1.setRef(this, 'palette'),
|
|
213
|
+
ref: (0, kendo_vue_common_1.setRef)(this, 'palette'),
|
|
214
214
|
tabIndex: this.computedTabIndex,
|
|
215
215
|
value: this.colorValue,
|
|
216
216
|
attrs: this.v3 ? undefined : __assign({
|
|
@@ -223,9 +223,9 @@ var FlatColorPickerVue2 = {
|
|
|
223
223
|
};
|
|
224
224
|
|
|
225
225
|
return h("div", {
|
|
226
|
-
tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled),
|
|
226
|
+
tabindex: (0, kendo_vue_common_1.getTabIndex)(this.$props.tabIndex, this.$props.disabled),
|
|
227
227
|
attrs: this.v3 ? undefined : {
|
|
228
|
-
tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled),
|
|
228
|
+
tabindex: (0, kendo_vue_common_1.getTabIndex)(this.$props.tabIndex, this.$props.disabled),
|
|
229
229
|
"aria-disabled": this.$props.disabled
|
|
230
230
|
},
|
|
231
231
|
onFocus: this.onFocus,
|
|
@@ -238,7 +238,7 @@ var FlatColorPickerVue2 = {
|
|
|
238
238
|
onBlur: this.onBlur,
|
|
239
239
|
onFocusout: this.onFocusout,
|
|
240
240
|
onKeydown: this.onKeyDownHandler,
|
|
241
|
-
"class": kendo_vue_common_1.classNames('k-flatcolorpicker k-coloreditor', {
|
|
241
|
+
"class": (0, kendo_vue_common_1.classNames)('k-flatcolorpicker k-coloreditor', {
|
|
242
242
|
'k-disabled': this.$props.disabled
|
|
243
243
|
}),
|
|
244
244
|
"aria-disabled": this.$props.disabled
|
|
@@ -469,12 +469,12 @@ var FlatColorPickerVue2 = {
|
|
|
469
469
|
|
|
470
470
|
this.focused = true;
|
|
471
471
|
setTimeout(function () {
|
|
472
|
-
kendo_vue_common_1.focusFirstFocusableChild(_this.$el);
|
|
472
|
+
(0, kendo_vue_common_1.focusFirstFocusableChild)(_this.$el);
|
|
473
473
|
}, 1);
|
|
474
474
|
},
|
|
475
475
|
onKeyDownHandler: function onKeyDownHandler(e) {
|
|
476
476
|
var element = this.$el;
|
|
477
|
-
this.focused = kendo_vue_common_1.focusContainer(e, element);
|
|
477
|
+
this.focused = (0, kendo_vue_common_1.focusContainer)(e, element);
|
|
478
478
|
this.$emit('keydown', e);
|
|
479
479
|
},
|
|
480
480
|
handleViewChange: function handleViewChange(event, viewType) {
|
|
@@ -494,7 +494,7 @@ var FlatColorPickerVue2 = {
|
|
|
494
494
|
this.colorValue = event.value;
|
|
495
495
|
},
|
|
496
496
|
handleApplyBtnClick: function handleApplyBtnClick(event) {
|
|
497
|
-
var rgbaValue = color_parser_1.parseColor(this.colorValue, 'rgba');
|
|
497
|
+
var rgbaValue = (0, color_parser_1.parseColor)(this.colorValue, 'rgba');
|
|
498
498
|
this.currentPrevColor = this.colorValue;
|
|
499
499
|
this.$emit('changemodel', this.colorValue);
|
|
500
500
|
this.$emit('update:modelValue', this.colorValue);
|
|
@@ -36,7 +36,7 @@ var HexInputVue2 = {
|
|
|
36
36
|
},
|
|
37
37
|
computed: {
|
|
38
38
|
isHexValid: function isHexValid() {
|
|
39
|
-
return !!color_parser_1.parseColor(this.currentHex, 'rgba');
|
|
39
|
+
return !!(0, color_parser_1.parseColor)(this.currentHex, 'rgba');
|
|
40
40
|
}
|
|
41
41
|
},
|
|
42
42
|
data: function data() {
|
|
@@ -90,10 +90,10 @@ var HexInputVue2 = {
|
|
|
90
90
|
methods: {
|
|
91
91
|
onChange: function onChange(event) {
|
|
92
92
|
var hex = event.target.value;
|
|
93
|
-
var value = color_parser_1.parseColor(hex, 'rgba');
|
|
93
|
+
var value = (0, color_parser_1.parseColor)(hex, 'rgba');
|
|
94
94
|
this.currentHex = hex;
|
|
95
95
|
|
|
96
|
-
if (misc_1.isPresent(value)) {
|
|
96
|
+
if ((0, misc_1.isPresent)(value)) {
|
|
97
97
|
this.$emit('hexchange', {
|
|
98
98
|
hex: hex,
|
|
99
99
|
value: value,
|
|
@@ -102,7 +102,7 @@ var HexInputVue2 = {
|
|
|
102
102
|
}
|
|
103
103
|
},
|
|
104
104
|
onBlur: function onBlur(event) {
|
|
105
|
-
if (!misc_1.isPresent(color_parser_1.parseColor(this.hex, 'rgba'))) {
|
|
105
|
+
if (!(0, misc_1.isPresent)((0, color_parser_1.parseColor)(this.hex, 'rgba'))) {
|
|
106
106
|
this.currentHex = this.originalHex;
|
|
107
107
|
}
|
|
108
108
|
|
|
@@ -65,7 +65,7 @@ var PickerVue2 = {
|
|
|
65
65
|
// @ts-ignore
|
|
66
66
|
render: function render(createElement) {
|
|
67
67
|
var h = gh || createElement;
|
|
68
|
-
var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
|
|
68
|
+
var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
69
69
|
var _a = this.$props.popupSettings,
|
|
70
70
|
popupClass = _a.popupClass,
|
|
71
71
|
appendTo = _a.appendTo,
|
|
@@ -97,7 +97,7 @@ var PickerVue2 = {
|
|
|
97
97
|
appendTo: appendTo,
|
|
98
98
|
animate: animate,
|
|
99
99
|
popupClass: popupClass,
|
|
100
|
-
"class": kendo_vue_common_1.classNames('k-reset', className)
|
|
100
|
+
"class": (0, kendo_vue_common_1.classNames)('k-reset', className)
|
|
101
101
|
}, this.v3 ? function () {
|
|
102
102
|
return [defaultSlot];
|
|
103
103
|
} : [defaultSlot])
|
|
@@ -12,7 +12,7 @@ var ColorPaletteService = /** @class */ (function () {
|
|
|
12
12
|
}
|
|
13
13
|
ColorPaletteService.prototype.setColorMatrix = function (palette, columns) {
|
|
14
14
|
this.colorRows = [];
|
|
15
|
-
if (!(misc_1.isPresent(palette) && palette.length)) {
|
|
15
|
+
if (!((0, misc_1.isPresent)(palette) && palette.length)) {
|
|
16
16
|
return;
|
|
17
17
|
}
|
|
18
18
|
columns = columns || palette.length;
|
|
@@ -25,12 +25,12 @@ var ColorPaletteService = /** @class */ (function () {
|
|
|
25
25
|
return colors.some(function (c) { return c === current; });
|
|
26
26
|
};
|
|
27
27
|
ColorPaletteService.prototype.getCellCoordsFor = function (color) {
|
|
28
|
-
if (!misc_1.isPresent(color)) {
|
|
28
|
+
if (!(0, misc_1.isPresent)(color)) {
|
|
29
29
|
return;
|
|
30
30
|
}
|
|
31
|
-
var parsedColor = color ? kendo_drawing_1.parseColor(color, true) : color;
|
|
31
|
+
var parsedColor = color ? (0, kendo_drawing_1.parseColor)(color, true) : color;
|
|
32
32
|
var colors = [color];
|
|
33
|
-
if (misc_1.isPresent(parsedColor)) {
|
|
33
|
+
if ((0, misc_1.isPresent)(parsedColor)) {
|
|
34
34
|
colors.push(parsedColor.toCss(), parsedColor.toCssRgba());
|
|
35
35
|
}
|
|
36
36
|
for (var row = 0; row < this.colorRows.length; row++) {
|
|
@@ -42,13 +42,13 @@ var ColorPaletteService = /** @class */ (function () {
|
|
|
42
42
|
}
|
|
43
43
|
};
|
|
44
44
|
ColorPaletteService.prototype.getColorAt = function (cellCoords) {
|
|
45
|
-
if (!(misc_1.isPresent(cellCoords) && misc_1.isPresent(this.colorRows[cellCoords.row]))) {
|
|
45
|
+
if (!((0, misc_1.isPresent)(cellCoords) && (0, misc_1.isPresent)(this.colorRows[cellCoords.row]))) {
|
|
46
46
|
return;
|
|
47
47
|
}
|
|
48
48
|
return this.colorRows[cellCoords.row][cellCoords.col];
|
|
49
49
|
};
|
|
50
50
|
ColorPaletteService.prototype.getNextCell = function (current, horizontalStep, verticalStep) {
|
|
51
|
-
if (!(misc_1.isPresent(current) && misc_1.isPresent(current.row) && misc_1.isPresent(current.col))) {
|
|
51
|
+
if (!((0, misc_1.isPresent)(current) && (0, misc_1.isPresent)(current.row) && (0, misc_1.isPresent)(current.col))) {
|
|
52
52
|
return { row: 0, col: 0 };
|
|
53
53
|
}
|
|
54
54
|
var row = this.clampIndex(current.row + verticalStep, this.colorRows.length - 1);
|
|
@@ -8,115 +8,123 @@ var misc_1 = require("./misc");
|
|
|
8
8
|
*
|
|
9
9
|
* Returns the hex or RGBA string representation of the color.
|
|
10
10
|
*/
|
|
11
|
-
|
|
11
|
+
var parseColor = function (value, format, opacityEnabled, safe) {
|
|
12
12
|
if (opacityEnabled === void 0) { opacityEnabled = false; }
|
|
13
13
|
if (safe === void 0) { safe = true; }
|
|
14
14
|
var allowedFormats = ['hex', 'rgba']; // TODO: constant?
|
|
15
15
|
// Angular supports third type: name : const allowedFormats: Array<string> = ['hex', 'rgba', 'name'];
|
|
16
16
|
if (allowedFormats.indexOf(format) === -1) {
|
|
17
|
-
throw new Error("Unsupported color output format '"
|
|
17
|
+
throw new Error("Unsupported color output format '".concat(format, "'. The available options are 'hex' or 'rgba'."));
|
|
18
18
|
}
|
|
19
|
-
if (!misc_1.isPresent(value)) {
|
|
19
|
+
if (!(0, misc_1.isPresent)(value)) {
|
|
20
20
|
return;
|
|
21
21
|
}
|
|
22
|
-
var parsedColor = kendo_drawing_1.parseColor(value.trim(), safe);
|
|
23
|
-
if (!misc_1.isPresent(parsedColor)) {
|
|
22
|
+
var parsedColor = (0, kendo_drawing_1.parseColor)(value.trim(), safe);
|
|
23
|
+
if (!(0, misc_1.isPresent)(parsedColor)) {
|
|
24
24
|
return;
|
|
25
25
|
}
|
|
26
|
-
return format === 'hex' ? exports.getHexValue(parsedColor, opacityEnabled) : parsedColor.toCssRgba();
|
|
26
|
+
return format === 'hex' ? (0, exports.getHexValue)(parsedColor, opacityEnabled) : parsedColor.toCssRgba();
|
|
27
27
|
};
|
|
28
|
+
exports.parseColor = parseColor;
|
|
28
29
|
/**
|
|
29
30
|
* @hidden
|
|
30
31
|
*
|
|
31
32
|
* Returns the HEX value.
|
|
32
33
|
*/
|
|
33
|
-
|
|
34
|
+
var getHexValue = function (color, opacity) {
|
|
34
35
|
return opacity && color.a < 1 ? color.toCss({ alpha: true }) : color.toCss();
|
|
35
36
|
};
|
|
37
|
+
exports.getHexValue = getHexValue;
|
|
36
38
|
/**
|
|
37
39
|
* @hidden
|
|
38
40
|
*
|
|
39
41
|
* Returns an HSV object representation of the color string.
|
|
40
42
|
*/
|
|
41
|
-
|
|
43
|
+
var getHSV = function (value, safe) {
|
|
42
44
|
if (safe === void 0) { safe = true; }
|
|
43
|
-
var parsed = kendo_drawing_1.parseColor(value, safe);
|
|
44
|
-
if (!misc_1.isPresent(parsed)) {
|
|
45
|
+
var parsed = (0, kendo_drawing_1.parseColor)(value, safe);
|
|
46
|
+
if (!(0, misc_1.isPresent)(parsed)) {
|
|
45
47
|
return {};
|
|
46
48
|
}
|
|
47
49
|
return parsed.toHSV();
|
|
48
50
|
};
|
|
51
|
+
exports.getHSV = getHSV;
|
|
49
52
|
/**
|
|
50
53
|
* @hidden
|
|
51
54
|
*
|
|
52
55
|
* Returns an RGBA object representation of the color string.
|
|
53
56
|
*/
|
|
54
|
-
|
|
57
|
+
var getRGBA = function (value, safe) {
|
|
55
58
|
if (safe === void 0) { safe = true; }
|
|
56
|
-
var parsed = kendo_drawing_1.parseColor(value, safe);
|
|
57
|
-
if (!misc_1.isPresent(parsed)) {
|
|
59
|
+
var parsed = (0, kendo_drawing_1.parseColor)(value, safe);
|
|
60
|
+
if (!(0, misc_1.isPresent)(parsed)) {
|
|
58
61
|
return {};
|
|
59
62
|
}
|
|
60
63
|
return parsed.toBytes();
|
|
61
64
|
};
|
|
65
|
+
exports.getRGBA = getRGBA;
|
|
62
66
|
/**
|
|
63
67
|
* @hidden
|
|
64
68
|
*
|
|
65
69
|
* Returns the RGBA string representation of the color.
|
|
66
70
|
*/
|
|
67
|
-
|
|
68
|
-
var hue = misc_1.fitIntoBounds(hsva.h, 0, 359.9);
|
|
69
|
-
var saturation = misc_1.fitIntoBounds(hsva.s, 0, 1);
|
|
70
|
-
var value = misc_1.fitIntoBounds(hsva.v, 0, 1);
|
|
71
|
-
var alpha = misc_1.fitIntoBounds(hsva.a, 0, 1);
|
|
71
|
+
var getColorFromHSV = function (hsva) {
|
|
72
|
+
var hue = (0, misc_1.fitIntoBounds)(hsva.h, 0, 359.9);
|
|
73
|
+
var saturation = (0, misc_1.fitIntoBounds)(hsva.s, 0, 1);
|
|
74
|
+
var value = (0, misc_1.fitIntoBounds)(hsva.v, 0, 1);
|
|
75
|
+
var alpha = (0, misc_1.fitIntoBounds)(hsva.a, 0, 1);
|
|
72
76
|
return kendo_drawing_1.Color.fromHSV(hue, saturation, value, alpha).toCssRgba();
|
|
73
77
|
};
|
|
78
|
+
exports.getColorFromHSV = getColorFromHSV;
|
|
74
79
|
/**
|
|
75
80
|
* @hidden
|
|
76
81
|
*
|
|
77
82
|
* Returns the RGBA string representation of the color based on the `hue` and
|
|
78
83
|
* assuming the `value`, `saturation`, and `alpha` have a value of `1`.
|
|
79
84
|
*/
|
|
80
|
-
|
|
81
|
-
return exports.getColorFromHSV({ h: hue, s: 1, v: 1, a: 1 });
|
|
85
|
+
var getColorFromHue = function (hue) {
|
|
86
|
+
return (0, exports.getColorFromHSV)({ h: hue, s: 1, v: 1, a: 1 });
|
|
82
87
|
};
|
|
88
|
+
exports.getColorFromHue = getColorFromHue;
|
|
83
89
|
/**
|
|
84
90
|
* @hidden
|
|
85
91
|
*
|
|
86
92
|
* Returns the RGBA string representation of the color.
|
|
87
93
|
*/
|
|
88
|
-
|
|
89
|
-
var red = misc_1.fitIntoBounds(rgba.r, 0, 255);
|
|
90
|
-
var green = misc_1.fitIntoBounds(rgba.g, 0, 255);
|
|
91
|
-
var blue = misc_1.fitIntoBounds(rgba.b, 0, 255);
|
|
92
|
-
var alpha = misc_1.fitIntoBounds(rgba.a, 0, 1);
|
|
94
|
+
var getColorFromRGBA = function (rgba) {
|
|
95
|
+
var red = (0, misc_1.fitIntoBounds)(rgba.r, 0, 255);
|
|
96
|
+
var green = (0, misc_1.fitIntoBounds)(rgba.g, 0, 255);
|
|
97
|
+
var blue = (0, misc_1.fitIntoBounds)(rgba.b, 0, 255);
|
|
98
|
+
var alpha = (0, misc_1.fitIntoBounds)(rgba.a, 0, 1);
|
|
93
99
|
return kendo_drawing_1.Color.fromBytes(red, green, blue, alpha).toCssRgba();
|
|
94
100
|
};
|
|
101
|
+
exports.getColorFromRGBA = getColorFromRGBA;
|
|
95
102
|
/**
|
|
96
103
|
* @hidden
|
|
97
104
|
*
|
|
98
105
|
* Returns the RGB object representation of the color based on the background color.
|
|
99
106
|
*/
|
|
100
|
-
|
|
101
|
-
var r1 = misc_1.fitIntoBounds(foregroundColor.r, 0, 255);
|
|
102
|
-
var g1 = misc_1.fitIntoBounds(foregroundColor.g, 0, 255);
|
|
103
|
-
var b1 = misc_1.fitIntoBounds(foregroundColor.b, 0, 255);
|
|
104
|
-
var a1 = misc_1.fitIntoBounds(foregroundColor.a, 0, 1);
|
|
105
|
-
var r2 = misc_1.fitIntoBounds(backgroundColor.r, 0, 255);
|
|
106
|
-
var g2 = misc_1.fitIntoBounds(backgroundColor.g, 0, 255);
|
|
107
|
-
var b2 = misc_1.fitIntoBounds(backgroundColor.b, 0, 255);
|
|
107
|
+
var getRGBFromRGBA = function (foregroundColor, backgroundColor) {
|
|
108
|
+
var r1 = (0, misc_1.fitIntoBounds)(foregroundColor.r, 0, 255);
|
|
109
|
+
var g1 = (0, misc_1.fitIntoBounds)(foregroundColor.g, 0, 255);
|
|
110
|
+
var b1 = (0, misc_1.fitIntoBounds)(foregroundColor.b, 0, 255);
|
|
111
|
+
var a1 = (0, misc_1.fitIntoBounds)(foregroundColor.a, 0, 1);
|
|
112
|
+
var r2 = (0, misc_1.fitIntoBounds)(backgroundColor.r, 0, 255);
|
|
113
|
+
var g2 = (0, misc_1.fitIntoBounds)(backgroundColor.g, 0, 255);
|
|
114
|
+
var b2 = (0, misc_1.fitIntoBounds)(backgroundColor.b, 0, 255);
|
|
108
115
|
return {
|
|
109
116
|
r: Math.round(((1 - a1) * r2) + (a1 * r1)),
|
|
110
117
|
g: Math.round(((1 - a1) * g2) + (a1 * g1)),
|
|
111
118
|
b: Math.round(((1 - a1) * b2) + (a1 * b1))
|
|
112
119
|
};
|
|
113
120
|
};
|
|
121
|
+
exports.getRGBFromRGBA = getRGBFromRGBA;
|
|
114
122
|
/**
|
|
115
123
|
* @hidden
|
|
116
124
|
*
|
|
117
125
|
* Returns the relative luminance.
|
|
118
126
|
*/
|
|
119
|
-
|
|
127
|
+
var getLuminance = function (rgb) {
|
|
120
128
|
// @ts-ignore
|
|
121
129
|
var a = [rgb.r, rgb.g, rgb.b].map(function (v) {
|
|
122
130
|
v /= 255;
|
|
@@ -127,22 +135,25 @@ exports.getLuminance = function (rgb) {
|
|
|
127
135
|
// @ts-ignore
|
|
128
136
|
return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
|
|
129
137
|
};
|
|
138
|
+
exports.getLuminance = getLuminance;
|
|
130
139
|
/**
|
|
131
140
|
* @hidden
|
|
132
141
|
*
|
|
133
142
|
* Returns the color contrast.
|
|
134
143
|
*/
|
|
135
|
-
|
|
144
|
+
var getContrast = function (luminance1, luminance2) {
|
|
136
145
|
var brightest = Math.max(luminance1, luminance2);
|
|
137
146
|
var darkest = Math.min(luminance1, luminance2);
|
|
138
147
|
return (brightest + 0.05)
|
|
139
148
|
/ (darkest + 0.05);
|
|
140
149
|
};
|
|
150
|
+
exports.getContrast = getContrast;
|
|
141
151
|
/**
|
|
142
152
|
* @hidden
|
|
143
153
|
*
|
|
144
154
|
* Returns the color contrast from two RGBA colors.
|
|
145
155
|
*/
|
|
146
|
-
|
|
147
|
-
return exports.getContrast(exports.getLuminance(exports.getRGBFromRGBA(a, b)), exports.getLuminance(exports.getRGBFromRGBA(b, { r: 0, g: 0, b: 0, a: 1 })));
|
|
156
|
+
var getContrastFromTwoRGBAs = function (a, b) {
|
|
157
|
+
return (0, exports.getContrast)((0, exports.getLuminance)((0, exports.getRGBFromRGBA)(a, b)), (0, exports.getLuminance)((0, exports.getRGBFromRGBA)(b, { r: 0, g: 0, b: 0, a: 1 })));
|
|
148
158
|
};
|
|
159
|
+
exports.getContrastFromTwoRGBAs = getContrastFromTwoRGBAs;
|
|
@@ -4,7 +4,8 @@ exports.fitIntoBounds = exports.isPresent = void 0;
|
|
|
4
4
|
/**
|
|
5
5
|
* @hidden
|
|
6
6
|
*/
|
|
7
|
-
|
|
7
|
+
var isPresent = function (value) { return value !== null && value !== undefined; };
|
|
8
|
+
exports.isPresent = isPresent;
|
|
8
9
|
/**
|
|
9
10
|
* @hidden
|
|
10
11
|
*
|
|
@@ -15,9 +16,10 @@ exports.isPresent = function (value) { return value !== null && value !== undefi
|
|
|
15
16
|
* @param min The inclusive lower bound number.
|
|
16
17
|
* @param max The inclusive upper bound number.
|
|
17
18
|
*/
|
|
18
|
-
|
|
19
|
-
if (!exports.isPresent(contender) || isNaN(contender)) {
|
|
19
|
+
var fitIntoBounds = function (contender, min, max) {
|
|
20
|
+
if (!(0, exports.isPresent)(contender) || isNaN(contender)) {
|
|
20
21
|
return min;
|
|
21
22
|
}
|
|
22
23
|
return contender <= min ? min : contender >= max ? max : contender;
|
|
23
24
|
};
|
|
25
|
+
exports.fitIntoBounds = fitIntoBounds;
|
|
@@ -14,7 +14,7 @@ exports.bezierCommand = exports.controlPoint = exports.line = exports.svgPath =
|
|
|
14
14
|
* @output (string) a svg path command.
|
|
15
15
|
* @output (string) a Svg <path> element
|
|
16
16
|
*/
|
|
17
|
-
|
|
17
|
+
var svgPath = function (points, command) {
|
|
18
18
|
if (points.length === 0) {
|
|
19
19
|
return '';
|
|
20
20
|
}
|
|
@@ -22,12 +22,13 @@ exports.svgPath = function (points, command) {
|
|
|
22
22
|
var d = points.reduce(function (acc, point, i, a) {
|
|
23
23
|
return i === 0 ?
|
|
24
24
|
// if first point
|
|
25
|
-
"M "
|
|
25
|
+
"M ".concat(point[0], ",").concat(point[1]) :
|
|
26
26
|
// else
|
|
27
|
-
acc
|
|
27
|
+
"".concat(acc, " ").concat(command(point, i, a));
|
|
28
28
|
}, '');
|
|
29
|
-
return "<path d=\""
|
|
29
|
+
return "<path d=\"".concat(d, "\" fill=\"none\" stroke=\"white\" stroke-width=\"1\"/>");
|
|
30
30
|
};
|
|
31
|
+
exports.svgPath = svgPath;
|
|
31
32
|
/**
|
|
32
33
|
* @hidden
|
|
33
34
|
*
|
|
@@ -37,7 +38,7 @@ exports.svgPath = function (points, command) {
|
|
|
37
38
|
* @param pointB (array) [x,y] Represents the end point coordinates.
|
|
38
39
|
* @output (object) { length: (integer), angle: (integer) }
|
|
39
40
|
*/
|
|
40
|
-
|
|
41
|
+
var line = function (pointA, pointB) {
|
|
41
42
|
var lengthX = pointB[0] - pointA[0];
|
|
42
43
|
var lengthY = pointB[1] - pointA[1];
|
|
43
44
|
return {
|
|
@@ -45,6 +46,7 @@ exports.line = function (pointA, pointB) {
|
|
|
45
46
|
angle: Math.atan2(lengthY, lengthX)
|
|
46
47
|
};
|
|
47
48
|
};
|
|
49
|
+
exports.line = line;
|
|
48
50
|
/**
|
|
49
51
|
* @hidden
|
|
50
52
|
*
|
|
@@ -61,7 +63,7 @@ exports.line = function (pointA, pointB) {
|
|
|
61
63
|
* @param reverse (boolean, optional) Sets the direction.
|
|
62
64
|
* @output (array) [x, y] coordinates of a control point.
|
|
63
65
|
*/
|
|
64
|
-
|
|
66
|
+
var controlPoint = function (lineCalc) {
|
|
65
67
|
return function (current, previous, next, reverse) {
|
|
66
68
|
// when 'current' is the first or last point of the array
|
|
67
69
|
// 'previous' and 'next' are undefined
|
|
@@ -80,6 +82,7 @@ exports.controlPoint = function (lineCalc) {
|
|
|
80
82
|
return [x, y];
|
|
81
83
|
};
|
|
82
84
|
};
|
|
85
|
+
exports.controlPoint = controlPoint;
|
|
83
86
|
/**
|
|
84
87
|
* @hidden
|
|
85
88
|
*
|
|
@@ -97,10 +100,11 @@ exports.controlPoint = function (lineCalc) {
|
|
|
97
100
|
* @param a (array) Represents the complete array of points coordinates.
|
|
98
101
|
* @output (string) 'C x2,y2 x1,y1 x,y' Cubic bezier command.
|
|
99
102
|
*/
|
|
100
|
-
|
|
103
|
+
var bezierCommand = function (controlPointCalc) { return function (point, i, a) {
|
|
101
104
|
// start control point
|
|
102
105
|
var _a = controlPointCalc(a[i - 1], a[i - 2], point), cpsX = _a[0], cpsY = _a[1];
|
|
103
106
|
// end control point
|
|
104
107
|
var _b = controlPointCalc(point, a[i - 1], a[i + 1], true), cpeX = _b[0], cpeY = _b[1];
|
|
105
|
-
return "C "
|
|
108
|
+
return "C ".concat(cpsX, ",").concat(cpsY, " ").concat(cpeX, ",").concat(cpeY, " ").concat(point[0], ",").concat(point[1]);
|
|
106
109
|
}; };
|
|
110
|
+
exports.bezierCommand = bezierCommand;
|
package/dist/npm/input/Input.js
CHANGED
|
@@ -136,9 +136,9 @@ var InputVue2 = {
|
|
|
136
136
|
};
|
|
137
137
|
},
|
|
138
138
|
created: function created() {
|
|
139
|
-
kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
|
|
139
|
+
(0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
|
|
140
140
|
this._input = undefined;
|
|
141
|
-
this._inputId = kendo_vue_common_1.guid();
|
|
141
|
+
this._inputId = (0, kendo_vue_common_1.guid)();
|
|
142
142
|
this.$data.valueDuringOnChange = undefined;
|
|
143
143
|
this.$data.currentValue = this.$props.defaultValue;
|
|
144
144
|
},
|
|
@@ -236,7 +236,7 @@ var InputVue2 = {
|
|
|
236
236
|
var inputWrapper = h("span", {
|
|
237
237
|
"class": this.inputWrapperClass()
|
|
238
238
|
}, [iconName && h("span", {
|
|
239
|
-
"class": "k-input-icon k-icon k-i-"
|
|
239
|
+
"class": "k-input-icon k-icon k-i-".concat(iconName)
|
|
240
240
|
}), this.$props.inputPrefix && h("span", {
|
|
241
241
|
"class": "k-input-prefix"
|
|
242
242
|
}, [inputPrefix]), textbox, this.$props.inputSuffix && h("span", {
|
|
@@ -398,7 +398,7 @@ var InputVue2 = {
|
|
|
398
398
|
return _a = {
|
|
399
399
|
'k-textbox': true,
|
|
400
400
|
'k-input': true
|
|
401
|
-
}, _a["k-input-"
|
|
401
|
+
}, _a["k-input-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-input-".concat(fillMode)] = fillMode, _a["k-rounded-".concat(kendo_vue_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-invalid'] = !isValid, _a['k-required'] = this.required, _a['k-disabled'] = this.$props.disabled, _a[this.wrapperClass] = this.wrapperClass, _a;
|
|
402
402
|
}
|
|
403
403
|
},
|
|
404
404
|
computed: {
|
|
@@ -22,7 +22,7 @@ var package_metadata_1 = require("../package-metadata");
|
|
|
22
22
|
|
|
23
23
|
var InputSeparatorVue2 = {
|
|
24
24
|
created: function created() {
|
|
25
|
-
kendo_licensing_1.validatePackage(package_metadata_1.packageMetadata);
|
|
25
|
+
(0, kendo_licensing_1.validatePackage)(package_metadata_1.packageMetadata);
|
|
26
26
|
},
|
|
27
27
|
// @ts-ignore
|
|
28
28
|
setup: !isV3 ? undefined : function () {
|
package/dist/npm/main.js
CHANGED
|
@@ -1,15 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
3
|
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
5
9
|
}) : (function(o, m, k, k2) {
|
|
6
10
|
if (k2 === undefined) k2 = k;
|
|
7
11
|
o[k2] = m[k];
|
|
8
12
|
}));
|
|
9
13
|
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
-
for (var p in m) if (p !== "default" && !
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
15
|
};
|
|
12
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.SwitchVue2 = exports.Switch = exports.ColorPalette = exports.ColorGradient = void 0;
|
|
13
18
|
var ColorGradient_1 = require("./colors/ColorGradient");
|
|
14
19
|
Object.defineProperty(exports, "ColorGradient", { enumerable: true, get: function () { return ColorGradient_1.ColorGradient; } });
|
|
15
20
|
var ColorPalette_1 = require("./colors/ColorPalette");
|