igniteui-webcomponents 2.1.1 → 2.2.0-beta.0

package/vscode-html-custom-data.json

@@ -562,8 +562,21 @@
     },
     {
       "name": "igc-card-actions",
-      "description": "A container for card action items like buttons\n\nSlots:\n\n  * `start` {} - Renders items at the beginning of actions area\n\n  * ` ` {} - Renders items at the middle of actions area\n\n  * `end` {} - Renders items at the end of actions area\n\nProperties:\n\n  * `tagName` {`\"igc-card-actions\"`} - \n\n  * `styles` {`CSSResult`} - ",
-      "attributes": []
+      "description": "A container for card action items like buttons\n\nSlots:\n\n  * `start` {} - Renders items at the beginning of actions area\n\n  * ` ` {} - Renders items at the middle of actions area\n\n  * `end` {} - Renders items at the end of actions area\n\nAttributes:\n\n  * `orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the actions.\n\nProperties:\n\n  * `tagName` {`\"igc-card-actions\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the actions.",
+      "attributes": [
+        {
+          "name": "orientation",
+          "description": "`orientation` {`\"vertical\" | \"horizontal\"`} - The orientation of the actions.\n\nProperty: orientation\n\nDefault: horizontal",
+          "values": [
+            {
+              "name": "vertical"
+            },
+            {
+              "name": "horizontal"
+            }
+          ]
+        }
+      ]
     },
     {
       "name": "igc-card-content",
@@ -593,7 +606,7 @@
     },
     {
       "name": "igc-checkbox",
-      "description": "A check box allowing single values to be selected/deselected.\n\nEvents:\n\n  * `igcChange` {} - Emitted when the control's checked state changes.\n\n  * `igcFocus` {} - Emitted when the control gains focus.\n\n  * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n  * ` ` {} - The checkbox label.\n\nAttributes:\n\n  * `indeterminate` {`boolean`} - Draws the checkbox in indeterminate state.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the control.\n\nProperties:\n\n  * `tagName` {`\"igc-checkbox\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `indeterminate` {`boolean`} - Draws the checkbox in indeterminate state.\n\n  * `input` {`HTMLInputElement`} - \n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `labelPosition` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the control.",
+      "description": "A check box allowing single values to be selected/deselected.\n\nEvents:\n\n  * `igcChange` {} - Emitted when the control's checked state changes.\n\n  * `igcFocus` {} - Emitted when the control gains focus.\n\n  * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n  * ` ` {} - The checkbox label.\n\nAttributes:\n\n  * `indeterminate` {`boolean`} - Draws the checkbox in indeterminate state.\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the control.\n\nProperties:\n\n  * `tagName` {`\"igc-checkbox\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `indeterminate` {`boolean`} - Draws the checkbox in indeterminate state.\n\n  * `input` {`HTMLInputElement`} - \n\n  * `focused` {`boolean`} - \n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `labelPosition` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the control.",
       "attributes": [
         {
           "name": "indeterminate",
@@ -660,7 +673,7 @@
     },
     {
       "name": "igc-switch",
-      "description": "Similar to a checkbox, a switch controls the state of a single setting on or off.\n\nEvents:\n\n  * `igcChange` {} - Emitted when the control's checked state changes.\n\n  * `igcFocus` {} - Emitted when the control gains focus.\n\n  * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n  * ` ` {} - The switch label.\n\nAttributes:\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the control.\n\nProperties:\n\n  * `tagName` {`\"igc-switch\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `labelPosition` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the control.",
+      "description": "Similar to a checkbox, a switch controls the state of a single setting on or off.\n\nEvents:\n\n  * `igcChange` {} - Emitted when the control's checked state changes.\n\n  * `igcFocus` {} - Emitted when the control gains focus.\n\n  * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n  * ` ` {} - The switch label.\n\nAttributes:\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `label-position` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the control.\n\nProperties:\n\n  * `tagName` {`\"igc-switch\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `focused` {`boolean`} - \n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `disabled` {`boolean`} - Disables the control.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `labelPosition` {`\"before\" | \"after\"`} - The label position of the control.\n\n  * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the control.",
       "attributes": [
         {
           "name": "name",
@@ -779,6 +792,196 @@
         }
       ]
     },
+    {
+      "name": "igc-dropdown-group",
+      "description": "Slots:\n\n  * `label` {} - Contains the group's label.\n\n  * ` ` {} - Intended to contain the items belonging to this group.\n\nAttributes:\n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - \n\nProperties:\n\n  * `tagName` {`\"igc-dropdown-group\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `items` {`IgcDropDownItemComponent[]`} - All child `igc-dropdown-item`s.\n\n  * `size` {`\"small\" | \"medium\" | \"large\"`} - ",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "`size` {`\"small\" | \"medium\" | \"large\"`} - \n\nProperty: size\n\nDefault: large",
+          "values": [
+            {
+              "name": "small"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "large"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "igc-dropdown-header",
+      "description": "Slots:\n\n  * ` ` {} - Renders the header.\n\nProperties:\n\n  * `tagName` {`\"igc-dropdown-header\"`} - \n\n  * `styles` {`CSSResult`} - ",
+      "attributes": []
+    },
+    {
+      "name": "igc-dropdown-item",
+      "description": "Represents an item in a dropdown list.\n\nSlots:\n\n  * `prefix` {} - Renders content before the item's main content.\n\n  * ` ` {} - Renders the item's main content.\n\n  * `suffix` {} - Renders content after the item's main content.\n\nAttributes:\n\n  * `value` {`string`} - Тhe current value of the item.\nIf not specified, the element's text content is used.\n\n  * `selected` {`boolean`} - Determines whether the item is selected.\n\n  * `active` {`boolean`} - Determines whether the item is active.\n\n  * `disabled` {`boolean`} - Determines whether the item is disabled.\n\nProperties:\n\n  * `tagName` {`\"igc-dropdown-item\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `_value` {`string`} - \n\n  * `value` {`string`} - Тhe current value of the item.\nIf not specified, the element's text content is used.\n\n  * `selected` {`boolean`} - Determines whether the item is selected.\n\n  * `active` {`boolean`} - Determines whether the item is active.\n\n  * `disabled` {`boolean`} - Determines whether the item is disabled.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "`value` {`string`} - Тhe current value of the item.\nIf not specified, the element's text content is used.\n\nProperty: value"
+        },
+        {
+          "name": "selected",
+          "description": "`selected` {`boolean`} - Determines whether the item is selected.\n\nProperty: selected\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "active",
+          "description": "`active` {`boolean`} - Determines whether the item is active.\n\nProperty: active\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - Determines whether the item is disabled.\n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        }
+      ]
+    },
+    {
+      "name": "igc-dropdown",
+      "description": "Represents a DropDown component.\n\nEvents:\n\n  * `igcChange` {} - Emitted when the selected item changes.\n\n  * `igcOpening` {} - Emitted just before the dropdown is open.\n\n  * `igcOpened` {} - Emitted after the dropdown is open.\n\n  * `igcClosing` {} - Emitter just before the dropdown is closed.\n\n  * `igcClosed` {} - Emitted after closing the dropdown.\n\nSlots:\n\n  * `target` {} - Renders the dropdown's target element.\n\n  * ` ` {} - Renders the dropdown list items.\n\nAttributes:\n\n  * `keep-open-on-select` {`boolean`} - Whether the dropdown should be kept open on selection.\n\n  * `scroll-strategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\n  * `keep-open-on-outside-click` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\n  * `position-strategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n  * `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\n  * `distance` {`number`} - The distance from the target element.\n\n  * `same-width` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-dropdown\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `selectedItem` {`IgcDropDownItemComponent | null`} - \n\n  * `activeItem` {`IgcDropDownItemComponent`} - \n\n  * `target` {`HTMLElement`} - \n\n  * `allItems` {`IgcDropDownItemComponent[]`} - \n\n  * `targetNodes` {`HTMLElement[]`} - \n\n  * `content` {`HTMLElement`} - \n\n  * `scrollContainer` {`HTMLElement`} - \n\n  * `items` {`IgcDropDownItemComponent[]`} - \n\n  * `groups` {`IgcDropDownGroupComponent[]`} - \n\n  * `keepOpenOnSelect` {`boolean`} - Whether the dropdown should be kept open on selection.\n\n  * `handleKeyDown` - \n\n  * `handleTargetClick` - \n\n  * `toggleController` {`IgcToggleController`} - \n\n  * `scrollStrategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\n  * `keepOpenOnOutsideClick` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\n  * `open` {`boolean`} - Sets the open state of the component.\n\n  * `placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\n  * `positionStrategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\n  * `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\n  * `distance` {`number`} - The distance from the target element.\n\n  * `sameWidth` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
+      "attributes": [
+        {
+          "name": "keep-open-on-select",
+          "description": "`keep-open-on-select` {`boolean`} - Whether the dropdown should be kept open on selection.\n\nProperty: keepOpenOnSelect\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "scroll-strategy",
+          "description": "`scroll-strategy` {`\"scroll\" | \"block\" | \"close\"`} - Determines the behavior of the component during scrolling the container.\n\nProperty: scrollStrategy\n\nDefault: scroll",
+          "values": [
+            {
+              "name": "scroll"
+            },
+            {
+              "name": "block"
+            },
+            {
+              "name": "close"
+            }
+          ]
+        },
+        {
+          "name": "keep-open-on-outside-click",
+          "description": "`keep-open-on-outside-click` {`boolean`} - Whether the component should be kept open on clicking outside of it.\n\nProperty: keepOpenOnOutsideClick\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "open",
+          "description": "`open` {`boolean`} - Sets the open state of the component.\n\nProperty: open\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "placement",
+          "description": "`placement` {\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"right\" | \"right-start\" | \"right-end\" | \"left\" | \"left-start\" | \"left-end\"} - The preferred placement of the component around the target element.\n\nProperty: placement\n\nDefault: bottom-start",
+          "values": [
+            {
+              "name": "top"
+            },
+            {
+              "name": "top-start"
+            },
+            {
+              "name": "top-end"
+            },
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "bottom-start"
+            },
+            {
+              "name": "bottom-end"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "right-start"
+            },
+            {
+              "name": "right-end"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "left-start"
+            },
+            {
+              "name": "left-end"
+            }
+          ]
+        },
+        {
+          "name": "position-strategy",
+          "description": "`position-strategy` {`\"absolute\" | \"fixed\"`} - Sets the component's positioning strategy.\n\nProperty: positionStrategy\n\nDefault: absolute",
+          "values": [
+            {
+              "name": "absolute"
+            },
+            {
+              "name": "fixed"
+            }
+          ]
+        },
+        {
+          "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",
+          "valueSet": "v"
+        },
+        {
+          "name": "distance",
+          "description": "`distance` {`number`} - The distance from the target element.\n\nProperty: distance\n\nDefault: 0"
+        },
+        {
+          "name": "same-width",
+          "description": "`same-width` {`boolean`} - Whether the dropdown's width should be the same as the target's one.\n\nProperty: sameWidth\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "size",
+          "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: large",
+          "values": [
+            {
+              "name": "small"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "large"
+            }
+          ]
+        },
+        {
+          "name": "onigcChange",
+          "description": "`igcChange` {} - Emitted when the selected item changes."
+        },
+        {
+          "name": "onigcOpening",
+          "description": "`igcOpening` {} - Emitted just before the dropdown is open."
+        },
+        {
+          "name": "onigcOpened",
+          "description": "`igcOpened` {} - Emitted after the dropdown is open."
+        },
+        {
+          "name": "onigcClosing",
+          "description": "`igcClosing` {} - Emitter just before the dropdown is closed."
+        },
+        {
+          "name": "onigcClosed",
+          "description": "`igcClosed` {} - Emitted after closing the dropdown."
+        }
+      ]
+    },
     {
       "name": "igc-form",
       "description": "The form is a component used to collect user input from\ninteractive controls.\n\nEvents:\n\n  * `igcSubmit` {} - Emitted when the form is submitted.\n\n  * `igcReset` {} - Emitted when the form is reset.\n\nSlots:\n\n  * ` ` {} - Default slot for the form.\n\nAttributes:\n\n  * `novalidate` {`boolean`} - Specifies if form data validation should be skipped on submit.\n\nProperties:\n\n  * `tagName` {`\"igc-form\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `_controlsWithChecked` {`string[]`} - \n\n  * `_controlsWithValue` {`string[]`} - \n\n  * `_controlsThatSubmit` {`string[]`} - \n\n  * `novalidate` {`boolean`} - Specifies if form data validation should be skipped on submit.",
@@ -1049,23 +1252,23 @@
     },
     {
       "name": "igc-nav-drawer",
-      "description": "Represents a side navigation container that provides\nquick access between views.\n\nSlots:\n\n  * ` ` {} - The default slot for the drawer.\n\n  * `mini` {} - The slot for the mini variant of the drawer.\n\nAttributes:\n\n  * `position` {`\"start\" | \"end\" | \"top\" | \"bottom\"`} - The position of the drawer.\n\n  * `open` {`boolean`} - Determines whether the drawer is opened.\n\nProperties:\n\n  * `tagName` {`\"igc-nav-drawer\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `position` {`\"start\" | \"end\" | \"top\" | \"bottom\"`} - The position of the drawer.\n\n  * `open` {`boolean`} - Determines whether the drawer is opened.",
+      "description": "Represents a side navigation container that provides\nquick access between views.\n\nSlots:\n\n  * ` ` {} - The default slot for the drawer.\n\n  * `mini` {} - The slot for the mini variant of the drawer.\n\nAttributes:\n\n  * `position` {`\"top\" | \"bottom\" | \"start\" | \"end\"`} - The position of the drawer.\n\n  * `open` {`boolean`} - Determines whether the drawer is opened.\n\nProperties:\n\n  * `tagName` {`\"igc-nav-drawer\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `position` {`\"top\" | \"bottom\" | \"start\" | \"end\"`} - The position of the drawer.\n\n  * `open` {`boolean`} - Determines whether the drawer is opened.",
       "attributes": [
         {
           "name": "position",
-          "description": "`position` {`\"start\" | \"end\" | \"top\" | \"bottom\"`} - The position of the drawer.\n\nProperty: position\n\nDefault: start",
+          "description": "`position` {`\"top\" | \"bottom\" | \"start\" | \"end\"`} - The position of the drawer.\n\nProperty: position\n\nDefault: start",
           "values": [
             {
-              "name": "start"
+              "name": "top"
             },
             {
-              "name": "end"
+              "name": "bottom"
             },
             {
-              "name": "top"
+              "name": "start"
             },
             {
-              "name": "bottom"
+              "name": "end"
             }
           ]
         },
@@ -1154,7 +1357,7 @@
     },
     {
       "name": "igc-linear-progress",
-      "description": "A linear progress indicator used to express unspecified wait time or display\nthe length of a process.\n\nSlots:\n\n  * ` ` {} - The text area container.\n\nAttributes:\n\n  * `striped` {`boolean`} - Sets the striped look of the control.\n\n  * `label-align` {`\"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\"`} - The position for the default label of the control.\n\n  * `max` {`number`} - Maximum value of the control.\n\n  * `value` {`number`} - The value of the control.\n\n  * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - The variant of the control.\n\n  * `animation-duration` {`number`} - Animation duration in milliseconds.\n\n  * `indeterminate` {`boolean`} - The indeterminate state of the control.\n\n  * `hide-label` {`boolean`} - Shows/hides the label of the control.\n\n  * `label-format` {`string`} - Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.\n\nProperties:\n\n  * `tagName` {`\"igc-linear-progress\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `striped` {`boolean`} - Sets the striped look of the control.\n\n  * `labelAlign` {`\"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\"`} - The position for the default label of the control.\n\n  * `wrapperParts` {`{ fill: boolean; striped: boolean; indeterminate: boolean; primary: boolean; success: boolean; danger: boolean; warning: boolean; info: boolean; }`} - \n\n  * `animInfo` {`{ width: string; '--duration': string; }`} - \n\n  * `initialMax` {`number`} - \n\n  * `initialValue` {`number`} - \n\n  * `tick` {`number`} - \n\n  * `assignedElements` {`HTMLElement[]`} - \n\n  * `progressIndicator` {`Element`} - \n\n  * `percentage` {`number`} - \n\n  * `max` {`number`} - Maximum value of the control.\n\n  * `value` {`number`} - The value of the control.\n\n  * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - The variant of the control.\n\n  * `animationDuration` {`number`} - Animation duration in milliseconds.\n\n  * `indeterminate` {`boolean`} - The indeterminate state of the control.\n\n  * `hideLabel` {`boolean`} - Shows/hides the label of the control.\n\n  * `labelFormat` {`string`} - Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.",
+      "description": "A linear progress indicator used to express unspecified wait time or display\nthe length of a process.\n\nSlots:\n\n  * ` ` {} - The text area container.\n\nAttributes:\n\n  * `striped` {`boolean`} - Sets the striped look of the control.\n\n  * `label-align` {`\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\"`} - The position for the default label of the control.\n\n  * `max` {`number`} - Maximum value of the control.\n\n  * `value` {`number`} - The value of the control.\n\n  * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - The variant of the control.\n\n  * `animation-duration` {`number`} - Animation duration in milliseconds.\n\n  * `indeterminate` {`boolean`} - The indeterminate state of the control.\n\n  * `hide-label` {`boolean`} - Shows/hides the label of the control.\n\n  * `label-format` {`string`} - Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.\n\nProperties:\n\n  * `tagName` {`\"igc-linear-progress\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `striped` {`boolean`} - Sets the striped look of the control.\n\n  * `labelAlign` {`\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\"`} - The position for the default label of the control.\n\n  * `wrapperParts` {`{ fill: boolean; striped: boolean; indeterminate: boolean; primary: boolean; success: boolean; danger: boolean; warning: boolean; info: boolean; }`} - \n\n  * `animInfo` {`{ width: string; '--duration': string; }`} - \n\n  * `initialMax` {`number`} - \n\n  * `initialValue` {`number`} - \n\n  * `tick` {`number`} - \n\n  * `assignedElements` {`HTMLElement[]`} - \n\n  * `progressIndicator` {`Element`} - \n\n  * `percentage` {`number`} - \n\n  * `max` {`number`} - Maximum value of the control.\n\n  * `value` {`number`} - The value of the control.\n\n  * `variant` {`\"primary\" | \"info\" | \"success\" | \"warning\" | \"danger\"`} - The variant of the control.\n\n  * `animationDuration` {`number`} - Animation duration in milliseconds.\n\n  * `indeterminate` {`boolean`} - The indeterminate state of the control.\n\n  * `hideLabel` {`boolean`} - Shows/hides the label of the control.\n\n  * `labelFormat` {`string`} - Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.",
       "attributes": [
         {
           "name": "striped",
@@ -1163,20 +1366,20 @@
         },
         {
           "name": "label-align",
-          "description": "`label-align` {`\"top\" | \"bottom\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\"`} - The position for the default label of the control.\n\nProperty: labelAlign\n\nDefault: top-start",
+          "description": "`label-align` {`\"top\" | \"top-start\" | \"top-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\"`} - The position for the default label of the control.\n\nProperty: labelAlign\n\nDefault: top-start",
           "values": [
             {
               "name": "top"
             },
-            {
-              "name": "bottom"
-            },
             {
               "name": "top-start"
             },
             {
               "name": "top-end"
             },
+            {
+              "name": "bottom"
+            },
             {
               "name": "bottom-start"
             },
@@ -1254,7 +1457,7 @@
     },
     {
       "name": "igc-radio",
-      "description": "Events:\n\n  * `igcChange` {} - Emitted when the control's checked state changes.\n\n  * `igcFocus` {} - Emitted when the control gains focus.\n\n  * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n  * ` ` {} - The radio label.\n\nAttributes:\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `disabled` {`boolean`} - Disables the radio control.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `label-position` {`\"before\" | \"after\"`} - The label position of the radio control.\n\n  * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the radio control.\n\nProperties:\n\n  * `tagName` {`\"igc-radio\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `_tabIndex` {`number`} - \n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `disabled` {`boolean`} - Disables the radio control.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `labelPosition` {`\"before\" | \"after\"`} - The label position of the radio control.\n\n  * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the radio control.",
+      "description": "Events:\n\n  * `igcChange` {} - Emitted when the control's checked state changes.\n\n  * `igcFocus` {} - Emitted when the control gains focus.\n\n  * `igcBlur` {} - Emitted when the control loses focus.\n\nSlots:\n\n  * ` ` {} - The radio label.\n\nAttributes:\n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `disabled` {`boolean`} - Disables the radio control.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `label-position` {`\"before\" | \"after\"`} - The label position of the radio control.\n\n  * `aria-labelledby` {`string`} - Sets the aria-labelledby attribute for the radio control.\n\nProperties:\n\n  * `tagName` {`\"igc-radio\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `inputId` {`string`} - \n\n  * `labelId` {`string`} - \n\n  * `input` {`HTMLInputElement`} - \n\n  * `_tabIndex` {`number`} - \n\n  * `focused` {`boolean`} - \n\n  * `name` {`string`} - The name attribute of the control.\n\n  * `value` {`string`} - The value attribute of the control.\n\n  * `required` {`boolean`} - Makes the control a required field.\n\n  * `checked` {`boolean`} - The checked state of the control.\n\n  * `disabled` {`boolean`} - Disables the radio control.\n\n  * `invalid` {`boolean`} - Controls the validity of the control.\n\n  * `labelPosition` {`\"before\" | \"after\"`} - The label position of the radio control.\n\n  * `ariaLabelledby` {`string`} - Sets the aria-labelledby attribute for the radio control.",
       "attributes": [
         {
           "name": "name",
@@ -1688,6 +1891,11 @@
           "valueSet": "v"
         }
       ]
+    },
+    {
+      "name": "test-popper",
+      "description": "Properties:\n\n  * `toggleDirective` - ",
+      "attributes": []
     }
   ],
   "globalAttributes": [],