@esri/calcite-components 5.0.0-next.8 → 5.0.0-next.81

package/dist/cdn/ZOS3QJHS.js

@@ -1,4 +0,0 @@
-/*! All material copyright ESRI, All Rights Reserved, unless otherwise specified.
-See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
-v5.0.0-next.8 */
-import{a as p}from"./7MNQ2H6V.js";import{a as f}from"./QDW2IIGN.js";import{b as m}from"./JV6NQ2EY.js";import"./BWWJVNFT.js";import"./NSADMJXF.js";import{l as h,u as c,y as l}from"./JH55KJKU.js";import"./6BRNJJCK.js";import{D as u,P as r,g as o,h as n}from"./ADADJVGW.js";var d=o`:host{--calcite-internal-color-focus: var( --calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)) )}:host{display:flex}ul{margin:0;display:inline-flex;block-size:100%;align-items:center;padding:0}:host([layout=vertical]) ul{display:flex;inline-size:100%;flex-direction:column}:host([hidden]){display:none}[hidden]{display:none}`,a=class extends u{constructor(){super(),this.attributeWatch=m(["role"],this.handleGlobalAttributesChanged),this.menuItems=[],this.messages=p(),this.focusSetter=f()(this),this.layout="horizontal",this.listen("calciteInternalMenuItemKeyEvent",this.calciteInternalNavMenuItemKeyEvent)}static{this.properties={label:1,layout:[3,{},{reflect:!0}],messageOverrides:[0,{},{attribute:!1}]}}static{this.shadowRootOptions={mode:"open",delegatesFocus:!0}}static{this.styles=d}async setFocus(e){return this.focusSetter(()=>this.menuItems[0],e)}willUpdate(e){e.has("layout")&&(this.hasUpdated||this.layout!=="horizontal")&&this.setMenuItemLayout(this.menuItems,this.layout)}handleGlobalAttributesChanged(){this.requestUpdate(),this.setMenuItemLayout(this.menuItems,this.layout)}calciteInternalNavMenuItemKeyEvent(e){let t=e.target,s=e.detail.children,i=e.detail.event.key;e.stopPropagation(),i==="ArrowDown"?t.layout==="vertical"?l(this.menuItems,t,"next",!1,!1):e.detail.isSubmenuOpen&&s[0].setFocus():i==="ArrowUp"?this.layout==="vertical"?l(this.menuItems,t,"previous",!1,!1):e.detail.isSubmenuOpen&&s[s.length-1].setFocus():i==="ArrowRight"?this.layout==="horizontal"?l(this.menuItems,t,"next",!1,!1):e.detail.isSubmenuOpen&&s[0].setFocus():i==="ArrowLeft"?this.layout==="horizontal"?l(this.menuItems,t,"previous",!1,!1):e.detail.isSubmenuOpen&&this.focusParentElement(e.target):i==="Escape"&&this.focusParentElement(e.target),e.preventDefault()}handleMenuSlotChange(e){this.menuItems=c(e),this.setMenuItemLayout(this.menuItems,this.layout)}focusParentElement(e){let t=e.parentElement;t&&(h(t),t.open=!1)}setMenuItemLayout(e,t){e.forEach(s=>{s.layout=t,this.getEffectiveRole()==="menubar"&&(s.isTopLevelItem=!0,s.topLevelMenuLayout=this.layout)})}getEffectiveRole(){return this.el.role||"menubar"}render(){return n`<ul .ariaLabel=${this.label} .role=${this.getEffectiveRole()}><slot @slotchange=${this.handleMenuSlotChange}></slot></ul>`}};r("calcite-menu",a);export{a as Menu};

package/dist/chunks/XButton.js

@@ -1,18 +0,0 @@
-import { ref } from "lit/directives/ref.js";
-import { keyed } from "lit/directives/keyed.js";
-import { nothing, html } from "lit-html";
-import { safeClassMap } from "@arcgis/lumina";
-import { g as getIconScale } from "./component.js";
-const CSS = {
-  button: "x-button",
-  buttonRound: "x-button--round"
-};
-const XButton = ({ disabled, focusable, key, label, onClick, ref: ref$1, round = true, scale, title }) => keyed(key, html`<button .ariaLabel=${label} class=${safeClassMap({
-  [((scale2) => `x-button--${scale2}`)(scale)]: true,
-  [CSS.button]: true,
-  [CSS.buttonRound]: round
-})} .disabled=${disabled} @click=${onClick} .tabIndex=${focusable ? 0 : -1} title=${title ?? nothing} type=button ${ref(ref$1)}><calcite-icon icon=x .scale=${getIconScale(scale)}></calcite-icon></button>`);
-export {
-  CSS as C,
-  XButton as X
-};

