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

package/dist/cjs/pdf-viewer/templates/pdf-viewer-blank.js

@@ -4478,8 +4478,10 @@ var import_jsx_runtime7 = require("react/jsx-runtime");
 var import_jsx_runtime8 = require("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"
@@ -4487,6 +4489,7 @@ var defaultProps5 = {
 var Dropzone = (props) => {
   const {
     hover,
+    disabled,
     icon = defaultProps5.icon,
     hint = defaultProps5.hint,
     note,
@@ -4499,7 +4502,9 @@ var Dropzone = (props) => {
       className: classNames(
         props.className,
         DROPZONE_CLASSNAME,
-        stateClassNames(DROPZONE_CLASSNAME, {}),
+        stateClassNames(DROPZONE_CLASSNAME, {
+          disabled
+        }),
         {
           "k-external-dropzone-hover": hover
         }
@@ -4513,6 +4518,7 @@ var Dropzone = (props) => {
   );
 };
 Dropzone.states = states5;
+Dropzone.options = options5;
 Dropzone.className = DROPZONE_CLASSNAME;
 Dropzone.defaultProps = defaultProps5;
 
@@ -4536,7 +4542,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]
@@ -4574,7 +4580,7 @@ var Input = (props) => {
   );
 };
 Input.states = states6;
-Input.options = options5;
+Input.options = options6;
 Input.className = INPUT_CLASSNAME;
 Input.defaultProps = defaultProps6;
 
@@ -4642,7 +4648,7 @@ var states7 = [
   States.loading,
   States.readonly
 ];
-var options6 = {};
+var options7 = {};
 var InputClearValue = (props) => {
   const {
     disabled,
@@ -4656,14 +4662,14 @@ var InputClearValue = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: classNames(props.className, className), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { icon: "x" }) });
 };
 InputClearValue.states = states7;
-InputClearValue.options = options6;
+InputClearValue.options = options7;
 InputClearValue.className = className;
 
 // src/input/input-inner-input.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var className2 = `k-input-inner`;
 var states8 = [];
-var options7 = {};
+var options8 = {};
 var defaultProps8 = {
   type: "text",
   autocomplete: "off",
@@ -4691,14 +4697,14 @@ var InputInnerInput = (props) => {
   );
 };
 InputInnerInput.states = states8;
-InputInnerInput.options = options7;
+InputInnerInput.options = options8;
 InputInnerInput.className = className2;
 
 // src/input/input-inner-span.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var className3 = `k-input-inner`;
 var states9 = [];
-var options8 = {};
+var options9 = {};
 var InputInnerSpan = (props) => {
   const {
     value,
@@ -4723,7 +4729,7 @@ var InputInnerSpan = (props) => {
   );
 };
 InputInnerSpan.states = states9;
-InputInnerSpan.options = options8;
+InputInnerSpan.options = options9;
 InputInnerSpan.className = className3;
 
 // src/input/input-inner-textarea.tsx
@@ -4734,7 +4740,7 @@ var defaultProps9 = {
 };
 var className4 = `k-input-inner`;
 var states10 = [];
-var options9 = {};
+var options10 = {};
 var InputInnerTextarea = (props) => {
   const {
     value = defaultProps9.value,
@@ -4754,7 +4760,7 @@ var InputInnerTextarea = (props) => {
   );
 };
 InputInnerTextarea.states = states10;
-InputInnerTextarea.options = options9;
+InputInnerTextarea.options = options10;
 InputInnerTextarea.className = className4;
 
 // src/input/input-loading-icon.tsx
@@ -4784,7 +4790,7 @@ var states12 = [
   States.disabled,
   States.loading
 ];
-var options10 = {};
+var options11 = {};
 var InputValidationIcon = (props) => {
   const {
     valid,
@@ -4800,7 +4806,7 @@ var InputValidationIcon = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { className: classNames(className6), icon: iconName });
 };
 InputValidationIcon.states = states12;
-InputValidationIcon.options = options10;
+InputValidationIcon.options = options11;
 InputValidationIcon.className = className6;
 
 // src/input/input-prefix.tsx
@@ -4899,7 +4905,7 @@ var InputSeparator = (props) => {
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var ANIMATION_CONTAINER_CLASSNAME = `k-animation-container`;
 var states13 = [];
-var options11 = {};
+var options12 = {};
 var defaultProps13 = {
   positionMode: "absolute"
 };
@@ -4927,7 +4933,7 @@ var AnimationContainer = (props) => {
   );
 };
 AnimationContainer.states = states13;
-AnimationContainer.options = options11;
+AnimationContainer.options = options12;
 AnimationContainer.className = ANIMATION_CONTAINER_CLASSNAME;
 AnimationContainer.defaultProps = defaultProps13;
 
@@ -4935,7 +4941,7 @@ AnimationContainer.defaultProps = defaultProps13;
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var POPUP_CLASSNAME = `k-popup`;
 var states14 = [];
-var options12 = {};
+var options13 = {};
 var defaultProps14 = {
   positionMode: "absolute"
 };
@@ -4955,7 +4961,7 @@ var Popup = (props) => {
   );
 };
 Popup.states = states14;
-Popup.options = options12;
+Popup.options = options13;
 Popup.className = POPUP_CLASSNAME;
 Popup.defaultProps = defaultProps14;
 
@@ -4972,7 +4978,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]
@@ -5076,7 +5082,7 @@ var DropdownList = (props) => {
   ] });
 };
 DropdownList.states = states15;
