@esri/calcite-components
Version:
Web Components for Esri's Calcite Design System.
1 lines • 1.1 MB
JSON
{"timestamp":"2026-02-18T20:15:58","compiler":{"name":"@arcgis/lumina-compiler","version":"5.0.0-next.146","typescriptVersion":"5.9.3"},"schemaVersion":"2.1.0","modules":[{"kind":"javascript-module","path":"index","sourcePath":"src/index.ts","declarations":[{"kind":"variable","name":"assetPathChanged","docsTags":[{"name":"internal"}],"type":{"text":"boolean"},"default":"false"},{"kind":"function","name":"getAssetPath","description":"Get a resolved path from where an asset can be loaded.","parameters":[{"name":"suffix","description":"The relative path for the asset.","type":{"text":"string"}}],"return":{"type":{"text":"string"}}},{"kind":"function","name":"setAssetPath","description":"Used to manually set the base path where package assets (like localization\nand icons) can be found.\n\nBy default, the package assets are loaded from\n`https://js.arcgis.com/<version>/<simplified-package-name>/`. We are hosting\nour assets on a CDN (Content Delivery Network) to ensure fast and reliable\naccess. It is CORS-enabled, so you can load the assets from any domain. This\nis the recommended way to load the assets and avoid bundling them with your\napplication.\n\nHowever, if you need to host the assets locally, you can copy them manually\nas part of your build process and use `setAssetPath` to customize where the\nbrowser will load the assets from.","parameters":[{"name":"path","description":"Relative or absolute path to the assets folder.","type":{"text":"URL | string","references":[{"name":"URL","package":"global:","viewUrl":"https://developer.mozilla.org/docs/Web/API/URL","start":0,"end":3}]}}],"return":{"type":{"text":"void"}}}]},{"kind":"javascript-module","path":"components/interfaces","sourcePath":"src/components/interfaces.ts","declarations":[{"kind":"interface","name":"Alignment","type":{"text":"\"start\" | \"center\" | \"end\""}},{"kind":"interface","name":"Appearance","type":{"text":"\"solid\" | \"outline\" | \"outline-fill\" | \"transparent\""}},{"kind":"interface","name":"FlipContext","type":{"text":"\"both\" | \"start\" | \"end\""}},{"kind":"interface","name":"Height","supertypes":[{"name":"Scale","viewUrl":"https://developers.arcgis.com/javascript/latest/api-reference/esri-components-interfaces.html#Scale"}]},{"kind":"interface","name":"Kind","type":{"text":"\"brand\" | \"danger\" | \"info\" | \"inverse\" | \"neutral\" | \"warning\" | \"success\""}},{"kind":"interface","name":"Layout","type":{"text":"\"horizontal\" | \"vertical\" | \"grid\" | \"inline\" | \"center\" | \"auto\" | \"fixed\" | \"none\" | \"horizontal-single\""}},{"kind":"interface","name":"LogicalFlowPosition","type":{"text":"\"inline-start\" | \"inline-end\" | \"block-start\" | \"block-end\""}},{"kind":"interface","name":"Position","type":{"text":"\"start\" | \"end\" | \"top\" | \"bottom\""}},{"kind":"interface","name":"SelectionAppearance","type":{"text":"\"icon\" | \"border\" | \"neutral\" | \"highlight\""}},{"kind":"interface","name":"SelectionMode","type":{"text":"\"single\" | \"none\" | \"children\" | \"single-persist\" | \"multichildren\" | \"ancestors\" | \"multiple\""}},{"kind":"interface","name":"Scale","type":{"text":"\"s\" | \"m\" | \"l\""}},{"kind":"interface","name":"Status","type":{"text":"\"invalid\" | \"valid\" | \"idle\""}},{"kind":"interface","name":"Width","type":{"text":"Scale | \"auto\" | \"half\" | \"full\"","references":[{"name":"Scale","viewUrl":"https://developers.arcgis.com/javascript/latest/api-reference/esri-components-interfaces.html#Scale","start":0,"end":5}]}},{"kind":"interface","name":"IconType","type":{"text":"\"chevron\" | \"caret\" | \"ellipsis\" | \"overflow\" | \"plus-minus\""}},{"kind":"interface","name":"CollapseDirection","type":{"text":"\"down\" | \"up\""}},{"kind":"interface","name":"InteractionMode","type":{"text":"\"interactive\" | \"static\""}},{"kind":"interface","name":"AriaAttributesCamelCased","type":{"text":"{\n [K in Exclude<keyof LuminaJsx.AriaAttributes, \"role\"> as CamelCase<RemoveAriaPrefix<K & string>>]: LuminaJsx.AriaAttributes[K];\n}","references":[{"name":"Exclude","package":"global:","viewUrl":"https://www.typescriptlang.org/docs/handbook/utility-types.html#excludeuniontype-excludedmembers","start":12,"end":19},{"name":"LuminaJsx","package":"@arcgis/lumina","start":26,"end":35},{"name":"CamelCase","package":"type-fest","start":63,"end":72},{"name":"RemoveAriaPrefix","viewUrl":"https://developers.arcgis.com/javascript/latest/api-reference/esri-components-interfaces.html#RemoveAriaPrefix","start":73,"end":89},{"name":"LuminaJsx","package":"@arcgis/lumina","start":105,"end":114}]}},{"kind":"interface","name":"RemoveAriaPrefix","typeParameters":[{"name":"K","constraint":{"text":"string"}}],"type":{"text":"K extends `aria-${infer Rest}` ? Rest : K extends `aria${infer Rest}` ? Uncapitalize<Rest> : K","references":[{"name":"K","start":0,"end":1},{"name":"K","start":40,"end":41},{"name":"Uncapitalize","package":"global:","viewUrl":"https://www.typescriptlang.org/docs/handbook/utility-types.html#intrinsic-string-manipulation-types","start":72,"end":84},{"name":"K","start":93,"end":94}]}}]},{"kind":"javascript-module","path":"components/calcite-accordion","sourcePath":"src/components/accordion/accordion.tsx","declarations":[{"kind":"class","name":"Accordion","customElement":true,"tagName":"calcite-accordion","pascalCaseName":"CalciteAccordion","superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","name":"appearance","description":"Specifies the appearance of the component.","type":{"text":"Extract<\"solid\" | \"transparent\", Appearance>","references":[{"name":"Extract","package":"global:","viewUrl":"https://www.typescriptlang.org/docs/handbook/utility-types.html#extracttype-union","start":0,"end":7},{"name":"Appearance","module":"components/interfaces","viewUrl":"https://developers.arcgis.com/javascript/latest/api-reference/esri-components-interfaces.html#Appearance","start":33,"end":43}],"values":[{"type":"string","value":"solid"},{"type":"string","value":"transparent"}]},"default":"\"solid\"","attribute":"appearance","reflects":true},{"kind":"field","name":"iconPosition","description":"Specifies the position of the expand and collapse icons within `calcite-accordion-item`s","type":{"text":"Extract<\"start\" | \"end\", Position>","references":[{"name":"Extract","package":"global:","viewUrl":"https://www.typescriptlang.org/docs/handbook/utility-types.html#extracttype-union","start":0,"end":7},{"name":"Position","module":"components/interfaces","viewUrl":"https://developers.arcgis.com/javascript/latest/api-reference/esri-components-interfaces.html#Position","start":25,"end":33}],"values":[{"type":"string","value":"start"},{"type":"string","value":"end"}]},"default":"\"end\"","attribute":"icon-position","reflects":true},{"kind":"field","name":"iconType","description":"Specifies the type of the icon in the header.","type":{"text":"Extract<\"chevron\" | \"caret\" | \"plus-minus\", IconType>","references":[{"name":"Extract","package":"global:","viewUrl":"https://www.typescriptlang.org/docs/handbook/utility-types.html#extracttype-union","start":0,"end":7},{"name":"IconType","module":"components/interfaces","viewUrl":"https://developers.arcgis.com/javascript/latest/api-reference/esri-components-interfaces.html#IconType","start":44,"end":52}],"values":[{"type":"string","value":"chevron"},{"type":"string","value":"caret"},{"type":"string","value":"plus-minus"}]},"default":"\"chevron\"","attribute":"icon-type","reflects":true},{"kind":"field","name":"scale","description":"Specifies the size of the component.","type":{"text":"Scale","references":[{"name":"Scale","module":"components/interfaces","viewUrl":"https://developers.arcgis.com/javascript/latest/api-reference/esri-components-interfaces.html#Scale","start":0,"end":5}],"values":[{"type":"string","value":"s"},{"type":"string","value":"m"},{"type":"string","value":"l"}]},"default":"\"m\"","attribute":"scale","reflects":true},{"kind":"field","name":"selectionMode","description":"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.","type":{"text":"Extract<\"single\" | \"single-persist\" | \"multiple\", SelectionMode>","references":[{"name":"Extract","package":"global:","viewUrl":"https://www.typescriptlang.org/docs/handbook/utility-types.html#extracttype-union","start":0,"end":7},{"name":"SelectionMode","module":"components/interfaces","viewUrl":"https://developers.arcgis.com/javascript/latest/api-reference/esri-components-interfaces.html#SelectionMode","start":50,"end":63}],"values":[{"type":"string","value":"single"},{"type":"string","value":"single-persist"},{"type":"string","value":"multiple"}]},"default":"\"multiple\"","attribute":"selection-mode","reflects":true},{"kind":"method","name":"componentOnReady","description":"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```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"}],"attributes":[{"name":"appearance","description":"Specifies the appearance of the component.","type":{"text":"\"solid\" | \"transparent\"","values":[{"type":"string","value":"solid"},{"type":"string","value":"transparent"}]},"default":"\"solid\"","fieldName":"appearance"},{"name":"icon-position","description":"Specifies the position of the expand and collapse icons within `calcite-accordion-item`s","type":{"text":"\"start\" | \"end\"","values":[{"type":"string","value":"start"},{"type":"string","value":"end"}]},"default":"\"end\"","fieldName":"iconPosition"},{"name":"icon-type","description":"Specifies the type of the icon in the header.","type":{"text":"\"chevron\" | \"caret\" | \"plus-minus\"","values":[{"type":"string","value":"chevron"},{"type":"string","value":"caret"},{"type":"string","value":"plus-minus"}]},"default":"\"chevron\"","fieldName":"iconType"},{"name":"scale","description":"Specifies the size of the component.","type":{"text":"\"s\" | \"m\" | \"l\"","values":[{"type":"string","value":"s"},{"type":"string","value":"m"},{"type":"string","value":"l"}]},"default":"\"m\"","fieldName":"scale"},{"name":"selection-mode","description":"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.","type":{"text":"\"single\" | \"single-persist\" | \"multiple\"","values":[{"type":"string","value":"single"},{"type":"string","value":"single-persist"},{"type":"string","value":"multiple"}]},"default":"\"multiple\"","fieldName":"selectionMode"}],"slots":[{"name":"","description":"A slot for adding `calcite-accordion-item`s. `calcite-accordion` cannot be nested, however `calcite-accordion-item`s can."}],"cssProperties":[{"name":"--calcite-accordion-border-color","description":"Specifies the component's border color."},{"name":"--calcite-accordion-background-color","description":"Specifies the component's background color."},{"name":"--calcite-accordion-text-color","description":"Specifies the component's text color."},{"name":"--calcite-accordion-text-color-hover","description":"Specifies the component's main text color on hover."},{"name":"--calcite-accordion-text-color-press","description":"Specifies the component's main text color when pressed."}],"importPath":"components/calcite-accordion"}],"exports":[{"kind":"custom-element-definition","name":"calcite-accordion","declaration":{"name":"Accordion"}}]},{"kind":"javascript-module","path":"components/calcite-accordion-item","sourcePath":"src/components/accordion-item/accordion-item.tsx","declarations":[{"kind":"class","name":"AccordionItem","customElement":true,"tagName":"calcite-accordion-item","pascalCaseName":"CalciteAccordionItem","superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","name":"description","description":"Specifies a description for the component.","type":{"text":"string","values":[{"type":"string"}]},"attribute":"description"},{"kind":"field","name":"expanded","description":"When `true`, expands the component and its contents.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"expanded","reflects":true},{"kind":"field","name":"heading","description":"Specifies the component's heading text.","type":{"text":"string","values":[{"type":"string"}]},"attribute":"heading"},{"kind":"field","name":"headingLevel","description":"Specifies the heading level number of the component's `heading` for proper document structure, without affecting visual styling.","type":{"text":"HeadingLevel","references":[{"name":"HeadingLevel","module":"components/functional/Heading","viewUrl":"https://developers.arcgis.com/javascript/latest/api-reference/esri-components-functional-Heading.html#HeadingLevel","start":0,"end":12}],"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"}]},"attribute":"heading-level","reflects":true},{"kind":"field","name":"iconEnd","description":"Specifies an icon to display at the end of the component.","type":{"text":"IconName","references":[{"name":"IconName","module":"components/calcite-icon/interfaces","viewUrl":"https://developers.arcgis.com/javascript/latest/api-reference/esri-components-calcite-icon-interfaces.html#IconName","start":0,"end":8}],"values":[{"type":"string"}]},"attribute":"icon-end","reflects":true},{"kind":"field","name":"iconFlipRtl","description":"Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`).","type":{"text":"FlipContext","references":[{"name":"FlipContext","module":"components/interfaces","viewUrl":"https://developers.arcgis.com/javascript/latest/api-reference/esri-components-interfaces.html#FlipContext","start":0,"end":11}],"values":[{"type":"string","value":"start"},{"type":"string","value":"end"},{"type":"string","value":"both"}]},"attribute":"icon-flip-rtl","reflects":true},{"kind":"field","name":"iconStart","description":"Specifies an icon to display at the start of the component.","type":{"text":"IconName","references":[{"name":"IconName","module":"components/calcite-icon/interfaces","viewUrl":"https://developers.arcgis.com/javascript/latest/api-reference/esri-components-calcite-icon-interfaces.html#IconName","start":0,"end":8}],"values":[{"type":"string"}]},"attribute":"icon-start","reflects":true},{"kind":"field","name":"messageOverrides","description":"Overrides individual strings used by the component.","type":{"text":"Record<string, unknown> | undefined","references":[{"name":"Record","package":"global:","viewUrl":"https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type","start":0,"end":6}]}},{"kind":"method","name":"componentOnReady","description":"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```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"},{"kind":"method","name":"setFocus","description":"Sets focus on the component.","docsTags":[{"name":"mdn","text":"[focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)"}],"parameters":[{"name":"options","description":"When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component.","optional":true,"type":{"text":"FocusOptions","references":[{"name":"FocusOptions","package":"global:","start":0,"end":12}]}}],"return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(options?: FocusOptions): Promise<void>"}],"attributes":[{"name":"description","description":"Specifies a description for the component.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"description"},{"name":"expanded","description":"When `true`, expands the component and its contents.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"expanded"},{"name":"heading","description":"Specifies the component's heading text.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"heading"},{"name":"heading-level","description":"Specifies the heading level number of the component's `heading` for proper document structure, without affecting visual styling.","type":{"text":"1 | 2 | 3 | 4 | 5 | 6","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"}]},"fieldName":"headingLevel"},{"name":"icon-end","description":"Specifies an icon to display at the end of the component.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"iconEnd"},{"name":"icon-flip-rtl","description":"Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`\"rtl\"`).","type":{"text":"\"start\" | \"end\" | \"both\"","values":[{"type":"string","value":"start"},{"type":"string","value":"end"},{"type":"string","value":"both"}]},"fieldName":"iconFlipRtl"},{"name":"icon-start","description":"Specifies an icon to display at the start of the component.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"iconStart"}],"events":[{"name":"calciteAccordionItemCollapse","description":"Fires when the component's content area is collapsed.","type":{"text":"void"},"cancelable":false},{"name":"calciteAccordionItemExpand","description":"Fires when the component's content area is expanded.","type":{"text":"void"},"cancelable":false}],"slots":[{"name":"","description":"A slot for adding custom content, including nested `calcite-accordion-item`s."},{"name":"actions-end","description":"A slot for adding `calcite-action`s or content to the end side of the component's header."},{"name":"actions-start","description":"A slot for adding `calcite-action`s or content to the start side of the component's header."},{"name":"content-end","description":"A slot for adding non-actionable elements after the component's header text."},{"name":"content-start","description":"A slot for adding non-actionable elements before the component's header text."}],"cssProperties":[{"name":"--calcite-accordion-border-color","description":"Specifies the component's border color."},{"name":"--calcite-accordion-background-color","description":"Specifies the component's background color."},{"name":"--calcite-accordion-text-color","description":"Specifies the component's text color."},{"name":"--calcite-accordion-text-color-hover","description":"Specifies the component's main text color on hover."},{"name":"--calcite-accordion-text-color-press","description":"Specifies the component's main text color when pressed."},{"name":"--calcite-accordion-item-background-color","description":"[Deprecated] Use `--calcite-accordion-background-color`. Specifies the component's background color."},{"name":"--calcite-accordion-item-border-color","description":"[Deprecated] Use `--calcite-accordion-border-color`. Specifies the component's border color."},{"name":"--calcite-accordion-item-content-space","description":"Specifies the component's padding."},{"name":"--calcite-accordion-item-end-icon-color","description":"Specifies the component's `iconEnd` color. Falls back to `--calcite-accordion-item-icon-color` or current color."},{"name":"--calcite-accordion-item-expand-icon-color","description":"Specifies the component's expand icon color."},{"name":"--calcite-accordion-item-header-background-color","description":"Specifies the component's `heading` background color."},{"name":"--calcite-accordion-item-header-background-color-hover","description":"Specifies the component's `heading` background color when hovered."},{"name":"--calcite-accordion-item-header-background-color-press","description":"Specifies the component's `heading` background color when pressed."},{"name":"--calcite-accordion-item-heading-text-color","description":"Specifies the component's `heading` text color."},{"name":"--calcite-accordion-item-icon-color","description":"[Deprecated] Use `--calcite-icon-color`. Specifies the component's default icon color."},{"name":"--calcite-accordion-item-start-icon-color","description":"Specifies the component's `iconStart` color. Falls back to `--calcite-accordion-item-icon-color` or current color."},{"name":"--calcite-accordion-item-text-color","description":"[Deprecated] Use `--calcite-accordion-text-color`. Specifies the component's text color."},{"name":"--calcite-accordion-item-text-color-hover","description":"[Deprecated] Use `--calcite-accordion-text-color-hover`. Specifies the component's text color on hover."}],"importPath":"components/calcite-accordion-item"}],"exports":[{"kind":"custom-element-definition","name":"calcite-accordion-item","declaration":{"name":"AccordionItem"}}]},{"kind":"javascript-module","path":"components/calcite-action","sourcePath":"src/components/action/action.tsx","declarations":[{"kind":"class","name":"Action","customElement":true,"tagName":"calcite-action","pascalCaseName":"CalciteAction","superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","name":"active","description":"When `true`, the component is highlighted.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"active","reflects":true},{"kind":"field","name":"alignment","description":"Specifies the horizontal alignment of button elements with text content.","type":{"text":"Alignment","references":[{"name":"Alignment","module":"components/interfaces","viewUrl":"https://developers.arcgis.com/javascript/latest/api-reference/esri-components-interfaces.html#Alignment","start":0,"end":9}],"values":[{"type":"string","value":"start"},{"type":"string","value":"center"},{"type":"string","value":"end"}]},"attribute":"alignment","reflects":true},{"kind":"field","name":"appearance","deprecated":"in v5.0.0, removal target v6.0.0 - No longer necessary.","description":"Specifies the appearance of the component.","type":{"text":"Extract<\"solid\" | \"transparent\", Appearance>","references":[{"name":"Extract","package":"global:","viewUrl":"https://www.typescriptlang.org/docs/handbook/utility-types.html#extracttype-union","start":0,"end":7},{"name":"Appearance","module":"components/interfaces","viewUrl":"https://developers.arcgis.com/javascript/latest/api-reference/esri-components-interfaces.html#Appearance","start":33,"end":43}],"values":[{"type":"string","value":"solid"},{"type":"string","value":"transparent"}]},"default":"\"transparent\"","attribute":"appearance","reflects":true},{"kind":"field","name":"aria","description":"When specified, overrides or extends ARIA properties and attributes on the component's button. Refer to the component's accessibility section for configuration considerations.","type":{"text":"Partial<Pick<AriaAttributesCamelCased, \"controlsElements\" | \"describedByElements\" | \"expanded\" | \"hasPopup\" | \"labelledByElements\" | \"ownsElements\" | \"pressed\" | \"checked\"> & Pick<LuminaJsx.HTMLAttributes, \"role\">> | undefined","references":[{"name":"Partial","package":"global:","viewUrl":"https://www.typescriptlang.org/docs/handbook/utility-types.html#partialtype","start":0,"end":7},{"name":"Pick","package":"global:","viewUrl":"https://www.typescriptlang.org/docs/handbook/utility-types.html#picktype-keys","start":8,"end":12},{"name":"AriaAttributesCamelCased","module":"components/interfaces","viewUrl":"https://developers.arcgis.com/javascript/latest/api-reference/esri-components-interfaces.html#AriaAttributesCamelCased","start":13,"end":37},{"name":"Pick","package":"global:","viewUrl":"https://www.typescriptlang.org/docs/handbook/utility-types.html#picktype-keys","start":175,"end":179},{"name":"LuminaJsx","package":"@arcgis/lumina","start":180,"end":189}]}},{"kind":"field","name":"compact","deprecated":"in v2.11.0, removal target v5.0.0 - No longer necessary.","description":"When `true`, the side padding of the component is reduced.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"compact","reflects":true},{"kind":"field","name":"disabled","description":"When `true`, interaction is prevented and the component is displayed with lower opacity.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"disabled","reflects":true},{"kind":"field","name":"form","description":"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.","type":{"text":"string","values":[{"type":"string"}]},"attribute":"form","reflects":true},{"kind":"field","name":"icon","description":"Specifies an icon to display.","type":{"text":"IconName","references":[{"name":"IconName","module":"components/calcite-icon/interfaces","viewUrl":"https://developers.arcgis.com/javascript/latest/api-reference/esri-components-calcite-icon-interfaces.html#IconName","start":0,"end":8}],"values":[{"type":"string"}]},"attribute":"icon","reflects":true},{"kind":"field","name":"iconFlipRtl","description":"When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`).","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"icon-flip-rtl","reflects":true},{"kind":"field","name":"indicator","description":"When `true`, displays a visual indicator.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"indicator","reflects":true},{"kind":"field","name":"label","description":"Specifies an accessible label for the component. If no label is provided, the label inherits what's provided for the `text` prop.","type":{"text":"string","values":[{"type":"string"}]},"attribute":"label"},{"kind":"field","name":"loading","description":"When `true`, a busy indicator is displayed.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"loading","reflects":true},{"kind":"field","name":"messageOverrides","description":"Overrides individual strings used by the component.","type":{"text":"Record<string, unknown> | undefined","references":[{"name":"Record","package":"global:","viewUrl":"https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type","start":0,"end":6}]}},{"kind":"field","name":"scale","description":"Specifies the size of the component.","type":{"text":"Scale","references":[{"name":"Scale","module":"components/interfaces","viewUrl":"https://developers.arcgis.com/javascript/latest/api-reference/esri-components-interfaces.html#Scale","start":0,"end":5}],"values":[{"type":"string","value":"s"},{"type":"string","value":"m"},{"type":"string","value":"l"}]},"default":"\"m\"","attribute":"scale","reflects":true},{"kind":"field","name":"text","description":"Specifies text that accompanies the icon.","docsTags":[{"name":"required"}],"type":{"text":"string","values":[{"type":"string"}]},"attribute":"text"},{"kind":"field","name":"textEnabled","description":"When `true`, indicates whether the text is displayed.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"text-enabled","reflects":true},{"kind":"field","name":"type","description":"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)"}],"type":{"text":"HTMLButtonElement[\"type\"]","references":[{"name":"HTMLButtonElement","package":"global:","viewUrl":"https://developer.mozilla.org/docs/Web/API/HTMLButtonElement","start":0,"end":17}],"values":[{"type":"string","value":"button"},{"type":"string","value":"reset"},{"type":"string","value":"submit"}]},"default":"\"button\"","attribute":"type","reflects":true},{"kind":"method","name":"componentOnReady","description":"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```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"},{"kind":"method","name":"setFocus","description":"Sets focus on the component.","docsTags":[{"name":"mdn","text":"[focus(options)](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#options)"}],"parameters":[{"name":"options","description":"When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component.","optional":true,"type":{"text":"FocusOptions","references":[{"name":"FocusOptions","package":"global:","start":0,"end":12}]}}],"return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(options?: FocusOptions): Promise<void>"}],"attributes":[{"name":"active","description":"When `true`, the component is highlighted.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"active"},{"name":"alignment","description":"Specifies the horizontal alignment of button elements with text content.","type":{"text":"\"start\" | \"center\" | \"end\"","values":[{"type":"string","value":"start"},{"type":"string","value":"center"},{"type":"string","value":"end"}]},"fieldName":"alignment"},{"name":"appearance","description":"Specifies the appearance of the component.","type":{"text":"\"solid\" | \"transparent\"","values":[{"type":"string","value":"solid"},{"type":"string","value":"transparent"}]},"default":"\"transparent\"","fieldName":"appearance","deprecated":"in v5.0.0, removal target v6.0.0 - No longer necessary."},{"name":"compact","description":"When `true`, the side padding of the component is reduced.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"compact","deprecated":"in v2.11.0, removal target v5.0.0 - No longer necessary."},{"name":"disabled","description":"When `true`, interaction is prevented and the component is displayed with lower opacity.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"disabled"},{"name":"form","description":"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.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"form"},{"name":"icon","description":"Specifies an icon to display.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"icon"},{"name":"icon-flip-rtl","description":"When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`).","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"iconFlipRtl"},{"name":"indicator","description":"When `true`, displays a visual indicator.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"indicator"},{"name":"label","description":"Specifies an accessible label for the component. If no label is provided, the label inherits what's provided for the `text` prop.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"label"},{"name":"loading","description":"When `true`, a busy indicator is displayed.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"loading"},{"name":"scale","description":"Specifies the size of the component.","type":{"text":"\"s\" | \"m\" | \"l\"","values":[{"type":"string","value":"s"},{"type":"string","value":"m"},{"type":"string","value":"l"}]},"default":"\"m\"","fieldName":"scale"},{"name":"text","description":"Specifies text that accompanies the icon.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"text"},{"name":"text-enabled","description":"When `true`, indicates whether the text is displayed.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"textEnabled"},{"name":"type","description":"Specifies the default behavior of the component.","type":{"text":"\"button\" | \"reset\" | \"submit\"","values":[{"type":"string","value":"button"},{"type":"string","value":"reset"},{"type":"string","value":"submit"}]},"default":"\"button\"","fieldName":"type"}],"slots":[{"name":"","description":"A slot for adding non-interactive content, such as a `calcite-icon`."}],"cssProperties":[{"name":"--calcite-action-background-color-hover","description":"Specifies the component's background color when hovered."},{"name":"--calcite-action-background-color-press","description":"Specifies the component's background color when active."},{"name":"--calcite-action-background-color-pressed","description":"[Deprecated] Use --calcite-action-background-color-press. Specifies the component's background color when active."},{"name":"--calcite-action-background-color","description":"Specifies the component's background color."},{"name":"--calcite-action-corner-radius-end-end","description":"[Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius end end."},{"name":"--calcite-action-corner-radius-end-start","description":"[Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius end start."},{"name":"--calcite-action-corner-radius-start-end","description":"[Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius start end."},{"name":"--calcite-action-corner-radius-start-start","description":"[Deprecated] Use --calcite-action-corner-radius. Specifies the component's corner radius start start."},{"name":"--calcite-action-corner-radius","description":"Specifies the component's corner radius."},{"name":"--calcite-action-indicator-color","description":"Specifies the component's indicator color."},{"name":"--calcite-action-text-color-press","description":"Specifies the component's text color when pressed or hovered."},{"name":"--calcite-action-text-color-pressed","description":"[Deprecated] Use --calcite-action-text-color-press. Specifies the component's text color when hovered."},{"name":"--calcite-action-text-color","description":"Specifies the component's text color."}],"importPath":"components/calcite-action"}],"exports":[{"kind":"custom-element-definition","name":"calcite-action","declaration":{"name":"Action"}}]},{"kind":"javascript-module","path":"components/calcite-action-bar","sourcePath":"src/components/action-bar/action-bar.tsx","declarations":[{"kind":"class","name":"ActionBar","customElement":true,"tagName":"calcite-action-bar","pascalCaseName":"CalciteActionBar","superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","name":"actionsEndGroupLabel","description":"Specifies an accessible name for the last `calcite-action-group`.","type":{"text":"string","values":[{"type":"string"}]},"attribute":"actions-end-group-label"},{"kind":"field","name":"expandDisabled","description":"When `true`, the expand-toggling behavior is disabled.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"expand-disabled","reflects":true},{"kind":"field","name":"expanded","description":"When `true`, expands the component and its contents.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"expanded","reflects":true},{"kind":"field","name":"floating","description":"When `true`, the component is in a floating state.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"floating","reflects":true},{"kind":"field","name":"layout","description":"Specifies the layout direction of the actions.","type":{"text":"Extract<\"horizontal\" | \"vertical\" | \"grid\", Layout>","references":[{"name":"Extract","package":"global:","viewUrl":"https://www.typescriptlang.org/docs/handbook/utility-types.html#extracttype-union","start":0,"end":7},{"name":"Layout","module":"components/interfaces","viewUrl":"https://developers.arcgis.com/javascript/latest/api-reference/esri-components-interfaces.html#Layout","start":44,"end":50}],"values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"},{"type":"string","value":"grid"}]},"default":"\"vertical\"","attribute":"layout","reflects":true},{"kind":"field","name":"messageOverrides","description":"Overrides individual strings used by the component.","type":{"text":"Record<string, unknown> | undefined","references":[{"name":"Record","package":"global:","viewUrl":"https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type","start":0,"end":6}]}},{"kind":"field","name":"overflowActionsDisabled","description":"When `true`, disables automatically overflowing `calcite-action`s that won't fit into menus.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"overflow-actions-disabled","reflects":true},{"kind":"field","name":"overlayPositioning","description":"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\"`.","type":{"text":"OverlayPositioning","references":[{"name":"OverlayPositioning","module":"utils/floating-ui","viewUrl":"https://developers.arcgis.com/javascript/latest/api-reference/esri-utils-floating-ui.html#OverlayPositioning","start":0,"end":18}],"values":[{"type":"string","value":"fixed"},{"type":"string","value":"absolute"}]},"default":"\"absolute\"","attribute":"overlay-positioning","reflects":true},{"kind":"field","name":"position","description":"Specifies the position of the component depending on the element's `dir` property.","type":{"text":"Extract<\"start\" | \"end\", Position>","references":[{"name":"Extract","package":"global:","viewUrl":"https://www.typescriptlang.org/docs/handbook/utility-types.html#extracttype-union","start":0,"end":7},{"name":"Position","module":"components/interfaces","viewUrl":"https://developers.arcgis.com/javascript/latest/api-reference/esri-components-interfaces.html#Position","start":25,"end":33}],"values":[{"type":"string","value":"start"},{"type":"string","value":"end"}]},"attribute":"position","reflects":true},{"kind":"field","name":"scale","description":"Specifies the size of the expand `calcite-action`.","type":{"text":"Scale","references":[{"name":"Scale","module":"components/interfaces","viewUrl":"https://developers.arcgis.com/javascript/latest/api-reference/esri-components-interfaces.html#Scale","start":0,"end":5}],"values":[{"type":"string","value":"s"},{"type":"string","value":"m"},{"type":"string","value":"l"}]},"default":"\"m\"","attribute":"scale","reflects":true},{"kind":"field","name":"selectionAppearance","description":"Specifies the selection appearance of the component","type":{"text":"Extract<\"neutral\" | \"highlight\", SelectionAppearance>","references":[{"name":"Extract","package":"global:","viewUrl":"https://www.typescriptlang.org/docs/handbook/utility-types.html#extracttype-union","start":0,"end":7},{"name":"SelectionAppearance","module":"components/interfaces","viewUrl":"https://developers.arcgis.com/javascript/latest/api-reference/esri-components-interfaces.html#SelectionAppearance","start":33,"end":52}],"values":[{"type":"string","value":"neutral"},{"type":"string","value":"highlight"}]},"default":"\"neutral\"","attribute":"selection-appearance","reflects":true},{"kind":"method","name":"componentOnReady","description":"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```"}],"return":{"type":{"text":"Promise<this>","references":[{"name":"Promise","module":"lib/lib.es5.d.ts","package":"typescript","start":0,"end":7}]}},"inheritedFrom":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"signature":"(): Promise<this>"},{"kind":"method","name":"setFocus","description":"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)"}],"parameters":[{"name":"options","description":"When specified an optional object customizes the component's focusing process. When `preventScroll` is `true`, scrolling will not occur on the component.","optional":true,"type":{"text":"FocusOptions","references":[{"name":"FocusOptions","package":"global:","start":0,"end":12}]}}],"return":{"type":{"text":"Promise<void>","references":[{"name":"Promise","package":"global:","viewUrl":"https://next.gha.afd.arcgis.com/javascript/latest/programming-patterns/","start":0,"end":7}]}},"signature":"(options?: FocusOptions): Promise<void>"}],"attributes":[{"name":"actions-end-group-label","description":"Specifies an accessible name for the last `calcite-action-group`.","type":{"text":"string","values":[{"type":"string"}]},"fieldName":"actionsEndGroupLabel"},{"name":"expand-disabled","description":"When `true`, the expand-toggling behavior is disabled.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"expandDisabled"},{"name":"expanded","description":"When `true`, expands the component and its contents.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"expanded"},{"name":"floating","description":"When `true`, the component is in a floating state.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"floating"},{"name":"layout","description":"Specifies the layout direction of the actions.","type":{"text":"\"horizontal\" | \"vertical\" | \"grid\"","values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"},{"type":"string","value":"grid"}]},"default":"\"vertical\"","fieldName":"layout"},{"name":"overflow-actions-disabled","description":"When `true`, disables automatically overflowing `calcite-action`s that won't fit into menus.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","fieldName":"overflowActionsDisabled"},{"name":"overlay-positioning","description":"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\"`.","type":{"text":"\"fixed\" | \"absolute\"","values":[{"type":"string","value":"fixed"},{"type":"string","value":"absolute"}]},"default":"\"absolute\"","fieldName":"overlayPositioning"},{"name":"position","description":"Specifies the position of the component depending on the element's `dir` property.","type":{"text":"\"start\" | \"end\"","values":[{"type":"string","value":"start"},{"type":"string","value":"end"}]},"fieldName":"position"},{"name":"scale","description":"Specifies the size of the expand `calcite-action`.","type":{"text":"\"s\" | \"m\" | \"l\"","values":[{"type":"string","value":"s"},{"type":"string","value":"m"},{"type":"string","value":"l"}]},"default":"\"m\"","fieldName":"scale"},{"name":"selection-appearance","description":"Specifies the selection appearance of the component","type":{"text":"\"neutral\" | \"highlight\"","values":[{"type":"string","value":"neutral"},{"type":"string","value":"highlight"}]},"default":"\"neutral\"","fieldName":"selectionAppearance"}],"events":[{"name":"calciteActionBarCollapse","description":"Fires when the component's content area is collapsed.","type":{"text":"void"},"cancelable":false},{"name":"calciteActionBarExpand","description":"Fires when the component's content area is expanded.","type":{"text":"void"},"cancelable":false},{"name":"calciteActionBarToggle","description":"Fires when the `expanded` property is toggled.","type":{"text":"void"},"cancelable":false}],"slots":[{"name":"","description":"A slot for adding `calcite-action`s that will appear at the top of the component."},{"name":"actions-end","description":"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","description":"A slot to set the `calcite-tooltip` for the expand toggle."}],"cssProperties":[{"name":"--calcite-action-bar-background-color","description":"Specifies the component's background color."},{"name":"--calcite-action-bar-corner-radius","description":"Specifies the component's border radius when `floating` is `true`."},{"name":"--calcite-action-bar-expanded-max-width","description":"When `layout` is `\"vertical\"`, specifies the component's maximum width."},{"name":"--calcite-action-bar-items-space","description":"Specifies the space between slotted components in the component."},{"name":"--calcite-action-bar-shadow","description":"Specifies the component's shadow when `floating` is `true`."}],"importPath":"components/calcite-action-bar"}],"exports":[{"kind":"custom-element-definition","name":"calcite-action-bar","declaration":{"name":"ActionBar"}}]},{"kind":"javascript-module","path":"components/calcite-action-group","sourcePath":"src/components/action-group/action-group.tsx","declarations":[{"kind":"class","name":"ActionGroup","customElement":true,"tagName":"calcite-action-group","pascalCaseName":"CalciteActionGroup","superclass":{"name":"PublicLitElement","module":"PublicLitElement","package":"@arcgis/lumina"},"members":[{"kind":"field","name":"columns","description":"Specifies the number of columns.","type":{"text":"Columns","references":[{"name":"Columns","module":"components/calcite-action-group/interfaces","viewUrl":"https://developers.arcgis.com/javascript/latest/api-reference/esri-components-calcite-action-group-interfaces.html#Columns","start":0,"end":7}],"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"}]},"attribute":"columns","reflects":true},{"kind":"field","name":"expanded","description":"When `true`, expands the component and its contents.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"expanded","reflects":true},{"kind":"field","name":"label","description":"Specifies an accessible label for the component.","type":{"text":"string","values":[{"type":"string"}]},"attribute":"label"},{"kind":"field","name":"layout","description":"Indicates the layout of the component.","docsTags":[{"name":"internal"}],"type":{"text":"Extract<\"horizontal\" | \"vertical\" | \"grid\", Layout>","references":[{"name":"Extract","package":"global:","viewUrl":"https://www.typescriptlang.org/docs/handbook/utility-types.html#extracttype-union","start":0,"end":7},{"name":"Layout","module":"components/interfaces","viewUrl":"https://developers.arcgis.com/javascript/latest/api-reference/esri-components-interfaces.html#Layout","start":44,"end":50}],"values":[{"type":"string","value":"horizontal"},{"type":"string","value":"vertical"},{"type":"string","value":"grid"}]},"default":"\"vertical\"","attribute":"layout","reflects":true},{"kind":"field","name":"menuFlipPlacements","description":"Specifies the component's fallback `menuPlacement` when it's initial or specified `menuPlacement` has insufficient space available.","type":{"text":"FlipPlacement[]","references":[{"name":"FlipPlacement","module":"utils/floating-ui","viewUrl":"https://developers.arcgis.com/javascript/latest/api-reference/esri-utils-floating-ui.html#FlipPlacement","start":0,"end":13}]}},{"kind":"field","name":"menuOpen","description":"When `true`, the `calcite-action-menu` is open.","type":{"text":"boolean","values":[{"type":"boolean"}]},"default":"false","attribute":"menu-open","reflects":true},{"kind":"field","name":"menuPlacement","description":"Specifies the position of the action menu.","type":{"text":"LogicalPlacement","references":[{"name":"LogicalPlacemen