@arcgis/map-components 4.34.0-next.8 → 4.34.0-next.81

package/dist/components/arcgis-slider/customElement.d.ts

@@ -1,240 +0,0 @@
-/// <reference types="@arcgis/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
-import { Use } from '@arcgis/lumina/controllers';
-import { default as Slider } from '@arcgis/core/widgets/Slider.js';
-import { PublicLitElement as LitElement, TargetedEvent } from '@arcgis/lumina';
-import { ArcgisReferenceElement } from '../../utils/component-utils';
-
-declare const useSliderWidget: (component: LitElement & Pick<Slider, "icon" | "label" | "viewModel" | "values" | "layout" | "tickConfigs" | "draggableSegmentsEnabled" | "effectiveMax" | "effectiveMin" | "labelInputsEnabled" | "max" | "min" | "precision" | "rangeLabelInputsEnabled" | "snapOnClickEnabled" | "steps" | "syncedSegmentsEnabled" | "thumbsConstrained"> & {
-    state?: "ready" | "disabled" | "editing" | "dragging" | undefined;
-    viewModel?: __esri.SliderViewModel | undefined;
-    closed?: boolean;
-    icon: import('@arcgis/components-utils').Nil | string;
-    label: import('@arcgis/components-utils').Nil | string;
-    referenceElement?: ArcgisReferenceElement | string;
-    position: __esri.UIPosition;
-    arcgisReady: import('@arcgis/lumina').EventEmitter;
-    arcgisPropertyChange: import('@arcgis/lumina').EventEmitter<{
-        name: string;
-    }> | undefined;
-    el: HTMLElement & {
-        childElem?: HTMLElement & {
-            ownedBy?: HTMLElement;
-        };
-        view?: __esri.LinkChartView | __esri.MapView | __esri.SceneView;
-    };
-    autoDestroyDisabled: boolean;
-    destroy: () => Promise<void>;
-}) => Slider;
-/**
- * [Read more...](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-slider/)
- *
- * @internal
- */
-export declare class ArcgisSlider extends LitElement {
-    /**
-     * If true, the component will not be destroyed automatically when it is
-     * disconnected from the document. This is useful when you want to move the
-     * component to a different place on the page, or temporarily hide it. If this
-     * is set, make sure to call the [destroy](https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-slider/#destroy) method when you are done to
-     * prevent memory leaks.
-     *
-     * @default false
-     */
-    autoDestroyDisabled: boolean;
-    /**
-     * Indicates if the user can drag the segment between thumbs
-     * to update thumb positions.
-     *
-     * @default true
-     */
-    draggableSegmentsEnabled: boolean;
-    /**
-     * When set, the user is restricted from moving slider thumbs to positions higher than
-     * this value.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#effectiveMax)
-     */
-    effectiveMax: number | nullish;
-    /**
-     * When set, the user is restricted from moving slider thumbs to positions less than
-     * this value.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#effectiveMin)
-     */
-    effectiveMin: number | nullish;
-    /**
-     * The HTML Element nodes representing the slider segment between the [min](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#min) and [effectiveMin](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#effectiveMin), and the segment between the
-     * [effectiveMax](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#effectiveMax) and [max](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#max).
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#effectiveSegmentElements)
-     */
-    readonly effectiveSegmentElements: __esri.Collection<HTMLElement>;
-    /**
-     * Icon displayed in the widget's button.
-     *
-     * @see [Calcite Icons](https://developers.arcgis.com/calcite-design-system/icons/)
-     * @default "caret-double-horizontal"
-     */
-    icon: string;
-    /**
-     * The widget's default label.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#label)
-     */
-    label: string;
-    /**
-     * The HTML Element nodes representing [labels](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#labels) attached to slider thumbs.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#labelElements)
-     */
-    readonly labelElements: __esri.Collection<HTMLElement>;
-    /**
-     * Indicates whether to enable editing input values via keyboard input
-     * when the user clicks a label.
-     *
-     * @default false
-     */
-    labelInputsEnabled: boolean;
-    /**
-     * An array of strings associated with 'values' generated using an internal label formatter or
-     * the values returned from [labelFormatFunction](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#labelFormatFunction).
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#labels)
-     */
-    readonly labels: __esri.LabelInfos;
-    /**
-     * Determines the layout/orientation of the Slider widget.
-     *
-     * @default "horizontal"
-     */
-    layout: "vertical" | "horizontal" | "horizontal-reversed" | "vertical-reversed";
-    /**
-     * The maximum possible data/thumb value of the slider.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#max)
-     */
-    max: number | nullish;
-    /**
-     * The HTML Element node representing the [max](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#max) value label.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#maxLabelElement)
-     */
-    readonly maxLabelElement: HTMLElement | nullish;
-    /**
-     * The minimum possible data/thumb value of the slider.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#min)
-     */
-    min: number | nullish;
-    /**
-     * The HTML Element node representing the [min](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#min) value label.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#minLabelElement)
-     */
-    readonly minLabelElement: HTMLElement | nullish;
-    /** @default "bottom-left" */
-    position: __esri.UIPosition;
-    /**
-     * Defines how slider thumb values should be rounded.
-     *
-     * @default 4
-     */
-    precision: number;
-    /**
-     * Indicates whether to enable editing range values via keyboard input
-     * when the user clicks a [min](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#min) or [max](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#max) label.
-     *
-     * @default false
-     */
-    rangeLabelInputsEnabled: boolean;
-    referenceElement?: ArcgisReferenceElement | string;
-    /**
-     * The HTML Element nodes representing interactive slider segments.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#segmentElements)
-     */
-    readonly segmentElements: __esri.Collection<HTMLElement>;
-    /**
-     * Indicates if the closest thumb will snap to the clicked location on the track.
-     *
-     * @default true
-     */
-    snapOnClickEnabled: boolean;
-    /**
-     * The current state of the widget.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#state)
-     */
-    readonly state: "ready" | "disabled" | "editing" | "dragging";
-    /**
-     * Sets steps, or intervals, on the slider that restrict user
-     * input to specific values.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#steps)
-     */
-    steps: number | nullish | number[];
-    /**
-     * When `true`, all segments will sync together in updating thumb values when the user drags any segment.
-     *
-     * @default false
-     */
-    syncedSegmentsEnabled: boolean;
-    /**
-     * The HTML Element nodes representing slider thumbs.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#thumbElements)
-     */
-    readonly thumbElements: __esri.Collection<HTMLElement>;
-    /**
-     * When `false`, the user can freely move any slider thumb to any
-     * position along the track.
-     *
-     * @default true
-     */
-    thumbsConstrained: boolean;
-    /**
-     * When set, renders ticks along the slider track.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#tickConfigs)
-     */
-    tickConfigs: __esri.TickConfig[];
-    /**
-     * The HTML Element nodes representing slider ticks and their associated labels.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#tickElements)
-     */
-    readonly tickElements: __esri.Collection<__esri.Collection<__esri.TickElementGroup>>;
-    /**
-     * The HTML Element node representing the slider track.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#trackElement)
-     */
-    readonly trackElement: HTMLElement | nullish;
-    /**
-     * An array of numbers representing absolute thumb positions on the slider.
-     *
-     * [Read more...](https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Slider.html#values)
-     */
-    values: nullish | number[];
-    /** Permanently destroy the component. */
-    destroy(): Promise<void>;
-    readonly arcgisMaxChange: TargetedEvent<this, __esri.SliderMaxChangeEvent>;
-    readonly arcgisMaxClick: TargetedEvent<this, __esri.SliderMaxClickEvent>;
-    readonly arcgisMinChange: TargetedEvent<this, __esri.SliderMinChangeEvent>;
-    readonly arcgisMinClick: TargetedEvent<this, __esri.SliderMinClickEvent>;
-    /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
-    readonly arcgisPropertyChange: TargetedEvent<this, {
-        name: "state";
-    }>;
-    /** Emitted when the component associated with a map or scene view is is ready to be interacted with. */
-    readonly arcgisReady: TargetedEvent<this, void>;
-    readonly arcgisSegmentClick: TargetedEvent<this, __esri.SliderSegmentClickEvent>;
-    readonly arcgisSegmentDrag: TargetedEvent<this, __esri.SliderSegmentDragEvent>;
-    readonly arcgisThumbChange: TargetedEvent<this, __esri.SliderThumbChangeEvent>;
-    readonly arcgisThumbClick: TargetedEvent<this, __esri.SliderThumbClickEvent>;
-    readonly arcgisThumbDrag: TargetedEvent<this, __esri.SliderThumbDragEvent>;
-    readonly arcgisTickClick: TargetedEvent<this, __esri.SliderTickClickEvent>;
-    readonly arcgisTrackClick: TargetedEvent<this, __esri.SliderTrackClickEvent>;
-}
-export {};