-DropdownList.options = options13;
+DropdownList.options = options14;
 DropdownList.className = DROPDOWNLIST_CLASSNAME;
 DropdownList.defaultProps = defaultProps15;
 
@@ -5092,7 +5098,7 @@ var NoData = (props) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", {
 var import_jsx_runtime29 = require("react/jsx-runtime");
 var LIST_CLASSNAME = `k-list`;
 var states16 = [];
-var options14 = {
+var options15 = {
   size: [Size.small, Size.medium, Size.large]
 };
 var defaultProps16 = {
@@ -5177,7 +5183,7 @@ var List = (props) => {
   );
 };
 List.states = states16;
-List.options = options14;
+List.options = options15;
 List.className = LIST_CLASSNAME;
 List.defaultProps = defaultProps16;
 
@@ -5185,7 +5191,7 @@ List.defaultProps = defaultProps16;
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var LISTANGULAR_CLASSNAME = `k-list`;
 var states17 = [];
-var options15 = {
+var options16 = {
   size: [Size.small, Size.medium, Size.large]
 };
 var defaultProps17 = {
@@ -5272,7 +5278,7 @@ var ListAngular = (props) => {
   );
 };
 ListAngular.states = states17;
-ListAngular.options = options15;
+ListAngular.options = options16;
 ListAngular.className = LISTANGULAR_CLASSNAME;
 ListAngular.defaultProps = defaultProps17;
 
@@ -5289,7 +5295,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]
 };
@@ -5330,7 +5336,7 @@ var Checkbox = (props) => {
   ) });
 };
 Checkbox.states = states18;
-Checkbox.options = options16;
+Checkbox.options = options17;
 Checkbox.className = CHECKBOX_CLASSNAME;
 Checkbox.defaultProps = defaultProps18;
 
@@ -5338,7 +5344,7 @@ Checkbox.defaultProps = defaultProps18;
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var CHECKBOXGROUP_CLASSNAME = `k-checkbox-list`;
 var states19 = [];
-var options17 = {};
+var options18 = {};
 var defaultProps19 = {
   layout: "vertical"
 };
@@ -5363,7 +5369,7 @@ var CheckboxGroup = (props) => {
   );
 };
 CheckboxGroup.states = states19;
-CheckboxGroup.options = options17;
+CheckboxGroup.options = options18;
 CheckboxGroup.className = CHECKBOXGROUP_CLASSNAME;
 CheckboxGroup.defaultProps = defaultProps19;
 
