@arcgis/core/widgets/HighlightConfigurator.js

ArcGIS Maps SDK for JavaScript: A complete 2D and 3D mapping and data visualization API

/*
All material copyright ESRI, All Rights Reserved, unless otherwise specified.
See https://js.arcgis.com/4.32/esri/copyright.txt for details.
*/
import{_ as t}from"../chunks/tslib.es6.js";import"../core/Logger.js";import"../core/has.js";import"../core/RandomLCG.js";import"../core/Error.js";import{subclass as o}from"../core/accessorSupport/decorators/subclass.js";import e from"./Widget.js";import"./support/widgetUtils.js";import{tsx as r}from"./support/jsxFactory.js";let a=class extends e{constructor(t,o){super(t,o),this._view=t.view}render(){const{highlights:t}=this._view,o=t.items.slice().reverse();return r("div",{styles:{backgroundColor:"white",padding:"1em"}},r("b",null,"Highest priority"),o.map((t=>r("div",{styles:{border:"1px solid gray",borderRadius:"8px",margin:"3px",padding:"5px"}},r("div",null,"Name:",r("input",{onchange:o=>{t.name=o.target.value},type:"text",value:t.name})),r("div",null,"Fill color:",r("input",{onchange:o=>{t.color=o.target.value},type:"color",value:t.color.toHex()}),"Fill opacity:",r("input",{max:"1",min:"0.1",onchange:o=>{t.fillOpacity=o.target.value},step:"0.01",type:"range",value:t.fillOpacity.toString()})),r("div",null,"Halo color:",r("input",{onchange:o=>{t.haloColor=o.target.value},type:"color",value:(t.haloColor||t.color).toHex()}),"Halo opacity:",r("input",{max:"1",min:"0.1",onchange:o=>{t.haloOpacity=o.target.value},step:"0.01",type:"range",value:t.haloOpacity.toString()}),"Halo width:",r("input",{max:"8",min:"1",onchange:o=>{t.haloWidth=o.target.value},step:"0.1",type:"range",value:t.haloWidth.toString()}),"Halo blur:",r("input",{max:"1",min:"0.1",onchange:o=>{t.haloBlur=o.target.value},step:"0.01",type:"range",value:t.haloBlur.toString()}))))),r("b",null,"Lowest priority"))}};a=t([o("esri.widgets.HighlightConfigurator")],a);const i=a;export{i as default};