ESM
import "@arcgis/map-components/components/arcgis-sketch-tooltip-controls";
Inheritance
ArcgisSketchTooltipControlsHTMLElement

Properties

PropertyAttributeType
readonly
direction-mode
hide-labels-toggle
hide-tooltips-toggle
label
labels-enabled
show-direction-mode-picker
show-header
tooltips-enabled

_hasContent

readonly Property
Type
boolean

private

Default value
false

directionMode

Property
Type
TooltipDirectionMode

Indicates whether the direction (deflection) of the segment being drawn is measured relative to the previous segment or from the main axis of the map (usually north). See SketchTooltipOptions and SketchValueOptions.

Attribute
direction-mode

hideLabelsToggle

Property
Type
boolean

Controls whether the labels toggle is shown for this component.

Note: If this component is contained in another component, the parent component is responsible for setting this property based on any known limitations, including properties on the view. Specifically, as of 5.1, if the view is a 2d video or linkchart instead of a map, the parent component should set this property to true.

Attribute
hide-labels-toggle
Default value
false

hideTooltipsToggle

Property
Type
boolean

Controls whether the tooltips toggle is shown for this component.

Attribute
hide-tooltips-toggle
Default value
false

label

Property
Type
string | undefined

The component's default label.

Attribute
label

labelsEnabled

Property
Type
boolean

Indicates whether labels are shown next to each segment of the graphic being sketched.

Attribute
labels-enabled
Default value
false

showDirectionModePicker

Property
Type
boolean

Controls whether the direction mode picker is shown for this component.

Attribute
show-direction-mode-picker
Default value
false

showHeader

Property
Type
boolean

Controls whether a header is shown for this component.

Attribute
show-header
Default value
false

sketchOptions

Property
Type
SketchOptions

Controls the sketch labels, tooltips, and values options.

tooltipsEnabled

Property
Type
boolean

Indicates whether tooltips are shown while sketching and editing.

Attribute
tooltips-enabled
Default value
false

Methods

MethodSignature
inherited
componentOnReady(): Promise<this>

componentOnReady

inherited Method
Signature
componentOnReady (): Promise<this>
Inherited from: this

Creates a promise that resolves once the component is fully loaded.

Returns
Promise<this>
Example
const arcgisSketchTooltipControls = document.createElement("arcgis-sketch-tooltip-controls");
document.body.append(arcgisSketchTooltipControls);
await arcgisSketchTooltipControls.componentOnReady();
console.log("arcgis-sketch-tooltip-controls is ready to go!");

Events

NameType
CustomEvent<{ name: "tooltipsEnabled" | "labelsEnabled" | "directionMode"; }>

arcgisPropertyChange

Event
arcgisPropertyChange: CustomEvent<{ name: "tooltipsEnabled" | "labelsEnabled" | "directionMode"; }>

Emitted when the value of a property is changed. Use this to listen to changes to properties.

bubbles composed cancelable