@@ -5371,7 +5377,7 @@ CheckboxGroup.defaultProps = defaultProps19;
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var CHECKBOXITEM_CLASSNAME = `k-checkbox-list-item`;
 var states20 = [];
-var options18 = {};
+var options19 = {};
 var defaultProps20 = {};
 var CheckboxItem = (props) => {
   const {
@@ -5390,7 +5396,7 @@ var CheckboxItem = (props) => {
   );
 };
 CheckboxItem.states = states20;
-CheckboxItem.options = options18;
+CheckboxItem.options = options19;
 CheckboxItem.className = CHECKBOXITEM_CLASSNAME;
 CheckboxItem.defaultProps = defaultProps20;
 
@@ -5412,7 +5418,7 @@ var states21 = [
   States.selected,
   States.disabled
 ];
-var options19 = {};
+var options20 = {};
 var defaultProps21 = {};
 var ListItem = (props) => {
   const {
@@ -5453,7 +5459,7 @@ var ListItem = (props) => {
   );
 };
 ListItem.states = states21;
-ListItem.options = options19;
+ListItem.options = options20;
 ListItem.className = LISTITEM_CLASSNAME;
 ListItem.defaultProps = defaultProps21;
 
@@ -5502,7 +5508,7 @@ var states22 = [
   States.selected,
   States.disabled
 ];
-var options20 = {};
+var options21 = {};
 var defaultProps22 = {};
 var ListOptionLabel = (props) => {
   const {
@@ -5531,7 +5537,7 @@ var ListOptionLabel = (props) => {
   );
 };
 ListOptionLabel.states = states22;
-ListOptionLabel.options = options20;
+ListOptionLabel.options = options21;
 ListOptionLabel.className = LIST_OPTIONLABEL_CLASSNAME;
 ListOptionLabel.defaultProps = defaultProps22;
 
@@ -5571,7 +5577,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]
@@ -5627,7 +5633,7 @@ var Searchbox = (props) => {
   );
 };
 Searchbox.states = states23;
-Searchbox.options = options21;
+Searchbox.options = options22;
 Searchbox.className = SEARCHBOX_CLASSNAME;
 Searchbox.defaultProps = defaultProps23;
 
@@ -5647,7 +5653,7 @@ var import_jsx_runtime55 = require("react/jsx-runtime");
 var import_jsx_runtime56 = require("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]
 };
@@ -5695,7 +5701,7 @@ var SpinButton = (props) => {
   );
 };
 SpinButton.states = states24;
-SpinButton.options = options22;
+SpinButton.options = options23;
 SpinButton.className = SPINBUTTON_CLASSNAME;
 SpinButton.defaultProps = defaultProps24;
 
@@ -5712,7 +5718,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]
@@ -5809,7 +5815,7 @@ var NumericTextbox = (props) => {
   );
 };
 NumericTextbox.states = states25;
-NumericTextbox.options = options23;
+NumericTextbox.options = options24;
 NumericTextbox.className = NUMERICTEXTBOX_CLASSNAME;
 NumericTextbox.defaultProps = defaultProps25;
 
@@ -5829,7 +5835,7 @@ var states26 = [
   States.focus,
   States.disabled
 ];
-var options24 = {
+var options25 = {
   size: [Size.small, Size.medium, Size.large]
 };
 var defaultProps26 = {
@@ -6075,7 +6081,7 @@ var Pager = (props) => {
   );
 };
 Pager.states = states26;
-Pager.options = options24;
+Pager.options = options25;
 Pager.className = PAGER_CLASSNAME;
 Pager.defaultProps = defaultProps26;
 
@@ -6104,7 +6110,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]
@@ -6191,7 +6197,7 @@ var Textbox = (props) => {
   );
 };
 Textbox.states = states27;
-Textbox.options = options25;
+Textbox.options = options26;
 Textbox.className = TEXTBOX_CLASSNAME;
 Textbox.defaultProps = defaultProps27;
 
