@progress/kendo-vue-inputs 6.1.0-develop.4 → 6.1.0-develop.6

package/index.d.mts

@@ -358,6 +358,9 @@ innerTabIndex: {
 type: PropType<number>;
 default: any;
 };
+size: PropType<"small" | "medium" | "large">;
+class: PropType<string>;
+adaptive: PropType<boolean>;
 }>, {}, {
 currentValue: any;
 currentBgColor: any;
@@ -429,6 +432,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;
@@ -513,6 +519,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 +532,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 +562,6 @@ default: string;
 columns: PropType<number>;
 tileSize: {
 type: PropType<number | TileSize>;
-default: number;
 };
 modelValue: PropType<string>;
 modelRgbaValue: PropType<string>;
@@ -544,8 +570,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 +614,6 @@ default: string;
 columns: PropType<number>;
 tileSize: {
 type: PropType<number | TileSize>;
-default: number;
 };
 modelValue: PropType<string>;
 modelRgbaValue: PropType<string>;
@@ -592,8 +622,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 +638,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>;
 
 /**
@@ -672,6 +707,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 +720,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.
      */
@@ -723,7 +774,6 @@ paletteSettings: {
 type: PropType<ColorPickerPaletteSettings>;
 default: () => {
 palette: string;
-tileSize: number;
 };
 };
 valid: {
@@ -780,10 +830,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 +858,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;
@@ -854,7 +922,6 @@ paletteSettings: {
 type: PropType<ColorPickerPaletteSettings>;
 default: () => {
 palette: string;
-tileSize: number;
 };
 };
 valid: {
@@ -911,6 +978,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;
@@ -933,6 +1007,7 @@ valid: boolean;
 showClearButton: boolean;
 open: boolean;
 popupSettings: ColorPickerPopupSettings;
+adaptive: boolean;
 selectedView: number;
 showPreview: boolean;
 showButtons: boolean;
@@ -1207,6 +1282,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;
 }
 
 /**
@@ -1265,9 +1348,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;
@@ -1354,9 +1441,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,6 +1459,7 @@ 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;
@@ -1463,6 +1555,18 @@ export declare interface FlatColorPickerProps {
      * Configures the ColorGradient that is displayed in the ColorPicker popup.
      */
     gradientSettings?: ColorGradientProps;
+    /**
+     * 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 +1575,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;
 }
 
 /**

package/index.d.ts

@@ -358,6 +358,9 @@ innerTabIndex: {
 type: PropType<number>;
 default: any;
 };
+size: PropType<"small" | "medium" | "large">;
+class: PropType<string>;
+adaptive: PropType<boolean>;
 }>, {}, {
 currentValue: any;
 currentBgColor: any;
@@ -429,6 +432,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;
@@ -513,6 +519,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 +532,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 +562,6 @@ default: string;
 columns: PropType<number>;
 tileSize: {
 type: PropType<number | TileSize>;
-default: number;
 };
 modelValue: PropType<string>;
 modelRgbaValue: PropType<string>;
@@ -544,8 +570,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 +614,6 @@ default: string;
 columns: PropType<number>;
 tileSize: {
 type: PropType<number | TileSize>;
-default: number;
 };
 modelValue: PropType<string>;
 modelRgbaValue: PropType<string>;
@@ -592,8 +622,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 +638,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>;
 
 /**
@@ -672,6 +707,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 +720,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.
      */
@@ -723,7 +774,6 @@ paletteSettings: {
 type: PropType<ColorPickerPaletteSettings>;
 default: () => {
 palette: string;
-tileSize: number;
 };
 };
 valid: {
@@ -780,10 +830,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 +858,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;
@@ -854,7 +922,6 @@ paletteSettings: {
 type: PropType<ColorPickerPaletteSettings>;
 default: () => {
 palette: string;
-tileSize: number;
 };
 };
 valid: {
@@ -911,6 +978,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;
@@ -933,6 +1007,7 @@ valid: boolean;
 showClearButton: boolean;
 open: boolean;
 popupSettings: ColorPickerPopupSettings;
+adaptive: boolean;
 selectedView: number;
 showPreview: boolean;
 showButtons: boolean;
@@ -1207,6 +1282,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;
 }
 
 /**
@@ -1265,9 +1348,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;
@@ -1354,9 +1441,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,6 +1459,7 @@ 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;
@@ -1463,6 +1555,18 @@ export declare interface FlatColorPickerProps {
      * Configures the ColorGradient that is displayed in the ColorPicker popup.
      */
     gradientSettings?: ColorGradientProps;
+    /**
+     * 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 +1575,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;
 }
 
 /**

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;