@progress/kendo-vue-grid 8.0.3-develop.1 → 8.0.3-develop.3

package/messages/main.d.ts

@@ -0,0 +1,430 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare const noRecords = "grid.noRecords";
+/**
+ * @hidden
+ */
+export declare const selectAllRows = "grid.selectAllRows";
+/**
+ * @hidden
+ */
+export declare const pagerInfo = "grid.pagerInfo";
+/**
+ * @hidden
+ */
+export declare const pagerFirstPage = "grid.pagerFirstPage";
+/**
+ * @hidden
+ */
+export declare const pagerPreviousPage = "grid.pagerPreviousPage";
+/**
+ * @hidden
+ */
+export declare const pagerNextPage = "grid.pagerNextPage";
+/**
+ * @hidden
+ */
+export declare const pagerLastPage = "grid.pagerLastPage";
+/**
+ * @hidden
+ */
+export declare const pagerItemPerPage = "grid.pagerItemsPerPage";
+/**
+ * @hidden
+ */
+export declare const pagerPage = "grid.pagerPage";
+/**
+ * @hidden
+ */
+export declare const pagerPageSelection = "grid.pagerPageSelection";
+/**
+ * @hidden
+ */
+export declare const pagerOf = "grid.pagerOf";
+/**
+ * @hidden
+ */
+export declare const pagerTotalPages = "grid.pagerTotalPages";
+/**
+ * @hidden
+ */
+export declare const groupPanelEmpty = "grid.groupPanelEmpty";
+/**
+ * @hidden
+ */
+export declare const groupColumn = "grid.groupColumn";
+/**
+ * @hidden
+ */
+export declare const ungroupColumn = "grid.ungroupColumn";
+/**
+ * @hidden
+ */
+export declare const columnMenu = "grid.columnMenu";
+/**
+ * @hidden
+ */
+export declare const filterApplyButton = "grid.filterApplyButton";
+/**
+ * @hidden
+ */
+export declare const filterClearButton = "grid.filterClearButton";
+/**
+ * @hidden
+ */
+export declare const filterClearAllButton = "grid.filterClearAllButton";
+/**
+ * @hidden
+ */
+export declare const filterResetButton = "grid.filterResetButton";
+/**
+ * @hidden
+ */
+export declare const filterSubmitButton = "grid.filterSubmitButton";
+/**
+ * @hidden
+ */
+export declare const filterTitle = "grid.filterTitle";
+/**
+ * @hidden
+ */
+export declare const sortAscending = "grid.sortAscending";
+/**
+ * @hidden
+ */
+export declare const sortDescending = "grid.sortDescending";
+/**
+ * @hidden
+ */
+export declare const sortClearButton = "grid.sortClearButton";
+/**
+ * @hidden
+ */
+export declare const sortApplyButton = "grid.sortApplyButton";
+/**
+ * @hidden
+ */
+export declare const searchPlaceholder = "grid.searchPlaceholder";
+/**
+ * @hidden
+ */
+export declare const searchboxPlaceholder = "grid.searchboxPlaceholder";
+/**
+ * @hidden
+ */
+export declare const exportPDF = "grid.exportPDF";
+/**
+ * @hidden
+ */
+export declare const filterCheckAll = "grid.filterCheckAll";
+/**
+ * @hidden
+ */
+export declare const filterChooseOperator = "grid.filterChooseOperator";
+/**
+ * @hidden
+ */
+export declare const filterSelectAll = "grid.filterSelectAll";
+/**
+ * @hidden
+ */
+export declare const filterSelectedItems = "grid.filterSelectedItems";
+/**
+ * @hidden
+ */
+export declare const sortAriaLabel = "grid.sortAriaLabel";
+/**
+ * @hidden
+ */
+export declare const sortableColumnAriaLabel = "grid.sortableColumnAriaLabel";
+/**
+ * @hidden
+ */
+export declare const sortableColumnAscendingAriaLabel = "grid.sortableColumnAscendingAriaLabel";
+/**
+ * @hidden
+ */
+export declare const sortableColumnDescendingAriaLabel = "grid.sortableColumnDescendingAriaLabel";
+/**
+ * @hidden
+ */
+export declare const editDialogTitle = "grid.editDialogTitle";
+/**
+ * @hidden
+ */
+export declare const editDialogSaveButtonTitle = "grid.editDialogSaveButtonTitle";
+/**
+ * @hidden
+ */
+export declare const editDialogCancelButtonTitle = "grid.editDialogCancelButtonTitle";
+/**
+ * @hidden
+ */
+export declare const filterAriaLabel = "grid.filterAriaLabel";
+/**
+ * @hidden
+ */
+export declare const numericFilterAriaLabel = "grid.numericFilterAriaLabel";
+/**
+ * @hidden
+ */
+export declare const groupPanelAriaLabel = "grid.groupPanelAriaLabel";
+/**
+ * @hidden
+ */
+export declare const groupExpand = "grid.groupExpand";
+/**
+ * @hidden
+ */
+export declare const groupCollapse = "grid.groupCollapse";
+/**
+ * @hidden
+ */
+export declare const groupClearButton = "grid.groupClearButton";
+/**
+ * @hidden
+ */
+export declare const groupApplyButton = "grid.groupApplyButton";
+/**
+ * @hidden
+ */
+export declare const detailExpand = "grid.detailExpand";
+/**
+ * @hidden
+ */
+export declare const detailCollapse = "grid.detailCollapse";
+/**
+ * @hidden
+ */
+export declare const selectRow = "grid.selectRow";
+/**
+ * @hidden
+ */
+export declare const gridAriaLabel = "grid.gridAriaLabel";
+/**
+ * @hidden
+ */
+export declare const gridRowReorderAriaLabel = "grid.gridRowReorderAriaLabel";
+/**
+ * @hidden
+ */
+export declare const adaptiveColumnMenuFilterTitle = "grid.gridAdaptiveColumnMenuFilterTitle";
+/**
+ * @hidden
+ */
+export declare const columnMenuColumnChooserTitle = "grid.columnMenuColumnChooserTitle";
+/**
+ * @hidden
+ */
+export declare const columnMenuColumnChooserSelectedItems = "grid.columnMenuColumnChooserSelectedItems";
+/**
+ * @hidden
+ */
+export declare const adaptiveColumnMenuChooserTitle = "grid.adaptiveColumnMenuChooserTitle";
+/**
+ * @hidden
+ */
+export declare const adaptiveColumnMenuChooserSubTitle = "grid.adaptiveColumnMenuChooserSubTitle";
+/**
+ * @hidden
+ */
+export declare const columnChooserApplyButton = "grid.columnChooserApplyButton";
+/**
+ * @hidden
+ */
+export declare const columnChooserResetButton = "grid.columnChooserResetButton";
+/**
+ * @hidden
+ */
+export declare const adaptiveColumnMenuCheckboxFilterTitle = "grid.adaptiveColumnMenuCheckboxFilterTitle";
+/**
+ * @hidden
+ */
+export declare const adaptiveToolbarSortTitle = "grid.adaptiveToolbarSortTitle";
+/**
+ * @hidden
+ */
+export declare const adaptiveToolbarGroupTitle = "grid.adaptiveToolbarGroupTitle";
+/**
+ * @hidden
+ */
+export declare const toolbarSort = "grid.toolbarSort";
+/**
+ * @hidden
+ */
+export declare const dateFilterAriaLabel = "grid.dateFilterAriaLabel";
+/**
+ * @hidden
+ */
+export declare const textFilterAriaLabel = "grid.textFilterAriaLabel";
+/**
+ * @hidden
+ */
+export declare const booleanFilterAriaLabel = "grid.booleanFilterAriaLabel";
+/**
+ * @hidden
+ */
+export declare const groupHeaderAriaLabel = "grid.groupHeaderAriaLabel";
+/**
+ * @hidden
+ */
+export declare const groupCaretAriaLabelCollapse = "grid.groupCaretAriaLabelCollapse";
+/**
+ * @hidden
+ */
+export declare const groupCaretAriaLabelExpand = "grid.groupCaretAriaLabelExpand";
+/**
+ * @hidden
+ */
+export declare const expandDetailAriaLabel = "grid.expandDetailTemplateAriaLabel";
+/**
+ * @hidden
+ */
+export declare const collapseDetailAriaLabel = "grid.collapseDetailTemplateAriaLabel";
+/**
+ * @hidden
+ */
+export declare const toolbarAI = "grid.toolbarAI";
+/**
+ * @hidden
+ */
+export declare const aIResponseData = "grid.aIResponseData";
+/**
+ * @hidden
+ */
+export declare const generatedWithAI = "grid.generatedWithAI";
+/**
+ * @hidden
+ */
+export declare const toolbarAIApply = "grid.toolbarAIApply";
+/**
+ * @hidden
+ */
+export declare const toolbarGroup = "grid.toolbarGroup";
+/**
+ * @hidden
+ */
+export declare const toolbarFilter = "grid.toolbarFilter";
+/**
+ * @hidden
+ */
+export declare const toolbarColumnsChooser = "grid.toolbarColumnsChooser";
+/**
+ * @hidden
+ */
+export declare const toolbarCheckboxFilter = "grid.toolbarCheckboxFilter";
+/**
+ * @hidden
+ */
+export declare const messages: {
+    "grid.detailExpand": string;
+    "grid.detailCollapse": string;
+    "grid.groupExpand": string;
+    "grid.groupCollapse": string;
+    "grid.groupClearButton": string;
+    "grid.groupApplyButton": string;
+    "grid.noRecords": string;
+    "grid.selectAllRows": string;
+    "grid.groupPanelEmpty": string;
+    "grid.filterApplyButton": string;
+    "grid.filterClearButton": string;
+    "grid.filterClearAllButton": string;
+    "grid.filterResetButton": string;
+    "grid.filterSubmitButton": string;
+    "grid.filterTitle": string;
+    "grid.sortAscending": string;
+    "grid.sortDescending": string;
+    "grid.sortClearButton": string;
+    "grid.sortApplyButton": string;
+    "grid.sortAriaLabel": string;
+    "grid.adaptiveToolbarSortTitle": string;
+    "grid.adaptiveToolbarGroupTitle": string;
+    "grid.toolbarSort": string;
+    "grid.toolbarAI": string;
+    "grid.toolbarAIApply": string;
+    "grid.aIResponseData": string;
+    "grid.generatedWithAI": string;
+    "grid.toolbarGroup": string;
+    "grid.toolbarFilter": string;
+    "grid.toolbarColumnsChooser": string;
+    "grid.toolbarCheckboxFilter": string;
+    "grid.groupColumn": string;
+    "grid.ungroupColumn": string;
+    "grid.columnMenu": string;
+    "grid.pagerItemsPerPage": string;
+    "grid.pagerInfo": string;
+    "grid.pagerFirstPage": string;
+    "grid.pagerPreviousPage": string;
+    "grid.pagerNextPage": string;
+    "grid.pagerLastPage": string;
+    "grid.pagerPage": string;
+    "grid.pagerPageSelection": string;
+    "grid.pagerOf": string;
+    "grid.pagerTotalPages": string;
+    "grid.searchPlaceholder": string;
+    "grid.searchboxPlaceholder": string;
+    "grid.exportPDF": string;
+    "grid.filterCheckAll": string;
+    "grid.editDialogTitle": string;
+    "grid.editDialogSaveButtonTitle": string;
+    "grid.editDialogCancelButtonTitle": string;
+    "grid.filterChooseOperator": string;
+    "grid.filterSelectedItems": string;
+    "grid.filterSelectAll": string;
+    "grid.sortableColumnAriaLabel": string;
+    "grid.sortableColumnAscendingAriaLabel": string;
+    "grid.sortableColumnDescendingAriaLabel": string;
+    "grid.filterAriaLabel": string;
+    "grid.numericFilterAriaLabel": string;
+    "grid.dateFilterAriaLabel": string;
+    "grid.textFilterAriaLabel": string;
+    "grid.booleanFilterAriaLabel": string;
+    "grid.groupHeaderAriaLabel": string;
+    "grid.groupCaretAriaLabelCollapse": string;
+    "grid.groupCaretAriaLabelExpand": string;
+    "grid.expandDetailTemplateAriaLabel": string;
+    "grid.collapseDetailTemplateAriaLabel": string;
+    "grid.groupPanelAriaLabel": string;
+    "grid.gridAriaLabel": string;
+    "grid.gridRowReorderAriaLabel": string;
+    "grid.selectRow": string;
+    "grid.columnMenuColumnChooserTitle": string;
+    "grid.gridAdaptiveColumnMenuFilterTitle": string;
+    "grid.adaptiveColumnMenuChooserTitle": string;
+    "grid.adaptiveColumnMenuChooserSubTitle": string;
+    "grid.adaptiveColumnMenuCheckboxFilterTitle": string;
+    "grid.columnMenuColumnChooserSelectedItems": string;
+    "grid.columnChooserApplyButton": string;
+    "grid.columnChooserResetButton": string;
+    'grid.filterEqOperator': string;
+    'grid.filterNotEqOperator': string;
+    'grid.filterIsNullOperator': string;
+    'grid.filterIsNotNullOperator': string;
+    'grid.filterIsEmptyOperator': string;
+    'grid.filterIsNotEmptyOperator': string;
+    'grid.filterStartsWithOperator': string;
+    'grid.filterContainsOperator': string;
+    'grid.filterNotContainsOperator': string;
+    'grid.filterEndsWithOperator': string;
+    'grid.filterGteOperator': string;
+    'grid.filterGtOperator': string;
+    'grid.filterLteOperator': string;
+    'grid.filterLtOperator': string;
+    'grid.filterIsTrue': string;
+    'grid.filterIsFalse': string;
+    'grid.filterBooleanAll': string;
+    'grid.filterAfterOrEqualOperator': string;
+    'grid.filterAfterOperator': string;
+    'grid.filterBeforeOperator': string;
+    'grid.filterBeforeOrEqualOperator': string;
+    'grid.filterAndLogic': string;
+    'grid.filterOrLogic': string;
+};