@@ -6210,7 +6216,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 = {
@@ -6245,7 +6251,7 @@ var ButtonGroup = (props) => {
   );
 };
 ButtonGroup.states = states28;
-ButtonGroup.options = options26;
+ButtonGroup.options = options27;
 ButtonGroup.className = BUTTONGROUP_CLASSNAME;
 ButtonGroup.defaultProps = defaultProps28;
 
@@ -6265,7 +6271,7 @@ var import_jsx_runtime74 = require("react/jsx-runtime");
 var import_jsx_runtime75 = require("react/jsx-runtime");
 var COLORPREVIEW_CLASSNAME = `k-color-preview`;
 var states29 = [];
-var options27 = {};
+var options28 = {};
 var ColorPreview = (props) => {
   const {
     color,
@@ -6298,7 +6304,7 @@ var ColorPreview = (props) => {
   );
 };
 ColorPreview.states = states29;
-ColorPreview.options = options27;
+ColorPreview.options = options28;
 ColorPreview.className = COLORPREVIEW_CLASSNAME;
 
 // src/colorpicker/colorpicker.spec.tsx
@@ -6312,7 +6318,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]
@@ -6400,7 +6406,7 @@ var ColorPicker = (props) => {
   ] });
 };
 ColorPicker.states = states30;
-ColorPicker.options = options28;
+ColorPicker.options = options29;
 ColorPicker.className = COLORPICKER_CLASSNAME;
 ColorPicker.defaultProps = defaultProps29;
 
@@ -6411,7 +6417,7 @@ var import_jsx_runtime77 = require("react/jsx-runtime");
 var import_jsx_runtime78 = require("react/jsx-runtime");
 var ACTIONBUTTONS_CLASSNAME = `k-actions`;
 var states31 = [];
-var options29 = {};
+var options30 = {};
 var defaultProps30 = {
   alignment: "start",
   orientation: "horizontal"
@@ -6439,7 +6445,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;
@@ -6454,13 +6460,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 {
@@ -6469,6 +6477,8 @@ var Slider = (props) => {
     readonly = defaultProps31.readonly,
     disabled = defaultProps31.disabled,
     handlePosition = defaultProps31.handlePosition,
+    showButtons = defaultProps31.showButtons,
+    showTicks = defaultProps31.showTicks,
     hover,
     focus,
     active,
@@ -6497,9 +6507,9 @@ var Slider = (props) => {
       "k-range-slider": type === "range"
     }
   ), dir, children: [
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button, { className: "k-button-decrease", rounded: "full", icon: iconDecrease }),
     /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "k-slider-track-wrap", children: [
-      type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
+      showTicks && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("ul", { className: "k-reset k-slider-items", children: props.children }),
       /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "k-slider-track", style: trackStyle, children: [
         /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "k-slider-selection" }),
         type === "range" && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: classNames(
@@ -6522,11 +6532,11 @@ var Slider = (props) => {
         ) })
       ] })
     ] }),
-    type !== "gradient" && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Button, { className: "k-button-increase", rounded: "full", icon: iconIncrease })
+    showButtons && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(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;
 
@@ -6534,7 +6544,7 @@ Slider.defaultProps = defaultProps31;
 var import_jsx_runtime80 = require("react/jsx-runtime");
 var SLIDER_TICK_CLASSNAME = "k-tick";
 var states33 = [];
-var options31 = {};
+var options32 = {};
 var defaultProps32 = {
   label: false
 };
@@ -6556,7 +6566,7 @@ var SliderTick = (props) => {
   ), style, children: label && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "k-label", children: text }) });
 };
 SliderTick.states = states33;
-SliderTick.options = options31;
+SliderTick.options = options32;
 SliderTick.className = SLIDER_TICK_CLASSNAME;
 SliderTick.defaultProps = defaultProps32;
 
