@progress/kendo-vue-inputs 9.2.1-develop.1 → 9.3.0-develop.1
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/colors/ColorContrastLabels.js +1 -1
- package/colors/ColorContrastLabels.mjs +4 -4
- package/colors/ColorGradient.d.ts +4 -0
- package/colors/ColorGradient.js +2 -2
- package/colors/ColorGradient.mjs +52 -46
- package/colors/ColorInput.js +1 -1
- package/colors/ColorInput.mjs +84 -80
- package/colors/ColorPalette.d.ts +2 -0
- package/colors/ColorPalette.js +1 -1
- package/colors/ColorPalette.mjs +18 -16
- package/colors/FlatColorPicker.d.ts +6 -0
- package/colors/FlatColorPicker.js +1 -1
- package/colors/FlatColorPicker.mjs +65 -75
- package/colors/HexInput.d.ts +1 -0
- package/colors/HexInput.js +1 -1
- package/colors/HexInput.mjs +12 -11
- package/colors/interfaces/ColorGradientProps.d.ts +9 -0
- package/colors/interfaces/ColorPaletteProps.d.ts +4 -0
- package/colors/interfaces/ColorPickerPaletteSettings.d.ts +4 -0
- package/dist/cdn/js/kendo-vue-inputs.js +1 -1
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +9 -9
- package/slider/Slider.js +1 -1
- package/slider/Slider.mjs +8 -7
package/package-metadata.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-inputs",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-inputs",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1787728295,version:"9.3.0-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;
|
package/package-metadata.mjs
CHANGED
|
@@ -10,8 +10,8 @@ const e = {
|
|
|
10
10
|
productName: "Kendo UI for Vue",
|
|
11
11
|
productCode: "KENDOUIVUE",
|
|
12
12
|
productCodes: ["KENDOUIVUE"],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: "9.
|
|
13
|
+
publishDate: 1787728295,
|
|
14
|
+
version: "9.3.0-develop.1",
|
|
15
15
|
licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
|
|
16
16
|
};
|
|
17
17
|
export {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-inputs",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.3.0-develop.1",
|
|
4
4
|
"description": "TODO",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -26,13 +26,13 @@
|
|
|
26
26
|
"peerDependencies": {
|
|
27
27
|
"@progress/kendo-drawing": "^1.21.1",
|
|
28
28
|
"@progress/kendo-licensing": "^1.7.2",
|
|
29
|
-
"@progress/kendo-vue-animation": "9.
|
|
30
|
-
"@progress/kendo-vue-buttons": "9.
|
|
31
|
-
"@progress/kendo-vue-common": "9.
|
|
32
|
-
"@progress/kendo-vue-dialogs": "9.
|
|
33
|
-
"@progress/kendo-vue-intl": "9.
|
|
34
|
-
"@progress/kendo-vue-labels": "9.
|
|
35
|
-
"@progress/kendo-vue-popup": "9.
|
|
29
|
+
"@progress/kendo-vue-animation": "9.3.0-develop.1",
|
|
30
|
+
"@progress/kendo-vue-buttons": "9.3.0-develop.1",
|
|
31
|
+
"@progress/kendo-vue-common": "9.3.0-develop.1",
|
|
32
|
+
"@progress/kendo-vue-dialogs": "9.3.0-develop.1",
|
|
33
|
+
"@progress/kendo-vue-intl": "9.3.0-develop.1",
|
|
34
|
+
"@progress/kendo-vue-labels": "9.3.0-develop.1",
|
|
35
|
+
"@progress/kendo-vue-popup": "9.3.0-develop.1",
|
|
36
36
|
"@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0 < 5.4.0",
|
|
37
37
|
"vue": "^3.0.2"
|
|
38
38
|
},
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"package": {
|
|
56
56
|
"productName": "Kendo UI for Vue",
|
|
57
57
|
"productCode": "KENDOUIVUE",
|
|
58
|
-
"publishDate":
|
|
58
|
+
"publishDate": 1787728295,
|
|
59
59
|
"licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
|
|
60
60
|
}
|
|
61
61
|
},
|
package/slider/Slider.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),p=require("@progress/kendo-vue-buttons"),i=require("@progress/kendo-vue-common"),g=require("@progress/kendo-vue-intl"),s=require("../messages/main.js"),m=require("./SliderLabel.js"),f=require("../package-metadata.js"),a=require("@progress/kendo-svg-icons"),v=r.defineComponent({name:"KendoSlider",model:{event:"changemodel"},emits:{changemodel:e=>!0,"update:modelValue":e=>!0,change:e=>!0,blur:e=>!0,focus:e=>!0},props:{modelValue:{type:Number,default:void 0},defaultValue:{type:Number,default:void 0},name:String,buttons:Boolean,tabIndex:Number,disabled:Boolean,dir:String,step:Number,min:{type:Number,required:!0},max:{type:Number,required:!0},value:Number,vertical:Boolean,id:String,ariaLabelledBy:String,ariaDescribedBy:String,ariaLabel:String},provide(){return{kendoMin:this.$props.min,kendoMax:this.$props.max,kendoVertical:this.$props.vertical}},inject:{kendoLocalizationService:{default:null}},data(){return{currentValue:void 0,currentFocused:!1,currentDir:"ltr"}},computed:{computedValue(){const e=this.$props.value!==void 0?this.$props.value:this.currentValue,{min:t,max:n}=this.$props;return e===void 0?e:Math.min(Math.max(e,t),n)},sliderTrack(){return this._sliderTrack}},created(){i.validatePackage(f.packageMetadata),this.$props.value!==void 0?this.$data.currentValue=this.$props.value:this.$props.modelValue!==void 0?this.$data.currentValue=this.$props.modelValue:this.$props.defaultValue!==void 0?this.$data.currentValue=this.$props.defaultValue:this.$data.currentValue=this.$props.min,this.currentFocused=!1,this.currentDir=this.$props.dir},mounted(){if(this._sliderTrack=this.$refs.sliderTrack,this.$el&&(this.draggable=this.$refs.draggable),!this.currentDir&&window&&this.$el){const e=window.getComputedStyle(this.$el).direction;e&&(this.currentDir=e)}},updated(){this.$el&&(this.draggable=this.$refs.draggable)},setup(){const e=r.ref(null),t=r.inject("kendoLocalizationService",{});return{inputRef:e,kendoLocalizationService:t}},render(){const e=g.provideLocalizationService(this),t=(this.computedValue-this.$props.min)/(this.$props.max-this.$props.min)*100,n=i.getDefaultSlots(this),{vertical:c}=this.$props,h=this.currentDir==="rtl";let o,l,u
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),p=require("@progress/kendo-vue-buttons"),i=require("@progress/kendo-vue-common"),g=require("@progress/kendo-vue-intl"),s=require("../messages/main.js"),m=require("./SliderLabel.js"),f=require("../package-metadata.js"),a=require("@progress/kendo-svg-icons"),v=r.defineComponent({name:"KendoSlider",model:{event:"changemodel"},emits:{changemodel:e=>!0,"update:modelValue":e=>!0,change:e=>!0,blur:e=>!0,focus:e=>!0},props:{modelValue:{type:Number,default:void 0},defaultValue:{type:Number,default:void 0},name:String,buttons:Boolean,tabIndex:Number,disabled:Boolean,dir:String,step:Number,min:{type:Number,required:!0},max:{type:Number,required:!0},value:Number,vertical:Boolean,id:String,ariaLabelledBy:String,ariaDescribedBy:String,ariaLabel:String},provide(){return{kendoMin:this.$props.min,kendoMax:this.$props.max,kendoVertical:this.$props.vertical}},inject:{kendoLocalizationService:{default:null}},data(){return{currentValue:void 0,currentFocused:!1,currentDir:"ltr"}},computed:{computedValue(){const e=this.$props.value!==void 0?this.$props.value:this.currentValue,{min:t,max:n}=this.$props;return e===void 0?e:Math.min(Math.max(e,t),n)},sliderTrack(){return this._sliderTrack}},created(){i.validatePackage(f.packageMetadata),this.$props.value!==void 0?this.$data.currentValue=this.$props.value:this.$props.modelValue!==void 0?this.$data.currentValue=this.$props.modelValue:this.$props.defaultValue!==void 0?this.$data.currentValue=this.$props.defaultValue:this.$data.currentValue=this.$props.min,this.currentFocused=!1,this.currentDir=this.$props.dir},mounted(){if(this._sliderTrack=this.$refs.sliderTrack,this.$el&&(this.draggable=this.$refs.draggable),!this.currentDir&&window&&this.$el){const e=window.getComputedStyle(this.$el).direction;e&&(this.currentDir=e)}},updated(){this.$el&&(this.draggable=this.$refs.draggable)},setup(){const e=r.ref(null),t=r.inject("kendoLocalizationService",{});return{inputRef:e,kendoLocalizationService:t}},render(){const e=g.provideLocalizationService(this),t=(this.computedValue-this.$props.min)/(this.$props.max-this.$props.min)*100,n=i.getDefaultSlots(this),{vertical:c}=this.$props,h=this.currentDir==="rtl";let o,l,d,u;return c?(o=a.chevronUpIcon,l=a.chevronDownIcon,d="chevron-up",u="chevron-down"):h?(o=a.chevronLeftIcon,l=a.chevronRightIcon,d="chevron-left",u="chevron-right"):(o=a.chevronRightIcon,l=a.chevronLeftIcon,d="chevron-right",u="chevron-left"),r.createVNode("div",{dir:this.currentDir,id:this.$props.id,style:this.$props.style,onFocus:this.onFocus,onBlur:this.onBlur,onKeydown:this.onKeyDown,"aria-label":this.$props.ariaLabel,class:i.classNames("k-slider",{"k-focus":this.currentFocused,"k-disabled":this.$props.disabled,"k-slider-horizontal":!this.$props.vertical,"k-slider-vertical":this.$props.vertical},this.$props.className)},[this.$props.buttons&&r.createVNode(p.Button,{type:"button",tabIndex:-1,icon:u,svgIcon:l,style:{position:"relative"},rounded:"full",class:"k-button-decrease",title:e.toLanguageString(s.sliderDecreaseValue,s.messages[s.sliderDecreaseValue]),onClick:this.decrement},null),r.createVNode(i.Draggable,{onDrag:this.dragOver,onPress:this.dragStart,ref:"draggable"},{default:()=>[r.createVNode("div",{class:"k-slider-track-wrap",style:{touchAction:"none"}},[n&&r.createVNode("ul",{class:"k-reset k-slider-items"},[n]),r.createVNode("div",{class:"k-slider-track",ref:"sliderTrack"},[r.createVNode("div",{class:"k-slider-selection",style:this.$props.vertical?{height:t+"%"}:{width:t+"%"}},null),r.createVNode("span",{class:"k-draghandle k-draghandle-end",role:"slider",tabindex:"0","aria-label":this.$props.ariaLabel,"aria-orientation":this.$props.vertical?"vertical":"horizontal","aria-valuenow":this.computedValue,"aria-valuemin":this.$props.min,"aria-valuemax":this.$props.max,"aria-disabled":this.$props.disabled?"true":void 0,title:e.toLanguageString(s.sliderDragTitle,s.messages[s.sliderDragTitle]),style:this.$props.vertical?{bottom:t+"%",zIndex:1}:{[this.currentDir==="rtl"?"right":"left"]:t+"%",zIndex:1}},null)])])]}),this.$props.buttons&&r.createVNode(p.Button,{type:"button",tabIndex:-1,icon:d,svgIcon:o,rounded:"full",style:{position:"relative"},class:"k-button-increase",title:e.toLanguageString(s.sliderIncreaseValue,s.messages[s.sliderIncreaseValue]),onClick:this.increment},null)])},methods:{focus(){this.$el&&this.$el.focus()},isLabel(e){let t=e;for(;t;){if(t.getAttribute(m.SLIDER_LABEL_ATTRIBUTE))return!0;t=t.parentElement}return!1},onFocus(e){this.currentFocused=!0,this.$emit("focus",{event:e})},onBlur(e){this.currentFocused=!1,this.$emit("blur",{event:e})},onKeyDown(e){let t;e.keyCode===i.Keys.left||e.keyCode===i.Keys.down?t=this.currentValue-(this.$props.step||0):e.keyCode===i.Keys.right||e.keyCode===i.Keys.up?t=this.currentValue+(this.$props.step||0):e.keyCode===i.Keys.home?t=this.$props.min:e.keyCode===i.Keys.end&&(t=this.$props.max),t!==void 0&&(e.preventDefault(),this.change(e,t))},decrement(e){e.preventDefault(),this.change(e,this.currentValue-(this.$props.step||0))},increment(e){e.preventDefault(),this.change(e,this.currentValue+(this.$props.step||0))},dragStart(e){this.isLabel(e.originalEvent.target)||(e.isTouch&&e.originalEvent.preventDefault(),this.drag(e))},dragOver(e){e.originalEvent.preventDefault(),this.drag(e)},drag(e){const t=this.draggable.element.getBoundingClientRect(),n=this.$props.vertical?t.bottom-e.clientY:this.currentDir==="rtl"?t.right-e.clientX:e.clientX-t.left,c=this.$props.vertical?t.height:t.width,h=n/c;this.change(e,this.$props.min+h*(this.$props.max-this.$props.min))},change(e,t){t=Math.min(Math.max(t,this.$props.min),this.$props.max),this.currentValue=t,this.$emit("changemodel",t),this.$emit("update:modelValue",t),this.$emit("change",{event:e,value:t,component:this,target:{name:this.$props.name,value:t}})}}});exports.Slider=v;
|
package/slider/Slider.mjs
CHANGED
|
@@ -107,10 +107,10 @@ const R = /* @__PURE__ */ v({
|
|
|
107
107
|
},
|
|
108
108
|
render() {
|
|
109
109
|
const e = w(this), t = (this.computedValue - this.$props.min) / (this.$props.max - this.$props.min) * 100, i = V(this), {
|
|
110
|
-
vertical:
|
|
111
|
-
} = this.$props,
|
|
110
|
+
vertical: d
|
|
111
|
+
} = this.$props, u = this.currentDir === "rtl";
|
|
112
112
|
let n, a, o, l;
|
|
113
|
-
return
|
|
113
|
+
return d ? (n = I, a = B, o = "chevron-up", l = "chevron-down") : u ? (n = f, a = $, o = "chevron-left", l = "chevron-right") : (n = $, a = f, o = "chevron-right", l = "chevron-left"), r("div", {
|
|
114
114
|
dir: this.currentDir,
|
|
115
115
|
id: this.$props.id,
|
|
116
116
|
style: this.$props.style,
|
|
@@ -159,13 +159,14 @@ const R = /* @__PURE__ */ v({
|
|
|
159
159
|
width: t + "%"
|
|
160
160
|
}
|
|
161
161
|
}, null), r("span", {
|
|
162
|
-
class: "k-draghandle",
|
|
162
|
+
class: "k-draghandle k-draghandle-end",
|
|
163
163
|
role: "slider",
|
|
164
164
|
tabindex: "0",
|
|
165
|
+
"aria-label": this.$props.ariaLabel,
|
|
166
|
+
"aria-orientation": this.$props.vertical ? "vertical" : "horizontal",
|
|
165
167
|
"aria-valuenow": this.computedValue,
|
|
166
168
|
"aria-valuemin": this.$props.min,
|
|
167
169
|
"aria-valuemax": this.$props.max,
|
|
168
|
-
"aria-valuetext": this.computedValue.toString(),
|
|
169
170
|
"aria-disabled": this.$props.disabled ? "true" : void 0,
|
|
170
171
|
title: e.toLanguageString(m, c[m]),
|
|
171
172
|
style: this.$props.vertical ? {
|
|
@@ -230,8 +231,8 @@ const R = /* @__PURE__ */ v({
|
|
|
230
231
|
e.originalEvent.preventDefault(), this.drag(e);
|
|
231
232
|
},
|
|
232
233
|
drag(e) {
|
|
233
|
-
const t = this.draggable.element.getBoundingClientRect(), i = this.$props.vertical ? t.bottom - e.clientY : this.currentDir === "rtl" ? t.right - e.clientX : e.clientX - t.left,
|
|
234
|
-
this.change(e, this.$props.min +
|
|
234
|
+
const t = this.draggable.element.getBoundingClientRect(), i = this.$props.vertical ? t.bottom - e.clientY : this.currentDir === "rtl" ? t.right - e.clientX : e.clientX - t.left, d = this.$props.vertical ? t.height : t.width, u = i / d;
|
|
235
|
+
this.change(e, this.$props.min + u * (this.$props.max - this.$props.min));
|
|
235
236
|
},
|
|
236
237
|
change(e, t) {
|
|
237
238
|
t = Math.min(Math.max(t, this.$props.min), this.$props.max), this.currentValue = t, this.$emit("changemodel", t), this.$emit("update:modelValue", t), this.$emit("change", {
|