package/dist/components/calcite-accordion/interfaces.d.ts

@@ -1,4 +0,0 @@
-import { AccordionItem } from '../calcite-accordion-item/customElement.js';
-export interface RequestedItem {
-    requestedAccordionItem: HTMLCalciteAccordionItemElement;
-}

package/dist/components/calcite-accordion/resources.d.ts

@@ -1,4 +0,0 @@
-export declare const CSS: {
-    accordion: string;
-    transparent: string;
-};

package/dist/components/calcite-accordion-item/interfaces.d.ts

@@ -1,9 +0,0 @@
-import { Accordion } from '../calcite-accordion/customElement.js';
-import { AccordionItem } from './customElement.js';
-export interface RegistryEntry {
-    parent: HTMLCalciteAccordionElement;
-    position: number;
-}
-export interface RequestedItem {
-    requestedAccordionItem: HTMLCalciteAccordionItemElement;
-}

package/dist/components/calcite-accordion-item/resources.d.ts

@@ -1,34 +0,0 @@
-import { IconName } from '../calcite-icon/interfaces';
-import { Appearance, Position, IconType } from '../interfaces';
-export declare const SLOTS: {
-    actionsStart: string;
-    actionsEnd: string;
-    contentEnd: string;
-    contentStart: string;
-};
-export declare const CSS: {
-    actionsEnd: string;
-    actionsStart: string;
-    content: string;
-    description: string;
-    expandIcon: string;
-    header: string;
-    headerContainer: string;
-    headerContent: string;
-    headerText: string;
-    headerAppearance: (appearance: Appearance) => "header--solid" | "header--outline" | "header--outline-fill" | "header--transparent";
-    heading: string;
-    icon: string;
-    iconEnd: string;
-    iconStart: string;
-    iconPosition: (iconPosition: Position) => "icon-position--start" | "icon-position--end" | "icon-position--top" | "icon-position--bottom";
-    iconType: (iconType: IconType) => "icon-type--chevron" | "icon-type--caret" | "icon-type--ellipsis" | "icon-type--overflow" | "icon-type--plus-minus";
-    item: string;
-    slotContentEnd: string;
-    slotContentStart: string;
-};
-export declare const IDS: {
-    section: string;
-    sectionToggle: string;
-};
-export declare const ICONS: Record<string, IconName>;

package/dist/components/calcite-action/resources.d.ts

@@ -1,17 +0,0 @@
-export declare const CSS: {
-    button: string;
-    buttonTextVisible: string;
-    buttonCompact: string;
-    indicatorText: string;
-    iconContainer: string;
-    slotContainer: string;
-    slotContainerHidden: string;
-    textContainer: string;
-    textContainerVisible: string;
-    indicatorWithIcon: string;
-    indicatorWithoutIcon: string;
-};
-export declare const IDS: {
-    readonly button: (id: string) => string;
-    readonly indicator: (id: string) => string;
-};

package/dist/components/calcite-action-bar/resources.d.ts

@@ -1,8 +0,0 @@
-export declare const CSS: {
-    container: string;
-    actionGroupEnd: string;
-};
-export declare const SLOTS: {
-    actionsEnd: string;
-    expandTooltip: string;
-};

package/dist/components/calcite-action-bar/utils.d.ts

@@ -1,8 +0,0 @@
-import { ActionGroup } from '../calcite-action-group/customElement.js';
-import { Action } from '../calcite-action/customElement.js';
-export declare const queryActions: (el: HTMLElement) => HTMLCalciteActionElement[];
-export declare const overflowActions: ({ actionGroups, expanded, overflowCount, }: {
-    actionGroups: HTMLCalciteActionGroupElement[];
-    expanded: boolean;
-    overflowCount: number;
-}) => void;

package/dist/components/calcite-action-group/resources.d.ts