@@ -6582,6 +6592,8 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ (0, import_jsx_runtime86
   {
     type: "gradient",
     orientation: "vertical",
+    showButtons: false,
+    showTicks: false,
     children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SliderTick, { label: true, large: true, text: "0" }),
       /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SliderTick, {}),
@@ -6603,7 +6615,7 @@ var SliderGradientVertical = (props) => /* @__PURE__ */ (0, import_jsx_runtime86
 var import_jsx_runtime87 = require("react/jsx-runtime");
 var COLOR_INPUT_CLASSNAME = "k-colorgradient-inputs";
 var states34 = [];
-var options32 = {};
+var options33 = {};
 var defaultProps33 = {
   mode: "rgba"
 };
@@ -6684,7 +6696,7 @@ var ColorInput = (props) => {
   ] });
 };
 ColorInput.states = states34;
-ColorInput.options = options32;
+ColorInput.options = options33;
 ColorInput.className = COLOR_INPUT_CLASSNAME;
 ColorInput.defaultProps = defaultProps33;
 
@@ -6692,7 +6704,7 @@ ColorInput.defaultProps = defaultProps33;
 var import_jsx_runtime88 = require("react/jsx-runtime");
 var COLOR_CONTRAST_CLASSNAME = "k-colorgradient-color-contrast";
 var states35 = [];
-var options33 = {};
+var options34 = {};
 var defaultProps34 = {};
 var ColorContrast = () => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: classNames(COLOR_CONTRAST_CLASSNAME, "k-vbox"), children: [
   /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "k-contrast-ratio", children: [
@@ -6718,7 +6730,7 @@ var ColorContrast = () => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div",
   ] })
 ] });
 ColorContrast.states = states35;
-ColorContrast.options = options33;
+ColorContrast.options = options34;
 ColorContrast.className = COLOR_CONTRAST_CLASSNAME;
 ColorContrast.defaultProps = defaultProps34;
 
@@ -6731,7 +6743,7 @@ var states36 = [
   States.readonly,
   States.disabled
 ];
-var options34 = {};
+var options35 = {};
 var defaultProps35 = {
   mode: "rgba",
   readonly: false,
@@ -6785,7 +6797,7 @@ var ColorGradient = (props) => {
   ] });
 };
 ColorGradient.states = states36;
-ColorGradient.options = options34;
+ColorGradient.options = options35;
 ColorGradient.className = COLOR_GRADIENT_CLASSNAME;
 ColorGradient.defaultProps = defaultProps35;
 
@@ -6807,7 +6819,7 @@ var states37 = [
   States.focus,
   States.selected
 ];
-var options35 = {};
+var options36 = {};
 var ColorPaletteTile = (props) => {
   const {
     color,
@@ -6840,7 +6852,7 @@ var ColorPaletteTile = (props) => {
   );
 };
 ColorPaletteTile.states = states37;
-ColorPaletteTile.options = options35;
+ColorPaletteTile.options = options36;
 ColorPaletteTile.className = COLORPALETTETILE_CLASSNAME;
 
 // src/colorpalette/colorpalette.spec.tsx
@@ -6849,7 +6861,7 @@ var COLORPALETTE_CLASSNAME = `k-colorpalette`;
 var states38 = [
   States.disabled
 ];
-var options36 = {};
+var options37 = {};
 var defaultProps36 = {
   columns: 10
 };
@@ -6892,7 +6904,7 @@ var ColorPalette = (props) => {
   );
 };
 ColorPalette.states = states38;
-ColorPalette.options = options36;
+ColorPalette.options = options37;
 ColorPalette.className = COLORPALETTE_CLASSNAME;
 ColorPalette.defaultProps = defaultProps36;
 
@@ -6957,7 +6969,7 @@ var COLOREDITOR_CLASSNAME = "k-coloreditor";
 var states39 = [
   States.focus
 ];
-var options37 = {};
+var options38 = {};
 var defaultProps37 = {
   view: "gradient",
   currentColor: "fuchsia",
@@ -7002,7 +7014,7 @@ var ColorEditor = (props) => {
   ] });
 };
 ColorEditor.states = states39;
