@progress/kendo-vue-inputs 6.1.0-develop.5 → 6.1.0-develop.7

package/index.d.ts

@@ -5,11 +5,15 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
+import { ColorGradientProps } from './interfaces/ColorGradientProps';
+import { ColorPickerPaletteSettings as ColorPickerPaletteSettings_2 } from '..';
+import { ColorPickerPopupSettings as ColorPickerPopupSettings_2 } from '..';
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
 import { DraggableDragEvent } from '@progress/kendo-vue-common';
 import { ExtractPropTypes } from 'vue';
+import { FlatColorPickerProps as FlatColorPickerProps_2 } from './FlatColorPicker';
 import { FormComponentProps } from '@progress/kendo-vue-common';
 import { FormComponentValidity } from '@progress/kendo-vue-common';
 import { NumberFormatOptions } from '@progress/kendo-vue-intl';
@@ -18,6 +22,7 @@ import { PropType } from 'vue';
 import { PublicProps } from 'vue';
 import { Ref } from 'vue';
 import { SVGIcon } from '@progress/kendo-vue-common';
+import { TileSize } from './models/tile-size';
 
 /**
  * @hidden
@@ -358,6 +363,9 @@ innerTabIndex: {
 type: PropType<number>;
 default: any;
 };
+size: PropType<"small" | "medium" | "large">;
+class: PropType<string>;
+adaptive: PropType<boolean>;
 }>, {}, {
 currentValue: any;
 currentBgColor: any;
@@ -429,6 +437,9 @@ innerTabIndex: {
 type: PropType<number>;
 default: any;
 };
+size: PropType<"small" | "medium" | "large">;
+class: PropType<string>;
+adaptive: PropType<boolean>;
 }>> & Readonly<{
 onBlur?: (...args: any[] | unknown[]) => any;
 onChange?: (...args: any[] | unknown[]) => any;
@@ -459,7 +470,7 @@ declare interface ColorGradientChangeEvent {
 /**
  * Represents the props of the [Kendo UI for Vue ColorGradient component]({% slug overview_colorgradient %}).
  */