@@ -1,9 +0,0 @@
-import { IconName } from '../calcite-icon/interfaces';
-export declare const SLOTS: {
-    menuActions: string;
-    menuTooltip: string;
-};
-export declare const ICONS: Record<string, IconName>;
-export declare const CSS: {
-    container: string;
-};

package/dist/components/calcite-action-menu/resources.d.ts

@@ -1,15 +0,0 @@
-import { IconName } from '../calcite-icon/interfaces';
-export declare const CSS: {
-    menu: string;
-    defaultTrigger: string;
-};
-export declare const IDS: {
-    readonly button: (id: string) => string;
-    readonly menu: (id: string) => string;
-    readonly action: (id: string, actionId: number) => string;
-};
-export declare const SLOTS: {
-    tooltip: string;
-    trigger: string;
-};
-export declare const ICONS: Record<string, IconName>;

package/dist/components/calcite-action-pad/resources.d.ts

@@ -1,7 +0,0 @@
-export declare const CSS: {
-    actionGroupEnd: string;
-    container: string;
-};
-export declare const SLOTS: {
-    expandTooltip: string;
-};

package/dist/components/calcite-alert/AlertManager.d.ts

@@ -1,9 +0,0 @@
-import { Alert } from './customElement.js';
-export declare const alertQueueTimeoutMs = 300;
-export default class AlertManager {
-    private registeredElements;
-    private queueTimeoutId;
-    registerElement(alert: HTMLCalciteAlertElement): void;
-    unregisterElement(alert: HTMLCalciteAlertElement): void;
-    private updateAlerts;
-}

package/dist/components/calcite-alert/resources.d.ts

@@ -1,33 +0,0 @@
-export declare const DURATIONS: {
-    slow: number;
-    medium: number;
-    fast: number;
-};
-export declare const SLOTS: {
-    actionsEnd: string;
-    title: string;
-    message: string;
-    link: string;
-};
-export declare const CSS: {
-    actionsEnd: string;
-    close: string;
-    container: string;
-    containerBottom: string;
-    containerBottomEnd: string;
-    containerBottomStart: string;
-    containerActive: string;
-    containerTop: string;
-    containerTopEnd: string;
-    containerTopStart: string;
-    content: string;
-    contentContainer: string;
-    dismissProgress: string;
-    footer: string;
-    icon: string;
-    containerEmbedded: string;
-    queueCount: string;
-    queueCountActive: string;
-    textContainer: string;
-    focused: string;
-};

package/dist/components/calcite-autocomplete/resources.d.ts

@@ -1,20 +0,0 @@
-export declare const SLOTS: {
-    readonly contentBottom: "content-bottom";
-    readonly contentTop: "content-top";
-};
-export declare const CSS: {
-    readonly inputContainer: "input-container";
-    readonly input: "input";
-    readonly contentContainer: "content-container";
-    readonly contentAnimation: "content-animation";
-    readonly content: "content";
-    readonly contentHidden: "content--hidden";
-    readonly floatingUIContainer: "floating-ui-container";
-    readonly floatingUIContainerActive: "floating-ui-container--active";
-    readonly screenReadersOnly: "screen-readers-only";
-};
-export declare const IDS: {
-    readonly validationMessage: "autocompleteValidationMessage";
-    readonly input: (id: string) => string;
-    readonly list: (id: string) => string;
-};

package/dist/components/calcite-autocomplete-item/resources.d.ts

@@ -1,18 +0,0 @@
-import { Scale } from '../interfaces';
-export declare const CSS: {
-    readonly container: "container";
-    readonly containerActive: "container--active";
-    readonly contentCenter: "content-center";
-    readonly description: "description";
-    readonly heading: "heading";
-    readonly iconEnd: "icon-end";
-    readonly iconStart: "icon-start";
-    readonly scale: (scale: Scale) => "scale--s" | "scale--m" | "scale--l";
-};
-export declare const SLOTS: {
-    readonly contentEnd: "content-end";
-    readonly contentStart: "content-start";
-};
-export declare const IDS: {
-    readonly host: (id: string) => string;
-};

package/dist/components/calcite-autocomplete-item-group/resources.d.ts

@@ -1,9 +0,0 @@
-import { Scale } from '../interfaces';
-export declare const CSS: {
-    container: string;
-    containerNoSpacing: string;
-    firstTitle: string;
-    heading: string;
-    scale: (scale: Scale) => "scale--s" | "scale--m" | "scale--l";
-    separator: string;
-};

