@smart-webcomponents-angular/scrollbar 15.0.2 → 16.0.2

package/index.d.ts

@@ -169,6 +169,11 @@ export interface ThreeDChartProperties {
    * Default value: null
    */
   toolTipFormatFunction?: {(value?: any, index?: number, series?: any): string};
+  /**
+   * Tooltip data formatting settings for the values in the serie.
+   * Default value: [object Object]
+   */
+  toolTipFormatSettings?: ThreeDChartFormatSettings;
   /**
    * Tooltip line color. By default it is set to the hovered item's color
    * Default value: null
@@ -1896,6 +1901,16 @@ export interface BarcodeProperties {
    * Default value: ""
    */
   value?: string;
+  /**
+   * Sets or gets the width of the barcode. If the width is set to 0, the width of the barcode is calculated automatically.
+   * Default value: 0
+   */
+  width?: number;
+  /**
+   * Sets or gets the height of the barcode. If the height is set to 0, the height of the barcode is calculated automatically.
+   * Default value: 0
+   */
+  height?: number;
 }
 /**
  Barcodes encodes text value in a specific pattern.
@@ -9437,6 +9452,11 @@ export interface DropDownListProperties {
    * Default value: startsWithIgnoreCase
    */
   filterMode?: FilterMode | string;
+  /**
+   * A callback that should return a condition that will be used for custom item filtering. Used in conjunction with filterMode 'custom'
+   * Default value: null
+   */
+  filterCallback?: any;
   /**
    * If enabled, the items will be grouped by their first letter. Can't be applied if the dataSource already contains groups.
    * Default value: false
@@ -10428,6 +10448,11 @@ export interface Editor extends BaseElement, EditorProperties {
    *  instance - The toast item that is the target of the operation.
    */
   onMessageOpen?: ((this: any, ev: Event) => any) | ((this: any, ev: CustomEvent<any>) => any) | null;
+  /**
+   * Adds a new Toolbar item. Example: editor.addToolbarItem({ name: &#039;customButton2&#039;, width: 100, template: &#039;&lt;smart-button&gt;Button2&lt;/smart-button&gt;&#039; })
+   * @param {any} itemName. The toolbar item to be added
+   */
+  addToolbarItem(itemName: any): void;
   /**
    * Blurs the content of the Editor.
    */