package/messages/messagesMap.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare function pagerMessagesMap(pagerMessageKey: string): {
+    messageKey: string;
+    defaultMessage: any;
+};

package/package-metadata.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

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-grid",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1772733913,version:"8.0.3-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-grid",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1773401782,version:"8.0.3-develop.3",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
   productCodes: ["KENDOUIVUE"],
-  publishDate: 1772733913,
-  version: "8.0.3-develop.1",
+  publishDate: 1773401782,
+  version: "8.0.3-develop.3",
   licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-grid",
-  "version": "8.0.3-develop.1",
+  "version": "8.0.3-develop.3",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -9,8 +9,14 @@
   "types": "./index.d.ts",
   "exports": {
     ".": {
-      "import": "./index.mjs",
-      "require": "./index.js"
+      "import": {
+        "types": "./index.d.mts",
+        "default": "./index.mjs"
+      },
+      "require": {
+        "types": "./index.d.ts",
+        "default": "./index.js"
+      }
     },
     "./package.json": {
       "default": "./package.json"
@@ -21,16 +27,16 @@
     "@progress/kendo-data-query": "^1.7.0",
     "@progress/kendo-drawing": "^1.21.1",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-vue-animation": "8.0.3-develop.1",
-    "@progress/kendo-vue-buttons": "8.0.3-develop.1",
-    "@progress/kendo-vue-common": "8.0.3-develop.1",
-    "@progress/kendo-vue-data-tools": "8.0.3-develop.1",
-    "@progress/kendo-vue-dateinputs": "8.0.3-develop.1",
-    "@progress/kendo-vue-indicators": "8.0.3-develop.1",
-    "@progress/kendo-vue-dropdowns": "8.0.3-develop.1",
-    "@progress/kendo-vue-inputs": "8.0.3-develop.1",
-    "@progress/kendo-vue-intl": "8.0.3-develop.1",
-    "@progress/kendo-vue-popup": "8.0.3-develop.1",
+    "@progress/kendo-vue-animation": "8.0.3-develop.3",
+    "@progress/kendo-vue-buttons": "8.0.3-develop.3",
+    "@progress/kendo-vue-common": "8.0.3-develop.3",
+    "@progress/kendo-vue-data-tools": "8.0.3-develop.3",
+    "@progress/kendo-vue-dateinputs": "8.0.3-develop.3",
+    "@progress/kendo-vue-indicators": "8.0.3-develop.3",
+    "@progress/kendo-vue-dropdowns": "8.0.3-develop.3",
+    "@progress/kendo-vue-inputs": "8.0.3-develop.3",
+    "@progress/kendo-vue-intl": "8.0.3-develop.3",
+    "@progress/kendo-vue-popup": "8.0.3-develop.3",
     "@progress/kendo-svg-icons": "^4.4.0",
     "vue": "^3.0.2"
   },
@@ -51,7 +57,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1772733913,
+      "publishDate": 1773401782,
       "licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/my-license/"
     }
   },