-ColorEditor.options = options37;
+ColorEditor.options = options38;
 ColorEditor.className = COLOREDITOR_CLASSNAME;
 ColorEditor.defaultProps = defaultProps37;
 
@@ -7028,7 +7040,7 @@ var import_jsx_runtime102 = require("react/jsx-runtime");
 var import_jsx_runtime103 = require("react/jsx-runtime");
 var ACTIONSHEET_CLASSNAME = `k-actionsheet`;
 var states40 = [];
-var options38 = {};
+var options39 = {};
 var defaultProps38 = {
   side: "bottom",
   fullscreen: false,
@@ -7102,7 +7114,7 @@ var ActionSheet = (props) => {
   ] });
 };
 ActionSheet.states = states40;
-ActionSheet.options = options38;
+ActionSheet.options = options39;
 ActionSheet.className = ACTIONSHEET_CLASSNAME;
 ActionSheet.defaultProps = defaultProps38;
 
@@ -7221,7 +7233,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]
@@ -7333,7 +7345,7 @@ var Combobox = (props) => {
   ] });
 };
 Combobox.states = states42;
-Combobox.options = options39;
+Combobox.options = options40;
 Combobox.className = COMBOBOX_CLASSNAME;
 Combobox.defaultProps = defaultProps39;
 
@@ -7365,7 +7377,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],
@@ -7438,7 +7450,7 @@ var MenuButton = (props) => {
   ] });
 };
 MenuButton.states = states43;
-MenuButton.options = options40;
+MenuButton.options = options41;
 MenuButton.className = MENUBUTTON_CLASSNAME;
 MenuButton.defaultProps = defaultProps40;
 
@@ -7461,7 +7473,7 @@ var states44 = [
   States.selected,
   States.disabled
 ];
-var options41 = {};
+var options42 = {};
 var defaultProps41 = {
   dir: "ltr"
 };
@@ -7534,7 +7546,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;
@@ -7575,7 +7587,7 @@ var import_jsx_runtime122 = require("react/jsx-runtime");
 var import_react = require("react");
 var MENULIST_CLASSNAME = `k-menu-group`;
 var states45 = [];
-var options42 = {
+var options43 = {
   size: [Size.small, Size.medium, Size.large]
 };
 var defaultProps43 = {
@@ -7623,7 +7635,7 @@ var MenuList = (props) => {
   );
 };
 MenuList.states = states45;
-MenuList.options = options42;
+MenuList.options = options43;
 MenuList.className = MENULIST_CLASSNAME;
 MenuList.defaultProps = defaultProps43;
 
@@ -7640,7 +7652,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],
@@ -7732,7 +7744,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;
@@ -7743,7 +7755,7 @@ var TOOLBAR_CLASSNAME = `k-toolbar`;
 var states47 = [
   States.focus
 ];
