diff --git a/typedoc/en/globalFunctions.json b/typedoc/en/globalFunctions.json
index 8b8b5057..46a22bf2 100644
--- a/typedoc/en/globalFunctions.json
+++ b/typedoc/en/globalFunctions.json
@@ -15,6 +15,7 @@
},
"monthRange": {
"comment": {
+ "returns": "\n",
"tags": {
"export": {
"comment": {
@@ -27,6 +28,7 @@
},
"isLeap": {
"comment": {
+ "returns": "\n",
"tags": {
"export": {
"comment": {
diff --git a/typedoc/en/lib/badge/IgxBadgeComponent.json b/typedoc/en/lib/badge/IgxBadgeComponent.json
deleted file mode 100644
index e418cd86..00000000
--- a/typedoc/en/lib/badge/IgxBadgeComponent.json
+++ /dev/null
@@ -1,120 +0,0 @@
-{
- "IgxBadgeComponent": {
- "comment": {
- "text": [
- "The Ignite UI Badge is used to decorate avatars, navigation menus, or other components in the",
- "application when visual notification is needed. They are usually designed as icons with a predefined",
- "style to communicate information, success, warnings, or errors.",
- "Example:",
- "```html",
- "",
- " ",
- " ",
- "",
- "```",
- "The `badge-style` class is used to position the badge:",
- "```css",
- ".badge-style {",
- " position: absolute;",
- " bottom: -6px;",
- " right:-50px;",
- "}",
- "```"
- ],
- "shortText": [
- "**Ignite UI for Angular Badge** -",
- "[Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/badge.html)"
- ]
- },
- "properties": {
- "id": {
- "comment": {
- "shortText": [
- "An @Input property that sets the value of the `id` attribute.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "type": {
- "comment": {
- "shortText": [
- "An @Input property controlling the type of the badge.",
- "Allowed values are `primary`, `info`, `success`, `warning`, `error`.",
- "Providing an invalid value won't display a badge.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "value": {
- "comment": {
- "shortText": [
- "An @Input property that sets the value to be displayed inside the badge.",
- "If an `icon` property is already set the `icon` will be displayed.",
- "If neither a `value` nor an `icon` is set the contentent of the badge will be empty.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "icon": {
- "comment": {
- "shortText": [
- "Set an icon for the badge from the material icons set.",
- "Has priority over the `value` property.",
- "If neither a `value` nor an `icon` is set the content of the badge will be empty.",
- "Providing an invalid value won't display anything.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "role": {
- "comment": {
- "shortText": [
- "This allows you to set value to role attribute.",
- "```html",
- "@ViewChild(\"MyBadge\", { read: IgxBadgeComponent })",
- "public badge: IgxBadgeComponent;",
- "//...",
- "badge.label = \"badge-status\";",
- "```"
- ]
- }
- },
- "cssClass": {
- "comment": {
- "shortText": [
- "This allows you to disable igx-badge class. The default it's applied.",
- "```html",
- "@ViewChild(\"MyBadge\", { read: IgxBadgeComponent })",
- "public badge: IgxBadgeComponent;",
- "//...",
- "badge.cssClass = false;",
- "```"
- ]
- }
- },
- "label": {
- "comment": {
- "shortText": [
- "This allows you to set value to aria-label attribute.",
- "```html",
- "@ViewChild(\"MyBadge\", { read: IgxBadgeComponent })",
- "public badge: IgxBadgeComponent;",
- "//...",
- "badge.label = \"icon-badge\";",
- "```"
- ]
- }
- }
- },
- "methods": {},
- "accessors": {}
- }
-}
\ No newline at end of file
diff --git a/typedoc/en/lib/card/IgxCardComponent.json b/typedoc/en/lib/card/IgxCardComponent.json
deleted file mode 100644
index d9925af8..00000000
--- a/typedoc/en/lib/card/IgxCardComponent.json
+++ /dev/null
@@ -1,73 +0,0 @@
-{
- "IgxCardComponent": {
- "properties": {
- "id": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxCardComponent",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets/gets the `id` of the card.",
- "If not set, `id` will have value `\"igx-card-0\"`;",
- "```html",
- "",
- "```",
- "```typescript",
- "let cardId = this.card.id;",
- "```"
- ]
- }
- },
- "role": {
- "comment": {
- "shortText": [
- "An @Input property that sets the value of the `role` attribute of the card.",
- "By default the value is set to `group`.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "type": {
- "comment": {
- "shortText": [
- "An @Input property that sets the value of the `type` attribute of the card.",
- "By default the value is set to `default`. You can make the card use the",
- "outlined style by setting the value to `outlined`.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "horizontal": {
- "comment": {
- "shortText": [
- "An @Input property that sets the value of the `horizontal` attribute of the card.",
- "Setting this to `true` will make the different card sections align horizontally,",
- "essentially flipping the card to the side.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "methods": {},
- "accessors": {
- "isOutlinedCard": {
- "getter": {
- "comment": {
- "shortText": "A getter which will return true if the card type is `outlined`."
- }
- }
- }
- }
- }
-}
\ No newline at end of file
diff --git a/typedoc/en/lib/card/IgxCardHeaderComponent.json b/typedoc/en/lib/card/IgxCardHeaderComponent.json
deleted file mode 100644
index a25ced1a..00000000
--- a/typedoc/en/lib/card/IgxCardHeaderComponent.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
- "IgxCardHeaderComponent": {
- "comment": {
- "shortText": "IgxCardHeader is container for the card header"
- },
- "properties": {
- "vertical": {
- "comment": {
- "shortText": [
- "An @Input property that sets the layout style of the header.",
- "By default the header elements(thumbnail and title/subtitle) are aligned horizontally.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "role": {
- "comment": {
- "shortText": [
- "An @Input property that sets the value of the `role` attribute of the card header.",
- "By default the value is set to `header`.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "methods": {},
- "accessors": {}
- }
-}
\ No newline at end of file
diff --git a/typedoc/en/lib/card/IgxCardType.json b/typedoc/en/lib/card/IgxCardType.json
deleted file mode 100644
index b6eaaa6e..00000000
--- a/typedoc/en/lib/card/IgxCardType.json
+++ /dev/null
@@ -1,28 +0,0 @@
-{
- "IgxCardType": {
- "comment": {
- "text": [
- "The Ignite UI Card serves as a container that allows custom content to be organized in an appealing way. There are",
- "five sections in a card that you can use to organize your content. These are header, media, content, actions, and footer.",
- "Example:",
- "```html",
- "",
- " ",
- "
{{title}}
",
- "
{{subtitle}}
",
- " ",
- " ",
- " ",
- " ",
- " ",
- "",
- "```"
- ],
- "shortText": [
- "**Ignite UI for Angular Card** -",
- "[Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/card.html)"
- ]
- },
- "members": {}
- }
-}
\ No newline at end of file
diff --git a/typedoc/en/lib/checkbox/IgxCheckboxComponent.json b/typedoc/en/lib/checkbox/IgxCheckboxComponent.json
deleted file mode 100644
index 21415f79..00000000
--- a/typedoc/en/lib/checkbox/IgxCheckboxComponent.json
+++ /dev/null
@@ -1,479 +0,0 @@
-{
- "IgxCheckboxComponent": {
- "comment": {
- "text": [
- "The Ignite UI Checkbox is a selection control that allows users to make a binary choice. It behaves similarly",
- "to the native browser checkbox.",
- "Example:",
- "```html",
- "",
- " simple checkbox",
- "",
- "```"
- ],
- "shortText": [
- "**Ignite UI for Angular Checkbox** -",
- "[Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/checkbox.html)"
- ]
- },
- "properties": {
- "nativeCheckbox": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxSwitchComponent",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns reference to the native checkbox element.",
- "```typescript",
- "let checkboxElement = this.checkbox.checkboxElement;",
- "```"
- ]
- }
- },
- "nativeLabel": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxSwitchComponent",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns reference to the native label element.",
- "```typescript",
- "let labelElement = this.checkbox.nativeLabel;",
- "```"
- ]
- }
- },
- "placeholderLabel": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxSwitchComponent",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns reference to the label placeholder element.",
- "```typescript",
- "let labelPlaceholder = this.checkbox.placeholderLabel;",
- "```"
- ]
- }
- },
- "id": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxCheckboxComponent",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets/gets the `id` of the checkbox component.",
- "If not set, the `id` of the first checkbox component will be `\"igx-checkbox-0\"`.",
- "```html",
- "",
- "```",
- "```typescript",
- "let checkboxId = this.checkbox.id;",
- "```"
- ]
- }
- },
- "labelId": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxCheckboxComponent",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets/gets the id of the `label` element.",
- "If not set, the id of the `label` in the first checkbox component will be `\"igx-checkbox-0-label\"`.",
- "```html",
- "",
- "```",
- "```typescript",
- "let labelId = this.checkbox.labelId;",
- "```"
- ]
- }
- },
- "value": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxCheckboxComponent",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets/gets the `value` attribute.",
- "```html",
- "",
- "```",
- "```typescript",
- "let value = this.checkbox.value;",
- "```"
- ]
- }
- },
- "name": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxCheckboxComponent",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets/gets the `name` attribute.",
- "```html",
- "",
- "```",
- "```typescript",
- "let name = this.checkbox.name;",
- "```"
- ]
- }
- },
- "tabindex": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxCheckboxComponent",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets/gets the value of the `tabindex` attribute.",
- "```html",
- "",
- "```",
- "```typescript",
- "let tabIndex = this.checkbox.tabindex;",
- "```"
- ]
- }
- },
- "labelPosition": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxCheckboxComponent",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- " Sets/gets the position of the `label`.",
- " If not set, the `labelPosition` will have value `\"after\"`.",
- "```html",
- "",
- "```",
- "```typescript",
- "let labelPosition = this.checkbox.labelPosition;",
- "```"
- ]
- }
- },
- "disableRipple": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxCheckboxComponent",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Enables/Disables the ripple effect.",
- "If not set, `disableRipple` will have value `false`.",
- "```html",
- "",
- "```",
- "```typescript",
- "let isRippleDisabled = this.checkbox.desableRipple;",
- "```"
- ]
- }
- },
- "required": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxCheckboxComponent",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets/gets whether the checkbox is required.",
- "If not set, `required` will have value `false`.",
- "```html",
- "",
- "```",
- "```typescript",
- "let isRequired = this.checkbox.required;",
- "```"
- ]
- }
- },
- "ariaLabelledBy": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxCheckboxComponent",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets/gets the `aria-labelledby` attribute.",
- "If not set, the `aria-labelledby` will be equal to the value of `labelId` attribute.",
- "```html",
- "",
- "```",
- "```typescript",
- "let ariaLabelledBy = this.checkbox.ariaLabelledBy;",
- "```"
- ]
- }
- },
- "ariaLabel": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxCheckboxComponent",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets/gets the value of the `aria-label` attribute.",
- "```html",
- "",
- "```",
- "```typescript",
- "let ariaLabel = this.checkbox.aruaLabel;",
- "```"
- ]
- }
- },
- "change": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxCheckboxComponent",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "An event that is emitted after the checkbox state is changed.",
- "Provides references to the `IgxCheckboxComponent` and the `checked` property as event arguments."
- ]
- }
- },
- "cssClass": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxCheckboxComponent",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns the class of the checkbox component.",
- "```typescript",
- "let class = this.checkbox.cssClass;",
- "```"
- ]
- }
- },
- "focused": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxCheckboxComponent",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets/gets whether the checkbox component is on focus.",
- "Default value is `false`.",
- "```typescript",
- "this.checkbox.focused = true;",
- "```",
- "```typescript",
- "let isFocused = this.checkbox.focused;",
- "```"
- ]
- }
- },
- "indeterminate": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxCheckboxComponent",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets/gets the checkbox indeterminate visual state.",
- "Default value is `false`;",
- "```html",
- "",
- "```",
- "```typescript",
- "let isIndeterminate = this.checkbox.indeterminate;",
- "```"
- ]
- }
- },
- "checked": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxCheckboxComponent",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets/gets whether the checkbox is checked.",
- "Default value is `false`.",
- "```html",
- "",
- "```",
- "```typescript",
- "let isChecked = this.checkbox.checked;",
- "```"
- ]
- }
- },
- "disabled": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxCheckboxComponent",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets/gets whether the checkbox is disabled.",
- "Default value is `false`.",
- "```html",
- "",
- "```",
- "```typescript",
- "let isDisabled = this.checkbox.disabled;",
- "```"
- ]
- }
- },
- "readonly": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxCheckboxComponent",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets/gets whether the checkbox is readonly.",
- "Default value is `false`.",
- "```html",
- "",
- "```",
- "```typescript",
- "let readonly = this.checkbox.readonly;",
- "```"
- ]
- }
- },
- "disableTransitions": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxCheckboxComponent",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets/gets whether the checkbox should disable all css transitions.",
- "Default value is `false`.",
- "```html",
- "",
- "```",
- "```typescript",
- "let disableTransitions = this.checkbox.disableTransitions;",
- "```"
- ]
- }
- }
- },
- "methods": {
- "toggle": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxCheckboxComponent",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "If `disabled` is `false`, switches the `checked` state.",
- "```typescript",
- "this.checkbox.toggle();",
- "```"
- ]
- }
- }
- },
- "accessors": {}
- }
-}
\ No newline at end of file
diff --git a/typedoc/en/lib/chips/IgxChipComponent.json b/typedoc/en/lib/chips/IgxChipComponent.json
deleted file mode 100644
index 7fb183a7..00000000
--- a/typedoc/en/lib/chips/IgxChipComponent.json
+++ /dev/null
@@ -1,347 +0,0 @@
-{
- "IgxChipComponent": {
- "properties": {
- "id": {
- "comment": {
- "shortText": [
- "An @Input property that sets the value of `id` attribute. If not provided it will be automatically generated.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "data": {
- "comment": {
- "shortText": [
- "An @Input property that stores data related to the chip.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "draggable": {
- "comment": {
- "shortText": [
- "An @Input property that defines if the `IgxChipComponent` can be dragged in order to change it's position.",
- "By default it is set to false.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "animateOnRelease": {
- "comment": {
- "shortText": [
- "An @Input property that enables/disables the draggable element animation when the element is released.",
- "By default it's set to true.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "hideBaseOnDrag": {
- "comment": {
- "shortText": [
- "An @Input property that enables/disables the hiding of the base element that has been dragged.",
- "By default it's set to true.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "removable": {
- "comment": {
- "shortText": [
- "An @Input property that defines if the `IgxChipComponent` should render remove button and throw remove events.",
- "By default it is set to false.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "removeIcon": {
- "comment": {
- "shortText": [
- "An @Input property that overrides the default icon that the chip applies to the remove button.",
- "```html",
- "",
- "delete",
- "```"
- ]
- }
- },
- "selectable": {
- "comment": {
- "shortText": [
- "An @Input property that defines if the `IgxChipComponent` can be selected on click or through navigation,",
- "By default it is set to false.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "selectIcon": {
- "comment": {
- "shortText": [
- "An @Input property that overrides the default icon that the chip applies when it is selected.",
- "```html",
- "",
- "done_outline",
- "```"
- ]
- }
- },
- "disabled": {
- "comment": {
- "shortText": [
- "An @Input property that defines if the `IgxChipComponent` is disabled. When disabled it restricts user interactions",
- "like focusing on click or tab, selection on click or Space, dragging.",
- "By default it is set to false.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "onMoveStart": {
- "comment": {
- "shortText": [
- "Emits an event when the `IgxChipComponent` moving starts.",
- "Returns the moving `IgxChipComponent`.",
- "```typescript",
- "moveStarted(event: IBaseChipEventArgs){",
- " let movingChip = event.owner;",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "onMoveEnd": {
- "comment": {
- "shortText": [
- "Emits an event when the `IgxChipComponent` moving ends.",
- "Returns the moved `IgxChipComponent`.",
- "```typescript",
- "moveEnded(event: IBaseChipEventArgs){",
- " let movedChip = event.owner;",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "onRemove": {
- "comment": {
- "shortText": [
- "Emits an event when the `IgxChipComponent` is removed.",
- "Returns the removed `IgxChipComponent`.",
- "```typescript",
- "remove(event: IBaseChipEventArgs){",
- " let removedChip = event.owner;",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "onClick": {
- "comment": {
- "shortText": [
- "Emits an event when the `IgxChipComponent` is clicked.",
- "Returns the clicked `IgxChipComponent`, whether the event should be canceled.",
- "```typescript",
- "chipClick(event: IChipClickEventArgs){",
- " let clickedChip = event.owner;",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "onSelection": {
- "comment": {
- "shortText": [
- "Emits event when the `IgxChipComponent` is selected/deselected.",
- "Returns the selected chip reference, whether the event should be canceled, what is the next selection state and",
- "when the event is triggered by interaction `originalEvent` is provided, otherwise `originalEvent` is `null`.",
- "```typescript",
- "chipSelect(event: IChipSelectEventArgs){",
- " let selectedChip = event.owner;",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "onSelectionDone": {
- "comment": {
- "shortText": [
- "Emits event when the `IgxChipComponent` is selected/deselected and any related animations and transitions also end.",
- "```typescript",
- "chipSelectEnd(event: IBaseChipEventArgs){",
- " let selectedChip = event.owner;",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "onKeyDown": {
- "comment": {
- "shortText": [
- "Emits an event when the `IgxChipComponent` keyboard navigation is being used.",
- "Returns the focused/selected `IgxChipComponent`, whether the event should be canceled,",
- "if the `alt`, `shift` or `control` key is pressed and the pressed key name.",
- "```typescript",
- "chipKeyDown(event: IChipKeyDownEventArgs){",
- " let keyDown = event.key;",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "onDragEnter": {
- "comment": {
- "shortText": [
- "Emits an event when the `IgxChipComponent` has entered the `IgxChipsAreaComponent`.",
- "Returns the target `IgxChipComponent`, the drag `IgxChipComponent`, as well as",
- "the original drop event arguments.",
- "```typescript",
- "chipEnter(event: IChipEnterDragAreaEventArgs){",
- " let targetChip = event.targetChip;",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "dragDirective": {
- "comment": {
- "shortText": [
- "Property that contains a reference to the `IgxDragDirective` the `IgxChipComponent` uses for dragging behavior.",
- "```html",
- "",
- "```",
- "```typescript",
- "onMoveStart(event: IBaseChipEventArgs){",
- " let dragDirective = event.owner.dragDirective;",
- "}",
- "```"
- ]
- }
- }
- },
- "methods": {},
- "accessors": {
- "selected": {
- "setter": {
- "comment": {
- "text": [
- "Two-way data binding:",
- "```html",
- "",
- "```"
- ],
- "shortText": [
- "Sets the `IgxChipComponent` selected state.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "getter": {
- "comment": {
- "text": [
- "Two-way data binding:",
- "```html",
- "",
- "```"
- ],
- "shortText": [
- "Returns if the `IgxChipComponent` is selected.",
- "```typescript",
- "@ViewChild('myChip')",
- "public chip: IgxChipComponent;",
- "selectedChip(){",
- " let selectedChip = this.chip.selected;",
- "}",
- "```"
- ]
- }
- }
- },
- "color": {
- "setter": {
- "comment": {
- "shortText": [
- "An @Input property that sets the `IgxChipComponent` background color.",
- "The `color` property supports string, rgb, hex.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "getter": {
- "comment": {
- "shortText": [
- "Returns the background color of the `IgxChipComponent`.",
- "```typescript",
- "@ViewChild('myChip')",
- "public chip: IgxChipComponent;",
- "ngAfterViewInit(){",
- " let chipColor = this.chip.color;",
- "}",
- "```"
- ]
- }
- }
- },
- "displayDensity": {
- "getter": {
- "comment": {
- "shortText": [
- "Returns the theme of the component.",
- "The default theme is `comfortable`.",
- "Available options are `comfortable`, `cosy`, `compact`.",
- "```typescript",
- "let componentTheme = this.component.displayDensity;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "shortText": "Sets the theme of the component."
- }
- }
- }
- }
- }
-}
\ No newline at end of file
diff --git a/typedoc/en/lib/chips/IgxChipsAreaComponent.json b/typedoc/en/lib/chips/IgxChipsAreaComponent.json
deleted file mode 100644
index d9aedd02..00000000
--- a/typedoc/en/lib/chips/IgxChipsAreaComponent.json
+++ /dev/null
@@ -1,102 +0,0 @@
-{
- "IgxChipsAreaComponent": {
- "properties": {
- "width": {
- "comment": {
- "shortText": [
- "An @Input property that sets the width of the `IgxChipsAreaComponent`.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "height": {
- "comment": {
- "shortText": [
- "An @Input property that sets the height of the `IgxChipsAreaComponent`.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "onReorder": {
- "comment": {
- "shortText": [
- "Emits an event when `IgxChipComponent`s in the `IgxChipsAreaComponent` should be reordered.",
- "Returns an array of `IgxChipComponent`s.",
- "```html",
- "",
- "```",
- "```typescript",
- "public changedOrder(event: IChipsAreaReorderEventArgs){",
- " let chips: IgxChipComponent[] = event.chipsArray;",
- "}",
- "```"
- ]
- }
- },
- "onSelection": {
- "comment": {
- "shortText": [
- "Emits an event when an `IgxChipComponent` in the `IgxChipsAreaComponent` is selected/deselected.",
- "Fired after the chips area is initialized if there are initially selected chips as well.",
- "Returns an array of selected `IgxChipComponent`s and the `IgxChipAreaComponent`.",
- "```html",
- "",
- "```",
- "```typescript",
- "public selection(event: IChipsAreaSelectEventArgs){",
- " let selectedChips: IgxChipComponent[] = event.newSelection;",
- "}"
- ]
- }
- },
- "onMoveStart": {
- "comment": {
- "shortText": [
- "Emits an event when an `IgxChipComponent` in the `IgxChipsAreaComponent` is moved.",
- "```html",
- "",
- "```",
- "```typescript",
- "moveStart(event: IBaseChipsAreaEventArgs){",
- " let chipArea = event.owner;",
- "}",
- "```"
- ]
- }
- },
- "onMoveEnd": {
- "comment": {
- "shortText": [
- "Emits an event after an `IgxChipComponent` in the `IgxChipsAreaComponent` is moved.",
- "```html",
- "",
- "```",
- "```typescript",
- "moveEnd(event: IBaseChipsAreaEventArgs){",
- " let chipArea = event.owner;",
- "}",
- "```"
- ]
- }
- },
- "chipsList": {
- "comment": {
- "shortText": [
- "Holds the `IgxChipComponent` in the `IgxChipsAreaComponent`.",
- "```typescript",
- "ngAfterViewInit(){",
- " let chips = this.chipsArea.chipsList;",
- "}",
- "```"
- ]
- }
- }
- },
- "methods": {},
- "accessors": {}
- }
-}
\ No newline at end of file
diff --git a/typedoc/en/lib/date-picker/IgxDatePickerComponent.json b/typedoc/en/lib/date-picker/IgxDatePickerComponent.json
deleted file mode 100644
index 61c3571b..00000000
--- a/typedoc/en/lib/date-picker/IgxDatePickerComponent.json
+++ /dev/null
@@ -1,721 +0,0 @@
-{
- "IgxDatePickerComponent": {
- "comment": {
- "text": [
- "The Ignite UI Date Picker displays a popup calendar that lets users select a single date.",
- "Example:",
- "```html",
- "",
- "```"
- ],
- "shortText": [
- "**Ignite UI for Angular Date Picker** -",
- "[Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/date_picker.html)"
- ]
- },
- "properties": {
- "label": {
- "comment": {
- "shortText": [
- "An @Input property that sets the `IgxDatePickerComponent` label.",
- "The default label is 'Date'.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "labelVisibility": {
- "comment": {
- "shortText": [
- "An @Input property that sets the `IgxDatePickerComponent` label visibility.",
- "By default the visibility is set to true.",
- ""
- ]
- }
- },
- "locale": {
- "comment": {
- "shortText": [
- "An @Input property that sets locales. Default locale is en.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "weekStart": {
- "comment": {
- "shortText": [
- "An @Input property that sets on which day the week starts.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "hideOutsideDays": {
- "comment": {
- "shortText": [
- "Sets/gets whether the inactive dates (dates that are out of the current month) will be hidden.",
- "Default value is `false`.",
- "```html",
- "",
- "```",
- "```typescript",
- "let hideOutsideDays = this.datePicker.hideOutsideDays;",
- "```"
- ]
- }
- },
- "monthsViewNumber": {
- "comment": {
- "shortText": [
- "Sets/gets the number of month views displayed.",
- "Default value is `1`.",
- "```html",
- "",
- "```",
- "```typescript",
- "let monthViewsDisplayed = this.datePicker.monthsViewNumber;",
- "```"
- ]
- }
- },
- "mask": {
- "comment": {
- "shortText": [
- "Returns the date mask of the `IgxDatePickerComponent` when in editable dropdown mode.",
- "```typescript",
- "@ViewChild(\"MyDatePicker\")",
- "public datePicker: IgxDatePickerComponent;",
- "ngAfterViewInit(){",
- " let mask = this.datePicker.mask;",
- "}",
- "```"
- ]
- }
- },
- "id": {
- "comment": {
- "shortText": [
- "An @Input property that sets the value of `id` attribute. If not provided it will be automatically generated.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "formatter": {
- "comment": {
- "shortText": [
- "An @Input property that applies a custom formatter function on the selected or passed date.",
- "```typescript",
- "public date: Date = new Date();",
- "private dayFormatter = new Intl.DateTimeFormat(\"en\", { weekday: \"long\" });",
- "private monthFormatter = new Intl.DateTimeFormat(\"en\", { month: \"long\" });",
- "public formatter = (date: Date) => { return `You selected",
- " ${this.dayFormatter.format(date)},",
- " ${date.getDate()} ${this.monthFormatter.format(date)},",
- " ${date.getFullYear()}`;",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "disabled": {
- "comment": {
- "shortText": [
- "An @Input property that disables the `IgxDatePickerComponent`.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "vertical": {
- "comment": {
- "shortText": [
- "An @Input property that sets the orientation of the `IgxDatePickerComponent` header.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "todayButtonLabel": {
- "comment": {
- "shortText": [
- "An @Input property that renders today button with custom label.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "cancelButtonLabel": {
- "comment": {
- "shortText": [
- "An @Input property that renders cancel button with custom label.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "mode": {
- "comment": {
- "shortText": [
- "An @Input property that sets whether `IgxDatePickerComponent` is in dialog or drop down mode.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "isSpinLoop": {
- "comment": {
- "shortText": [
- "An @Input property that sets whether the `IgxDatePickerComponent` date parts would spin continuously or stop when min/max is reached.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "outlet": {
- "comment": {
- "text": [
- "```html",
- "",
- "//..",
- "",
- "//..",
- "```",
- "Where `outlet` is an instance of `IgxOverlayOutletDirective` or an `ElementRef`."
- ],
- "shortText": "Determines the container the popup element should be attached to."
- }
- },
- "onOpened": {
- "comment": {
- "shortText": "An event that is emitted when the `IgxDatePickerComponent` calendar is opened."
- }
- },
- "onClosed": {
- "comment": {
- "shortText": "An event that is emitted after the `IgxDatePickerComponent` is closed."
- }
- },
- "onClosing": {
- "comment": {
- "shortText": "An event that is emitted when the `IgxDatePickerComponent` is being closed."
- }
- },
- "onSelection": {
- "comment": {
- "shortText": [
- "An @Output property that is fired when selection is made in the calendar.",
- "```typescript",
- "public selection(event){",
- " alert(\"A date has been selected!\");",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "valueChange": {
- "comment": {
- "shortText": [
- "An @Output property that is fired when date picker value is changed.",
- "```typescript",
- "public valueChanged(event){",
- " alert(\"Date picker value is changed\");",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "onDisabledDate": {
- "comment": {
- "shortText": [
- "An @Output property that fires when the user types/spins to a disabled date in the date-picker editor.",
- "```typescript",
- "public onDisabledDate(event){",
- " alert(\"This date is disabled!\");",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "onValidationFailed": {
- "comment": {
- "shortText": [
- "An @Output property that fires when the user types/spins invalid date in the date-picker editor.",
- "```typescript",
- "public onValidationFailed(event){",
- " alert(\"This date is not valid!\");",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "methods": {
- "writeValue": {
- "comment": {
- "parameters": {
- "value": {
- "comment": {
- "text": "The date you want to select."
- }
- }
- },
- "tags": {
- "memberof": {
- "comment": {
- "text": "{@link IgxDatePickerComponent}",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Method that sets the selected date.",
- "```typescript",
- "public date = new Date();",
- "@ViewChild(\"MyDatePicker\")",
- "public datePicker: IgxDatePickerComponent;",
- "ngAfterViewInit(){",
- " this.datePicker.writeValue(this.date);",
- "}",
- "```"
- ]
- }
- },
- "triggerTodaySelection": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "{@link IgxDatePickerComponent}",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Selects today's date from calendar and change the input field value, @calendar.viewDate and @calendar.value.",
- "```typescript",
- "@ViewChild(\"MyDatePicker\")",
- "public datePicker: IgxDatePickerComponent;",
- "ngAfterViewInit(){",
- "this.datePicker.triggerTodaySelection();",
- "}",
- "```"
- ]
- }
- },
- "selectDate": {
- "comment": {
- "parameters": {
- "date": {
- "comment": {
- "text": "passed date that has to be set to the calendar."
- }
- }
- },
- "tags": {
- "memberof": {
- "comment": {
- "text": "{@link IgxDatePickerComponent}",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Change the calendar selection and calling this method will emit the @calendar.onSelection event,",
- "which will fire @handleSelection method.",
- "```typescript",
- "@ViewChild(\"MyDatePicker\")",
- "public datePicker: IgxDatePickerComponent;",
- "ngAfterViewInit(){",
- "this.datePicker.selectDate(this.date);",
- "}",
- "```"
- ]
- }
- },
- "deselectDate": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "{@link IgxDatePickerComponent}",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Deselects the calendar date.",
- "```typescript",
- "@ViewChild(\"MyDatePicker\")",
- "public datePicker: IgxDatePickerComponent;",
- "ngAfterViewInit(){",
- "this.datePicker.deselectDate();",
- "}",
- "```"
- ]
- }
- },
- "openDialog": {
- "comment": {
- "parameters": {
- "target": {
- "comment": {
- "text": [
- "HTMLElement - the target element to use for positioning the drop down container according to",
- "```html",
- "",
- " ",
- " ",
- " ",
- " ",
- " alarm",
- " ",
- " ",
- " ",
- "",
- "```"
- ]
- }
- }
- },
- "tags": {},
- "shortText": "Opens the date picker drop down or dialog."
- }
- }
- },
- "accessors": {
- "formatOptions": {
- "getter": {
- "comment": {
- "shortText": [
- "Returns the format options of the `IgxDatePickerComponent`.",
- "```typescript",
- "@ViewChild(\"MyDatePicker\")",
- "public datePicker: IgxDatePickerComponent;",
- "ngAfterViewInit(){",
- " let formatOptions = this.datePicker.formatOptions;",
- "}",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "shortText": [
- "Sets the format options of the `IgxDatePickerComponent`.",
- "```typescript",
- "public Options;",
- "@ViewChild(\"MyDatePicker\")",
- "public datePicker: IgxDatePickerComponent;",
- "ngAfterViewInit(){",
- " this.Options = {",
- " day: \"numeric\",",
- " month: \"long\",",
- " weekday: \"long\",",
- " year: \"numeric\"",
- " }",
- "this.datePicker.formatOptions = this.Options;",
- "}",
- "```"
- ]
- }
- }
- },
- "format": {
- "getter": {
- "comment": {
- "shortText": [
- "Returns the date display format of the `IgxDatePickerComponent` in dropdown mode.",
- "```typescript",
- "@ViewChild(\"MyDatePicker\")",
- "public datePicker: IgxDatePickerComponent;",
- "ngAfterViewInit(){",
- " let format = this.datePicker.format;",
- "}",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "shortText": [
- "Sets the date format of the `IgxDatePickerComponent` when in editable dropdown mode.",
- "```typescript",
- "@ViewChild(\"MyDatePicker\")",
- "public datePicker: IgxDatePickerComponent;",
- "this.datePicker.format = 'yyyy-M-d';",
- "}",
- "```"
- ]
- }
- }
- },
- "formatViews": {
- "getter": {
- "comment": {
- "shortText": [
- "Returns the format views of the `IgxDatePickerComponent`.",
- "```typescript",
- "@ViewChild(\"MyDatePicker\")",
- "public datePicker: IgxDatePickerComponent;",
- "ngAfterViewInit(){",
- " let formatViews = this.datePicker.formatViews;",
- "}",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "shortText": [
- "Sets the format views of the `IgxDatePickerComponent`.",
- "```typescript",
- "public Views;",
- "@ViewChild(\"MyDatePicker\")",
- "public datePicker: IgxDatePickerComponent;",
- "ngAfterViewInit(){",
- " this.Views = {day:false, month: false, year:false};",
- " this.datePicker.formatViews = this.Views;",
- "}",
- "```"
- ]
- }
- }
- },
- "disabledDates": {
- "getter": {
- "comment": {
- "shortText": [
- "Gets the disabled dates descriptors.",
- "```typescript",
- "let disabledDates = this.datepicker.disabledDates;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "shortText": [
- "Sets the disabled dates' descriptors.",
- "```typescript",
- "@ViewChild(\"MyDatePicker\")",
- "public datePicker: IgxDatePickerComponent;",
- "ngAfterViewInit(){",
- " this.datePicker.disabledDates = [",
- " {type: DateRangeType.Between, dateRange: [new Date(\"2020-1-1\"), new Date(\"2020-1-15\")]},",
- " {type: DateRangeType.Weekends}];",
- "}",
- "```"
- ]
- }
- }
- },
- "specialDates": {
- "getter": {
- "comment": {
- "shortText": [
- "Gets the special dates descriptors.",
- "```typescript",
- "let specialDates = this.datepicker.specialDates;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "shortText": [
- "Sets the special dates' descriptors.",
- "```typescript",
- "@ViewChild(\"MyDatePicker\")",
- "public datePicker: IgxDatePickerComponent;",
- "ngAfterViewInit(){",
- " this.datePicker.specialDates = [",
- " {type: DateRangeType.Between, dateRange: [new Date(\"2020-1-1\"), new Date(\"2020-1-15\")]},",
- " {type: DateRangeType.Weekends}];",
- "}",
- "```"
- ]
- }
- }
- },
- "displayData": {
- "getter": {
- "comment": {
- "shortText": [
- "Returns the formatted date when `IgxDatePickerComponent` is in dialog mode.",
- "```typescript",
- "@ViewChild(\"MyDatePicker\")",
- "public datePicker: IgxDatePickerComponent;",
- "public selection(event){",
- " let selectedDate = this.datePicker.displayData;",
- " alert(selectedDate);",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "transformedDate": {
- "getter": {
- "comment": {
- "shortText": "hidden"
- }
- },
- "setter": {
- "comment": {
- "shortText": "hidden"
- }
- }
- },
- "template": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxDatePickerComponent",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Gets the input group template.",
- "```typescript",
- "let template = this.template();",
- "```"
- ]
- }
- }
- },
- "context": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxDatePickerComponent",
- "tagName": "memberof"
- }
- }
- },
- "shortText": "Gets the context passed to the input group template."
- }
- }
- },
- "value": {
- "getter": {
- "comment": {
- "shortText": [
- "An @Input property that gets/sets the selected date.",
- "```typescript",
- "public date: Date = new Date();",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "shortText": [
- "An @Input property that gets/sets the selected date.",
- "```typescript",
- "public date: Date = new Date();",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "onOpen": {
- "getter": {
- "comment": {
- "tags": {
- "deprecated": {
- "comment": {
- "text": [
- "Use 'onOpened' instead.",
- "An event that is emitted when the `IgxDatePickerComponent` calendar is opened.",
- "```typescript",
- "public open(event){",
- " alert(\"The date-picker calendar has been opened!\");",
- "}",
- "```",
- "```html",
- "",
- "```"
- ],
- "tagName": "deprecated"
- }
- }
- }
- }
- },
- "setter": {
- "comment": {}
- }
- },
- "onClose": {
- "getter": {
- "comment": {
- "tags": {
- "deprecated": {
- "comment": {
- "text": [
- "Use 'onClosed' instead.",
- "\"An event that is emitted when the `IgxDatePickerComponent` is closed.",
- "```typescript",
- "public close(event){",
- " alert(\"The date-picker has been closed!\");",
- "}",
- "```",
- "```html",
- "",
- "```"
- ],
- "tagName": "deprecated"
- }
- }
- }
- }
- },
- "setter": {
- "comment": {}
- }
- }
- }
- }
-}
\ No newline at end of file
diff --git a/typedoc/en/lib/directives/IgxButtonDirective.json b/typedoc/en/lib/directives/IgxButtonDirective.json
deleted file mode 100644
index 044db0e7..00000000
--- a/typedoc/en/lib/directives/IgxButtonDirective.json
+++ /dev/null
@@ -1,180 +0,0 @@
-{
- "IgxButtonDirective": {
- "properties": {
- "buttonClick": {
- "comment": {
- "shortText": "Called when the button is clicked"
- }
- },
- "role": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxButtonDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets/gets the `role` attribute.",
- "```typescript",
- "this.button.role = 'navbutton';",
- "```",
- "```typescript",
- "let buttonRole = this.button.role;",
- "```"
- ]
- }
- },
- "selected": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxButtonDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Gets or sets whether the button is selected.",
- "Mainly used in the IgxButtonGroup component and it will have no effect if set separately.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "methods": {},
- "accessors": {
- "nativeElement": {
- "getter": {
- "comment": {
- "shortText": "Returns the underlying DOM element"
- }
- }
- },
- "type": {
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxButtonDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets the type of the button.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "color": {
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxButtonDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets the button text color.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "background": {
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxButtonDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets the background color of the button.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "label": {
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxButtonDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets the `aria-label` attribute.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "disabled": {
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxButtonDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Enables/disables the button.",
- " ```html",
- "",
- "```"
- ]
- }
- }
- },
- "displayDensity": {
- "getter": {
- "comment": {
- "shortText": [
- "Returns the theme of the component.",
- "The default theme is `comfortable`.",
- "Available options are `comfortable`, `cosy`, `compact`.",
- "```typescript",
- "let componentTheme = this.component.displayDensity;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "shortText": "Sets the theme of the component."
- }
- }
- }
- }
- }
-}
\ No newline at end of file
diff --git a/typedoc/en/lib/directives/IgxInputDirective.json b/typedoc/en/lib/directives/IgxInputDirective.json
deleted file mode 100644
index 5e53e142..00000000
--- a/typedoc/en/lib/directives/IgxInputDirective.json
+++ /dev/null
@@ -1,334 +0,0 @@
-{
- "IgxInputDirective": {
- "properties": {
- "isInput": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxInputDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets/gets whether the `\"igx-input-group__input\"` class is added to the host element.",
- "Default value is `false`.",
- "```typescript",
- "this.igxInput.isInput = true;",
- "```",
- "```typescript",
- "let isCLassAdded = this.igxInput.isInput;",
- "```"
- ]
- }
- },
- "isTextArea": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxInputDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets/gets whether the `\"class.igx-input-group__textarea\"` class is added to the host element.",
- "Default value is `false`.",
- "```typescript",
- "this.igxInput.isTextArea = true;",
- "```",
- "```typescript",
- "let isCLassAdded = this.igxInput.isTextArea;",
- "```"
- ]
- }
- }
- },
- "methods": {
- "focus": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxInputDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets a focus on the igxInput.",
- "```typescript",
- "this.igxInput.focus();",
- "```"
- ]
- }
- }
- },
- "accessors": {
- "value": {
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxInputDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets the `value` property.",
- "```html",
- "",
- " ",
- "",
- "```"
- ]
- }
- },
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxInputDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Gets the `value` propery.",
- "```typescript",
- "@ViewChild('igxInput', {read: IgxInputDirective})",
- " public igxInput: IgxInputDirective;",
- "let inputValue = this.igxInput.value;",
- "```"
- ]
- }
- }
- },
- "disabled": {
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxInputDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets the `disabled` property.",
- "```html",
- "",
- " ",
- "",
- "```"
- ]
- }
- },
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxInputDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Gets the `disabled` property",
- "```typescript",
- "@ViewChild('igxInput', {read: IgxInputDirective})",
- " public igxInput: IgxInputDirective;",
- "let isDisabled = this.igxInput.disabled;",
- "```"
- ]
- }
- }
- },
- "required": {
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxInputDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets the `required` property.",
- "```html",
- "",
- " ",
- "",
- "```"
- ]
- }
- },
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxInputDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Gets whether the igxInput is required.",
- "```typescript",
- "let isRequired = this.igxInput.required;",
- "```"
- ]
- }
- }
- },
- "nativeElement": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxInputDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Gets the `nativeElement` of the igxInput.",
- "```typescript",
- "let igxInputNativeElement = this.igxInput.nativeElement;",
- "```"
- ]
- }
- }
- },
- "hasPlaceholder": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxInputDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Gets whether the igxInput has a placeholder.",
- "```typescript",
- "let hasPlaceholder = this.igxInput.hasPlaceholder;",
- "```"
- ]
- }
- }
- },
- "placeholder": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxInputDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Gets the placeholder element of the igxInput.",
- "```typescript",
- "let igxInputPlaceholder = this.igxInput.placeholder;",
- "```"
- ]
- }
- }
- },
- "focused": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxInputDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Gets whether the igxInput is focused.",
- "```typescript",
- "let isFocused = this.igxInput.focused;",
- "```"
- ]
- }
- }
- },
- "valid": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxInputDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Gets the state of the igxInput.",
- "```typescript",
- "let igxInputState = this.igxInput.valid;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxInputDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets the state of the igxInput.",
- "```typescript",
- "this.igxInput.valid = IgxInputState.INVALID;",
- "```"
- ]
- }
- }
- },
- "isValid": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxInputDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Gets whether the igxInput is valid.",
- "```typescript",
- "let valid = this.igxInput.isValid;",
- "```"
- ]
- }
- }
- }
- }
- }
-}
\ No newline at end of file
diff --git a/typedoc/en/lib/directives/IgxRadioGroupDirective.json b/typedoc/en/lib/directives/IgxRadioGroupDirective.json
deleted file mode 100644
index 00d68a2d..00000000
--- a/typedoc/en/lib/directives/IgxRadioGroupDirective.json
+++ /dev/null
@@ -1,282 +0,0 @@
-{
- "IgxRadioGroupDirective": {
- "comment": {
- "text": [
- "The Ignite UI Radio Group allows the user to select a single option from an available set of options that are listed side by side.",
- "Example:",
- "```html",
- "",
- " ",
- " {{item}}",
- " ",
- "",
- "```"
- ],
- "shortText": [
- "**Ignite UI for Angular Radio Group** -",
- "[Documentation](https://www.infragistics.com/products/ignite-ui-angular/angular/components/radio_button.html)"
- ]
- },
- "properties": {
- "radioButtons": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxRadioGroupDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns reference to the child radio buttons.",
- "```typescript",
- "let radioButtons = this.radioGroup.radioButtons;",
- "```"
- ]
- }
- },
- "change": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxRadioGroupDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "An event that is emitted after the radio group `value` is changed.",
- "Provides references to the selected `IgxRadioComponent` and the `value` property as event arguments."
- ]
- }
- }
- },
- "methods": {
- "writeValue": {
- "comment": {
- "shortText": [
- "Checks whether the provided value is consistent to the current radio button.",
- "If it is, the checked attribute will have value `true` and selected property will contain the selected `IgxRadioComponent`.",
- "```typescript",
- "this.radioGroup.writeValue('radioButtonValue');",
- "```"
- ]
- }
- }
- },
- "accessors": {
- "value": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxRadioGroupDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets/gets the `value` attribute.",
- "```html",
- "",
- "```",
- "```typescript",
- "let value = this.radioGroup.value;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "shortText": [
- "Sets/gets the `value` attribute.",
- "```html",
- "",
- "```",
- "```typescript",
- "let value = this.radioGroup.value;",
- "```"
- ]
- }
- }
- },
- "name": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxRadioGroupDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets/gets the `name` attribute of the radio group component. All child radio buttons inherits this name.",
- "```html",
- "",
- " ```",
- "```typescript",
- "let name = this.radioGroup.name;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "shortText": [
- "Sets/gets the `name` attribute of the radio group component. All child radio buttons inherits this name.",
- "```html",
- "",
- " ```",
- "```typescript",
- "let name = this.radioGroup.name;",
- "```"
- ]
- }
- }
- },
- "required": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxRadioGroupDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets/gets whether the radio group is required.",
- "If not set, `required` will have value `false`.",
- "```html",
- "",
- "```",
- "```typescript",
- "let isRequired = this.radioGroup.required;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "shortText": [
- "Sets/gets whether the radio group is required.",
- "If not set, `required` will have value `false`.",
- "```html",
- "",
- "```",
- "```typescript",
- "let isRequired = this.radioGroup.required;",
- "```"
- ]
- }
- }
- },
- "disabled": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxRadioGroupDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "An @Input property that allows you to disable the radio group. By default it's false.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "shortText": [
- "An @Input property that allows you to disable the radio group. By default it's false.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "labelPosition": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxRadioGroupDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets/gets the position of the `label` in the child radio buttons.",
- "If not set, `labelPosition` will have value `\"after\"`.",
- "```html",
- "",
- "```",
- "```typescript",
- "let labelPosition = this.radioGroup.labelPosition;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "shortText": [
- "Sets/gets the position of the `label` in the child radio buttons.",
- "If not set, `labelPosition` will have value `\"after\"`.",
- "```html",
- "",
- "```",
- "```typescript",
- "let labelPosition = this.radioGroup.labelPosition;",
- "```"
- ]
- }
- }
- },
- "selected": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxRadioGroupDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets/gets the selected child radio button.",
- "```typescript",
- "let selectedButton = this.radioGroup.selected;",
- "this.radioGroup.selected = selectedButton;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "shortText": [
- "Sets/gets the selected child radio button.",
- "```typescript",
- "let selectedButton = this.radioGroup.selected;",
- "this.radioGroup.selected = selectedButton;",
- "```"
- ]
- }
- }
- }
- }
- }
-}
\ No newline at end of file
diff --git a/typedoc/en/lib/grids/IgxGridBaseDirective.json b/typedoc/en/lib/grids/IgxGridBaseDirective.json
deleted file mode 100644
index 9a78b987..00000000
--- a/typedoc/en/lib/grids/IgxGridBaseDirective.json
+++ /dev/null
@@ -1,4223 +0,0 @@
-{
- "IgxGridBaseDirective": {
- "properties": {
- "autoGenerate": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "An @Input property that autogenerates the `IgxGridComponent` columns.",
- "The default value is false.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "emptyGridTemplate": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "An @Input property that sets a custom template when the `IgxGridComponent` is empty.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "loadingGridTemplate": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "An @Input property that sets a custom template when the `IgxGridComponent` is loading.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "filteringExpressionsTreeChange": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Emitted after filtering is performed.",
- "Returns the filtering expressions tree of the column for which filtering was performed.",
- "```typescript",
- "filteringExprTreeChange(event: IFilteringExpressionsTree){",
- " const filteringTree = event;",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "advancedFilteringExpressionsTreeChange": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Emitted after advanced filtering is performed.",
- "Returns the advanced filtering expressions tree.",
- "```typescript",
- "advancedFilteringExprTreeChange(event: IFilteringExpressionsTree){",
- " const filteringTree = event;",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "paginationTemplate": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "You can provide a custom `ng-template` for the pagination UI of the grid.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "evenRowCSS": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "An @Input property that adds styling classes applied to all even `IgxGridRowComponent`s in the grid.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "oddRowCSS": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "An @Input property that adds styling classes applied to all odd `IgxGridRowComponent`s in the grid.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "primaryKey": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "An @Input property that sets the primary key of the `IgxGridComponent`.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "shouldGenerate": {
- "comment": {
- "shortText": [
- "A property that allows the columns to be auto-generated once again after the initialization of the grid.",
- "This will allow to bind the grid to remote data and having auto-generated columns at the same time.",
- "Note that after generating the columns, this property would be disabled to avoid re-creating",
- "columns each time a new data is assigned.",
- "```typescript",
- " this.grid.shouldGenerate = true;",
- " this.remoteData = this.remoteService.remoteData;",
- "```"
- ]
- }
- },
- "columnHidingTitle": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "An @Input property that sets the title to be displayed in the built-in column hiding UI.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "columnPinningTitle": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "An @Input property that sets the title to be displayed in the UI of the column pinning.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "uniqueColumnValuesStrategy": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "text": [
- "```typescript",
- "public columnValuesStrategy = (column: IgxColumnComponent,",
- " filteringExpressionsTree: IFilteringExpressionsTree,",
- " done: (uniqueValues: any[]) => void) => {",
- " this.dataService.getColumnData(column, filteringExpressionsTree, uniqueValues => done(uniqueValues));",
- "}",
- "```"
- ],
- "shortText": [
- "An @Input property that provides a callback for loading unique column values on demand.",
- "If this property is provided, the unique values it generates will be used by the Excel Style Filtering.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "onCellClick": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Emitted when `IgxGridCellComponent` is clicked. Returns the `IgxGridCellComponent`.",
- "```html",
- "",
- "```",
- "```typescript",
- "public onCellClick(e){",
- " alert(\"The cell has been clicked!\");",
- "}",
- "```"
- ]
- }
- },
- "onSelection": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Emitted when `IgxGridCellComponent` is selected. Returns the `IgxGridCellComponent`.",
- "```html",
- "",
- "```",
- "```typescript",
- "public onCellSelect(e){",
- " alert(\"The cell has been selected!\");",
- "}",
- "```"
- ]
- }
- },
- "onRowSelectionChange": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- " Emitted when `IgxGridRowComponent` is selected.",
- "```html",
- "",
- "```",
- "```typescript",
- "public onCellClickChange(e){",
- " alert(\"The selected row has been changed!\");",
- "}",
- "```"
- ]
- }
- },
- "onColumnPinning": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Emitted when `IgxColumnComponent` is pinned.",
- "The index that the column is inserted at may be changed through the `insertAtIndex` property.",
- "```typescript",
- "public columnPinning(event) {",
- " if (event.column.field === \"Name\") {",
- " event.insertAtIndex = 0;",
- " }",
- "}",
- "```"
- ]
- }
- },
- "onCellEditCancel": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridComponent",
- "tagName": "memberof"
- }
- }
- },
- "text": [
- "args: IGridEditEventArgs = {",
- " cancel: bool,",
- " cellID: {",
- " columnID: int,",
- " rowID: int,",
- " rowIndex: int",
- " }",
- " newValue: object,",
- " oldValue: object,",
- " rowID: int",
- " }",
- "```typescript",
- "editCancel(event: IGridEditEventArgs){",
- " const rowID: IgxColumnComponent = event.rowID;",
- "}",
- "```",
- "```html",
- "",
- " ",
- " ",
- " ",
- "",
- "```"
- ],
- "shortText": [
- "An @Output property emitting an event when `IgxGridCellComponent`",
- "editing has been performed in the grid and the values have **not** been submitted (e.g. `Esc` key was pressed).",
- "This event is cancelable."
- ]
- }
- },
- "onCellEditEnter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridComponent",
- "tagName": "memberof"
- }
- }
- },
- "text": [
- "args: IGridEditEventArgs = {",
- " cancel: bool,",
- " cellID: {",
- " columnID: int,",
- " rowID: int,",
- " rowIndex: int",
- " }",
- " oldValue: object,",
- " rowID: int",
- " }",
- "```typescript",
- "editStart(event: IGridEditEventArgs){",
- " const value: IgxColumnComponent = event.newValue;",
- "}",
- "```",
- "```html",
- "",
- " ",
- " ",
- " ",
- "",
- "```"
- ],
- "shortText": [
- "An @Output property emitting an event when `IgxGridCellComponent` enters edit mode.",
- "This event is cancelable."
- ]
- }
- },
- "onCellEdit": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "text": [
- "args: IGridEditEventArgs = {",
- " cancel: bool,",
- " cellID: {",
- " columnID: int,",
- " rowID: int,",
- " rowIndex: int",
- " }",
- " newValue: object,",
- " oldValue: object,",
- " rowID: int",
- " }",
- "```typescript",
- "editDone(event: IGridEditEventArgs){",
- " const value: IgxColumnComponent = event.newValue;",
- "}",
- "```",
- "```html",
- "",
- " ",
- " ",
- " ",
- "",
- "```"
- ],
- "shortText": [
- "An @Output property emitting an event when `IgxGridCellComponent` editing has been performed in the grid.",
- "Event is fired after editing is completed, when the cell is exiting edit mode.",
- "This event is cancelable."
- ]
- }
- },
- "onRowEditEnter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridComponent",
- "tagName": "memberof"
- }
- }
- },
- "text": [
- "args: IGridEditEventArgs = {",
- " cancel: bool,",
- " oldValue: ,",
- " rowID: int",
- " }",
- "Bind to the event in markup as follows:",
- "```html",
- "",
- " ",
- " ",
- " ",
- "",
- "```",
- "```typescript",
- " editStart(event: IGridEditEventArgs) {",
- " const editedRowObj = event.oldValue;",
- " const cancelValue = event.cancel;",
- " const rowID = event.rowID;",
- " }",
- "```"
- ],
- "shortText": [
- "An @Output property emitting an event when [rowEditable]=\"true\" a row enters edit mode.",
- "This event is cancelable."
- ]
- }
- },
- "onRowEdit": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "text": [
- "args: IGridEditEventArgs = {",
- " cancel: bool,",
- " newValue: ,",
- " oldValue: ,",
- " rowID: int",
- " }",
- "Bind to the event in markup as follows:",
- "```html",
- "",
- " ",
- " ",
- " ",
- "",
- "```",
- "```typescript",
- " editDone(event: IGridEditEventArgs) {",
- " const originalRowObj = event.oldValue;",
- " const updatedRowObj = event.newValue;",
- " const cancelValue = event.cancel;",
- " const rowID = event.rowID;",
- " }",
- "```"
- ],
- "shortText": [
- "An @Output property emitting an event when [rowEditable]=\"true\" & `endEdit(true)` is called.",
- "Emitted when changing rows during edit mode, selecting an un-editable cell in the edited row,",
- "performing paging operation, column resizing, pinning, moving or hitting `Done`",
- "button inside of the rowEditingOverlay, or hitting the `Enter` key while editing a cell.",
- "This event is cancelable."
- ]
- }
- },
- "onRowEditCancel": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "text": [
- "args: IGridEditEventArgs = {",
- " cancel: bool,",
- " newValue: ,",
- " oldValue: ,",
- " rowID: int",
- " }",
- "Bind to the event in markup as follows:",
- "```html",
- "",
- " ",
- " ",
- " ",
- "",
- "```",
- "```typescript",
- " editCancel(emitted: { row: IgxGridRowComponent, newValue: any, oldValue: any }): void {",
- " const originalRowObj = event.oldValue;",
- " const updatedRowObj = event.newValue;",
- " const cancelValue = event.cancel;",
- " const rowID = event.rowID;",
- " }",
- "```"
- ],
- "shortText": [
- "An @Output property emitting an event when [rowEditable]=\"true\" & `endEdit(false)` is called.",
- "Emitted when changing hitting `Esc` key during cell editing and when click on the `Cancel` button",
- "in the row editing overlay.",
- "This event is cancelable."
- ]
- }
- },
- "onColumnInit": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Emitted when a grid column is initialized. Returns the column object.",
- "```html",
- "",
- "```",
- "```typescript",
- "initColumns(event: IgxColumnComponent) {",
- "const column: IgxColumnComponent = event;",
- " column.filterable = true;",
- " column.sortable = true;",
- " column.editable = true;",
- "}",
- "```"
- ]
- }
- },
- "onSortingDone": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Emitted when sorting is performed through the UI. Returns the sorting expression.",
- "```html",
- "",
- "```",
- "```typescript",
- "sortingDone(event: SortingDirection){",
- " const sortingDirection = event;",
- "}",
- "```"
- ]
- }
- },
- "onFilteringDone": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Emitted when filtering is performed through the UI.",
- "Returns the filtering expressions tree of the column for which filtering was performed.",
- "```typescript",
- "filteringDone(event: IFilteringExpressionsTree){",
- " const filteringTree = event;",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "onPagingDone": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Emitted when paging is performed. Returns an object consisting of the previous and next pages.",
- "```typescript",
- "pagingDone(event: IPageEventArgs){",
- " const paging = event;",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "onRowAdded": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Emitted when a `IgxGridRowComponent` is being added to the `IgxGridComponent` through the API.",
- "Returns the data for the new `IgxGridRowComponent` object.",
- "```typescript",
- "rowAdded(event: IRowDataEventArgs){",
- " const rowInfo = event;",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "onRowDeleted": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Emitted when a `IgxGridRowComponent` is deleted through the `IgxGridComponent` API.",
- "Returns an `IRowDataEventArgs` object.",
- "```typescript",
- "rowDeleted(event: IRowDataEventArgs){",
- " const rowInfo = event;",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "onDataPreLoad": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Emitted when a new chunk of data is loaded from virtualization.",
- "```typescript",
- " ",
- "```"
- ]
- }
- },
- "onColumnResized": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Emitted when `IgxColumnComponent` is resized.",
- "Returns the `IgxColumnComponent` object's old and new width.",
- "```typescript",
- "resizing(event: IColumnResizeEventArgs){",
- " const grouping = event;",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "onContextMenu": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Emitted when a `IgxGridCellComponent` is right clicked. Returns the `IgxGridCellComponent` object.",
- "```typescript",
- "contextMenu(event: IGridCellEventArgs){",
- " const resizing = event;",
- " console.log(resizing);",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "onDoubleClick": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Emitted when a `IgxGridCellComponent` is double clicked. Returns the `IgxGridCellComponent` object.",
- "```typescript",
- "dblClick(event: IGridCellEventArgs){",
- " const dblClick = event;",
- " console.log(dblClick);",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "onColumnVisibilityChanged": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Emitted when `IgxColumnComponent` visibility is changed. Args: { column: any, newValue: boolean }",
- "```typescript",
- "visibilityChanged(event: IColumnVisibilityChangedEventArgs){",
- " const visiblity = event;",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "onColumnMovingStart": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Emitted when `IgxColumnComponent` moving starts. Returns the moved `IgxColumnComponent` object.",
- "```typescript",
- "movingStart(event: IColumnMovingStartEventArgs){",
- " const movingStarts = event;",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "onColumnMoving": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Emitted throughout the `IgxColumnComponent` moving operation.",
- "Returns the source and target `IgxColumnComponent` objects. This event is cancelable.",
- "```typescript",
- "moving(event: IColumnMovingEventArgs){",
- " const moving = event;",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "onColumnMovingEnd": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Emitted when `IgxColumnComponent` moving ends.",
- "Returns the source and target `IgxColumnComponent` objects.",
- "```typescript",
- "movingEnds(event: IColumnMovingEndEventArgs){",
- " const movingEnds = event;",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "onGridKeydown": {
- "comment": {
- "shortText": [
- "Emitted when keydown is triggered over element inside grid's body.",
- "This event is fired only if the key combination is supported in the grid.",
- "Return the target type, target object and the original event. This event is cancelable.",
- "```typescript",
- "customKeydown(args: IGridKeydownEventArgs) {",
- " const keydownEvent = args.event;",
- "}",
- "```",
- "```html",
- " ",
- "```"
- ]
- }
- },
- "onRowDragStart": {
- "comment": {
- "shortText": [
- "Emitted when start dragging a row.",
- "Return the dragged row."
- ]
- }
- },
- "onRowDragEnd": {
- "comment": {
- "shortText": [
- "Emitted when dropping a row.",
- "Return the dropped row."
- ]
- }
- },
- "onGridCopy": {
- "comment": {
- "shortText": [
- "Emitted when a copy operation is executed.",
- "Fired only if copy behavior is enabled through the [`clipboardOptions`]{@link IgxGridBaseDirective#clipboardOptions}."
- ]
- }
- },
- "onRowToggle": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Emitted when the expanded state of a row gets changed.",
- "```typescript",
- "rowToggle(event: IRowToggleEventArgs){",
- " // the id of the row",
- " const rowID = event.rowID;",
- " // the new expansion state",
- " const newExpandedState = event.expanded;",
- " // the original event that triggered onRowToggle",
- " const originalEvent = event.event;",
- " // whether the event should be cancelled",
- " event.cancel = true;",
- "}",
- "```",
- "```html",
- "",
- "```"
- ]
- }
- },
- "emptyFilteredGridTemplate": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "A template reference for the template when the filtered `IgxGridComponent` is empty.",
- "```",
- "const emptyTempalte = this.grid.emptyGridTemplate;",
- "```"
- ]
- }
- },
- "emptyGridDefaultTemplate": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "A template reference for the template when the `IgxGridComponent` is empty.",
- "```",
- "const emptyTempalte = this.grid.emptyGridTemplate;",
- "```"
- ]
- }
- },
- "rowExpandedIndicatorTemplate": {
- "comment": {
- "shortText": "The custom template, if any, that should be used when rendering a row expand indicator."
- }
- },
- "rowCollapsedIndicatorTemplate": {
- "comment": {
- "shortText": "The custom template, if any, that should be used when rendering a row collapse indicator."
- }
- },
- "headerExpandIndicatorTemplate": {
- "comment": {
- "shortText": "The custom template, if any, that should be used when rendering a header expand indicator."
- }
- },
- "headerCollapseIndicatorTemplate": {
- "comment": {
- "shortText": "The custom template, if any, that should be used when rendering a header collapse indicator."
- }
- },
- "sortingExpressionsChange": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Emitted before sorting is performed. Returns the sorting expressions.",
- "```html",
- "",
- "```",
- "```typescript",
- "sortingExprChange(event: ISortingExpression[]){",
- " const sortingExpressions = event;",
- "}",
- "```"
- ]
- }
- },
- "toolbar": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Provides access to the `IgxToolbarComponent`.",
- "```typescript",
- "const gridToolbar = this.grid.toolbar;",
- "```"
- ]
- }
- },
- "onToolbarExporting": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Emitted when an export process is initiated by the user.",
- "```typescript",
- "toolbarExporting(event: IGridToolbarExportEventArgs){",
- " const toolbarExporting = event;",
- "}",
- "```"
- ]
- }
- },
- "onRangeSelection": {
- "comment": {
- "shortText": [
- "Emitted when making a range selection either through",
- "drag selection or through keyboard selection."
- ]
- }
- }
- },
- "methods": {
- "toggleColumnVisibility": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Toggles the specified column's visibility.",
- "```typescript",
- "this.grid1.toggleColumnVisibility({",
- " column: this.grid1.columns[0],",
- " newValue: true",
- "});",
- "```"
- ]
- }
- },
- "expandAll": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Expands all rows.",
- "```typescript",
- "this.grid.expandAll();",
- "```"
- ]
- }
- },
- "collapseAll": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Collapses all rows.",
- "```typescript",
- "this.grid.collapseAll();",
- "```"
- ]
- }
- },
- "expandRow": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Expands the row by its id. ID is either the primaryKey value or the data record instance.",
- "```typescript",
- "this.grid.expandRow(rowID);",
- "```"
- ]
- }
- },
- "collapseRow": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Collapses the row by its id. ID is either the primaryKey value or the data record instance.",
- "```typescript",
- "this.grid.collapseRow(rowID);",
- "```"
- ]
- }
- },
- "toggleRow": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Toggles the row by its id. ID is either the primaryKey value or the data record instance.",
- "```typescript",
- "this.grid.toggleRow(rowID);",
- "```"
- ]
- }
- },
- "getHeaderGroupWidth": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": "Returns the `width` to be set on `IgxGridHeaderGroupComponent`."
- }
- },
- "getColumnByName": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns the `IgxColumnComponent` by field name.",
- "```typescript",
- "const myCol = this.grid1.getColumnByName(\"ID\");",
- "```"
- ]
- }
- },
- "getRowByIndex": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns the `IgxRowDirective` by index.",
- "```typescript",
- "const myRow = this.grid1.getRowByIndex(1);",
- "```"
- ]
- }
- },
- "getRowByKey": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns `IgxGridRowComponent` object by the specified primary key .",
- "Requires that the `primaryKey` property is set.",
- "```typescript",
- "const myRow = this.grid1.getRowByKey(\"cell5\");",
- "```"
- ]
- }
- },
- "getCellByColumn": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns the `IgxGridCellComponent` that matches the conditions.",
- "```typescript",
- "const myCell = this.grid1.getCellByColumn(2,\"UnitPrice\");",
- "```"
- ]
- }
- },
- "getCellByKey": {
- "comment": {
- "parameters": {
- "rowSelector": {
- "comment": {
- "text": "match any rowID"
- }
- }
- },
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns an `IgxGridCellComponent` object by the specified primary key and column field.",
- "Requires that the primaryKey property is set.",
- "```typescript",
- "grid.getCellByKey(1, 'index');",
- "```"
- ]
- }
- },
- "nextPage": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Goes to the next page of the `IgxGridComponent`, if the grid is not already at the last page.",
- "```typescript",
- "this.grid1.nextPage();",
- "```"
- ]
- }
- },
- "previousPage": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Goes to the previous page of the `IgxGridComponent`, if the grid is not already at the first page.",
- "```typescript",
- "this.grid1.previousPage();",
- "```"
- ]
- }
- },
- "moveColumn": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Moves a column to the specified drop target.",
- "```typescript",
- "grid.moveColumn(compName, persDetails);",
- "```"
- ]
- }
- },
- "paginate": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Goes to the desired page index.",
- "```typescript",
- "this.grid1.paginate(1);",
- "```"
- ]
- }
- },
- "markForCheck": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Manually marks the `IgxGridComponent` for change detection.",
- "```typescript",
- "this.grid1.markForCheck();",
- "```"
- ]
- }
- },
- "addRow": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Creates a new `IgxGridRowComponent` and adds the data record to the end of the data source.",
- "```typescript",
- "const record = {",
- " ID: this.grid1.data[this.grid1.data.length - 1].ID + 1,",
- " Name: this.newRecord",
- "};",
- "this.grid1.addRow(record);",
- "```"
- ]
- }
- },
- "deleteRow": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Removes the `IgxGridRowComponent` and the corresponding data record by primary key.",
- "Requires that the `primaryKey` property is set.",
- "The method accept rowSelector as a parameter, which is the rowID.",
- "```typescript",
- "this.grid1.deleteRow(0);",
- "```"
- ]
- }
- },
- "updateCell": {
- "comment": {
- "parameters": {
- "value": {
- "comment": {
- "text": "the new value which is to be set."
- }
- },
- "rowSelector": {
- "comment": {
- "text": "corresponds to rowID."
- }
- },
- "column": {
- "comment": {
- "text": "corresponds to column field."
- }
- }
- },
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Updates the `IgxGridRowComponent` and the corresponding data record by primary key.",
- "Requires that the `primaryKey` property is set.",
- "```typescript",
- "this.gridWithPK.updateCell('Updated', 1, 'ProductName');",
- "```"
- ]
- }
- },
- "updateRow": {
- "comment": {
- "parameters": {
- "rowSelector": {
- "comment": {
- "text": "correspond to rowID"
- }
- }
- },
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Updates the `IgxGridRowComponent`, which is specified by",
- "rowSelector parameter and the data source record with the passed value.",
- "This method will apply requested update only if primary key is specified in the grid.",
- "```typescript",
- "grid.updateRow({",
- " ProductID: 1, ProductName: 'Spearmint', InStock: true, UnitsInStock: 1, OrderDate: new Date('2005-03-21')",
- " }, 1);",
- "```"
- ]
- }
- },
- "sort": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sort a single `IgxColumnComponent`.",
- "Sort the `IgxGridComponent`'s `IgxColumnComponent` based on the provided array of sorting expressions.",
- "```typescript",
- "this.grid.sort({ fieldName: name, dir: SortingDirection.Asc, ignoreCase: false });",
- "```"
- ]
- }
- },
- "filter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Filters a single `IgxColumnComponent`.",
- "```typescript",
- "public filter(term) {",
- " this.grid.filter(\"ProductName\", term, IgxStringFilteringOperand.instance().condition(\"contains\"));",
- "}",
- "```"
- ]
- }
- },
- "filterGlobal": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Filters all the `IgxColumnComponent` in the `IgxGridComponent` with the same condition.",
- "```typescript",
- "grid.filterGlobal('some', IgxStringFilteringOperand.instance().condition('contains'));",
- "```"
- ]
- }
- },
- "enableSummaries": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Enables summaries for the specified column and applies your customSummary.",
- "If you do not provide the customSummary, then the default summary for the column data type will be applied.",
- "```typescript",
- "grid.enableSummaries([{ fieldName: 'ProductName' }, { fieldName: 'ID' }]);",
- "```",
- "Enable summaries for the listed columns.",
- "```typescript",
- "grid.enableSummaries('ProductName');",
- "```"
- ]
- }
- },
- "disableSummaries": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "text": [
- "Disable summaries for the listed columns.",
- "```typescript",
- "grid.disableSummaries([{ fieldName: 'ProductName' }]);",
- "```"
- ],
- "shortText": [
- "Disable summaries for the specified column.",
- "```typescript",
- "grid.disableSummaries('ProductName');",
- "```"
- ]
- }
- },
- "clearFilter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "If name is provided, clears the filtering state of the corresponding `IgxColumnComponent`,",
- "otherwise clears the filtering state of all `IgxColumnComponent`s.",
- "```typescript",
- "this.grid.clearFilter();",
- "```"
- ]
- }
- },
- "clearSort": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "If name is provided, clears the sorting state of the corresponding `IgxColumnComponent`,",
- "otherwise clears the sorting state of all `IgxColumnComponent`.",
- "```typescript",
- "this.grid.clearSort();",
- "```"
- ]
- }
- },
- "pinColumn": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Pins a column by field name. Returns whether the operation is successful.",
- "```typescript",
- "this.grid.pinColumn(\"ID\");",
- "```"
- ]
- }
- },
- "unpinColumn": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Unpins a column by field name. Returns whether the operation is successful.",
- "```typescript",
- "this.grid.pinColumn(\"ID\");",
- "```"
- ]
- }
- },
- "reflow": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Recalculates grid width/height dimensions. Should be run when changing DOM elements dimentions manually that affect the grid's size.",
- "```typescript",
- "this.grid.reflow();",
- "```"
- ]
- }
- },
- "findNext": {
- "comment": {
- "parameters": {
- "text": {
- "comment": {
- "text": "the string to search."
- }
- },
- "caseSensitive": {
- "comment": {
- "text": "optionally, if the search should be case sensitive (defaults to false)."
- }
- },
- "exactMatch": {
- "comment": {
- "text": "optionally, if the text should match the entire value (defaults to false)."
- }
- }
- },
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Finds the next occurrence of a given string in the grid and scrolls to the cell if it isn't visible.",
- "Returns how many times the grid contains the string.",
- "```typescript",
- "this.grid.findNext(\"financial\");",
- "```"
- ]
- }
- },
- "findPrev": {
- "comment": {
- "parameters": {
- "text": {
- "comment": {
- "text": "the string to search."
- }
- },
- "caseSensitive": {
- "comment": {
- "text": "optionally, if the search should be case sensitive (defaults to false)."
- }
- },
- "exactMatch": {
- "comment": {
- "text": "optionally, if the text should match the entire value (defaults to false)."
- }
- }
- },
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Finds the previous occurrence of a given string in the grid and scrolls to the cell if it isn't visible.",
- "Returns how many times the grid contains the string.",
- "```typescript",
- "this.grid.findPrev(\"financial\");",
- "```"
- ]
- }
- },
- "refreshSearch": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Reapplies the existing search.",
- "Returns how many times the grid contains the last search.",
- "```typescript",
- "this.grid.refreshSearch();",
- "```"
- ]
- }
- },
- "clearSearch": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Removes all the highlights in the cell.",
- "```typescript",
- "this.grid.clearSearch();",
- "```"
- ]
- }
- },
- "getPinnedWidth": {
- "comment": {
- "parameters": {
- "takeHidden": {
- "comment": {
- "text": "If we should take into account the hidden columns in the pinned area."
- }
- }
- },
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Gets calculated width of the pinned area.",
- "```typescript",
- "const pinnedWidth = this.grid.getPinnedWidth();",
- "```"
- ]
- }
- },
- "selectedRows": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Get current selection state.",
- "Returns an array with selected rows' IDs (primaryKey or rowData)",
- "```typescript",
- "const selectedRows = this.grid.selectedRows();",
- "```"
- ]
- }
- },
- "selectRows": {
- "comment": {
- "parameters": {
- "clearCurrentSelection": {
- "comment": {
- "text": "if true clears the current selection"
- }
- }
- },
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Select specified rows by ID.",
- "```typescript",
- "this.grid.selectRows([1,2,5], true);",
- "```"
- ]
- }
- },
- "deselectRows": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Deselect specified rows by ID.",
- "```typescript",
- "this.grid.deselectRows([1,2,5]);",
- "```"
- ]
- }
- },
- "selectAllRows": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Selects all rows",
- "Note: By default if filtering is in place, selectAllRows() and deselectAllRows() select/deselect all filtered rows.",
- "If you set the parameter onlyFilterData to false that will select all rows in the grid exept deleted rows.",
- "```typescript",
- "this.grid.selectAllRows();",
- "this.grid.selectAllRows(false);",
- "```"
- ]
- }
- },
- "deselectAllRows": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Deselects all rows",
- "Note: By default if filtering is in place, selectAllRows() and deselectAllRows() select/deselect all filtered rows.",
- "If you set the parameter onlyFilterData to false that will select all rows in the grid exept deleted rows.",
- "```typescript",
- "this.grid.deselectAllRows();",
- "```"
- ]
- }
- },
- "getSelectedData": {
- "comment": {
- "shortText": [
- "Returns an array of the current cell selection in the form of `[{ column.field: cell.value }, ...]`.",
- "If `formatters` is enabled, the cell value will be formatted by its respective column formatter (if any).",
- "If `headers` is enabled, it will use the column header (if any) instead of the column field."
- ]
- }
- },
- "navigateTo": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "This method allows you to navigate to a position",
- "in the grid based on provided `rowindex` and `visibleColumnIndex`,",
- "also to execute a custom logic over the target element,",
- "through a callback function that accepts { targetType: GridKeydownTargetType, target: Object }",
- "```typescript",
- " this.grid.navigateTo(10, 3, (args) => { args.target.nativeElement.focus(); });",
- "```"
- ]
- }
- },
- "getNextCell": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns `ICellPosition` which defines the next cell,",
- "according to the current position, that match specific criteria.",
- "You can pass callback function as a third parameter of `getPreviousCell` method.",
- "The callback function accepts IgxColumnComponent as a param",
- "```typescript",
- " const nextEditableCellPosition = this.grid.getNextCell(0, 3, (column) => column.editable);",
- "```"
- ]
- }
- },
- "getPreviousCell": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns `ICellPosition` which defines the previous cell,",
- "according to the current position, that match specific criteria.",
- "You can pass callback function as a third parameter of `getPreviousCell` method.",
- "The callback function accepts IgxColumnComponent as a param",
- "```typescript",
- " const previousEditableCellPosition = this.grid.getPreviousCell(0, 3, (column) => column.editable);",
- "```"
- ]
- }
- },
- "endEdit": {
- "comment": {
- "tags": {},
- "text": [
- "Binding to the event",
- "```html",
- "",
- "```"
- ],
- "shortText": [
- "Finishes the row transactions on the current row.",
- "If `commit === true`, passes them from the pending state to the data (or transaction service)"
- ]
- }
- },
- "openAdvancedFilteringDialog": {
- "comment": {
- "shortText": "Opens the advanced filtering dialog."
- }
- },
- "closeAdvancedFilteringDialog": {
- "comment": {
- "parameters": {
- "applyChanges": {
- "comment": {
- "text": "indicates whether the changes should be applied"
- }
- }
- },
- "tags": {},
- "shortText": "Closes the advanced filtering dialog."
- }
- }
- },
- "accessors": {
- "resourceStrings": {
- "setter": {
- "comment": {
- "shortText": [
- "An accessor that sets the resource strings.",
- "By default it uses EN resources."
- ]
- }
- },
- "getter": {
- "comment": {
- "shortText": "An accessor that returns the resource strings."
- }
- }
- },
- "filteringLogic": {
- "getter": {
- "comment": {
- "shortText": [
- "Sets the filtering logic of the `IgxGridComponent`.",
- "The default is AND.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets the filtering logic of the `IgxGridComponent`.",
- "The default is AND.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "filteringExpressionsTree": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns the filtering state of `IgxGridComponent`.",
- "```typescript",
- "let filteringExpressionsTree = this.grid.filteringExpressionsTree;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets the filtering state of the `IgxGridComponent`.",
- "```typescript",
- "const logic = new FilteringExpressionsTree(FilteringLogic.And, \"ID\");",
- "logic.filteringOperands = [",
- " {",
- " condition: IgxNumberFilteringOperand.instance().condition('greaterThan'),",
- " fieldName: 'ID',",
- " searchVal: 1",
- " }",
- "];",
- "this.grid.filteringExpressionsTree = (logic);",
- "```",
- "Two-way data binding.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "advancedFilteringExpressionsTree": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns the advanced filtering state of `IgxGridComponent`.",
- "```typescript",
- "let advancedFilteringExpressionsTree = this.grid.advancedFilteringExpressionsTree;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets the advanced filtering state of the `IgxGridComponent`.",
- "```typescript",
- "const logic = new FilteringExpressionsTree(FilteringLogic.And);",
- "logic.filteringOperands = [",
- " {",
- " condition: IgxNumberFilteringOperand.instance().condition('greaterThan'),",
- " fieldName: 'ID',",
- " searchVal: 1",
- " },",
- " {",
- " condition: IgxStringFilteringOperand.instance().condition('contains'),",
- " fieldName: 'CompanyName',",
- " searchVal: 'a'",
- " }",
- "];",
- "this.grid.advancedFilteringExpressionsTree = logic;",
- "```"
- ]
- }
- }
- },
- "locale": {
- "getter": {
- "comment": {
- "shortText": [
- "Returns the locale of the grid.",
- "If not set, returns browser's language."
- ]
- }
- },
- "setter": {
- "comment": {
- "shortText": "Sets the locale of the grid."
- }
- }
- },
- "paging": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns whether the paging feature is enabled/disabled.",
- "The default state is disabled (false).",
- "```",
- "const paging = this.grid.paging;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Enables/Disables the paging feature.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "page": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns the current page index.",
- "```html",
- "let gridPage = this.grid.page;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets the current page index.",
- "```html",
- "",
- "```",
- "Two-way data binding.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "perPage": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "text": [
- "Two-way data binding.",
- "```html",
- "",
- "```"
- ],
- "shortText": [
- "Returns the number of visible items per page of the `IgxGridComponent`.",
- "The default is 15.",
- "```html",
- "let itemsPerPage = this.grid.perPage;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "text": [
- "Two-way data binding.",
- "```html",
- "",
- "```"
- ],
- "shortText": [
- "Sets the number of visible items per page of the `IgxGridComponent`.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "columnHiding": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns whether the column hiding UI for the `IgxGridComponent` is enabled.",
- "By default it is disabled (false).",
- "```typescript",
- "let gridColHiding = this.grid.columnHiding;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets whether the column hiding UI for the `IgxGridComponent` is enabled.",
- "In order for the UI to work, you need to enable the toolbar as shown in the example below.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "hideRowSelectors": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": "Returns if the row selectors are hidden"
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Allows you to change the visibility of the row selectors",
- "By default row selectors are shown"
- ]
- }
- }
- },
- "rowDraggable": {
- "getter": {
- "comment": {
- "shortText": [
- "Sets whether rows can be moved.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets whether rows can be moved.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "rowEditable": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets whether the `IgxGridRowComponent` is editable.",
- "By default it is set to false.",
- "```typescript",
- "let rowEditable = this.grid.rowEditable;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets whether rows can be edited.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "height": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns the height of the `IgxGridComponent`.",
- "```typescript",
- "let gridHeight = this.grid.height;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets the height of the `IgxGridComponent`.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "width": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns the width of the `IgxGridComponent`.",
- "```typescript",
- "let gridWidth = this.grid.width;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "shortText": [
- "Returns the width of the `IgxGridComponent`.",
- "```typescript",
- "let gridWidth = this.grid.width;",
- "```"
- ]
- }
- }
- },
- "headerWidth": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns the width of the header of the `IgxGridComponent`.",
- "```html",
- "let gridHeaderWidth = this.grid.headerWidth;",
- "```"
- ]
- }
- }
- },
- "rowHeight": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns the row height.",
- "```typescript",
- "const rowHeight = this.grid.rowHeight;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets the row height.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "columnWidth": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "An @Input property that sets the default width of the `IgxGridComponent`'s columns.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "shortText": [
- "An @Input property that sets the default width of the `IgxGridComponent`'s columns.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "emptyGridMessage": {
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "An @Input property that sets the message displayed when there are no records.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "getter": {
- "comment": {
- "shortText": "An accessor that returns the message displayed when there are no records."
- }
- }
- },
- "isLoading": {
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "An @Input property that sets whether the grid is going to show loading indicator.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "getter": {
- "comment": {
- "shortText": "An accessor that returns whether the grid is showing loading indicator."
- }
- }
- },
- "emptyFilteredGridMessage": {
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "An @Input property that sets the message displayed when there are no records and the grid is filtered.",
- "```html",
- "",
- "```"
- ]
- }
- },
- "getter": {
- "comment": {
- "shortText": "An accessor that returns the message displayed when there are no records and the grid is filtered."
- }
- }
- },
- "columnPinning": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns if the built-in column pinning UI should be shown in the toolbar.",
- "```typescript",
- " let colPinning = this.grid.columnPinning;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets if the built-in column pinning UI should be shown in the toolbar.",
- "By default it's disabled.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "allowFiltering": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns if the filtering is enabled.",
- "```typescript",
- " let filtering = this.grid.allowFiltering;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets if the filtering is enabled.",
- "By default it's disabled.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "allowAdvancedFiltering": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns a value indicating whether the advanced filtering is enabled.",
- "```typescript",
- " let filtering = this.grid.allowAdvancedFiltering;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets a value indicating whether the advanced filtering is enabled.",
- "By default it's disabled.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "filterMode": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns the filter mode.",
- "```typescript",
- " let filtering = this.grid.filterMode;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets filter mode.",
- "By default it's set to FilterMode.quickFilter.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "summaryPosition": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns the summary position.",
- "```typescript",
- " let summaryPosition = this.grid.summaryPosition;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets summary position.",
- "By default it is bottom.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "summaryCalculationMode": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns the summary calculation mode.",
- "```typescript",
- " let summaryCalculationMode = this.grid.summaryCalculationMode;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets summary calculation mode.",
- "By default it is rootAndChildLevels which means the summaries are calculated for the root level and each child level.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "filterStrategy": {
- "getter": {
- "comment": {
- "shortText": [
- "Gets the filtering strategy of the grid.",
- "```typescript",
- " let filterStrategy = this.grid.filterStrategy",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "shortText": [
- "Sets the filtering strategy of the grid.",
- "```html",
- " ",
- "```"
- ]
- }
- }
- },
- "sortStrategy": {
- "getter": {
- "comment": {
- "shortText": [
- "Gets the sorting strategy of the grid.",
- "```typescript",
- " let sortStrategy = this.grid.sortStrategy",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "shortText": [
- "Sets the sorting strategy of the grid.",
- "```html",
- " ",
- "```"
- ]
- }
- }
- },
- "headerGroupsList": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "A list of all `IgxGridHeaderGroupComponent`.",
- "```typescript",
- "const headerGroupsList = this.grid.headerGroupsList;",
- "```"
- ]
- }
- }
- },
- "headerCellList": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "A list of all `IgxGridHeaderComponent`.",
- "```typescript",
- "const headers = this.grid.headerCellList;",
- "```"
- ]
- }
- }
- },
- "filterCellList": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "A list of all `IgxGridFilteringCellComponent`.",
- "```typescript",
- "const filterCells = this.grid.filterCellList;",
- "```"
- ]
- }
- }
- },
- "rowList": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "A list of `IgxGridRowComponent`.",
- "```typescript",
- "const rowList = this.grid.rowList;",
- "```"
- ]
- }
- }
- },
- "dataRowList": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "A list of `IgxGridRowComponent`, currently rendered.",
- "```typescript",
- "const dataList = this.grid.dataRowList;",
- "```"
- ]
- }
- }
- },
- "toolbarCustomContentTemplate": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns the template which will be used by the toolbar to show custom content.",
- "```typescript",
- "let customContentTemplate = this.grid.toolbarCustomContentTemplate;",
- "```"
- ]
- }
- }
- },
- "dragIndicatorIconTemplate": {
- "getter": {
- "comment": {
- "shortText": "The custom template, if any, that should be used when rendering the row drag indicator icon"
- }
- },
- "setter": {
- "comment": {
- "shortText": "The custom template, if any, that should be used when rendering the row drag indicator icon"
- }
- }
- },
- "sortingExpressions": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "text": [
- "Two-way data binding.",
- "```html",
- "",
- "```"
- ],
- "shortText": [
- "Returns the sorting state of the `IgxGridComponent`.",
- "```typescript",
- "const sortingState = this.grid.sortingExpressions;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "text": [
- "Two-way data binding.",
- "```html",
- "",
- "```"
- ],
- "shortText": [
- "Sets the sorting state of the `IgxGridComponent`.",
- "```typescript",
- "this.grid.sortingExpressions = [{",
- " fieldName: \"ID\",",
- " dir: SortingDirection.Desc,",
- " ignoreCase: true",
- "}];",
- "```"
- ]
- }
- }
- },
- "hiddenColumnsCount": {
- "getter": {
- "comment": {
- "shortText": [
- "Returns the number of hidden `IgxColumnComponent`.",
- "```typescript",
- "const hiddenCol = this.grid.hiddenColumnsCount;",
- "``"
- ]
- }
- }
- },
- "hiddenColumnsText": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns the text to be displayed inside the toggle button",
- "for the built-in column hiding UI of the`IgxColumnComponent`.",
- "```typescript",
- "const hiddenColText = this.grid.hiddenColumnsText;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets the text to be displayed inside the toggle button",
- "for the built-in column hiding UI of the`IgxColumnComponent`.",
- "```typescript",
- "",
- "```"
- ]
- }
- }
- },
- "pinnedColumnsText": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns the text to be displayed inside the toggle button",
- "for the built-in column pinning UI of the`IgxColumnComponent`.",
- "```typescript",
- "const pinnedText = this.grid.pinnedColumnsText;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets the text to be displayed inside the toggle button",
- "for the built-in column pinning UI of the`IgxColumnComponent`.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "transactions": {
- "getter": {
- "comment": {
- "shortText": "Get transactions service for the grid."
- }
- }
- },
- "showToolbar": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns whether the `IgxGridComponent`'s toolbar is shown or hidden.",
- "```typescript",
- "const toolbarGrid = this.grid.showToolbar;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Shows or hides the `IgxGridComponent`'s toolbar.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "toolbarTitle": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns the toolbar's title.",
- "```typescript",
- "const toolbarTitle = this.grid.toolbarTitle;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets the toolbar's title.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "exportExcel": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns whether the option for exporting to MS Excel is enabled or disabled.",
- "```typescript",
- "cosnt excelExporter = this.grid.exportExcel;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Enable or disable the option for exporting to MS Excel.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "exportCsv": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns whether the option for exporting to CSV is enabled or disabled.",
- "```typescript",
- "const exportCsv = this.grid.exportCsv;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Enable or disable the option for exporting to CSV.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "exportText": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns the textual content for the main export button.",
- "```typescript",
- "const exportText = this.grid.exportText;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets the textual content for the main export button.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "exportExcelText": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns the textual content for the MS Excel export button.",
- "```typescript",
- "const excelText = this.grid.exportExcelText;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets the textual content for the MS Excel export button.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "exportCsvText": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Returns the textual content for the CSV export button.",
- "```typescript",
- "const csvText = this.grid.exportCsvText;",
- "```"
- ]
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Sets the textual content for the CSV export button.",
- "```html",
- "",
- "```"
- ]
- }
- }
- },
- "cellSelection": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": "Returns the current cell selection state, which can be none, single or multiple"
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Allows you to set cell selection mode",
- "By default the cell selection mode is multiple"
- ]
- }
- }
- },
- "rowSelection": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": "Returns the current row selection state, which can be none, single or multiple"
- }
- },
- "setter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridBaseDirective",
- "tagName": "memberof"
- }
- }
- },
- "shortText": [
- "Allows you to set row selection mode",
- "By default the row selection mode is none"
- ]
- }
- }
- },
- "expansionStates": {
- "getter": {
- "comment": {
- "tags": {
- "memberof": {
- "comment": {
- "text": "IgxGridComponent",
- "tagName": "memberof"
- }
- }
- },
- "text": [
- "Two-way data binding.",
- "```html",
- "",
- "",
- "