@@ -10494,6 +10519,12 @@ export interface Editor extends BaseElement, EditorProperties {
    * Hides the last shown message.
    */
   hideLastMessage(): void;
+  /**
+   * Inserts a new Toolbar item. Example: editor.insertToolbarItem({ name: &#039;customButton2&#039;, width: 100, template: &#039;&lt;smart-button&gt;Button2&lt;/smart-button&gt;&#039; })
+   * @param {any} itemName. The toolbar item to be added
+   * @param {number} index. The toolbar item's index
+   */
+  insertToolbarItem(itemName: any, index: number): void;
   /**
    * Shows a custom message inside the Editor.
    * @param {string} message. The text message to be displayed.
@@ -10533,6 +10564,11 @@ export interface Editor extends BaseElement, EditorProperties {
    * @param {boolean} value?. Determines whether to enter or leave split mode. By default the argument is not passed and the mode is toggled.
    */
   previewMode(value?: boolean): void;
+  /**
+   * Removes a Toolbar item. Example: editor.removeToolbarItem(0)
+   * @param {number} index. The toolbar item's index
+   */
+  removeToolbarItem(index: number): void;
   /**
    * Sets Editor into Full Screen Mode. If enabled the Editor is positioned above the page content and fills the screen.
    * @param {boolean} value?. Determines whether to enter or leave split mode. By default the argument is not passed and the mode is toggled.
@@ -12606,12 +12642,12 @@ export interface FormProperties {
    * Callback function for handling status changes. The status could be  'disabled', 'invalid', 'pending', 'valid'.
    * Default value: null
    */
-  onStatusChanges?: any;
+  onStatusChanges?: {(value: string): void};
   /**
-   * Callback function for handling value changes
+   * Callback function for handling value changes. The function argument is the form's value as a JSON object.
    * Default value: null
    */
-  onValueChanges?: any;
+  onValueChanges?: {(value: any): void};
   /**
    * Sets or Gets the labels position.
    * Default value: left
@@ -13025,21 +13061,31 @@ export interface FormGroupProperties {
    * Default value: 1
    */
   columns?: number;
+  /**
+   * Sets the Form control data field. The control's inner input's name is set to the dataField value and in the FormGroup it is accessible through the dataField value.
+   * Default value: ""
+   */
+  dataField?: string;
+  /**
+   * Gets or Sets the Form control's label.
+   * Default value: ""
+   */
+  label?: string;
   /**
    * 
    * Default value: null
    */
   controls?: Control[];
   /**
-   * Callback function for handling status changes
+   * Callback function for handling status changes. The function argument is a string which could be: 'valid', 'invalid', 'disabled', 'pending'
    * Default value: null
    */
-  onStatusChanges?: any;
+  onStatusChanges?: {(value: string): void};
   /**
-   * Callback function for handling value changes
+   * Callback function for handling value changes. The function argument is the form's value as a JSON object.
    * Default value: null
    */
-  onValueChanges?: any;
+  onValueChanges?: {(value: any): void};
   /**
    * Sets or Gets the labels position.
    * Default value: left
@@ -13273,6 +13319,11 @@ export interface GanttChartProperties {
    * Default value: false
    */
   columnResizeFeedback?: boolean;
+  /**
+   * Gantt's current time. By default it is the today's date.
+   * Default value: 
+   */
+  currentTime?: string | Date;
   /**
    * Enables/Disables the current time indicator. Current time indicator shows the current time in the appropriate view cells.
    * Default value: false
@@ -13368,6 +13419,11 @@ export interface GanttChartProperties {
    * Default value: false
    */
   filterRow?: boolean;
+  /**
+   * Determines the view start day. Sunday is 0, Monday is 1, Saturday is 6. By default it's Sunday.
+   * Default value: -1
+   */
+  firstDayOfWeek?: number;
   /**
    * Groups the tasks inside the Task timeline according to the resources they are assigned to. Unassigned tasks are placed in a default group labeled 'Unassigned'.
    * Default value: false
@@ -13384,10 +13440,20 @@ export interface GanttChartProperties {
    */
   hideDateMarkers?: boolean;
   /**
-   * By default the Timeline has a two level header - timeline details and timeline header. This property hides the header details container( the top container ).
+   * By default the Timeline has a three level header - timeline details, timeline second details and timeline header. This property hides the header container( the bottom container ).
+   * Default value: false
+   */
+  hideTimelineHeader?: boolean;
+  /**
+   * By default the Timeline has a three level header - timeline details, timeline second details and timeline header. This property hides the header details container( the top container ).
    * Default value: false
    */
   hideTimelineHeaderDetails?: boolean;
+  /**
+   * By default the Timeline has a three level header - timeline details and timeline header. This property hides the second header details container( the middle container ).
+   * Default value: true
+   */
+  hideTimelineSecondHeaderDetails?: boolean;
   /**
    * Shows the selection column of the Task/Resource Table. When applied a checkbox column is displayed that allows to select tasks/resources.
    * Default value: false
@@ -13453,6 +13519,11 @@ export interface GanttChartProperties {
    * Default value: short
    */
   monthFormat?: MonthFormat | string;
+  /**
+   * Determines the scale in Month view.
+   * Default value: week
+   */
+  monthScale?: MonthScale | string;
   /**
    * Determines the nonworking days of the week from 0 to 6, where 0 is the first day of the week and 6 is the last day. Nonworking days will be displayed with colored cells inside the timeline and will not affect the dateEnd of the tasks unless the adjustToNonworkingTime property is enabled.
    * Default value: 
@@ -13463,6 +13534,11 @@ export interface GanttChartProperties {
    * Default value: 
    */
   nonworkingHours?: number[] | number[][];
+  /**
+   * A function that can be used to completly customize the task element. The function has five arguments: task - the task object.segment - the task current segment object. If the task has only one segment, the task object is passed again.taskElement - the task's html element.segmentElement - the task's segment html element.labelElement - the task's segment label html element.
+   * Default value: null
+   */
+  onTaskRender?: any;
   /**
    * A function that can be used to completly customize the popup Window that is used to interact width tasks by changing their properties. The function as three arguments: target - the target popup Window that is about to be opened.type - the type of the window. The type determines the purpose of the window. Three possible values: 'task' (task editing), 'confirm' ( confirmation window), 'connection' (used when deleting a connection between tasks). item - the connection/task object that is the target of the window.
    * Default value: null
@@ -13478,6 +13554,11 @@ export interface GanttChartProperties {
    * Default value: null
    */
   progressLabelFormatFunction?: any;
+  /**
+   * Determines the format of the dates the timeline header when they represent quarters.
+   * Default value: short
+   */
+  quarterFormat?: QuarterFormat | string;
   /**
    * A getter that returns a flat structure as an array of all resources inside the element.
    * Default value: null
@@ -14385,6 +14466,11 @@ export interface GanttChartTask {
    * Default value: null
    */
   formatFunction?: any;
+  /**
+   * Project, Task or Milestone format function. The function gets passed the following arguments: task, segment, taskElement, segmentElement, labelElement. task - the task object.segment - the task current segment object. If the task has only one segment, the task object is passed again.taskElement - the task's html element.segmentElement - the task's segment html element.labelElement - the task's segment label html element.
+   * Default value: null
+   */
+  onRender?: any;
   /**
    * Project, Task or Milestone max start date.
    * Default value: 
@@ -14647,6 +14733,10 @@ export declare type GanttDayFormat = '2-digit' | 'numeric' | 'long' | 'short' |
 export declare type Duration = 'day' | 'hour' | 'minute' | 'second' | 'milisecond';
 /**Determines the format of the dates inside the timeline header when they represent hours. */
 export declare type HourFormat = 'default' | '2-digit' | 'numeric';
+/**Determines the scale in Month view. */
+export declare type MonthScale = 'day' | 'week';
+/**Determines the format of the dates the timeline header when they represent quarters. */
+export declare type QuarterFormat = 'numeric' | 'long' | 'short';
 /**Determines how the capacity of the resources will be visualized inside the resource timeline. By default, the capacity is measured in hours depending on the <b>view</b> property of the element. */
 export declare type GanttChartResourceTimelineMode = 'diagram' | 'histogram' | 'custom';
 /**Determines how the resources will be displayed inside the resource Timeline. */
@@ -14661,7 +14751,7 @@ month - the timeline shows the days of the month.
 year - the timeline shows the months of the year.
 resource - displays the current tasks by grouping them according to the resources they have assigned. The unassigned tasks will be placed in a separate group called 'Unassigned'.
  <br /> The timeline has a header section that contains the labels of each cell according to the date inside them. The header is splitted in two sections in order to give a more detailed information of the dates. */
-export declare type GanttChartView = 'day' | 'week' | 'month' | 'year';
+export declare type GanttChartView = 'day' | 'week' | 'month' | 'quarter' | 'year';
 /**Determines the format of the dates inside the timeline header when they represent weeks.  */
 export declare type WeekFormat = 'long' | 'numeric';
 export interface GaugeProperties {
@@ -16423,6 +16513,16 @@ export interface GridAppearance {
    * Default value: true
    */
   showRowLines?: boolean;
+  /**
+   * Shows lines between columns in column groups.
+   * Default value: true
+   */
+  showColumnGroupLines?: boolean;
+  /**
+   * Shows lines between cells in column groups.
+   * Default value: true
+   */
+  showColumnGroupCellLines?: boolean;
   /**
    * Shows column groups in the Hide columns panel. Column groups and columns are shown in a tree-like structure. When the property is set to false, the column groups are not displayed and the column labels contain the column group name.
    * Default value: false
@@ -16444,10 +16544,10 @@ export interface GridAppearance {
    */
   showFrozenColumnBackground?: boolean;
   /**
-   * Shows filtered row background, when the Grid has frozen rows.
-   * Default value: true
+   * Shows the selection on top of all other styles.
+   * Default value: false
    */
-  showFrozenRowBackground?: boolean;
+  showSelectionOnTop?: boolean;
   /**
    * Shows column sort button.
    * Default value: true
@@ -16748,6 +16848,11 @@ export interface GridColumn {
    * Default value: default
    */
   filterMenuMode?: GridColumnFilterMenuMode | string;
+  /**
+   * Sets or gets the column's filter editor. The value is an object with the following possible options: template: string, condition: string, onInit: any - callback function for init purposes, min: number, max: number, minLength: number, maxLength: number
+   * Default value: null
+   */
+  filterEditor?: any;
   /**
    * Sets or gets the column's format function.
    * Default value: null
@@ -18165,6 +18270,11 @@ export interface GridStateSettings {
    * Default value: false
    */
   autoSave?: boolean;
+  /**
+   * Enables or disables auto-load of the Grid's state on page reload.
+   * Default value: false
+   */
+  autoLoad?: boolean;
   /**
    * Enables or disables save/load of the grid state.
    * Default value: true
@@ -19749,10 +19859,10 @@ export interface Kanban extends BaseElement, KanbanProperties {
    */
   getSelectedTasks(id: number): any;
   /**
-   * Gets the Kanban's state.
-   * @returns 
+   * Gets the Kanban's state. Returns an object with the following type: { collapsed: {}, dataSource: [], filtering: { filters: [], operator: string }, selection: { selected: [], selectionStart?: number | string, selectionInColumn: string, swimlane: string }, sorting: { dataFields: [], dataTypes: [], orderBy: [] }, tabs: [], visibility: { taskActions: boolean, taskComments: boolean, taskDue: boolean, taskPriority: boolean, taskProgress: boolean, taskTags: boolean, taskUserIcon: boolean } } 
+   * @returns {any}
    */
-  getState(): { collapsed: {}, dataSource: [], filtering: { filters: [], operator: string }, selection: { selected: [], selectionStart: number | string, selectionInColumn: string, swimlane: string }, sorting: { dataFields: [], dataTypes: [], orderBy: [] }, tabs: [], visibility: { taskActions: boolean, taskComments: boolean, taskDue: boolean, taskPriority: boolean, taskProgress: boolean, taskTags: boolean, taskUserIcon: boolean } };
+  getState(): any;
   /**
    * Loads the Kanban's state.
    * @param  state?. An object returned by one of the methods getState or saveState. If not passed, gets saved state from the browser's localStorage.
@@ -24700,6 +24810,21 @@ export interface PivotTableProperties {
    * Default value: null
    */
   onInit?: { (): void };
+  /**
+   * Sets or gets the page size (when paging is enabled).
+   * Default value: 10
+   */
+  pageSize?: PivotTablePageSize | string;
+  /**
+   * Sets or gets the current (zero-based) page index (when paging is enabled).
+   * Default value: 0
+   */
+  pageIndex?: number;
+  /**
+   * Sets or gets whether paging is enabled.
+   * Default value: false
+   */
+  paging?: boolean;
   /**
    * Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts.
    * Default value: false
@@ -25044,6 +25169,8 @@ export declare type PivotTableDesignerPosition = 'near' | 'far';
 export declare type PivotTableDrillDownDataExport = null | 'xlsx' | 'pdf' | 'html' | 'json' | 'csv' | 'tsv' | 'xml';
 /**Sets or gets the way row nesting (based on rowGroup columns) is displayed. */
 export declare type PivotTableGroupLayout = 'classic' | 'default';
+/**Sets or gets the page size (when paging is enabled). */
+export declare type PivotTablePageSize = '10' | '25' | '50';
 /**Sets or gets the position of row total columns (shown when rowTotals is enabled). */
 export declare type PivotTableRowTotalsPosition = 'near' | 'far';
 /**Sets or gets the selection mode. Only applicable when selection is enabled. */
@@ -25283,6 +25410,11 @@ export interface QRcodeProperties {
    * Default value: "H"
    */
   errorLevel?: string;
+  /**
+   * Sets color to the transparent parts of the embedded image. Background remains transparent if set to empty string.
+   * Default value: ""
+   */
+  imageBackgroundColor?: string;
   /**
    * Sets the height of the embedded image.
    * Default value: 15
@@ -25343,6 +25475,16 @@ export interface QRcodeProperties {
    * Default value: ""
    */
   value?: string;
+  /**
+   * Sets or gets the width of the QR Code. If the width is set to 0, the width of the QR Code is calculated automatically.
+   * Default value: 0
+   */
+  width?: number;
+  /**
+   * Sets or gets the height of the QR Code. If the height is set to 0, the height of the QR Code is calculated automatically.
+   * Default value: 0
+   */
+  height?: number;
 }
 /**
  QR Codes encode text values in a two-dimensional pattern.
@@ -26116,6 +26258,11 @@ export interface SchedulerProperties {
    * Default value: #D50000,#E67C73,#F4511E,#F6BF26,#33B679,#0B8043,#039BE5,#3F51B5,#7986CB,#8E24AA,#616161,
    */
   colorScheme?: string[];
+  /**
+   * Determines the current time of the Scheduler to use for the current time indicator functionality. By default the current time is Today.
+   * Default value: new Date()
+   */
+  currentTime?: string | Date;
   /**
    * Enables/Disables the current time indicator. Current time indicator shows the current time in the appropriate view cells. 
    * Default value: false
@@ -26472,7 +26619,7 @@ export interface SchedulerProperties {
    */
   restrictedHours?: any;
   /**
-   * Defines an array of dates and hours that are not allowed to have events on. Events that overlap restricted Hours or start/end on them will not be displayed. Each array item is an Object and requires 2 fields - date and hours. For example: { date: new Date(2022, 10, 1), hours: [[0, 6], 12, [20, 23]] }. The hours define a range of restricted hours similartly to the restricted hours property, the date defines a date where the restricted hours will be applied.
+   * Defines an array of dates and hours that are not allowed to have events on. Events that overlap restricted Hours or start/end on them will not be displayed. Each array item is an Object and requires 2 fields - date and hours. For example: { date: new Date(2023, 10, 1), hours: [[0, 6], 12, [20, 23]] }. The hours define a range of restricted hours similartly to the restricted hours property, the date defines a date where the restricted hours will be applied.
    * Default value: 
    */
   restricted?: any;
@@ -29431,6 +29578,10 @@ export interface Table extends BaseElement, TableProperties {
    * @param {string | number} row. The id of the cell's row.
    */
   removeRow(row: string | number): void;
+  /**
+   * Resets the Table's state. Information about columns, expanded rows, selected rows, applied fitering, grouping, and sorted columns is cleared, based on the value of the <strong>stateSettings</strong> property.
+   */
+  resetState(): void;
   /**
    * Saves the Table's state. Information about columns, expanded rows, selected rows, applied fitering, grouping, and sorted columns is saved, based on the value of the <strong>stateSettings</strong> property.
    * @returns {any}
@@ -30460,6 +30611,11 @@ export interface TextAreaProperties {
    * Default value: false
    */
   readonly?: boolean;
+  /**
+   * Determines whether ot not the user can resize the Textarea.
+   * Default value: none
+   */
+  resize?: TextAreaResize | string;
   /**
    * Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts.
    * Default value: false
@@ -30490,6 +30646,11 @@ export interface TextAreaProperties {
    * Default value: false
    */
   unfocusable?: boolean;
+  /**
+   * Sets the TextArea users. Expects an array of objects. Each object should have an id and name properties. When you press the 'at' key, you can enter an user from a dropdown.
+   * Default value: []
+   */
+  users?: any[];
   /**
    * Sets or gets the value of the element.
    * Default value: ""
@@ -30527,6 +30688,11 @@ export interface TextArea extends BaseElement, TextAreaProperties {
    * Ensures that the active ( selected ) item is always visible.
    */
   ensureVisible(): void;
+  /**
+   * Returns an array of users mentioned in the Textarea's value.
+   * @returns {any[]}
+   */
+  getMentions(): any[];
   /**
    * Opens the drop down.
    */
@@ -30549,6 +30715,8 @@ declare global {
 
 /**Determines the auto complete query mode. This property also determines the matching algorithm for the autocomplete operation. */
 export declare type TextAreaQueryMode = 'contains' | 'containsIgnoreCase' | 'doesNotContain' | 'doesNotContainIgnoreCase' | 'equals' | 'equalsIgnoreCase' | 'startsWith' | 'startsWithIgnoreCase' | 'endsWith' | 'endsWithIgnoreCase';
+/**Determines whether ot not the user can resize the Textarea. */
+export declare type TextAreaResize = 'none' | 'horizontal' | 'vertical' | 'both';
 export interface TextBoxProperties {
   /**
    * Sets or gets the animation mode. Animation is disabled when the property is set to 'none'

package/package.json

@@ -1,15 +1,14 @@
 {
   "name": "@smart-webcomponents-angular/scrollbar",
-  "version": "15.0.2",
+  "version": "16.0.2",
    "preferGlobal": true,
   "keywords": [
       "angular",
       "angular scrollbar",
-      "angular 11 scrollbar",
-      "angular 12 scrollbar",
       "angular 13 scrollbar",
       "angular 14 scrollbar",
       "angular 15 scrollbar",
+      "angular 16 scrollbar",
       "scrollbar",
       "angular scrollbar component",
       "scrollbar for angular",
@@ -23,24 +22,24 @@
     "tslib": "^2.3.0"
   },
   "devDependencies": {
-    "@angular/animations": "12 - 14",
-    "@angular/common": "12 - 14",
-    "@angular/compiler": "12 - 14",
-    "@angular/core": "12 - 14",
-    "@angular/forms": "12 - 14",
-    "@angular/platform-browser": "12 - 14",
+    "@angular/animations": "13 - 16",
+    "@angular/common": "13 - 16",
+    "@angular/compiler": "13 - 16",
+    "@angular/core": "13 - 16",
+    "@angular/forms": "13 - 16",
+    "@angular/platform-browser": "12 - 16",
     "core-js": "^2.6.9",
     "rxjs": "^6.5.3",
     "systemjs": "0.19.43",
     "zone.js": "~0.11.4",
-    "@angular-devkit/core": "12 - 14",
-    "@angular-devkit/schematics": "12 - 14",
-    "@angular/bazel": "12 - 14",
-    "@angular/compiler-cli": "12 - 14",
-    "@angular/platform-browser-dynamic": "12 - 14",
-    "@angular/platform-server": "12 - 14",
-    "@angular/router": "12 - 14",
-    "typescript": "~4.4.2"
+    "@angular-devkit/core": "13 - 16",
+    "@angular-devkit/schematics": "13 - 16",
+    "@angular/bazel": "13 - 16",
+    "@angular/compiler-cli": "13 - 16",
+    "@angular/platform-browser-dynamic": "13 - 16",
+    "@angular/platform-server": "13 - 16",
+    "@angular/router": "13 - 16",
+    "typescript": "~4.9.5"
   },  
   "author": "jQWidgets <support@jqwidgets.com> (https://www.htmlelements.com/)",
   "license": "SEE LICENSE IN https://www.htmlelements.com/license/",
@@ -52,8 +51,8 @@
   "es2015": "./fesm2015/smart-webcomponents-angular-scrollbar.mjs",
   "es2020": "./fesm2020/smart-webcomponents-angular-scrollbar.mjs",  
   "esm2020": "./esm2020/scrollbar/smart-webcomponents-angular-scrollbar.mjs",
-  "typings": "./scrollbar/smart-webcomponents-angular-scrollbar.d.ts",
-  "types": "./scrollbar/smart-webcomponents-angular-scrollbar.d.ts",
+  "typings": "./scrollbar/index.d.ts",
+  "types": "./scrollbar/index.d.ts",
   "sideEffects": true,
   "scripts": {
     "start": "node start.js",

package/scrollbar/smart-webcomponents-angular-scrollbar.d.ts

@@ -1,5 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
-/// <amd-module name="@smart-webcomponents-angular/scrollbar" />
+/// <amd-module name="smart-webcomponents-angular/scrollbar" />
 export * from './index';

package/source/modules/smart.scrollbar.js

@@ -1,5 +1,5 @@
 
-/* Smart UI v15.0.2 (2023-01-24) 
+/* Smart UI v16.0.2 (2023-08-04) 
 Copyright (c) 2011-2023 jQWidgets. 
 License: https://htmlelements.com/license/ */ //
 

package/source/smart.button.js

@@ -1,5 +1,5 @@
 
-/* Smart UI v15.0.2 (2023-01-24) 
+/* Smart UI v16.0.2 (2023-08-04) 
 Copyright (c) 2011-2023 jQWidgets. 
 License: https://htmlelements.com/license/ */ //