-var options44 = {
+var options45 = {
   size: [Size.small, Size.medium, Size.large]
 };
 var defaultProps45 = {
@@ -7908,7 +7920,7 @@ var Toolbar = (props) => {
   );
 };
 Toolbar.states = states47;
-Toolbar.options = options44;
+Toolbar.options = options45;
 Toolbar.className = TOOLBAR_CLASSNAME;
 Toolbar.defaultProps = defaultProps45;
 
@@ -7918,7 +7930,7 @@ var TOOLBARANGULAR_CLASSNAME = `k-toolbar`;
 var states48 = [
   States.focus
 ];
-var options45 = {
+var options46 = {
   size: [Size.small, Size.medium, Size.large]
 };
 var defaultProps46 = {
@@ -8083,7 +8095,7 @@ var ToolbarAngular = (props) => {
   );
 };
 ToolbarAngular.states = states48;
-ToolbarAngular.options = options45;
+ToolbarAngular.options = options46;
 ToolbarAngular.className = TOOLBARANGULAR_CLASSNAME;
 ToolbarAngular.defaultProps = defaultProps46;
 
@@ -8096,7 +8108,7 @@ var TOOLBARITEM_CLASSNAME = `k-toolbar-item`;
 var states49 = [
   States.focus
 ];
-var options46 = {};
+var options47 = {};
 var defaultProps47 = {};
 var ToolbarItem = (props) => {
   const {
@@ -8119,7 +8131,7 @@ var ToolbarItem = (props) => {
   );
 };
 ToolbarItem.states = states49;
-ToolbarItem.options = options46;
+ToolbarItem.options = options47;
 ToolbarItem.className = TOOLBARITEM_CLASSNAME;
 ToolbarItem.defaultProps = defaultProps47;
 
@@ -8127,7 +8139,7 @@ ToolbarItem.defaultProps = defaultProps47;
 var import_jsx_runtime129 = require("react/jsx-runtime");
 var TOOLBARPOPUP_CLASSNAME = `k-toolbar-popup`;
 var states50 = [];
-var options47 = {};
+var options48 = {};
 var defaultProps48 = {};
 var ToolbarPopup = (props) => {
   const { ...other } = props;
@@ -8144,7 +8156,7 @@ var ToolbarPopup = (props) => {
   );
 };
 ToolbarPopup.states = states50;
-ToolbarPopup.options = options47;
+ToolbarPopup.options = options48;
 ToolbarPopup.className = TOOLBARPOPUP_CLASSNAME;
 ToolbarPopup.defaultProps = defaultProps48;
 
@@ -8250,7 +8262,7 @@ var states52 = [
   States.hover,
   States.disabled
 ];
-var options48 = {};
+var options49 = {};
 var defaultProps49 = {};
 var Upload = (props) => {
   const {
@@ -8289,7 +8301,7 @@ var Upload = (props) => {
   );
 };
 Upload.states = states52;
-Upload.options = options48;
+Upload.options = options49;
 Upload.className = UPLOAD_CLASSNAME;
 Upload.defaultProps = defaultProps49;
 
@@ -8300,7 +8312,7 @@ var states53 = [
   States.disabled,
   States.indeterminate
 ];
-var options49 = {};
+var options50 = {};
 var defaultProps50 = {
   indeterminate: false,
   label: true,
@@ -8363,7 +8375,7 @@ var ProgressBar = (props) => {
   );
 };
 ProgressBar.states = states53;
-ProgressBar.options = options49;
+ProgressBar.options = options50;
 ProgressBar.className = PROGRESSBAR_CLASSNAME;
 ProgressBar.defaultProps = defaultProps50;
 
@@ -8375,7 +8387,7 @@ var states54 = [
   States.disabled,
   States.indeterminate
 ];
-var options50 = {};
+var options51 = {};
 var defaultProps51 = {
   chunkCount: 5,
   orientation: "horizontal",
@@ -8422,7 +8434,7 @@ var ChunkProgressBar = (props) => {
   );
 };
 ChunkProgressBar.states = states54;
-ChunkProgressBar.options = options50;
+ChunkProgressBar.options = options51;
 ChunkProgressBar.className = CHUNKPROGRESSBAR_CLASSNAME;
 ChunkProgressBar.defaultProps = defaultProps51;
 
@@ -8463,7 +8475,7 @@ var PDFVIEWER_CLASSNAME = `k-pdf-viewer`;
 var states55 = [
   States.disabled
 ];
-var options51 = {};
+var options52 = {};
 var defaultToolbar = /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(import_jsx_runtime150.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(Toolbar, { resizable: true, children: [
   /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(Pager, { type: "input", pageSizes: false, refresh: false, info: false }),
   /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", { className: "k-spacer" }),
@@ -8524,7 +8536,7 @@ var PDFViewer = (props) => {
   );
 };
 PDFViewer.states = states55;
-PDFViewer.options = options51;
+PDFViewer.options = options52;
 PDFViewer.className = PDFVIEWER_CLASSNAME;
 PDFViewer.defaultProps = defaultProps52;