@esri/calcite-components
Version:
Web Components for Esri's Calcite Design System.
1 lines • 910 kB
JSON
{"timestamp":"2026-02-18T20:15:58","compiler":{"name":"@arcgis/lumina-compiler","version":"5.0.0-next.146","typescriptVersion":"5.9.3"},"components":[{"filePath":"src/components/accordion/accordion.tsx","tag":"calcite-accordion","overview":"","readme":"","usage":{},"docs":"","docsTags":[{"name":"superclass","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}],"encapsulation":"shadow","dependents":[],"dependencies":[],"dependencyGraph":{},"props":[{"name":"appearance","type":"Extract<\"solid\" | \"transparent\", Appearance>","complexType":{"original":"Extract<\"solid\" | \"transparent\", Appearance>","resolved":"Extract<\"solid\" | \"transparent\", Appearance>","references":{"Extract":{"location":"global","path":"global:","id":"notImplemented"},"Appearance":{"location":"local","path":"components/interfaces","id":"notImplemented"}}},"mutable":true,"attr":"appearance","reflectToAttr":true,"docs":"Specifies the appearance of the component.","docsTags":[],"default":"\"solid\"","values":[{"type":"string","value":"solid"},{"type":"string","value":"transparent"}],"optional":true,"required":false},{"name":"iconPosition","type":"Extract<\"start\" | \"end\", Position>","complexType":{"original":"Extract<\"start\" | \"end\", Position>","resolved":"Extract<\"start\" | \"end\", Position>","references":{"Extract":{"location":"global","path":"global:","id":"notImplemented"},"Position":{"location":"local","path":"components/interfaces","id":"notImplemented"}}},"mutable":true,"attr":"icon-position","reflectToAttr":true,"docs":"Specifies the position of the expand and collapse icons within `calcite-accordion-item`s","docsTags":[],"default":"\"end\"","values":[{"type":"string","value":"start"},{"type":"string","value":"end"}],"optional":true,"required":false},{"name":"iconType","type":"Extract<\"chevron\" | \"caret\" | \"plus-minus\", IconType>","complexType":{"original":"Extract<\"chevron\" | \"caret\" | \"plus-minus\", IconType>","resolved":"Extract<\"chevron\" | \"caret\" | \"plus-minus\", IconType>","references":{"Extract":{"location":"global","path":"global:","id":"notImplemented"},"IconType":{"location":"local","path":"components/interfaces","id":"notImplemented"}}},"mutable":true,"attr":"icon-type","reflectToAttr":true,"docs":"Specifies the type of the icon in the header.","docsTags":[],"default":"\"chevron\"","values":[{"type":"string","value":"chevron"},{"type":"string","value":"caret"},{"type":"string","value":"plus-minus"}],"optional":true,"required":false},{"name":"scale","type":"Scale","complexType":{"original":"Scale","resolved":"Scale","references":{"Scale":{"location":"local","path":"components/interfaces","id":"notImplemented"}}},"mutable":true,"attr":"scale","reflectToAttr":true,"docs":"Specifies the size of the component.","docsTags":[],"default":"\"m\"","values":[{"type":"string","value":"s"},{"type":"string","value":"m"},{"type":"string","value":"l"}],"optional":true,"required":false},{"name":"selectionMode","type":"Extract<\"single\" | \"single-persist\" | \"multiple\", SelectionMode>","complexType":{"original":"Extract<\"single\" | \"single-persist\" | \"multiple\", SelectionMode>","resolved":"Extract<\"single\" | \"single-persist\" | \"multiple\", SelectionMode>","references":{"Extract":{"location":"global","path":"global:","id":"notImplemented"},"SelectionMode":{"location":"local","path":"components/interfaces","id":"notImplemented"}}},"mutable":true,"attr":"selection-mode","reflectToAttr":true,"docs":"Specifies the selection mode of the component, where:\n\n`\"multiple\"` allows any number of selections,\n\n`\"single\"` allows only one selection, and\n\n`\"single-persist\"` allows one selection and prevents de-selection.","docsTags":[],"default":"\"multiple\"","values":[{"type":"string","value":"single"},{"type":"string","value":"single-persist"},{"type":"string","value":"multiple"}],"optional":true,"required":false}],"methods":[{"name":"componentOnReady","returns":{"type":"Promise<this>","docs":""},"complexType":{"signature":"(): Promise<this>","parameters":[],"return":"Promise<this>","references":{"Promise":{"location":"import","path":"typescript/lib/lib.es5.d.ts","id":"notImplemented"}}},"signature":"componentOnReady(): Promise<this>","parameters":[],"docs":"Create a promise that resolves once component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst accordion = document.querySelector(\"calcite-accordion\");\ndocument.body.append(accordion);\nawait accordion.componentOnReady();\nconsole.log(\"calcite-accordion is ready to go!\");\n```"},{"name":"inheritedFrom","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}]}],"events":[],"styles":[{"name":"--calcite-accordion-border-color","annotation":"prop","docs":"Specifies the component's border color."},{"name":"--calcite-accordion-background-color","annotation":"prop","docs":"Specifies the component's background color."},{"name":"--calcite-accordion-text-color","annotation":"prop","docs":"Specifies the component's text color."},{"name":"--calcite-accordion-text-color-hover","annotation":"prop","docs":"Specifies the component's main text color on hover."},{"name":"--calcite-accordion-text-color-press","annotation":"prop","docs":"Specifies the component's main text color when pressed."}],"slots":[{"name":"","docs":"A slot for adding `calcite-accordion-item`s. `calcite-accordion` cannot be nested, however `calcite-accordion-item`s can."}],"parts":[],"listeners":[]},{"filePath":"src/components/accordion-item/accordion-item.tsx","tag":"calcite-accordion-item","overview":"","readme":"","usage":{},"docs":"","docsTags":[{"name":"superclass","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}],"encapsulation":"shadow","dependents":[],"dependencies":[],"dependencyGraph":{},"props":[{"name":"description","type":"string","complexType":{"original":"string","resolved":"string","references":{}},"mutable":true,"attr":"description","reflectToAttr":false,"docs":"Specifies a description for the component.","docsTags":[],"values":[{"type":"string"}],"optional":true,"required":false},{"name":"expanded","type":"boolean","complexType":{"original":"boolean","resolved":"boolean","references":{}},"mutable":true,"attr":"expanded","reflectToAttr":true,"docs":"When `true`, expands the component and its contents.","docsTags":[],"default":"false","values":[{"type":"boolean"}],"optional":true,"required":false},{"name":"heading","type":"string","complexType":{"original":"string","resolved":"string","references":{}},"mutable":true,"attr":"heading","reflectToAttr":false,"docs":"Specifies the component's heading text.","docsTags":[],"values":[{"type":"string"}],"optional":true,"required":false},{"name":"headingLevel","type":"HeadingLevel","complexType":{"original":"HeadingLevel","resolved":"HeadingLevel","references":{"HeadingLevel":{"location":"local","path":"components/functional/Heading","id":"notImplemented"}}},"mutable":true,"attr":"heading-level","reflectToAttr":true,"docs":"Specifies the heading level number of the component's `heading` for proper document structure, without affecting visual styling.","docsTags":[],"values":[{"type":"number","value":"1"},{"type":"number","value":"2"},{"type":"number","value":"3"},{"type":"number","value":"4"},{"type":"number","value":"5"},{"type":"number","value":"6"}],"optional":true,"required":false},{"name":"iconEnd","type":"IconName","complexType":{"original":"IconName","resolved":"IconName","references":{"IconName":{"location":"local","path":"components/calcite-icon/interfaces","id":"notImplemented"}}},"mutable":true,"attr":"icon-end","reflectToAttr":true,"docs":"Specifies an icon to display at the end of the component.","docsTags":[],"values":[{"type":"string"}],"optional":true,"required":false},{"name":"iconFlipRtl","type":"FlipContext","complexType":{"original":"FlipContext","resolved":"FlipContext","references":{"FlipContext":{"location":"local","path":"components/interfaces","id":"notImplemented"}}},"mutable":true,"attr":"icon-flip-rtl","reflectToAttr":true,"docs":"Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`).","docsTags":[],"values":[{"type":"string","value":"start"},{"type":"string","value":"end"},{"type":"string","value":"both"}],"optional":true,"required":false},{"name":"iconStart","type":"IconName","complexType":{"original":"IconName","resolved":"IconName","references":{"IconName":{"location":"local","path":"components/calcite-icon/interfaces","id":"notImplemented"}}},"mutable":true,"attr":"icon-start","reflectToAttr":true,"docs":"Specifies an icon to display at the start of the component.","docsTags":[],"values":[{"type":"string"}],"optional":true,"required":false},{"name":"messageOverrides","type":"Record<string, unknown> | undefined","complexType":{"original":"Record<string, unknown> | undefined","resolved":"Record<string, unknown> | undefined","references":{"Record":{"location":"global","path":"global:","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"docs":"Overrides individual strings used by the component.","docsTags":[],"values":[],"optional":true,"required":false}],"methods":[{"name":"componentOnReady","returns":{"type":"Promise<this>","docs":""},"complexType":{"signature":"(): Promise<this>","parameters":[],"return":"Promise<this>","references":{"Promise":{"location":"import","path":"typescript/lib/lib.es5.d.ts","id":"notImplemented"}}},"signature":"componentOnReady(): Promise<this>","parameters":[],"docs":"Create a promise that resolves once component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst accordionItem = document.querySelector(\"calcite-accordion-item\");\ndocument.body.append(accordionItem);\nawait accordionItem.componentOnReady();\nconsole.log(\"calcite-accordion-item is ready to go!\");\n```"},{"name":"inheritedFrom","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}]},{"name":"setFocus","returns":{"type":"Promise<void>","docs":""},"complexType":{"signature":"(options?: FocusOptions): Promise<void>","parameters":[{"name":"options","type":"FocusOptions","docs":"When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component."}],"return":"Promise<void>","references":{"Promise":{"location":"global","path":"global:","id":"notImplemented"},"FocusOptions":{"location":"global","path":"global:","id":"notImplemented"}}},"signature":"setFocus(options?: FocusOptions): Promise<void>","parameters":[{"name":"options","type":"FocusOptions","docs":"When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component."}],"docs":"Sets focus on the component.","docsTags":[{"name":"mdn","text":"[focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)"}]}],"events":[{"event":"calciteAccordionItemCollapse","detail":"void","bubbles":true,"complexType":{"original":"void","resolved":"void","references":{}},"cancelable":false,"composed":true,"docs":"Fires when the component's content area is collapsed.","docsTags":[]},{"event":"calciteAccordionItemExpand","detail":"void","bubbles":true,"complexType":{"original":"void","resolved":"void","references":{}},"cancelable":false,"composed":true,"docs":"Fires when the component's content area is expanded.","docsTags":[]}],"styles":[{"name":"--calcite-accordion-border-color","annotation":"prop","docs":"Specifies the component's border color."},{"name":"--calcite-accordion-background-color","annotation":"prop","docs":"Specifies the component's background color."},{"name":"--calcite-accordion-text-color","annotation":"prop","docs":"Specifies the component's text color."},{"name":"--calcite-accordion-text-color-hover","annotation":"prop","docs":"Specifies the component's main text color on hover."},{"name":"--calcite-accordion-text-color-press","annotation":"prop","docs":"Specifies the component's main text color when pressed."},{"name":"--calcite-accordion-item-background-color","annotation":"prop","docs":"[Deprecated] Use `--calcite-accordion-background-color`. Specifies the component's background color."},{"name":"--calcite-accordion-item-border-color","annotation":"prop","docs":"[Deprecated] Use `--calcite-accordion-border-color`. Specifies the component's border color."},{"name":"--calcite-accordion-item-content-space","annotation":"prop","docs":"Specifies the component's padding."},{"name":"--calcite-accordion-item-end-icon-color","annotation":"prop","docs":"Specifies the component's `iconEnd` color. Falls back to `--calcite-accordion-item-icon-color` or current color."},{"name":"--calcite-accordion-item-expand-icon-color","annotation":"prop","docs":"Specifies the component's expand icon color."},{"name":"--calcite-accordion-item-header-background-color","annotation":"prop","docs":"Specifies the component's `heading` background color."},{"name":"--calcite-accordion-item-header-background-color-hover","annotation":"prop","docs":"Specifies the component's `heading` background color when hovered."},{"name":"--calcite-accordion-item-header-background-color-press","annotation":"prop","docs":"Specifies the component's `heading` background color when pressed."},{"name":"--calcite-accordion-item-heading-text-color","annotation":"prop","docs":"Specifies the component's `heading` text color."},{"name":"--calcite-accordion-item-icon-color","annotation":"prop","docs":"[Deprecated] Use `--calcite-icon-color`. Specifies the component's default icon color."},{"name":"--calcite-accordion-item-start-icon-color","annotation":"prop","docs":"Specifies the component's `iconStart` color. Falls back to `--calcite-accordion-item-icon-color` or current color."},{"name":"--calcite-accordion-item-text-color","annotation":"prop","docs":"[Deprecated] Use `--calcite-accordion-text-color`. Specifies the component's text color."},{"name":"--calcite-accordion-item-text-color-hover","annotation":"prop","docs":"[Deprecated] Use `--calcite-accordion-text-color-hover`. Specifies the component's text color on hover."}],"slots":[{"name":"","docs":"A slot for adding custom content, including nested `calcite-accordion-item`s."},{"name":"actions-end","docs":"A slot for adding `calcite-action`s or content to the end side of the component's header."},{"name":"actions-start","docs":"A slot for adding `calcite-action`s or content to the start side of the component's header."},{"name":"content-end","docs":"A slot for adding non-actionable elements after the component's header text."},{"name":"content-start","docs":"A slot for adding non-actionable elements before the component's header text."}],"parts":[],"listeners":[]},{"filePath":"src/components/action/action.tsx","tag":"calcite-action","overview":"","readme":"","usage":{},"docs":"","docsTags":[{"name":"superclass","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}],"encapsulation":"shadow","dependents":[],"dependencies":[],"dependencyGraph":{},"props":[{"name":"active","type":"boolean","complexType":{"original":"boolean","resolved":"boolean","references":{}},"mutable":true,"attr":"active","reflectToAttr":true,"docs":"When `true`, the component is highlighted.","docsTags":[],"default":"false","values":[{"type":"boolean"}],"optional":true,"required":false},{"name":"alignment","type":"Alignment","complexType":{"original":"Alignment","resolved":"Alignment","references":{"Alignment":{"location":"local","path":"components/interfaces","id":"notImplemented"}}},"mutable":true,"attr":"alignment","reflectToAttr":true,"docs":"Specifies the horizontal alignment of button elements with text content.","docsTags":[],"values":[{"type":"string","value":"start"},{"type":"string","value":"center"},{"type":"string","value":"end"}],"optional":true,"required":false},{"name":"appearance","type":"Extract<\"solid\" | \"transparent\", Appearance>","complexType":{"original":"Extract<\"solid\" | \"transparent\", Appearance>","resolved":"Extract<\"solid\" | \"transparent\", Appearance>","references":{"Extract":{"location":"global","path":"global:","id":"notImplemented"},"Appearance":{"location":"local","path":"components/interfaces","id":"notImplemented"}}},"mutable":true,"attr":"appearance","reflectToAttr":true,"docs":"Specifies the appearance of the component.","docsTags":[],"default":"\"transparent\"","deprecation":"in v5.0.0, removal target v6.0.0 - No longer necessary.","values":[{"type":"string","value":"solid"},{"type":"string","value":"transparent"}],"optional":true,"required":false},{"name":"aria","type":"Partial<Pick<AriaAttributesCamelCased, \"controlsElements\" | \"describedByElements\" | \"expanded\" | \"hasPopup\" | \"labelledByElements\" | \"ownsElements\" | \"pressed\" | \"checked\"> & Pick<LuminaJsx.HTMLAttributes, \"role\">> | undefined","complexType":{"original":"Partial<Pick<AriaAttributesCamelCased, \"controlsElements\" | \"describedByElements\" | \"expanded\" | \"hasPopup\" | \"labelledByElements\" | \"ownsElements\" | \"pressed\" | \"checked\"> & Pick<LuminaJsx.HTMLAttributes, \"role\">> | undefined","resolved":"Partial<Pick<AriaAttributesCamelCased, \"controlsElements\" | \"describedByElements\" | \"expanded\" | \"hasPopup\" | \"labelledByElements\" | \"ownsElements\" | \"pressed\" | \"checked\"> & Pick<LuminaJsx.HTMLAttributes, \"role\">> | undefined","references":{"Partial":{"location":"global","path":"global:","id":"notImplemented"},"Pick":{"location":"global","path":"global:","id":"notImplemented"},"AriaAttributesCamelCased":{"location":"local","path":"components/interfaces","id":"notImplemented"},"LuminaJsx":{"location":"import","path":"@arcgis/lumina","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"docs":"When specified, overrides or extends ARIA properties and attributes on the component's button. Refer to the component's accessibility section for configuration considerations.","docsTags":[],"values":[],"optional":true,"required":false},{"name":"compact","type":"boolean","complexType":{"original":"boolean","resolved":"boolean","references":{}},"mutable":true,"attr":"compact","reflectToAttr":true,"docs":"When `true`, the side padding of the component is reduced.","docsTags":[],"default":"false","deprecation":"in v2.11.0, removal target v5.0.0 - No longer necessary.","values":[{"type":"boolean"}],"optional":true,"required":false},{"name":"disabled","type":"boolean","complexType":{"original":"boolean","resolved":"boolean","references":{}},"mutable":true,"attr":"disabled","reflectToAttr":true,"docs":"When `true`, interaction is prevented and the component is displayed with lower opacity.","docsTags":[],"default":"false","values":[{"type":"boolean"}],"optional":true,"required":false},{"name":"form","type":"string","complexType":{"original":"string","resolved":"string","references":{}},"mutable":true,"attr":"form","reflectToAttr":true,"docs":"Specifies the `id` of the component's associated form.\n\nWhen not set, the component is associated with its ancestor form element, if one exists.","docsTags":[],"values":[{"type":"string"}],"optional":true,"required":false},{"name":"icon","type":"IconName","complexType":{"original":"IconName","resolved":"IconName","references":{"IconName":{"location":"local","path":"components/calcite-icon/interfaces","id":"notImplemented"}}},"mutable":true,"attr":"icon","reflectToAttr":true,"docs":"Specifies an icon to display.","docsTags":[],"values":[{"type":"string"}],"optional":true,"required":false},{"name":"iconFlipRtl","type":"boolean","complexType":{"original":"boolean","resolved":"boolean","references":{}},"mutable":true,"attr":"icon-flip-rtl","reflectToAttr":true,"docs":"When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`).","docsTags":[],"default":"false","values":[{"type":"boolean"}],"optional":true,"required":false},{"name":"indicator","type":"boolean","complexType":{"original":"boolean","resolved":"boolean","references":{}},"mutable":true,"attr":"indicator","reflectToAttr":true,"docs":"When `true`, displays a visual indicator.","docsTags":[],"default":"false","values":[{"type":"boolean"}],"optional":true,"required":false},{"name":"label","type":"string","complexType":{"original":"string","resolved":"string","references":{}},"mutable":true,"attr":"label","reflectToAttr":false,"docs":"Specifies an accessible label for the component. If no label is provided, the label inherits what's provided for the `text` prop.","docsTags":[],"values":[{"type":"string"}],"optional":true,"required":false},{"name":"loading","type":"boolean","complexType":{"original":"boolean","resolved":"boolean","references":{}},"mutable":true,"attr":"loading","reflectToAttr":true,"docs":"When `true`, a busy indicator is displayed.","docsTags":[],"default":"false","values":[{"type":"boolean"}],"optional":true,"required":false},{"name":"messageOverrides","type":"Record<string, unknown> | undefined","complexType":{"original":"Record<string, unknown> | undefined","resolved":"Record<string, unknown> | undefined","references":{"Record":{"location":"global","path":"global:","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"docs":"Overrides individual strings used by the component.","docsTags":[],"values":[],"optional":true,"required":false},{"name":"scale","type":"Scale","complexType":{"original":"Scale","resolved":"Scale","references":{"Scale":{"location":"local","path":"components/interfaces","id":"notImplemented"}}},"mutable":true,"attr":"scale","reflectToAttr":true,"docs":"Specifies the size of the component.","docsTags":[],"default":"\"m\"","values":[{"type":"string","value":"s"},{"type":"string","value":"m"},{"type":"string","value":"l"}],"optional":true,"required":false},{"name":"text","type":"string","complexType":{"original":"string","resolved":"string","references":{}},"mutable":true,"attr":"text","reflectToAttr":false,"docs":"Specifies text that accompanies the icon.","docsTags":[{"name":"required"}],"values":[{"type":"string"}],"optional":false,"required":true},{"name":"textEnabled","type":"boolean","complexType":{"original":"boolean","resolved":"boolean","references":{}},"mutable":true,"attr":"text-enabled","reflectToAttr":true,"docs":"When `true`, indicates whether the text is displayed.","docsTags":[],"default":"false","values":[{"type":"boolean"}],"optional":true,"required":false},{"name":"type","type":"HTMLButtonElement[\"type\"]","complexType":{"original":"HTMLButtonElement[\"type\"]","resolved":"HTMLButtonElement[\"type\"]","references":{"HTMLButtonElement":{"location":"global","path":"global:","id":"notImplemented"}}},"mutable":true,"attr":"type","reflectToAttr":true,"docs":"Specifies the default behavior of the component.","docsTags":[{"name":"mdn","text":"[type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type)"}],"default":"\"button\"","values":[{"type":"string","value":"button"},{"type":"string","value":"reset"},{"type":"string","value":"submit"}],"optional":true,"required":false}],"methods":[{"name":"componentOnReady","returns":{"type":"Promise<this>","docs":""},"complexType":{"signature":"(): Promise<this>","parameters":[],"return":"Promise<this>","references":{"Promise":{"location":"import","path":"typescript/lib/lib.es5.d.ts","id":"notImplemented"}}},"signature":"componentOnReady(): Promise<this>","parameters":[],"docs":"Create a promise that resolves once component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst action = document.querySelector(\"calcite-action\");\ndocument.body.append(action);\nawait action.componentOnReady();\nconsole.log(\"calcite-action is ready to go!\");\n```"},{"name":"inheritedFrom","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}]},{"name":"setFocus","returns":{"type":"Promise<void>","docs":""},"complexType":{"signature":"(options?: FocusOptions): Promise<void>","parameters":[{"name":"options","type":"FocusOptions","docs":"When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component."}],"return":"Promise<void>","references":{"Promise":{"location":"global","path":"global:","id":"notImplemented"},"FocusOptions":{"location":"global","path":"global:","id":"notImplemented"}}},"signature":"setFocus(options?: FocusOptions): Promise<void>","parameters":[{"name":"options","type":"FocusOptions","docs":"When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component."}],"docs":"Sets focus on the component.","docsTags":[{"name":"mdn","text":"[focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)"}]}],"events":[],"styles":[{"name":"--calcite-action-background-color-hover","annotation":"prop","docs":"Specifies the component's background color when hovered."},{"name":"--calcite-action-background-color-press","annotation":"prop","docs":"Specifies the component's background color when active."},{"name":"--calcite-action-background-color-pressed","annotation":"prop","docs":"[Deprecated] Use --calcite-action-background-color-press. Specifies the component's background color when active."},{"name":"--calcite-action-background-color","annotation":"prop","docs":"Specifies the component's background color."},{"name":"--calcite-action-corner-radius-end-end","annotation":"prop","docs":"[Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius end end."},{"name":"--calcite-action-corner-radius-end-start","annotation":"prop","docs":"[Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius end start."},{"name":"--calcite-action-corner-radius-start-end","annotation":"prop","docs":"[Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius start end."},{"name":"--calcite-action-corner-radius-start-start","annotation":"prop","docs":"[Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius start start."},{"name":"--calcite-action-corner-radius","annotation":"prop","docs":"Specifies the component's corner radius."},{"name":"--calcite-action-indicator-color","annotation":"prop","docs":"Specifies the component's indicator color."},{"name":"--calcite-action-text-color-press","annotation":"prop","docs":"Specifies the component's text color when pressed or hovered."},{"name":"--calcite-action-text-color-pressed","annotation":"prop","docs":"[Deprecated] Use --calcite-action-text-color-press. Specifies the component's text color when hovered."},{"name":"--calcite-action-text-color","annotation":"prop","docs":"Specifies the component's text color."}],"slots":[{"name":"","docs":"A slot for adding non-interactive content, such as a `calcite-icon`."}],"parts":[],"listeners":[]},{"filePath":"src/components/action-bar/action-bar.tsx","tag":"calcite-action-bar","overview":"","readme":"","usage":{},"docs":"","docsTags":[{"name":"superclass","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}],"encapsulation":"shadow","dependents":[],"dependencies":[],"dependencyGraph":{},"props":[{"name":"actionsEndGroupLabel","type":"string","complexType":{"original":"string","resolved":"string","references":{}},"mutable":true,"attr":"actions-end-group-label","reflectToAttr":false,"docs":"Specifies an accessible name for the last `calcite-action-group`.","docsTags":[],"values":[{"type":"string"}],"optional":true,"required":false},{"name":"expandDisabled","type":"boolean","complexType":{"original":"boolean","resolved":"boolean","references":{}},"mutable":true,"attr":"expand-disabled","reflectToAttr":true,"docs":"When `true`, the expand-toggling behavior is disabled.","docsTags":[],"default":"false","values":[{"type":"boolean"}],"optional":true,"required":false},{"name":"expanded","type":"boolean","complexType":{"original":"boolean","resolved":"boolean","references":{}},"mutable":true,"attr":"expanded","reflectToAttr":true,"docs":"When `true`, expands the component and its contents.","docsTags":[],"default":"false","values":[{"type":"boolean"}],"optional":true,"required":false},{"name":"floating","type":"boolean","complexType":{"original":"boolean","resolved":"boolean","references":{}},"mutable":true,"attr":"floating","reflectToAttr":true,"docs":"When `true`, the component is in a floating state.","docsTags":[],"default":"false","values":[{"type":"boolean"}],"optional":true,"required":false},{"name":"layout","type":"Extract<\"horizontal\" | \"vertical\" | \"grid\", Layout>","complexType":{"original":"Extract<\"horizontal\" | \"vertical\" | \"grid\", Layout>","resolved":"Extract<\"horizontal\" | \"vertical\" | \"grid\", Layout>","references":{"Extract":{"location":"global","path":"global:","id":"notImplemented"},"Layout":{"location":"local","path":"components/interfaces","id":"notImplemented"}}},"mutable":true,"attr":"layout","reflectToAttr":true,"docs":"Specifies the layout direction of the actions.","docsTags":[],"default":"\"vertical\"","values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"},{"type":"string","value":"grid"}],"optional":true,"required":false},{"name":"messageOverrides","type":"Record<string, unknown> | undefined","complexType":{"original":"Record<string, unknown> | undefined","resolved":"Record<string, unknown> | undefined","references":{"Record":{"location":"global","path":"global:","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"docs":"Overrides individual strings used by the component.","docsTags":[],"values":[],"optional":true,"required":false},{"name":"overflowActionsDisabled","type":"boolean","complexType":{"original":"boolean","resolved":"boolean","references":{}},"mutable":true,"attr":"overflow-actions-disabled","reflectToAttr":true,"docs":"When `true`, disables automatically overflowing `calcite-action`s that won't fit into menus.","docsTags":[],"default":"false","values":[{"type":"boolean"}],"optional":true,"required":false},{"name":"overlayPositioning","type":"OverlayPositioning","complexType":{"original":"OverlayPositioning","resolved":"OverlayPositioning","references":{"OverlayPositioning":{"location":"local","path":"utils/floating-ui","id":"notImplemented"}}},"mutable":true,"attr":"overlay-positioning","reflectToAttr":true,"docs":"Specifies the type of positioning to use for overlaid content, where:\n\n`\"absolute\"` works for most cases - positioning the component inside of overflowing parent containers, which affects the container's layout, and\n\n`\"fixed\"` is used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.","docsTags":[],"default":"\"absolute\"","values":[{"type":"string","value":"fixed"},{"type":"string","value":"absolute"}],"optional":true,"required":false},{"name":"position","type":"Extract<\"start\" | \"end\", Position>","complexType":{"original":"Extract<\"start\" | \"end\", Position>","resolved":"Extract<\"start\" | \"end\", Position>","references":{"Extract":{"location":"global","path":"global:","id":"notImplemented"},"Position":{"location":"local","path":"components/interfaces","id":"notImplemented"}}},"mutable":true,"attr":"position","reflectToAttr":true,"docs":"Specifies the position of the component depending on the element's `dir` property.","docsTags":[],"values":[{"type":"string","value":"start"},{"type":"string","value":"end"}],"optional":true,"required":false},{"name":"scale","type":"Scale","complexType":{"original":"Scale","resolved":"Scale","references":{"Scale":{"location":"local","path":"components/interfaces","id":"notImplemented"}}},"mutable":true,"attr":"scale","reflectToAttr":true,"docs":"Specifies the size of the expand `calcite-action`.","docsTags":[],"default":"\"m\"","values":[{"type":"string","value":"s"},{"type":"string","value":"m"},{"type":"string","value":"l"}],"optional":true,"required":false},{"name":"selectionAppearance","type":"Extract<\"neutral\" | \"highlight\", SelectionAppearance>","complexType":{"original":"Extract<\"neutral\" | \"highlight\", SelectionAppearance>","resolved":"Extract<\"neutral\" | \"highlight\", SelectionAppearance>","references":{"Extract":{"location":"global","path":"global:","id":"notImplemented"},"SelectionAppearance":{"location":"local","path":"components/interfaces","id":"notImplemented"}}},"mutable":true,"attr":"selection-appearance","reflectToAttr":true,"docs":"Specifies the selection appearance of the component","docsTags":[],"default":"\"neutral\"","values":[{"type":"string","value":"neutral"},{"type":"string","value":"highlight"}],"optional":true,"required":false}],"methods":[{"name":"componentOnReady","returns":{"type":"Promise<this>","docs":""},"complexType":{"signature":"(): Promise<this>","parameters":[],"return":"Promise<this>","references":{"Promise":{"location":"import","path":"typescript/lib/lib.es5.d.ts","id":"notImplemented"}}},"signature":"componentOnReady(): Promise<this>","parameters":[],"docs":"Create a promise that resolves once component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst actionBar = document.querySelector(\"calcite-action-bar\");\ndocument.body.append(actionBar);\nawait actionBar.componentOnReady();\nconsole.log(\"calcite-action-bar is ready to go!\");\n```"},{"name":"inheritedFrom","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}]},{"name":"setFocus","returns":{"type":"Promise<void>","docs":""},"complexType":{"signature":"(options?: FocusOptions): Promise<void>","parameters":[{"name":"options","type":"FocusOptions","docs":"When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component."}],"return":"Promise<void>","references":{"Promise":{"location":"global","path":"global:","id":"notImplemented"},"FocusOptions":{"location":"global","path":"global:","id":"notImplemented"}}},"signature":"setFocus(options?: FocusOptions): Promise<void>","parameters":[{"name":"options","type":"FocusOptions","docs":"When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component."}],"docs":"Sets focus on the component's first focusable element.","docsTags":[{"name":"mdn","text":"[focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)"}]}],"events":[{"event":"calciteActionBarCollapse","detail":"void","bubbles":true,"complexType":{"original":"void","resolved":"void","references":{}},"cancelable":false,"composed":true,"docs":"Fires when the component's content area is collapsed.","docsTags":[]},{"event":"calciteActionBarExpand","detail":"void","bubbles":true,"complexType":{"original":"void","resolved":"void","references":{}},"cancelable":false,"composed":true,"docs":"Fires when the component's content area is expanded.","docsTags":[]},{"event":"calciteActionBarToggle","detail":"void","bubbles":true,"complexType":{"original":"void","resolved":"void","references":{}},"cancelable":false,"composed":true,"docs":"Fires when the `expanded` property is toggled.","docsTags":[]}],"styles":[{"name":"--calcite-action-bar-background-color","annotation":"prop","docs":"Specifies the component's background color."},{"name":"--calcite-action-bar-corner-radius","annotation":"prop","docs":"Specifies the component's border radius when `floating` is `true`."},{"name":"--calcite-action-bar-expanded-max-width","annotation":"prop","docs":"When `layout` is `\"vertical\"`, specifies the component's maximum width."},{"name":"--calcite-action-bar-items-space","annotation":"prop","docs":"Specifies the space between slotted components in the component."},{"name":"--calcite-action-bar-shadow","annotation":"prop","docs":"Specifies the component's shadow when `floating` is `true`."}],"slots":[{"name":"","docs":"A slot for adding `calcite-action`s that will appear at the top of the component."},{"name":"actions-end","docs":"A slot for adding `calcite-action`s that will appear at the end of the component, prior to the collapse/expand button."},{"name":"expand-tooltip","docs":"A slot to set the `calcite-tooltip` for the expand toggle."}],"parts":[],"listeners":[]},{"filePath":"src/components/action-group/action-group.tsx","tag":"calcite-action-group","overview":"","readme":"","usage":{},"docs":"","docsTags":[{"name":"superclass","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}],"encapsulation":"shadow","dependents":[],"dependencies":[],"dependencyGraph":{},"props":[{"name":"columns","type":"Columns","complexType":{"original":"Columns","resolved":"Columns","references":{"Columns":{"location":"local","path":"components/calcite-action-group/interfaces","id":"notImplemented"}}},"mutable":true,"attr":"columns","reflectToAttr":true,"docs":"Specifies the number of columns.","docsTags":[],"values":[{"type":"number","value":"1"},{"type":"number","value":"2"},{"type":"number","value":"3"},{"type":"number","value":"4"},{"type":"number","value":"5"},{"type":"number","value":"6"}],"optional":true,"required":false},{"name":"expanded","type":"boolean","complexType":{"original":"boolean","resolved":"boolean","references":{}},"mutable":true,"attr":"expanded","reflectToAttr":true,"docs":"When `true`, expands the component and its contents.","docsTags":[],"default":"false","values":[{"type":"boolean"}],"optional":true,"required":false},{"name":"label","type":"string","complexType":{"original":"string","resolved":"string","references":{}},"mutable":true,"attr":"label","reflectToAttr":false,"docs":"Specifies an accessible label for the component.","docsTags":[],"values":[{"type":"string"}],"optional":true,"required":false},{"name":"layout","type":"Extract<\"horizontal\" | \"vertical\" | \"grid\", Layout>","complexType":{"original":"Extract<\"horizontal\" | \"vertical\" | \"grid\", Layout>","resolved":"Extract<\"horizontal\" | \"vertical\" | \"grid\", Layout>","references":{"Extract":{"location":"global","path":"global:","id":"notImplemented"},"Layout":{"location":"local","path":"components/interfaces","id":"notImplemented"}}},"mutable":true,"attr":"layout","reflectToAttr":true,"docs":"Indicates the layout of the component.","docsTags":[{"name":"internal"}],"default":"\"vertical\"","values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"},{"type":"string","value":"grid"}],"optional":true,"required":false},{"name":"menuFlipPlacements","type":"FlipPlacement[]","complexType":{"original":"FlipPlacement[]","resolved":"FlipPlacement[]","references":{"FlipPlacement":{"location":"local","path":"utils/floating-ui","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"docs":"Specifies the component's fallback `menuPlacement` when it's initial or specified `menuPlacement` has insufficient space available.","docsTags":[],"values":[],"optional":true,"required":false},{"name":"menuOpen","type":"boolean","complexType":{"original":"boolean","resolved":"boolean","references":{}},"mutable":true,"attr":"menu-open","reflectToAttr":true,"docs":"When `true`, the `calcite-action-menu` is open.","docsTags":[],"default":"false","values":[{"type":"boolean"}],"optional":true,"required":false},{"name":"menuPlacement","type":"LogicalPlacement","complexType":{"original":"LogicalPlacement","resolved":"LogicalPlacement","references":{"LogicalPlacement":{"location":"local","path":"utils/floating-ui","id":"notImplemented"}}},"mutable":true,"attr":"menu-placement","reflectToAttr":true,"docs":"Specifies the position of the action menu.","docsTags":[],"values":[{"type":"string","value":"auto"},{"type":"string","value":"top"},{"type":"string","value":"bottom"},{"type":"string","value":"left"},{"type":"string","value":"right"},{"type":"string","value":"auto-start"},{"type":"string","value":"auto-end"},{"type":"string","value":"top-start"},{"type":"string","value":"top-end"},{"type":"string","value":"bottom-start"},{"type":"string","value":"bottom-end"},{"type":"string","value":"right-start"},{"type":"string","value":"right-end"},{"type":"string","value":"left-start"},{"type":"string","value":"left-end"},{"type":"string","value":"leading-start"},{"type":"string","value":"leading"},{"type":"string","value":"leading-end"},{"type":"string","value":"trailing-end"},{"type":"string","value":"trailing"},{"type":"string","value":"trailing-start"}],"optional":true,"required":false},{"name":"messageOverrides","type":"Record<string, unknown> | undefined","complexType":{"original":"Record<string, unknown> | undefined","resolved":"Record<string, unknown> | undefined","references":{"Record":{"location":"global","path":"global:","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"docs":"Overrides individual strings used by the component.","docsTags":[],"values":[],"optional":true,"required":false},{"name":"overlayPositioning","type":"OverlayPositioning","complexType":{"original":"OverlayPositioning","resolved":"OverlayPositioning","references":{"OverlayPositioning":{"location":"local","path":"utils/floating-ui","id":"notImplemented"}}},"mutable":true,"attr":"overlay-positioning","reflectToAttr":true,"docs":"Specifies the type of positioning to use for overlaid content, where:\n\n`\"absolute\"` works for most cases - positioning the component inside of overflowing parent containers, which affects the container's layout, and\n\n`\"fixed\"` is used to escape an overflowing parent container, or when the reference element's `position` CSS property is `\"fixed\"`.","docsTags":[],"default":"\"absolute\"","values":[{"type":"string","value":"fixed"},{"type":"string","value":"absolute"}],"optional":true,"required":false},{"name":"scale","type":"Scale","complexType":{"original":"Scale","resolved":"Scale","references":{"Scale":{"location":"local","path":"components/interfaces","id":"notImplemented"}}},"mutable":true,"attr":"scale","reflectToAttr":true,"docs":"Specifies the size of the `calcite-action-menu`.","docsTags":[],"default":"\"m\"","values":[{"type":"string","value":"s"},{"type":"string","value":"m"},{"type":"string","value":"l"}],"optional":true,"required":false},{"name":"selectionMode","type":"Extract<\"single\" | \"single-persist\" | \"multiple\" | \"none\", SelectionMode>","complexType":{"original":"Extract<\"single\" | \"single-persist\" | \"multiple\" | \"none\", SelectionMode>","resolved":"Extract<\"single\" | \"single-persist\" | \"multiple\" | \"none\", SelectionMode>","references":{"Extract":{"location":"global","path":"global:","id":"notImplemented"},"SelectionMode":{"location":"local","path":"components/interfaces","id":"notImplemented"}}},"mutable":true,"attr":"selection-mode","reflectToAttr":true,"docs":"Specifies the selection mode of the component, where:\n\n`\"multiple\"` allows any number of selections,\n\n`\"single\"` allows only one selection,\n\n`\"single-persist\"` allows one selection and prevents de-selection, and\n\n`\"none\"` disables selection (default).","docsTags":[],"default":"\"none\"","values":[{"type":"string","value":"none"},{"type":"string","value":"single"},{"type":"string","value":"single-persist"},{"type":"string","value":"multiple"}],"optional":true,"required":false},{"name":"topLayerDisabled","type":"boolean","complexType":{"original":"boolean","resolved":"boolean","references":{}},"mutable":true,"attr":"top-layer-disabled","reflectToAttr":true,"docs":"When `true` and the component is `open`, disables top layer placement.\n\nOnly set this if you need complex z-index control or if top layer placement causes conflicts with third-party components.","docsTags":[{"name":"mdn","text":"[Top Layer](https://developer.mozilla.org/en-US/docs/Glossary/Top_layer)"}],"default":"false","values":[{"type":"boolean"}],"optional":true,"required":false}],"methods":[{"name":"componentOnReady","returns":{"type":"Promise<this>","docs":""},"complexType":{"signature":"(): Promise<this>","parameters":[],"return":"Promise<this>","references":{"Promise":{"location":"import","path":"typescript/lib/lib.es5.d.ts","id":"notImplemented"}}},"signature":"componentOnReady(): Promise<this>","parameters":[],"docs":"Create a promise that resolves once component is fully loaded.","docsTags":[{"name":"example","text":"```js\nconst actionGroup = document.querySelector(\"calcite-action-group\");\ndocument.body.append(actionGroup);\nawait actionGroup.componentOnReady();\nconsole.log(\"calcite-action-group is ready to go!\");\n```"},{"name":"inheritedFrom","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}]},{"name":"setFocus","returns":{"type":"Promise<void>","docs":""},"complexType":{"signature":"(options?: FocusOptions): Promise<void>","parameters":[{"name":"options","type":"FocusOptions","docs":"When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component."}],"return":"Promise<void>","references":{"Promise":{"location":"global","path":"global:","id":"notImplemented"},"FocusOptions":{"location":"global","path":"global:","id":"notImplemented"}}},"signature":"setFocus(options?: FocusOptions): Promise<void>","parameters":[{"name":"options","type":"FocusOptions","docs":"When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component."}],"docs":"Sets focus on the component's first focusable element.","docsTags":[{"name":"mdn","text":"[focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)"}]}],"events":[{"event":"calciteActionGroupCollapse","detail":"void","bubbles":true,"complexType":{"original":"void","resolved":"void","references":{}},"cancelable":false,"composed":true,"docs":"Fires when the component's content area is collapsed.","docsTags":[]},{"event":"calciteActionGroupExpand","detail":"void","bubbles":true,"complexType":{"original":"void","resolved":"void","references":{}},"cancelable":false,"composed":true,"docs":"Fires when the component's content area is expanded.","docsTags":[]}],"styles":[{"name":"--calcite-action-background-color","annotation":"prop","docs":"Specifies the component's background color."},{"name":"--calcite-action-group-border-color","annotation":"prop","docs":"Specifies the component's border color when used in a `calcite-action-bar` or `calcite-action-menu`."},{"name":"--calcite-action-group-columns","annotation":"prop","docs":"When `layout` is `\"grid\"`, specifies the component's `grid-template-columns`."},{"name":"--calcite-action-group-gap","annotation":"prop","docs":"When `layout` is `\"grid\"`, specifies the component's gap."}],"slots":[{"name":"","docs":"A slot for adding `calcite-action`s."},{"name":"menu-actions","docs":"A slot for adding an overflow menu with `calcite-action`s inside a `calcite-dropdown`."},{"name":"menu-tooltip","docs":"A slot for adding a `calcite-tooltip` for the menu."}],"parts":[],"listeners":[]},{"filePath":"src/components/action-menu/action-menu.tsx","tag":"calcite-action-menu","overview":"","readme":"","usage":{},"docs":"","docsTags":[{"name":"superclass","text":"{\"name\":\"PublicLitElement\",\"module\":\"PublicLitElement\",\"package\":\"@arcgis/lumina\"}"}],"encapsulation":"shadow","dependents":[],"dependencies":[],"dependencyGraph":{},"props":[{"name":"appearance","type":"Extract<\"solid\" | \"transparent\", Appearance>","complexType":{"original":"Extract<\"solid\" | \"transparent\", Appearance>","resolved":"Extract<\"solid\" | \"transparent\", Appearance>","references":{"Extract":{"location":"global","path":"global:","id":"notImplemented"},"Appearance":{"location":"local","path":"components/interfaces","id":"notImplemented"}}},"mutable":true,"attr":"appearance","reflectToAttr":true,"docs":"Specifies the appearance of the component.","docsTags":[],"default":"\"solid\"","values":[{"type":"string","value":"solid"},{"type":"string","value":"transparent"}],"optional":true,"required":false},{"name":"expanded","type":"boolean","complexType":{"original":"boolean","resolved":"boolean","references":{}},"mutable":true,"attr":"expanded","reflectToAttr":true,"docs":"When `true`, expands the component and its contents.","docsTags":[],"default":"false","values":[{"type":"boolean"}],"optional":true,"required":false},{"name":"flipPlacements","type":"FlipPlacement[]","complexType":{"original":"FlipPlacement[]","resolved":"FlipPlacement[]","references":{"FlipPlacement":{"location":"local","path":"utils/floating-ui","id":"notImplemented"}}},"mutable":true,"reflectToAttr":false,"docs":"Specifies the component's fallback `placement` for slotted content when it's initial or specified `placement` has insufficient space available.","docsTags":[],"values":[],"optional":true,"required":false},{"name":"label","type":"string","complexType":{"original":"string","resolved":"string","references":{}},"mutable":true,"attr":"label","reflectToAttr":false,"docs":"Specifies an accessible label for the component.","docsTags":[{"name":"required"}],"values":[{"type":"string"}],"optional":false,"required":true},{"name":"open","type":"boolean","complexType":{"original":"boolean","resolved":"boolean","references":{}},"mutable":true,"attr":"open","reflectToAttr":true,"docs":"When `true`, the component is open.","docsTags":[],"default":"false","values":[{"type":"boolean"}],"optional":true,"required":false},{"name":"overlayPositioning","type":"OverlayPositioning","complexType":{"original":"OverlayPositioning","resolved":"OverlayPositioning","references":{"OverlayPositioning":{"location":"local","p