package/dist/components/calcite-avatar/resources.d.ts

@@ -1,6 +0,0 @@
-export declare const CSS: {
-    thumbnail: string;
-    background: string;
-    initials: string;
-    icon: string;
-};

package/dist/components/calcite-avatar/utils.d.ts

@@ -1,20 +0,0 @@
-import { RGB } from '../calcite-color-picker/interfaces';
-/**
- * Convert a string to a valid hex by hashing its contents
- * and using the hash as a seed for three distinct color values
- *
- * @param string
- */
-export declare function stringToHex(string: string): string;
-/**
- * Find the hue of a color given the separate RGB color channels
- *
- * @param rgb
- */
-export declare function rgbToHue(rgb: RGB): number;
-/**
- * For a hex color, find the hue
- *
- * @param hex {string} - form of "#------"
- */
-export declare function hexToHue(hex: string): number;

package/dist/components/calcite-block/resources.d.ts

@@ -1,35 +0,0 @@
-import { IconName } from '../calcite-icon/interfaces';
-export declare const IDS: {
-    content: string;
-    toggle: string;
-    header: string;
-};
-export declare const CSS: {
-    actionsEnd: string;
-    button: string;
-    container: string;
-    content: string;
-    contentStart: string;
-    description: string;
-    header: string;
-    headerContainer: string;
-    headerHasContent: string;
-    heading: string;
-    icon: string;
-    iconStart: string;
-    iconEnd: string;
-    iconEndContainer: string;
-    invalid: string;
-    statusIcon: string;
-    summary: string;
-    title: string;
-    toggle: string;
-    toggleIcon: string;
-    valid: string;
-};
-export declare const SLOTS: {
-    actionsEnd: string;
-    contentStart: string;
-    headerMenuActions: string;
-};
-export declare const ICONS: Record<string, IconName>;

package/dist/components/calcite-block/utils.d.ts

@@ -1,2 +0,0 @@
-import { Block } from './customElement.js';
-export declare function isBlock(element: Element): element is HTMLCalciteBlockElement;

package/dist/components/calcite-block-group/resources.d.ts

@@ -1,8 +0,0 @@
-export declare const CSS: {
-    container: string;
-    groupContainer: string;
-    scrim: string;
-    assistiveText: string;
-};
-export declare const blockGroupSelector = "calcite-block-group";
-export declare const blockSelector = "calcite-block";

package/dist/components/calcite-block-group/utils.d.ts

@@ -1,2 +0,0 @@
-import { Block } from '../calcite-block/customElement.js';
-export declare function updateBlockChildren(blockChildren: HTMLCalciteBlockElement[]): void;

package/dist/components/calcite-block-section/resources.d.ts

@@ -1,21 +0,0 @@
-import { IconName } from '../calcite-icon/interfaces';
-export declare const IDS: {
-    content: string;
-    toggle: string;
-};
-export declare const CSS: {
-    chevronIcon: string;
-    content: string;
-    iconStart: string;
-    iconEnd: string;
-    invalid: string;
-    sectionHeaderText: string;
-    statusIcon: string;
-    switch: string;
-    toggle: string;
-    toggleContainer: string;
-    toggleSwitchContent: string;
-    toggleSwitchText: string;
-    valid: string;
-};
-export declare const ICONS: Record<string, IconName>;

package/dist/components/calcite-button/resources.d.ts

@@ -1,14 +0,0 @@
-export declare const CSS: {
-    buttonLoader: string;
-    content: string;
-    contentSlotted: string;
-    icon: string;
-    iconStart: string;
-    iconEnd: string;
-    loadingIn: string;
-    loadingOut: string;
-    iconStartEmpty: string;
-    iconEndEmpty: string;
-    buttonPadding: string;
-    buttonPaddingShrunk: string;
-};

package/dist/components/calcite-card/resources.d.ts

