igniteui-webcomponents 4.3.0-alpha.0 → 4.3.0

package/themes/dark/bootstrap.css

@@ -69,15 +69,17 @@
   }
 }
 /* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 :root {
   --ig-theme: bootstrap;
   --ig-radius-factor: 1;
@@ -989,9 +991,9 @@ igc-button[variant=fab] [igxButton=fab], igc-button[variant=fab] .igx-button--fa
 
 igc-icon,
 igc-icon ig-icon {
-  --color: var(--ig-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));
+  --color: var(--ig-icon-color, 'currentColor');
   --size: var(--ig-icon-size, 1.5rem);
-  --disabled-color: var(--ig-icon-disabled-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
+  --disabled-color: var(--ig-icon-disabled-color, 'currentColor');
 }
 
 igc-navbar,

package/themes/dark/fluent.css

@@ -69,15 +69,17 @@
   }
 }
 /* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 :root {
   --ig-theme: fluent;
   --ig-radius-factor: 1;
@@ -1077,7 +1079,7 @@ igc-combo::part(input) {
 
 igc-icon,
 igc-icon ig-icon {
-  --color: var(--ig-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));
+  --color: var(--ig-icon-color, 'currentColor');
   --size: var(--ig-icon-size, 1.5rem);
   --disabled-color: var(--ig-icon-disabled-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
 }

package/themes/dark/indigo.css

@@ -69,15 +69,17 @@
   }
 }
 /* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 :root {
   --ig-theme: indigo;
   --ig-radius-factor: 1;
@@ -826,7 +828,7 @@ igc-button[variant=fab] [igxButton=fab], igc-button[variant=fab] .igx-button--fa
 
 igc-icon,
 igc-icon ig-icon {
-  --color: var(--ig-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));
+  --color: var(--ig-icon-color, 'currentColor');
   --size: var(--ig-icon-size, 1.5rem);
   --disabled-color: var(--ig-icon-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));
 }

package/themes/dark/material.css

@@ -69,15 +69,17 @@
   }
 }
 /* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */
 /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 :root {
   --ig-theme: material;
   --ig-radius-factor: 1;
@@ -978,9 +980,9 @@ igc-button[variant=fab] [igxButton=fab], igc-button[variant=fab] .igx-button--fa
 
 igc-icon,
 igc-icon ig-icon {
-  --color: var(--ig-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));
+  --color: var(--ig-icon-color, 'currentColor');
   --size: var(--ig-icon-size, 1.5rem);
-  --disabled-color: var(--ig-icon-disabled-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
+  --disabled-color: var(--ig-icon-disabled-color, 'currentColor');
 }
 
 igc-navbar,

package/vscode-html-custom-data.json

@@ -844,7 +844,7 @@
     },
     {
       "name": "igc-combo",
-      "description": "Events:\n\n  * `igcFocus` {} - Emitted when the select gains focus.\n\n  * `igcBlur` {} - Emitted when the select loses focus.\n\n  * `igcChange` {} - Emitted when the control's selection has changed.\n\n  * `igcOpening` {} - Emitted just before the list of options is opened.\n\n  * `igcOpened` {} - Emitted after the list of options is opened.\n\n  * `igcClosing` {} - Emitter just before the list of options is closed.\n\n  * `igcClosed` {} - Emitted after the list of options is closed.\n\nSlots:\n\n  * `prefix` {} - Renders content before the input.\n\n  * `suffix` {} - Renders content after input.\n\n  * `header` {} - Renders a container before the list of options.\n\n  * `footer` {} - Renders a container after the list of options.\n\n  * `helper-text` {} - Renders content below the input.\n\n  * `toggle-icon` {} - Renders content inside the suffix container.\n\n  * `clear-icon` {} - Renders content inside the suffix container.\n\nAttributes:\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled attribute of the control.\n\n  * `required` {`boolean`} - The required attribute of the control.\n\n  * `invalid` {`boolean`} - The invalid attribute of the control.\n\n  * `outlined` {`boolean`} - The outlined attribute of the control.\n\n  * `single-select` {`boolean`} - Enables single selection mode and moves item filtering to the main input.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `autofocus-list` {`boolean`} - Focuses the list of options when the menu opens.\n\n  * `label` {`string`} - The label attribute of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `placeholder-search` {`string`} - The placeholder attribute of the search input.\n\n  * `dir` {`\"ltr\" | \"rtl\" | \"auto\"`} - The direction attribute of the control.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `flip` {`boolean`} - \n\n  * `value-key` - The key in the data source used when selecting items.\n\n  * `display-key` - The key in the data source used to display items in the list.\n\n  * `group-key` - The key in the data source used to group items in the list.\n\n  * `group-sorting` {\"asc\" | \"desc\"} - Sorts the items in each group by ascending or descending order.\n\n  * `filtering-options` {FilteringOptions<T>} - An object that configures the filtering of the combo.\n\n  * `case-sensitive-icon` {`boolean`} - Enables the case sensitive search icon in the filtering input.\n\n  * `disable-filtering` {`boolean`} - Disables the filtering of the list of options.\n\n  * `value` {`string[]`} - Sets the value (selected items). The passed value must be a valid JSON array.\nIf the data source is an array of complex objects, the `valueKey` attribute must be set.\nNote that when `displayKey` is not explicitly set, it will fall back to the value of `valueKey`.\n\nProperties:\n\n  * `tagName` {`\"igc-combo\"`} - \n\n  * `styles` - \n\n  * `_value` {`string[]`} - \n\n  * `_displayValue` {`string`} - \n\n  * `_filteringOptions` {`FilteringOptions<T>`} - \n\n  * `navigationController` - \n\n  * `selectionController` - \n\n  * `dataController` - \n\n  * `themeController` {`ThemeController`} - \n\n  * `theme` {`Theme`} - \n\n  * `helperText` {`HTMLElement[]`} - \n\n  * `inputSuffix` {`HTMLElement[]`} - \n\n  * `inputPrefix` {`HTMLElement[]`} - \n\n  * `input` - \n\n  * `target` - \n\n  * `list` - \n\n  * `data` {`T[]`} - The data source used to generate the list of options.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled attribute of the control.\n\n  * `required` {`boolean`} - The required attribute of the control.\n\n  * `invalid` {`boolean`} - The invalid attribute of the control.\n\n  * `outlined` {`boolean`} - The outlined attribute of the control.\n\n  * `singleSelect` {`boolean`} - Enables single selection mode and moves item filtering to the main input.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `autofocusList` {`boolean`} - Focuses the list of options when the menu opens.\n\n  * `label` {`string`} - The label attribute of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `placeholderSearch` {`string`} - The placeholder attribute of the search input.\n\n  * `dir` {`\"ltr\" | \"rtl\" | \"auto\"`} - The direction attribute of the control.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `flip` {`boolean`} - \n\n  * `valueKey` - The key in the data source used when selecting items.\n\n  * `displayKey` - The key in the data source used to display items in the list.\n\n  * `groupKey` - The key in the data source used to group items in the list.\n\n  * `groupSorting` {\"asc\" | \"desc\"} - Sorts the items in each group by ascending or descending order.\n\n  * `filteringOptions` {FilteringOptions<T>} - An object that configures the filtering of the combo.\n\n  * `caseSensitiveIcon` {`boolean`} - Enables the case sensitive search icon in the filtering input.\n\n  * `disableFiltering` {`boolean`} - Disables the filtering of the list of options.\n\n  * `itemTemplate` {ComboItemTemplate<T>} - The template used for the content of each combo item.\n\n  * `groupHeaderTemplate` {ComboItemTemplate<T>} - The template used for the content of each combo group header.\n\n  * `positionStrategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n  * `sameWidth` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n  * `dataState` {`ComboRecord<T>[]`} - \n\n  * `value` {`string[]`} - Sets the value (selected items). The passed value must be a valid JSON array.\nIf the data source is an array of complex objects, the `valueKey` attribute must be set.\nNote that when `displayKey` is not explicitly set, it will fall back to the value of `valueKey`.\n\n  * `selection` {`T[]`} - Returns the current selection as an array of objects as provided in the `data` source.\n\n  * `itemRenderer` - \n\n  * `hasPrefixes` {`boolean`} - \n\n  * `hasSuffixes` {`boolean`} - \n\n  * `toggleController` - ",
+      "description": "Events:\n\n  * `igcFocus` {} - Emitted when the select gains focus.\n\n  * `igcBlur` {} - Emitted when the select loses focus.\n\n  * `igcChange` {} - Emitted when the control's selection has changed.\n\n  * `igcOpening` {} - Emitted just before the list of options is opened.\n\n  * `igcOpened` {} - Emitted after the list of options is opened.\n\n  * `igcClosing` {} - Emitter just before the list of options is closed.\n\n  * `igcClosed` {} - Emitted after the list of options is closed.\n\nSlots:\n\n  * `prefix` {} - Renders content before the input.\n\n  * `suffix` {} - Renders content after input.\n\n  * `header` {} - Renders a container before the list of options.\n\n  * `footer` {} - Renders a container after the list of options.\n\n  * `helper-text` {} - Renders content below the input.\n\n  * `toggle-icon` {} - Renders content inside the suffix container.\n\n  * `clear-icon` {} - Renders content inside the suffix container.\n\nAttributes:\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled attribute of the control.\n\n  * `required` {`boolean`} - The required attribute of the control.\n\n  * `invalid` {`boolean`} - The invalid attribute of the control.\n\n  * `outlined` {`boolean`} - The outlined attribute of the control.\n\n  * `single-select` {`boolean`} - Enables single selection mode and moves item filtering to the main input.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `autofocus-list` {`boolean`} - Focuses the list of options when the menu opens.\n\n  * `label` {`string`} - The label attribute of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `placeholder-search` {`string`} - The placeholder attribute of the search input.\n\n  * `dir` {`\"ltr\" | \"rtl\" | \"auto\"`} - The direction attribute of the control.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `flip` {`boolean`} - \n\n  * `value-key` - The key in the data source used when selecting items.\n\n  * `display-key` - The key in the data source used to display items in the list.\n\n  * `group-key` - The key in the data source used to group items in the list.\n\n  * `group-sorting` {\"asc\" | \"desc\"} - Sorts the items in each group by ascending or descending order.\n\n  * `filtering-options` {FilteringOptions<T>} - An object that configures the filtering of the combo.\n\n  * `case-sensitive-icon` {`boolean`} - Enables the case sensitive search icon in the filtering input.\n\n  * `disable-filtering` {`boolean`} - Disables the filtering of the list of options.\n\n  * `value` {`ComboValue<T>[]`} - Sets the value (selected items). The passed value must be a valid JSON array.\nIf the data source is an array of complex objects, the `valueKey` attribute must be set.\nNote that when `displayKey` is not explicitly set, it will fall back to the value of `valueKey`.\n\nProperties:\n\n  * `tagName` {`\"igc-combo\"`} - \n\n  * `styles` - \n\n  * `_value` {`ComboValue<T>[]`} - \n\n  * `_displayValue` {`string`} - \n\n  * `_filteringOptions` {`FilteringOptions<T>`} - \n\n  * `navigationController` - \n\n  * `selectionController` - \n\n  * `dataController` - \n\n  * `themeController` {`ThemeController`} - \n\n  * `theme` {`Theme`} - \n\n  * `helperText` {`HTMLElement[]`} - \n\n  * `inputSuffix` {`HTMLElement[]`} - \n\n  * `inputPrefix` {`HTMLElement[]`} - \n\n  * `input` - \n\n  * `target` - \n\n  * `list` - \n\n  * `data` {`T[]`} - The data source used to generate the list of options.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `disabled` {`boolean`} - The disabled attribute of the control.\n\n  * `required` {`boolean`} - The required attribute of the control.\n\n  * `invalid` {`boolean`} - The invalid attribute of the control.\n\n  * `outlined` {`boolean`} - The outlined attribute of the control.\n\n  * `singleSelect` {`boolean`} - Enables single selection mode and moves item filtering to the main input.\n\n  * `autofocus` {`boolean`} - The autofocus attribute of the control.\n\n  * `autofocusList` {`boolean`} - Focuses the list of options when the menu opens.\n\n  * `label` {`string`} - The label attribute of the control.\n\n  * `placeholder` {`string`} - The placeholder attribute of the control.\n\n  * `placeholderSearch` {`string`} - The placeholder attribute of the search input.\n\n  * `dir` {`\"ltr\" | \"rtl\" | \"auto\"`} - The direction attribute of the control.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `flip` {`boolean`} - \n\n  * `valueKey` - The key in the data source used when selecting items.\n\n  * `displayKey` - The key in the data source used to display items in the list.\n\n  * `groupKey` - The key in the data source used to group items in the list.\n\n  * `groupSorting` {\"asc\" | \"desc\"} - Sorts the items in each group by ascending or descending order.\n\n  * `filteringOptions` {FilteringOptions<T>} - An object that configures the filtering of the combo.\n\n  * `caseSensitiveIcon` {`boolean`} - Enables the case sensitive search icon in the filtering input.\n\n  * `disableFiltering` {`boolean`} - Disables the filtering of the list of options.\n\n  * `itemTemplate` {ComboItemTemplate<T>} - The template used for the content of each combo item.\n\n  * `groupHeaderTemplate` {ComboItemTemplate<T>} - The template used for the content of each combo group header.\n\n  * `positionStrategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n  * `sameWidth` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n  * `dataState` {`ComboRecord<T>[]`} - \n\n  * `value` {`ComboValue<T>[]`} - Sets the value (selected items). The passed value must be a valid JSON array.\nIf the data source is an array of complex objects, the `valueKey` attribute must be set.\nNote that when `displayKey` is not explicitly set, it will fall back to the value of `valueKey`.\n\n  * `selection` {`T[]`} - Returns the current selection as an array of objects as provided in the `data` source.\n\n  * `itemRenderer` - \n\n  * `hasPrefixes` {`boolean`} - \n\n  * `hasSuffixes` {`boolean`} - \n\n  * `toggleController` - ",
       "attributes": [
         {
           "name": "name",
@@ -965,7 +965,7 @@
         },
         {
           "name": "value",
-          "description": "`value` {`string[]`} - Sets the value (selected items). The passed value must be a valid JSON array.\nIf the data source is an array of complex objects, the `valueKey` attribute must be set.\nNote that when `displayKey` is not explicitly set, it will fall back to the value of `valueKey`.\n\nProperty: value"
+          "description": "`value` {`ComboValue<T>[]`} - Sets the value (selected items). The passed value must be a valid JSON array.\nIf the data source is an array of complex objects, the `valueKey` attribute must be set.\nNote that when `displayKey` is not explicitly set, it will fall back to the value of `valueKey`.\n\nProperty: value"
         },
         {
           "name": "onigcFocus",
@@ -1113,7 +1113,7 @@
     },
     {
       "name": "igc-dialog",
-      "description": "Represents a Dialog component.\n\nEvents:\n\n  * `igcClosing` {} - Emitter just before the dialog is closed.\n\n  * `igcClosed` {} - Emitted after closing the dialog.\n\nSlots:\n\n  * ` ` {} - Renders content inside the default slot.\n\n  * `title` {} - Renders the title of the dialog header.\n\n  * `footer` {} - Renders the dialog footer.\n\nAttributes:\n\n  * `close-on-escape` {`boolean`} - Whether the dialog should be closed when pressing the 'ESCAPE' button.\n\n  * `keep-open-on-escape` {`boolean`} - Whether the dialog should be kept open when pressing the 'ESCAPE' button.\n\n  * `close-on-outside-click` {`boolean`} - Whether the dialog should be closed when clicking outside of it.\n\n  * `hide-default-action` {`boolean`} - Whether to hide the default action button for the dialog.\n\nWhen there is projected content in the `footer` slot this property\nhas no effect.\n\n  * `open` {`boolean`} - Whether the dialog is opened.\n\n  * `title` {`string`} - Sets the title of the dialog.\n\nProperties:\n\n  * `tagName` {`\"igc-dialog\"`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `increment` - \n\n  * `titleId` {`string`} - \n\n  * `dialog` {`HTMLDialogElement`} - \n\n  * `closeOnEscape` {`boolean`} - Whether the dialog should be closed when pressing the 'ESCAPE' button.\n\n  * `keepOpenOnEscape` {`boolean`} - Whether the dialog should be kept open when pressing the 'ESCAPE' button.\n\n  * `closeOnOutsideClick` {`boolean`} - Whether the dialog should be closed when clicking outside of it.\n\n  * `hideDefaultAction` {`boolean`} - Whether to hide the default action button for the dialog.\n\nWhen there is projected content in the `footer` slot this property\nhas no effect.\n\n  * `open` {`boolean`} - Whether the dialog is opened.\n\n  * `title` {`string`} - Sets the title of the dialog.\n\n  * `returnValue` {`string`} - Sets the return value for the dialog.\n\n  * `formSubmitHandler` - ",
+      "description": "Represents a Dialog component.\n\nEvents:\n\n  * `igcClosing` {} - Emitter just before the dialog is closed.\n\n  * `igcClosed` {} - Emitted after closing the dialog.\n\nSlots:\n\n  * ` ` {} - Renders content inside the default slot.\n\n  * `title` {} - Renders the title of the dialog header.\n\n  * `footer` {} - Renders the dialog footer.\n\nAttributes:\n\n  * `close-on-escape` {`boolean`} - Whether the dialog should be closed when pressing the 'ESCAPE' button.\n\n  * `keep-open-on-escape` {`boolean`} - Whether the dialog should be kept open when pressing the 'ESCAPE' button.\n\n  * `close-on-outside-click` {`boolean`} - Whether the dialog should be closed when clicking outside of it.\n\n  * `hide-default-action` {`boolean`} - Whether to hide the default action button for the dialog.\n\nWhen there is projected content in the `footer` slot this property\nhas no effect.\n\n  * `open` {`boolean`} - Whether the dialog is opened.\n\n  * `title` {`string`} - Sets the title of the dialog.\n\nProperties:\n\n  * `tagName` {`\"igc-dialog\"`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `increment` - \n\n  * `titleId` {`string`} - \n\n  * `animationPlayer` - \n\n  * `dialog` {`HTMLDialogElement`} - \n\n  * `closeOnEscape` {`boolean`} - Whether the dialog should be closed when pressing the 'ESCAPE' button.\n\n  * `keepOpenOnEscape` {`boolean`} - Whether the dialog should be kept open when pressing the 'ESCAPE' button.\n\n  * `closeOnOutsideClick` {`boolean`} - Whether the dialog should be closed when clicking outside of it.\n\n  * `hideDefaultAction` {`boolean`} - Whether to hide the default action button for the dialog.\n\nWhen there is projected content in the `footer` slot this property\nhas no effect.\n\n  * `open` {`boolean`} - Whether the dialog is opened.\n\n  * `animating` {`boolean`} - Backdrop animation helper.\n\n  * `title` {`string`} - Sets the title of the dialog.\n\n  * `returnValue` {`string`} - Sets the return value for the dialog.\n\n  * `formSubmitHandler` - ",
       "attributes": [
         {
           "name": "close-on-escape",
@@ -2278,7 +2278,7 @@
         },
         {
           "name": "position-strategy",
-          "description": "`position-strategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\nProperty: positionStrategy\n\nDefault: absolute",
+          "description": "`position-strategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\nProperty: positionStrategy\n\nDefault: fixed",
           "values": [
             {
               "name": "absolute"
@@ -2290,7 +2290,7 @@
         },
         {
           "name": "flip",
-          "description": "`flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\nProperty: flip\n\nDefault: false",
+          "description": "`flip` {`boolean`} - Whether the component should be flipped to the opposite side of the target once it's about to overflow the visible area.\nWhen true, once enough space is detected on its preferred side, it will flip back.\n\nProperty: flip\n\nDefault: true",
           "valueSet": "v"
         },
         {
@@ -2575,7 +2575,7 @@
     },
     {
       "name": "igc-snackbar",
-      "description": "A snackbar component is used to provide feedback about an operation\nby showing a brief message at the bottom of the screen.\n\nEvents:\n\n  * `igcAction` {} - Emitted when the snackbar action button is clicked.\n\nSlots:\n\n  * ` ` {} - Renders the snackbar content.\n\nAttributes:\n\n  * `open` {`boolean`} - Determines whether the snackbar is opened.\n\n  * `display-time` {`number`} - Determines the duration in ms in which the snackbar will be visible.\n\n  * `keep-open` {`boolean`} - Determines whether the snackbar should close after the displayTime is over.\n\n  * `action-text` {`string`} - The snackbar action button.\n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` - \n\n  * `autoHideTimeout` {`number`} - \n\n  * `open` {`boolean`} - Determines whether the snackbar is opened.\n\n  * `displayTime` {`number`} - Determines the duration in ms in which the snackbar will be visible.\n\n  * `keepOpen` {`boolean`} - Determines whether the snackbar should close after the displayTime is over.\n\n  * `actionText` {`string`} - The snackbar action button.",
+      "description": "A snackbar component is used to provide feedback about an operation\nby showing a brief message at the bottom of the screen.\n\nEvents:\n\n  * `igcAction` {} - Emitted when the snackbar action button is clicked.\n\nSlots:\n\n  * ` ` {} - Renders the snackbar content.\n\nAttributes:\n\n  * `open` {`boolean`} - Determines whether the snackbar is opened.\n\n  * `display-time` {`number`} - Determines the duration in ms in which the snackbar will be visible.\n\n  * `keep-open` {`boolean`} - Determines whether the snackbar should close after the displayTime is over.\n\n  * `action-text` {`string`} - The snackbar action button.\n\nProperties:\n\n  * `tagName` {`string`} - \n\n  * `styles` - \n\n  * `autoHideTimeout` {`number`} - \n\n  * `animationPlayer` - \n\n  * `content` {`HTMLElement`} - \n\n  * `open` {`boolean`} - Determines whether the snackbar is opened.\n\n  * `displayTime` {`number`} - Determines the duration in ms in which the snackbar will be visible.\n\n  * `keepOpen` {`boolean`} - Determines whether the snackbar should close after the displayTime is over.\n\n  * `actionText` {`string`} - The snackbar action button.",
       "attributes": [
         {
           "name": "open",
@@ -2799,7 +2799,7 @@
     },
     {
       "name": "igc-toast",
-      "description": "A toast component is used to show a notification\n\nAttributes:\n\n  * `open` {`boolean`} - Determines whether the toast is opened.\n\n  * `display-time` {`number`} - Determines the time after which the toast will close\n\n  * `keep-open` {`boolean`} - Determines whether the toast is closed automatically or not.\n\nProperties:\n\n  * `tagName` {`\"igc-toast\"`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `displayTimeout` {`Timeout`} - \n\n  * `open` {`boolean`} - Determines whether the toast is opened.\n\n  * `displayTime` {`number`} - Determines the time after which the toast will close\n\n  * `keepOpen` {`boolean`} - Determines whether the toast is closed automatically or not.",
+      "description": "A toast component is used to show a notification\n\nAttributes:\n\n  * `open` {`boolean`} - Determines whether the toast is opened.\n\n  * `display-time` {`number`} - Determines the time after which the toast will close\n\n  * `keep-open` {`boolean`} - Determines whether the toast is closed automatically or not.\n\nProperties:\n\n  * `tagName` {`\"igc-toast\"`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `displayTimeout` {`Timeout`} - \n\n  * `animationPlayer` - \n\n  * `open` {`boolean`} - Determines whether the toast is opened.\n\n  * `displayTime` {`number`} - Determines the time after which the toast will close\n\n  * `keepOpen` {`boolean`} - Determines whether the toast is closed automatically or not.",
       "attributes": [
         {
           "name": "open",