igniteui-webcomponents/web-types.json

Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.

{
    "$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-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"}},{"name":"alt","description":"Alternative text for the image.","value":{"type":"string"}},{"name":"initials","description":"Initials to use as a fallback when no image is available.","value":{"type":"string"}},{"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"},{"name":"alt","description":"Alternative text for the image.","type":"string"},{"name":"initials","description":"Initials to use as a fallback when no image is available.","type":"string"},{"name":"shape","description":"The shape of the avatar.","type":"AvatarShape"},{"name":"role","type":"string"},{"name":"ariaLabel","type":"string"}],"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"},{"name":"role","type":"string"},{"name":"onThemeChanged"}],"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":"Array<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'"}}],"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":"role","type":"string"}],"events":[]}},{"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"}},{"name":"download","description":"Prompts to save the linked URL instead of navigating to it.","value":{"type":"string"}},{"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"}},{"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"},{"name":"download","description":"Prompts to save the linked URL instead of navigating to it.","type":"string"},{"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"},{"name":"disabled","description":"The disabled state of the component","type":"boolean"},{"name":"form","description":"Returns the HTMLFormElement associated with this element."}],"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"},{"name":"role","type":"string"},{"name":"ariaLive","type":"string"}],"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-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","default":"'en'"}},{"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."},{"name":"resourceStrings","description":"The resource strings."},{"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.","type":"string"},{"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."},{"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."},{"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- **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","default":"'en'"}},{"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":"resourceStrings","description":"The resource strings for localization."},{"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.","type":"string"},{"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-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-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"}},{"name":"collection","description":"The name of the icon collection.","value":{"type":"string"}},{"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"}},{"name":"download","description":"Prompts to save the linked URL instead of navigating to it.","value":{"type":"string"}},{"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"}},{"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"},{"name":"collection","description":"The name of the icon collection.","type":"string"},{"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"},{"name":"download","description":"Prompts to save the linked URL instead of navigating to it.","type":"string"},{"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"},{"name":"disabled","description":"The disabled state of the component","type":"boolean"},{"name":"form","description":"Returns the HTMLFormElement associated with this element."}],"events":[]}},{"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"}},{"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"},{"name":"role","type":"string"},{"name":"ariaOrientation"}],"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"},{"name":"role","type":"string"}],"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"},{"name":"role","type":"string"},{"name":"ariaRoleDescription","type":"string"}],"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