@@ -1,23 +0,0 @@
-import { IconName } from '../calcite-icon/interfaces';
-export declare const CSS: {
-    container: string;
-    contentWrapper: string;
-    header: string;
-    footer: string;
-    heading: string;
-    description: string;
-    checkboxWrapper: string;
-    checkboxWrapperDeprecated: string;
-    thumbnailWrapper: string;
-    headerTextContainer: string;
-    cardContent: string;
-    hasSlottedContent: string;
-};
-export declare const SLOTS: {
-    thumbnail: string;
-    heading: string;
-    description: string;
-    footerStart: string;
-    footerEnd: string;
-};
-export declare const ICONS: Record<string, IconName>;

package/dist/components/calcite-card-group/resources.d.ts

@@ -1,4 +0,0 @@
-export declare const CSS: {
-    container: string;
-    checkboxWrapper: string;
-};

package/dist/components/calcite-carousel/resources.d.ts

@@ -1,32 +0,0 @@
-import { IconName } from '../calcite-icon/interfaces';
-export declare const DURATION = 6000;
-export declare const CSS: {
-    container: string;
-    containerOverlaid: string;
-    containerEdged: string;
-    itemContainer: string;
-    itemContainerForward: string;
-    itemContainerBackward: string;
-    pagination: string;
-    paginationItems: string;
-    paginationItem: string;
-    paginationItemIndividual: string;
-    paginationItemVisible: string;
-    paginationItemOutOfRange: string;
-    paginationItemSelected: string;
-    paginationItemRangeEdge: string;
-    pageNext: string;
-    pagePrevious: string;
-    autoplayControl: string;
-    autoplayProgress: string;
-};
-export declare const ICONS: Record<string, IconName>;
-export declare const centerItemsByBreakpoint: {
-    medium: number;
-    small: number;
-    xsmall: number;
-    xxsmall: number;
-};
-export declare const IDS: {
-    host: (id: string) => `calcite-carousel-container-${string}`;
-};

package/dist/components/calcite-carousel-item/resources.d.ts

@@ -1,7 +0,0 @@
-export declare const CSS: {
-    container: string;
-    selected: string;
-};
-export declare const IDS: {
-    host: (id: string) => `calcite-carousel-item-${string}`;
-};

package/dist/components/calcite-checkbox/resources.d.ts

@@ -1,4 +0,0 @@
-export declare const CSS: {
-    toggle: string;
-    check: string;
-};

package/dist/components/calcite-chip/resources.d.ts

@@ -1,23 +0,0 @@
-import { IconName } from '../calcite-icon/interfaces';
-export declare const CSS: {
-    title: string;
-    close: string;
-    imageContainer: string;
-    chipIcon: string;
-    textSlotted: string;
-    container: string;
-    imageSlotted: string;
-    closable: string;
-    multiple: string;
-    single: string;
-    selectable: string;
-    selectIcon: string;
-    selectIconActive: string;
-    nonInteractive: string;
-    isCircle: string;
-    selected: string;
-};
-export declare const SLOTS: {
-    image: string;
-};
-export declare const ICONS: Record<string, IconName>;

package/dist/components/calcite-color-picker/resources.d.ts

@@ -1,93 +0,0 @@
-import { IconName } from '../calcite-icon/interfaces';
-export declare const CSS: {
-    channel: string;
-    channels: string;
-    colorField: string;
-    colorFieldScope: string;
-    colorMode: string;
-    colorModeContainer: string;
-    container: string;
-    control: string;
-    controlAndScope: string;
-    controlSection: string;
-    deleteColor: string;
-    header: string;
-    hexAndChannelsGroup: string;
-    hexOptions: string;
-    hueScope: string;
-    hueSlider: string;
-    opacityScope: string;
-    opacitySlider: string;
-    preview: string;
-    previewAndSliders: string;
-    saveColor: string;
-    savedColor: string;
-    savedColorsButtons: string;
-    savedColorsSection: string;
-    scope: string;
-    section: string;
-    slider: string;
-    sliders: string;
-    splitSection: string;
-    swatchGroup: string;
-};
-export declare const DEFAULT_COLOR: import('color').ColorInstance;
-export declare const DEFAULT_STORAGE_KEY_PREFIX = "calcite-color-";
-export declare const RGB_LIMITS: {
-    r: number;
-    g: number;
-    b: number;
-};
-export declare const HSV_LIMITS: {
-    h: number;
-    s: number;
-    v: number;
-};
-export declare const HUE_LIMIT_CONSTRAINED: number;
-export declare const OPACITY_LIMITS: {
-    min: number;
-    max: number;
-};
-export declare const STATIC_DIMENSIONS: {
-    s: {
-        gap: number;
-        slider: {
-            height: number;
-        };
-        thumb: {
-            radius: number;
-        };
-        preview: {
-            size: number;
-        };
-        minWidth: number;
-    };
-    m: {
-        gap: number;
-        slider: {
-            height: number;
-        };
-        thumb: {
-            radius: number;
-        };
-        preview: {
-            size: number;
-        };
-        minWidth: number;
-    };
-    l: {
-        gap: number;
-        slider: {
-            height: number;
-        };
-        thumb: {
-            radius: number;
-        };
-        preview: {
-            size: number;
-        };
-        minWidth: number;
-    };
-};
-export declare const SCOPE_SIZE = 1;
-export declare const ICONS: Record<string, IconName>;