package/dist/components/arcgis-slider/customElement.js

@@ -1,32 +0,0 @@
-import { c as i } from "../../chunks/runtime.js";
-import { usePropertyChange as s } from "@arcgis/lumina/controllers";
-import { reEmitEvent as t } from "@arcgis/lumina/controllers/accessor";
-import n from "@arcgis/core/widgets/Slider.js";
-import { LitElement as a, createEvent as l, noShadowRoot as h } from "@arcgis/lumina";
-import { m as g } from "../../chunks/useWidget.js";
-import { css as m } from "@lit/reactive-element/css-tag.js";
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.8 */
-const c = m`@layer{arcgis-slider{min-width:200px;min-height:25px}}`, r = g(n);
-class d extends a {
-  constructor() {
-    super(...arguments), this.widget = r(this), this.viewModel = this.widget.viewModel, this.autoDestroyDisabled = !1, this.draggableSegmentsEnabled = this.widget.draggableSegmentsEnabled, this.effectiveMax = this.widget.effectiveMax, this.effectiveMin = this.widget.effectiveMin, this.effectiveSegmentElements = this.widget.effectiveSegmentElements, this.icon = this.widget.icon, this.label = this.widget.label, this.labelElements = this.widget.labelElements, this.labelInputsEnabled = this.widget.labelInputsEnabled, this.labels = this.widget.labels, this.layout = this.widget.layout, this.max = this.widget.max, this.maxLabelElement = this.widget.maxLabelElement, this.min = this.widget.min, this.minLabelElement = this.widget.minLabelElement, this.position = "bottom-left", this.precision = this.widget.precision, this.rangeLabelInputsEnabled = this.widget.rangeLabelInputsEnabled, this.segmentElements = this.widget.segmentElements, this.snapOnClickEnabled = this.widget.snapOnClickEnabled, this.state = this.widget.state, this.steps = this.widget.steps, this.syncedSegmentsEnabled = this.widget.syncedSegmentsEnabled, this.thumbElements = this.widget.thumbElements, this.thumbsConstrained = this.widget.thumbsConstrained, this.tickConfigs = this.widget.tickConfigs, this.tickElements = this.widget.tickElements, this.trackElement = this.widget.trackElement, this.values = this.widget.values, this.arcgisMaxChange = t(() => this.widget, "max-change"), this.arcgisMaxClick = t(() => this.widget, "max-click"), this.arcgisMinChange = t(() => this.widget, "min-change"), this.arcgisMinClick = t(() => this.widget, "min-click"), this.arcgisPropertyChange = s()("state"), this.arcgisReady = l(), this.arcgisSegmentClick = t(() => this.widget, "segment-click"), this.arcgisSegmentDrag = t(() => this.widget, "segment-drag"), this.arcgisThumbChange = t(() => this.widget, "thumb-change"), this.arcgisThumbClick = t(() => this.widget, "thumb-click"), this.arcgisThumbDrag = t(() => this.widget, "thumb-drag"), this.arcgisTickClick = t(() => this.widget, "tick-click"), this.arcgisTrackClick = t(() => this.widget, "track-click");
-  }
-  static {
-    this.properties = { autoDestroyDisabled: 5, draggableSegmentsEnabled: 5, effectiveMax: 9, effectiveMin: 9, effectiveSegmentElements: 0, icon: 1, label: 1, labelElements: 0, labelInputsEnabled: 5, labels: 0, layout: 1, max: 9, maxLabelElement: 0, min: 9, minLabelElement: 0, position: 1, precision: 9, rangeLabelInputsEnabled: 5, referenceElement: 1, segmentElements: 0, snapOnClickEnabled: 5, state: 3, steps: [9, { converter: (e) => typeof e == "string" ? e.split(",").map(Number) : e }], syncedSegmentsEnabled: 5, thumbElements: 0, thumbsConstrained: 5, tickConfigs: 0, tickElements: 0, trackElement: 0, values: [1, { converter: (e) => typeof e == "string" ? e.split(",").map(Number) : e }] };
-  }
-  static {
-    this.shadowRootOptions = h;
-  }
-  static {
-    this.styles = c;
-  }
-  async destroy() {
-    await this.manager.destroy();
-  }
-}
-i("arcgis-slider", d);
-export {
-  d as ArcgisSlider
-};