igniteui-webcomponents 7.2.4 → 7.3.0-beta.0

package/extras/chat-markdown-renderer.d.ts

@@ -77,7 +77,7 @@ export interface MarkdownRenderer {
  */
 export declare function setupMarkdownRenderer(options?: MarkdownRendererOptions): Promise<MarkdownRenderer>;
 /**
- * Creates a markdown renderer specifically for igc-chat messages.
+ * Creates a markdown renderer specifically for chat messages.
  * This function wraps the renderer to work with IgcChatMessage objects
  * and returns Lit's unsafeHTML directive for rendering.
  *

package/extras/chat-markdown-renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-markdown-renderer.js","sourceRoot":"","sources":["../../src/extras/chat-markdown-renderer.ts"],"names":[],"mappings":"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","sourcesContent":["import DOMPurify from 'dompurify';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport { Marked } from 'marked';\nimport markedShiki from 'marked-shiki';\nimport { bundledThemes, createHighlighter } from 'shiki/bundle/web';\nimport type { IgcChatMessage } from '../components/chat/types.js';\n\nconst DEFAULT_LANGUAGES = ['javascript', 'typescript', 'html', 'css'];\nconst DEFAULT_THEME = {\n  light: 'github-light',\n  dark: 'github-dark',\n};\n\n/**\n * Configuration options for setting up the markdown parser and highlighter.\n * This provides more granular control over the markdown processing pipeline.\n */\nexport interface MarkdownRendererOptions {\n  /**\n   * If true, disables syntax highlighting entirely.\n   */\n  noHighlighter?: boolean;\n\n  /**\n   * List of programming languages to support in syntax highlighting.\n   * @default ['javascript', 'typescript', 'html', 'css']\n   */\n  languages?: string[];\n\n  /**\n   * The theme(s) used by the syntax highlighter.\n   * Can be a single theme name or separate themes for light and dark modes.\n   * @default { light: 'github-light', dark: 'github-dark' }\n   */\n  theme?: string | { light?: string; dark?: string };\n\n  /**\n   * A custom HTML sanitization function.\n   * @default DOMPurify.sanitize\n   */\n  sanitizer?: (html: string) => string;\n\n  /**\n   * Custom color replacements for syntax highlighting.\n   * Maps hex colors to CSS variable names.\n   */\n  colorReplacements?: Record<string, string>;\n}\n\n/**\n * Represents a markdown renderer instance that can process markdown text.\n */\nexport interface MarkdownRenderer {\n  /**\n   * Parses markdown text and returns rendered HTML.\n   * @param text - The markdown text to parse\n   * @returns The sanitized HTML string\n   */\n  parse(text: string): Promise<string>;\n\n  /**\n   * The underlying marked instance for advanced usage.\n   */\n  readonly marked: Marked;\n}\n\n/**\n * Sets up a markdown renderer with syntax highlighting and sanitization.\n * This is the core setup function that can be used in any framework.\n *\n * @param options - Configuration options for the markdown renderer\n * @returns A MarkdownRenderer instance\n *\n * @example\n * ```typescript\n * // Basic usage\n * const renderer = await setupMarkdownRenderer();\n * const html = await renderer.parse('# Hello **World**');\n *\n * // With custom options\n * const renderer = await setupMarkdownRenderer({\n *   languages: ['javascript', 'python', 'rust'],\n *   theme: 'monokai',\n *   noHighlighter: false\n * });\n *\n * // With custom sanitizer\n * const renderer = await setupMarkdownRenderer({\n *   sanitizer: (html) => myCustomSanitizer(html)\n * });\n * ```\n */\nexport async function setupMarkdownRenderer(\n  options?: MarkdownRendererOptions\n): Promise<MarkdownRenderer> {\n  const sanitizer = options?.sanitizer ?? DOMPurify.sanitize;\n\n  // Normalize theme option\n  const theme =\n    typeof options?.theme === 'string'\n      ? { light: options.theme, dark: options.theme }\n      : (options?.theme ?? DEFAULT_THEME);\n\n  // Create marked instance with default configuration\n  const markdown = new Marked({\n    breaks: true,\n    gfm: true,\n    extensions: [\n      {\n        name: 'link',\n        renderer({ href, title, text }) {\n          return `<a href=\"${href}\" target=\"_blank\" rel=\"noopener noreferrer\" ${title ? `title=\"${title}\"` : ''}>${text}</a>`;\n        },\n      },\n    ],\n  });\n\n  // Setup syntax highlighting if not disabled\n  if (!options?.noHighlighter) {\n    const langs = options?.languages ?? DEFAULT_LANGUAGES;\n    const colorReplacements = options?.colorReplacements ?? {\n      '#6f42c1': 'var(--shiki-purple)',\n      '#032f62': 'var(--shiki-dark-blue)',\n      '#24292e': 'var(--shiki-navy)',\n      '#d73a49': 'var(--shiki-red)',\n      '#005cc5': 'var(--shiki-blue)',\n      '#22863a': 'var(--shiki-green)',\n      '#e36209': 'var(--shiki-orange)',\n    };\n\n    const highlighter = await createHighlighter({\n      langs,\n      themes: Object.keys(bundledThemes),\n    });\n\n    markdown.use(\n      markedShiki({\n        highlight(code, lang, _) {\n          try {\n            return highlighter.codeToHtml(code, {\n              lang,\n              themes: theme,\n              colorReplacements: {\n                'github-light': {\n                  ...colorReplacements,\n                  '#fff': 'var(--shiki-bg)',\n                  '#24292e': 'var(--shiki-fg)',\n                },\n                'github-dark': {\n                  ...colorReplacements,\n                  '#24292e': 'var(--shiki-bg)',\n                  '#e1e4e8': 'var(--shiki-fg)',\n                },\n              },\n              defaultColor: 'light-dark()',\n            });\n          } catch {\n            return `<pre><code>${sanitizer(code)}</code></pre>`;\n          }\n        },\n      })\n    );\n  }\n\n  return {\n    async parse(text: string): Promise<string> {\n      const result = await markdown.parse(text);\n      return sanitizer(String(result));\n    },\n    get marked(): Marked<string, string> {\n      return markdown;\n    },\n  };\n}\n\n/**\n * Creates a markdown renderer specifically for igc-chat messages.\n * This function wraps the renderer to work with IgcChatMessage objects\n * and returns Lit's unsafeHTML directive for rendering.\n *\n * @param options - Configuration options for the markdown renderer\n * @returns A function that takes an IgcChatMessage and returns a Lit template result\n *\n * @example\n * ```typescript\n * const renderer = await createMarkdownRenderer();\n * const message = { text: '# Hello **World**' };\n * const template = await renderer(message);\n * ```\n */\nexport async function createMarkdownRenderer(\n  options?: MarkdownRendererOptions\n) {\n  const renderer = await setupMarkdownRenderer(options);\n\n  return async (message: IgcChatMessage): Promise<unknown> => {\n    return message.text ? unsafeHTML(await renderer.parse(message.text)) : '';\n  };\n}\n"]}
+{"version":3,"file":"chat-markdown-renderer.js","sourceRoot":"","sources":["../../src/extras/chat-markdown-renderer.ts"],"names":[],"mappings":"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","sourcesContent":["import DOMPurify from 'dompurify';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport { Marked } from 'marked';\nimport markedShiki from 'marked-shiki';\nimport { bundledThemes, createHighlighter } from 'shiki/bundle/web';\nimport type { IgcChatMessage } from '../components/chat/types.js';\n\nconst DEFAULT_LANGUAGES = ['javascript', 'typescript', 'html', 'css'];\nconst DEFAULT_THEME = {\n  light: 'github-light',\n  dark: 'github-dark',\n};\n\n/**\n * Configuration options for setting up the markdown parser and highlighter.\n * This provides more granular control over the markdown processing pipeline.\n */\nexport interface MarkdownRendererOptions {\n  /**\n   * If true, disables syntax highlighting entirely.\n   */\n  noHighlighter?: boolean;\n\n  /**\n   * List of programming languages to support in syntax highlighting.\n   * @default ['javascript', 'typescript', 'html', 'css']\n   */\n  languages?: string[];\n\n  /**\n   * The theme(s) used by the syntax highlighter.\n   * Can be a single theme name or separate themes for light and dark modes.\n   * @default { light: 'github-light', dark: 'github-dark' }\n   */\n  theme?: string | { light?: string; dark?: string };\n\n  /**\n   * A custom HTML sanitization function.\n   * @default DOMPurify.sanitize\n   */\n  sanitizer?: (html: string) => string;\n\n  /**\n   * Custom color replacements for syntax highlighting.\n   * Maps hex colors to CSS variable names.\n   */\n  colorReplacements?: Record<string, string>;\n}\n\n/**\n * Represents a markdown renderer instance that can process markdown text.\n */\nexport interface MarkdownRenderer {\n  /**\n   * Parses markdown text and returns rendered HTML.\n   * @param text - The markdown text to parse\n   * @returns The sanitized HTML string\n   */\n  parse(text: string): Promise<string>;\n\n  /**\n   * The underlying marked instance for advanced usage.\n   */\n  readonly marked: Marked;\n}\n\n/**\n * Sets up a markdown renderer with syntax highlighting and sanitization.\n * This is the core setup function that can be used in any framework.\n *\n * @param options - Configuration options for the markdown renderer\n * @returns A MarkdownRenderer instance\n *\n * @example\n * ```typescript\n * // Basic usage\n * const renderer = await setupMarkdownRenderer();\n * const html = await renderer.parse('# Hello **World**');\n *\n * // With custom options\n * const renderer = await setupMarkdownRenderer({\n *   languages: ['javascript', 'python', 'rust'],\n *   theme: 'monokai',\n *   noHighlighter: false\n * });\n *\n * // With custom sanitizer\n * const renderer = await setupMarkdownRenderer({\n *   sanitizer: (html) => myCustomSanitizer(html)\n * });\n * ```\n */\nexport async function setupMarkdownRenderer(\n  options?: MarkdownRendererOptions\n): Promise<MarkdownRenderer> {\n  const sanitizer = options?.sanitizer ?? DOMPurify.sanitize;\n\n  // Normalize theme option\n  const theme =\n    typeof options?.theme === 'string'\n      ? { light: options.theme, dark: options.theme }\n      : (options?.theme ?? DEFAULT_THEME);\n\n  // Create marked instance with default configuration\n  const markdown = new Marked({\n    breaks: true,\n    gfm: true,\n    extensions: [\n      {\n        name: 'link',\n        renderer({ href, title, text }) {\n          return `<a href=\"${href}\" target=\"_blank\" rel=\"noopener noreferrer\" ${title ? `title=\"${title}\"` : ''}>${text}</a>`;\n        },\n      },\n    ],\n  });\n\n  // Setup syntax highlighting if not disabled\n  if (!options?.noHighlighter) {\n    const langs = options?.languages ?? DEFAULT_LANGUAGES;\n    const colorReplacements = options?.colorReplacements ?? {\n      '#6f42c1': 'var(--shiki-purple)',\n      '#032f62': 'var(--shiki-dark-blue)',\n      '#24292e': 'var(--shiki-navy)',\n      '#d73a49': 'var(--shiki-red)',\n      '#005cc5': 'var(--shiki-blue)',\n      '#22863a': 'var(--shiki-green)',\n      '#e36209': 'var(--shiki-orange)',\n    };\n\n    const highlighter = await createHighlighter({\n      langs,\n      themes: Object.keys(bundledThemes),\n    });\n\n    markdown.use(\n      markedShiki({\n        highlight(code, lang, _) {\n          try {\n            return highlighter.codeToHtml(code, {\n              lang,\n              themes: theme,\n              colorReplacements: {\n                'github-light': {\n                  ...colorReplacements,\n                  '#fff': 'var(--shiki-bg)',\n                  '#24292e': 'var(--shiki-fg)',\n                },\n                'github-dark': {\n                  ...colorReplacements,\n                  '#24292e': 'var(--shiki-bg)',\n                  '#e1e4e8': 'var(--shiki-fg)',\n                },\n              },\n              defaultColor: 'light-dark()',\n            });\n          } catch {\n            return `<pre><code>${sanitizer(code)}</code></pre>`;\n          }\n        },\n      })\n    );\n  }\n\n  return {\n    async parse(text: string): Promise<string> {\n      const result = await markdown.parse(text);\n      return sanitizer(String(result));\n    },\n    get marked(): Marked<string, string> {\n      return markdown;\n    },\n  };\n}\n\n/**\n * Creates a markdown renderer specifically for chat messages.\n * This function wraps the renderer to work with IgcChatMessage objects\n * and returns Lit's unsafeHTML directive for rendering.\n *\n * @param options - Configuration options for the markdown renderer\n * @returns A function that takes an IgcChatMessage and returns a Lit template result\n *\n * @example\n * ```typescript\n * const renderer = await createMarkdownRenderer();\n * const message = { text: '# Hello **World**' };\n * const template = await renderer(message);\n * ```\n */\nexport async function createMarkdownRenderer(\n  options?: MarkdownRendererOptions\n) {\n  const renderer = await setupMarkdownRenderer(options);\n\n  return async (message: IgcChatMessage): Promise<unknown> => {\n    return message.text ? unsafeHTML(await renderer.parse(message.text)) : '';\n  };\n}\n"]}

package/igniteui-webcomponents.css-data.json

@@ -1,6 +1,6 @@
 {
       "$schema": "https://raw.githubusercontent.com/microsoft/vscode-css-languageservice/main/docs/customData.schema.json",
       "version": 1.1,
-      "properties": [{"name":"--color","description":"Sets the color of the divider.","values":[]},{"name":"--inset","description":"Shrinks the divider by the given amount from the start. If `middle` is set it will shrink from both sides.","values":[]},{"name":"--column-count","description":"The number of columns for the tile manager. The `column-count` attribute sets this variable.","values":[]},{"name":"--min-col-width","description":"The minimum size of the columns in the tile-manager. The `min-column-width` attribute sets this variable.","values":[]},{"name":"--min-row-height","description":"The minimum size of the rows in the tile-manager. The `min-row-height` attribute sets this variable.","values":[]},{"name":"--grid-gap","description":"The gap size of the underlying CSS grid container. The `gap` attributes sts this variable.","values":[]},{"name":"--symbol-size","description":"The size of the symbols.","values":[]},{"name":"--symbol-full-color","description":"The color of the filled symbol.","values":[]},{"name":"--symbol-empty-color","description":"The color of the empty symbol.","values":[]},{"name":"--symbol-full-filter","description":"The filter(s) used for the filled symbol.","values":[]},{"name":"--symbol-empty-filter","description":"The filter(s) used for the empty symbol.","values":[]},{"name":"--foreground","description":"The text color for a highlighted text node.","values":[]},{"name":"--background","description":"The background color for a highlighted text node.","values":[]},{"name":"--foreground-active","description":"The text color for the active highlighted text node.","values":[]},{"name":"--background-active","description":"The background color for the active highlighted text node.","values":[]}],
-      "pseudoElements": [{"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(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(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(icon)","description":"The icon container, present when an igc-icon element is slotted."},{"name":"::part(base)","description":"The root wrapper element of the banner."},{"name":"::part(spacer)","description":"The inner wrapper that controls the spacing around the banner content."},{"name":"::part(message)","description":"The container that holds the illustration and text content."},{"name":"::part(illustration)","description":"The container for the prefix slot (icon/illustration)."},{"name":"::part(content)","description":"The container for the default message slot."},{"name":"::part(actions)","description":"The container for the action buttons slot."},{"name":"::part(toggle)","description":"The native button element."},{"name":"::part(group)","description":"The button group container."},{"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(header)","description":"The card header text container."},{"name":"::part(title)","description":"The title slot wrapper."},{"name":"::part(subtitle)","description":"The subtitle slot wrapper."},{"name":"::part(base)","description":"The base wrapper of the toast."},{"name":"::part(container)","description":"The container wrapping the slotted content in the popover."},{"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(base)","description":"The base wrapper of the chip."},{"name":"::part(content)","description":"The wrapper element around the default slot 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(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(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(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(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(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 native `<dialog>` element."},{"name":"::part(title)","description":"The `<header>` element wrapping the title slot."},{"name":"::part(content)","description":"The `<section>` element wrapping the message and default slots."},{"name":"::part(footer)","description":"The `<footer>` element wrapping the footer slot."},{"name":"::part(backdrop)","description":"The decorative backdrop overlay element."},{"name":"::part(animating)","description":"Applied to the backdrop while an animation is running."},{"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(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(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 drawer."},{"name":"::part(main)","description":"The main content container of the drawer."},{"name":"::part(mini)","description":"The mini variant container of the 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(splitter-bar)","description":"The resizable bar element between the two panels."},{"name":"::part(drag-handle)","description":"The drag handle icon/element on the splitter bar."},{"name":"::part(start-pane)","description":"The container for the start panel content."},{"name":"::part(end-pane)","description":"The container for the end panel content."},{"name":"::part(start-collapse-btn)","description":"The button to collapse the start panel."},{"name":"::part(end-collapse-btn)","description":"The button to collapse the end panel."},{"name":"::part(start-expand-btn)","description":"The button to expand the start panel when collapsed."},{"name":"::part(end-expand-btn)","description":"The button to expand the end panel when collapsed."},{"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 have 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 step's `content`."}]
+      "properties": [{"name":"--color","description":"Sets the color of the divider.","values":[]},{"name":"--inset","description":"Shrinks the divider by the given amount from the start. If `middle` is set it will shrink from both sides.","values":[]},{"name":"--column-count","description":"The number of columns for the tile manager. The `column-count` attribute sets this variable.","values":[]},{"name":"--min-col-width","description":"The minimum size of the columns in the tile-manager. The `min-column-width` attribute sets this variable.","values":[]},{"name":"--min-row-height","description":"The minimum size of the rows in the tile-manager. The `min-row-height` attribute sets this variable.","values":[]},{"name":"--grid-gap","description":"The gap size of the underlying CSS grid container. The `gap` attributes sts this variable.","values":[]},{"name":"--symbol-size","description":"The size of the symbols.","values":[]},{"name":"--symbol-full-color","description":"The color of the filled symbol.","values":[]},{"name":"--symbol-empty-color","description":"The color of the empty symbol.","values":[]},{"name":"--symbol-full-filter","description":"The filter(s) used for the filled symbol.","values":[]},{"name":"--symbol-empty-filter","description":"The filter(s) used for the empty symbol.","values":[]},{"name":"--foreground","description":"The text color for a highlighted text node.","values":[]},{"name":"--background","description":"The background color for a highlighted text node.","values":[]},{"name":"--foreground-active","description":"The text color for the active highlighted text node.","values":[]},{"name":"--background-active","description":"The background color for the active highlighted text node.","values":[]},{"name":"--ig-qr-code-background","description":"The background color of the QR code. Default is `white`.","values":[]},{"name":"--ig-qr-code-dark-color","description":"The color of the data modules (dots), and the corner square/dot colors unless overridden below. Default is `black`.","values":[]},{"name":"--ig-qr-code-corner-square-color","description":"The color of the outer finder-pattern corner squares. Defaults to `--ig-qr-code-dark-color`.","values":[]},{"name":"--ig-qr-code-corner-dot-color","description":"The color of the inner finder-pattern corner dots. Defaults to `--ig-qr-code-dark-color`.","values":[]}],
+      "pseudoElements": [{"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(icon)","description":"The icon container, present when an icon element is slotted."},{"name":"::part(base)","description":"The native button element of the button component."},{"name":"::part(prefix)","description":"The prefix container of the button component."},{"name":"::part(suffix)","description":"The suffix container of the button component."},{"name":"::part(base)","description":"The root wrapper element of the banner."},{"name":"::part(spacer)","description":"The inner wrapper that controls the spacing around the banner content."},{"name":"::part(message)","description":"The container that holds the illustration and text content."},{"name":"::part(illustration)","description":"The container for the prefix slot (icon/illustration)."},{"name":"::part(content)","description":"The container for the default message slot."},{"name":"::part(actions)","description":"The container for the action buttons slot."},{"name":"::part(toggle)","description":"The native button element."},{"name":"::part(focused)","description":"The native button element when focused through a keyboard interaction."},{"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 toast."},{"name":"::part(container)","description":"The container wrapping the slotted content in the popover."},{"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(close-button)","description":"The default sticky-mode close button."},{"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(base)","description":"The base wrapper of the chip."},{"name":"::part(content)","description":"The wrapper element around the default slot 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(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 of the textarea."},{"name":"::part(input)","description":"The native input element of the textarea."},{"name":"::part(label)","description":"The native label element of the textarea."},{"name":"::part(prefix)","description":"The prefix wrapper of the textarea."},{"name":"::part(suffix)","description":"The suffix wrapper of the textarea."},{"name":"::part(helper-text)","description":"The helper text wrapper of the 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 underlying 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(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(group)","description":"The button group container."},{"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(months-row)","description":"Months row element of the calendar."},{"name":"::part(years-row)","description":"Years row element of the calendar."},{"name":"::part(label)","description":"Week header label element of the calendar."},{"name":"::part(label-inner)","description":"Week header label inner 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. Also applies to the week numbers header cell."},{"name":"::part(last)","description":"The last selected date element of the calendar in range selection. Also applies to the week number of the last rendered week."},{"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(header)","description":"The card header text container."},{"name":"::part(title)","description":"The title slot wrapper."},{"name":"::part(subtitle)","description":"The subtitle slot wrapper."},{"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 circular progress SVG element."},{"name":"::part(gradient_start)","description":"The circular progress linear-gradient start color."},{"name":"::part(gradient_end)","description":"The circular progress linear-gradient end color."},{"name":"::part(track)","description":"The circular progress ring track area."},{"name":"::part(fill)","description":"The circular progress indicator area."},{"name":"::part(label)","description":"The circular progress label."},{"name":"::part(value)","description":"The circular progress label value."},{"name":"::part(indeterminate)","description":"The circular progress indeterminate state."},{"name":"::part(primary)","description":"The circular progress primary state."},{"name":"::part(danger)","description":"The circular progress error state."},{"name":"::part(warning)","description":"The circular progress warning state."},{"name":"::part(info)","description":"The circular progress info state."},{"name":"::part(success)","description":"The circular progress 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(virtualization-track)","description":"The full-size element that gives the host its scrollable extent."},{"name":"::part(virtualization-content)","description":"The wrapper holding the currently rendered items, translated into position within the track."},{"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(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 native `<dialog>` element."},{"name":"::part(title)","description":"The `<header>` element wrapping the title slot."},{"name":"::part(content)","description":"The `<section>` element wrapping the message and default slots."},{"name":"::part(footer)","description":"The `<footer>` element wrapping the footer slot."},{"name":"::part(backdrop)","description":"The decorative backdrop overlay element."},{"name":"::part(animating)","description":"Applied to the backdrop while an animation is running."},{"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(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(prefix)","description":"The prefix wrapper of the dropdown item."},{"name":"::part(content)","description":"The main content wrapper of the dropdown item."},{"name":"::part(suffix)","description":"The suffix wrapper of the 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(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(prefix)","description":"The prefix wrapper of the select item."},{"name":"::part(content)","description":"The main content wrapper of the select item."},{"name":"::part(suffix)","description":"The suffix wrapper of the select item."},{"name":"::part(label)","description":"The native label element."},{"name":"::part(list)","description":"The list wrapping container for the items of the select."},{"name":"::part(input)","description":"The encapsulated input of the select."},{"name":"::part(label)","description":"The encapsulated text label of the select."},{"name":"::part(prefix)","description":"The prefix wrapper of the input of the select."},{"name":"::part(suffix)","description":"The suffix wrapper of the input of the select."},{"name":"::part(toggle-icon)","description":"The toggle icon wrapper of the select."},{"name":"::part(helper-text)","description":"The helper text wrapper of the select."},{"name":"::part(track)","description":"The linear progress track area."},{"name":"::part(fill)","description":"The linear progress indicator area."},{"name":"::part(striped)","description":"The linear progress striped indicator."},{"name":"::part(label)","description":"The linear progress label."},{"name":"::part(value)","description":"The linear progress label value."},{"name":"::part(indeterminate)","description":"The linear progress indeterminate state."},{"name":"::part(primary)","description":"The linear progress indicator primary state."},{"name":"::part(danger)","description":"The linear progress indicator error state."},{"name":"::part(warning)","description":"The linear progress indicator warning state."},{"name":"::part(info)","description":"The linear progress indicator info state."},{"name":"::part(success)","description":"The 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 drawer."},{"name":"::part(main)","description":"The main content container of the drawer."},{"name":"::part(mini)","description":"The mini variant container of the 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(splitter-bar)","description":"The resizable bar element between the two panels."},{"name":"::part(drag-handle)","description":"The drag handle icon/element on the splitter bar."},{"name":"::part(start-pane)","description":"The container for the start panel content."},{"name":"::part(end-pane)","description":"The container for the end panel content."},{"name":"::part(start-collapse-btn)","description":"The button to collapse the start panel."},{"name":"::part(end-collapse-btn)","description":"The button to collapse the end panel."},{"name":"::part(start-expand-btn)","description":"The button to expand the start panel when collapsed."},{"name":"::part(end-expand-btn)","description":"The button to expand the end panel when collapsed."},{"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 have 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 step's `content`."},{"name":"::part(background)","description":"The background rect of the QR code."},{"name":"::part(dots)","description":"The data modules (dots) of the QR code."},{"name":"::part(corner-square)","description":"The outer corner (finder-pattern) squares of the QR code."},{"name":"::part(corner-dot)","description":"The inner corner (finder-pattern) dots of the QR code."}]
     }