package/paging/GridPagerSettings.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+export type GridPagerType = 'numeric' | 'input';
+export interface GridPagerSettings {
+    pageSizeValue?: string | number;
+    buttonCount?: number;
+    info?: boolean;
+    type?: GridPagerType;
+    pageSizes?: boolean | Array<number> | Array<number | string>;
+    previousNext?: boolean;
+    responsive?: boolean;
+    adaptive?: boolean;
+    adaptiveTitle?: string;
+    navigatable?: boolean;
+}
+export declare const normalize: (settings: any) => any;

package/paging/Page.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+export interface Page {
+    skip: number;
+    take: number;
+}

package/rows/GridDetailRow.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+declare const GridDetailRow: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { GridDetailRow };

package/rows/GridRow.d.ts

@@ -0,0 +1,72 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridRowProps } from '../interfaces/GridRowProps';
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+export interface ExtendedGridRowProps extends GridRowProps {
+    isInEdit: boolean;
+    isSelected: boolean;
+    render: any;
+    onRowdblclick: Function;
+}
+/**
+ * @hidden
+ */
+declare const GridRow: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    rowType: PropType<string>;
+    item: PropType<any>;
+    isAltRow: PropType<boolean>;
+    isHidden: PropType<boolean>;
+    isHighlighted: PropType<boolean>;
+    onClick: PropType<any>;
+    isInEdit: PropType<boolean>;
+    isSelected: PropType<boolean>;
+    selectedField: PropType<string>;
+    rowHeight: PropType<number>;
+    ariaRowIndex: PropType<number>;
+    absoluteRowIndex: PropType<number>;
+    dataIndex: PropType<number>;
+    render: PropType<any>;
+    onRowclick: PropType<any>;
+    onRowdblclick: PropType<Function>;
+}>, {}, {}, {
+    trClass(): {
+        'k-table-row': boolean;
+        'k-selected': any;
+        'k-highlighted': any;
+        'k-table-group-row': boolean;
+        'k-grouping-row': boolean;
+        'k-group-footer': boolean;
+        'k-master-row': boolean;
+        'k-table-alt-row': any;
+        'k-edit-row': any;
+    };
+}, {
+    handleClick(e: any): void;
+    handleDoubleClick(e: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    rowType: PropType<string>;
+    item: PropType<any>;
+    isAltRow: PropType<boolean>;
+    isHidden: PropType<boolean>;
+    isHighlighted: PropType<boolean>;
+    onClick: PropType<any>;
+    isInEdit: PropType<boolean>;
+    isSelected: PropType<boolean>;
+    selectedField: PropType<string>;
+    rowHeight: PropType<number>;
+    ariaRowIndex: PropType<number>;
+    absoluteRowIndex: PropType<number>;
+    dataIndex: PropType<number>;
+    render: PropType<any>;
+    onRowclick: PropType<any>;
+    onRowdblclick: PropType<Function>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { GridRow };

package/utils/browser-support.service.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare class BrowserSupportService {
+    private scrollbar;
+    get scrollbarWidth(): number;
+}