package/dist/components/calcite-color-picker-hex-input/resources.d.ts

@@ -1,5 +0,0 @@
-export declare const CSS: {
-    container: string;
-    hexInput: string;
-    opacityInput: string;
-};

package/dist/components/calcite-color-picker-swatch/resources.d.ts

@@ -1,17 +0,0 @@
-export declare const CSS: {
-    swatch: string;
-    noColorSwatch: string;
-    checker: string;
-};
-export declare const COLORS: {
-    borderLight: string;
-    borderDark: string;
-};
-export declare const CHECKER_DIMENSIONS: {
-    squareSize: number;
-    size: number;
-};
-export declare const IDS: {
-    checker: string;
-    shape: string;
-};

package/dist/components/calcite-combobox/resources.d.ts

@@ -1,48 +0,0 @@
-import { IconName } from '../calcite-icon/interfaces';
-export declare const ComboboxItemSelector = "CALCITE-COMBOBOX-ITEM";
-export declare const ComboboxItemGroupSelector = "CALCITE-COMBOBOX-ITEM-GROUP";
-export declare const AllComboboxChildrenSelector = "CALCITE-COMBOBOX-ITEM, CALCITE-COMBOBOX-ITEM-GROUP";
-export declare const CSS: {
-    allSelected: string;
-    chip: string;
-    chipInvisible: string;
-    icon: string;
-    input: string;
-    inputHidden: string;
-    label: string;
-    labelIcon: string;
-    listContainer: string;
-    noMatches: string;
-    noMatchesPlaceholder: string;
-    placeholderIcon: string;
-    selectAll: string;
-    selectionDisplayFit: string;
-    selectionDisplaySingle: string;
-    selectedIcon: string;
-    floatingUIContainer: string;
-    screenReadersOnly: string;
-    wrapper: string;
-    wrapperSingle: string;
-    wrapperActive: string;
-    gridInput: string;
-    inputSingle: string;
-    inputIcon: string;
-    inputWrap: string;
-    inputWrapSingle: string;
-    iconEnd: string;
-    iconStart: string;
-    list: string;
-    listHide: string;
-};
-export declare const IDS: {
-    readonly validationMessage: "comboboxValidationMessage";
-    readonly item: (id: string) => string;
-    readonly chip: (id: string) => string;
-    readonly label: (id: string) => string;
-    readonly listbox: (id: string) => string;
-    readonly input: (id: string) => string;
-};
-export declare const ICONS: Record<string, IconName>;
-export declare const SLOTS: {
-    labelContent: string;
-};

package/dist/components/calcite-combobox/utils.d.ts

@@ -1,10 +0,0 @@
-import { ComboboxItem } from '../calcite-combobox-item/customElement.js';
-import { ComboboxChildElement } from './interfaces';
-import { Combobox } from './customElement.js';
-export declare function getAncestors(element: HTMLElement): ComboboxChildElement[];
-export declare function getItemAncestors(item: HTMLCalciteComboboxItemElement): HTMLCalciteComboboxItemElement[];
-export declare function getItemChildren(item: HTMLCalciteComboboxItemElement): HTMLCalciteComboboxItemElement[];
-export declare function hasActiveChildren(node: HTMLCalciteComboboxItemElement): boolean;
-export declare function getDepth(element: ComboboxChildElement): number;
-export declare function isSingleLike(selectionMode: Combobox["selectionMode"]): boolean;
-export declare function getLabel(item: HTMLCalciteComboboxItemElement): string;