@progress/kendo-themes-html 7.1.0-dev.8 → 7.1.0-dev.9

package/dist/esm/pdf-viewer/templates/pdf-viewer-normal.js

@@ -4459,8 +4459,10 @@ import { jsx as jsx7 } from "react/jsx-runtime";
 import { jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
 var DROPZONE_CLASSNAME = `k-external-dropzone`;
 var states5 = [
+  States.disabled,
   States.hover
 ];
+var options5 = {};
 var defaultProps5 = {
   icon: "upload",
   hint: "Drag and drop files here to upload"
@@ -4468,6 +4470,7 @@ var defaultProps5 = {
 var Dropzone = (props) => {
   const {
     hover,
+    disabled,
     icon = defaultProps5.icon,
     hint = defaultProps5.hint,
     note,
@@ -4480,7 +4483,9 @@ var Dropzone = (props) => {
       className: classNames(
         props.className,
         DROPZONE_CLASSNAME,
-        stateClassNames(DROPZONE_CLASSNAME, {}),
+        stateClassNames(DROPZONE_CLASSNAME, {
+          disabled
+        }),
         {
           "k-external-dropzone-hover": hover
         }
@@ -4494,6 +4499,7 @@ var Dropzone = (props) => {
   );
 };
 Dropzone.states = states5;
+Dropzone.options = options5;
 Dropzone.className = DROPZONE_CLASSNAME;
 Dropzone.defaultProps = defaultProps5;
 
@@ -4517,7 +4523,7 @@ var states6 = [
   States.loading,
   States.readonly
 ];
-var options5 = {
+var options6 = {
   size: [Size.small, Size.medium, Size.large],
   rounded: [Roundness.small, Roundness.medium, Roundness.large, Roundness.full],
   fillMode: [FillMode.solid, FillMode.flat, FillMode.outline]
@@ -4555,7 +4561,7 @@ var Input = (props) => {
   );
 };
 Input.states = states6;
-Input.options = options5;
+Input.options = options6;
 Input.className = INPUT_CLASSNAME;
 Input.defaultProps = defaultProps6;
 
@@ -4623,7 +4629,7 @@ var states7 = [
   States.loading,
   States.readonly
 ];
-var options6 = {};
+var options7 = {};
 var InputClearValue = (props) => {
   const {
     disabled,
@@ -4637,14 +4643,14 @@ var InputClearValue = (props) => {
   return /* @__PURE__ */ jsx13("span", { className: classNames(props.className, className), children: /* @__PURE__ */ jsx13(Icon, { icon: "x" }) });
 };
 InputClearValue.states = states7;
-InputClearValue.options = options6;
+InputClearValue.options = options7;
 InputClearValue.className = className;
 
 // src/input/input-inner-input.tsx
 import { jsx as jsx14 } from "react/jsx-runtime";
 var className2 = `k-input-inner`;
 var states8 = [];
-var options7 = {};
+var options8 = {};
 var defaultProps8 = {
   type: "text",
   autocomplete: "off",
@@ -4672,14 +4678,14 @@ var InputInnerInput = (props) => {
   );
 };
 InputInnerInput.states = states8;
-InputInnerInput.options = options7;
+InputInnerInput.options = options8;
 InputInnerInput.className = className2;
 
 // src/input/input-inner-span.tsx
 import { jsx as jsx15, jsxs as jsxs3 } from "react/jsx-runtime";
 var className3 = `k-input-inner`;
 var states9 = [];
-var options8 = {};
+var options9 = {};
 var InputInnerSpan = (props) => {
   const {
     value,
@@ -4704,7 +4710,7 @@ var InputInnerSpan = (props) => {
   );
 };
 InputInnerSpan.states = states9;
-InputInnerSpan.options = options8;
+InputInnerSpan.options = options9;
 InputInnerSpan.className = className3;
 
 // src/input/input-inner-textarea.tsx
@@ -4715,7 +4721,7 @@ var defaultProps9 = {
 };
 var className4 = `k-input-inner`;
 var states10 = [];
-var options9 = {};
+var options10 = {};
 var InputInnerTextarea = (props) => {
   const {
     value = defaultProps9.value,
@@ -4735,7 +4741,7 @@ var InputInnerTextarea = (props) => {
   );
 };
 InputInnerTextarea.states = states10;
-InputInnerTextarea.options = options9;
+InputInnerTextarea.options = options10;
 InputInnerTextarea.className = className4;
 
 // src/input/input-loading-icon.tsx
@@ -4765,7 +4771,7 @@ var states12 = [
   States.disabled,
   States.loading
 ];
-var options10 = {};
+var options11 = {};
 var InputValidationIcon = (props) => {
   const {
     valid,
@@ -4781,7 +4787,7 @@ var InputValidationIcon = (props) => {
   return /* @__PURE__ */ jsx18(Icon, { className: classNames(className6), icon: iconName });
 };
 InputValidationIcon.states = states12;
-InputValidationIcon.options = options10;
+InputValidationIcon.options = options11;
 InputValidationIcon.className = className6;
 
 // src/input/input-prefix.tsx
@@ -4880,7 +4886,7 @@ var InputSeparator = (props) => {
 import { jsx as jsx24 } from "react/jsx-runtime";
 var ANIMATION_CONTAINER_CLASSNAME = `k-animation-container`;
 var states13 = [];
-var options11 = {};
+var options12 = {};
 var defaultProps13 = {
   positionMode: "absolute"
 };
@@ -4908,7 +4914,7 @@ var AnimationContainer = (props) => {
   );
 };
 AnimationContainer.states = states13;
-AnimationContainer.options = options11;
+AnimationContainer.options = options12;
 AnimationContainer.className = ANIMATION_CONTAINER_CLASSNAME;
 AnimationContainer.defaultProps = defaultProps13;
 
@@ -4916,7 +4922,7 @@ AnimationContainer.defaultProps = defaultProps13;
 import { jsx as jsx25 } from "react/jsx-runtime";
 var POPUP_CLASSNAME = `k-popup`;
 var states14 = [];
-var options12 = {};
+var options13 = {};
 var defaultProps14 = {
   positionMode: "absolute"
 };
@@ -4936,7 +4942,7 @@ var Popup = (props) => {
   );
 };
 Popup.states = states14;
-Popup.options = options12;
+Popup.options = options13;
 Popup.className = POPUP_CLASSNAME;
 Popup.defaultProps = defaultProps14;
 
@@ -4953,7 +4959,7 @@ var states15 = [
   States.loading,
   States.readonly
 ];
-var options13 = {
+var options14 = {
   size: [Size.small, Size.medium, Size.large],
   rounded: [Roundness.small, Roundness.medium, Roundness.large, Roundness.full],
   fillMode: [FillMode.solid, FillMode.flat, FillMode.outline]
@@ -5057,7 +5063,7 @@ var DropdownList = (props) => {
   ] });
 };
 DropdownList.states = states15;
-DropdownList.options = options13;
+DropdownList.options = options14;
 DropdownList.className = DROPDOWNLIST_CLASSNAME;
 DropdownList.defaultProps = defaultProps15;
 
@@ -5073,7 +5079,7 @@ var NoData = (props) => /* @__PURE__ */ jsx28("span", { className: classNames(cl
 import { jsx as jsx29, jsxs as jsxs5 } from "react/jsx-runtime";
 var LIST_CLASSNAME = `k-list`;
 var states16 = [];
-var options14 = {
+var options15 = {
   size: [Size.small, Size.medium, Size.large]
 };
 var defaultProps16 = {
@@ -5158,7 +5164,7 @@ var List = (props) => {
   );
 };
 List.states = states16;
-List.options = options14;
+List.options = options15;
 List.className = LIST_CLASSNAME;
 List.defaultProps = defaultProps16;
 
@@ -5166,7 +5172,7 @@ List.defaultProps = defaultProps16;
 import { jsx as jsx30, jsxs as jsxs6 } from "react/jsx-runtime";
 var LISTANGULAR_CLASSNAME = `k-list`;
 var states17 = [];
-var options15 = {
+var options16 = {
   size: [Size.small, Size.medium, Size.large]
 };
 var defaultProps17 = {
@@ -5253,7 +5259,7 @@ var ListAngular = (props) => {
   );
 };
 ListAngular.states = states17;
-ListAngular.options = options15;
+ListAngular.options = options16;
 ListAngular.className = LISTANGULAR_CLASSNAME;
 ListAngular.defaultProps = defaultProps17;
 
@@ -5270,7 +5276,7 @@ var states18 = [
   States.checked,
   States.indeterminate
 ];
-var options16 = {
+var options17 = {
   size: [Size.small, Size.medium, Size.large],
   rounded: [Roundness.small, Roundness.medium, Roundness.large, Roundness.full]
 };
@@ -5311,7 +5317,7 @@ var Checkbox = (props) => {
   ) });
 };
 Checkbox.states = states18;
-Checkbox.options = options16;
+Checkbox.options = options17;
 Checkbox.className = CHECKBOX_CLASSNAME;
 Checkbox.defaultProps = defaultProps18;
 
@@ -5319,7 +5325,7 @@ Checkbox.defaultProps = defaultProps18;
 import { jsx as jsx32 } from "react/jsx-runtime";
 var CHECKBOXGROUP_CLASSNAME = `k-checkbox-list`;
 var states19 = [];
-var options17 = {};
+var options18 = {};
 var defaultProps19 = {
   layout: "vertical"
 };
@@ -5344,7 +5350,7 @@ var CheckboxGroup = (props) => {
   );
 };
 CheckboxGroup.states = states19;
-CheckboxGroup.options = options17;
+CheckboxGroup.options = options18;
 CheckboxGroup.className = CHECKBOXGROUP_CLASSNAME;
 CheckboxGroup.defaultProps = defaultProps19;
 
@@ -5352,7 +5358,7 @@ CheckboxGroup.defaultProps = defaultProps19;
 import { jsx as jsx33 } from "react/jsx-runtime";
 var CHECKBOXITEM_CLASSNAME = `k-checkbox-list-item`;
 var states20 = [];
-var options18 = {};
+var options19 = {};
 var defaultProps20 = {};
 var CheckboxItem = (props) => {
   const {
@@ -5371,7 +5377,7 @@ var CheckboxItem = (props) => {
   );
 };
 CheckboxItem.states = states20;
-CheckboxItem.options = options18;
+CheckboxItem.options = options19;
 CheckboxItem.className = CHECKBOXITEM_CLASSNAME;
 CheckboxItem.defaultProps = defaultProps20;
 
@@ -5393,7 +5399,7 @@ var states21 = [
   States.selected,
   States.disabled
 ];
-var options19 = {};
+var options20 = {};
 var defaultProps21 = {};
 var ListItem = (props) => {
   const {
@@ -5434,7 +5440,7 @@ var ListItem = (props) => {
   );
 };
 ListItem.states = states21;
-ListItem.options = options19;
+ListItem.options = options20;
 ListItem.className = LISTITEM_CLASSNAME;
 ListItem.defaultProps = defaultProps21;
 
@@ -5483,7 +5489,7 @@ var states22 = [
   States.selected,
   States.disabled
 ];
-var options20 = {};
+var options21 = {};
 var defaultProps22 = {};
 var ListOptionLabel = (props) => {
   const {
@@ -5512,7 +5518,7 @@ var ListOptionLabel = (props) => {
   );
 };
 ListOptionLabel.states = states22;
-ListOptionLabel.options = options20;
+ListOptionLabel.options = options21;
 ListOptionLabel.className = LIST_OPTIONLABEL_CLASSNAME;
 ListOptionLabel.defaultProps = defaultProps22;
 
@@ -5552,7 +5558,7 @@ var states23 = [
   States.disabled,
   States.loading
 ];
-var options21 = {
+var options22 = {
   size: [Size.small, Size.medium, Size.large],
   rounded: [Roundness.small, Roundness.medium, Roundness.large, Roundness.full],
   fillMode: [FillMode.solid, FillMode.flat, FillMode.outline]
@@ -5608,7 +5614,7 @@ var Searchbox = (props) => {
   );
 };
 Searchbox.states = states23;
-Searchbox.options = options21;
+Searchbox.options = options22;
 Searchbox.className = SEARCHBOX_CLASSNAME;
 Searchbox.defaultProps = defaultProps23;
 
@@ -5628,7 +5634,7 @@ import { Fragment as Fragment15, jsx as jsx55, jsxs as jsxs20 } from "react/jsx-
 import { jsx as jsx56, jsxs as jsxs21 } from "react/jsx-runtime";
 var SPINBUTTON_CLASSNAME = `k-spin-button`;
 var states24 = [];
-var options22 = {
+var options23 = {
   size: [Size.small, Size.medium, Size.large],
   fillMode: [FillMode.solid, FillMode.flat, FillMode.outline, FillMode.clear, FillMode.link]
 };
@@ -5676,7 +5682,7 @@ var SpinButton = (props) => {
   );
 };
 SpinButton.states = states24;
-SpinButton.options = options22;
+SpinButton.options = options23;
 SpinButton.className = SPINBUTTON_CLASSNAME;
 SpinButton.defaultProps = defaultProps24;
 
@@ -5693,7 +5699,7 @@ var states25 = [
   States.disabled,
   States.readonly
 ];
-var options23 = {
+var options24 = {
   size: [Size.small, Size.medium, Size.large],
   rounded: [Roundness.small, Roundness.medium, Roundness.large, Roundness.full],
   fillMode: [FillMode.solid, FillMode.flat, FillMode.outline]
@@ -5790,7 +5796,7 @@ var NumericTextbox = (props) => {
   );
 };
 NumericTextbox.states = states25;
-NumericTextbox.options = options23;
+NumericTextbox.options = options24;
 NumericTextbox.className = NUMERICTEXTBOX_CLASSNAME;
 NumericTextbox.defaultProps = defaultProps25;
 
@@ -5810,7 +5816,7 @@ var states26 = [
   States.focus,
   States.disabled
 ];
-var options24 = {
+var options25 = {
   size: [Size.small, Size.medium, Size.large]
 };
 var defaultProps26 = {
@@ -6056,7 +6062,7 @@ var Pager = (props) => {
   );
 };
 Pager.states = states26;
-Pager.options = options24;
+Pager.options = options25;
 Pager.className = PAGER_CLASSNAME;
 Pager.defaultProps = defaultProps26;
 
@@ -6085,7 +6091,7 @@ var states27 = [
   States.loading,
   States.readonly
 ];
-var options25 = {
+var options26 = {
   size: [Size.small, Size.medium, Size.large],
   rounded: [Roundness.small, Roundness.medium, Roundness.large, Roundness.full],
   fillMode: [FillMode.solid, FillMode.flat, FillMode.outline]
@@ -6172,7 +6178,7 @@ var Textbox = (props) => {
   );
 };
 Textbox.states = states27;
-Textbox.options = options25;
+Textbox.options = options26;
 Textbox.className = TEXTBOX_CLASSNAME;
 Textbox.defaultProps = defaultProps27;
 
@@ -6191,7 +6197,7 @@ var BUTTONGROUP_CLASSNAME = `k-button-group`;
 var states28 = [
   States.disabled
 ];
-var options26 = {
+var options27 = {
   fillMode: [FillMode.solid, FillMode.flat, FillMode.outline, FillMode.clear, FillMode.link]
 };
 var defaultProps28 = {
@@ -6226,7 +6232,7 @@ var ButtonGroup = (props) => {
   );
 };
 ButtonGroup.states = states28;
-ButtonGroup.options = options26;
+ButtonGroup.options = options27;
 ButtonGroup.className = BUTTONGROUP_CLASSNAME;
 ButtonGroup.defaultProps = defaultProps28;
 
@@ -6246,7 +6252,7 @@ import { jsx as jsx74, jsxs as jsxs28 } from "react/jsx-runtime";
 import { jsx as jsx75, jsxs as jsxs29 } from "react/jsx-runtime";
 var COLORPREVIEW_CLASSNAME = `k-color-preview`;
 var states29 = [];
-var options27 = {};
+var options28 = {};
 var ColorPreview = (props) => {
   const {
     color,
@@ -6279,7 +6285,7 @@ var ColorPreview = (props) => {
   );
 };
 ColorPreview.states = states29;
-ColorPreview.options = options27;
+ColorPreview.options = options28;
 ColorPreview.className = COLORPREVIEW_CLASSNAME;
 
 // src/colorpicker/colorpicker.spec.tsx
@@ -6293,7 +6299,7 @@ var states30 = [
   States.required,
   States.disabled
 ];
-var options28 = {
+var options29 = {
   size: [Size.small, Size.medium, Size.large],
   rounded: [Roundness.small, Roundness.medium, Roundness.large, Roundness.full],
   fillMode: [FillMode.solid, FillMode.flat, FillMode.outline]
@@ -6381,7 +6387,7 @@ var ColorPicker = (props) => {
   ] });
 };
 ColorPicker.states = states30;
-ColorPicker.options = options28;
+ColorPicker.options = options29;
 ColorPicker.className = COLORPICKER_CLASSNAME;
 ColorPicker.defaultProps = defaultProps29;
 
@@ -6392,7 +6398,7 @@ import { jsx as jsx77 } from "react/jsx-runtime";
 import { jsx as jsx78 } from "react/jsx-runtime";
 var ACTIONBUTTONS_CLASSNAME = `k-actions`;
 var states31 = [];
-var options29 = {};
+var options30 = {};
 var defaultProps30 = {
   alignment: "start",
   orientation: "horizontal"
@@ -6420,7 +6426,7 @@ var ActionButtons = (props) => {
   );
 };
 ActionButtons.states = states31;
-ActionButtons.options = options29;
+ActionButtons.options = options30;
 ActionButtons.className = ACTIONBUTTONS_CLASSNAME;
 ActionButtons.defaultProps = defaultProps30;
 var action_buttons_spec_default = ActionButtons;
@@ -6435,13 +6441,15 @@ var states32 = [
   States.disabled,
   States.readonly
 ];
-var options30 = {};
+var options31 = {};
 var defaultProps31 = {
   type: "single",
   orientation: "horizontal",
   readonly: false,
   disabled: false,
-  handlePosition: "end"
+  handlePosition: "end",
+  showButtons: true,
+  showTicks: true
 };
 var Slider = (props) => {
   const {
@@ -6450,6 +6458,8 @@ var Slider = (props) => {
     readonly = defaultProps31.readonly,
     disabled = defaultProps31.disabled,
     handlePosition = defaultProps31.handlePosition,
+    showButtons = defaultProps31.showButtons,
+    showTicks = defaultProps31.showTicks,
     hover,
     focus,
     active,
@@ -6478,9 +6488,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ jsx79(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ jsx79(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ jsxs31("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ jsx79("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ jsx79("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ jsxs31("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ jsx79("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ jsx79("span", { className: classNames(
@@ -6503,11 +6513,11 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ jsx79(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ jsx79(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
   ] });
 };
 Slider.states = states32;
-Slider.options = options30;
+Slider.options = options31;
 Slider.className = SLIDER_CLASSNAME;
 Slider.defaultProps = defaultProps31;
 
@@ -6515,7 +6525,7 @@ Slider.defaultProps = defaultProps31;
 import { jsx as jsx80 } from "react/jsx-runtime";
 var SLIDER_TICK_CLASSNAME = "k-tick";
 var states33 = [];
-var options31 = {};
+var options32 = {};
 var defaultProps32 = {
   label: false
 };
@@ -6537,7 +6547,7 @@ var SliderTick = (props) => {
   ), style, children: label && /* @__PURE__ */ jsx80("span", { className: "k-label", children: text }) });
 };
 SliderTick.states = states33;
-SliderTick.options = options31;
+SliderTick.options = options32;
 SliderTick.className = SLIDER_TICK_CLASSNAME;
 SliderTick.defaultProps = defaultProps32;
 
@@ -6563,6 +6573,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx86(
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ jsxs37(Fragment28, { children: [
       /* @__PURE__ */ jsx86(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ jsx86(SliderTick, {}),
@@ -6584,7 +6596,7 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ jsx86(
 import { Fragment as Fragment29, jsx as jsx87, jsxs as jsxs38 } from "react/jsx-runtime";
 var COLOR_INPUT_CLASSNAME = "k-colorgradient-inputs";
 var states34 = [];
-var options32 = {};
+var options33 = {};
 var defaultProps33 = {
   mode: "rgba"
 };
@@ -6665,7 +6677,7 @@ var ColorInput = (props) => {
   ] });
 };
 ColorInput.states = states34;
-ColorInput.options = options32;
+ColorInput.options = options33;
 ColorInput.className = COLOR_INPUT_CLASSNAME;
 ColorInput.defaultProps = defaultProps33;
 
@@ -6673,7 +6685,7 @@ ColorInput.defaultProps = defaultProps33;
 import { jsx as jsx88, jsxs as jsxs39 } from "react/jsx-runtime";
 var COLOR_CONTRAST_CLASSNAME = "k-colorgradient-color-contrast";
 var states35 = [];
-var options33 = {};
+var options34 = {};
 var defaultProps34 = {};
 var ColorContrast = () => /* @__PURE__ */ jsxs39("div", { className: classNames(COLOR_CONTRAST_CLASSNAME, "k-vbox"), children: [
   /* @__PURE__ */ jsxs39("div", { className: "k-contrast-ratio", children: [
@@ -6699,7 +6711,7 @@ var ColorContrast = () => /* @__PURE__ */ jsxs39("div", { className: classNames(
   ] })
 ] });
 ColorContrast.states = states35;
-ColorContrast.options = options33;
+ColorContrast.options = options34;
 ColorContrast.className = COLOR_CONTRAST_CLASSNAME;
 ColorContrast.defaultProps = defaultProps34;
 
@@ -6712,7 +6724,7 @@ var states36 = [
   States.readonly,
   States.disabled
 ];
-var options34 = {};
+var options35 = {};
 var defaultProps35 = {
   mode: "rgba",
   readonly: false,
@@ -6766,7 +6778,7 @@ var ColorGradient = (props) => {
   ] });
 };
 ColorGradient.states = states36;
-ColorGradient.options = options34;
+ColorGradient.options = options35;
 ColorGradient.className = COLOR_GRADIENT_CLASSNAME;
 ColorGradient.defaultProps = defaultProps35;
 
@@ -6788,7 +6800,7 @@ var states37 = [
   States.focus,
   States.selected
 ];
-var options35 = {};
+var options36 = {};
 var ColorPaletteTile = (props) => {
   const {
     color,
@@ -6821,7 +6833,7 @@ var ColorPaletteTile = (props) => {
   );
 };
 ColorPaletteTile.states = states37;
-ColorPaletteTile.options = options35;
+ColorPaletteTile.options = options36;
 ColorPaletteTile.className = COLORPALETTETILE_CLASSNAME;
 
 // src/colorpalette/colorpalette.spec.tsx
@@ -6830,7 +6842,7 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states38 = [
   States.disabled
 ];
-var options36 = {};
+var options37 = {};
 var defaultProps36 = {
   columns: 10
 };
@@ -6873,7 +6885,7 @@ var ColorPalette = (props) => {
   );
 };
 ColorPalette.states = states38;
-ColorPalette.options = options36;
+ColorPalette.options = options37;
 ColorPalette.className = COLORPALETTE_CLASSNAME;
 ColorPalette.defaultProps = defaultProps36;
 
@@ -6938,7 +6950,7 @@ var COLOREDITOR_CLASSNAME = "k-coloreditor";
 var states39 = [
   States.focus
 ];
-var options37 = {};
+var options38 = {};
 var defaultProps37 = {
   view: "gradient",
   currentColor: "fuchsia",
@@ -6983,7 +6995,7 @@ var ColorEditor = (props) => {
   ] });
 };
 ColorEditor.states = states39;
-ColorEditor.options = options37;
+ColorEditor.options = options38;
 ColorEditor.className = COLOREDITOR_CLASSNAME;
 ColorEditor.defaultProps = defaultProps37;
 
@@ -7009,7 +7021,7 @@ import { jsx as jsx102 } from "react/jsx-runtime";
 import { Fragment as Fragment30, jsx as jsx103, jsxs as jsxs42 } from "react/jsx-runtime";
 var ACTIONSHEET_CLASSNAME = `k-actionsheet`;
 var states40 = [];
-var options38 = {};
+var options39 = {};
 var defaultProps38 = {
   side: "bottom",
   fullscreen: false,
@@ -7083,7 +7095,7 @@ var ActionSheet = (props) => {
   ] });
 };
 ActionSheet.states = states40;
-ActionSheet.options = options38;
+ActionSheet.options = options39;
 ActionSheet.className = ACTIONSHEET_CLASSNAME;
 ActionSheet.defaultProps = defaultProps38;
 
@@ -7202,7 +7214,7 @@ var defaultProps39 = {
   rounded: Input.defaultProps.rounded,
   fillMode: Input.defaultProps.fillMode
 };
-var options39 = {
+var options40 = {
   size: [Size.small, Size.medium, Size.large],
   rounded: [Roundness.small, Roundness.medium, Roundness.large, Roundness.full],
   fillMode: [FillMode.solid, FillMode.flat, FillMode.outline]
@@ -7314,7 +7326,7 @@ var Combobox = (props) => {
   ] });
 };
 Combobox.states = states42;
-Combobox.options = options39;
+Combobox.options = options40;
 Combobox.className = COMBOBOX_CLASSNAME;
 Combobox.defaultProps = defaultProps39;
 
@@ -7346,7 +7358,7 @@ var states43 = [
   States.selected,
   States.disabled
 ];
-var options40 = {
+var options41 = {
   size: [Size.small, Size.medium, Size.large],
   rounded: [Roundness.small, Roundness.medium, Roundness.large, Roundness.full],
   fillMode: [FillMode.solid, FillMode.flat, FillMode.outline, FillMode.clear, FillMode.link],
@@ -7419,7 +7431,7 @@ var MenuButton = (props) => {
   ] });
 };
 MenuButton.states = states43;
-MenuButton.options = options40;
+MenuButton.options = options41;
 MenuButton.className = MENUBUTTON_CLASSNAME;
 MenuButton.defaultProps = defaultProps40;
 
@@ -7442,7 +7454,7 @@ var states44 = [
   States.selected,
   States.disabled
 ];
-var options41 = {};
+var options42 = {};
 var defaultProps41 = {
   dir: "ltr"
 };
@@ -7515,7 +7527,7 @@ var MenuItem = (props) => {
   );
 };
 MenuItem.states = states44;
-MenuItem.options = options41;
+MenuItem.options = options42;
 MenuItem.className = MENUITEM_CLASSNAME;
 MenuItem.defaultProps = defaultProps41;
 var menu_item_spec_default = MenuItem;
@@ -7556,7 +7568,7 @@ import { jsx as jsx122 } from "react/jsx-runtime";
 import { createElement } from "react";
 var MENULIST_CLASSNAME = `k-menu-group`;
 var states45 = [];
-var options42 = {
+var options43 = {
   size: [Size.small, Size.medium, Size.large]
 };
 var defaultProps43 = {
@@ -7604,7 +7616,7 @@ var MenuList = (props) => {
   );
 };
 MenuList.states = states45;
-MenuList.options = options42;
+MenuList.options = options43;
 MenuList.className = MENULIST_CLASSNAME;
 MenuList.defaultProps = defaultProps43;
 
@@ -7621,7 +7633,7 @@ var states46 = [
   States.selected,
   States.disabled
 ];
-var options43 = {
+var options44 = {
   size: [Size.small, Size.medium, Size.large],
   rounded: [Roundness.small, Roundness.medium, Roundness.large, Roundness.full],
   fillMode: [FillMode.solid, FillMode.flat, FillMode.outline, FillMode.clear, FillMode.link],
@@ -7713,7 +7725,7 @@ var SplitButton = (props) => {
   ] });
 };
 SplitButton.states = states46;
-SplitButton.options = options43;
+SplitButton.options = options44;
 SplitButton.className = SPLITBUTTON_CLASSNAME;
 SplitButton.defaultProps = defaultProps44;
 var split_button_spec_default = SplitButton;
@@ -7724,7 +7736,7 @@ var TOOLBAR_CLASSNAME = `k-toolbar`;
 var states47 = [
   States.focus
 ];
-var options44 = {
+var options45 = {
   size: [Size.small, Size.medium, Size.large]
 };
 var defaultProps45 = {
@@ -7889,7 +7901,7 @@ var Toolbar = (props) => {
   );
 };
 Toolbar.states = states47;
-Toolbar.options = options44;
+Toolbar.options = options45;
 Toolbar.className = TOOLBAR_CLASSNAME;
 Toolbar.defaultProps = defaultProps45;
 
@@ -7899,7 +7911,7 @@ var TOOLBARANGULAR_CLASSNAME = `k-toolbar`;
 var states48 = [
   States.focus
 ];
-var options45 = {
+var options46 = {
   size: [Size.small, Size.medium, Size.large]
 };
 var defaultProps46 = {
@@ -8064,7 +8076,7 @@ var ToolbarAngular = (props) => {
   );
 };
 ToolbarAngular.states = states48;
-ToolbarAngular.options = options45;
+ToolbarAngular.options = options46;
 ToolbarAngular.className = TOOLBARANGULAR_CLASSNAME;
 ToolbarAngular.defaultProps = defaultProps46;
 
@@ -8077,7 +8089,7 @@ var TOOLBARITEM_CLASSNAME = `k-toolbar-item`;
 var states49 = [
   States.focus
 ];
-var options46 = {};
+var options47 = {};
 var defaultProps47 = {};
 var ToolbarItem = (props) => {
   const {
@@ -8100,7 +8112,7 @@ var ToolbarItem = (props) => {
   );
 };
 ToolbarItem.states = states49;
-ToolbarItem.options = options46;
+ToolbarItem.options = options47;
 ToolbarItem.className = TOOLBARITEM_CLASSNAME;
 ToolbarItem.defaultProps = defaultProps47;
 
@@ -8108,7 +8120,7 @@ ToolbarItem.defaultProps = defaultProps47;
 import { jsx as jsx129 } from "react/jsx-runtime";
 var TOOLBARPOPUP_CLASSNAME = `k-toolbar-popup`;
 var states50 = [];
-var options47 = {};
+var options48 = {};
 var defaultProps48 = {};
 var ToolbarPopup = (props) => {
   const { ...other } = props;
@@ -8125,7 +8137,7 @@ var ToolbarPopup = (props) => {
   );
 };
 ToolbarPopup.states = states50;
-ToolbarPopup.options = options47;
+ToolbarPopup.options = options48;
 ToolbarPopup.className = TOOLBARPOPUP_CLASSNAME;
 ToolbarPopup.defaultProps = defaultProps48;
 
@@ -8231,7 +8243,7 @@ var states52 = [
   States.hover,
   States.disabled
 ];
-var options48 = {};
+var options49 = {};
 var defaultProps49 = {};
 var Upload = (props) => {
   const {
@@ -8270,7 +8282,7 @@ var Upload = (props) => {
   );
 };
 Upload.states = states52;
-Upload.options = options48;
+Upload.options = options49;
 Upload.className = UPLOAD_CLASSNAME;
 Upload.defaultProps = defaultProps49;
 
@@ -8281,7 +8293,7 @@ var states53 = [
   States.disabled,
   States.indeterminate
 ];
-var options49 = {};
+var options50 = {};
 var defaultProps50 = {
   indeterminate: false,
   label: true,
@@ -8344,7 +8356,7 @@ var ProgressBar = (props) => {
   );
 };
 ProgressBar.states = states53;
-ProgressBar.options = options49;
+ProgressBar.options = options50;
 ProgressBar.className = PROGRESSBAR_CLASSNAME;
 ProgressBar.defaultProps = defaultProps50;
 
@@ -8356,7 +8368,7 @@ var states54 = [
   States.disabled,
   States.indeterminate
 ];
-var options50 = {};
+var options51 = {};
 var defaultProps51 = {
   chunkCount: 5,
   orientation: "horizontal",
@@ -8403,7 +8415,7 @@ var ChunkProgressBar = (props) => {
   );
 };
 ChunkProgressBar.states = states54;
-ChunkProgressBar.options = options50;
+ChunkProgressBar.options = options51;
 ChunkProgressBar.className = CHUNKPROGRESSBAR_CLASSNAME;
 ChunkProgressBar.defaultProps = defaultProps51;
 
@@ -8444,7 +8456,7 @@ var PDFVIEWER_CLASSNAME = `k-pdf-viewer`;
 var states55 = [
   States.disabled
 ];
-var options51 = {};
+var options52 = {};
 var defaultToolbar = /* @__PURE__ */ jsx150(Fragment47, { children: /* @__PURE__ */ jsxs63(Toolbar, { resizable: true, children: [
   /* @__PURE__ */ jsx150(Pager, { type: "input", pageSizes: false, refresh: false, info: false }),
   /* @__PURE__ */ jsx150("span", { className: "k-spacer" }),
@@ -8505,7 +8517,7 @@ var PDFViewer = (props) => {
   );
 };
 PDFViewer.states = states55;
-PDFViewer.options = options51;
+PDFViewer.options = options52;
 PDFViewer.className = PDFVIEWER_CLASSNAME;
 PDFViewer.defaultProps = defaultProps52;