-declare interface ColorGradientProps {
+declare interface ColorGradientProps_2 {
     /**
      * The model value of the ColorGradient.
      */
@@ -513,6 +524,10 @@ declare interface ColorGradientProps {
      * Specifies the id of the component.
      */
     id?: string;
+    /**
+     * Sets additional CSS classes to the ColorGradient.
+     */
+    class?: string;
     /**
      * Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
      * For example these elements could contain error or hint message.
@@ -522,6 +537,23 @@ declare interface ColorGradientProps {
      * Identifies the element(s) which will label the component.
      */
     ariaLabelledBy?: string;
+    /**
+     * Configures the `size` of the ColorGradient.
+     *
+     * The available options are:
+     * - `small`
+     * - `medium`
+     * - `large`
+     * - `null`&mdash;This option removes the the built-in size styles of the ColorGradient. Allows for custom `padding`.
+     *
+     * @default `medium`
+     */
+    size?: null | 'small' | 'medium' | 'large';
+    /**
+     * @hidden
+     * Internal prop that determines whether the ColorGradient is in adaptive state.
+     */
+    adaptive?: boolean;
 }
 
 /**
@@ -535,7 +567,6 @@ default: string;
 columns: PropType<number>;
 tileSize: {
 type: PropType<number | TileSize>;
-default: number;
 };
 modelValue: PropType<string>;
 modelRgbaValue: PropType<string>;
@@ -544,8 +575,13 @@ value: PropType<string>;
 disabled: PropType<boolean>;
 tabIndex: PropType<number>;
 id: PropType<string>;
+class: PropType<string>;
 ariaLabelledBy: PropType<string>;
 ariaDescribedBy: PropType<string>;
+size: {
+type: PropType<"small" | "medium" | "large">;
+default: string;
+};
 }>, {}, {
 focusedColor: string;
 currentValue: any;
@@ -583,7 +619,6 @@ default: string;
 columns: PropType<number>;
 tileSize: {
 type: PropType<number | TileSize>;
-default: number;
 };
 modelValue: PropType<string>;
 modelRgbaValue: PropType<string>;
@@ -592,8 +627,13 @@ value: PropType<string>;
 disabled: PropType<boolean>;
 tabIndex: PropType<number>;
 id: PropType<string>;
+class: PropType<string>;
 ariaLabelledBy: PropType<string>;
 ariaDescribedBy: PropType<string>;
+size: {
+type: PropType<"small" | "medium" | "large">;
+default: string;
+};
 }>> & Readonly<{
 onBlur?: (...args: any[] | unknown[]) => any;
 onChange?: (...args: any[] | unknown[]) => any;
@@ -603,8 +643,8 @@ onChangemodel?: (...args: any[] | unknown[]) => any;
 "onUpdate:modelValue"?: (...args: any[] | unknown[]) => any;
 "onUpdate:modelRgbaValue"?: (...args: any[] | unknown[]) => any;
 }>, {
+size: "small" | "medium" | "large";
 palette: string | string[];
-tileSize: number | TileSize;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 /**
@@ -642,7 +682,7 @@ export declare interface ColorPaletteProps {
      * Specifies the size of a color cell in px.
      * Defaults to `24`.
      */
-    tileSize?: number | TileSize;
+    tileSize?: number | TileSize_2;
     /**
      * The default value of the ColorPalette.
      */
@@ -672,6 +712,10 @@ export declare interface ColorPaletteProps {
      * Specifies the id of the component.
      */
     id?: string;
+    /**
+     * Sets additional CSS classes to the ColorPalette.
+     */
+    class?: string;
     /**
      * Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
      * For example these elements could contain error or hint message.
@@ -681,6 +725,18 @@ export declare interface ColorPaletteProps {
      * Identifies the element(s) which will label the component.
      */
     ariaLabelledBy?: string;
+    /**
+     * Configures the `size` of the ColorPalette.
+     *
+     * The available options are:
+     * - `small`
+     * - `medium`
+     * - `large`
+     * - `null`&mdash;This option removes the the built-in size styles of the ColorPalette. To set a tile size use the `tileSize` property.
+     *
+     * @default `medium`
+     */
+    size?: null | 'small' | 'medium' | 'large';
     /**
      * Determines the event handler that will be fired when the user edits the value.
      */
@@ -720,10 +776,9 @@ type: PropType<boolean>;
 default: boolean;
 };
 paletteSettings: {
-type: PropType<ColorPickerPaletteSettings>;
+type: PropType<ColorPickerPaletteSettings_2>;
 default: () => {
 palette: string;
-tileSize: number;
 };
 };
 valid: {
@@ -739,7 +794,7 @@ icon: PropType<string>;
 svgIcon: PropType<SVGIcon>;
 iconClassName: PropType<string>;
 popupSettings: {
-type: PropType<ColorPickerPopupSettings>;
+type: PropType<ColorPickerPopupSettings_2>;
 default: () => {};
 };
 gradientSettings: {
@@ -749,7 +804,7 @@ opacity: boolean;
 };
 };
 flatColorPickerSettings: {
-type: PropType<FlatColorPickerProps>;
+type: PropType<FlatColorPickerProps_2>;
 default: () => {};
 };
 open: {
@@ -780,10 +835,20 @@ selectedView: {
 type: PropType<number>;
 default: any;
 };
+adaptive: {
+type: PropType<boolean>;
+default: boolean;
+};
+adaptiveTitle: {
+type: PropType<string>;
+};
 }>, {}, {
 focused: boolean;
 currentValue: string;
 currentOpen: boolean;
+flatcolorpickerRef: any;
+windowWidth: number;
+observer: any;
 }, {
 isValueControlled(): boolean;
 isOpenControlled(): boolean;
@@ -798,7 +863,15 @@ wrapperClassName(): {
 'k-disabled': any;
 'k-focus': any;
 };
+animationStyles(): {
+top: number;
+width: string;
+height: string;
+};
+classNameAdaptive(): string;
+adaptiveState(): boolean;
 }, {
+calculateMedia(entries: ResizeObserverEntry[]): void;
 focusElement(): void;
 setOpen(nextOpen: boolean, isBlur?: boolean): void;
 onButtonKeyDown(event: any): void;
@@ -851,10 +924,9 @@ type: PropType<boolean>;
 default: boolean;
 };
 paletteSettings: {
-type: PropType<ColorPickerPaletteSettings>;
+type: PropType<ColorPickerPaletteSettings_2>;
 default: () => {
 palette: string;
-tileSize: number;
 };
 };
 valid: {
@@ -870,7 +942,7 @@ icon: PropType<string>;
 svgIcon: PropType<SVGIcon>;
 iconClassName: PropType<string>;
 popupSettings: {
-type: PropType<ColorPickerPopupSettings>;
+type: PropType<ColorPickerPopupSettings_2>;
 default: () => {};
 };
 gradientSettings: {
@@ -880,7 +952,7 @@ opacity: boolean;
 };
 };
 flatColorPickerSettings: {
-type: PropType<FlatColorPickerProps>;
+type: PropType<FlatColorPickerProps_2>;
 default: () => {};
 };
 open: {
@@ -911,6 +983,13 @@ selectedView: {
 type: PropType<number>;
 default: any;
 };
+adaptive: {
+type: PropType<boolean>;
+default: boolean;
+};
+adaptiveTitle: {
+type: PropType<string>;
+};
 }>> & Readonly<{
 onBlur?: (...args: any[] | unknown[]) => any;
 onChange?: (...args: any[] | unknown[]) => any;
@@ -932,13 +1011,14 @@ fillMode: string;
 valid: boolean;
 showClearButton: boolean;
 open: boolean;
-popupSettings: ColorPickerPopupSettings;
+popupSettings: ColorPickerPopupSettings_2;
+adaptive: boolean;
 selectedView: number;
 showPreview: boolean;
 showButtons: boolean;
 gradientSettings: ColorGradientProps;
-paletteSettings: ColorPickerPaletteSettings;
-flatColorPickerSettings: FlatColorPickerProps;
+paletteSettings: ColorPickerPaletteSettings_2;
+flatColorPickerSettings: FlatColorPickerProps_2;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 /**
@@ -1022,7 +1102,7 @@ export declare interface ColorPickerPaletteSettings {
      * * (Default) `24`
      * * `{ width: number, height: number }`
      */
-    tileSize?: number | TileSize;
+    tileSize?: number | TileSize_2;
 }
 
 /**
@@ -1128,7 +1208,7 @@ export declare interface ColorPickerProps {
     /**
      * Configures the ColorGradient that is displayed in the ColorPicker popup.
      */
-    gradientSettings?: ColorGradientProps;
+    gradientSettings?: ColorGradientProps_2;
     /**
      * Configures the FlatColorPicker that is displayed in the ColorPicker popup.
      */
@@ -1207,6 +1287,14 @@ export declare interface ColorPickerProps {
      * @default `solid`
      */
     fillMode?: null | 'solid' | 'flat' | 'outline' | string;
+    /**
+     * Providing different rendering of the popup element based on the screen dimensions.
+     */
+    adaptive?: boolean;
+    /**
+     * Specifies the text that is rendered as title in the adaptive popup.
+     */
+    adaptiveTitle?: string;
 }
 
 /**
@@ -1256,7 +1344,7 @@ type: PropType<boolean>;
 default: boolean;
 };
 gradientSettings: {
-type: PropType<ColorGradientProps>;
+type: PropType<ColorGradientProps_2>;
 default: () => {
 opacity: boolean;
 };
@@ -1265,9 +1353,13 @@ paletteSettings: {
 type: PropType<ColorPickerPaletteSettings>;
 default: () => {
 palette: string;
-tileSize: number;
 };
 };
+size: {
+type: PropType<"small" | "medium" | "large">;
+default: string;
+};
+adaptive: PropType<boolean>;
 }>, {}, {
 currentView: string;
 colorValue: string | Function;
@@ -1345,7 +1437,7 @@ type: PropType<boolean>;
 default: boolean;
 };
 gradientSettings: {
-type: PropType<ColorGradientProps>;
+type: PropType<ColorGradientProps_2>;
 default: () => {
 opacity: boolean;
 };
@@ -1354,9 +1446,13 @@ paletteSettings: {
 type: PropType<ColorPickerPaletteSettings>;
 default: () => {
 palette: string;
-tileSize: number;
 };
 };
+size: {
+type: PropType<"small" | "medium" | "large">;
+default: string;
+};
+adaptive: PropType<boolean>;
 }>> & Readonly<{
 onBlur?: (...args: any[] | unknown[]) => any;
 onChange?: (...args: any[] | unknown[]) => any;
@@ -1368,12 +1464,13 @@ onChangemodel?: (...args: any[] | unknown[]) => any;
 "onUpdate:modelRgbaValue"?: (...args: any[] | unknown[]) => any;
 onViewchange?: (...args: any[] | unknown[]) => any;
 }>, {
+size: "small" | "medium" | "large";
 view: string;
 showClearButton: boolean;
 selectedView: number;
 showPreview: boolean;
 showButtons: boolean;
-gradientSettings: ColorGradientProps;
+gradientSettings: ColorGradientProps_2;
 paletteSettings: ColorPickerPaletteSettings;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
@@ -1462,7 +1559,19 @@ export declare interface FlatColorPickerProps {
     /**
      * Configures the ColorGradient that is displayed in the ColorPicker popup.
      */
-    gradientSettings?: ColorGradientProps;
+    gradientSettings?: ColorGradientProps_2;
+    /**
+     * Configures the `size` of the FlatColorPicker.
+     *
+     * The available options are:
+     * - `small`
+     * - `medium`
+     * - `large`
+     * - `null`&mdash;This option removes the the built-in size styles of the FlatColorPicker. Allows for custom `padding`.
+     *
+     * @default `medium`
+     */
+    size?: null | 'small' | 'medium' | 'large';
     /**
      * The event handler that will be fired when the view is changed.
      */
@@ -1471,6 +1580,11 @@ export declare interface FlatColorPickerProps {
      * The event handler that will be fired when the user edits the value.
      */
     onChange?: (event: ColorPickerChangeEvent) => void;
+    /**
+     * @hidden
+     * Internal prop that determines whether the ColorGradient is in adaptive state.
+     */
+    adaptive?: boolean;
 }
 
 /**
@@ -5431,7 +5545,7 @@ export declare interface TextBoxProps extends FormComponentProps {
  * * (Default) `number = 24`
  * * `{ width: number, height: number }`
  */
-declare type TileSize = {
+declare type TileSize_2 = {
     width: number;
     height: number;
 };

package/messages/main.js

@@ -5,5 +5,5 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="numerictextbox.increment",o="numerictextbox.decrement",r="slider.increment",t="slider.decrement",a="slider.dragTitle",l="colorGradient.dragHandle",n="colorGradient.r",i="colorGradient.g",c="colorGradient.b",d="colorGradient.a",s="colorGradient.hex",G="colorGradient.hexLabel",u="colorGradient.inputColorButton",b="colorGradient.rLabel",g="colorGradient.gLabel",A="colorGradient.bLabel",p="colorGradient.aLabel",L="colorGradient.contrastRatio",C="colorGradient.colorGradientAALevel",B="colorGradient.colorGradientAAALevel",P="colorGradient.colorGradientPass",h="colorGradient.colorGradientFail",k="colorGradient.hueSliderLabel",x="colorGradient.alphaSliderLabel",m="flatColorPicker.cancelBtn",f="flatColorPicker.applyBtn",V="flatColorPicker.gradientBtn",D="flatColorPicker.paletterBtn",v="flatColorPicker.clearBtn",w="checkbox.validation",H="checkbox.optionalText",I="radioButton.validation",S="switch.validation",T="colorPicker.dropdownButtonAriaLabel",y="colorGradient.toggleInputsButton",z="rating.ariaLabel",R="signature.clear",M="signature.maximize",F="signature.minimize",O={[e]:"Increase value",[o]:"Decrease value",[r]:"Increase",[t]:"Decrease",[a]:"Drag",[l]:`Color well with two-dimensional slider for selecting
-     saturation and lightness. Selected color is`,[u]:"Change the color input",[n]:"r",[i]:"g",[c]:"b",[d]:"a",[b]:"red chanel",[g]:"green chanel",[A]:"blue chanel",[p]:"alpha chanel",[s]:"hex",[G]:"HEX",[L]:"Contrast ratio",[C]:"AA",[B]:"AAA",[P]:"Pass",[h]:"Fail",[k]:"Hue slider",[x]:"Alpha slider",[y]:"Toggle colorgradient inputs",[m]:"Cancel",[f]:"Apply",[V]:"Gradient",[D]:"Palette",[v]:"Clear",[w]:"Please check this box if you want to proceed!",[H]:"(Optional)",[I]:"Please select option if you want to proceed!",[S]:"Please turn on if you want to proceed!",[T]:"Select",[z]:"Rating",[R]:"Clear",[M]:"Maximize",[F]:"Minimize"};exports.checkboxOptionalText=H;exports.checkboxValidation=w;exports.colorGradientA=d;exports.colorGradientAAALevel=B;exports.colorGradientAALevel=C;exports.colorGradientALabel=p;exports.colorGradientAlphaSliderLabel=x;exports.colorGradientB=c;exports.colorGradientBLabel=A;exports.colorGradientContrastRatio=L;exports.colorGradientDragHandle=l;exports.colorGradientFail=h;exports.colorGradientG=i;exports.colorGradientGLabel=g;exports.colorGradientHex=s;exports.colorGradientHexLabel=G;exports.colorGradientHueSliderLabel=k;exports.colorGradientInputColorButton=u;exports.colorGradientPass=P;exports.colorGradientR=n;exports.colorGradientRLabel=b;exports.colorGradientToggleInputsButton=y;exports.colorPickerDropdownButtonAriaLabel=T;exports.flatColorPickerApplyBtn=f;exports.flatColorPickerCancelBtn=m;exports.flatColorPickerClearBtn=v;exports.flatColorPickerGradientBtn=V;exports.flatColorPickerPaletteBtn=D;exports.messages=O;exports.numericDecreaseValue=o;exports.numericIncreaseValue=e;exports.radioButtonValidation=I;exports.ratingAriaLabel=z;exports.signatureClear=R;exports.signatureMaximize=M;exports.signatureMinimize=F;exports.sliderDecreaseValue=t;exports.sliderDragTitle=a;exports.sliderIncreaseValue=r;exports.switchValidation=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="numerictextbox.increment",o="numerictextbox.decrement",r="slider.increment",t="slider.decrement",a="slider.dragTitle",l="colorGradient.dragHandle",n="colorGradient.r",i="colorGradient.g",c="colorGradient.b",d="colorGradient.a",s="colorGradient.hex",G="colorGradient.hexLabel",u="colorGradient.inputColorButton",b="colorGradient.rLabel",g="colorGradient.gLabel",p="colorGradient.bLabel",A="colorGradient.aLabel",C="colorGradient.contrastRatio",L="colorGradient.colorGradientAALevel",P="colorGradient.colorGradientAAALevel",B="colorGradient.colorGradientPass",h="colorGradient.colorGradientFail",k="colorGradient.hueSliderLabel",x="colorGradient.alphaSliderLabel",m="flatColorPicker.cancelBtn",f="flatColorPicker.applyBtn",v="flatColorPicker.gradientBtn",V="flatColorPicker.paletterBtn",D="flatColorPicker.clearBtn",T="colorPicker.adaptiveTitle",w="checkbox.validation",H="checkbox.optionalText",I="radioButton.validation",S="switch.validation",y="colorPicker.dropdownButtonAriaLabel",z="colorGradient.toggleInputsButton",R="rating.ariaLabel",M="signature.clear",F="signature.maximize",O="signature.minimize",j={[e]:"Increase value",[o]:"Decrease value",[r]:"Increase",[t]:"Decrease",[a]:"Drag",[l]:`Color well with two-dimensional slider for selecting
+     saturation and lightness. Selected color is`,[u]:"Change the color input",[n]:"r",[i]:"g",[c]:"b",[d]:"a",[b]:"red chanel",[g]:"green chanel",[p]:"blue chanel",[A]:"alpha chanel",[s]:"hex",[G]:"HEX",[C]:"Contrast ratio",[L]:"AA",[P]:"AAA",[B]:"Pass",[h]:"Fail",[k]:"Hue slider",[x]:"Alpha slider",[z]:"Toggle colorgradient inputs",[m]:"Cancel",[f]:"Apply",[v]:"Gradient",[V]:"Palette",[D]:"Clear",[T]:"Choose color",[w]:"Please check this box if you want to proceed!",[H]:"(Optional)",[I]:"Please select option if you want to proceed!",[S]:"Please turn on if you want to proceed!",[y]:"Select",[R]:"Rating",[M]:"Clear",[F]:"Maximize",[O]:"Minimize"};exports.checkboxOptionalText=H;exports.checkboxValidation=w;exports.colorGradientA=d;exports.colorGradientAAALevel=P;exports.colorGradientAALevel=L;exports.colorGradientALabel=A;exports.colorGradientAlphaSliderLabel=x;exports.colorGradientB=c;exports.colorGradientBLabel=p;exports.colorGradientContrastRatio=C;exports.colorGradientDragHandle=l;exports.colorGradientFail=h;exports.colorGradientG=i;exports.colorGradientGLabel=g;exports.colorGradientHex=s;exports.colorGradientHexLabel=G;exports.colorGradientHueSliderLabel=k;exports.colorGradientInputColorButton=u;exports.colorGradientPass=B;exports.colorGradientR=n;exports.colorGradientRLabel=b;exports.colorGradientToggleInputsButton=z;exports.colorPickerAdaptiveTitle=T;exports.colorPickerDropdownButtonAriaLabel=y;exports.flatColorPickerApplyBtn=f;exports.flatColorPickerCancelBtn=m;exports.flatColorPickerClearBtn=D;exports.flatColorPickerGradientBtn=v;exports.flatColorPickerPaletteBtn=V;exports.messages=j;exports.numericDecreaseValue=o;exports.numericIncreaseValue=e;exports.radioButtonValidation=I;exports.ratingAriaLabel=R;exports.signatureClear=M;exports.signatureMaximize=F;exports.signatureMinimize=O;exports.sliderDecreaseValue=t;exports.sliderDragTitle=a;exports.sliderIncreaseValue=r;exports.switchValidation=S;

package/messages/main.mjs

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-const e = "numerictextbox.increment", o = "numerictextbox.decrement", t = "slider.increment", r = "slider.decrement", a = "slider.dragTitle", n = "colorGradient.dragHandle", l = "colorGradient.r", i = "colorGradient.g", c = "colorGradient.b", s = "colorGradient.a", d = "colorGradient.hex", G = "colorGradient.hexLabel", u = "colorGradient.inputColorButton", g = "colorGradient.rLabel", b = "colorGradient.gLabel", p = "colorGradient.bLabel", h = "colorGradient.aLabel", A = "colorGradient.contrastRatio", C = "colorGradient.colorGradientAALevel", L = "colorGradient.colorGradientAAALevel", x = "colorGradient.colorGradientPass", B = "colorGradient.colorGradientFail", P = "colorGradient.hueSliderLabel", m = "colorGradient.alphaSliderLabel", k = "flatColorPicker.cancelBtn", f = "flatColorPicker.applyBtn", w = "flatColorPicker.gradientBtn", v = "flatColorPicker.paletterBtn", D = "flatColorPicker.clearBtn", H = "checkbox.validation", I = "checkbox.optionalText", V = "radioButton.validation", y = "switch.validation", z = "colorPicker.dropdownButtonAriaLabel", S = "colorGradient.toggleInputsButton", T = "rating.ariaLabel", R = "signature.clear", M = "signature.maximize", F = "signature.minimize", O = {
+const e = "numerictextbox.increment", o = "numerictextbox.decrement", t = "slider.increment", r = "slider.decrement", a = "slider.dragTitle", n = "colorGradient.dragHandle", l = "colorGradient.r", i = "colorGradient.g", c = "colorGradient.b", s = "colorGradient.a", d = "colorGradient.hex", G = "colorGradient.hexLabel", u = "colorGradient.inputColorButton", g = "colorGradient.rLabel", b = "colorGradient.gLabel", p = "colorGradient.bLabel", h = "colorGradient.aLabel", A = "colorGradient.contrastRatio", C = "colorGradient.colorGradientAALevel", L = "colorGradient.colorGradientAAALevel", P = "colorGradient.colorGradientPass", x = "colorGradient.colorGradientFail", B = "colorGradient.hueSliderLabel", k = "colorGradient.alphaSliderLabel", m = "flatColorPicker.cancelBtn", f = "flatColorPicker.applyBtn", v = "flatColorPicker.gradientBtn", w = "flatColorPicker.paletterBtn", D = "flatColorPicker.clearBtn", T = "colorPicker.adaptiveTitle", H = "checkbox.validation", I = "checkbox.optionalText", V = "radioButton.validation", y = "switch.validation", z = "colorPicker.dropdownButtonAriaLabel", S = "colorGradient.toggleInputsButton", R = "rating.ariaLabel", M = "signature.clear", F = "signature.maximize", O = "signature.minimize", E = {
   [e]: "Increase value",
   [o]: "Decrease value",
   [t]: "Increase",
@@ -27,25 +27,26 @@ const e = "numerictextbox.increment", o = "numerictextbox.decrement", t = "slide
   [A]: "Contrast ratio",
   [C]: "AA",
   [L]: "AAA",
-  [x]: "Pass",
-  [B]: "Fail",
-  [P]: "Hue slider",
-  [m]: "Alpha slider",
+  [P]: "Pass",
+  [x]: "Fail",
+  [B]: "Hue slider",
+  [k]: "Alpha slider",
   [S]: "Toggle colorgradient inputs",
-  [k]: "Cancel",
+  [m]: "Cancel",
   [f]: "Apply",
-  [w]: "Gradient",
-  [v]: "Palette",
+  [v]: "Gradient",
+  [w]: "Palette",
   [D]: "Clear",
+  [T]: "Choose color",
   [H]: "Please check this box if you want to proceed!",
   [I]: "(Optional)",
   [V]: "Please select option if you want to proceed!",
   [y]: "Please turn on if you want to proceed!",
   [z]: "Select",
-  [T]: "Rating",
-  [R]: "Clear",
-  [M]: "Maximize",
-  [F]: "Minimize"
+  [R]: "Rating",
+  [M]: "Clear",
+  [F]: "Maximize",
+  [O]: "Minimize"
 };
 export {
   I as checkboxOptionalText,
@@ -54,36 +55,37 @@ export {
   L as colorGradientAAALevel,
   C as colorGradientAALevel,
   h as colorGradientALabel,
-  m as colorGradientAlphaSliderLabel,
+  k as colorGradientAlphaSliderLabel,
   c as colorGradientB,
   p as colorGradientBLabel,
   A as colorGradientContrastRatio,
   n as colorGradientDragHandle,
-  B as colorGradientFail,
+  x as colorGradientFail,
   i as colorGradientG,
   b as colorGradientGLabel,
   d as colorGradientHex,
   G as colorGradientHexLabel,
-  P as colorGradientHueSliderLabel,
+  B as colorGradientHueSliderLabel,
   u as colorGradientInputColorButton,
-  x as colorGradientPass,
+  P as colorGradientPass,
   l as colorGradientR,
   g as colorGradientRLabel,
   S as colorGradientToggleInputsButton,
+  T as colorPickerAdaptiveTitle,
   z as colorPickerDropdownButtonAriaLabel,
   f as flatColorPickerApplyBtn,
-  k as flatColorPickerCancelBtn,
+  m as flatColorPickerCancelBtn,
   D as flatColorPickerClearBtn,
-  w as flatColorPickerGradientBtn,
-  v as flatColorPickerPaletteBtn,
-  O as messages,
+  v as flatColorPickerGradientBtn,
+  w as flatColorPickerPaletteBtn,
+  E as messages,
   o as numericDecreaseValue,
   e as numericIncreaseValue,
   V as radioButtonValidation,
-  T as ratingAriaLabel,
-  R as signatureClear,
-  M as signatureMaximize,
-  F as signatureMinimize,
+  R as ratingAriaLabel,
+  M as signatureClear,
+  F as signatureMaximize,
+  O as signatureMinimize,
   r as sliderDecreaseValue,
   a as sliderDragTitle,
   t as sliderIncreaseValue,

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"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: 1738309731,version:"6.1.0-develop.5",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;
+"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: 1738834117,version:"6.1.0-develop.7",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

@@ -10,8 +10,8 @@ const e = {
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
   productCodes: ["KENDOUIVUE"],
-  publishDate: 1738309731,
-  version: "6.1.0-develop.5",
+  publishDate: 1738834117,
+  version: "6.1.0-develop.7",
   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"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-inputs",
-  "version": "6.1.0-develop.5",
+  "version": "6.1.0-develop.7",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -20,13 +20,13 @@
   "peerDependencies": {
     "@progress/kendo-drawing": "^1.21.1",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-vue-animation": "6.1.0-develop.5",
-    "@progress/kendo-vue-buttons": "6.1.0-develop.5",
-    "@progress/kendo-vue-common": "6.1.0-develop.5",
-    "@progress/kendo-vue-dialogs": "6.1.0-develop.5",
-    "@progress/kendo-vue-intl": "6.1.0-develop.5",
-    "@progress/kendo-vue-labels": "6.1.0-develop.5",
-    "@progress/kendo-vue-popup": "6.1.0-develop.5",
+    "@progress/kendo-vue-animation": "6.1.0-develop.7",
+    "@progress/kendo-vue-buttons": "6.1.0-develop.7",
+    "@progress/kendo-vue-common": "6.1.0-develop.7",
+    "@progress/kendo-vue-dialogs": "6.1.0-develop.7",
+    "@progress/kendo-vue-intl": "6.1.0-develop.7",
+    "@progress/kendo-vue-labels": "6.1.0-develop.7",
+    "@progress/kendo-vue-popup": "6.1.0-develop.7",
     "@progress/kendo-svg-icons": "^4.0.0",
     "vue": "^3.0.2"
   },
@@ -49,7 +49,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1738309731,
+      "publishDate": 1738834117,
       "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"
     }
   },