{
    "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
    "name": "igniteui-webcomponents",
    "version": "0.0.0",
    "description-markup": "markdown",    "contributions": {
      "html": {
        "elements": [{"name":"igc-button","description":"Represents a clickable button, used to submit forms or anywhere in a\ndocument for accessible, standard button functionality.\n---\n\n\n### **Events:**\n \n\n### **Slots:**\n - _default_ - Renders the label of the button.\n- **prefix** - Renders content before the label of the button.\n- **suffix** - Renders content after the label of the button.\n\n### **CSS Parts:**\n - **base** - The native button element of the igc-button component.\n- **prefix** - The prefix container of the igc-button component.\n- **suffix** - The suffix container of the igc-button component.","doc-url":"","attributes":[{"name":"variant","description":"Sets the variant of the button.","value":{"type":"ButtonVariant","default":"'contained'"}},{"name":"type","description":"The type of the button. Defaults to `button`.","value":{"type":"'button' | 'reset' | 'submit'","default":"'button'"}},{"name":"href","description":"The URL the button points to.","value":{"type":"string | undefined"}},{"name":"download","description":"Prompts to save the linked URL instead of navigating to it.","value":{"type":"string | undefined"}},{"name":"target","description":"Where to display the linked URL, as the name for a browsing context.","value":{"type":"'_blank' | '_parent' | '_self' | '_top' | undefined"}},{"name":"rel","description":"The relationship of the linked URL.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types","value":{"type":"string | undefined"}},{"name":"disabled","description":"The disabled state of the component","value":{"type":"boolean"}}],"slots":[{"name":"","description":"Renders the label of the button."},{"name":"prefix","description":"Renders content before the label of the button."},{"name":"suffix","description":"Renders content after the label of the button."}],"events":[],"js":{"properties":[{"name":"variant","description":"Sets the variant of the button.","type":"ButtonVariant"},{"name":"type","description":"The type of the button. Defaults to `button`.","type":"'button' | 'reset' | 'submit'"},{"name":"href","description":"The URL the button points to.","type":"string | undefined"},{"name":"download","description":"Prompts to save the linked URL instead of navigating to it.","type":"string | undefined"},{"name":"target","description":"Where to display the linked URL, as the name for a browsing context.","type":"'_blank' | '_parent' | '_self' | '_top' | undefined"},{"name":"rel","description":"The relationship of the linked URL.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types","type":"string | undefined"},{"name":"disabled","description":"The disabled state of the component","type":"boolean"},{"name":"form","description":"Returns the HTMLFormElement associated with this element.","type":"HTMLFormElement | null"}],"events":[]}},{"name":"igc-icon","description":"The icon component allows visualizing collections of pre-registered SVG icons.\n---\n","doc-url":"","attributes":[{"name":"name","description":"The name of the icon glyph to draw.","value":{"type":"string","default":"''"}},{"name":"collection","description":"The name of the registered collection for look up of icons.\nDefaults to `default`.","value":{"type":"string","default":"'default'"}},{"name":"mirrored","description":"Whether to flip the icon. Useful for RTL layouts.","value":{"type":"boolean","default":"false"}}],"events":[],"js":{"properties":[{"name":"name","description":"The name of the icon glyph to draw.","type":"string"},{"name":"collection","description":"The name of the registered collection for look up of icons.\nDefaults to `default`.","type":"string"},{"name":"mirrored","description":"Whether to flip the icon. Useful for RTL layouts.","type":"boolean"}],"events":[]}},{"name":"igc-days-view","description":"Instantiate a days view as a separate component in the calendar.\n---\n\n\n### **Events:**\n - **igcActiveDateChange** - Emitted when the active date changes.\n- **igcRangePreviewDateChange** - Emitted when the range preview date changes.\n\n### **CSS Parts:**\n - **days-row** - The days row container.\n- **label** - The label container.\n- **label-inner** - The inner label container.\n- **week-number** - The week number container.\n- **week-number-inner** - The inner week number container.","doc-url":"","attributes":[{"name":"hide-leading-days","description":"Whether to show leading days which do not belong to the current month.","value":{"type":"boolean","default":"false"}},{"name":"hide-trailing-days","description":"Whether to show trailing days which do not belong to the current month.","value":{"type":"boolean","default":"false"}},{"name":"week-day-format","description":"The format of the days. Defaults to narrow.","value":{"type":"'long' | 'short' | 'narrow'","default":"'narrow'"}},{"name":"active","description":"The active state of the component.","value":{"type":"boolean","default":"false"}},{"name":"value","description":"The current value of the calendar.\nUsed when selection is set to single","value":{"type":"Date | null"}},{"name":"values","description":"The current values of the calendar.\nUsed when selection is set to multiple of range.","value":{"type":"Date[]"}},{"name":"selection","description":"Sets the type of selection in the component.","value":{"type":"CalendarSelection","default":"'single'"}},{"name":"show-week-numbers","description":"Whether to show the week numbers.","value":{"type":"boolean","default":"false"}},{"name":"week-start","description":"Gets/Sets the first day of the week.","value":{"type":"WeekDays","default":"'sunday'"}},{"name":"locale","description":"Gets/Sets the locale used for formatting and displaying the dates in the component.","value":{"type":"string"}},{"name":"active-date","description":"Get/Set the date which is shown in view and is highlighted. By default it is the current date.","value":{"type":"Date"}}],"events":[{"name":"igcActiveDateChange","description":"Emitted when the active date changes."},{"name":"igcRangePreviewDateChange","description":"Emitted when the range preview date changes."}],"js":{"properties":[{"name":"active","description":"The active state of the component.","type":"boolean"},{"name":"hideLeadingDays","description":"Whether to show leading days which do not belong to the current month.","type":"boolean"},{"name":"hideTrailingDays","description":"Whether to show trailing days which do not belong to the current month.","type":"boolean"},{"name":"rangePreviewDate","description":"The range preview date.","type":"Date | undefined"},{"name":"weekDayFormat","description":"The format of the days. Defaults to narrow.","type":"'long' | 'short' | 'narrow'"},{"name":"value","description":"The current value of the calendar.\nUsed when selection is set to single","type":"Date | null"},{"name":"values","description":"The current values of the calendar.\nUsed when selection is set to multiple of range.","type":"Date[]"},{"name":"activeDate","description":"Get/Set the date which is shown in view and is highlighted. By default it is the current date.","type":"Date"},{"name":"selection","description":"Sets the type of selection in the component.","type":"CalendarSelection"},{"name":"showWeekNumbers","description":"Whether to show the week numbers.","type":"boolean"},{"name":"weekStart","description":"Gets/Sets the first day of the week.","type":"WeekDays"},{"name":"locale","description":"Gets/Sets the locale used for formatting and displaying the dates in the component."},{"name":"resourceStrings","description":"The resource strings for localization.","type":"IgcCalendarResourceStrings"},{"name":"specialDates","description":"Gets/Sets the special dates for the component.","type":"DateRangeDescriptor[] | undefined"},{"name":"disabledDates","description":"Gets/Sets the disabled dates for the component.","type":"DateRangeDescriptor[] | undefined"}],"events":[{"name":"igcActiveDateChange","description":"Emitted when the active date changes."},{"name":"igcRangePreviewDateChange","description":"Emitted when the range preview date changes."}]}},{"name":"igc-months-view","description":"Instantiate a months view as a separate component in the calendar.\n---\n\n\n### **Events:**\n \n\n### **CSS Parts:**\n - **months-row** - The months row container.\n- **month** - The month container.\n- **month-inner** - The inner month container.","doc-url":"","attributes":[{"name":"locale","description":"Sets the locale used for formatting and displaying the dates.","value":{"type":"string","default":"'en'"}},{"name":"month-format","description":"The format of the month. Defaults to long.","value":{"type":"'numeric' | '2-digit' | 'long' | 'short' | 'narrow'","default":"'long'"}}],"events":[],"js":{"properties":[{"name":"value","description":"Тhe current value of the calendar.","type":"Date"},{"name":"locale","description":"Sets the locale used for formatting and displaying the dates.","type":"string"},{"name":"monthFormat","description":"The format of the month. Defaults to long.","type":"'numeric' | '2-digit' | 'long' | 'short' | 'narrow'"}],"events":[]}},{"name":"igc-years-view","description":"Instantiate a years view as a separate component in the calendar.\n---\n\n\n### **Events:**\n \n\n### **CSS Parts:**\n - **years-row** - The years row container.\n- **year** - The year container.\n- **year-inner** - The inner year container.","doc-url":"","attributes":[{"name":"years-per-page","description":"Sets how many years are displayed on a single page.","value":{"type":"number","default":"15"}}],"events":[],"js":{"properties":[{"name":"value","description":"Тhe current value of the calendar.","type":"Date"},{"name":"yearsPerPage","description":"Sets how many years are displayed on a single page.","type":"number"}],"events":[]}},{"name":"igc-calendar","description":"Represents a calendar that lets users\nto select a date value in a variety of different ways.\n---\n\n\n### **Events:**\n - **igcChange** - Emitted when calendar changes its value.\n\n### **Slots:**\n - _default_ - The default slot for the calendar.\n- **title** - Renders the title of the calendar header.\n- **header-date** - Renders content instead of the current date/range in the calendar header.\n\n### **CSS Parts:**\n - **header** - The header element of the calendar.\n- **header-title** - The header title element of the calendar.\n- **header-date** - The header date element of the calendar.\n- **content** - The content element which contains the views and navigation elements of the calendar.\n- **content-vertical** - The content element which contains the views and navigation elements of the calendar in vertical orientation.\n- **navigation** - The navigation container element of the calendar.\n- **months-navigation** - The months navigation button element of the calendar.\n- **years-navigation** - The years navigation button element of the calendar.\n- **years-range** - The years range element of the calendar.\n- **navigation-buttons** - The navigation buttons container of the calendar.\n- **navigation-button** - Previous/next navigation button of the calendar.\n- **days-view-container** - The days view container element of the calendar.\n- **days-view** - Days view element of the calendar.\n- **months-view** - The months view element of the calendar.\n- **years-view** - The years view element of the calendar.\n- **days-row** - Days row element of the calendar.\n- **label** - Week header label element of the calendar.\n- **week-number** - Week number element of the calendar.\n- **week-number-inner** - Week number inner element of the calendar.\n- **date** - Date element of the calendar.\n- **date-inner** - Date inner element of the calendar.\n- **first** - The first selected date element of the calendar in range selection.\n- **last** - The last selected date element of the calendar in range selection.\n- **inactive** - Inactive date element of the calendar.\n- **hidden** - Hidden date element of the calendar.\n- **weekend** - Weekend date element of the calendar.\n- **range** - Range selected element of the calendar.\n- **special** - Special date element of the calendar.\n- **disabled** - Disabled date element of the calendar.\n- **single** - Single selected date element of the calendar.\n- **preview** - Range selection preview date element of the calendar.\n- **month** - Month element of the calendar.\n- **month-inner** - Month inner element of the calendar.\n- **year** - Year element of the calendar.\n- **year-inner** - Year inner element of the calendar.\n- **selected** - Indicates selected state. Applies to date, month and year elements of the calendar.\n- **current** - Indicates current state. Applies to date, month and year elements of the calendar.","doc-url":"","attributes":[{"name":"hide-outside-days","description":"Whether to show the dates that do not belong to the current active month.","value":{"type":"boolean","default":"false"}},{"name":"hide-header","description":"Whether to render the calendar header part.\nWhen the calendar selection is set to `multiple` the header is always hidden.","value":{"type":"boolean","default":"false"}},{"name":"header-orientation","description":"The orientation of the calendar header.","value":{"type":"CalendarHeaderOrientation","default":"'horizontal'"}},{"name":"orientation","description":"The orientation of the calendar months when more than one month\nis being shown.","value":{"type":"ContentOrientation","default":"'horizontal'"}},{"name":"visible-months","description":"The number of months displayed in the days view.","value":{"type":"number","default":"1"}},{"name":"active-view","description":"The current active view of the component.","value":{"type":"CalendarActiveView","default":"'days'"}},{"name":"value","description":"The current value of the calendar.\nUsed when selection is set to single","value":{"type":"Date | null"}},{"name":"values","description":"The current values of the calendar.\nUsed when selection is set to multiple of range.","value":{"type":"Date[]"}},{"name":"selection","description":"Sets the type of selection in the component.","value":{"type":"CalendarSelection","default":"'single'"}},{"name":"show-week-numbers","description":"Whether to show the week numbers.","value":{"type":"boolean","default":"false"}},{"name":"week-start","description":"Gets/Sets the first day of the week.","value":{"type":"WeekDays","default":"'sunday'"}},{"name":"locale","description":"Gets/Sets the locale used for formatting and displaying the dates in the component.","value":{"type":"string"}},{"name":"active-date","description":"Get/Set the date which is shown in view and is highlighted. By default it is the current date.","value":{"type":"Date"}}],"slots":[{"name":"","description":"The default slot for the calendar."},{"name":"title","description":"Renders the title of the calendar header."},{"name":"header-date","description":"Renders content instead of the current date/range in the calendar header."}],"events":[{"name":"igcChange","description":"Emitted when calendar changes its value."}],"js":{"properties":[{"name":"hideOutsideDays","description":"Whether to show the dates that do not belong to the current active month.","type":"boolean"},{"name":"hideHeader","description":"Whether to render the calendar header part.\nWhen the calendar selection is set to `multiple` the header is always hidden.","type":"boolean"},{"name":"headerOrientation","description":"The orientation of the calendar header.","type":"CalendarHeaderOrientation"},{"name":"orientation","description":"The orientation of the calendar months when more than one month\nis being shown.","type":"ContentOrientation"},{"name":"visibleMonths","description":"The number of months displayed in the days view.","type":"number"},{"name":"activeView","description":"The current active view of the component.","type":"CalendarActiveView"},{"name":"formatOptions","description":"The options used to format the months and the weekdays in the calendar views.","type":"Pick<Intl.DateTimeFormatOptions, 'month' | 'weekday'>"},{"name":"value","description":"The current value of the calendar.\nUsed when selection is set to single","type":"Date | null"},{"name":"values","description":"The current values of the calendar.\nUsed when selection is set to multiple of range.","type":"Date[]"},{"name":"activeDate","description":"Get/Set the date which is shown in view and is highlighted. By default it is the current date.","type":"Date"},{"name":"selection","description":"Sets the type of selection in the component.","type":"CalendarSelection"},{"name":"showWeekNumbers","description":"Whether to show the week numbers.","type":"boolean"},{"name":"weekStart","description":"Gets/Sets the first day of the week.","type":"WeekDays"},{"name":"locale","description":"Gets/Sets the locale used for formatting and displaying the dates in the component."},{"name":"resourceStrings","description":"The resource strings for localization.","type":"IgcCalendarResourceStrings"},{"name":"specialDates","description":"Gets/Sets the special dates for the component.","type":"DateRangeDescriptor[] | undefined"},{"name":"disabledDates","description":"Gets/Sets the disabled dates for the component.","type":"DateRangeDescriptor[] | undefined"}],"events":[{"name":"igcChange","description":"Emitted when calendar changes its value."}]}},{"name":"igc-validator","description":"\n---\n\n\n### **CSS Parts:**\n - **helper-text** - The base wrapper\n- **validation-message** - The validation error message container\n- **validation-icon** - The validation error icon","doc-url":"","attributes":[{"name":"invalid","value":{"type":"boolean","default":"false"}}],"events":[],"js":{"properties":[{"name":"invalid","type":"boolean"},{"name":"target","type":"IgcFormControl"}],"events":[]}},{"name":"igc-date-time-input","description":"A date time input is an input field that lets you set and edit the date and time in a chosen input element\nusing customizable display and input formats.\n---\n\n\n### **Events:**\n - **igcInput** - Emitted when the control input receives user input.\n- **igcChange** - Emitted when the control's checked state changes.\n\n### **Slots:**\n - **prefix** - Renders content before the input.\n- **suffix** - Renders content after input.\n- **helper-text** - Renders content below the input.\n- **value-missing** - Renders content when the required validation fails.\n- **range-overflow** - Renders content when the max validation fails.\n- **range-underflow** - Renders content when the min validation fails.\n- **custom-error** - Renders content when setCustomValidity(message) is set.\n- **invalid** - Renders content when the component is in invalid state (validity.valid = false).\n\n### **CSS Parts:**\n - **container** - The main wrapper that holds all main input elements.\n- **input** - The native input element.\n- **label** - The native label element.\n- **prefix** - The prefix wrapper.\n- **suffix** - The suffix wrapper.\n- **helper-text** - The helper text wrapper.","doc-url":"","attributes":[{"name":"input-format","description":"The date format to apply on the input.","value":{"type":"string"}},{"name":"value","description":"The value of the input.","value":{"type":"Date | null"}},{"name":"min","description":"The minimum value required for the input to remain valid.","value":{"type":"Date | null"}},{"name":"max","description":"The maximum value required for the input to remain valid.","value":{"type":"Date | null"}},{"name":"display-format","description":"Format to display the value in when not editing.\nDefaults to the locale format if not set.","value":{"type":"string"}},{"name":"spin-loop","description":"Sets whether to loop over the currently spun segment.","value":{"type":"boolean","default":"true"}},{"name":"locale","description":"Gets/Sets the locale used for formatting the display value.","value":{"type":"string"}},{"name":"readonly","description":"Makes the control a readonly field.","value":{"type":"boolean","default":"false"}},{"name":"mask","description":"The masked pattern of the component.","value":{"type":"string","default":"'CCCCCCCCCC'"}},{"name":"prompt","description":"The prompt symbol to use for unfilled parts of the mask pattern.","value":{"type":"string","default":"'_'"}},{"name":"readOnly","description":"Makes the control a readonly field.","value":{"type":"boolean","default":"false"}},{"name":"required","description":"When set, makes the component a required field for validation.","value":{"type":"boolean","default":"false"}},{"name":"name","description":"The name attribute of the control.","value":{"type":"string"}},{"name":"disabled","description":"The disabled state of the component.","value":{"type":"boolean","default":"false"}},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","value":{"type":"boolean","default":"false"}},{"name":"outlined","description":"Whether the control will have outlined appearance.","value":{"type":"boolean","default":"false"}},{"name":"placeholder","description":"The placeholder attribute of the control.","value":{"type":"string"}},{"name":"label","description":"The label for the control.","value":{"type":"string"}}],"slots":[{"name":"prefix","description":"Renders content before the input."},{"name":"suffix","description":"Renders content after input."},{"name":"helper-text","description":"Renders content below the input."},{"name":"value-missing","description":"Renders content when the required validation fails."},{"name":"range-overflow","description":"Renders content when the max validation fails."},{"name":"range-underflow","description":"Renders content when the min validation fails."},{"name":"custom-error","description":"Renders content when setCustomValidity(message) is set."},{"name":"invalid","description":"Renders content when the component is in invalid state (validity.valid = false)."}],"events":[{"name":"igcInput","description":"Emitted when the control input receives user input."},{"name":"igcChange","description":"Emitted when the control's checked state changes."}],"js":{"properties":[{"name":"inputFormat","description":"The date format to apply on the input.","type":"string"},{"name":"value","description":"The value of the input.","type":"string | Date | null"},{"name":"min","description":"The minimum value required for the input to remain valid.","type":"Date | null"},{"name":"max","description":"The maximum value required for the input to remain valid.","type":"Date | null"},{"name":"displayFormat","description":"Format to display the value in when not editing.\nDefaults to the locale format if not set.","type":"string"},{"name":"spinDelta","description":"Delta values used to increment or decrement each date part on step actions.\nAll values default to `1`.","type":"DatePartDeltas"},{"name":"spinLoop","description":"Sets whether to loop over the currently spun segment.","type":"boolean"},{"name":"locale","description":"Gets/Sets the locale used for formatting the display value.","type":"string"},{"name":"readOnly","description":"Makes the control a readonly field.","type":"boolean"},{"name":"mask","description":"The masked pattern of the component.","type":"string"},{"name":"prompt","description":"The prompt symbol to use for unfilled parts of the mask pattern.","type":"string"},{"name":"required","description":"When set, makes the component a required field for validation.","type":"boolean"},{"name":"defaultValue","type":"unknown"},{"name":"name","description":"The name attribute of the control.","type":"string"},{"name":"disabled","description":"The disabled state of the component.","type":"boolean"},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","type":"boolean"},{"name":"form","description":"Returns the HTMLFormElement associated with this element.","type":"HTMLFormElement | null"},{"name":"validity","description":"Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.","type":"ValidityState"},{"name":"validationMessage","description":"A string containing the validation message of this element.","type":"string"},{"name":"willValidate","description":"A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.","type":"boolean"},{"name":"outlined","description":"Whether the control will have outlined appearance.","type":"boolean"},{"name":"placeholder","description":"The placeholder attribute of the control.","type":"string"},{"name":"label","description":"The label for the control.","type":"string"}],"events":[{"name":"igcInput","description":"Emitted when the control input receives user input."},{"name":"igcChange","description":"Emitted when the control's checked state changes."}]}},{"name":"igc-dialog","description":"Represents a Dialog component.\n---\n\n\n### **Events:**\n - **igcClosing** - Emitter just before the dialog is closed. Cancelable.\n- **igcClosed** - Emitted after closing the dialog.\n\n### **Slots:**\n - _default_ - Renders content inside the default slot of the dialog.\n- **title** - Renders content in the title slot of the dialog header.\n- **message** - Renders the message content of the dialog.\n- **footer** - Renders content in the dialog footer.\n\n### **CSS Parts:**\n - **base** - The base wrapper of the dialog.\n- **title** - The title container of the dialog.\n- **footer** - The footer container of the dialog.\n- **overlay** - The backdrop overlay of the dialog.","doc-url":"","attributes":[{"name":"keep-open-on-escape","description":"Whether the dialog should be kept open when pressing the 'Escape' button.","value":{"type":"boolean","default":"false"}},{"name":"close-on-outside-click","description":"Whether the dialog should be closed when clicking outside of it.","value":{"type":"boolean","default":"false"}},{"name":"hide-default-action","description":"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.","value":{"type":"boolean","default":"false"}},{"name":"open","description":"Whether the dialog is opened.","value":{"type":"boolean","default":"false"}},{"name":"title","description":"Sets the title of the dialog.","value":{"type":"string"}}],"slots":[{"name":"","description":"Renders content inside the default slot of the dialog."},{"name":"title","description":"Renders content in the title slot of the dialog header."},{"name":"message","description":"Renders the message content of the dialog."},{"name":"footer","description":"Renders content in the dialog footer."}],"events":[{"name":"igcClosing","description":"Emitter just before the dialog is closed. Cancelable."},{"name":"igcClosed","description":"Emitted after closing the dialog."}],"js":{"properties":[{"name":"keepOpenOnEscape","description":"Whether the dialog should be kept open when pressing the 'Escape' button.","type":"boolean"},{"name":"closeOnOutsideClick","description":"Whether the dialog should be closed when clicking outside of it.","type":"boolean"},{"name":"hideDefaultAction","description":"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.","type":"boolean"},{"name":"open","description":"Whether the dialog is opened.","type":"boolean"},{"name":"title","description":"Sets the title of the dialog.","type":"string"},{"name":"returnValue","description":"Sets the return value for the dialog.","type":"string"}],"events":[{"name":"igcClosing","description":"Emitter just before the dialog is closed. Cancelable."},{"name":"igcClosed","description":"Emitted after closing the dialog."}]}},{"name":"igc-focus-trap","description":"\n---\n\n\n### **Slots:**\n - _default_ - The content of the focus trap component","doc-url":"","attributes":[{"name":"disabled","description":"Whether to manage focus state for the slotted children.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"The content of the focus trap component"}],"events":[],"js":{"properties":[{"name":"disabled","description":"Whether to manage focus state for the slotted children.","type":"boolean"},{"name":"focused","description":"Whether focus in currently inside the trap component."},{"name":"focusableElements","description":"An array of focusable elements including elements in Shadow roots"}],"events":[]}},{"name":"igc-input","description":"\n---\n\n\n### **Events:**\n - **igcInput** - Emitted when the control input receives user input.\n- **igcChange** - Emitted when the control's checked state changes.\n\n### **Slots:**\n - **prefix** - Renders content before the input.\n- **suffix** - Renders content after input.\n- **helper-text** - Renders content below the input.\n- **value-missing** - Renders content when the required validation fails.\n- **type-mismatch** - Renders content when the a type url/email input pattern validation fails.\n- **pattern-mismatch** - Renders content when the pattern validation fails.\n- **too-long** - Renders content when the maxlength validation fails.\n- **too-short** - Renders content when the minlength validation fails.\n- **range-overflow** - Renders content when the max validation fails.\n- **range-underflow** - Renders content when the min validation fails.\n- **step-mismatch** - Renders content when the step validation fails.\n- **custom-error** - Renders content when setCustomValidity(message) is set.\n- **invalid** - Renders content when the component is in invalid state (validity.valid = false).\n\n### **CSS Parts:**\n - **container** - The main wrapper that holds all main input elements.\n- **input** - The native input element.\n- **label** - The native label element.\n- **prefix** - The prefix wrapper.\n- **suffix** - The suffix wrapper.\n- **helper-text** - The helper text wrapper.","doc-url":"","attributes":[{"name":"value","description":"The value of the control.","value":{"type":"string"}},{"name":"type","description":"The type attribute of the control.","value":{"type":"InputType","default":"'text'"}},{"name":"readonly","description":"Makes the control a readonly field.","value":{"type":"boolean","default":"false"}},{"name":"inputmode","description":"The input mode attribute of the control.\nSee [relevant MDN article](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)","value":{"type":"string"}},{"name":"pattern","description":"The pattern attribute of the control.","value":{"type":"string | undefined"}},{"name":"minlength","description":"The minimum string length required by the control.","value":{"type":"number | undefined"}},{"name":"maxlength","description":"The maximum string length of the control.","value":{"type":"number | undefined"}},{"name":"min","description":"The min attribute of the control.","value":{"type":"number | undefined"}},{"name":"max","description":"The max attribute of the control.","value":{"type":"number | undefined"}},{"name":"step","description":"The step attribute of the control.","value":{"type":"number | undefined"}},{"name":"autofocus","description":"The autofocus attribute of the control.","value":{"type":"boolean"}},{"name":"autocomplete","description":"The autocomplete attribute of the control.","value":{"type":"string"}},{"name":"validate-only","description":"Enables validation rules to be evaluated without restricting user input. This applies to the `maxLength` property for\nstring-type inputs or allows spin buttons to exceed the predefined `min/max` limits for number-type inputs.","value":{"type":"boolean","default":"false"}},{"name":"readOnly","description":"Makes the control a readonly field.","value":{"type":"boolean","default":"false"}},{"name":"required","description":"When set, makes the component a required field for validation.","value":{"type":"boolean","default":"false"}},{"name":"name","description":"The name attribute of the control.","value":{"type":"string"}},{"name":"disabled","description":"The disabled state of the component.","value":{"type":"boolean","default":"false"}},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","value":{"type":"boolean","default":"false"}},{"name":"outlined","description":"Whether the control will have outlined appearance.","value":{"type":"boolean","default":"false"}},{"name":"placeholder","description":"The placeholder attribute of the control.","value":{"type":"string"}},{"name":"label","description":"The label for the control.","value":{"type":"string"}}],"slots":[{"name":"prefix","description":"Renders content before the input."},{"name":"suffix","description":"Renders content after input."},{"name":"helper-text","description":"Renders content below the input."},{"name":"value-missing","description":"Renders content when the required validation fails."},{"name":"type-mismatch","description":"Renders content when the a type url/email input pattern validation fails."},{"name":"pattern-mismatch","description":"Renders content when the pattern validation fails."},{"name":"too-long","description":"Renders content when the maxlength validation fails."},{"name":"too-short","description":"Renders content when the minlength validation fails."},{"name":"range-overflow","description":"Renders content when the max validation fails."},{"name":"range-underflow","description":"Renders content when the min validation fails."},{"name":"step-mismatch","description":"Renders content when the step validation fails."},{"name":"custom-error","description":"Renders content when setCustomValidity(message) is set."},{"name":"invalid","description":"Renders content when the component is in invalid state (validity.valid = false)."}],"events":[{"name":"igcInput","description":"Emitted when the control input receives user input."},{"name":"igcChange","description":"Emitted when the control's checked state changes."}],"js":{"properties":[{"name":"value","description":"The value of the control.","type":"string | Date | null"},{"name":"type","description":"The type attribute of the control.","type":"InputType"},{"name":"readOnly","description":"Makes the control a readonly field.","type":"boolean"},{"name":"inputMode","description":"The input mode attribute of the control.\nSee [relevant MDN article](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)","type":"string"},{"name":"pattern","description":"The pattern attribute of the control.","type":"string | undefined"},{"name":"minLength","description":"The minimum string length required by the control.","type":"number | undefined"},{"name":"maxLength","description":"The maximum string length of the control.","type":"number | undefined"},{"name":"min","description":"The min attribute of the control.","type":"number | undefined"},{"name":"max","description":"The max attribute of the control.","type":"number | undefined"},{"name":"step","description":"The step attribute of the control.","type":"number | undefined"},{"name":"autofocus","description":"The autofocus attribute of the control.","type":"boolean"},{"name":"autocomplete","description":"The autocomplete attribute of the control.","type":"string"},{"name":"validateOnly","description":"Enables validation rules to be evaluated without restricting user input. This applies to the `maxLength` property for\nstring-type inputs or allows spin buttons to exceed the predefined `min/max` limits for number-type inputs.","type":"boolean"},{"name":"required","description":"When set, makes the component a required field for validation.","type":"boolean"},{"name":"defaultValue","type":"unknown"},{"name":"name","description":"The name attribute of the control.","type":"string"},{"name":"disabled","description":"The disabled state of the component.","type":"boolean"},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","type":"boolean"},{"name":"form","description":"Returns the HTMLFormElement associated with this element.","type":"HTMLFormElement | null"},{"name":"validity","description":"Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.","type":"ValidityState"},{"name":"validationMessage","description":"A string containing the validation message of this element.","type":"string"},{"name":"willValidate","description":"A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.","type":"boolean"},{"name":"outlined","description":"Whether the control will have outlined appearance.","type":"boolean"},{"name":"placeholder","description":"The placeholder attribute of the control.","type":"string"},{"name":"label","description":"The label for the control.","type":"string"}],"events":[{"name":"igcInput","description":"Emitted when the control input receives user input."},{"name":"igcChange","description":"Emitted when the control's checked state changes."}]}},{"name":"igc-popover","description":"\n---\n\n\n### **Slots:**\n - _default_ - Content of the popover.\n- **anchor** - The element the popover will be anchored to.\n\n### **CSS Parts:**\n - **container** - The container wrapping the slotted content in the popover.","doc-url":"","attributes":[{"name":"anchor","description":"Pass an IDREF or an DOM element reference to use as the\nanchor target for the floating element.","value":{"type":"Element | string | undefined"}},{"name":"arrow-offset","description":"Additional offset to apply to the arrow element if enabled.","value":{"type":"number","default":"0"}},{"name":"inline","description":"Improves positioning for inline reference elements that span over multiple lines.\nUseful for tooltips or similar components.","value":{"type":"boolean","default":"false"}},{"name":"flip","description":"When enabled this changes the placement of the floating element in order to keep it\nin view along the main axis.","value":{"type":"boolean","default":"false"}},{"name":"offset","description":"Placement modifier which translates the floating element along the main axis.","value":{"type":"number","default":"0"}},{"name":"open","description":"The visibility state of the popover component.","value":{"type":"boolean","default":"false"}},{"name":"placement","description":"Where to place the floating element relative to the parent anchor element.","value":{"type":"PopoverPlacement","default":"'bottom-start'"}},{"name":"same-width","description":"When enabled the floating element will match the width of its parent anchor element.","value":{"type":"boolean","default":"false"}},{"name":"shift","description":"When enabled this tries to shift the floating element along the main axis\nkeeping it in view, preventing overflow while maintaining the desired placement.","value":{"type":"boolean","default":"false"}},{"name":"shift-padding","description":"Virtual padding for the resolved overflow detection offsets in pixels.","value":{"type":"number","default":"0"}}],"slots":[{"name":"","description":"Content of the popover."},{"name":"anchor","description":"The element the popover will be anchored to."}],"events":[],"js":{"properties":[{"name":"anchor","description":"Pass an IDREF or an DOM element reference to use as the\nanchor target for the floating element.","type":"Element | string | undefined"},{"name":"arrow","description":"Element to render as an \"arrow\" element for the current popover.","type":"HTMLElement | null"},{"name":"arrowOffset","description":"Additional offset to apply to the arrow element if enabled.","type":"number"},{"name":"inline","description":"Improves positioning for inline reference elements that span over multiple lines.\nUseful for tooltips or similar components.","type":"boolean"},{"name":"flip","description":"When enabled this changes the placement of the floating element in order to keep it\nin view along the main axis.","type":"boolean"},{"name":"offset","description":"Placement modifier which translates the floating element along the main axis.","type":"number"},{"name":"open","description":"The visibility state of the popover component.","type":"boolean"},{"name":"placement","description":"Where to place the floating element relative to the parent anchor element.","type":"PopoverPlacement"},{"name":"sameWidth","description":"When enabled the floating element will match the width of its parent anchor element.","type":"boolean"},{"name":"shift","description":"When enabled this tries to shift the floating element along the main axis\nkeeping it in view, preventing overflow while maintaining the desired placement.","type":"boolean"},{"name":"shiftPadding","description":"Virtual padding for the resolved overflow detection offsets in pixels.","type":"number"}],"events":[]}},{"name":"igc-chip","description":"Chips help people enter information, make selections, filter content, or trigger actions.\n---\n\n\n### **Events:**\n - **igcRemove** - Emits an event when the chip component is removed. Returns the removed chip component.\n- **igcSelect** - Emits event when the chip component is selected/deselected and any related animations and transitions also end.\n\n### **Slots:**\n - _default_ - Renders content in the default slot of the chip.\n- **prefix** - Renders content at the start of the chip, before the default content.\n- **suffix** - Renders content at the end of the chip after the default content.\n- **select** - Content to render when the chip in selected state.\n- **remove** - Content to override the default remove chip icon.\n\n### **CSS Parts:**\n - **base** - The base wrapper of the chip.\n- **prefix** - The prefix container of the chip.\n- **suffix** - The suffix container of the chip.","doc-url":"","attributes":[{"name":"disabled","description":"Sets the disabled state for the chip.","value":{"type":"boolean","default":"false"}},{"name":"removable","description":"Defines if the chip is removable or not.","value":{"type":"boolean","default":"false"}},{"name":"selectable","description":"Defines if the chip is selectable or not.","value":{"type":"boolean","default":"false"}},{"name":"selected","description":"Defines if the chip is selected or not.","value":{"type":"boolean","default":"false"}},{"name":"variant","description":"A property that sets the color variant of the chip component.","value":{"type":"StyleVariant"}},{"name":"locale","description":"Gets/Sets the locale used for getting language, affecting resource strings.","value":{"type":"string"}}],"slots":[{"name":"","description":"Renders content in the default slot of the chip."},{"name":"prefix","description":"Renders content at the start of the chip, before the default content."},{"name":"suffix","description":"Renders content at the end of the chip after the default content."},{"name":"select","description":"Content to render when the chip in selected state."},{"name":"remove","description":"Content to override the default remove chip icon."}],"events":[{"name":"igcRemove","description":"Emits an event when the chip component is removed. Returns the removed chip component."},{"name":"igcSelect","description":"Emits event when the chip component is selected/deselected and any related animations and transitions also end."}],"js":{"properties":[{"name":"disabled","description":"Sets the disabled state for the chip.","type":"boolean"},{"name":"removable","description":"Defines if the chip is removable or not.","type":"boolean"},{"name":"selectable","description":"Defines if the chip is selectable or not.","type":"boolean"},{"name":"selected","description":"Defines if the chip is selected or not.","type":"boolean"},{"name":"variant","description":"A property that sets the color variant of the chip component.","type":"StyleVariant"},{"name":"locale","description":"Gets/Sets the locale used for getting language, affecting resource strings."},{"name":"resourceStrings","description":"The resource strings for localization.\nCurrently only aria-labels for the default select/remove icons are localized.","type":"IChipResourceStrings"}],"events":[{"name":"igcRemove","description":"Emits an event when the chip component is removed. Returns the removed chip component."},{"name":"igcSelect","description":"Emits event when the chip component is selected/deselected and any related animations and transitions also end."}]}},{"name":"igc-predefined-ranges-area","description":"The predefined ranges area component is used within the `igc-date-range picker` element and it\ndisplays a set of chips with predefined date ranges. The component allows users to quickly select\na predefined date range value. Users can also provide custom ranges to be displayed as chips.\n---\n\n\n### **Events:**\n - **igcRangeSelect**","doc-url":"","attributes":[{"name":"use-predefined-ranges","description":"Whether the control will show chips with predefined ranges.","value":{"type":"boolean","default":"false"}}],"events":[{"name":"igcRangeSelect","type":"CustomEvent"}],"js":{"properties":[{"name":"usePredefinedRanges","description":"Whether the control will show chips with predefined ranges.","type":"boolean"},{"name":"customRanges","description":"Renders chips with custom ranges based on the elements of the array.","type":"CustomDateRange[]"},{"name":"resourceStrings","description":"The resource strings of the date range area component.","type":"IgcDateRangePickerResourceStrings"}],"events":[{"name":"igcRangeSelect","type":"CustomEvent"}]}},{"name":"igc-date-range-picker","description":"The igc-date-range-picker allows the user to select a range of dates.\n---\n\n\n### **Events:**\n - **igcOpening** - Emitted just before the calendar dropdown is shown.\n- **igcOpened** - Emitted after the calendar dropdown is shown.\n- **igcClosing** - Emitted just before the calendar dropdown is hidden.\n- **igcClosed** - Emitted after the calendar dropdown is hidden.\n- **igcChange** - Emitted when the user modifies and commits the elements's value.\n- **igcInput** - Emitted when when the user types in the element.\n\n### **Slots:**\n - **prefix** - Renders content before the input (single input).\n- **prefix-start** - Renders content before the start input (two inputs).\n- **prefix-end** - Renders content before the end input (two inputs).\n- **suffix** - Renders content after the input (single input).\n- **suffix-start** - Renders content after the start input (single input).\n- **suffix-end** - Renders content after the end input (single input).\n- **helper-text** - Renders content below the input.\n- **bad-input** - Renders content when the value is in the disabledDates ranges.\n- **value-missing** - Renders content when the required validation fails.\n- **range-overflow** - Renders content when the max validation fails.\n- **range-underflow** - Renders content when the min validation fails.\n- **custom-error** - Renders content when setCustomValidity(message) is set.\n- **invalid** - Renders content when the component is in invalid state (validity.valid = false).\n- **title** - Renders content in the calendar title.\n- **header-date** - Renders content instead of the current date/range in the calendar header.\n- **clear-icon** - Renders a clear icon template.\n- **clear-icon-start** - Renders a clear icon template for the start input (two inputs).\n- **clear-icon-end** - Renders a clear icon template for the end input (two inputs).\n- **calendar-icon** - Renders the icon/content for the calendar picker.\n- **calendar-icon-start** - Renders the icon/content for the calendar picker for the start input (two inputs).\n- **calendar-icon-end** - Renders the icon/content for the calendar picker for the end input (two inputs).\n- **calendar-icon-open** - Renders the icon/content for the picker in open state.\n- **calendar-icon-open-start** - Renders the icon/content for the picker in open state for the start input (two inputs).\n- **calendar-icon-open-end** - Renders the icon/content for the picker in open state for the end input (two inputs).\n- **actions** - Renders content in the action part of the picker in open state.\n- **separator** - Renders the separator element between the two inputs.\n\n### **CSS Parts:**\n - **separator** - The separator element between the two inputs.\n- **ranges** - The wrapper that renders the custom and predefined ranges.\n- **label** - The label wrapper that renders content above the target input.\n- **calendar-icon** - The calendar icon wrapper for closed state (single input).\n- **calendar-icon-start** - The calendar icon wrapper for closed state for the start input (two inputs).\n- **calendar-icon-end** - The calendar icon wrapper for closed state for the end input (two inputs).\n- **calendar-icon-open** - The calendar icon wrapper for opened state (single input).\n- **calendar-icon-open-start** - The calendar icon wrapper for opened state for the start input (two inputs).\n- **calendar-icon-open-end** - The calendar icon wrapper for opened state for the end input (two inputs).\n- **clear-icon** - The clear icon wrapper (single input).\n- **clear-icon-start** - The clear icon wrapper for the start input (two inputs).\n- **clear-icon-end** - The clear icon wrapper for the end input (two inputs).\n- **actions** - The wrapper for the custom actions area.\n- **clear-icon** - The clear icon wrapper.\n- **input** - The native input element.\n- **prefix** - The prefix wrapper.\n- **suffix** - The suffix wrapper.\n- **helper-text** - The helper-text wrapper that renders content below the target input.\n- **header** - The calendar header element.\n- **header-title** - The calendar header title element.\n- **header-date** - The calendar header date element.\n- **calendar-content** - The calendar content element which contains the views and navigation elements.\n- **navigation** - The calendar navigation container element.\n- **months-navigation** - The calendar months navigation button element.\n- **years-navigation** - The calendar years navigation button element.\n- **years-range** - The calendar years range element.\n- **navigation-buttons** - The calendar navigation buttons container.\n- **navigation-button** - The calendar previous/next navigation button.\n- **days-view-container** - The calendar days view container element.\n- **days-view** - The calendar days view element.\n- **months-view** - The calendar months view element.\n- **years-view** - The calendar years view element.\n- **days-row** - The calendar days row element.\n- **calendar-label** - The calendar week header label element.\n- **week-number** - The calendar week number element.\n- **week-number-inner** - The calendar week number inner element.\n- **date** - The calendar date element.\n- **date-inner** - The calendar date inner element.\n- **first** - The calendar first selected date element in range selection.\n- **last** - The calendar last selected date element in range selection.\n- **inactive** - The calendar inactive date element.\n- **hidden** - The calendar hidden date element.\n- **weekend** - The calendar weekend date element.\n- **range** - The calendar range selected element.\n- **special** - The calendar special date element.\n- **disabled** - The calendar disabled date element.\n- **single** - The calendar single selected date element.\n- **preview** - The calendar range selection preview date element.\n- **month** - The calendar month element.\n- **month-inner** - The calendar month inner element.\n- **year** - The calendar year element.\n- **year-inner** - The calendar year inner element.\n- **selected** - The calendar selected state for element(s). Applies to date, month and year elements.\n- **current** - The calendar current state for element(s). Applies to date, month and year elements.","doc-url":"","attributes":[{"name":"value","description":"The value of the picker","value":{"type":"DateRangeValue | null"}},{"name":"mode","description":"Determines whether the calendar is opened in a dropdown or a modal dialog","value":{"type":"PickerMode","default":"'dropdown'"}},{"name":"use-two-inputs","description":"Use two inputs to display the date range values. Makes the input editable in dropdown mode.","value":{"type":"boolean","default":"false"}},{"name":"usePredefinedRanges","description":"Whether the control will show chips with predefined ranges.","value":{"type":"boolean","default":"false"}},{"name":"locale","description":"The locale settings used to display the value.","value":{"type":"string"}},{"name":"readonly","description":"Makes the control a readonly field.","value":{"type":"boolean","default":"false"}},{"name":"non-editable","description":"Whether to allow typing in the input.","value":{"type":"boolean","default":"false"}},{"name":"outlined","description":"Whether the control will have outlined appearance.","value":{"type":"boolean","default":"false"}},{"name":"label","description":"The label of the control (single input).","value":{"type":"string"}},{"name":"label-start","description":"The label attribute of the start input.","value":{"type":"string","default":"''"}},{"name":"label-end","description":"The label attribute of the end input.","value":{"type":"string","default":"''"}},{"name":"placeholder","description":"The placeholder attribute of the control (single input).","value":{"type":"string"}},{"name":"placeholder-start","description":"The placeholder attribute of the start input.","value":{"type":"string","default":"''"}},{"name":"placeholder-end","description":"The placeholder attribute of the end input.","value":{"type":"string","default":"''"}},{"name":"prompt","description":"The prompt symbol to use for unfilled parts of the mask.","value":{"type":"string","default":"'_'"}},{"name":"display-format","description":"Format to display the value in when not editing.\nDefaults to the locale format if not set.","value":{"type":"string"}},{"name":"input-format","description":"The date format to apply on the inputs.\nDefaults to the current locale Intl.DateTimeFormat","value":{"type":"string"}},{"name":"min","description":"The minimum value required for the date range picker to remain valid.","value":{"type":"Date | null"}},{"name":"max","description":"The maximum value required for the date range picker to remain valid.","value":{"type":"Date | null"}},{"name":"visible-months","description":"The number of months displayed in the calendar.","value":{"type":"number"}},{"name":"header-orientation","description":"The orientation of the calendar header.","value":{"type":"ContentOrientation","default":"'horizontal'"}},{"name":"orientation","description":"The orientation of the multiple months displayed in the calendar's days view.","value":{"type":"ContentOrientation","default":"'horizontal'"}},{"name":"hide-header","description":"Determines whether the calendar hides its header.","value":{"type":"boolean","default":"false"}},{"name":"show-week-numbers","description":"Whether to show the number of the week in the calendar.","value":{"type":"boolean","default":"false"}},{"name":"hide-outside-days","description":"Controls the visibility of the dates that do not belong to the current month.","value":{"type":"boolean","default":"false"}},{"name":"active-date","description":"Gets/Sets the date which is shown in the calendar picker and is highlighted.\nBy default it is the current date.","value":{"type":"Date"}},{"name":"week-start","description":"Sets the start day of the week for the calendar.","value":{"type":"WeekDays","default":"'sunday'"}},{"name":"required","description":"When set, makes the component a required field for validation.","value":{"type":"boolean","default":"false"}},{"name":"name","description":"The name attribute of the control.","value":{"type":"string"}},{"name":"disabled","description":"The disabled state of the component.","value":{"type":"boolean","default":"false"}},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","value":{"type":"boolean","default":"false"}},{"name":"keep-open-on-select","description":"Whether the component dropdown should be kept open on selection.","value":{"type":"boolean","default":"false"}},{"name":"keep-open-on-outside-click","description":"Whether the component dropdown should be kept open on clicking outside of it.","value":{"type":"boolean","default":"false"}},{"name":"open","description":"Sets the open state of the component.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"prefix","description":"Renders content before the input (single input)."},{"name":"prefix-start","description":"Renders content before the start input (two inputs)."},{"name":"prefix-end","description":"Renders content before the end input (two inputs)."},{"name":"suffix","description":"Renders content after the input (single input)."},{"name":"suffix-start","description":"Renders content after the start input (single input)."},{"name":"suffix-end","description":"Renders content after the end input (single input)."},{"name":"helper-text","description":"Renders content below the input."},{"name":"bad-input","description":"Renders content when the value is in the disabledDates ranges."},{"name":"value-missing","description":"Renders content when the required validation fails."},{"name":"range-overflow","description":"Renders content when the max validation fails."},{"name":"range-underflow","description":"Renders content when the min validation fails."},{"name":"custom-error","description":"Renders content when setCustomValidity(message) is set."},{"name":"invalid","description":"Renders content when the component is in invalid state (validity.valid = false)."},{"name":"title","description":"Renders content in the calendar title."},{"name":"header-date","description":"Renders content instead of the current date/range in the calendar header."},{"name":"clear-icon","description":"Renders a clear icon template."},{"name":"clear-icon-start","description":"Renders a clear icon template for the start input (two inputs)."},{"name":"clear-icon-end","description":"Renders a clear icon template for the end input (two inputs)."},{"name":"calendar-icon","description":"Renders the icon/content for the calendar picker."},{"name":"calendar-icon-start","description":"Renders the icon/content for the calendar picker for the start input (two inputs)."},{"name":"calendar-icon-end","description":"Renders the icon/content for the calendar picker for the end input (two inputs)."},{"name":"calendar-icon-open","description":"Renders the icon/content for the picker in open state."},{"name":"calendar-icon-open-start","description":"Renders the icon/content for the picker in open state for the start input (two inputs)."},{"name":"calendar-icon-open-end","description":"Renders the icon/content for the picker in open state for the end input (two inputs)."},{"name":"actions","description":"Renders content in the action part of the picker in open state."},{"name":"separator","description":"Renders the separator element between the two inputs."}],"events":[{"name":"igcOpening","description":"Emitted just before the calendar dropdown is shown."},{"name":"igcOpened","description":"Emitted after the calendar dropdown is shown."},{"name":"igcClosing","description":"Emitted just before the calendar dropdown is hidden."},{"name":"igcClosed","description":"Emitted after the calendar dropdown is hidden."},{"name":"igcChange","description":"Emitted when the user modifies and commits the elements's value."},{"name":"igcInput","description":"Emitted when when the user types in the element."}],"js":{"properties":[{"name":"value","description":"The value of the picker","type":"DateRangeValue | null"},{"name":"customRanges","description":"Renders chips with custom ranges based on the elements of the array.","type":"CustomDateRange[]"},{"name":"mode","description":"Determines whether the calendar is opened in a dropdown or a modal dialog","type":"PickerMode"},{"name":"useTwoInputs","description":"Use two inputs to display the date range values. Makes the input editable in dropdown mode.","type":"boolean"},{"name":"usePredefinedRanges","description":"Whether the control will show chips with predefined ranges.","type":"boolean"},{"name":"locale","description":"The locale settings used to display the value."},{"name":"resourceStrings","description":"The resource strings of the date range picker.","type":"IgcDateRangePickerResourceStrings"},{"name":"readOnly","description":"Makes the control a readonly field.","type":"boolean"},{"name":"nonEditable","description":"Whether to allow typing in the input.","type":"boolean"},{"name":"outlined","description":"Whether the control will have outlined appearance.","type":"boolean"},{"name":"label","description":"The label of the control (single input).","type":"string"},{"name":"labelStart","description":"The label attribute of the start input.","type":"string"},{"name":"labelEnd","description":"The label attribute of the end input.","type":"string"},{"name":"placeholder","description":"The placeholder attribute of the control (single input).","type":"string"},{"name":"placeholderStart","description":"The placeholder attribute of the start input.","type":"string"},{"name":"placeholderEnd","description":"The placeholder attribute of the end input.","type":"string"},{"name":"prompt","description":"The prompt symbol to use for unfilled parts of the mask.","type":"string"},{"name":"displayFormat","description":"Format to display the value in when not editing.\nDefaults to the locale format if not set.","type":"string"},{"name":"inputFormat","description":"The date format to apply on the inputs.\nDefaults to the current locale Intl.DateTimeFormat","type":"string"},{"name":"min","description":"The minimum value required for the date range picker to remain valid.","type":"Date | null"},{"name":"max","description":"The maximum value required for the date range picker to remain valid.","type":"Date | null"},{"name":"disabledDates","description":"Gets/sets disabled dates."},{"name":"visibleMonths","description":"The number of months displayed in the calendar.","type":"number"},{"name":"headerOrientation","description":"The orientation of the calendar header.","type":"ContentOrientation"},{"name":"orientation","description":"The orientation of the multiple months displayed in the calendar's days view.","type":"ContentOrientation"},{"name":"hideHeader","description":"Determines whether the calendar hides its header.","type":"boolean"},{"name":"activeDate","description":"Gets/Sets the date which is shown in the calendar picker and is highlighted.\nBy default it is the current date.","type":"Date"},{"name":"showWeekNumbers","description":"Whether to show the number of the week in the calendar.","type":"boolean"},{"name":"hideOutsideDays","description":"Controls the visibility of the dates that do not belong to the current month.","type":"boolean"},{"name":"specialDates","description":"Gets/sets special dates.","type":"DateRangeDescriptor[]"},{"name":"weekStart","description":"Sets the start day of the week for the calendar.","type":"WeekDays"},{"name":"required","description":"When set, makes the component a required field for validation.","type":"boolean"},{"name":"defaultValue","type":"unknown"},{"name":"name","description":"The name attribute of the control.","type":"string"},{"name":"disabled","description":"The disabled state of the component.","type":"boolean"},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","type":"boolean"},{"name":"form","description":"Returns the HTMLFormElement associated with this element.","type":"HTMLFormElement | null"},{"name":"validity","description":"Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.","type":"ValidityState"},{"name":"validationMessage","description":"A string containing the validation message of this element.","type":"string"},{"name":"willValidate","description":"A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.","type":"boolean"},{"name":"keepOpenOnSelect","description":"Whether the component dropdown should be kept open on selection.","type":"boolean"},{"name":"keepOpenOnOutsideClick","description":"Whether the component dropdown should be kept open on clicking outside of it.","type":"boolean"},{"name":"open","description":"Sets the open state of the component.","type":"boolean"}],"events":[{"name":"igcOpening","description":"Emitted just before the calendar dropdown is shown."},{"name":"igcOpened","description":"Emitted after the calendar dropdown is shown."},{"name":"igcClosing","description":"Emitted just before the calendar dropdown is hidden."},{"name":"igcClosed","description":"Emitted after the calendar dropdown is hidden."},{"name":"igcChange","description":"Emitted when the user modifies and commits the elements's value."},{"name":"igcInput","description":"Emitted when when the user types in the element."}]}},{"name":"igc-file-input","description":"\n---\n\n\n### **Events:**\n - **igcChange** - Emitted when the control's checked state changes.\n- **igcCancel** - Emitted when the control's file picker dialog is canceled.\n\n### **Slots:**\n - **prefix** - Renders content before the input.\n- **suffix** - Renders content after input.\n- **helper-text** - Renders content below the input.\n- **file-selector-text** - Renders content for the browse button when input type is file.\n- **file-missing-text** - Renders content when input type is file and no file is chosen.\n- **value-missing** - Renders content when the required validation fails.\n- **custom-error** - Renders content when setCustomValidity(message) is set.\n- **invalid** - Renders content when the component is in invalid state (validity.valid = false).\n\n### **CSS Parts:**\n - **container** - The main wrapper that holds all main input elements.\n- **input** - The native input element.\n- **label** - The native label element.\n- **file-names** - The file names wrapper when input type is 'file'.\n- **file-selector-button** - The browse button when input type is 'file'.\n- **prefix** - The prefix wrapper.\n- **suffix** - The suffix wrapper.\n- **helper-text** - The helper text wrapper.","doc-url":"","attributes":[{"name":"value","description":"The value of the control.\nSimilar to native file input, this property is read-only and cannot be set programmatically.","value":{"type":"string"}},{"name":"locale","description":"Gets/Sets the locale used for getting language, affecting resource strings.","value":{"type":"string"}},{"name":"multiple","description":"The multiple attribute of the control.\nUsed to indicate that a file input allows the user to select more than one file.","value":{"type":"boolean","default":"false"}},{"name":"accept","description":"The accept attribute of the control.\nDefines the file types as a list of comma-separated values that the file input should accept.","value":{"type":"string","default":"''"}},{"name":"autofocus","description":"The autofocus attribute of the control.","value":{"type":"boolean"}},{"name":"required","description":"When set, makes the component a required field for validation.","value":{"type":"boolean","default":"false"}},{"name":"name","description":"The name attribute of the control.","value":{"type":"string"}},{"name":"disabled","description":"The disabled state of the component.","value":{"type":"boolean","default":"false"}},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","value":{"type":"boolean","default":"false"}},{"name":"outlined","description":"Whether the control will have outlined appearance.","value":{"type":"boolean","default":"false"}},{"name":"placeholder","description":"The placeholder attribute of the control.","value":{"type":"string"}},{"name":"label","description":"The label for the control.","value":{"type":"string"}}],"slots":[{"name":"prefix","description":"Renders content before the input."},{"name":"suffix","description":"Renders content after input."},{"name":"helper-text","description":"Renders content below the input."},{"name":"file-selector-text","description":"Renders content for the browse button when input type is file."},{"name":"file-missing-text","description":"Renders content when input type is file and no file is chosen."},{"name":"value-missing","description":"Renders content when the required validation fails."},{"name":"custom-error","description":"Renders content when setCustomValidity(message) is set."},{"name":"invalid","description":"Renders content when the component is in invalid state (validity.valid = false)."}],"events":[{"name":"igcChange","description":"Emitted when the control's checked state changes."},{"name":"igcCancel","description":"Emitted when the control's file picker dialog is canceled."}],"js":{"properties":[{"name":"value","description":"The value of the control.\nSimilar to native file input, this property is read-only and cannot be set programmatically.","type":"string | Date | null"},{"name":"resourceStrings","description":"The resource strings for localization.","type":"IFileInputResourceStrings"},{"name":"locale","description":"Gets/Sets the locale used for getting language, affecting resource strings.","type":"string"},{"name":"multiple","description":"The multiple attribute of the control.\nUsed to indicate that a file input allows the user to select more than one file.","type":"boolean"},{"name":"accept","description":"The accept attribute of the control.\nDefines the file types as a list of comma-separated values that the file input should accept.","type":"string"},{"name":"autofocus","description":"The autofocus attribute of the control.","type":"boolean"},{"name":"files","description":"Returns the list of selected files.","type":"FileList"},{"name":"required","description":"When set, makes the component a required field for validation.","type":"boolean"},{"name":"defaultValue","type":"unknown"},{"name":"name","description":"The name attribute of the control.","type":"string"},{"name":"disabled","description":"The disabled state of the component.","type":"boolean"},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","type":"boolean"},{"name":"form","description":"Returns the HTMLFormElement associated with this element.","type":"HTMLFormElement | null"},{"name":"validity","description":"Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.","type":"ValidityState"},{"name":"validationMessage","description":"A string containing the validation message of this element.","type":"string"},{"name":"willValidate","description":"A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.","type":"boolean"},{"name":"outlined","description":"Whether the control will have outlined appearance.","type":"boolean"},{"name":"placeholder","description":"The placeholder attribute of the control.","type":"string"},{"name":"label","description":"The label for the control.","type":"string"}],"events":[{"name":"igcChange","description":"Emitted when the control's checked state changes."},{"name":"igcCancel","description":"Emitted when the control's file picker dialog is canceled."}]}},{"name":"igc-avatar","description":"An avatar component is used as a representation of a user identity\ntypically in a user profile.\n---\n\n\n### **Slots:**\n - _default_ - Renders an icon inside the default slot.\n\n### **CSS Parts:**\n - **base** - The base wrapper of the avatar.\n- **initials** - The initials wrapper of the avatar.\n- **image** - The image wrapper of the avatar.\n- **icon** - The icon wrapper of the avatar.","doc-url":"","attributes":[{"name":"src","description":"The image source to use.","value":{"type":"string | undefined"}},{"name":"alt","description":"Alternative text for the image.","value":{"type":"string | undefined"}},{"name":"initials","description":"Initials to use as a fallback when no image is available.","value":{"type":"string | undefined"}},{"name":"shape","description":"The shape of the avatar.","value":{"type":"AvatarShape","default":"'square'"}}],"slots":[{"name":"","description":"Renders an icon inside the default slot."}],"events":[],"js":{"properties":[{"name":"src","description":"The image source to use.","type":"string | undefined"},{"name":"alt","description":"Alternative text for the image.","type":"string | undefined"},{"name":"initials","description":"Initials to use as a fallback when no image is available.","type":"string | undefined"},{"name":"shape","description":"The shape of the avatar.","type":"AvatarShape"}],"events":[]}},{"name":"igc-expansion-panel","description":"The Expansion Panel Component provides a way to display information in a toggleable way -\ncompact summary view containing title and description and expanded detail view containing\nadditional content to the summary header.\n---\n\n\n### **Events:**\n - **igcOpening** - Emitted before opening the expansion panel.\n- **igcOpened** - Emitted after the expansion panel is opened.\n- **igcClosing** - Emitted before closing the expansion panel.\n- **igcClosed** - Emitted after the expansion panel is closed.\n\n### **Slots:**\n - _default_ - renders the default content of the panel\n- **title** - renders the title of the panel's header\n- **subtitle** - renders the subtitle of the panel's header\n- **indicator** - renders the expand/collapsed indicator\n- **indicator-expanded** - renders the expanded state of the indicator\n\n### **CSS Parts:**\n - **header** - The container of the expansion indicator, title and subtitle.\n- **title** -  The title container.\n- **subtitle** - The subtitle container.\n- **indicator** - The indicator container.\n- **content** - The expansion panel's content wrapper.","doc-url":"","attributes":[{"name":"open","description":"Indicates whether the contents of the control should be visible.","value":{"type":"boolean","default":"false"}},{"name":"disabled","description":"Get/Set whether the expansion panel is disabled. Disabled panels are ignored for user interactions.","value":{"type":"boolean","default":"false"}},{"name":"indicator-position","description":"The indicator position of the expansion panel.","value":{"type":"ExpansionPanelIndicatorPosition","default":"'start'"}}],"slots":[{"name":"","description":"renders the default content of the panel"},{"name":"title","description":"renders the title of the panel's header"},{"name":"subtitle","description":"renders the subtitle of the panel's header"},{"name":"indicator","description":"renders the expand/collapsed indicator"},{"name":"indicator-expanded","description":"renders the expanded state of the indicator"}],"events":[{"name":"igcOpening","description":"Emitted before opening the expansion panel."},{"name":"igcOpened","description":"Emitted after the expansion panel is opened."},{"name":"igcClosing","description":"Emitted before closing the expansion panel."},{"name":"igcClosed","description":"Emitted after the expansion panel is closed."}],"js":{"properties":[{"name":"open","description":"Indicates whether the contents of the control should be visible.","type":"boolean"},{"name":"disabled","description":"Get/Set whether the expansion panel is disabled. Disabled panels are ignored for user interactions.","type":"boolean"},{"name":"indicatorPosition","description":"The indicator position of the expansion panel.","type":"ExpansionPanelIndicatorPosition"}],"events":[{"name":"igcOpening","description":"Emitted before opening the expansion panel."},{"name":"igcOpened","description":"Emitted after the expansion panel is opened."},{"name":"igcClosing","description":"Emitted before closing the expansion panel."},{"name":"igcClosed","description":"Emitted after the expansion panel is closed."}]}},{"name":"igc-accordion","description":"The Accordion is a container-based component that can house multiple expansion panels\nand offers keyboard navigation.\n---\n\n\n### **Slots:**\n - _default_ - Renders the expansion panels inside default slot.","doc-url":"","attributes":[{"name":"single-expand","description":"Allows only one panel to be expanded at a time.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"Renders the expansion panels inside default slot."}],"events":[],"js":{"properties":[{"name":"singleExpand","description":"Allows only one panel to be expanded at a time.","type":"boolean"},{"name":"panels","description":"Returns all of the accordions's direct igc-expansion-panel children.","type":"IgcExpansionPanelComponent[]"}],"events":[]}},{"name":"igc-badge","description":"The badge is a component indicating a status on a related item or an area\nwhere some active indication is required.\n---\n\n\n### **Slots:**\n - _default_ - Default slot for the badge.\n\n### **CSS Parts:**\n - **base** - The base wrapper of the badge.","doc-url":"","attributes":[{"name":"variant","description":"The type of badge.","value":{"type":"StyleVariant","default":"'primary'"}},{"name":"outlined","description":"Sets whether to draw an outlined version of the badge.","value":{"type":"boolean","default":"false"}},{"name":"shape","description":"The shape of the badge.","value":{"type":"BadgeShape","default":"'rounded'"}},{"name":"dot","description":"Sets whether to render a dot type badge.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"Default slot for the badge."}],"events":[],"js":{"properties":[{"name":"variant","description":"The type of badge.","type":"StyleVariant"},{"name":"outlined","description":"Sets whether to draw an outlined version of the badge.","type":"boolean"},{"name":"shape","description":"The shape of the badge.","type":"BadgeShape"},{"name":"dot","description":"Sets whether to render a dot type badge.","type":"boolean"}],"events":[]}},{"name":"igc-banner","description":"The `igc-banner` component displays important and concise message(s) for a user to address, that is specific to a page or feature.\n---\n\n\n### **Events:**\n - **igcClosing** - Emitted before closing the banner - when a user interacts (click) with the default action of the banner.\n- **igcClosed** - Emitted after the banner is closed - when a user interacts (click) with the default action of the banner.\n\n### **Slots:**\n - _default_ - Renders the text content of the banner message.\n- **prefix** - Renders additional content at the start of the message block.\n- **actions** - Renders any action elements.\n\n### **CSS Parts:**\n - **base** - The base wrapper of the banner component.\n- **spacer** - The inner wrapper that sets the space around the banner.\n- **message** - The part that holds the text and the illustration.\n- **illustration** - The part that holds the banner icon/illustration.\n- **content** - The part that holds the banner text content.\n- **actions** - The part that holds the banner action buttons.","doc-url":"","attributes":[{"name":"open","description":"Determines whether the banner is being shown/hidden.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"Renders the text content of the banner message."},{"name":"prefix","description":"Renders additional content at the start of the message block."},{"name":"actions","description":"Renders any action elements."}],"events":[{"name":"igcClosing","description":"Emitted before closing the banner - when a user interacts (click) with the default action of the banner."},{"name":"igcClosed","description":"Emitted after the banner is closed - when a user interacts (click) with the default action of the banner."}],"js":{"properties":[{"name":"open","description":"Determines whether the banner is being shown/hidden.","type":"boolean"}],"events":[{"name":"igcClosing","description":"Emitted before closing the banner - when a user interacts (click) with the default action of the banner."},{"name":"igcClosed","description":"Emitted after the banner is closed - when a user interacts (click) with the default action of the banner."}]}},{"name":"igc-toggle-button","description":"The `igc-toggle-button` wraps a native button element and exposes additional `value` and `selected` properties.\nIt is used in the context of an `igc-button-group` to facilitate the creation of group/toolbar like UX behaviors.\n---\n\n\n### **Slots:**\n - **Renders** - the label/content of the button.\n\n### **CSS Parts:**\n - **toggle** - The native button element.","doc-url":"","attributes":[{"name":"value","description":"The value attribute of the control.","value":{"type":"string"}},{"name":"selected","description":"Determines whether the button is selected.","value":{"type":"boolean","default":"false"}},{"name":"disabled","description":"Determines whether the button is disabled.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"Renders","description":"the label/content of the button."}],"events":[],"js":{"properties":[{"name":"value","description":"The value attribute of the control.","type":"string"},{"name":"selected","description":"Determines whether the button is selected.","type":"boolean"},{"name":"disabled","description":"Determines whether the button is disabled.","type":"boolean"}],"events":[]}},{"name":"igc-button-group","description":"The `igc-button-group` groups a series of `igc-toggle-button`s together, exposing features such as layout and selection.\n---\n\n\n### **Events:**\n - **igcSelect** - Emitted when a button is selected through user interaction.\n- **igcDeselect** - Emitted when a button is deselected through user interaction.\n\n### **Slots:**\n - _default_ - Renders `igc-toggle-button` component.\n\n### **CSS Parts:**\n - **group** - The button group container.","doc-url":"","attributes":[{"name":"disabled","description":"Disables all buttons inside the group.","value":{"type":"boolean","default":"false"}},{"name":"alignment","description":"Sets the orientation of the buttons in the group.","value":{"type":"ContentOrientation","default":"'horizontal'"}},{"name":"selection","description":"Controls the mode of selection for the button group.","value":{"type":"ButtonGroupSelection","default":"'single'"}},{"name":"selectedItems","description":"Gets/Sets the currently selected buttons (their values).","value":{"type":"string[]"}}],"slots":[{"name":"","description":"Renders `igc-toggle-button` component."}],"events":[{"name":"igcSelect","description":"Emitted when a button is selected through user interaction."},{"name":"igcDeselect","description":"Emitted when a button is deselected through user interaction."}],"js":{"properties":[{"name":"disabled","description":"Disables all buttons inside the group.","type":"boolean"},{"name":"alignment","description":"Sets the orientation of the buttons in the group.","type":"ContentOrientation"},{"name":"selection","description":"Controls the mode of selection for the button group.","type":"ButtonGroupSelection"},{"name":"selectedItems","description":"Gets/Sets the currently selected buttons (their values).","type":"string[]"}],"events":[{"name":"igcSelect","description":"Emitted when a button is selected through user interaction."},{"name":"igcDeselect","description":"Emitted when a button is deselected through user interaction."}]}},{"name":"igc-card-actions","description":"A container for card action items like buttons\n---\n\n\n### **Slots:**\n - **start** - Renders items at the beginning of actions area\n- _default_ - Renders items at the middle of actions area\n- **end** - Renders items at the end of actions area","doc-url":"","attributes":[{"name":"orientation","description":"The orientation of the actions.","value":{"type":"ContentOrientation","default":"'horizontal'"}}],"slots":[{"name":"start","description":"Renders items at the beginning of actions area"},{"name":"","description":"Renders items at the middle of actions area"},{"name":"end","description":"Renders items at the end of actions area"}],"events":[],"js":{"properties":[{"name":"orientation","description":"The orientation of the actions.","type":"ContentOrientation"}],"events":[]}},{"name":"igc-card-content","description":"A container for card's text content\n---\n\n\n### **Slots:**\n - _default_ - Renders the card text content","doc-url":"","attributes":[],"slots":[{"name":"","description":"Renders the card text content"}],"events":[],"js":{"properties":[],"events":[]}},{"name":"igc-card-header","description":"A container for card's header\n---\n\n\n### **Slots:**\n - **thumbnail** - Renders header media like icon\n- **title** - Renders the card title\n- **subtitle** - Renders the card subtitle\n- _default_ - Renders content next to the card title\n\n### **CSS Parts:**\n - **header** - The card header container","doc-url":"","attributes":[],"slots":[{"name":"thumbnail","description":"Renders header media like icon"},{"name":"title","description":"Renders the card title"},{"name":"subtitle","description":"Renders the card subtitle"},{"name":"","description":"Renders content next to the card title"}],"events":[],"js":{"properties":[],"events":[]}},{"name":"igc-card-media","description":"A container for card's media - could be an image, gif, video\n---\n\n\n### **Slots:**\n - _default_ - Renders the card media content","doc-url":"","attributes":[],"slots":[{"name":"","description":"Renders the card media content"}],"events":[],"js":{"properties":[],"events":[]}},{"name":"igc-card","description":"A container which wraps different elements related to a single subject\n---\n\n\n### **Slots:**\n - _default_ - Renders card content","doc-url":"","attributes":[{"name":"elevated","description":"Sets card elevated style, otherwise card looks outlined.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"Renders card content"}],"events":[],"js":{"properties":[{"name":"elevated","description":"Sets card elevated style, otherwise card looks outlined.","type":"boolean"}],"events":[]}},{"name":"igc-toast","description":"A toast component is used to show a notification\n---\n\n\n### **CSS Parts:**\n - **base** - The base wrapper of the toast.","doc-url":"","attributes":[{"name":"open","description":"Whether the component is in shown state.","value":{"type":"boolean","default":"false"}},{"name":"display-time","description":"Determines the duration in ms in which the component will be visible.","value":{"type":"number","default":"4000"}},{"name":"keep-open","description":"Determines whether the component should close after the `displayTime` is over.","value":{"type":"boolean","default":"false"}},{"name":"position","description":"Sets the position of the component in the viewport.","value":{"type":"AbsolutePosition","default":"'bottom'"}}],"events":[],"js":{"properties":[{"name":"open","description":"Whether the component is in shown state.","type":"boolean"},{"name":"displayTime","description":"Determines the duration in ms in which the component will be visible.","type":"number"},{"name":"keepOpen","description":"Determines whether the component should close after the `displayTime` is over.","type":"boolean"},{"name":"position","description":"Sets the position of the component in the viewport.","type":"AbsolutePosition"}],"events":[]}},{"name":"igc-tooltip","description":"Provides a way to display supplementary information related to an element when a user interacts with it (e.g., hover, focus).\nIt offers features such as placement customization, delays, sticky mode, and animations.\n---\n\n\n### **Events:**\n - **igcOpening** - Emitted before the tooltip begins to open. Can be canceled to prevent opening.\n- **igcOpened** - Emitted after the tooltip has successfully opened and is visible.\n- **igcClosing** - Emitted before the tooltip begins to close. Can be canceled to prevent closing.\n- **igcClosed** - Emitted after the tooltip has been fully removed from view.\n\n### **Slots:**\n - _default_ - Default slot of the tooltip component.\n- **close-button** - Slot for custom sticky-mode close action (e.g., an icon/button).\n\n### **CSS Parts:**\n - **base** - The wrapping container of the tooltip content.\n- **simple-text** - The container where the message property of the tooltip is rendered.","doc-url":"","attributes":[{"name":"open","description":"Whether the tooltip is showing.","value":{"type":"boolean","default":"false"}},{"name":"disable-arrow","description":"Whether to disable the rendering of the arrow indicator for the tooltip.","value":{"type":"boolean","default":"false"}},{"name":"with-arrow","description":"Whether to render an arrow indicator for the tooltip.","value":{"type":"boolean","default":"false"}},{"name":"offset","description":"The offset of the tooltip from the anchor in pixels.","value":{"type":"number","default":"6"}},{"name":"placement","description":"Where to place the floating element relative to the parent anchor element.","value":{"type":"PopoverPlacement","default":"'bottom'"}},{"name":"anchor","description":"An element instance or an IDREF to use as the anchor for the tooltip.","value":{"type":"Element | string | undefined"}},{"name":"show-triggers","description":"Which event triggers will show the tooltip.\nExpects a comma separate string of different event triggers.","value":{"type":"string","default":"pointerenter"}},{"name":"hide-triggers","description":"Which event triggers will hide the tooltip.\nExpects a comma separate string of different event triggers.","value":{"type":"string","default":"pointerleave, click"}},{"name":"show-delay","description":"Specifies the number of milliseconds that should pass before showing the tooltip.","value":{"type":"number","default":"200"}},{"name":"hide-delay","description":"Specifies the number of milliseconds that should pass before hiding the tooltip.","value":{"type":"number","default":"300"}},{"name":"message","description":"Specifies a plain text as tooltip content.","value":{"type":"string","default":"''"}},{"name":"sticky","description":"Specifies if the tooltip remains visible until the user closes it via the close button or Esc key.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"Default slot of the tooltip component."},{"name":"close-button","description":"Slot for custom sticky-mode close action (e.g., an icon/button)."}],"events":[{"name":"igcOpening","description":"Emitted before the tooltip begins to open. Can be canceled to prevent opening."},{"name":"igcOpened","description":"Emitted after the tooltip has successfully opened and is visible."},{"name":"igcClosing","description":"Emitted before the tooltip begins to close. Can be canceled to prevent closing."},{"name":"igcClosed","description":"Emitted after the tooltip has been fully removed from view."}],"js":{"properties":[{"name":"open","description":"Whether the tooltip is showing.","type":"boolean"},{"name":"disableArrow","description":"Whether to disable the rendering of the arrow indicator for the tooltip.","type":"boolean"},{"name":"withArrow","description":"Whether to render an arrow indicator for the tooltip.","type":"boolean"},{"name":"offset","description":"The offset of the tooltip from the anchor in pixels.","type":"number"},{"name":"placement","description":"Where to place the floating element relative to the parent anchor element.","type":"PopoverPlacement"},{"name":"anchor","description":"An element instance or an IDREF to use as the anchor for the tooltip.","type":"Element | string | undefined"},{"name":"showTriggers","description":"Which event triggers will show the tooltip.\nExpects a comma separate string of different event triggers.","type":"string"},{"name":"hideTriggers","description":"Which event triggers will hide the tooltip.\nExpects a comma separate string of different event triggers.","type":"string"},{"name":"showDelay","description":"Specifies the number of milliseconds that should pass before showing the tooltip.","type":"number"},{"name":"hideDelay","description":"Specifies the number of milliseconds that should pass before hiding the tooltip.","type":"number"},{"name":"message","description":"Specifies a plain text as tooltip content.","type":"string"},{"name":"sticky","description":"Specifies if the tooltip remains visible until the user closes it via the close button or Esc key.","type":"boolean"}],"events":[{"name":"igcOpening","description":"Emitted before the tooltip begins to open. Can be canceled to prevent opening."},{"name":"igcOpened","description":"Emitted after the tooltip has successfully opened and is visible."},{"name":"igcClosing","description":"Emitted before the tooltip begins to close. Can be canceled to prevent closing."},{"name":"igcClosed","description":"Emitted after the tooltip has been fully removed from view."}]}},{"name":"igc-list-header","description":"Header list item.\n---\n\n\n### **Slots:**\n - _default_ - Renders header list item's content.","doc-url":"","attributes":[],"slots":[{"name":"","description":"Renders header list item's content."}],"events":[],"js":{"properties":[],"events":[]}},{"name":"igc-list-item","description":"The list-item component is a container\nintended for row items in the list component.\n---\n\n\n### **Slots:**\n - _default_ - Renders custom content.\n- **start** - Renders content before all other content.\n- **end** - Renders content after all other content.\n- **title** - Renders the title.\n- **subtitle** - Renders the subtitle.\n\n### **CSS Parts:**\n - **start** - The start container.\n- **end** - The end container.\n- **content** - The header and custom content container.\n- **header** - The title and subtitle container.\n- **title** - The title container.\n- **subtitle** - The subtitle container.","doc-url":"","attributes":[{"name":"selected","description":"Defines if the list item is selected or not.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"Renders custom content."},{"name":"start","description":"Renders content before all other content."},{"name":"end","description":"Renders content after all other content."},{"name":"title","description":"Renders the title."},{"name":"subtitle","description":"Renders the subtitle."}],"events":[],"js":{"properties":[{"name":"selected","description":"Defines if the list item is selected or not.","type":"boolean"}],"events":[]}},{"name":"igc-list","description":"Displays a collection of data items in a templatable list format.\n---\n\n\n### **Slots:**\n - _default_ - Renders the list items and list headers inside default slot.","doc-url":"","attributes":[],"slots":[{"name":"","description":"Renders the list items and list headers inside default slot."}],"events":[],"js":{"properties":[],"events":[]}},{"name":"igc-icon-button","description":"\n---\n\n\n### **Events:**\n \n\n### **CSS Parts:**\n - **base** - The wrapping element of the icon button.\n- **icon** - The icon element of the icon button.","doc-url":"","attributes":[{"name":"name","description":"The name of the icon.","value":{"type":"string | undefined"}},{"name":"collection","description":"The name of the icon collection.","value":{"type":"string | undefined"}},{"name":"mirrored","description":"Whether to flip the icon button. Useful for RTL layouts.","value":{"type":"boolean","default":"false"}},{"name":"variant","description":"The visual variant of the icon button.","value":{"type":"IconButtonVariant","default":"'contained'"}},{"name":"type","description":"The type of the button. Defaults to `button`.","value":{"type":"'button' | 'reset' | 'submit'","default":"'button'"}},{"name":"href","description":"The URL the button points to.","value":{"type":"string | undefined"}},{"name":"download","description":"Prompts to save the linked URL instead of navigating to it.","value":{"type":"string | undefined"}},{"name":"target","description":"Where to display the linked URL, as the name for a browsing context.","value":{"type":"'_blank' | '_parent' | '_self' | '_top' | undefined"}},{"name":"rel","description":"The relationship of the linked URL.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types","value":{"type":"string | undefined"}},{"name":"disabled","description":"The disabled state of the component","value":{"type":"boolean"}}],"events":[],"js":{"properties":[{"name":"name","description":"The name of the icon.","type":"string | undefined"},{"name":"collection","description":"The name of the icon collection.","type":"string | undefined"},{"name":"mirrored","description":"Whether to flip the icon button. Useful for RTL layouts.","type":"boolean"},{"name":"variant","description":"The visual variant of the icon button.","type":"IconButtonVariant"},{"name":"type","description":"The type of the button. Defaults to `button`.","type":"'button' | 'reset' | 'submit'"},{"name":"href","description":"The URL the button points to.","type":"string | undefined"},{"name":"download","description":"Prompts to save the linked URL instead of navigating to it.","type":"string | undefined"},{"name":"target","description":"Where to display the linked URL, as the name for a browsing context.","type":"'_blank' | '_parent' | '_self' | '_top' | undefined"},{"name":"rel","description":"The relationship of the linked URL.\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types","type":"string | undefined"},{"name":"disabled","description":"The disabled state of the component","type":"boolean"},{"name":"form","description":"Returns the HTMLFormElement associated with this element.","type":"HTMLFormElement | null"}],"events":[]}},{"name":"igc-textarea","description":"This element represents a multi-line plain-text editing control,\nuseful when you want to allow users to enter a sizeable amount of free-form text,\nfor example a comment on a review or feedback form.\n---\n\n\n### **Events:**\n - **igcInput** - Emitted when the control receives user input.\n- **igcChange** - Emitted when the a change to the control value is committed by the user.\n\n### **Slots:**\n - _default_ - Text content from the default slot will be used as the value of the component.\n- **prefix** - Renders content before the input.\n- **suffix** - Renders content after input.\n- **helper-text** - Renders content below the input.\n- **value-missing** - Renders content when the required validation fails.\n- **too-long** - Renders content when the maxlength validation fails.\n- **too-short** - Renders content when the minlength validation fails.\n- **custom-error** - Renders content when setCustomValidity(message) is set.\n- **invalid** - Renders content when the component is in invalid state (validity.valid = false).\n\n### **CSS Parts:**\n - **container** - The main wrapper that holds all main input elements of the textarea.\n- **input** - The native input element of the igc-textarea.\n- **label** - The native label element of the igc-textarea.\n- **prefix** - The prefix wrapper of the igc-textarea.\n- **suffix** - The suffix wrapper of the igc-textarea.\n- **helper-text** - The helper text wrapper of the igc-textarea.","doc-url":"","attributes":[{"name":"autocomplete","description":"Specifies what if any permission the browser has to provide for automated assistance in filling out form field values,\nas well as guidance to the browser as to the type of information expected in the field.\nRefer to [this page](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for additional information.","value":{"type":"string"}},{"name":"autocapitalize","description":"Controls whether and how text input is automatically capitalized as it is entered/edited by the user.\n\n[MDN documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize).","value":{"type":"string"}},{"name":"inputmode","description":"Hints at the type of data that might be entered by the user while editing the element or its contents.\nThis allows a browser to display an appropriate virtual keyboard.\n\n[MDN documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)","value":{"type":"string"}},{"name":"label","description":"The label for the control.","value":{"type":"string"}},{"name":"maxlength","description":"The maximum number of characters (UTF-16 code units) that the user can enter.\nIf this value isn't specified, the user can enter an unlimited number of characters.","value":{"type":"number"}},{"name":"minlength","description":"The minimum number of characters (UTF-16 code units) required that the user should enter.","value":{"type":"number"}},{"name":"outlined","description":"Whether the control will have outlined appearance.","value":{"type":"boolean","default":"false"}},{"name":"placeholder","description":"The placeholder attribute of the control.","value":{"type":"string"}},{"name":"readonly","description":"Makes the control a readonly field.","value":{"type":"boolean","default":"false"}},{"name":"resize","description":"Controls whether the control can be resized.\nWhen `auto` is set, the control will try to expand and fit its content.","value":{"type":"TextareaResize","default":"'vertical'"}},{"name":"rows","description":"The number of visible text lines for the control. If it is specified, it must be a positive integer.\nIf it is not specified, the default value is 3.","value":{"type":"number","default":"3"}},{"name":"value","description":"The value of the component","value":{"type":"string"}},{"name":"spellcheck","description":"Controls whether the element may be checked for spelling errors.","value":{"type":"boolean","default":"true"}},{"name":"wrap","description":"Indicates how the control should wrap the value for form submission.\nRefer to [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attributes)\nfor explanation of the available values.","value":{"type":"'hard' | 'soft' | 'off'","default":"'soft'"}},{"name":"validate-only","description":"Enables validation rules to be evaluated without restricting user input. This applies to the `maxLength` property\nwhen it is defined.","value":{"type":"boolean","default":"false"}},{"name":"required","description":"When set, makes the component a required field for validation.","value":{"type":"boolean","default":"false"}},{"name":"name","description":"The name attribute of the control.","value":{"type":"string"}},{"name":"disabled","description":"The disabled state of the component.","value":{"type":"boolean","default":"false"}},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"Text content from the default slot will be used as the value of the component."},{"name":"prefix","description":"Renders content before the input."},{"name":"suffix","description":"Renders content after input."},{"name":"helper-text","description":"Renders content below the input."},{"name":"value-missing","description":"Renders content when the required validation fails."},{"name":"too-long","description":"Renders content when the maxlength validation fails."},{"name":"too-short","description":"Renders content when the minlength validation fails."},{"name":"custom-error","description":"Renders content when setCustomValidity(message) is set."},{"name":"invalid","description":"Renders content when the component is in invalid state (validity.valid = false)."}],"events":[{"name":"igcInput","description":"Emitted when the control receives user input."},{"name":"igcChange","description":"Emitted when the a change to the control value is committed by the user."}],"js":{"properties":[{"name":"autocomplete","description":"Specifies what if any permission the browser has to provide for automated assistance in filling out form field values,\nas well as guidance to the browser as to the type of information expected in the field.\nRefer to [this page](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for additional information.","type":"string"},{"name":"autocapitalize","description":"Controls whether and how text input is automatically capitalized as it is entered/edited by the user.\n\n[MDN documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize).","type":"string"},{"name":"inputMode","description":"Hints at the type of data that might be entered by the user while editing the element or its contents.\nThis allows a browser to display an appropriate virtual keyboard.\n\n[MDN documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)","type":"string"},{"name":"label","description":"The label for the control.","type":"string"},{"name":"maxLength","description":"The maximum number of characters (UTF-16 code units) that the user can enter.\nIf this value isn't specified, the user can enter an unlimited number of characters.","type":"number"},{"name":"minLength","description":"The minimum number of characters (UTF-16 code units) required that the user should enter.","type":"number"},{"name":"outlined","description":"Whether the control will have outlined appearance.","type":"boolean"},{"name":"placeholder","description":"The placeholder attribute of the control.","type":"string"},{"name":"readOnly","description":"Makes the control a readonly field.","type":"boolean"},{"name":"resize","description":"Controls whether the control can be resized.\nWhen `auto` is set, the control will try to expand and fit its content.","type":"TextareaResize"},{"name":"rows","description":"The number of visible text lines for the control. If it is specified, it must be a positive integer.\nIf it is not specified, the default value is 3.","type":"number"},{"name":"value","description":"The value of the component","type":"string"},{"name":"spellcheck","description":"Controls whether the element may be checked for spelling errors.","type":"boolean"},{"name":"wrap","description":"Indicates how the control should wrap the value for form submission.\nRefer to [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#attributes)\nfor explanation of the available values.","type":"'hard' | 'soft' | 'off'"},{"name":"validateOnly","description":"Enables validation rules to be evaluated without restricting user input. This applies to the `maxLength` property\nwhen it is defined.","type":"boolean"},{"name":"required","description":"When set, makes the component a required field for validation.","type":"boolean"},{"name":"defaultValue","type":"unknown"},{"name":"name","description":"The name attribute of the control.","type":"string"},{"name":"disabled","description":"The disabled state of the component.","type":"boolean"},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","type":"boolean"},{"name":"form","description":"Returns the HTMLFormElement associated with this element.","type":"HTMLFormElement | null"},{"name":"validity","description":"Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.","type":"ValidityState"},{"name":"validationMessage","description":"A string containing the validation message of this element.","type":"string"},{"name":"willValidate","description":"A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.","type":"boolean"}],"events":[{"name":"igcInput","description":"Emitted when the control receives user input."},{"name":"igcChange","description":"Emitted when the a change to the control value is committed by the user."}]}},{"name":"igc-chat-input","description":"A web component that provides the input area for the `igc-chat` interface.\n\nIt supports:\n- Text input with automatic resizing\n- Sending messages on Enter key (with Shift+Enter for newlines)\n- File attachments via file picker or drag-and-drop\n- Customizable templates for send button, attachments, and text input\n- Emits various chat-related events (typing, input focus/blur, attachment drop, etc.)\n---\n\n\n### **Events:**\n - **igcTypingChange** - Fired when the user starts/stops typing\n- **igcInputFocus** - Fired when the input area receives focus\n- **igcInputBlur** - Fired when the input area loses focus\n- **igcAttachmentDrag** - Fired when dragging a file over the input\n- **igcAttachmentDrop** - Fired when a file is dropped into the input\n- **igcChange** - Fired when file input changes (delegated from `<igc-file-input>`)\n\n### **Slots:**\n - _default_ - Default unnamed slot for rendering inside the component\n\n### **CSS Parts:**\n - **input-container** - Container for the input section\n- **input-wrapper** - Wrapper around the text input\n- **text-input** - The `<igc-textarea>` component\n- **actions-container** - Container for file upload/send buttons\n- **send-button** - The send icon button\n- **attachments** - Container for rendering attachments\n- **attachment-wrapper** - Wrapper for individual attachment\n- **attachment-name** - Display name of an attachment","doc-url":"","attributes":[],"slots":[{"name":"","description":"Default unnamed slot for rendering inside the component"}],"events":[{"name":"igcTypingChange","description":"Fired when the user starts/stops typing"},{"name":"igcInputFocus","description":"Fired when the input area receives focus"},{"name":"igcInputBlur","description":"Fired when the input area loses focus"},{"name":"igcAttachmentDrag","description":"Fired when dragging a file over the input"},{"name":"igcAttachmentDrop","description":"Fired when a file is dropped into the input"},{"name":"igcChange","description":"Fired when file input changes (delegated from `<igc-file-input>`)"}],"js":{"properties":[],"events":[{"name":"igcTypingChange","description":"Fired when the user starts/stops typing"},{"name":"igcInputFocus","description":"Fired when the input area receives focus"},{"name":"igcInputBlur","description":"Fired when the input area loses focus"},{"name":"igcAttachmentDrag","description":"Fired when dragging a file over the input"},{"name":"igcAttachmentDrop","description":"Fired when a file is dropped into the input"},{"name":"igcChange","description":"Fired when file input changes (delegated from `<igc-file-input>`)"}]}},{"name":"igc-message-attachments","description":"A component that renders message attachments within a chat.\n\nDisplays attachments such as images or files, supporting custom templates\nand default rendering using expansion panels.\n---\n\n\n### **Events:**\n - **igcAttachmentClick** - Fired when an attachment header is toggled (clicked).\n\n### **CSS Parts:**\n - **attachments-container** - Container wrapping all attachments.\n- **attachment** - Wrapper for a single attachment.\n- **attachment-header** - Wrapper for a single attachment header.\n- **attachments-content** - Part representing the attachment preview.\n- **attachment-icon** - Icon part representing the attachment type.\n- **file-name** - Part representing the attachment's file name.\n- **actions** - Container for header action buttons.\n- **image-attachment** - Part for the image element inside an image attachment.","doc-url":"","attributes":[],"events":[{"name":"igcAttachmentClick","description":"Fired when an attachment header is toggled (clicked)."}],"js":{"properties":[{"name":"message","description":"The array of attachments to render.","type":"IgcChatMessage | undefined"}],"events":[{"name":"igcAttachmentClick","description":"Fired when an attachment header is toggled (clicked)."}]}},{"name":"igc-chat-message","description":"A chat message component for displaying individual messages in `<igc-chat>`.\n---\n","doc-url":"","attributes":[],"events":[],"js":{"properties":[{"name":"message","description":"The chat message to render.","type":"IgcChatMessage"}],"events":[]}},{"name":"igc-chat","description":"A chat UI component for displaying messages, attachments, and input interaction.\n---\n\n\n### **Events:**\n - **igcMessageCreated** - Dispatched when a new chat message is created (sent).\n- **igcMessageReact** - Dispatched when a message is reacted to.\n- **igcAttachmentClick** - Dispatched when a chat message attachment is clicked.\n- **igcAttachmentAdded** - Dispatched when attachment(s) are added either through drag & drop or through the default file input.\n- **igcAttachmentRemoved** - Dispatched when an attachment is removed by the user.\n- **igcAttachmentDrag** - Dispatched during an attachment drag operation.\n- **igcAttachmentDrop** - Dispatched when an attachment is dropped (e.g., in a drag-and-drop operation).\n- **igcTypingChange** - Dispatched when the typing status changes (e.g., user starts or stops typing).\n- **igcInputFocus** - Dispatched when the chat input field gains focus.\n- **igcInputBlur** - Dispatched when the chat input field loses focus.\n- **igcInputChange** - Dispatched when the content of the chat input changes.\n\n### **Slots:**\n - **prefix** - Slot for injecting content (e.g., avatar or icon) before the chat title.\n- **title** - Slot for overriding the chat title content.\n- **actions** - Slot for injecting header actions (e.g., buttons, menus).\n- **suggestions-header** - Slot for rendering a custom header for the suggestions list.\n- **suggestions** - Slot for rendering a custom list of quick reply suggestions.\n- **suggestions-actions** - Slot for rendering additional actions.\n- **suggestion** - Slot for rendering a single suggestion item.\n- **empty-state** - Slot shown when there are no messages.\n- **typing-indicator** - Slot for the \"is typing\" indicator.\n\n### **CSS Parts:**\n - **chat-container** - Styles the main chat container.\n- **header** - Styles the chat header container.\n- **prefix** - Styles the element before the chat title (e.g., avatar).\n- **title** - Styles the chat header title.\n- **message-area-container** - Styles the container holding the messages and (optional) suggestions.\n- **message-list** - Styles the message list container.\n- **message-item** - Styles each message wrapper.\n- **typing-indicator** - Styles the typing indicator container.\n- **typing-dot** - Styles individual typing indicator dots.\n- **suggestions-container** - Styles the container holding all suggestions.\n- **suggestions-header** - Styles the suggestions header.\n- **suggestion** - Styles each suggestion item.\n- **suggestion-prefix** - Styles the icon or prefix in a suggestion.\n- **suggestion-title** - Styles the text/title of a suggestion.\n- **empty-state** - Styles the empty state container when there are no messages.\n- **input-area-container** - Styles the wrapper around the chat input area.\n- **input-area** - Styles the main text input area.\n- **input-attachments-container** - Styles the container for attachments in the input.\n- **input-attachment-container** - Styles a single attachment in the input area.\n- **input-attachment-name** - Styles the file name of an attachment.\n- **input-attachment-icon** - Styles the icon of an attachment.\n- **text-input** - Styles the text input field for typing messages.\n- **input-actions-container** - Styles the container for input actions.\n- **input-actions-start** - Styles the group of actions at the start of the input after the default file upload.\n- **input-actions-end** - Styles the group of actions at the end of the input.\n- **file-upload-container** - Styles the container for the file upload input.\n- **file-upload** - Styles the file upload input itself.\n- **send-button-container** - Styles the container around the send button.\n- **send-button** - Styles the send button.\n- **message-container** - Styles the container of a single message.\n- **message-list** - (forwarded) - Styles the internal list of messages.\n- **message-header** - Styles the header of a message (e.g., sender, timestamp).\n- **message-content** - Styles the text content of a message.\n- **message-attachments-container** - Styles the container for message attachments.\n- **message-attachment** - Styles a single message attachment.\n- **message-actions-container** - Styles the container holding message actions.\n- **message-sent** - Styles messages marked as sent by the current user.\n- **attachment-header** - Styles the header of an attachment block.\n- **attachment-content** - Styles the content of an attachment block.\n- **attachment-icon** - Styles the icon of an attachment.\n- **file-name** - Styles the file name shown in an attachment.","doc-url":"","attributes":[],"slots":[{"name":"prefix","description":"Slot for injecting content (e.g., avatar or icon) before the chat title."},{"name":"title","description":"Slot for overriding the chat title content."},{"name":"actions","description":"Slot for injecting header actions (e.g., buttons, menus)."},{"name":"suggestions-header","description":"Slot for rendering a custom header for the suggestions list."},{"name":"suggestions","description":"Slot for rendering a custom list of quick reply suggestions."},{"name":"suggestions-actions","description":"Slot for rendering additional actions."},{"name":"suggestion","description":"Slot for rendering a single suggestion item."},{"name":"empty-state","description":"Slot shown when there are no messages."},{"name":"typing-indicator","description":"Slot for the \"is typing\" indicator."}],"events":[{"name":"igcMessageCreated","description":"Dispatched when a new chat message is created (sent)."},{"name":"igcMessageReact","description":"Dispatched when a message is reacted to."},{"name":"igcAttachmentClick","description":"Dispatched when a chat message attachment is clicked."},{"name":"igcAttachmentAdded","description":"Dispatched when attachment(s) are added either through drag & drop or through the default file input."},{"name":"igcAttachmentRemoved","description":"Dispatched when an attachment is removed by the user."},{"name":"igcAttachmentDrag","description":"Dispatched during an attachment drag operation."},{"name":"igcAttachmentDrop","description":"Dispatched when an attachment is dropped (e.g., in a drag-and-drop operation)."},{"name":"igcTypingChange","description":"Dispatched when the typing status changes (e.g., user starts or stops typing)."},{"name":"igcInputFocus","description":"Dispatched when the chat input field gains focus."},{"name":"igcInputBlur","description":"Dispatched when the chat input field loses focus."},{"name":"igcInputChange","description":"Dispatched when the content of the chat input changes."}],"js":{"properties":[{"name":"messages","description":"The list of chat messages currently displayed.\nUse this property to set or update the message history.","type":"IgcChatMessage[]"},{"name":"draftMessage","description":"The chat message currently being composed but not yet sent.\nIncludes the draft text and any attachments.","type":"{\n    text: string;\n    attachments?: IgcChatMessageAttachment[];\n  }"},{"name":"options","description":"Controls the chat behavior and appearance through a configuration object.\nUse this to toggle UI options, provide suggestions, templates, etc.","type":"IgcChatOptions | undefined"},{"name":"resourceStrings","description":"The resource strings of the chat."}],"events":[{"name":"igcMessageCreated","description":"Dispatched when a new chat message is created (sent)."},{"name":"igcMessageReact","description":"Dispatched when a message is reacted to."},{"name":"igcAttachmentClick","description":"Dispatched when a chat message attachment is clicked."},{"name":"igcAttachmentAdded","description":"Dispatched when attachment(s) are added either through drag & drop or through the default file input."},{"name":"igcAttachmentRemoved","description":"Dispatched when an attachment is removed by the user."},{"name":"igcAttachmentDrag","description":"Dispatched during an attachment drag operation."},{"name":"igcAttachmentDrop","description":"Dispatched when an attachment is dropped (e.g., in a drag-and-drop operation)."},{"name":"igcTypingChange","description":"Dispatched when the typing status changes (e.g., user starts or stops typing)."},{"name":"igcInputFocus","description":"Dispatched when the chat input field gains focus."},{"name":"igcInputBlur","description":"Dispatched when the chat input field loses focus."},{"name":"igcInputChange","description":"Dispatched when the content of the chat input changes."}]}},{"name":"igc-divider","description":"The igc-divider allows the content author to easily create a horizontal/vertical rule as a break between content to better organize information on a page.\n---\n\n\n### **CSS Properties:**\n - **--color** - Sets the color of the divider. _(default: undefined)_\n- **--inset** - Shrinks the divider by the given amount from the start. If `middle` is set it will shrink from both sides. _(default: undefined)_","doc-url":"","attributes":[{"name":"vertical","description":"Whether to render a vertical divider line.","value":{"type":"boolean","default":"false"}},{"name":"middle","description":"When set and inset is provided, it will shrink the divider line from both sides.","value":{"type":"boolean","default":"false"}},{"name":"type","description":"Whether to render a solid or a dashed divider line.","value":{"type":"DividerType","default":"'solid'"}}],"events":[],"js":{"properties":[{"name":"vertical","description":"Whether to render a vertical divider line.","type":"boolean"},{"name":"middle","description":"When set and inset is provided, it will shrink the divider line from both sides.","type":"boolean"},{"name":"type","description":"Whether to render a solid or a dashed divider line.","type":"DividerType"}],"events":[]}},{"name":"igc-resize","description":"\n---\n\n\n### **Events:**\n \n\n### **Slots:**\n - _default_ - renders the element(s) that should be resized\n- **side-adorner** - renders the side resize handle.\n- **corner-adorner** - renders the corner resize handle.\n- **bottom-adorner** - renders the bottom resize handle.","doc-url":"","attributes":[{"name":"active","description":"Whether to always show the resize element adorners.","value":{"type":"boolean","default":"false"}},{"name":"mode","description":"Get/Set the mode of the resizing operation.","value":{"type":"ResizeMode"}}],"slots":[{"name":"","description":"renders the element(s) that should be resized"},{"name":"side-adorner","description":"renders the side resize handle."},{"name":"corner-adorner","description":"renders the corner resize handle."},{"name":"bottom-adorner","description":"renders the bottom resize handle."}],"events":[],"js":{"properties":[{"name":"active","description":"Whether to always show the resize element adorners.","type":"boolean"},{"name":"ghostFactory","type":"ResizeGhostFactory | undefined"},{"name":"mode","description":"Get/Set the mode of the resizing operation.","type":"ResizeMode"}],"events":[]}},{"name":"igc-tile","description":"The tile component is used within the `igc-tile-manager` as a container\nfor displaying various types of information.\n---\n\n\n### **Events:**\n - **igcTileFullscreen** - Fired when tile the fullscreen state changes.\n- **igcTileMaximize** - Fired when tile the maximize state changes.\n- **igcTileDragStart** - Fired when a drag operation on a tile is about to begin. Cancelable.\n- **igcTileDragEnd** - Fired when a drag operation with a tile is successfully completed.\n- **igcTileDragCancel** - Fired when a tile drag operation is canceled by the user.\n- **igcTileResizeStart** - Fired when a resize operation on a tile is about to begin. Cancelable.\n- **igcTileResizeEnd** - Fired when a resize operation on a tile is successfully completed.\n- **igcTileResizeCancel** - Fired when a resize operation on a tile is canceled by the user.\n\n### **Slots:**\n - _default_ - Default slot for the tile's content.\n- **title** - Renders the title of the tile header.\n- **maximize-action** - Renders the maximize action element of the tile header.\n- **fullscreen-action** - Renders the fullscreen action element of the tile header.\n- **actions** - Renders items after the default actions in the tile header.\n- **side-adorner** - Renders the side resize handle of the tile.\n- **corner-adorner** - Renders the corner resize handle of the tile.\n- **bottom-adorner** - Renders the bottom resize handle of the tile.\n\n### **CSS Parts:**\n - **base** - The wrapper for the entire tile content, header and content.\n- **header** - The container for the tile header, including title and actions.\n- **title** - The title container of the tile.\n- **actions** - The actions container of the tile header.\n- **content-container** - The container wrapping the tile’s main content.\n- **trigger-side** - The part for the side adorner of the encapsulated resize element in the tile.\n- **trigger** - The part for the corner adorner of the encapsulated resize element in the tile.\n- **trigger-bottom** - The part for the bottom adorner of the encapsulated resize element in the tile.","doc-url":"","attributes":[{"name":"col-span","description":"The number of columns the tile will span.","value":{"type":"number","default":"1"}},{"name":"row-span","description":"The number of rows the tile will span.","value":{"type":"number","default":"1"}},{"name":"col-start","description":"The starting column for the tile.","value":{"type":"number | null"}},{"name":"row-start","description":"The starting row for the tile.","value":{"type":"number | null"}},{"name":"maximized","description":"Indicates whether the tile occupies all available space within the layout.","value":{"type":"boolean"}},{"name":"disable-resize","description":"Indicates whether to disable tile resize behavior regardless\not its tile manager parent settings.","value":{"type":"boolean","default":"false"}},{"name":"disable-fullscreen","description":"Whether to disable the rendering of the tile `fullscreen-action` slot and its\ndefault fullscreen action button.","value":{"type":"boolean","default":"false"}},{"name":"disable-maximize","description":"Whether to disable the rendering of the tile `maximize-action` slot and its\ndefault maximize action button.","value":{"type":"boolean","default":"false"}},{"name":"position","description":"Gets/sets the tile's visual position in the layout.\nCorresponds to the CSS `order` property.","value":{"type":"number"}}],"slots":[{"name":"","description":"Default slot for the tile's content."},{"name":"title","description":"Renders the title of the tile header."},{"name":"maximize-action","description":"Renders the maximize action element of the tile header."},{"name":"fullscreen-action","description":"Renders the fullscreen action element of the tile header."},{"name":"actions","description":"Renders items after the default actions in the tile header."},{"name":"side-adorner","description":"Renders the side resize handle of the tile."},{"name":"corner-adorner","description":"Renders the corner resize handle of the tile."},{"name":"bottom-adorner","description":"Renders the bottom resize handle of the tile."}],"events":[{"name":"igcTileFullscreen","description":"Fired when tile the fullscreen state changes."},{"name":"igcTileMaximize","description":"Fired when tile the maximize state changes."},{"name":"igcTileDragStart","description":"Fired when a drag operation on a tile is about to begin. Cancelable."},{"name":"igcTileDragEnd","description":"Fired when a drag operation with a tile is successfully completed."},{"name":"igcTileDragCancel","description":"Fired when a tile drag operation is canceled by the user."},{"name":"igcTileResizeStart","description":"Fired when a resize operation on a tile is about to begin. Cancelable."},{"name":"igcTileResizeEnd","description":"Fired when a resize operation on a tile is successfully completed."},{"name":"igcTileResizeCancel","description":"Fired when a resize operation on a tile is canceled by the user."}],"js":{"properties":[{"name":"_tileContent","type":"HTMLElement"},{"name":"colSpan","description":"The number of columns the tile will span.","type":"number"},{"name":"rowSpan","description":"The number of rows the tile will span.","type":"number"},{"name":"colStart","description":"The starting column for the tile.","type":"number | null"},{"name":"rowStart","description":"The starting row for the tile.","type":"number | null"},{"name":"fullscreen","description":"Indicates whether the tile occupies the whole screen.","type":"boolean"},{"name":"maximized","description":"Indicates whether the tile occupies all available space within the layout.","type":"boolean"},{"name":"disableResize","description":"Indicates whether to disable tile resize behavior regardless\not its tile manager parent settings.","type":"boolean"},{"name":"disableFullscreen","description":"Whether to disable the rendering of the tile `fullscreen-action` slot and its\ndefault fullscreen action button.","type":"boolean"},{"name":"disableMaximize","description":"Whether to disable the rendering of the tile `maximize-action` slot and its\ndefault maximize action button.","type":"boolean"},{"name":"position","description":"Gets/sets the tile's visual position in the layout.\nCorresponds to the CSS `order` property.","type":"number"}],"events":[{"name":"igcTileFullscreen","description":"Fired when tile the fullscreen state changes."},{"name":"igcTileMaximize","description":"Fired when tile the maximize state changes."},{"name":"igcTileDragStart","description":"Fired when a drag operation on a tile is about to begin. Cancelable."},{"name":"igcTileDragEnd","description":"Fired when a drag operation with a tile is successfully completed."},{"name":"igcTileDragCancel","description":"Fired when a tile drag operation is canceled by the user."},{"name":"igcTileResizeStart","description":"Fired when a resize operation on a tile is about to begin. Cancelable."},{"name":"igcTileResizeEnd","description":"Fired when a resize operation on a tile is successfully completed."},{"name":"igcTileResizeCancel","description":"Fired when a resize operation on a tile is canceled by the user."}]}},{"name":"igc-tile-manager","description":"The tile manager component enables the dynamic arrangement, resizing, and interaction of tiles.\n---\n\n\n### **Slots:**\n - _default_ - Default slot for the tile manager. Only `igc-tile` elements will be projected inside the CSS grid container.\n\n### **CSS Properties:**\n - **--column-count** - The number of columns for the tile manager. The `column-count` attribute sets this variable. _(default: undefined)_\n- **--min-col-width** - The minimum size of the columns in the tile-manager. The `min-column-width` attribute sets this variable. _(default: undefined)_\n- **--min-row-height** - The minimum size of the rows in the tile-manager. The `min-row-height` attribute sets this variable. _(default: undefined)_\n- **--grid-gap** - The gap size of the underlying CSS grid container. The `gap` attributes sts this variable. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The tile manager CSS Grid container.","doc-url":"","attributes":[{"name":"resize-mode","description":"Whether resize operations are enabled.","value":{"type":"TileManagerResizeMode","default":"none"}},{"name":"drag-mode","description":"Whether drag and drop operations are enabled.","value":{"type":"TileManagerDragMode","default":"none"}},{"name":"column-count","description":"Sets the number of columns for the tile manager.\nSetting value <= than zero will trigger a responsive layout.","value":{"type":"number","default":"0"}},{"name":"min-column-width","description":"Sets the minimum width for a column unit in the tile manager.","value":{"type":"string | undefined"}},{"name":"min-row-height","description":"Sets the minimum height for a row unit in the tile manager.","value":{"type":"string | undefined"}},{"name":"gap","description":"Sets the gap size between tiles in the tile manager.","value":{"type":"string | undefined"}}],"slots":[{"name":"","description":"Default slot for the tile manager. Only `igc-tile` elements will be projected inside the CSS grid container."}],"events":[],"js":{"properties":[{"name":"resizeMode","description":"Whether resize operations are enabled.","type":"TileManagerResizeMode"},{"name":"dragMode","description":"Whether drag and drop operations are enabled.","type":"TileManagerDragMode"},{"name":"columnCount","description":"Sets the number of columns for the tile manager.\nSetting value <= than zero will trigger a responsive layout.","type":"number"},{"name":"minColumnWidth","description":"Sets the minimum width for a column unit in the tile manager.","type":"string | undefined"},{"name":"minRowHeight","description":"Sets the minimum height for a row unit in the tile manager.","type":"string | undefined"},{"name":"gap","description":"Sets the gap size between tiles in the tile manager.","type":"string | undefined"},{"name":"tiles","description":"Gets the tiles sorted by their position in the layout."}],"events":[]}},{"name":"igc-carousel-indicator","description":"Used when a custom indicator needs to be passed to the `igc-carousel` component.\n---\n\n\n### **Slots:**\n - _default_ - Default slot for projected inactive indicator.\n- **active** - Default slot for projected active indicator.\n\n### **CSS Parts:**\n - **indicator** - The wrapping container of the carousel dot indicator.\n- **inactive** - The wrapping container of the inactive dot indicator.\n- **active** - The wrapping container of the active dot indicator.","doc-url":"","attributes":[],"slots":[{"name":"","description":"Default slot for projected inactive indicator."},{"name":"active","description":"Default slot for projected active indicator."}],"events":[],"js":{"properties":[{"name":"active","type":"boolean"},{"name":"index","type":"number"}],"events":[]}},{"name":"igc-carousel-indicator-container","description":"\n---\n\n\n### **Slots:**\n - _default_ - Default slot for the carousel indicator container.\n\n### **CSS Parts:**\n - **base** - The wrapping container of all carousel indicators.","doc-url":"","attributes":[],"slots":[{"name":"","description":"Default slot for the carousel indicator container."}],"events":[],"js":{"properties":[],"events":[]}},{"name":"igc-carousel-slide","description":"A single content container within a set of containers used in the context of an `igc-carousel`.\n---\n\n\n### **Slots:**\n - **Default** - slot for the carousel slide.","doc-url":"","attributes":[{"name":"active","description":"The current active slide for the carousel component.","value":{"type":"boolean","default":"false"}},{"name":"previous","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"Default","description":"slot for the carousel slide."}],"events":[],"js":{"properties":[{"name":"active","description":"The current active slide for the carousel component.","type":"boolean"},{"name":"previous","type":"boolean"}],"events":[]}},{"name":"igc-carousel","description":"The `igc-carousel` presents a set of `igc-carousel-slide`s by sequentially displaying a subset of one or more slides.\n---\n\n\n### **Events:**\n - **igcSlideChanged** - Emitted when the current active slide is changed either by user interaction or by the interval callback.\n- **igcPlaying** - Emitted when the carousel enters playing state by a user interaction.\n- **igcPaused** - Emitted when the carousel enters paused state by a user interaction.\n\n### **Slots:**\n - **Default** - slot for the carousel. Any projected `igc-carousel-slide` components should be projected here.\n- **previous-button** - Renders content inside the previous button.\n- **next-button** - Renders content inside the next button.\n\n### **CSS Parts:**\n - **navigation** - The wrapper container of each carousel navigation button.\n- **previous** - The wrapper container of the carousel previous navigation button.\n- **next** - The wrapper container of the carousel next navigation button.\n- **dot** - The carousel dot indicator container.\n- **active** - The carousel active dot indicator container.\n- **label** - The label container of the carousel indicators.\n- **start** - The wrapping container of all carousel indicators when indicators-orientation is set to start.","doc-url":"","attributes":[{"name":"disable-loop","description":"Whether the carousel should skip rotating to the first slide after it reaches the last.","value":{"type":"boolean","default":"false"}},{"name":"disable-pause-on-interaction","description":"Whether the carousel should ignore use interactions and not pause on them.","value":{"type":"boolean","default":"false"}},{"name":"hide-navigation","description":"Whether the carousel should skip rendering of the default navigation buttons.","value":{"type":"boolean","default":"false"}},{"name":"hide-indicators","description":"Whether the carousel should render the indicator controls (dots).","value":{"type":"boolean","default":"false"}},{"name":"vertical","description":"Whether the carousel has vertical alignment.","value":{"type":"boolean","default":"false"}},{"name":"indicators-orientation","description":"Sets the orientation of the indicator controls (dots).","value":{"type":"CarouselIndicatorsOrientation","default":"'end'"}},{"name":"indicators-label-format","description":"The format used to set the aria-label on the carousel indicators.\nInstances of '{0}' will be replaced with the index of the corresponding slide.","value":{"type":"string"}},{"name":"slides-label-format","description":"The format used to set the aria-label on the carousel slides and the text displayed\nwhen the number of indicators is greater than tha maximum indicator count.\nInstances of '{0}' will be replaced with the index of the corresponding slide.\nInstances of '{1}' will be replaced with the total amount of slides.","value":{"type":"string"}},{"name":"interval","description":"The duration in milliseconds between changing the active slide.","value":{"type":"number | undefined"}},{"name":"maximum-indicators-count","description":"Controls the maximum indicator controls (dots) that can be shown. Default value is `10`.","value":{"type":"number","default":"10"}},{"name":"animation-type","description":"The animation type.","value":{"type":"HorizontalTransitionAnimation","default":"'slide'"}},{"name":"locale","description":"Gets/Sets the locale used for getting language, affecting resource strings.","value":{"type":"string"}}],"slots":[{"name":"Default","description":"slot for the carousel. Any projected `igc-carousel-slide` components should be projected here."},{"name":"previous-button","description":"Renders content inside the previous button."},{"name":"next-button","description":"Renders content inside the next button."}],"events":[{"name":"igcSlideChanged","description":"Emitted when the current active slide is changed either by user interaction or by the interval callback."},{"name":"igcPlaying","description":"Emitted when the carousel enters playing state by a user interaction."},{"name":"igcPaused","description":"Emitted when the carousel enters paused state by a user interaction."}],"js":{"properties":[{"name":"disableLoop","description":"Whether the carousel should skip rotating to the first slide after it reaches the last.","type":"boolean"},{"name":"disablePauseOnInteraction","description":"Whether the carousel should ignore use interactions and not pause on them.","type":"boolean"},{"name":"hideNavigation","description":"Whether the carousel should skip rendering of the default navigation buttons.","type":"boolean"},{"name":"hideIndicators","description":"Whether the carousel should render the indicator controls (dots).","type":"boolean"},{"name":"vertical","description":"Whether the carousel has vertical alignment.","type":"boolean"},{"name":"indicatorsOrientation","description":"Sets the orientation of the indicator controls (dots).","type":"CarouselIndicatorsOrientation"},{"name":"indicatorsLabelFormat","description":"The format used to set the aria-label on the carousel indicators.\nInstances of '{0}' will be replaced with the index of the corresponding slide."},{"name":"slidesLabelFormat","description":"The format used to set the aria-label on the carousel slides and the text displayed\nwhen the number of indicators is greater than tha maximum indicator count.\nInstances of '{0}' will be replaced with the index of the corresponding slide.\nInstances of '{1}' will be replaced with the total amount of slides."},{"name":"interval","description":"The duration in milliseconds between changing the active slide.","type":"number | undefined"},{"name":"maximumIndicatorsCount","description":"Controls the maximum indicator controls (dots) that can be shown. Default value is `10`.","type":"number"},{"name":"animationType","description":"The animation type.","type":"HorizontalTransitionAnimation"},{"name":"locale","description":"Gets/Sets the locale used for getting language, affecting resource strings."},{"name":"resourceStrings","description":"The resource strings for localization.\nCurrently only aria-label attributes are localized for the carousel.","type":"ICarouselResourceStrings"},{"name":"slides","description":"The slides of the carousel.","type":"IgcCarouselSlideComponent[]"},{"name":"total","description":"The total number of slides.","type":"number"},{"name":"current","description":"The index of the current active slide.","type":"number"},{"name":"isPlaying","description":"Whether the carousel is in playing state.","type":"boolean"},{"name":"isPaused","description":"Whether the carousel in in paused state.","type":"boolean"}],"events":[{"name":"igcSlideChanged","description":"Emitted when the current active slide is changed either by user interaction or by the interval callback."},{"name":"igcPlaying","description":"Emitted when the carousel enters playing state by a user interaction."},{"name":"igcPaused","description":"Emitted when the carousel enters paused state by a user interaction."}]}},{"name":"igc-checkbox","description":"A check box allowing single values to be selected/deselected.\n---\n\n\n### **Events:**\n - **igcChange** - Emitted when the control's checked state changes.\n\n### **Slots:**\n - _default_ - The checkbox label.\n- **helper-text** - Renders content below the input.\n- **value-missing** - Renders content when the required validation fails.\n- **custom-error** - Renders content when setCustomValidity(message) is set.\n- **invalid** - Renders content when the component is in invalid state (validity.valid = false).\n\n### **CSS Parts:**\n - **base** - The base wrapper of the checkbox.\n- **control** - The checkbox input element.\n- **label** - The checkbox label.\n- **indicator** - The checkbox indicator icon.","doc-url":"","attributes":[{"name":"indeterminate","description":"Draws the checkbox in indeterminate state.","value":{"type":"boolean","default":"false"}},{"name":"required","description":"When set, makes the component a required field for validation.","value":{"type":"boolean","default":"false"}},{"name":"name","description":"The name attribute of the control.","value":{"type":"string"}},{"name":"disabled","description":"The disabled state of the component.","value":{"type":"boolean","default":"false"}},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","value":{"type":"boolean","default":"false"}},{"name":"value","description":"The value attribute of the control.","value":{"type":"string"}},{"name":"checked","description":"The checked state of the control.","value":{"type":"boolean"}},{"name":"label-position","description":"The label position of the control.","value":{"type":"ToggleLabelPosition","default":"'after'"}}],"slots":[{"name":"","description":"The checkbox label."},{"name":"helper-text","description":"Renders content below the input."},{"name":"value-missing","description":"Renders content when the required validation fails."},{"name":"custom-error","description":"Renders content when setCustomValidity(message) is set."},{"name":"invalid","description":"Renders content when the component is in invalid state (validity.valid = false)."}],"events":[{"name":"igcChange","description":"Emitted when the control's checked state changes."}],"js":{"properties":[{"name":"indeterminate","description":"Draws the checkbox in indeterminate state.","type":"boolean"},{"name":"required","description":"When set, makes the component a required field for validation.","type":"boolean"},{"name":"defaultChecked","type":"boolean"},{"name":"name","description":"The name attribute of the control.","type":"string"},{"name":"disabled","description":"The disabled state of the component.","type":"boolean"},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","type":"boolean"},{"name":"form","description":"Returns the HTMLFormElement associated with this element.","type":"HTMLFormElement | null"},{"name":"validity","description":"Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.","type":"ValidityState"},{"name":"validationMessage","description":"A string containing the validation message of this element.","type":"string"},{"name":"willValidate","description":"A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.","type":"boolean"},{"name":"value","description":"The value attribute of the control.","type":"string"},{"name":"checked","description":"The checked state of the control.","type":"boolean"},{"name":"labelPosition","description":"The label position of the control.","type":"ToggleLabelPosition"}],"events":[{"name":"igcChange","description":"Emitted when the control's checked state changes."}]}},{"name":"igc-circular-gradient","description":"Used for defining gradient stops in the igc-circular-progress.\nFor each `igc-circular-gradient` defined as `gradient` slot of `igc-circular-progress` element would be created a SVG stop element.\nThe values passed as `color`, `offset` and `opacity` would be set as\n`stop-color`, `offset` and `stop-opacity` of the SVG element without further validations.\n---\n","doc-url":"","attributes":[{"name":"offset","description":"Defines where the gradient stop is placed along the gradient vector","value":{"type":"string","default":"'0%'"}},{"name":"color","description":"Defines the color of the gradient stop","value":{"type":"string","default":"'black'"}},{"name":"opacity","description":"Defines the opacity of the gradient stop","value":{"type":"number","default":"1"}}],"events":[],"js":{"properties":[{"name":"offset","description":"Defines where the gradient stop is placed along the gradient vector","type":"string"},{"name":"color","description":"Defines the color of the gradient stop","type":"string"},{"name":"opacity","description":"Defines the opacity of the gradient stop","type":"number"}],"events":[]}},{"name":"igc-circular-progress","description":"A circular progress indicator used to express unspecified wait time or display\nthe length of a process.\n---\n\n\n### **Slots:**\n - _default_ - The text area container.\n- **gradient** - Customize the progress bar in order to use a color gradient instead of a solid color. Accepts `igc-circular-gradient` elements.\n\n### **CSS Parts:**\n - **svg** - The igc-circular-progress SVG element.\n- **gradient_start** - The igc-circular-progress linear-gradient start color.\n- **gradient_end** - The igc-circular-progress linear-gradient end color.\n- **track** - The igc-circular-progress ring track area.\n- **fill** - The igc-circular-progress indicator area.\n- **label** - The igc-circular-progress label.\n- **value** - The igc-circular-progress label value.\n- **indeterminate** - The igc-circular-progress indeterminate state.\n- **primary** - The igc-circular-progress primary state.\n- **danger** - The igc-circular-progress error state.\n- **warning** - The igc-circular-progress warning state.\n- **info** - The igc-circular-progress info state.\n- **success** - The igc-circular-progress success state.","doc-url":"","attributes":[{"name":"max","description":"Maximum value of the control.","value":{"type":"number","default":"100"}},{"name":"value","description":"The value of the control.","value":{"type":"number","default":"0"}},{"name":"variant","description":"The variant of the control.","value":{"type":"StyleVariant","default":"'primary'"}},{"name":"animation-duration","description":"Animation duration in milliseconds.","value":{"type":"number","default":"500"}},{"name":"indeterminate","description":"The indeterminate state of the control.","value":{"type":"boolean","default":"false"}},{"name":"hide-label","description":"Shows/hides the label of the control.","value":{"type":"boolean","default":"false"}},{"name":"label-format","description":"Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.","value":{"type":"string"}}],"slots":[{"name":"","description":"The text area container."},{"name":"gradient","description":"Customize the progress bar in order to use a color gradient instead of a solid color. Accepts `igc-circular-gradient` elements."}],"events":[],"js":{"properties":[{"name":"max","description":"Maximum value of the control.","type":"number"},{"name":"value","description":"The value of the control.","type":"number"},{"name":"variant","description":"The variant of the control.","type":"StyleVariant"},{"name":"animationDuration","description":"Animation duration in milliseconds.","type":"number"},{"name":"indeterminate","description":"The indeterminate state of the control.","type":"boolean"},{"name":"hideLabel","description":"Shows/hides the label of the control.","type":"boolean"},{"name":"labelFormat","description":"Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.","type":"string"}],"events":[]}},{"name":"igc-combo","description":"The Combo component is similar to the Select component in that it provides a list of options from which the user can make a selection.\nIn contrast to the Select component, the Combo component displays all options in a virtualized list of items,\nmeaning the combo box can simultaneously show thousands of options, where one or more options can be selected.\nAdditionally, users can create custom item templates, allowing for robust data visualization.\nThe Combo component features case-sensitive filtering, grouping, complex data binding, dynamic addition of values and more.\n---\n\n\n### **Events:**\n - **igcChange** - Emitted when the control's selection has changed.\n- **igcOpening** - Emitted just before the list of options is opened.\n- **igcOpened** - Emitted after the list of options is opened.\n- **igcClosing** - Emitter just before the list of options is closed.\n- **igcClosed** - Emitted after the list of options is closed.\n\n### **Slots:**\n - **prefix** - Renders content before the input of the combo.\n- **suffix** - Renders content after the input of the combo.\n- **header** - Renders a container before the list of options of the combo.\n- **footer** - Renders a container after the list of options of the combo.\n- **empty** - Renders content when the combo dropdown list has no items/data.\n- **helper-text** - Renders content below the input of the combo.\n- **toggle-icon** - Renders content inside the suffix container of the combo.\n- **clear-icon** - Renders content inside the suffix container of the combo.\n- **value-missing** - Renders content when the required validation fails.\n- **custom-error** - Renders content when setCustomValidity(message) is set.\n- **invalid** - Renders content when the component is in invalid state (validity.valid = false).\n\n### **CSS Parts:**\n - **label** - The encapsulated text label of the combo.\n- **input** - The main input field of the combo.\n- **native-input** - The native input of the main input field of the combo.\n- **prefix** - The prefix wrapper of the combo.\n- **suffix** - The suffix wrapper of the combo.\n- **toggle-icon** - The toggle icon wrapper of the combo.\n- **clear-icon** - The clear icon wrapper of the combo.\n- **case-icon** - The case icon wrapper of the combo.\n- **helper-text** - The helper text wrapper of the combo.\n- **search-input** - The search input field of the combo.\n- **list-wrapper** - The list of options wrapper of the combo.\n- **list** - The list of options box of the combo.\n- **item** - Represents each item in the list of options of the combo.\n- **group-header** - Represents each header in the list of options of the combo.\n- **active** - Appended to the item parts list when the item is active of the combo.\n- **selected** - Appended to the item parts list when the item is selected of the combo.\n- **checkbox** - Represents each checkbox of each list item of the combo.\n- **checkbox-indicator** - Represents the checkbox indicator of each list item of the combo.\n- **checked** - Appended to checkbox parts list when checkbox is checked in the combo.\n- **header** - The container holding the header content of the combo.\n- **footer** - The container holding the footer content of the combo.\n- **empty** - The container holding the empty content of the combo.","doc-url":"","attributes":[{"name":"outlined","description":"The outlined attribute of the control.","value":{"type":"boolean","default":"false"}},{"name":"single-select","description":"Enables single selection mode and moves item filtering to the main input.","value":{"type":"boolean","default":"false"}},{"name":"autofocus","description":"The autofocus attribute of the control.","value":{"type":"boolean"}},{"name":"autofocus-list","description":"Focuses the list of options when the menu opens.","value":{"type":"boolean","default":"false"}},{"name":"locale","description":"Gets/Sets the locale used for getting language, affecting resource strings.","value":{"type":"string"}},{"name":"label","description":"The label attribute of the control.","value":{"type":"string"}},{"name":"placeholder","description":"The placeholder attribute of the control.","value":{"type":"string"}},{"name":"placeholder-search","description":"The placeholder attribute of the search input.","value":{"type":"string"}},{"name":"open","description":"Sets the open state of the component.","value":{"type":"boolean","default":"false"}},{"name":"value-key","description":"The key in the data source used when selecting items.","value":{"type":"string"}},{"name":"display-key","description":"The key in the data source used to display items in the list.","value":{"type":"string"}},{"name":"group-key","description":"The key in the data source used to group items in the list.","value":{"type":"string"}},{"name":"group-sorting","description":"Sorts the items in each group by ascending or descending order.","value":{"type":"\"asc\" | \"desc\" | \"none\"","default":"asc"}},{"name":"filtering-options","description":"An object that configures the filtering of the combo.","value":{"type":"FilteringOptions<T>"}},{"name":"case-sensitive-icon","description":"Enables the case sensitive search icon in the filtering input.","value":{"type":"boolean","default":"false"}},{"name":"disable-filtering","description":"Disables the filtering of the list of options.","value":{"type":"boolean","default":"false"}},{"name":"disable-clear","description":"Hides the clear button.","value":{"type":"boolean","default":"false"}},{"name":"value","description":"Returns the current selection as a list of comma separated values,\nrepresented by the value key, when provided.","value":{"type":"ComboValue<T>[]"}},{"name":"required","description":"When set, makes the component a required field for validation.","value":{"type":"boolean","default":"false"}},{"name":"name","description":"The name attribute of the control.","value":{"type":"string"}},{"name":"disabled","description":"The disabled state of the component.","value":{"type":"boolean","default":"false"}},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"prefix","description":"Renders content before the input of the combo."},{"name":"suffix","description":"Renders content after the input of the combo."},{"name":"header","description":"Renders a container before the list of options of the combo."},{"name":"footer","description":"Renders a container after the list of options of the combo."},{"name":"empty","description":"Renders content when the combo dropdown list has no items/data."},{"name":"helper-text","description":"Renders content below the input of the combo."},{"name":"toggle-icon","description":"Renders content inside the suffix container of the combo."},{"name":"clear-icon","description":"Renders content inside the suffix container of the combo."},{"name":"value-missing","description":"Renders content when the required validation fails."},{"name":"custom-error","description":"Renders content when setCustomValidity(message) is set."},{"name":"invalid","description":"Renders content when the component is in invalid state (validity.valid = false)."}],"events":[{"name":"igcChange","description":"Emitted when the control's selection has changed."},{"name":"igcOpening","description":"Emitted just before the list of options is opened."},{"name":"igcOpened","description":"Emitted after the list of options is opened."},{"name":"igcClosing","description":"Emitter just before the list of options is closed."},{"name":"igcClosed","description":"Emitted after the list of options is closed."}],"js":{"properties":[{"name":"data","description":"The data source used to generate the list of options."},{"name":"outlined","description":"The outlined attribute of the control.","type":"boolean"},{"name":"singleSelect","description":"Enables single selection mode and moves item filtering to the main input.","type":"boolean"},{"name":"autofocus","description":"The autofocus attribute of the control.","type":"boolean"},{"name":"autofocusList","description":"Focuses the list of options when the menu opens.","type":"boolean"},{"name":"locale","description":"Gets/Sets the locale used for getting language, affecting resource strings."},{"name":"label","description":"The label attribute of the control.","type":"string"},{"name":"placeholder","description":"The placeholder attribute of the control.","type":"string"},{"name":"placeholderSearch","description":"The placeholder attribute of the search input."},{"name":"open","description":"Sets the open state of the component.","type":"boolean"},{"name":"resourceStrings","description":"The resource strings for localization.","type":"IComboResourceStrings"},{"name":"valueKey","description":"The key in the data source used when selecting items."},{"name":"displayKey","description":"The key in the data source used to display items in the list."},{"name":"groupKey","description":"The key in the data source used to group items in the list."},{"name":"groupSorting","description":"Sorts the items in each group by ascending or descending order.","type":"\"asc\" | \"desc\" | \"none\""},{"name":"filteringOptions","description":"An object that configures the filtering of the combo.","type":"FilteringOptions<T>"},{"name":"caseSensitiveIcon","description":"Enables the case sensitive search icon in the filtering input.","type":"boolean"},{"name":"disableFiltering","description":"Disables the filtering of the list of options.","type":"boolean"},{"name":"disableClear","description":"Hides the clear button.","type":"boolean"},{"name":"itemTemplate","description":"The template used for the content of each combo item.","type":"ComboItemTemplate<T>"},{"name":"groupHeaderTemplate","description":"The template used for the content of each combo group header.","type":"ComboItemTemplate<T>"},{"name":"value","description":"Returns the current selection as a list of comma separated values,\nrepresented by the value key, when provided.","type":"ComboValue<T>[]"},{"name":"selection","description":"Returns the current selection as an array of objects as provided in the `data` source.","type":"T[]"},{"name":"required","description":"When set, makes the component a required field for validation.","type":"boolean"},{"name":"defaultValue","type":"unknown"},{"name":"name","description":"The name attribute of the control.","type":"string"},{"name":"disabled","description":"The disabled state of the component.","type":"boolean"},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","type":"boolean"},{"name":"form","description":"Returns the HTMLFormElement associated with this element.","type":"HTMLFormElement | null"},{"name":"validity","description":"Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.","type":"ValidityState"},{"name":"validationMessage","description":"A string containing the validation message of this element.","type":"string"},{"name":"willValidate","description":"A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.","type":"boolean"}],"events":[{"name":"igcChange","description":"Emitted when the control's selection has changed."},{"name":"igcOpening","description":"Emitted just before the list of options is opened."},{"name":"igcOpened","description":"Emitted after the list of options is opened."},{"name":"igcClosing","description":"Emitter just before the list of options is closed."},{"name":"igcClosed","description":"Emitted after the list of options is closed."}]}},{"name":"igc-date-picker","description":"igc-date-picker is a feature rich component used for entering a date through manual text input or\nchoosing date values from a calendar dialog that pops up.\n---\n\n\n### **Events:**\n - **igcOpening** - Emitted just before the calendar dropdown is shown.\n- **igcOpened** - Emitted after the calendar dropdown is shown.\n- **igcClosing** - Emitted just before the calendar dropdown is hidden.\n- **igcClosed** - Emitted after the calendar dropdown is hidden.\n- **igcChange** - Emitted when the user modifies and commits the elements's value.\n- **igcInput** - Emitted when when the user types in the element.\n\n### **Slots:**\n - **prefix** - Renders content before the input.\n- **suffix** - Renders content after the input.\n- **helper-text** - Renders content below the input.\n- **bad-input** - Renders content when the value is in the disabledDates ranges.\n- **value-missing** - Renders content when the required validation fails.\n- **range-overflow** - Renders content when the max validation fails.\n- **range-underflow** - Renders content when the min validation fails.\n- **custom-error** - Renders content when setCustomValidity(message) is set.\n- **invalid** - Renders content when the component is in invalid state (validity.valid = false).\n- **title** - Renders content in the calendar title.\n- **header-date** - Renders content instead of the current date/range in the calendar header.\n- **clear-icon** - Renders a clear icon template.\n- **calendar-icon** - Renders the icon/content for the calendar picker.\n- **calendar-icon-open** - Renders the icon/content for the picker in open state.\n- **actions** - Renders content in the action part of the picker in open state.\n\n### **CSS Parts:**\n - **label** - The label wrapper that renders content above the target input.\n- **container** - The main wrapper that holds all main input elements.\n- **input** - The native input element.\n- **prefix** - The prefix wrapper.\n- **suffix** - The suffix wrapper.\n- **calendar-icon** - The calendar icon wrapper for closed state.\n- **calendar-icon-open** - The calendar icon wrapper for opened state.\n- **clear-icon** - The clear icon wrapper.\n- **actions** - The actions wrapper.\n- **helper-text** - The helper-text wrapper that renders content below the target input.\n- **header** - The calendar header element.\n- **header-title** - The calendar header title element.\n- **header-date** - The calendar header date element.\n- **calendar-content** - The calendar content element which contains the views and navigation elements.\n- **navigation** - The calendar navigation container element.\n- **months-navigation** - The calendar months navigation button element.\n- **years-navigation** - The calendar years navigation button element.\n- **years-range** - The calendar years range element.\n- **navigation-buttons** - The calendar navigation buttons container.\n- **navigation-button** - The calendar previous/next navigation button.\n- **days-view-container** - The calendar days view container element.\n- **days-view** - The calendar days view element.\n- **months-view** - The calendar months view element.\n- **years-view** - The calendar years view element.\n- **days-row** - The calendar days row element.\n- **calendar-label** - The calendar week header label element.\n- **week-number** - The calendar week number element.\n- **week-number-inner** - The calendar week number inner element.\n- **date** - The calendar date element.\n- **date-inner** - The calendar date inner element.\n- **first** - The calendar first selected date element in range selection.\n- **last** - The calendar last selected date element in range selection.\n- **inactive** - The calendar inactive date element.\n- **hidden** - The calendar hidden date element.\n- **weekend** - The calendar weekend date element.\n- **range** - The calendar range selected element.\n- **special** - The calendar special date element.\n- **disabled** - The calendar disabled date element.\n- **single** - The calendar single selected date element.\n- **preview** - The calendar range selection preview date element.\n- **month** - The calendar month element.\n- **month-inner** - The calendar month inner element.\n- **year** - The calendar year element.\n- **year-inner** - The calendar year inner element.\n- **selected** - The calendar selected state for element(s). Applies to date, month and year elements.\n- **current** - The calendar current state for element(s). Applies to date, month and year elements.","doc-url":"","attributes":[{"name":"open","description":"Sets the state of the datepicker dropdown.","value":{"type":"boolean","default":"false"}},{"name":"label","description":"The label of the datepicker.","value":{"type":"string"}},{"name":"mode","description":"Determines whether the calendar is opened in a dropdown or a modal dialog","value":{"type":"PickerMode","default":"'dropdown'"}},{"name":"non-editable","description":"Whether to allow typing in the input.","value":{"type":"boolean","default":"false"}},{"name":"readonly","description":"Makes the control a readonly field.","value":{"type":"boolean","default":"false"}},{"name":"value","description":"The value of the picker","value":{"type":"Date | null"}},{"name":"min","description":"The minimum value required for the date picker to remain valid.","value":{"type":"Date | null"}},{"name":"max","description":"The maximum value required for the date picker to remain valid.","value":{"type":"Date | null"}},{"name":"header-orientation","description":"The orientation of the calendar header.","value":{"type":"CalendarHeaderOrientation","default":"'horizontal'"}},{"name":"orientation","description":"The orientation of the multiple months displayed in the calendar's days view.","value":{"type":"ContentOrientation","default":"'horizontal'"}},{"name":"hide-header","description":"Determines whether the calendar hides its header.","value":{"type":"boolean","default":"false"}},{"name":"hide-outside-days","description":"Controls the visibility of the dates that do not belong to the current month.","value":{"type":"boolean","default":"false"}},{"name":"outlined","description":"Whether the control will have outlined appearance.","value":{"type":"boolean","default":"false"}},{"name":"placeholder","description":"The placeholder attribute of the control.","value":{"type":"string"}},{"name":"visible-months","description":"The number of months displayed in the calendar.","value":{"type":"number","default":"1"}},{"name":"show-week-numbers","description":"Whether to show the number of the week in the calendar.","value":{"type":"boolean","default":"false"}},{"name":"display-format","description":"Format to display the value in when not editing.\nDefaults to the locale format if not set.","value":{"type":"string"}},{"name":"input-format","description":"The date format to apply on the input.\nDefaults to the current locale Intl.DateTimeFormat","value":{"type":"string"}},{"name":"prompt","description":"The prompt symbol to use for unfilled parts of the mask.","value":{"type":"string","default":"'_'"}},{"name":"locale","description":"Gets/Sets the locale used for formatting the display value.","value":{"type":"string"}},{"name":"active-date","description":"Gets/Sets the date which is shown in the calendar picker and is highlighted.\nBy default it is the current date.","value":{"type":"Date"}},{"name":"week-start","description":"Sets the start day of the week for the calendar.","value":{"type":"WeekDays","default":"'sunday'"}},{"name":"required","description":"When set, makes the component a required field for validation.","value":{"type":"boolean","default":"false"}},{"name":"name","description":"The name attribute of the control.","value":{"type":"string"}},{"name":"disabled","description":"The disabled state of the component.","value":{"type":"boolean","default":"false"}},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","value":{"type":"boolean","default":"false"}},{"name":"keep-open-on-select","description":"Whether the component dropdown should be kept open on selection.","value":{"type":"boolean","default":"false"}},{"name":"keep-open-on-outside-click","description":"Whether the component dropdown should be kept open on clicking outside of it.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"prefix","description":"Renders content before the input."},{"name":"suffix","description":"Renders content after the input."},{"name":"helper-text","description":"Renders content below the input."},{"name":"bad-input","description":"Renders content when the value is in the disabledDates ranges."},{"name":"value-missing","description":"Renders content when the required validation fails."},{"name":"range-overflow","description":"Renders content when the max validation fails."},{"name":"range-underflow","description":"Renders content when the min validation fails."},{"name":"custom-error","description":"Renders content when setCustomValidity(message) is set."},{"name":"invalid","description":"Renders content when the component is in invalid state (validity.valid = false)."},{"name":"title","description":"Renders content in the calendar title."},{"name":"header-date","description":"Renders content instead of the current date/range in the calendar header."},{"name":"clear-icon","description":"Renders a clear icon template."},{"name":"calendar-icon","description":"Renders the icon/content for the calendar picker."},{"name":"calendar-icon-open","description":"Renders the icon/content for the picker in open state."},{"name":"actions","description":"Renders content in the action part of the picker in open state."}],"events":[{"name":"igcOpening","description":"Emitted just before the calendar dropdown is shown."},{"name":"igcOpened","description":"Emitted after the calendar dropdown is shown."},{"name":"igcClosing","description":"Emitted just before the calendar dropdown is hidden."},{"name":"igcClosed","description":"Emitted after the calendar dropdown is hidden."},{"name":"igcChange","description":"Emitted when the user modifies and commits the elements's value."},{"name":"igcInput","description":"Emitted when when the user types in the element."}],"js":{"properties":[{"name":"open","description":"Sets the state of the datepicker dropdown.","type":"boolean"},{"name":"label","description":"The label of the datepicker.","type":"string"},{"name":"mode","description":"Determines whether the calendar is opened in a dropdown or a modal dialog","type":"PickerMode"},{"name":"nonEditable","description":"Whether to allow typing in the input.","type":"boolean"},{"name":"readOnly","description":"Makes the control a readonly field.","type":"boolean"},{"name":"value","description":"The value of the picker","type":"Date | null"},{"name":"activeDate","description":"Gets/Sets the date which is shown in the calendar picker and is highlighted.\nBy default it is the current date.","type":"Date"},{"name":"min","description":"The minimum value required for the date picker to remain valid.","type":"Date | null"},{"name":"max","description":"The maximum value required for the date picker to remain valid.","type":"Date | null"},{"name":"headerOrientation","description":"The orientation of the calendar header.","type":"CalendarHeaderOrientation"},{"name":"orientation","description":"The orientation of the multiple months displayed in the calendar's days view.","type":"ContentOrientation"},{"name":"hideHeader","description":"Determines whether the calendar hides its header.","type":"boolean"},{"name":"hideOutsideDays","description":"Controls the visibility of the dates that do not belong to the current month.","type":"boolean"},{"name":"disabledDates","description":"Gets/sets disabled dates."},{"name":"specialDates","description":"Gets/sets special dates.","type":"DateRangeDescriptor[]"},{"name":"outlined","description":"Whether the control will have outlined appearance.","type":"boolean"},{"name":"placeholder","description":"The placeholder attribute of the control.","type":"string"},{"name":"visibleMonths","description":"The number of months displayed in the calendar.","type":"number"},{"name":"showWeekNumbers","description":"Whether to show the number of the week in the calendar.","type":"boolean"},{"name":"displayFormat","description":"Format to display the value in when not editing.\nDefaults to the locale format if not set.","type":"string"},{"name":"inputFormat","description":"The date format to apply on the input.\nDefaults to the current locale Intl.DateTimeFormat","type":"string"},{"name":"prompt","description":"The prompt symbol to use for unfilled parts of the mask.","type":"string"},{"name":"locale","description":"Gets/Sets the locale used for formatting the display value."},{"name":"resourceStrings","description":"The resource strings for localization.","type":"IgcCalendarResourceStrings"},{"name":"weekStart","description":"Sets the start day of the week for the calendar.","type":"WeekDays"},{"name":"required","description":"When set, makes the component a required field for validation.","type":"boolean"},{"name":"defaultValue","type":"unknown"},{"name":"name","description":"The name attribute of the control.","type":"string"},{"name":"disabled","description":"The disabled state of the component.","type":"boolean"},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","type":"boolean"},{"name":"form","description":"Returns the HTMLFormElement associated with this element.","type":"HTMLFormElement | null"},{"name":"validity","description":"Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.","type":"ValidityState"},{"name":"validationMessage","description":"A string containing the validation message of this element.","type":"string"},{"name":"willValidate","description":"A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.","type":"boolean"},{"name":"keepOpenOnSelect","description":"Whether the component dropdown should be kept open on selection.","type":"boolean"},{"name":"keepOpenOnOutsideClick","description":"Whether the component dropdown should be kept open on clicking outside of it.","type":"boolean"}],"events":[{"name":"igcOpening","description":"Emitted just before the calendar dropdown is shown."},{"name":"igcOpened","description":"Emitted after the calendar dropdown is shown."},{"name":"igcClosing","description":"Emitted just before the calendar dropdown is hidden."},{"name":"igcClosed","description":"Emitted after the calendar dropdown is hidden."},{"name":"igcChange","description":"Emitted when the user modifies and commits the elements's value."},{"name":"igcInput","description":"Emitted when when the user types in the element."}]}},{"name":"igc-dropdown-item","description":"Represents an item in a dropdown list.\n---\n\n\n### **Slots:**\n - **prefix** - Renders content before the item's main content.\n- _default_ - Renders the item's main content.\n- **suffix** - Renders content after the item's main content.\n\n### **CSS Parts:**\n - **prefix** - The prefix wrapper of the igc-dropdown-item.\n- **content** - The main content wrapper of the igc-dropdown-item.\n- **suffix** - The suffix wrapper of the igc-dropdown-item.","doc-url":"","attributes":[{"name":"active","description":"Whether the item is active.","value":{"type":"boolean"}},{"name":"disabled","description":"Whether the item is disabled.","value":{"type":"boolean"}},{"name":"selected","description":"Whether the item is selected.","value":{"type":"boolean"}},{"name":"value","description":"The current value of the item.\nIf not specified, the element's text content is used.","value":{"type":"string"}}],"slots":[{"name":"prefix","description":"Renders content before the item's main content."},{"name":"","description":"Renders the item's main content."},{"name":"suffix","description":"Renders content after the item's main content."}],"events":[],"js":{"properties":[{"name":"active","description":"Whether the item is active.","type":"boolean"},{"name":"disabled","description":"Whether the item is disabled.","type":"boolean"},{"name":"selected","description":"Whether the item is selected.","type":"boolean"},{"name":"value","description":"The current value of the item.\nIf not specified, the element's text content is used.","type":"string"}],"events":[]}},{"name":"igc-dropdown-group","description":"A container for a group of `igc-dropdown-item` components.\n---\n\n\n### **Slots:**\n - **label** - Contains the group's label.\n- _default_ - Intended to contain the items belonging to this group.\n\n### **CSS Parts:**\n - **label** - The native label element.","doc-url":"","attributes":[],"slots":[{"name":"label","description":"Contains the group's label."},{"name":"","description":"Intended to contain the items belonging to this group."}],"events":[],"js":{"properties":[{"name":"items","description":"All child `igc-dropdown-item`s.","type":"Array<IgcDropdownItemComponent>"}],"events":[]}},{"name":"igc-dropdown-header","description":"Represents a header item in a igc-dropdown list.\n---\n\n\n### **Slots:**\n - _default_ - Renders the header.","doc-url":"","attributes":[],"slots":[{"name":"","description":"Renders the header."}],"events":[],"js":{"properties":[],"events":[]}},{"name":"igc-dropdown","description":"Represents a DropDown component.\n---\n\n\n### **Events:**\n - **igcChange** - Emitted when the selected item changes.\n- **igcOpening** - Emitted just before the dropdown is open.\n- **igcOpened** - Emitted after the dropdown is open.\n- **igcClosing** - Emitter just before the dropdown is closed.\n- **igcClosed** - Emitted after closing the dropdown.\n\n### **Slots:**\n - **target** - Renders the dropdown's target element.\n- _default_ - Renders the dropdown list items.\n\n### **CSS Parts:**\n - **base** - The dropdown list wrapper container.\n- **list** - The dropdown list element.","doc-url":"","attributes":[{"name":"placement","description":"The preferred placement of the component around the target element.","value":{"type":"PopoverPlacement","default":"'bottom-start'"}},{"name":"scroll-strategy","description":"Determines the behavior of the component during scrolling of the parent container.","value":{"type":"PopoverScrollStrategy","default":"'scroll'"}},{"name":"flip","description":"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.","value":{"type":"boolean","default":"false"}},{"name":"distance","description":"The distance from the target element.","value":{"type":"number","default":"0"}},{"name":"same-width","description":"Whether the dropdown's width should be the same as the target's one.","value":{"type":"boolean","default":"false"}},{"name":"keep-open-on-select","description":"Whether the component dropdown should be kept open on selection.","value":{"type":"boolean","default":"false"}},{"name":"keep-open-on-outside-click","description":"Whether the component dropdown should be kept open on clicking outside of it.","value":{"type":"boolean","default":"false"}},{"name":"open","description":"Sets the open state of the component.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"target","description":"Renders the dropdown's target element."},{"name":"","description":"Renders the dropdown list items."}],"events":[{"name":"igcChange","description":"Emitted when the selected item changes."},{"name":"igcOpening","description":"Emitted just before the dropdown is open."},{"name":"igcOpened","description":"Emitted after the dropdown is open."},{"name":"igcClosing","description":"Emitter just before the dropdown is closed."},{"name":"igcClosed","description":"Emitted after closing the dropdown."}],"js":{"properties":[{"name":"placement","description":"The preferred placement of the component around the target element.","type":"PopoverPlacement"},{"name":"scrollStrategy","description":"Determines the behavior of the component during scrolling of the parent container.","type":"PopoverScrollStrategy"},{"name":"flip","description":"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.","type":"boolean"},{"name":"distance","description":"The distance from the target element.","type":"number"},{"name":"sameWidth","description":"Whether the dropdown's width should be the same as the target's one.","type":"boolean"},{"name":"items","description":"Returns the items of the dropdown."},{"name":"groups","description":"Returns the group items of the dropdown."},{"name":"selectedItem","description":"Returns the selected item from the dropdown or null."},{"name":"keepOpenOnSelect","description":"Whether the component dropdown should be kept open on selection.","type":"boolean"},{"name":"keepOpenOnOutsideClick","description":"Whether the component dropdown should be kept open on clicking outside of it.","type":"boolean"},{"name":"open","description":"Sets the open state of the component.","type":"boolean"}],"events":[{"name":"igcChange","description":"Emitted when the selected item changes."},{"name":"igcOpening","description":"Emitted just before the dropdown is open."},{"name":"igcOpened","description":"Emitted after the dropdown is open."},{"name":"igcClosing","description":"Emitter just before the dropdown is closed."},{"name":"igcClosed","description":"Emitted after closing the dropdown."}]}},{"name":"igc-select-item","description":"Represents an item in a select list.\n---\n\n\n### **Slots:**\n - _default_ - Renders the all content bar the prefix and suffix.\n- **prefix** - Renders content before the main content area.\n- **suffix** - Renders content after the main content area.\n\n### **CSS Parts:**\n - **prefix** - The prefix wrapper of the igc-select-item.\n- **content** - The main content wrapper of the igc-select-item.\n- **suffix** - The suffix wrapper of the igc-select-item.","doc-url":"","attributes":[{"name":"active","description":"Whether the item is disabled.","value":{"type":"boolean"}},{"name":"disabled","description":"Whether the item is disabled.","value":{"type":"boolean"}},{"name":"selected","description":"Whether the item is selected.","value":{"type":"boolean"}},{"name":"value","description":"The current value of the item.\nIf not specified, the element's text content is used.","value":{"type":"string"}}],"slots":[{"name":"","description":"Renders the all content bar the prefix and suffix."},{"name":"prefix","description":"Renders content before the main content area."},{"name":"suffix","description":"Renders content after the main content area."}],"events":[],"js":{"properties":[{"name":"active","description":"Whether the item is disabled.","type":"boolean"},{"name":"disabled","description":"Whether the item is disabled.","type":"boolean"},{"name":"selected","description":"Whether the item is selected.","type":"boolean"},{"name":"value","description":"The current value of the item.\nIf not specified, the element's text content is used.","type":"string"}],"events":[]}},{"name":"igc-select-group","description":"\n---\n\n\n### **Slots:**\n - **label** - Contains the group's label.\n- _default_ - Intended to contain the items belonging to this group.\n\n### **CSS Parts:**\n - **label** - The native label element.","doc-url":"","attributes":[{"name":"disabled","description":"Whether the group item and all its children are disabled.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"label","description":"Contains the group's label."},{"name":"","description":"Intended to contain the items belonging to this group."}],"events":[],"js":{"properties":[{"name":"items","description":"All child `igc-select-item`s.","type":"Array<IgcSelectItemComponent>"},{"name":"disabled","description":"Whether the group item and all its children are disabled.","type":"boolean"}],"events":[]}},{"name":"igc-select-header","description":"Represents a header item in an igc-select component.\n---\n\n\n### **Slots:**\n - _default_ - Renders the header.","doc-url":"","attributes":[],"slots":[{"name":"","description":"Renders the header."}],"events":[],"js":{"properties":[],"events":[]}},{"name":"igc-select","description":"Represents a control that provides a menu of options.\n---\n\n\n### **Events:**\n - **igcChange** - Emitted when the control's checked state changes.\n- **igcOpening** - Emitted just before the list of options is opened.\n- **igcOpened** - Emitted after the list of options is opened.\n- **igcClosing** - Emitter just before the list of options is closed.\n- **igcClosed** - Emitted after the list of options is closed.\n\n### **Slots:**\n - _default_ - Renders the list of select items.\n- **prefix** - Renders content before the input.\n- **suffix** - Renders content after input.\n- **header** - Renders a container before the list of options.\n- **footer** - Renders a container after the list of options.\n- **helper-text** - Renders content below the input.\n- **toggle-icon** - Renders content inside the suffix container.\n- **toggle-icon-expanded** - Renders content for the toggle icon when the component is in open state.\n- **value-missing** - Renders content when the required validation fails.\n- **custom-error** - Renders content when setCustomValidity(message) is set.\n- **invalid** - Renders content when the component is in invalid state (validity.valid = false).\n\n### **CSS Parts:**\n - **list** - The list wrapping container for the items of the igc-select.\n- **input** - The encapsulated igc-input of the igc-select.\n- **label** - The encapsulated text label of the igc-select.\n- **prefix** - The prefix wrapper of the input of the igc-select.\n- **suffix** - The suffix wrapper of the input of the igc-select.\n- **toggle-icon** - The toggle icon wrapper of the igc-select.\n- **helper-text** - The helper text wrapper of the igc-select.","doc-url":"","attributes":[{"name":"value","description":"The value attribute of the control.","value":{"type":"string | undefined"}},{"name":"outlined","description":"The outlined attribute of the control.","value":{"type":"boolean","default":"false"}},{"name":"autofocus","description":"The autofocus attribute of the control.","value":{"type":"boolean"}},{"name":"distance","description":"The distance of the select dropdown from its input.","value":{"type":"number","default":"0"}},{"name":"label","description":"The label attribute of the control.","value":{"type":"string"}},{"name":"placeholder","description":"The placeholder attribute of the control.","value":{"type":"string"}},{"name":"placement","description":"The preferred placement of the select dropdown around its input.","value":{"type":"PopoverPlacement","default":"'bottom-start'"}},{"name":"scroll-strategy","description":"Determines the behavior of the component during scrolling of the parent container.","value":{"type":"PopoverScrollStrategy","default":"'scroll'"}},{"name":"required","description":"When set, makes the component a required field for validation.","value":{"type":"boolean","default":"false"}},{"name":"name","description":"The name attribute of the control.","value":{"type":"string"}},{"name":"disabled","description":"The disabled state of the component.","value":{"type":"boolean","default":"false"}},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","value":{"type":"boolean","default":"false"}},{"name":"keep-open-on-select","description":"Whether the component dropdown should be kept open on selection.","value":{"type":"boolean","default":"false"}},{"name":"keep-open-on-outside-click","description":"Whether the component dropdown should be kept open on clicking outside of it.","value":{"type":"boolean","default":"false"}},{"name":"open","description":"Sets the open state of the component.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"Renders the list of select items."},{"name":"prefix","description":"Renders content before the input."},{"name":"suffix","description":"Renders content after input."},{"name":"header","description":"Renders a container before the list of options."},{"name":"footer","description":"Renders a container after the list of options."},{"name":"helper-text","description":"Renders content below the input."},{"name":"toggle-icon","description":"Renders content inside the suffix container."},{"name":"toggle-icon-expanded","description":"Renders content for the toggle icon when the component is in open state."},{"name":"value-missing","description":"Renders content when the required validation fails."},{"name":"custom-error","description":"Renders content when setCustomValidity(message) is set."},{"name":"invalid","description":"Renders content when the component is in invalid state (validity.valid = false)."}],"events":[{"name":"igcChange","description":"Emitted when the control's checked state changes."},{"name":"igcOpening","description":"Emitted just before the list of options is opened."},{"name":"igcOpened","description":"Emitted after the list of options is opened."},{"name":"igcClosing","description":"Emitter just before the list of options is closed."},{"name":"igcClosed","description":"Emitted after the list of options is closed."}],"js":{"properties":[{"name":"value","description":"The value attribute of the control.","type":"string | undefined"},{"name":"outlined","description":"The outlined attribute of the control.","type":"boolean"},{"name":"autofocus","description":"The autofocus attribute of the control.","type":"boolean"},{"name":"distance","description":"The distance of the select dropdown from its input.","type":"number"},{"name":"label","description":"The label attribute of the control.","type":"string"},{"name":"placeholder","description":"The placeholder attribute of the control.","type":"string"},{"name":"placement","description":"The preferred placement of the select dropdown around its input.","type":"PopoverPlacement"},{"name":"scrollStrategy","description":"Determines the behavior of the component during scrolling of the parent container.","type":"PopoverScrollStrategy"},{"name":"items","description":"Returns the items of the igc-select component.","type":"IgcSelectItemComponent[]"},{"name":"groups","description":"Returns the groups of the igc-select component.","type":"IgcSelectGroupComponent[]"},{"name":"selectedItem","description":"Returns the selected item from the dropdown or null.","type":"IgcSelectItemComponent | null"},{"name":"required","description":"When set, makes the component a required field for validation.","type":"boolean"},{"name":"defaultValue","type":"unknown"},{"name":"name","description":"The name attribute of the control.","type":"string"},{"name":"disabled","description":"The disabled state of the component.","type":"boolean"},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","type":"boolean"},{"name":"form","description":"Returns the HTMLFormElement associated with this element.","type":"HTMLFormElement | null"},{"name":"validity","description":"Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.","type":"ValidityState"},{"name":"validationMessage","description":"A string containing the validation message of this element.","type":"string"},{"name":"willValidate","description":"A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.","type":"boolean"},{"name":"keepOpenOnSelect","description":"Whether the component dropdown should be kept open on selection.","type":"boolean"},{"name":"keepOpenOnOutsideClick","description":"Whether the component dropdown should be kept open on clicking outside of it.","type":"boolean"},{"name":"open","description":"Sets the open state of the component.","type":"boolean"}],"events":[{"name":"igcChange","description":"Emitted when the control's checked state changes."},{"name":"igcOpening","description":"Emitted just before the list of options is opened."},{"name":"igcOpened","description":"Emitted after the list of options is opened."},{"name":"igcClosing","description":"Emitter just before the list of options is closed."},{"name":"igcClosed","description":"Emitted after the list of options is closed."}]}},{"name":"igc-linear-progress","description":"A linear progress indicator used to express unspecified wait time or display\nthe length of a process.\n---\n\n\n### **Slots:**\n - _default_ - The text area container.\n\n### **CSS Parts:**\n - **track** - The igc-linear-progress track area.\n- **fill** - The igc-linear-progress indicator area.\n- **striped** - The igc-linear-progress striped indicator.\n- **label** - The igc-linear-progress label.\n- **value** - The igc-linear-progress label value.\n- **indeterminate** - The igc-linear-progress indeterminate state.\n- **primary** - The igc-linear-progress indicator primary state.\n- **danger** - The igc-linear-progress indicator error state.\n- **warning** - The igc-linear-progress indicator warning state.\n- **info** - The igc-linear-progress indicator info state.\n- **success** - The igc-linear-progress indicator success state.","doc-url":"","attributes":[{"name":"striped","description":"Sets the striped look of the control.","value":{"type":"boolean","default":"false"}},{"name":"label-align","description":"The position for the default label of the control.","value":{"type":"LinearProgressLabelAlign","default":"'top-start'"}},{"name":"max","description":"Maximum value of the control.","value":{"type":"number","default":"100"}},{"name":"value","description":"The value of the control.","value":{"type":"number","default":"0"}},{"name":"variant","description":"The variant of the control.","value":{"type":"StyleVariant","default":"'primary'"}},{"name":"animation-duration","description":"Animation duration in milliseconds.","value":{"type":"number","default":"500"}},{"name":"indeterminate","description":"The indeterminate state of the control.","value":{"type":"boolean","default":"false"}},{"name":"hide-label","description":"Shows/hides the label of the control.","value":{"type":"boolean","default":"false"}},{"name":"label-format","description":"Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.","value":{"type":"string"}}],"slots":[{"name":"","description":"The text area container."}],"events":[],"js":{"properties":[{"name":"striped","description":"Sets the striped look of the control.","type":"boolean"},{"name":"labelAlign","description":"The position for the default label of the control.","type":"LinearProgressLabelAlign"},{"name":"max","description":"Maximum value of the control.","type":"number"},{"name":"value","description":"The value of the control.","type":"number"},{"name":"variant","description":"The variant of the control.","type":"StyleVariant"},{"name":"animationDuration","description":"Animation duration in milliseconds.","type":"number"},{"name":"indeterminate","description":"The indeterminate state of the control.","type":"boolean"},{"name":"hideLabel","description":"Shows/hides the label of the control.","type":"boolean"},{"name":"labelFormat","description":"Format string for the default label of the control.\nPlaceholders:\n {0} - current value of the control.\n {1} - max value of the control.","type":"string"}],"events":[]}},{"name":"igc-mask-input","description":"A masked input is an input field where a developer can control user input and format the visible value,\nbased on configurable rules\n---\n\n\n### **Events:**\n - **igcInput** - Emitted when the control receives user input\n- **igcChange** - Emitted when an alteration of the control's value is committed by the user\n\n### **Slots:**\n - **prefix** - Renders content before the input\n- **suffix** - Renders content after the input\n- **helper-text** - Renders content below the input\n- **value-missing** - Renders content when the required validation fails.\n- **bad-input** - Renders content when a required mask pattern validation fails.\n- **custom-error** - Renders content when setCustomValidity(message) is set.\n- **invalid** - Renders content when the component is in invalid state (validity.valid = false).\n\n### **CSS Parts:**\n - **container** - The main wrapper that holds all main input elements\n- **input** - The native input element\n- **label** - The native label element\n- **prefix** - The prefix wrapper\n- **suffix** - The suffix wrapper\n- **helper-text** - The helper text wrapper","doc-url":"","attributes":[{"name":"value-mode","description":"Dictates the behavior when retrieving the value of the control:\n\n- `raw`: Returns clean input (e.g. \"5551234567\")\n- `withFormatting`: Returns with mask formatting (e.g. \"(555) 123-4567\")\n\nEmpty values always return an empty string, regardless of the value mode.","value":{"type":"MaskInputValueMode","default":"'raw'"}},{"name":"value","description":"The value of the input.\n\nRegardless of the currently set `value-mode`, an empty value will return an empty string.","value":{"type":"string"}},{"name":"mask","description":"The masked pattern of the component.","value":{"type":"string","default":"'CCCCCCCCCC'"}},{"name":"prompt","description":"The prompt symbol to use for unfilled parts of the mask pattern.","value":{"type":"string","default":"'_'"}},{"name":"readonly","description":"Makes the control a readonly field.","value":{"type":"boolean","default":"false"}},{"name":"readOnly","description":"Makes the control a readonly field.","value":{"type":"boolean","default":"false"}},{"name":"required","description":"When set, makes the component a required field for validation.","value":{"type":"boolean","default":"false"}},{"name":"name","description":"The name attribute of the control.","value":{"type":"string"}},{"name":"disabled","description":"The disabled state of the component.","value":{"type":"boolean","default":"false"}},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","value":{"type":"boolean","default":"false"}},{"name":"outlined","description":"Whether the control will have outlined appearance.","value":{"type":"boolean","default":"false"}},{"name":"placeholder","description":"The placeholder attribute of the control.","value":{"type":"string"}},{"name":"label","description":"The label for the control.","value":{"type":"string"}}],"slots":[{"name":"prefix","description":"Renders content before the input"},{"name":"suffix","description":"Renders content after the input"},{"name":"helper-text","description":"Renders content below the input"},{"name":"value-missing","description":"Renders content when the required validation fails."},{"name":"bad-input","description":"Renders content when a required mask pattern validation fails."},{"name":"custom-error","description":"Renders content when setCustomValidity(message) is set."},{"name":"invalid","description":"Renders content when the component is in invalid state (validity.valid = false)."}],"events":[{"name":"igcInput","description":"Emitted when the control receives user input"},{"name":"igcChange","description":"Emitted when an alteration of the control's value is committed by the user"}],"js":{"properties":[{"name":"valueMode","description":"Dictates the behavior when retrieving the value of the control:\n\n- `raw`: Returns clean input (e.g. \"5551234567\")\n- `withFormatting`: Returns with mask formatting (e.g. \"(555) 123-4567\")\n\nEmpty values always return an empty string, regardless of the value mode.","type":"MaskInputValueMode"},{"name":"value","description":"The value of the input.\n\nRegardless of the currently set `value-mode`, an empty value will return an empty string.","type":"string | Date | null"},{"name":"mask","description":"The masked pattern of the component.","type":"string"},{"name":"prompt","description":"The prompt symbol to use for unfilled parts of the mask pattern.","type":"string"},{"name":"readOnly","description":"Makes the control a readonly field.","type":"boolean"},{"name":"required","description":"When set, makes the component a required field for validation.","type":"boolean"},{"name":"defaultValue","type":"unknown"},{"name":"name","description":"The name attribute of the control.","type":"string"},{"name":"disabled","description":"The disabled state of the component.","type":"boolean"},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","type":"boolean"},{"name":"form","description":"Returns the HTMLFormElement associated with this element.","type":"HTMLFormElement | null"},{"name":"validity","description":"Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.","type":"ValidityState"},{"name":"validationMessage","description":"A string containing the validation message of this element.","type":"string"},{"name":"willValidate","description":"A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.","type":"boolean"},{"name":"outlined","description":"Whether the control will have outlined appearance.","type":"boolean"},{"name":"placeholder","description":"The placeholder attribute of the control.","type":"string"},{"name":"label","description":"The label for the control.","type":"string"}],"events":[{"name":"igcInput","description":"Emitted when the control receives user input"},{"name":"igcChange","description":"Emitted when an alteration of the control's value is committed by the user"}]}},{"name":"igc-nav-drawer-header-item","description":"A wrapper for navigation drawer's header.\n---\n\n\n### **Slots:**\n - _default_ - Renders the header content","doc-url":"","attributes":[],"slots":[{"name":"","description":"Renders the header content"}],"events":[],"js":{"properties":[],"events":[]}},{"name":"igc-nav-drawer-item","description":"Represents a navigation drawer item.\n---\n\n\n### **Slots:**\n - **content** - The content slot for the drawer item.\n- **icon** - The slot for the icon of the drawer item.\n\n### **CSS Parts:**\n - **base** - The base wrapper of the drawer item.\n- **icon** - The icon container.\n- **content** - The content container.","doc-url":"","attributes":[{"name":"disabled","description":"Determines whether the drawer is disabled.","value":{"type":"boolean","default":"false"}},{"name":"active","description":"Determines whether the drawer is active.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"content","description":"The content slot for the drawer item."},{"name":"icon","description":"The slot for the icon of the drawer item."}],"events":[],"js":{"properties":[{"name":"disabled","description":"Determines whether the drawer is disabled.","type":"boolean"},{"name":"active","description":"Determines whether the drawer is active.","type":"boolean"}],"events":[]}},{"name":"igc-nav-drawer","description":"Represents a side navigation container that provides\nquick access between views.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for the igc-navigation-drawer.\n- **mini** - The slot for the mini variant of the igc-navigation-drawer.\n\n### **CSS Parts:**\n - **base** - The base wrapper of the igc-navigation-drawer.\n- **main** - The main container of the igc-navigation-drawer.\n- **mini** - The mini container of the igc-navigation-drawer.","doc-url":"","attributes":[{"name":"position","description":"The position of the drawer.","value":{"type":"NavDrawerPosition","default":"'start'"}},{"name":"open","description":"Determines whether the drawer is opened.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"The default slot for the igc-navigation-drawer."},{"name":"mini","description":"The slot for the mini variant of the igc-navigation-drawer."}],"events":[],"js":{"properties":[{"name":"position","description":"The position of the drawer.","type":"NavDrawerPosition"},{"name":"open","description":"Determines whether the drawer is opened.","type":"boolean"}],"events":[]}},{"name":"igc-navbar","description":"A navigation bar component is used to facilitate navigation through\na series of hierarchical screens within an app.\n---\n\n\n### **Slots:**\n - _default_ - Renders a title inside the default slot.\n- **start** - Renders left aligned icons.\n- **end** - Renders right aligned action icons.\n\n### **CSS Parts:**\n - **base** - The base wrapper of the navigation bar.\n- **start** - The left aligned icon container.\n- **middle** - The navigation bar title container.\n- **end** - The right aligned action icons container.","doc-url":"","attributes":[],"slots":[{"name":"","description":"Renders a title inside the default slot."},{"name":"start","description":"Renders left aligned icons."},{"name":"end","description":"Renders right aligned action icons."}],"events":[],"js":{"properties":[],"events":[]}},{"name":"igc-radio","description":"\n---\n\n\n### **Events:**\n - **igcChange** - Emitted when the control's checked state changes.\n\n### **Slots:**\n - _default_ - The radio label.\n- **helper-text** - Renders content below the input.\n- **value-missing** - Renders content when the required validation fails.\n- **custom-error** - Renders content when setCustomValidity(message) is set.\n- **invalid** - Renders content when the component is in invalid state (validity.valid = false).\n\n### **CSS Parts:**\n - **base** - The radio control base wrapper.\n- **control** - The radio input control.\n- **label** - The radio control label.","doc-url":"","attributes":[{"name":"value","description":"The value attribute of the control.","value":{"type":"string"}},{"name":"checked","description":"The checked state of the control.","value":{"type":"boolean"}},{"name":"label-position","description":"The label position of the radio control.","value":{"type":"ToggleLabelPosition","default":"'after'"}},{"name":"required","description":"When set, makes the component a required field for validation.","value":{"type":"boolean","default":"false"}},{"name":"name","description":"The name attribute of the control.","value":{"type":"string"}},{"name":"disabled","description":"The disabled state of the component.","value":{"type":"boolean","default":"false"}},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"The radio label."},{"name":"helper-text","description":"Renders content below the input."},{"name":"value-missing","description":"Renders content when the required validation fails."},{"name":"custom-error","description":"Renders content when setCustomValidity(message) is set."},{"name":"invalid","description":"Renders content when the component is in invalid state (validity.valid = false)."}],"events":[{"name":"igcChange","description":"Emitted when the control's checked state changes."}],"js":{"properties":[{"name":"required","description":"When set, makes the component a required field for validation.","type":"boolean"},{"name":"value","description":"The value attribute of the control.","type":"string"},{"name":"checked","description":"The checked state of the control.","type":"boolean"},{"name":"labelPosition","description":"The label position of the radio control.","type":"ToggleLabelPosition"},{"name":"defaultChecked","type":"boolean"},{"name":"name","description":"The name attribute of the control.","type":"string"},{"name":"disabled","description":"The disabled state of the component.","type":"boolean"},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","type":"boolean"},{"name":"form","description":"Returns the HTMLFormElement associated with this element.","type":"HTMLFormElement | null"},{"name":"validity","description":"Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.","type":"ValidityState"},{"name":"validationMessage","description":"A string containing the validation message of this element.","type":"string"},{"name":"willValidate","description":"A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.","type":"boolean"}],"events":[{"name":"igcChange","description":"Emitted when the control's checked state changes."}]}},{"name":"igc-radio-group","description":"The igc-radio-group component unifies one or more igc-radio buttons.\n---\n\n\n### **Slots:**\n - _default_ - Default slot","doc-url":"","attributes":[{"name":"alignment","description":"Alignment of the radio controls inside this group.","value":{"type":"ContentOrientation","default":"'vertical'"}},{"name":"name","description":"Gets/Sets the name for all child igc-radio components.","value":{"type":"string"}},{"name":"value","description":"Gets/Sets the checked igc-radio element that matches `value`","value":{"type":"string"}}],"slots":[{"name":"","description":"Default slot"}],"events":[],"js":{"properties":[{"name":"alignment","description":"Alignment of the radio controls inside this group.","type":"ContentOrientation"},{"name":"defaultValue","type":"string"},{"name":"name","description":"Gets/Sets the name for all child igc-radio components.","type":"string"},{"name":"value","description":"Gets/Sets the checked igc-radio element that matches `value`","type":"string"}],"events":[]}},{"name":"igc-rating-symbol","description":"\nUsed when a custom icon/symbol/element needs to be passed to the igc-rating component.\n---\n\n\n### **Slots:**\n - _default_ - Default slot for projected full symbols/icons.\n- **empty** - Default slot for projected empty symbols/icons.\n\n### **CSS Parts:**\n - **symbol** - The symbol wrapping container.\n- **full** - The full symbol wrapping container.\n- **empty** - The empty symbol wrapping container.","doc-url":"","attributes":[],"slots":[{"name":"","description":"Default slot for projected full symbols/icons."},{"name":"empty","description":"Default slot for projected empty symbols/icons."}],"events":[],"js":{"properties":[],"events":[]}},{"name":"igc-rating","description":"Rating provides insight regarding others' opinions and experiences,\nand can allow the user to submit a rating of their own\n---\n\n\n### **Events:**\n - **igcChange** - Emitted when the value of the control changes.\n- **igcHover** - Emitted when hover is enabled and the user mouses over a symbol of the rating.\n\n### **CSS Properties:**\n - **--symbol-size** - The size of the symbols. _(default: undefined)_\n- **--symbol-full-color** - The color of the filled symbol. _(default: undefined)_\n- **--symbol-empty-color** - The color of the empty symbol. _(default: undefined)_\n- **--symbol-full-filter** - The filter(s) used for the filled symbol. _(default: undefined)_\n- **--symbol-empty-filter** - The filter(s) used for the empty symbol. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main wrapper which holds all of the rating elements.\n- **label** - The label part.\n- **value-label** - The value label part.\n- **symbols** - A wrapper for all rating symbols.\n- **symbol** - The part of the encapsulated default symbol.\n- **full** - The part of the encapsulated full symbols.\n- **empty** - The part of the encapsulated empty symbols.","doc-url":"","attributes":[{"name":"max","description":"The maximum value for the rating.\n\nIf there are projected symbols, the maximum value will be resolved\nbased on the number of symbols.","value":{"type":"number","default":"5"}},{"name":"step","description":"The minimum value change allowed.\n\nValid values are in the interval between 0 and 1 inclusive.","value":{"type":"number","default":"1"}},{"name":"label","description":"The label of the control.","value":{"type":"string"}},{"name":"value-format","description":"A format string which sets aria-valuetext. Instances of '{0}' will be replaced\nwith the current value of the control and instances of '{1}' with the maximum value for the control.\n\nImportant for screen-readers and useful for localization.","value":{"type":"string"}},{"name":"value","description":"The current value of the component","value":{"type":"number","default":"0"}},{"name":"hover-preview","description":"Sets hover preview behavior for the component","value":{"type":"boolean","default":"false"}},{"name":"readonly","description":"Makes the control a readonly field.","value":{"type":"boolean","default":"false"}},{"name":"single","description":"Toggles single selection visual mode.","value":{"type":"boolean","default":"false"}},{"name":"allow-reset","description":"Whether to reset the rating when the user selects the same value.","value":{"type":"boolean","default":"false"}},{"name":"name","description":"The name attribute of the control.","value":{"type":"string"}},{"name":"disabled","description":"The disabled state of the component.","value":{"type":"boolean","default":"false"}},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","value":{"type":"boolean","default":"false"}}],"events":[{"name":"igcChange","description":"Emitted when the value of the control changes."},{"name":"igcHover","description":"Emitted when hover is enabled and the user mouses over a symbol of the rating."}],"js":{"properties":[{"name":"max","description":"The maximum value for the rating.\n\nIf there are projected symbols, the maximum value will be resolved\nbased on the number of symbols.","type":"number"},{"name":"step","description":"The minimum value change allowed.\n\nValid values are in the interval between 0 and 1 inclusive.","type":"number"},{"name":"label","description":"The label of the control.","type":"string"},{"name":"valueFormat","description":"A format string which sets aria-valuetext. Instances of '{0}' will be replaced\nwith the current value of the control and instances of '{1}' with the maximum value for the control.\n\nImportant for screen-readers and useful for localization.","type":"string"},{"name":"value","description":"The current value of the component","type":"number"},{"name":"hoverPreview","description":"Sets hover preview behavior for the component","type":"boolean"},{"name":"readOnly","description":"Makes the control a readonly field.","type":"boolean"},{"name":"single","description":"Toggles single selection visual mode.","type":"boolean"},{"name":"allowReset","description":"Whether to reset the rating when the user selects the same value.","type":"boolean"},{"name":"defaultValue","type":"unknown"},{"name":"name","description":"The name attribute of the control.","type":"string"},{"name":"disabled","description":"The disabled state of the component.","type":"boolean"},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","type":"boolean"},{"name":"form","description":"Returns the HTMLFormElement associated with this element.","type":"HTMLFormElement | null"},{"name":"validity","description":"Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.","type":"ValidityState"},{"name":"validationMessage","description":"A string containing the validation message of this element.","type":"string"},{"name":"willValidate","description":"A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.","type":"boolean"}],"events":[{"name":"igcChange","description":"Emitted when the value of the control changes."},{"name":"igcHover","description":"Emitted when hover is enabled and the user mouses over a symbol of the rating."}]}},{"name":"igc-ripple","description":"A ripple can be applied to an element to represent\ninteractive surface.\n---\n","doc-url":"","attributes":[],"events":[],"js":{"properties":[],"events":[]}},{"name":"igc-slider-label","description":"Allows formatting the values of the slider as string values.\nThe text content of the slider labels is used for thumb and tick labels.\n---\n","doc-url":"","attributes":[],"events":[],"js":{"properties":[],"events":[]}},{"name":"igc-range-slider","description":"A range slider component used to select two numeric values within a range.\n---\n\n\n### **Events:**\n - **igcInput** - Emitted when a value is changed via thumb drag or keyboard interaction.\n- **igcChange** - Emitted when a value change is committed on a thumb drag end or keyboard interaction.\n\n### **CSS Parts:**\n - **base** - The base wrapper of the slider.\n- **ticks** - The ticks container.\n- **tick-group** - The tick group container.\n- **tick** - The tick element.\n- **tick-label** - The tick label element.\n- **tick-label-inner** - The inner element of the tick label.\n- **thumbs** - The thumbs container.\n- **thumb** - The thumb element.\n- **thumb-label** - The thumb tooltip label container.\n- **thumb-label-inner** - The thumb tooltip label inner element.\n- **track** - The track container.\n- **steps** - The track steps element.\n- **inactive** - The inactive element of the track.\n- **fill** - The filled part of the track.","doc-url":"","attributes":[{"name":"lower","description":"The current value of the lower thumb.","value":{"type":"number"}},{"name":"upper","description":"The current value of the upper thumb.","value":{"type":"number"}},{"name":"thumb-label-lower","description":"The aria label for the lower thumb.","value":{"type":"string"}},{"name":"thumb-label-upper","description":"The aria label for the upper thumb.","value":{"type":"string"}},{"name":"min","description":"The minimum value of the slider scale. Defaults to 0.\n\nIf `min` is greater than `max` the call is a no-op.\n\nIf `labels` are provided (projected), then `min` is always set to 0.\n\nIf `lowerBound` ends up being less than than the current `min` value,\nit is automatically assigned the new `min` value.","value":{"type":"number"}},{"name":"max","description":"The maximum value of the slider scale. Defaults to 100.\n\nIf `max` is less than `min` the call is a no-op.\n\nIf `labels` are provided (projected), then `max` is always set to\nthe number of labels.\n\nIf `upperBound` ends up being greater than than the current `max` value,\nit is automatically assigned the new `max` value.","value":{"type":"number"}},{"name":"lower-bound","description":"The lower bound of the slider value. If not set, the `min` value is applied.","value":{"type":"number"}},{"name":"upper-bound","description":"The upper bound of the slider value. If not set, the `max` value is applied.","value":{"type":"number"}},{"name":"disabled","description":"Disables the UI interactions of the slider.","value":{"type":"boolean","default":"false"}},{"name":"discrete-track","description":"Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.","value":{"type":"boolean","default":"false"}},{"name":"hide-tooltip","description":"Hides the thumb tooltip.","value":{"type":"boolean","default":"false"}},{"name":"step","description":"Specifies the granularity that the value must adhere to.\n\nIf set to 0 no stepping is implied and any value in the range is allowed.\nIf `labels` are provided (projected) then the step is always assumed to be 1 since it is a discrete slider.","value":{"type":"number"}},{"name":"primary-ticks","description":"The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.","value":{"type":"number","default":"0"}},{"name":"secondary-ticks","description":"The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.","value":{"type":"number","default":"0"}},{"name":"tick-orientation","description":"Changes the orientation of the ticks.","value":{"type":"SliderTickOrientation","default":"'end'"}},{"name":"hide-primary-labels","description":"Hides the primary tick labels.","value":{"type":"boolean","default":"false"}},{"name":"hide-secondary-labels","description":"Hides the secondary tick labels.","value":{"type":"boolean","default":"false"}},{"name":"locale","description":"The locale used to format the thumb and tick label values in the slider.","value":{"type":"string","default":"'en'"}},{"name":"value-format","description":"String format used for the thumb and tick label values in the slider.","value":{"type":"string | undefined"}},{"name":"tick-label-rotation","description":"The degrees for the rotation of the tick labels. Defaults to 0.","value":{"type":"SliderTickLabelRotation","default":"0"}}],"events":[{"name":"igcInput","description":"Emitted when a value is changed via thumb drag or keyboard interaction."},{"name":"igcChange","description":"Emitted when a value change is committed on a thumb drag end or keyboard interaction."}],"js":{"properties":[{"name":"lower","description":"The current value of the lower thumb.","type":"number"},{"name":"upper","description":"The current value of the upper thumb.","type":"number"},{"name":"thumbLabelLower","description":"The aria label for the lower thumb.","type":"string"},{"name":"thumbLabelUpper","description":"The aria label for the upper thumb.","type":"string"},{"name":"min","description":"The minimum value of the slider scale. Defaults to 0.\n\nIf `min` is greater than `max` the call is a no-op.\n\nIf `labels` are provided (projected), then `min` is always set to 0.\n\nIf `lowerBound` ends up being less than than the current `min` value,\nit is automatically assigned the new `min` value.","type":"number"},{"name":"max","description":"The maximum value of the slider scale. Defaults to 100.\n\nIf `max` is less than `min` the call is a no-op.\n\nIf `labels` are provided (projected), then `max` is always set to\nthe number of labels.\n\nIf `upperBound` ends up being greater than than the current `max` value,\nit is automatically assigned the new `max` value.","type":"number"},{"name":"lowerBound","description":"The lower bound of the slider value. If not set, the `min` value is applied.","type":"number"},{"name":"upperBound","description":"The upper bound of the slider value. If not set, the `max` value is applied.","type":"number"},{"name":"disabled","description":"Disables the UI interactions of the slider.","type":"boolean"},{"name":"discreteTrack","description":"Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.","type":"boolean"},{"name":"hideTooltip","description":"Hides the thumb tooltip.","type":"boolean"},{"name":"step","description":"Specifies the granularity that the value must adhere to.\n\nIf set to 0 no stepping is implied and any value in the range is allowed.\nIf `labels` are provided (projected) then the step is always assumed to be 1 since it is a discrete slider.","type":"number"},{"name":"primaryTicks","description":"The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.","type":"number"},{"name":"secondaryTicks","description":"The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.","type":"number"},{"name":"tickOrientation","description":"Changes the orientation of the ticks.","type":"SliderTickOrientation"},{"name":"hidePrimaryLabels","description":"Hides the primary tick labels.","type":"boolean"},{"name":"hideSecondaryLabels","description":"Hides the secondary tick labels.","type":"boolean"},{"name":"locale","description":"The locale used to format the thumb and tick label values in the slider.","type":"string"},{"name":"valueFormat","description":"String format used for the thumb and tick label values in the slider.","type":"string | undefined"},{"name":"valueFormatOptions","description":"Number format options used for the thumb and tick label values in the slider.","type":"Intl.NumberFormatOptions | undefined"},{"name":"tickLabelRotation","description":"The degrees for the rotation of the tick labels. Defaults to 0.","type":"SliderTickLabelRotation"}],"events":[{"name":"igcInput","description":"Emitted when a value is changed via thumb drag or keyboard interaction."},{"name":"igcChange","description":"Emitted when a value change is committed on a thumb drag end or keyboard interaction."}]}},{"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---\n\n\n### **Events:**\n - **igcAction** - Emitted when the snackbar action button is clicked.\n\n### **Slots:**\n - _default_ - Default slot to render the snackbar content.\n- **action** - Renders the action part of the snackbar. Usually an interactive element (button)\n\n### **CSS Parts:**\n - **base** - The base wrapper of the snackbar component.\n- **message** - The snackbar message.\n- **action** - The default snackbar action button.\n- **action-container** - The area holding the actions.","doc-url":"","attributes":[{"name":"action-text","description":"The snackbar action button.","value":{"type":"string"}},{"name":"open","description":"Whether the component is in shown state.","value":{"type":"boolean","default":"false"}},{"name":"display-time","description":"Determines the duration in ms in which the component will be visible.","value":{"type":"number","default":"4000"}},{"name":"keep-open","description":"Determines whether the component should close after the `displayTime` is over.","value":{"type":"boolean","default":"false"}},{"name":"position","description":"Sets the position of the component in the viewport.","value":{"type":"AbsolutePosition","default":"'bottom'"}}],"slots":[{"name":"","description":"Default slot to render the snackbar content."},{"name":"action","description":"Renders the action part of the snackbar. Usually an interactive element (button)"}],"events":[{"name":"igcAction","description":"Emitted when the snackbar action button is clicked."}],"js":{"properties":[{"name":"actionText","description":"The snackbar action button.","type":"string"},{"name":"open","description":"Whether the component is in shown state.","type":"boolean"},{"name":"displayTime","description":"Determines the duration in ms in which the component will be visible.","type":"number"},{"name":"keepOpen","description":"Determines whether the component should close after the `displayTime` is over.","type":"boolean"},{"name":"position","description":"Sets the position of the component in the viewport.","type":"AbsolutePosition"}],"events":[{"name":"igcAction","description":"Emitted when the snackbar action button is clicked."}]}},{"name":"igc-slider","description":"A slider component used to select numeric value within a range.\n---\n\n\n### **Events:**\n - **igcInput** - Emitted when a value is changed via thumb drag or keyboard interaction.\n- **igcChange** - Emitted when a value change is committed on a thumb drag end or keyboard interaction.\n\n### **CSS Parts:**\n - **base** - The base wrapper of the slider.\n- **ticks** - The ticks container.\n- **tick-group** - The tick group container.\n- **tick** - The tick element.\n- **tick-label** - The tick label element.\n- **tick-label-inner** - The inner element of the tick label.\n- **thumbs** - The thumbs container.\n- **thumb** - The thumb element.\n- **thumb-label** - The thumb tooltip label container.\n- **thumb-label-inner** - The thumb tooltip label inner element.\n- **track** - The track container.\n- **steps** - The track steps element.\n- **inactive** - The inactive element of the track.\n- **fill** - The filled part of the track.","doc-url":"","attributes":[{"name":"value","description":"The current value of the component.","value":{"type":"number"}},{"name":"name","description":"The name attribute of the control.","value":{"type":"string"}},{"name":"disabled","description":"The disabled state of the component.","value":{"type":"boolean","default":"false"}},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","value":{"type":"boolean","default":"false"}},{"name":"min","description":"The minimum value of the slider scale. Defaults to 0.\n\nIf `min` is greater than `max` the call is a no-op.\n\nIf `labels` are provided (projected), then `min` is always set to 0.\n\nIf `lowerBound` ends up being less than than the current `min` value,\nit is automatically assigned the new `min` value.","value":{"type":"number"}},{"name":"max","description":"The maximum value of the slider scale. Defaults to 100.\n\nIf `max` is less than `min` the call is a no-op.\n\nIf `labels` are provided (projected), then `max` is always set to\nthe number of labels.\n\nIf `upperBound` ends up being greater than than the current `max` value,\nit is automatically assigned the new `max` value.","value":{"type":"number"}},{"name":"lower-bound","description":"The lower bound of the slider value. If not set, the `min` value is applied.","value":{"type":"number"}},{"name":"upper-bound","description":"The upper bound of the slider value. If not set, the `max` value is applied.","value":{"type":"number"}},{"name":"discrete-track","description":"Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.","value":{"type":"boolean","default":"false"}},{"name":"hide-tooltip","description":"Hides the thumb tooltip.","value":{"type":"boolean","default":"false"}},{"name":"step","description":"Specifies the granularity that the value must adhere to.\n\nIf set to 0 no stepping is implied and any value in the range is allowed.\nIf `labels` are provided (projected) then the step is always assumed to be 1 since it is a discrete slider.","value":{"type":"number"}},{"name":"primary-ticks","description":"The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.","value":{"type":"number","default":"0"}},{"name":"secondary-ticks","description":"The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.","value":{"type":"number","default":"0"}},{"name":"tick-orientation","description":"Changes the orientation of the ticks.","value":{"type":"SliderTickOrientation","default":"'end'"}},{"name":"hide-primary-labels","description":"Hides the primary tick labels.","value":{"type":"boolean","default":"false"}},{"name":"hide-secondary-labels","description":"Hides the secondary tick labels.","value":{"type":"boolean","default":"false"}},{"name":"locale","description":"The locale used to format the thumb and tick label values in the slider.","value":{"type":"string","default":"'en'"}},{"name":"value-format","description":"String format used for the thumb and tick label values in the slider.","value":{"type":"string | undefined"}},{"name":"tick-label-rotation","description":"The degrees for the rotation of the tick labels. Defaults to 0.","value":{"type":"SliderTickLabelRotation","default":"0"}}],"events":[{"name":"igcInput","description":"Emitted when a value is changed via thumb drag or keyboard interaction."},{"name":"igcChange","description":"Emitted when a value change is committed on a thumb drag end or keyboard interaction."}],"js":{"properties":[{"name":"value","description":"The current value of the component.","type":"number"},{"name":"defaultValue","type":"unknown"},{"name":"name","description":"The name attribute of the control.","type":"string"},{"name":"disabled","description":"The disabled state of the component.","type":"boolean"},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","type":"boolean"},{"name":"form","description":"Returns the HTMLFormElement associated with this element.","type":"HTMLFormElement | null"},{"name":"validity","description":"Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.","type":"ValidityState"},{"name":"validationMessage","description":"A string containing the validation message of this element.","type":"string"},{"name":"willValidate","description":"A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.","type":"boolean"},{"name":"min","description":"The minimum value of the slider scale. Defaults to 0.\n\nIf `min` is greater than `max` the call is a no-op.\n\nIf `labels` are provided (projected), then `min` is always set to 0.\n\nIf `lowerBound` ends up being less than than the current `min` value,\nit is automatically assigned the new `min` value.","type":"number"},{"name":"max","description":"The maximum value of the slider scale. Defaults to 100.\n\nIf `max` is less than `min` the call is a no-op.\n\nIf `labels` are provided (projected), then `max` is always set to\nthe number of labels.\n\nIf `upperBound` ends up being greater than than the current `max` value,\nit is automatically assigned the new `max` value.","type":"number"},{"name":"lowerBound","description":"The lower bound of the slider value. If not set, the `min` value is applied.","type":"number"},{"name":"upperBound","description":"The upper bound of the slider value. If not set, the `max` value is applied.","type":"number"},{"name":"discreteTrack","description":"Marks the slider track as discrete so it displays the steps.\nIf the `step` is 0, the slider will remain continuos even if `discreteTrack` is `true`.","type":"boolean"},{"name":"hideTooltip","description":"Hides the thumb tooltip.","type":"boolean"},{"name":"step","description":"Specifies the granularity that the value must adhere to.\n\nIf set to 0 no stepping is implied and any value in the range is allowed.\nIf `labels` are provided (projected) then the step is always assumed to be 1 since it is a discrete slider.","type":"number"},{"name":"primaryTicks","description":"The number of primary ticks. It defaults to 0 which means no primary ticks are displayed.","type":"number"},{"name":"secondaryTicks","description":"The number of secondary ticks. It defaults to 0 which means no secondary ticks are displayed.","type":"number"},{"name":"tickOrientation","description":"Changes the orientation of the ticks.","type":"SliderTickOrientation"},{"name":"hidePrimaryLabels","description":"Hides the primary tick labels.","type":"boolean"},{"name":"hideSecondaryLabels","description":"Hides the secondary tick labels.","type":"boolean"},{"name":"locale","description":"The locale used to format the thumb and tick label values in the slider.","type":"string"},{"name":"valueFormat","description":"String format used for the thumb and tick label values in the slider.","type":"string | undefined"},{"name":"valueFormatOptions","description":"Number format options used for the thumb and tick label values in the slider.","type":"Intl.NumberFormatOptions | undefined"},{"name":"tickLabelRotation","description":"The degrees for the rotation of the tick labels. Defaults to 0.","type":"SliderTickLabelRotation"}],"events":[{"name":"igcInput","description":"Emitted when a value is changed via thumb drag or keyboard interaction."},{"name":"igcChange","description":"Emitted when a value change is committed on a thumb drag end or keyboard interaction."}]}},{"name":"igc-tab","description":"A tab element slotted into an `igc-tabs` container.\n---\n\n\n### **Slots:**\n - _default_ - Renders the tab's content.\n- **label** - Renders the tab header's label.\n- **prefix** - Renders the tab header's prefix.\n- **suffix** - Renders the tab header's suffix.\n\n### **CSS Parts:**\n - **tab-header** - The header of a single tab.\n- **prefix** - Tab header's label prefix.\n- **content** - Tab header's label slot container.\n- **suffix** - Tab header's label suffix.\n- **tab-body** - Holds the body content of a single tab, only the body of the selected tab is visible.","doc-url":"","attributes":[{"name":"label","description":"The tab item label.","value":{"type":"string","default":"''"}},{"name":"selected","description":"Determines whether the tab is selected.","value":{"type":"boolean","default":"false"}},{"name":"disabled","description":"Determines whether the tab is disabled.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"Renders the tab's content."},{"name":"label","description":"Renders the tab header's label."},{"name":"prefix","description":"Renders the tab header's prefix."},{"name":"suffix","description":"Renders the tab header's suffix."}],"events":[],"js":{"properties":[{"name":"label","description":"The tab item label.","type":"string"},{"name":"selected","description":"Determines whether the tab is selected.","type":"boolean"},{"name":"disabled","description":"Determines whether the tab is disabled.","type":"boolean"}],"events":[]}},{"name":"igc-tabs","description":"Tabs organize and allow navigation between groups of content that are related and at the same level of hierarchy.\n\nThe `<igc-tabs>` component allows the user to navigate between multiple `<igc-tab>` elements.\nIt supports keyboard navigation and provides API methods to control the selected tab.\n---\n\n\n### **Events:**\n - **igcChange** - Emitted when the selected tab changes.\n\n### **Slots:**\n - _default_ - Renders the `IgcTabComponents` inside default slot.\n\n### **CSS Parts:**\n - **start-scroll-button** - The start scroll button displayed when the tabs overflow.\n- **end-scroll-button** - The end scroll button displayed when the tabs overflow.\n- **selected-indicator** - The indicator that shows which tab is selected.","doc-url":"","attributes":[{"name":"alignment","description":"Sets the alignment for the tab headers","value":{"type":"TabsAlignment","default":"'start'"}},{"name":"activation","description":"Determines the tab activation. When set to auto,\nthe tab is instantly selected while navigating with the Left/Right Arrows, Home or End keys\nand the corresponding panel is displayed.\nWhen set to manual, the tab is only focused. The selection happens after pressing Space or Enter.","value":{"type":"TabsActivation","default":"'auto'"}}],"slots":[{"name":"","description":"Renders the `IgcTabComponents` inside default slot."}],"events":[{"name":"igcChange","description":"Emitted when the selected tab changes."}],"js":{"properties":[{"name":"alignment","description":"Sets the alignment for the tab headers","type":"TabsAlignment"},{"name":"activation","description":"Determines the tab activation. When set to auto,\nthe tab is instantly selected while navigating with the Left/Right Arrows, Home or End keys\nand the corresponding panel is displayed.\nWhen set to manual, the tab is only focused. The selection happens after pressing Space or Enter.","type":"TabsActivation"},{"name":"tabs","description":"Returns the direct `igc-tab` elements that are children of this element.","type":"IgcTabComponent[]"},{"name":"selected","description":"Returns the currently selected tab label or IDREF if no label property is set.","type":"string"}],"events":[{"name":"igcChange","description":"Emitted when the selected tab changes."}]}},{"name":"igc-switch","description":"Similar to a checkbox, a switch controls the state of a single setting on or off.\n---\n\n\n### **Events:**\n - **igcChange** - Emitted when the control's checked state changes.\n\n### **Slots:**\n - _default_ - The switch label.\n\n### **CSS Parts:**\n - **base** - The base wrapper of the switch.\n- **control** - The switch input element.\n- **thumb** - The position indicator of the switch.\n- **label** - The switch label.","doc-url":"","attributes":[{"name":"required","description":"When set, makes the component a required field for validation.","value":{"type":"boolean","default":"false"}},{"name":"name","description":"The name attribute of the control.","value":{"type":"string"}},{"name":"disabled","description":"The disabled state of the component.","value":{"type":"boolean","default":"false"}},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","value":{"type":"boolean","default":"false"}},{"name":"value","description":"The value attribute of the control.","value":{"type":"string"}},{"name":"checked","description":"The checked state of the control.","value":{"type":"boolean"}},{"name":"label-position","description":"The label position of the control.","value":{"type":"ToggleLabelPosition","default":"'after'"}}],"slots":[{"name":"","description":"The switch label."}],"events":[{"name":"igcChange","description":"Emitted when the control's checked state changes."}],"js":{"properties":[{"name":"required","description":"When set, makes the component a required field for validation.","type":"boolean"},{"name":"defaultChecked","type":"boolean"},{"name":"name","description":"The name attribute of the control.","type":"string"},{"name":"disabled","description":"The disabled state of the component.","type":"boolean"},{"name":"invalid","description":"Sets the control into invalid state (visual state only).","type":"boolean"},{"name":"form","description":"Returns the HTMLFormElement associated with this element.","type":"HTMLFormElement | null"},{"name":"validity","description":"Returns a ValidityState object which represents the different validity states\nthe element can be in, with respect to constraint validation.","type":"ValidityState"},{"name":"validationMessage","description":"A string containing the validation message of this element.","type":"string"},{"name":"willValidate","description":"A boolean value which returns true if the element is a submittable element\nthat is a candidate for constraint validation.","type":"boolean"},{"name":"value","description":"The value attribute of the control.","type":"string"},{"name":"checked","description":"The checked state of the control.","type":"boolean"},{"name":"labelPosition","description":"The label position of the control.","type":"ToggleLabelPosition"}],"events":[{"name":"igcChange","description":"Emitted when the control's checked state changes."}]}},{"name":"igc-tree-item","description":"The tree-item component represents a child item of the tree component or another tree item.\n---\n\n\n### **Slots:**\n - _default_ - Renders nested tree-item component.\n- **label** - Renders the tree item container.\n- **indicator** - Renders the expand indicator container.\n- **loading** - Renders the tree item loading indicator container.\n- **indentation** - Renders the container (by default the space) before the tree item.\n\n### **CSS Parts:**\n - **wrapper** - The wrapper for the tree item.\n- **selected** - Indicates selected state. Applies to `wrapper`.\n- **focused** - Indicates focused state. Applies to `wrapper`.\n- **active** - Indicates an active state. Applies to `wrapper`.\n- **indicator** - The expand indicator of the tree item.\n- **label** - The tree item content.\n- **text** - The tree item displayed text.\n- **select** - The checkbox of the tree item when selection is enabled.","doc-url":"","attributes":[{"name":"label","description":"The tree item label.","value":{"type":"string","default":"''"}},{"name":"expanded","description":"The tree item expansion state.","value":{"type":"boolean","default":"false"}},{"name":"active","description":"Marks the item as the tree's active item.","value":{"type":"boolean","default":"false"}},{"name":"disabled","description":"Get/Set whether the tree item is disabled. Disabled items are ignored for user interactions.","value":{"type":"boolean","default":"false"}},{"name":"selected","description":"The tree item selection state.","value":{"type":"boolean","default":"false"}},{"name":"loading","description":"To be used for load-on-demand scenarios in order to specify whether the item is loading data.","value":{"type":"boolean","default":"false"}},{"name":"value","description":"The value entry that the tree item is visualizing. Required for searching through items.","value":{"type":"any","default":"undefined"}}],"slots":[{"name":"","description":"Renders nested tree-item component."},{"name":"label","description":"Renders the tree item container."},{"name":"indicator","description":"Renders the expand indicator container."},{"name":"loading","description":"Renders the tree item loading indicator container."},{"name":"indentation","description":"Renders the container (by default the space) before the tree item."}],"events":[],"js":{"properties":[{"name":"tree","description":"A reference to the tree the item is a part of.","type":"IgcTreeComponent | undefined"},{"name":"parent","description":"The parent item of the current tree item (if any)","type":"IgcTreeItemComponent | null"},{"name":"level","description":"The depth of the item, relative to the root.","type":"number"},{"name":"label","description":"The tree item label.","type":"string"},{"name":"expanded","description":"The tree item expansion state.","type":"boolean"},{"name":"active","description":"Marks the item as the tree's active item.","type":"boolean"},{"name":"disabled","description":"Get/Set whether the tree item is disabled. Disabled items are ignored for user interactions.","type":"boolean"},{"name":"selected","description":"The tree item selection state.","type":"boolean"},{"name":"loading","description":"To be used for load-on-demand scenarios in order to specify whether the item is loading data.","type":"boolean"},{"name":"value","description":"The value entry that the tree item is visualizing. Required for searching through items.","type":"any"},{"name":"path","description":"The full path to the tree item, starting from the top-most ancestor.","type":"IgcTreeItemComponent[]"}],"events":[]}},{"name":"igc-tree","description":"The tree allows users to represent hierarchical data in a tree-view structure,\nmaintaining parent-child relationships, as well as to define static tree-view structure without a corresponding data model.\n---\n\n\n### **Events:**\n - **igcSelection** - Emitted when item selection is changing, before the selection completes.\n- **igcItemCollapsed** - Emitted when tree item is collapsed.\n- **igcItemCollapsing** - Emitted when tree item is about to collapse.\n- **igcItemExpanded** - Emitted when tree item is expanded.\n- **igcItemExpanding** - Emitted when tree item is about to expand.\n- **igcActiveItem** - Emitted when the tree's `active` item changes.\n\n### **Slots:**\n - _default_ - Renders the tree items inside default slot.","doc-url":"","attributes":[{"name":"single-branch-expand","description":"Whether a single or multiple of a parent's child items can be expanded.","value":{"type":"boolean","default":"false"}},{"name":"toggle-node-on-click","description":"Whether clicking over nodes will change their expanded state or not.","value":{"type":"boolean","default":"false"}},{"name":"selection","description":"The selection state of the tree.","value":{"type":"TreeSelection","default":"'none'"}},{"name":"locale","description":"Gets/Sets the locale used for getting language, affecting resource strings.","value":{"type":"string"}}],"slots":[{"name":"","description":"Renders the tree items inside default slot."}],"events":[{"name":"igcSelection","description":"Emitted when item selection is changing, before the selection completes."},{"name":"igcItemCollapsed","description":"Emitted when tree item is collapsed."},{"name":"igcItemCollapsing","description":"Emitted when tree item is about to collapse."},{"name":"igcItemExpanded","description":"Emitted when tree item is expanded."},{"name":"igcItemExpanding","description":"Emitted when tree item is about to expand."},{"name":"igcActiveItem","description":"Emitted when the tree's `active` item changes."}],"js":{"properties":[{"name":"singleBranchExpand","description":"Whether a single or multiple of a parent's child items can be expanded.","type":"boolean"},{"name":"toggleNodeOnClick","description":"Whether clicking over nodes will change their expanded state or not.","type":"boolean"},{"name":"selection","description":"The selection state of the tree.","type":"TreeSelection"},{"name":"locale","description":"Gets/Sets the locale used for getting language, affecting resource strings."},{"name":"resourceStrings","description":"The resource strings for localization.\nCurrently only aria-labels of the default expand/collapse icons are localized for the tree item.","type":"ITreeResourceStrings"},{"name":"items","description":"Returns all of the tree's items.","type":"Array<IgcTreeItemComponent>"},{"name":"selectionService"},{"name":"navService"}],"events":[{"name":"igcSelection","description":"Emitted when item selection is changing, before the selection completes."},{"name":"igcItemCollapsed","description":"Emitted when tree item is collapsed."},{"name":"igcItemCollapsing","description":"Emitted when tree item is about to collapse."},{"name":"igcItemExpanded","description":"Emitted when tree item is expanded."},{"name":"igcItemExpanding","description":"Emitted when tree item is about to expand."},{"name":"igcActiveItem","description":"Emitted when the tree's `active` item changes."}]}},{"name":"igc-step","description":"The step component is used within the `igc-stepper` element and it holds the content of each step.\nIt also supports custom indicators, title and subtitle.\n---\n\n\n### **Events:**\n - **stepActiveChanged**\n- **stepDisabledInvalidChanged**\n- **stepCompleteChanged**\n- **stepHeaderKeydown**\n\n### **Slots:**\n - _default_ - Renders the content of the step.\n- **indicator** - Renders the indicator of the step. By default, it displays the step index + 1.\n- **title** - Renders the title of the step.\n- **subtitle** - Renders the subtitle of the step.\n\n### **CSS Parts:**\n - **header-container** - Wrapper of the step's `header` and its separators.\n- **disabled** - Indicates a disabled state. Applies to `header-container`.\n- **complete-start** - Indicates a complete state of the current step. Applies to `header-container`.\n- **complete-end** - Indicates a complete state of the previous step. Applies to `header-container`.\n- **optional** - Indicates an optional state. Applies to `header-container`.\n- **invalid** - Indicates an invalid state. Applies to `header-container`.\n- **top** - Indicates that the title should be above the indicator. Applies to `header-container`.\n- **bottom** - Indicates that the title should be below the indicator. Applies to `header-container`.\n- **start** - Indicates that the title should be before the indicator. Applies to `header-container`.\n- **end** - Indicates that the title should be after the indicator. Applies to `header-container`.\n- **header** - Wrapper of the step's `indicator` and `text`.\n- **indicator** - The indicator of the step.\n- **text** - Wrapper of the step's `title` and `subtitle`.\n- **empty** - Indicates that no title and subtitle has been provided to the step. Applies to `text`.\n- **title** - The title of the step.\n- **subtitle** - The subtitle of the step.\n- **body** - Wrapper of the step's `content`.\n- **content** - The steps `content`.","doc-url":"","attributes":[{"name":"invalid","description":"Gets/sets whether the step is invalid.","value":{"type":"boolean","default":"false"}},{"name":"active","description":"Gets/sets whether the step is activе.","value":{"type":"boolean","default":"false"}},{"name":"optional","description":"Gets/sets whether the step is optional.","value":{"type":"boolean","default":"false"}},{"name":"disabled","description":"Gets/sets whether the step is interactable.","value":{"type":"boolean","default":"false"}},{"name":"complete","description":"Gets/sets whether the step is completed.","value":{"type":"boolean","default":"false"}}],"slots":[{"name":"","description":"Renders the content of the step."},{"name":"indicator","description":"Renders the indicator of the step. By default, it displays the step index + 1."},{"name":"title","description":"Renders the title of the step."},{"name":"subtitle","description":"Renders the subtitle of the step."}],"events":[{"name":"stepActiveChanged","type":"CustomEvent"},{"name":"stepDisabledInvalidChanged","type":"CustomEvent"},{"name":"stepCompleteChanged","type":"CustomEvent"},{"name":"stepHeaderKeydown","type":"CustomEvent"}],"js":{"properties":[{"name":"header","type":"HTMLElement"},{"name":"contentBody","type":"HTMLElement"},{"name":"invalid","description":"Gets/sets whether the step is invalid.","type":"boolean"},{"name":"active","description":"Gets/sets whether the step is activе.","type":"boolean"},{"name":"optional","description":"Gets/sets whether the step is optional.","type":"boolean"},{"name":"disabled","description":"Gets/sets whether the step is interactable.","type":"boolean"},{"name":"complete","description":"Gets/sets whether the step is completed.","type":"boolean"}],"events":[{"name":"stepActiveChanged","type":"CustomEvent"},{"name":"stepDisabledInvalidChanged","type":"CustomEvent"},{"name":"stepCompleteChanged","type":"CustomEvent"},{"name":"stepHeaderKeydown","type":"CustomEvent"}]}},{"name":"igc-stepper","description":"IgxStepper provides a wizard-like workflow by dividing content into logical steps.\n---\n\n\n### **Events:**\n - **igcActiveStepChanging** - Emitted when the active step is about to change.\n- **igcActiveStepChanged** - Emitted when the active step is changed.\n\n### **Slots:**\n - _default_ - Renders the step components inside default slot.","doc-url":"","attributes":[{"name":"vertical-animation","description":"The animation type when in vertical mode.","value":{"type":"StepperVerticalAnimation","default":"'grow'"}},{"name":"horizontal-animation","description":"The animation type when in horizontal mode.","value":{"type":"HorizontalTransitionAnimation","default":"'slide'"}},{"name":"animation-duration","description":"The animation duration in either vertical or horizontal mode.","value":{"type":"number","default":"320"}},{"name":"orientation","description":"Gets/Sets the orientation of the stepper.","value":{"type":"StepperOrientation","default":"'horizontal'"}},{"name":"step-type","description":"Get/Set the type of the steps.","value":{"type":"StepperStepType","default":"'full'"}},{"name":"linear","description":"Get/Set whether the stepper is linear.","value":{"type":"boolean","default":"false"}},{"name":"content-top","description":"Get/Set whether the content is displayed above the steps.","value":{"type":"boolean","default":"false"}},{"name":"title-position","description":"Get/Set the position of the steps title.","value":{"type":"StepperTitlePosition","default":"'auto'"}}],"slots":[{"name":"","description":"Renders the step components inside default slot."}],"events":[{"name":"igcActiveStepChanging","description":"Emitted when the active step is about to change."},{"name":"igcActiveStepChanged","description":"Emitted when the active step is changed."}],"js":{"properties":[{"name":"steps","description":"Returns all of the stepper's steps.","type":"Array<IgcStepComponent>"},{"name":"orientation","description":"Gets/Sets the orientation of the stepper.","type":"StepperOrientation"},{"name":"stepType","description":"Get/Set the type of the steps.","type":"StepperStepType"},{"name":"linear","description":"Get/Set whether the stepper is linear.","type":"boolean"},{"name":"contentTop","description":"Get/Set whether the content is displayed above the steps.","type":"boolean"},{"name":"verticalAnimation","description":"The animation type when in vertical mode.","type":"StepperVerticalAnimation"},{"name":"horizontalAnimation","description":"The animation type when in horizontal mode.","type":"HorizontalTransitionAnimation"},{"name":"animationDuration","description":"The animation duration in either vertical or horizontal mode.","type":"number"},{"name":"titlePosition","description":"Get/Set the position of the steps title.","type":"StepperTitlePosition"}],"events":[{"name":"igcActiveStepChanging","description":"Emitted when the active step is about to change."},{"name":"igcActiveStepChanged","description":"Emitted when the active step is changed."}]}},{"name":"igc-theme-provider","description":"A theme provider component that uses Lit context to provide theme information\nto descendant components.\n\nThis component allows you to scope a theme to a specific part of the page.\nAll library components within this provider will use the specified theme\ninstead of the global theme.\n---\n\n\n### **Slots:**\n - _default_ - Default slot for content that should receive the provided theme.","doc-url":"","attributes":[{"name":"theme","description":"The theme to provide to descendant components.","value":{"type":"Theme","default":"'bootstrap'"}},{"name":"variant","description":"The theme variant to provide to descendant components.","value":{"type":"ThemeVariant","default":"'light'"}}],"slots":[{"name":"","description":"Default slot for content that should receive the provided theme."}],"events":[],"js":{"properties":[{"name":"theme","description":"The theme to provide to descendant components.","type":"Theme"},{"name":"variant","description":"The theme variant to provide to descendant components.","type":"ThemeVariant"}],"events":[]}}]
      },
      "css": {
        "properties": [{"name":"--color","description":"Sets the color of the divider."},{"name":"--inset","description":"Shrinks the divider by the given amount from the start. If `middle` is set it will shrink from both sides."},{"name":"--column-count","description":"The number of columns for the tile manager. The `column-count` attribute sets this variable."},{"name":"--min-col-width","description":"The minimum size of the columns in the tile-manager. The `min-column-width` attribute sets this variable."},{"name":"--min-row-height","description":"The minimum size of the rows in the tile-manager. The `min-row-height` attribute sets this variable."},{"name":"--grid-gap","description":"The gap size of the underlying CSS grid container. The `gap` attributes sts this variable."},{"name":"--symbol-size","description":"The size of the symbols."},{"name":"--symbol-full-color","description":"The color of the filled symbol."},{"name":"--symbol-empty-color","description":"The color of the empty symbol."},{"name":"--symbol-full-filter","description":"The filter(s) used for the filled symbol."},{"name":"--symbol-empty-filter","description":"The filter(s) used for the empty symbol."}],
        "pseudo-elements": [{"name":"part(base)","description":"The native button element of the igc-button component."},{"name":"part(prefix)","description":"The prefix container of the igc-button component."},{"name":"part(suffix)","description":"The suffix container of the igc-button component."},{"name":"part(days-row)","description":"The days row container."},{"name":"part(label)","description":"The label container."},{"name":"part(label-inner)","description":"The inner label container."},{"name":"part(week-number)","description":"The week number container."},{"name":"part(week-number-inner)","description":"The inner week number container."},{"name":"part(months-row)","description":"The months row container."},{"name":"part(month)","description":"The month container."},{"name":"part(month-inner)","description":"The inner month container."},{"name":"part(years-row)","description":"The years row container."},{"name":"part(year)","description":"The year container."},{"name":"part(year-inner)","description":"The inner year container."},{"name":"part(header)","description":"The header element of the calendar."},{"name":"part(header-title)","description":"The header title element of the calendar."},{"name":"part(header-date)","description":"The header date element of the calendar."},{"name":"part(content)","description":"The content element which contains the views and navigation elements of the calendar."},{"name":"part(content-vertical)","description":"The content element which contains the views and navigation elements of the calendar in vertical orientation."},{"name":"part(navigation)","description":"The navigation container element of the calendar."},{"name":"part(months-navigation)","description":"The months navigation button element of the calendar."},{"name":"part(years-navigation)","description":"The years navigation button element of the calendar."},{"name":"part(years-range)","description":"The years range element of the calendar."},{"name":"part(navigation-buttons)","description":"The navigation buttons container of the calendar."},{"name":"part(navigation-button)","description":"Previous/next navigation button of the calendar."},{"name":"part(days-view-container)","description":"The days view container element of the calendar."},{"name":"part(days-view)","description":"Days view element of the calendar."},{"name":"part(months-view)","description":"The months view element of the calendar."},{"name":"part(years-view)","description":"The years view element of the calendar."},{"name":"part(days-row)","description":"Days row element of the calendar."},{"name":"part(label)","description":"Week header label element of the calendar."},{"name":"part(week-number)","description":"Week number element of the calendar."},{"name":"part(week-number-inner)","description":"Week number inner element of the calendar."},{"name":"part(date)","description":"Date element of the calendar."},{"name":"part(date-inner)","description":"Date inner element of the calendar."},{"name":"part(first)","description":"The first selected date element of the calendar in range selection."},{"name":"part(last)","description":"The last selected date element of the calendar in range selection."},{"name":"part(inactive)","description":"Inactive date element of the calendar."},{"name":"part(hidden)","description":"Hidden date element of the calendar."},{"name":"part(weekend)","description":"Weekend date element of the calendar."},{"name":"part(range)","description":"Range selected element of the calendar."},{"name":"part(special)","description":"Special date element of the calendar."},{"name":"part(disabled)","description":"Disabled date element of the calendar."},{"name":"part(single)","description":"Single selected date element of the calendar."},{"name":"part(preview)","description":"Range selection preview date element of the calendar."},{"name":"part(month)","description":"Month element of the calendar."},{"name":"part(month-inner)","description":"Month inner element of the calendar."},{"name":"part(year)","description":"Year element of the calendar."},{"name":"part(year-inner)","description":"Year inner element of the calendar."},{"name":"part(selected)","description":"Indicates selected state. Applies to date, month and year elements of the calendar."},{"name":"part(current)","description":"Indicates current state. Applies to date, month and year elements of the calendar."},{"name":"part(helper-text)","description":"The base wrapper"},{"name":"part(validation-message)","description":"The validation error message container"},{"name":"part(validation-icon)","description":"The validation error icon"},{"name":"part(container)","description":"The main wrapper that holds all main input elements."},{"name":"part(input)","description":"The native input element."},{"name":"part(label)","description":"The native label element."},{"name":"part(prefix)","description":"The prefix wrapper."},{"name":"part(suffix)","description":"The suffix wrapper."},{"name":"part(helper-text)","description":"The helper text wrapper."},{"name":"part(base)","description":"The base wrapper of the dialog."},{"name":"part(title)","description":"The title container of the dialog."},{"name":"part(footer)","description":"The footer container of the dialog."},{"name":"part(overlay)","description":"The backdrop overlay of the dialog."},{"name":"part(container)","description":"The main wrapper that holds all main input elements."},{"name":"part(input)","description":"The native input element."},{"name":"part(label)","description":"The native label element."},{"name":"part(prefix)","description":"The prefix wrapper."},{"name":"part(suffix)","description":"The suffix wrapper."},{"name":"part(helper-text)","description":"The helper text wrapper."},{"name":"part(container)","description":"The container wrapping the slotted content in the popover."},{"name":"part(base)","description":"The base wrapper of the chip."},{"name":"part(prefix)","description":"The prefix container of the chip."},{"name":"part(suffix)","description":"The suffix container of the chip."},{"name":"part(separator)","description":"The separator element between the two inputs."},{"name":"part(ranges)","description":"The wrapper that renders the custom and predefined ranges."},{"name":"part(label)","description":"The label wrapper that renders content above the target input."},{"name":"part(calendar-icon)","description":"The calendar icon wrapper for closed state (single input)."},{"name":"part(calendar-icon-start)","description":"The calendar icon wrapper for closed state for the start input (two inputs)."},{"name":"part(calendar-icon-end)","description":"The calendar icon wrapper for closed state for the end input (two inputs)."},{"name":"part(calendar-icon-open)","description":"The calendar icon wrapper for opened state (single input)."},{"name":"part(calendar-icon-open-start)","description":"The calendar icon wrapper for opened state for the start input (two inputs)."},{"name":"part(calendar-icon-open-end)","description":"The calendar icon wrapper for opened state for the end input (two inputs)."},{"name":"part(clear-icon)","description":"The clear icon wrapper (single input)."},{"name":"part(clear-icon-start)","description":"The clear icon wrapper for the start input (two inputs)."},{"name":"part(clear-icon-end)","description":"The clear icon wrapper for the end input (two inputs)."},{"name":"part(actions)","description":"The wrapper for the custom actions area."},{"name":"part(clear-icon)","description":"The clear icon wrapper."},{"name":"part(input)","description":"The native input element."},{"name":"part(prefix)","description":"The prefix wrapper."},{"name":"part(suffix)","description":"The suffix wrapper."},{"name":"part(helper-text)","description":"The helper-text wrapper that renders content below the target input."},{"name":"part(header)","description":"The calendar header element."},{"name":"part(header-title)","description":"The calendar header title element."},{"name":"part(header-date)","description":"The calendar header date element."},{"name":"part(calendar-content)","description":"The calendar content element which contains the views and navigation elements."},{"name":"part(navigation)","description":"The calendar navigation container element."},{"name":"part(months-navigation)","description":"The calendar months navigation button element."},{"name":"part(years-navigation)","description":"The calendar years navigation button element."},{"name":"part(years-range)","description":"The calendar years range element."},{"name":"part(navigation-buttons)","description":"The calendar navigation buttons container."},{"name":"part(navigation-button)","description":"The calendar previous/next navigation button."},{"name":"part(days-view-container)","description":"The calendar days view container element."},{"name":"part(days-view)","description":"The calendar days view element."},{"name":"part(months-view)","description":"The calendar months view element."},{"name":"part(years-view)","description":"The calendar years view element."},{"name":"part(days-row)","description":"The calendar days row element."},{"name":"part(calendar-label)","description":"The calendar week header label element."},{"name":"part(week-number)","description":"The calendar week number element."},{"name":"part(week-number-inner)","description":"The calendar week number inner element."},{"name":"part(date)","description":"The calendar date element."},{"name":"part(date-inner)","description":"The calendar date inner element."},{"name":"part(first)","description":"The calendar first selected date element in range selection."},{"name":"part(last)","description":"The calendar last selected date element in range selection."},{"name":"part(inactive)","description":"The calendar inactive date element."},{"name":"part(hidden)","description":"The calendar hidden date element."},{"name":"part(weekend)","description":"The calendar weekend date element."},{"name":"part(range)","description":"The calendar range selected element."},{"name":"part(special)","description":"The calendar special date element."},{"name":"part(disabled)","description":"The calendar disabled date element."},{"name":"part(single)","description":"The calendar single selected date element."},{"name":"part(preview)","description":"The calendar range selection preview date element."},{"name":"part(month)","description":"The calendar month element."},{"name":"part(month-inner)","description":"The calendar month inner element."},{"name":"part(year)","description":"The calendar year element."},{"name":"part(year-inner)","description":"The calendar year inner element."},{"name":"part(selected)","description":"The calendar selected state for element(s). Applies to date, month and year elements."},{"name":"part(current)","description":"The calendar current state for element(s). Applies to date, month and year elements."},{"name":"part(container)","description":"The main wrapper that holds all main input elements."},{"name":"part(input)","description":"The native input element."},{"name":"part(label)","description":"The native label element."},{"name":"part(file-names)","description":"The file names wrapper when input type is 'file'."},{"name":"part(file-selector-button)","description":"The browse button when input type is 'file'."},{"name":"part(prefix)","description":"The prefix wrapper."},{"name":"part(suffix)","description":"The suffix wrapper."},{"name":"part(helper-text)","description":"The helper text wrapper."},{"name":"part(base)","description":"The base wrapper of the avatar."},{"name":"part(initials)","description":"The initials wrapper of the avatar."},{"name":"part(image)","description":"The image wrapper of the avatar."},{"name":"part(icon)","description":"The icon wrapper of the avatar."},{"name":"part(header)","description":"The container of the expansion indicator, title and subtitle."},{"name":"part(title)","description":" The title container."},{"name":"part(subtitle)","description":"The subtitle container."},{"name":"part(indicator)","description":"The indicator container."},{"name":"part(content)","description":"The expansion panel's content wrapper."},{"name":"part(base)","description":"The base wrapper of the badge."},{"name":"part(base)","description":"The base wrapper of the banner component."},{"name":"part(spacer)","description":"The inner wrapper that sets the space around the banner."},{"name":"part(message)","description":"The part that holds the text and the illustration."},{"name":"part(illustration)","description":"The part that holds the banner icon/illustration."},{"name":"part(content)","description":"The part that holds the banner text content."},{"name":"part(actions)","description":"The part that holds the banner action buttons."},{"name":"part(toggle)","description":"The native button element."},{"name":"part(group)","description":"The button group container."},{"name":"part(header)","description":"The card header container"},{"name":"part(base)","description":"The base wrapper of the toast."},{"name":"part(base)","description":"The wrapping container of the tooltip content."},{"name":"part(simple-text)","description":"The container where the message property of the tooltip is rendered."},{"name":"part(start)","description":"The start container."},{"name":"part(end)","description":"The end container."},{"name":"part(content)","description":"The header and custom content container."},{"name":"part(header)","description":"The title and subtitle container."},{"name":"part(title)","description":"The title container."},{"name":"part(subtitle)","description":"The subtitle container."},{"name":"part(base)","description":"The wrapping element of the icon button."},{"name":"part(icon)","description":"The icon element of the icon button."},{"name":"part(container)","description":"The main wrapper that holds all main input elements of the textarea."},{"name":"part(input)","description":"The native input element of the igc-textarea."},{"name":"part(label)","description":"The native label element of the igc-textarea."},{"name":"part(prefix)","description":"The prefix wrapper of the igc-textarea."},{"name":"part(suffix)","description":"The suffix wrapper of the igc-textarea."},{"name":"part(helper-text)","description":"The helper text wrapper of the igc-textarea."},{"name":"part(input-container)","description":"Container for the input section"},{"name":"part(input-wrapper)","description":"Wrapper around the text input"},{"name":"part(text-input)","description":"The `<igc-textarea>` component"},{"name":"part(actions-container)","description":"Container for file upload/send buttons"},{"name":"part(send-button)","description":"The send icon button"},{"name":"part(attachments)","description":"Container for rendering attachments"},{"name":"part(attachment-wrapper)","description":"Wrapper for individual attachment"},{"name":"part(attachment-name)","description":"Display name of an attachment"},{"name":"part(attachments-container)","description":"Container wrapping all attachments."},{"name":"part(attachment)","description":"Wrapper for a single attachment."},{"name":"part(attachment-header)","description":"Wrapper for a single attachment header."},{"name":"part(attachments-content)","description":"Part representing the attachment preview."},{"name":"part(attachment-icon)","description":"Icon part representing the attachment type."},{"name":"part(file-name)","description":"Part representing the attachment's file name."},{"name":"part(actions)","description":"Container for header action buttons."},{"name":"part(image-attachment)","description":"Part for the image element inside an image attachment."},{"name":"part(chat-container)","description":"Styles the main chat container."},{"name":"part(header)","description":"Styles the chat header container."},{"name":"part(prefix)","description":"Styles the element before the chat title (e.g., avatar)."},{"name":"part(title)","description":"Styles the chat header title."},{"name":"part(message-area-container)","description":"Styles the container holding the messages and (optional) suggestions."},{"name":"part(message-list)","description":"Styles the message list container."},{"name":"part(message-item)","description":"Styles each message wrapper."},{"name":"part(typing-indicator)","description":"Styles the typing indicator container."},{"name":"part(typing-dot)","description":"Styles individual typing indicator dots."},{"name":"part(suggestions-container)","description":"Styles the container holding all suggestions."},{"name":"part(suggestions-header)","description":"Styles the suggestions header."},{"name":"part(suggestion)","description":"Styles each suggestion item."},{"name":"part(suggestion-prefix)","description":"Styles the icon or prefix in a suggestion."},{"name":"part(suggestion-title)","description":"Styles the text/title of a suggestion."},{"name":"part(empty-state)","description":"Styles the empty state container when there are no messages."},{"name":"part(input-area-container)","description":"Styles the wrapper around the chat input area."},{"name":"part(input-area)","description":"Styles the main text input area."},{"name":"part(input-attachments-container)","description":"Styles the container for attachments in the input."},{"name":"part(input-attachment-container)","description":"Styles a single attachment in the input area."},{"name":"part(input-attachment-name)","description":"Styles the file name of an attachment."},{"name":"part(input-attachment-icon)","description":"Styles the icon of an attachment."},{"name":"part(text-input)","description":"Styles the text input field for typing messages."},{"name":"part(input-actions-container)","description":"Styles the container for input actions."},{"name":"part(input-actions-start)","description":"Styles the group of actions at the start of the input after the default file upload."},{"name":"part(input-actions-end)","description":"Styles the group of actions at the end of the input."},{"name":"part(file-upload-container)","description":"Styles the container for the file upload input."},{"name":"part(file-upload)","description":"Styles the file upload input itself."},{"name":"part(send-button-container)","description":"Styles the container around the send button."},{"name":"part(send-button)","description":"Styles the send button."},{"name":"part(message-container)","description":"Styles the container of a single message."},{"name":"part(message-list)","description":"(forwarded) - Styles the internal list of messages."},{"name":"part(message-header)","description":"Styles the header of a message (e.g., sender, timestamp)."},{"name":"part(message-content)","description":"Styles the text content of a message."},{"name":"part(message-attachments-container)","description":"Styles the container for message attachments."},{"name":"part(message-attachment)","description":"Styles a single message attachment."},{"name":"part(message-actions-container)","description":"Styles the container holding message actions."},{"name":"part(message-sent)","description":"Styles messages marked as sent by the current user."},{"name":"part(attachment-header)","description":"Styles the header of an attachment block."},{"name":"part(attachment-content)","description":"Styles the content of an attachment block."},{"name":"part(attachment-icon)","description":"Styles the icon of an attachment."},{"name":"part(file-name)","description":"Styles the file name shown in an attachment."},{"name":"part(base)","description":"The wrapper for the entire tile content, header and content."},{"name":"part(header)","description":"The container for the tile header, including title and actions."},{"name":"part(title)","description":"The title container of the tile."},{"name":"part(actions)","description":"The actions container of the tile header."},{"name":"part(content-container)","description":"The container wrapping the tile’s main content."},{"name":"part(trigger-side)","description":"The part for the side adorner of the encapsulated resize element in the tile."},{"name":"part(trigger)","description":"The part for the corner adorner of the encapsulated resize element in the tile."},{"name":"part(trigger-bottom)","description":"The part for the bottom adorner of the encapsulated resize element in the tile."},{"name":"part(base)","description":"The tile manager CSS Grid container."},{"name":"part(indicator)","description":"The wrapping container of the carousel dot indicator."},{"name":"part(inactive)","description":"The wrapping container of the inactive dot indicator."},{"name":"part(active)","description":"The wrapping container of the active dot indicator."},{"name":"part(base)","description":"The wrapping container of all carousel indicators."},{"name":"part(navigation)","description":"The wrapper container of each carousel navigation button."},{"name":"part(previous)","description":"The wrapper container of the carousel previous navigation button."},{"name":"part(next)","description":"The wrapper container of the carousel next navigation button."},{"name":"part(dot)","description":"The carousel dot indicator container."},{"name":"part(active)","description":"The carousel active dot indicator container."},{"name":"part(label)","description":"The label container of the carousel indicators."},{"name":"part(start)","description":"The wrapping container of all carousel indicators when indicators-orientation is set to start."},{"name":"part(base)","description":"The base wrapper of the checkbox."},{"name":"part(control)","description":"The checkbox input element."},{"name":"part(label)","description":"The checkbox label."},{"name":"part(indicator)","description":"The checkbox indicator icon."},{"name":"part(svg)","description":"The igc-circular-progress SVG element."},{"name":"part(gradient_start)","description":"The igc-circular-progress linear-gradient start color."},{"name":"part(gradient_end)","description":"The igc-circular-progress linear-gradient end color."},{"name":"part(track)","description":"The igc-circular-progress ring track area."},{"name":"part(fill)","description":"The igc-circular-progress indicator area."},{"name":"part(label)","description":"The igc-circular-progress label."},{"name":"part(value)","description":"The igc-circular-progress label value."},{"name":"part(indeterminate)","description":"The igc-circular-progress indeterminate state."},{"name":"part(primary)","description":"The igc-circular-progress primary state."},{"name":"part(danger)","description":"The igc-circular-progress error state."},{"name":"part(warning)","description":"The igc-circular-progress warning state."},{"name":"part(info)","description":"The igc-circular-progress info state."},{"name":"part(success)","description":"The igc-circular-progress success state."},{"name":"part(label)","description":"The encapsulated text label of the combo."},{"name":"part(input)","description":"The main input field of the combo."},{"name":"part(native-input)","description":"The native input of the main input field of the combo."},{"name":"part(prefix)","description":"The prefix wrapper of the combo."},{"name":"part(suffix)","description":"The suffix wrapper of the combo."},{"name":"part(toggle-icon)","description":"The toggle icon wrapper of the combo."},{"name":"part(clear-icon)","description":"The clear icon wrapper of the combo."},{"name":"part(case-icon)","description":"The case icon wrapper of the combo."},{"name":"part(helper-text)","description":"The helper text wrapper of the combo."},{"name":"part(search-input)","description":"The search input field of the combo."},{"name":"part(list-wrapper)","description":"The list of options wrapper of the combo."},{"name":"part(list)","description":"The list of options box of the combo."},{"name":"part(item)","description":"Represents each item in the list of options of the combo."},{"name":"part(group-header)","description":"Represents each header in the list of options of the combo."},{"name":"part(active)","description":"Appended to the item parts list when the item is active of the combo."},{"name":"part(selected)","description":"Appended to the item parts list when the item is selected of the combo."},{"name":"part(checkbox)","description":"Represents each checkbox of each list item of the combo."},{"name":"part(checkbox-indicator)","description":"Represents the checkbox indicator of each list item of the combo."},{"name":"part(checked)","description":"Appended to checkbox parts list when checkbox is checked in the combo."},{"name":"part(header)","description":"The container holding the header content of the combo."},{"name":"part(footer)","description":"The container holding the footer content of the combo."},{"name":"part(empty)","description":"The container holding the empty content of the combo."},{"name":"part(label)","description":"The label wrapper that renders content above the target input."},{"name":"part(container)","description":"The main wrapper that holds all main input elements."},{"name":"part(input)","description":"The native input element."},{"name":"part(prefix)","description":"The prefix wrapper."},{"name":"part(suffix)","description":"The suffix wrapper."},{"name":"part(calendar-icon)","description":"The calendar icon wrapper for closed state."},{"name":"part(calendar-icon-open)","description":"The calendar icon wrapper for opened state."},{"name":"part(clear-icon)","description":"The clear icon wrapper."},{"name":"part(actions)","description":"The actions wrapper."},{"name":"part(helper-text)","description":"The helper-text wrapper that renders content below the target input."},{"name":"part(header)","description":"The calendar header element."},{"name":"part(header-title)","description":"The calendar header title element."},{"name":"part(header-date)","description":"The calendar header date element."},{"name":"part(calendar-content)","description":"The calendar content element which contains the views and navigation elements."},{"name":"part(navigation)","description":"The calendar navigation container element."},{"name":"part(months-navigation)","description":"The calendar months navigation button element."},{"name":"part(years-navigation)","description":"The calendar years navigation button element."},{"name":"part(years-range)","description":"The calendar years range element."},{"name":"part(navigation-buttons)","description":"The calendar navigation buttons container."},{"name":"part(navigation-button)","description":"The calendar previous/next navigation button."},{"name":"part(days-view-container)","description":"The calendar days view container element."},{"name":"part(days-view)","description":"The calendar days view element."},{"name":"part(months-view)","description":"The calendar months view element."},{"name":"part(years-view)","description":"The calendar years view element."},{"name":"part(days-row)","description":"The calendar days row element."},{"name":"part(calendar-label)","description":"The calendar week header label element."},{"name":"part(week-number)","description":"The calendar week number element."},{"name":"part(week-number-inner)","description":"The calendar week number inner element."},{"name":"part(date)","description":"The calendar date element."},{"name":"part(date-inner)","description":"The calendar date inner element."},{"name":"part(first)","description":"The calendar first selected date element in range selection."},{"name":"part(last)","description":"The calendar last selected date element in range selection."},{"name":"part(inactive)","description":"The calendar inactive date element."},{"name":"part(hidden)","description":"The calendar hidden date element."},{"name":"part(weekend)","description":"The calendar weekend date element."},{"name":"part(range)","description":"The calendar range selected element."},{"name":"part(special)","description":"The calendar special date element."},{"name":"part(disabled)","description":"The calendar disabled date element."},{"name":"part(single)","description":"The calendar single selected date element."},{"name":"part(preview)","description":"The calendar range selection preview date element."},{"name":"part(month)","description":"The calendar month element."},{"name":"part(month-inner)","description":"The calendar month inner element."},{"name":"part(year)","description":"The calendar year element."},{"name":"part(year-inner)","description":"The calendar year inner element."},{"name":"part(selected)","description":"The calendar selected state for element(s). Applies to date, month and year elements."},{"name":"part(current)","description":"The calendar current state for element(s). Applies to date, month and year elements."},{"name":"part(prefix)","description":"The prefix wrapper of the igc-dropdown-item."},{"name":"part(content)","description":"The main content wrapper of the igc-dropdown-item."},{"name":"part(suffix)","description":"The suffix wrapper of the igc-dropdown-item."},{"name":"part(label)","description":"The native label element."},{"name":"part(base)","description":"The dropdown list wrapper container."},{"name":"part(list)","description":"The dropdown list element."},{"name":"part(prefix)","description":"The prefix wrapper of the igc-select-item."},{"name":"part(content)","description":"The main content wrapper of the igc-select-item."},{"name":"part(suffix)","description":"The suffix wrapper of the igc-select-item."},{"name":"part(label)","description":"The native label element."},{"name":"part(list)","description":"The list wrapping container for the items of the igc-select."},{"name":"part(input)","description":"The encapsulated igc-input of the igc-select."},{"name":"part(label)","description":"The encapsulated text label of the igc-select."},{"name":"part(prefix)","description":"The prefix wrapper of the input of the igc-select."},{"name":"part(suffix)","description":"The suffix wrapper of the input of the igc-select."},{"name":"part(toggle-icon)","description":"The toggle icon wrapper of the igc-select."},{"name":"part(helper-text)","description":"The helper text wrapper of the igc-select."},{"name":"part(track)","description":"The igc-linear-progress track area."},{"name":"part(fill)","description":"The igc-linear-progress indicator area."},{"name":"part(striped)","description":"The igc-linear-progress striped indicator."},{"name":"part(label)","description":"The igc-linear-progress label."},{"name":"part(value)","description":"The igc-linear-progress label value."},{"name":"part(indeterminate)","description":"The igc-linear-progress indeterminate state."},{"name":"part(primary)","description":"The igc-linear-progress indicator primary state."},{"name":"part(danger)","description":"The igc-linear-progress indicator error state."},{"name":"part(warning)","description":"The igc-linear-progress indicator warning state."},{"name":"part(info)","description":"The igc-linear-progress indicator info state."},{"name":"part(success)","description":"The igc-linear-progress indicator success state."},{"name":"part(container)","description":"The main wrapper that holds all main input elements"},{"name":"part(input)","description":"The native input element"},{"name":"part(label)","description":"The native label element"},{"name":"part(prefix)","description":"The prefix wrapper"},{"name":"part(suffix)","description":"The suffix wrapper"},{"name":"part(helper-text)","description":"The helper text wrapper"},{"name":"part(base)","description":"The base wrapper of the drawer item."},{"name":"part(icon)","description":"The icon container."},{"name":"part(content)","description":"The content container."},{"name":"part(base)","description":"The base wrapper of the igc-navigation-drawer."},{"name":"part(main)","description":"The main container of the igc-navigation-drawer."},{"name":"part(mini)","description":"The mini container of the igc-navigation-drawer."},{"name":"part(base)","description":"The base wrapper of the navigation bar."},{"name":"part(start)","description":"The left aligned icon container."},{"name":"part(middle)","description":"The navigation bar title container."},{"name":"part(end)","description":"The right aligned action icons container."},{"name":"part(base)","description":"The radio control base wrapper."},{"name":"part(control)","description":"The radio input control."},{"name":"part(label)","description":"The radio control label."},{"name":"part(symbol)","description":"The symbol wrapping container."},{"name":"part(full)","description":"The full symbol wrapping container."},{"name":"part(empty)","description":"The empty symbol wrapping container."},{"name":"part(base)","description":"The main wrapper which holds all of the rating elements."},{"name":"part(label)","description":"The label part."},{"name":"part(value-label)","description":"The value label part."},{"name":"part(symbols)","description":"A wrapper for all rating symbols."},{"name":"part(symbol)","description":"The part of the encapsulated default symbol."},{"name":"part(full)","description":"The part of the encapsulated full symbols."},{"name":"part(empty)","description":"The part of the encapsulated empty symbols."},{"name":"part(base)","description":"The base wrapper of the slider."},{"name":"part(ticks)","description":"The ticks container."},{"name":"part(tick-group)","description":"The tick group container."},{"name":"part(tick)","description":"The tick element."},{"name":"part(tick-label)","description":"The tick label element."},{"name":"part(tick-label-inner)","description":"The inner element of the tick label."},{"name":"part(thumbs)","description":"The thumbs container."},{"name":"part(thumb)","description":"The thumb element."},{"name":"part(thumb-label)","description":"The thumb tooltip label container."},{"name":"part(thumb-label-inner)","description":"The thumb tooltip label inner element."},{"name":"part(track)","description":"The track container."},{"name":"part(steps)","description":"The track steps element."},{"name":"part(inactive)","description":"The inactive element of the track."},{"name":"part(fill)","description":"The filled part of the track."},{"name":"part(base)","description":"The base wrapper of the snackbar component."},{"name":"part(message)","description":"The snackbar message."},{"name":"part(action)","description":"The default snackbar action button."},{"name":"part(action-container)","description":"The area holding the actions."},{"name":"part(base)","description":"The base wrapper of the slider."},{"name":"part(ticks)","description":"The ticks container."},{"name":"part(tick-group)","description":"The tick group container."},{"name":"part(tick)","description":"The tick element."},{"name":"part(tick-label)","description":"The tick label element."},{"name":"part(tick-label-inner)","description":"The inner element of the tick label."},{"name":"part(thumbs)","description":"The thumbs container."},{"name":"part(thumb)","description":"The thumb element."},{"name":"part(thumb-label)","description":"The thumb tooltip label container."},{"name":"part(thumb-label-inner)","description":"The thumb tooltip label inner element."},{"name":"part(track)","description":"The track container."},{"name":"part(steps)","description":"The track steps element."},{"name":"part(inactive)","description":"The inactive element of the track."},{"name":"part(fill)","description":"The filled part of the track."},{"name":"part(tab-header)","description":"The header of a single tab."},{"name":"part(prefix)","description":"Tab header's label prefix."},{"name":"part(content)","description":"Tab header's label slot container."},{"name":"part(suffix)","description":"Tab header's label suffix."},{"name":"part(tab-body)","description":"Holds the body content of a single tab, only the body of the selected tab is visible."},{"name":"part(start-scroll-button)","description":"The start scroll button displayed when the tabs overflow."},{"name":"part(end-scroll-button)","description":"The end scroll button displayed when the tabs overflow."},{"name":"part(selected-indicator)","description":"The indicator that shows which tab is selected."},{"name":"part(base)","description":"The base wrapper of the switch."},{"name":"part(control)","description":"The switch input element."},{"name":"part(thumb)","description":"The position indicator of the switch."},{"name":"part(label)","description":"The switch label."},{"name":"part(wrapper)","description":"The wrapper for the tree item."},{"name":"part(selected)","description":"Indicates selected state. Applies to `wrapper`."},{"name":"part(focused)","description":"Indicates focused state. Applies to `wrapper`."},{"name":"part(active)","description":"Indicates an active state. Applies to `wrapper`."},{"name":"part(indicator)","description":"The expand indicator of the tree item."},{"name":"part(label)","description":"The tree item content."},{"name":"part(text)","description":"The tree item displayed text."},{"name":"part(select)","description":"The checkbox of the tree item when selection is enabled."},{"name":"part(header-container)","description":"Wrapper of the step's `header` and its separators."},{"name":"part(disabled)","description":"Indicates a disabled state. Applies to `header-container`."},{"name":"part(complete-start)","description":"Indicates a complete state of the current step. Applies to `header-container`."},{"name":"part(complete-end)","description":"Indicates a complete state of the previous step. Applies to `header-container`."},{"name":"part(optional)","description":"Indicates an optional state. Applies to `header-container`."},{"name":"part(invalid)","description":"Indicates an invalid state. Applies to `header-container`."},{"name":"part(top)","description":"Indicates that the title should be above the indicator. Applies to `header-container`."},{"name":"part(bottom)","description":"Indicates that the title should be below the indicator. Applies to `header-container`."},{"name":"part(start)","description":"Indicates that the title should be before the indicator. Applies to `header-container`."},{"name":"part(end)","description":"Indicates that the title should be after the indicator. Applies to `header-container`."},{"name":"part(header)","description":"Wrapper of the step's `indicator` and `text`."},{"name":"part(indicator)","description":"The indicator of the step."},{"name":"part(text)","description":"Wrapper of the step's `title` and `subtitle`."},{"name":"part(empty)","description":"Indicates that no title and subtitle has been provided to the step. Applies to `text`."},{"name":"part(title)","description":"The title of the step."},{"name":"part(subtitle)","description":"The subtitle of the step."},{"name":"part(body)","description":"Wrapper of the step's `content`."},{"name":"part(content)","description":"The steps `content`."}]
      }
    }
  }