@arcgis/map-components 5.1.0-next.10 → 5.1.0-next.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/{CZE43OAC.js → 22EPKDUJ.js} +1 -1
- package/dist/cdn/2AYGSNEO.js +2 -0
- package/dist/cdn/{YSDQ5VNK.js → 2EJ4XRH4.js} +1 -1
- package/dist/cdn/{FOMIDTAN.js → 2NOL7QIE.js} +1 -1
- package/dist/cdn/{24PK3ZLX.js → 37TNG76C.js} +1 -1
- package/dist/cdn/{GLNRLEZE.js → 3DO7PVNW.js} +1 -1
- package/dist/cdn/{EPQN4FJS.js → 3XMPN66U.js} +1 -1
- package/dist/cdn/{KBY7C6QM.js → 3YA25S2J.js} +1 -1
- package/dist/cdn/{5FZLG5YS.js → 42UR6TXZ.js} +1 -1
- package/dist/cdn/4EAZ4PIQ.js +2 -0
- package/dist/cdn/{3FSARSVN.js → 4JCY4NHX.js} +1 -1
- package/dist/cdn/{JTEJ2NHE.js → 556MC5SF.js} +1 -1
- package/dist/cdn/{7L5TRJUA.js → 5ITF7Q7U.js} +1 -1
- package/dist/cdn/5LBJB4MP.js +2 -0
- package/dist/cdn/{CUWONRT5.js → 5RGFRTJS.js} +1 -1
- package/dist/cdn/{EYW7YQF6.js → 63N5ERFL.js} +1 -1
- package/dist/cdn/{UZ7KLWGC.js → 63P5VYGP.js} +1 -1
- package/dist/cdn/{FTBTVD7U.js → 64OEHFBZ.js} +1 -1
- package/dist/cdn/{2PAAPTW5.js → 6CGPJGIB.js} +1 -1
- package/dist/cdn/{AN2ZNLDK.js → 6F6VOBIA.js} +1 -1
- package/dist/cdn/{BEXRPBHT.js → 6RKD6GFP.js} +1 -1
- package/dist/cdn/{I6ZXIPND.js → 7JQZBAFA.js} +1 -1
- package/dist/cdn/{PESPV6VP.js → 7YLXQNEC.js} +1 -1
- package/dist/cdn/A2JO7DWO.js +2 -0
- package/dist/cdn/{D7DDJ2QZ.js → A44ZCOCX.js} +2 -2
- package/dist/cdn/A4UJ53JS.js +2 -0
- package/dist/cdn/{S52VES4H.js → A7JPWYKR.js} +1 -1
- package/dist/cdn/{GS43BIES.js → AEYZDEAH.js} +1 -1
- package/dist/cdn/{CMWIMRU2.js → AJHRJ5EA.js} +1 -1
- package/dist/cdn/{INS77MCT.js → AP2IFWYH.js} +1 -1
- package/dist/cdn/{CKBTMA4D.js → B3ANLEZW.js} +1 -1
- package/dist/cdn/{OAFAR3NG.js → BUOIT34V.js} +1 -1
- package/dist/cdn/{BNJXI23I.js → C24SOTLL.js} +1 -1
- package/dist/cdn/{LSF66JVY.js → C4DJABUI.js} +1 -1
- package/dist/cdn/{SPACZLHW.js → C7YN3AZA.js} +1 -1
- package/dist/cdn/{CXOYV56L.js → CC53K2CR.js} +1 -1
- package/dist/cdn/{6ZNO34O5.js → CCKYOWZO.js} +1 -1
- package/dist/cdn/{7DTWNSIR.js → CTSWZC3O.js} +1 -1
- package/dist/cdn/{BX7N3KYH.js → CVBNRF34.js} +1 -1
- package/dist/cdn/D27YXH3W.js +2 -0
- package/dist/cdn/{Y6KRMZWJ.js → DINM6JDS.js} +1 -1
- package/dist/cdn/{CEJGZMGB.js → DTVW3MYT.js} +1 -1
- package/dist/cdn/{TTR6UUEQ.js → EENOVGOS.js} +1 -1
- package/dist/cdn/EGN3YTD6.js +2 -0
- package/dist/cdn/{YZZJQMH4.js → EM7YCHTU.js} +1 -1
- package/dist/cdn/{P4PTEXIJ.js → EQCNO3G4.js} +1 -1
- package/dist/cdn/{7ZCMIKP6.js → EX22SAPL.js} +1 -1
- package/dist/cdn/{SSZMOOL6.js → F4HWT5H3.js} +1 -1
- package/dist/cdn/{ERTOHEVB.js → FB6YQKF2.js} +1 -1
- package/dist/cdn/{ACWGHEWO.js → FYTMMPPG.js} +1 -1
- package/dist/cdn/{POEZXWTT.js → GNGZFV2C.js} +1 -1
- package/dist/cdn/{LCUXPDUW.js → GY5226CJ.js} +1 -1
- package/dist/cdn/{QX27DK37.js → HB3W3CO5.js} +1 -1
- package/dist/cdn/{3A7HYDQP.js → HE6QV4XG.js} +1 -1
- package/dist/cdn/{J7ZNOOZ4.js → HEAH7MYD.js} +1 -1
- package/dist/cdn/{4URF7CKU.js → HH6BDERO.js} +1 -1
- package/dist/cdn/{QLPUP6A3.js → HHJN3Q6G.js} +1 -1
- package/dist/cdn/{FQJMTGXO.js → HO4JUZ6N.js} +1 -1
- package/dist/cdn/{JLIZWDU5.js → I5QTPPFJ.js} +1 -1
- package/dist/cdn/{VGTTCLO3.js → IDDSHZVB.js} +1 -1
- package/dist/cdn/{7CBBWB77.js → J55YUTPM.js} +1 -1
- package/dist/cdn/{6XJFSJGE.js → K27JJT2P.js} +1 -1
- package/dist/cdn/{LVSNYSCO.js → KAXJKSFB.js} +1 -1
- package/dist/cdn/{RXFUZXUX.js → KHM3S4Q6.js} +1 -1
- package/dist/cdn/{PFYZ7JRB.js → KNAUIRT6.js} +1 -1
- package/dist/cdn/{IY2G6DLG.js → KY2UAUNI.js} +1 -1
- package/dist/cdn/{JMHCIJG4.js → LG4PZVHS.js} +1 -1
- package/dist/cdn/{XWAT4IT2.js → LHEP4QSS.js} +1 -1
- package/dist/cdn/{KQNQ6ITI.js → LZQCXN6A.js} +1 -1
- package/dist/cdn/{JCV26SSG.js → M4L5EDRB.js} +1 -1
- package/dist/cdn/{2K45WUVH.js → M65HMJZA.js} +1 -1
- package/dist/cdn/{U5HXLA7K.js → MAGJWMWM.js} +1 -1
- package/dist/cdn/{XTFD35UI.js → MDCB7SO4.js} +1 -1
- package/dist/cdn/{KLBNUE5Q.js → N3BD4UQD.js} +1 -1
- package/dist/cdn/{7357JBTM.js → NGKNECON.js} +1 -1
- package/dist/cdn/NHMOFXEE.js +2 -0
- package/dist/cdn/{YR3SQWM6.js → NRBM3YR6.js} +1 -1
- package/dist/cdn/{77ERVO5S.js → NRV7VFJ7.js} +1 -1
- package/dist/cdn/{YBJEMNAU.js → NSGDR7V5.js} +1 -1
- package/dist/cdn/{CQ2L75M3.js → NZAO2BVV.js} +1 -1
- package/dist/cdn/{OJNMPOYD.js → OCEXQCFT.js} +1 -1
- package/dist/cdn/{FANKLSAT.js → OD5DHUHZ.js} +1 -1
- package/dist/cdn/{L6LZYPWJ.js → ORH27QWU.js} +1 -1
- package/dist/cdn/{5PJEJPFY.js → OSPWEZQJ.js} +1 -1
- package/dist/cdn/{BB5CXHDQ.js → PISCYSA5.js} +1 -1
- package/dist/cdn/{IIPYTUR3.js → PMQLTMQ4.js} +1 -1
- package/dist/cdn/PZC5TBXA.js +2 -0
- package/dist/cdn/{GHA2ANJZ.js → QJOQNSYB.js} +1 -1
- package/dist/cdn/{LZ3PMD7Z.js → QVMTO5BV.js} +1 -1
- package/dist/cdn/{L7NIKN24.js → R4V6HGJH.js} +1 -1
- package/dist/cdn/R7BJHEHH.js +2 -0
- package/dist/cdn/{4YQLL44L.js → RP5SO6BA.js} +1 -1
- package/dist/cdn/{JC4DYMKT.js → RRXH4CSV.js} +1 -1
- package/dist/cdn/{D6YUW72R.js → RSSYGNJQ.js} +1 -1
- package/dist/cdn/{7S4WE6H3.js → RUB6EORR.js} +1 -1
- package/dist/cdn/{CIUAWIL5.js → S4NUCPRQ.js} +2 -2
- package/dist/cdn/{SFM3XWUA.js → S6G6XXTM.js} +1 -1
- package/dist/cdn/{HVI2FE73.js → SZ5MNKOW.js} +1 -1
- package/dist/cdn/{RISVXUI4.js → T2ZF4XIZ.js} +1 -1
- package/dist/cdn/{U5FUT6DD.js → TP6I2LJO.js} +1 -1
- package/dist/cdn/{4IC3NWKK.js → TPOLS4YM.js} +1 -1
- package/dist/cdn/{5V7HEV2R.js → TUW6NLYY.js} +1 -1
- package/dist/cdn/{KG2M6IQS.js → U4QW6VHU.js} +1 -1
- package/dist/cdn/{SZNBYDQI.js → UAO23YMW.js} +1 -1
- package/dist/cdn/{LY735GHL.js → UHFSSX2G.js} +1 -1
- package/dist/cdn/{33U3K3P2.js → UKKUFJLL.js} +1 -1
- package/dist/cdn/{4PWBNKOA.js → UKNKW6MH.js} +1 -1
- package/dist/cdn/{DUT3D6UH.js → UM2FDZJJ.js} +1 -1
- package/dist/cdn/{DLUXWET4.js → UNX4CKAF.js} +1 -1
- package/dist/cdn/{5LD4AU4Q.js → VNOZYJLP.js} +1 -1
- package/dist/cdn/{OMKVQOUI.js → VU3SJK5Z.js} +1 -1
- package/dist/cdn/{I2WEEE2E.js → WGWNMYUH.js} +1 -1
- package/dist/cdn/{LLNNQ2ED.js → WOV3LB6K.js} +1 -1
- package/dist/cdn/{ZIX3WE2Q.js → WTMMFDEH.js} +1 -1
- package/dist/cdn/{E4YMNWRJ.js → WW6L6XX4.js} +1 -1
- package/dist/cdn/{AIRDJCFV.js → XCAWRUM6.js} +1 -1
- package/dist/cdn/{BAPY2HFP.js → XMSGTOUV.js} +1 -1
- package/dist/cdn/XMZSFKKO.js +2 -0
- package/dist/cdn/{LMV6L2OF.js → XRP25NGI.js} +1 -1
- package/dist/cdn/{ILPNFQWH.js → XW72RT5D.js} +1 -1
- package/dist/cdn/{RWJKQEMK.js → XXZ3CKTX.js} +1 -1
- package/dist/cdn/{ZHINQNZ2.js → Y6IN6NEC.js} +1 -1
- package/dist/cdn/{AFU3S7KW.js → YC5JACID.js} +1 -1
- package/dist/cdn/{SKGRUNAJ.js → YC6JWXOW.js} +1 -1
- package/dist/cdn/{GUAI5SHN.js → YFUI4F5L.js} +1 -1
- package/dist/cdn/{N76CLHYJ.js → ZD25GJYW.js} +1 -1
- package/dist/cdn/{67IVXIOR.js → ZD5FJHIQ.js} +1 -1
- package/dist/cdn/{UDPUTCKL.js → ZM2YXU7Y.js} +1 -1
- package/dist/cdn/{2BJHF4JK.js → ZURN5EZI.js} +1 -1
- package/dist/cdn/{KNJ7PME5.js → ZVTPU2MO.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/useArcgisViewReadyError.js +7 -7
- package/dist/components/arcgis-area-measurement-2d/customElement.d.ts +5 -5
- package/dist/components/arcgis-area-measurement-3d/customElement.d.ts +7 -7
- package/dist/components/arcgis-building-explorer/customElement.d.ts +1 -1
- package/dist/components/arcgis-daylight/customElement.d.ts +13 -13
- package/dist/components/arcgis-daylight/customElement.js +2 -1
- package/dist/components/arcgis-direct-line-measurement-3d/customElement.d.ts +7 -7
- package/dist/components/arcgis-distance-measurement-2d/customElement.d.ts +5 -5
- package/dist/components/arcgis-elevation-profile/customElement.d.ts +8 -8
- package/dist/components/arcgis-feature-fields/customElement.js +7 -7
- package/dist/components/arcgis-features/customElement.d.ts +28 -28
- package/dist/components/arcgis-legend/customElement.d.ts +1 -1
- package/dist/components/arcgis-line-of-sight/customElement.d.ts +5 -5
- package/dist/components/arcgis-link-chart/customElement.d.ts +1 -1
- package/dist/components/arcgis-link-chart-nonspatial-visibility-toggle/customElement.js +13 -13
- package/dist/components/arcgis-map/customElement.d.ts +4 -4
- package/dist/components/arcgis-measurement/customElement.d.ts +3 -3
- package/dist/components/arcgis-navigation-toggle/customElement.d.ts +1 -1
- package/dist/components/arcgis-popup/customElement.d.ts +34 -34
- package/dist/components/arcgis-scene/customElement.d.ts +2 -2
- package/dist/components/arcgis-shadow-cast/customElement.d.ts +7 -7
- package/dist/components/arcgis-slice/customElement.d.ts +4 -4
- package/dist/components/arcgis-slider-binary-color-size-legacy/customElement.d.ts +58 -77
- package/dist/components/arcgis-slider-classed-color-legacy/customElement.d.ts +25 -30
- package/dist/components/arcgis-slider-classed-size-legacy/customElement.d.ts +22 -24
- package/dist/components/arcgis-slider-color-legacy/customElement.d.ts +54 -75
- package/dist/components/arcgis-slider-color-size-legacy/customElement.d.ts +48 -63
- package/dist/components/arcgis-slider-heatmap-legacy/customElement.d.ts +3 -3
- package/dist/components/arcgis-slider-opacity-legacy/customElement.d.ts +51 -68
- package/dist/components/arcgis-slider-size-legacy/customElement.d.ts +49 -64
- package/dist/components/arcgis-time-zone-label/customElement.d.ts +6 -29
- package/dist/components/arcgis-time-zone-label/customElement.js +15 -48
- package/dist/components/arcgis-time-zone-label/index.js +1 -1
- package/dist/components/arcgis-track/customElement.d.ts +1 -1
- package/dist/components/arcgis-value-picker-legacy/customElement.d.ts +10 -10
- package/dist/components/arcgis-video-player/customElement.d.ts +1 -1
- package/dist/components/arcgis-volume-measurement/customElement.d.ts +4 -4
- package/dist/components/arcgis-volume-measurement/customElement.js +1 -1
- package/dist/components/arcgis-weather/customElement.d.ts +5 -5
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/vscode.html-custom-data.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/loader.js +1 -1
- package/dist/types/lumina.d.ts +1 -2
- package/dist/types/preact.d.ts +1 -2
- package/dist/types/react.d.ts +1 -2
- package/dist/types/stencil.d.ts +1 -2
- package/package.json +4 -4
- package/dist/cdn/23UYZVTW.js +0 -2
- package/dist/cdn/CKNH5OMJ.js +0 -2
- package/dist/cdn/FEQLUSM2.js +0 -2
- package/dist/cdn/G4A4VLTL.js +0 -2
- package/dist/cdn/GQN4ALIE.js +0 -2
- package/dist/cdn/I3PBMKT5.js +0 -2
- package/dist/cdn/IPNIJANM.js +0 -2
- package/dist/cdn/LVMJAMRO.js +0 -2
- package/dist/cdn/MW73TE2N.js +0 -2
- package/dist/cdn/OKZSKR6W.js +0 -2
- package/dist/cdn/VPJCFCJU.js +0 -2
- /package/dist/cdn/{UQ7E33T4.js → 2SQUOXWG.js} +0 -0
- /package/dist/cdn/{KAJ3U6DP.js → 3GVHNIXM.js} +0 -0
- /package/dist/cdn/{E2KWMQKQ.js → 3NF4UU3S.js} +0 -0
- /package/dist/cdn/{PHF2XKSK.js → 43UMYTXQ.js} +0 -0
- /package/dist/cdn/{CHDRBZNL.js → 47T624VO.js} +0 -0
- /package/dist/cdn/{X5H6ZUFX.js → 4NBXFFTY.js} +0 -0
- /package/dist/cdn/{DDI363AI.js → 5IPPKC3M.js} +0 -0
- /package/dist/cdn/{LCXF3AKY.js → 6JUTQDKC.js} +0 -0
- /package/dist/cdn/{YMU5IPMP.js → 6QPD32WT.js} +0 -0
- /package/dist/cdn/{M6TJN2I5.js → 7LEGS7EX.js} +0 -0
- /package/dist/cdn/{ORP3ZND2.js → AQG5RIV3.js} +0 -0
- /package/dist/cdn/{W5XM52J7.js → B3I4OKDQ.js} +0 -0
- /package/dist/cdn/{RCD5UKTW.js → BFHBS4MR.js} +0 -0
- /package/dist/cdn/{CRR65TKV.js → D3X7R3GD.js} +0 -0
- /package/dist/cdn/{7FMJZURP.js → DYC6OHKG.js} +0 -0
- /package/dist/cdn/{5OB4E5PR.js → DZG4EA6U.js} +0 -0
- /package/dist/cdn/{W5B5LTGN.js → ELF2SE5K.js} +0 -0
- /package/dist/cdn/{UVZZX6YP.js → FHSXSYA6.js} +0 -0
- /package/dist/cdn/{BQIH5T3S.js → FRWY77LH.js} +0 -0
- /package/dist/cdn/{ZFFBK3VO.js → FYVM32GJ.js} +0 -0
- /package/dist/cdn/{B7IYR676.js → GVW4OIR5.js} +0 -0
- /package/dist/cdn/{FPD3STSJ.js → H6LWU2FC.js} +0 -0
- /package/dist/cdn/{DEOCASGG.js → HEBLEJCT.js} +0 -0
- /package/dist/cdn/{OSRAPPNR.js → IDITPQDC.js} +0 -0
- /package/dist/cdn/{DWZIXPJ4.js → J3F5FPMC.js} +0 -0
- /package/dist/cdn/{YP3JKXC4.js → JMZA4GQB.js} +0 -0
- /package/dist/cdn/{JDPQMOEW.js → JPDYVHUZ.js} +0 -0
- /package/dist/cdn/{PUOWH3YL.js → KNFAPO3C.js} +0 -0
- /package/dist/cdn/{W2Q7NWBG.js → LEC4CIVO.js} +0 -0
- /package/dist/cdn/{JMDNJPNT.js → NCTWDKYG.js} +0 -0
- /package/dist/cdn/{RDW2NJPR.js → PDCUZMSB.js} +0 -0
- /package/dist/cdn/{76ESM6B2.js → RJTABGPK.js} +0 -0
- /package/dist/cdn/{2ZL4CF6P.js → SPXZXKMH.js} +0 -0
- /package/dist/cdn/{HZTWWEVM.js → TRPYDMNK.js} +0 -0
- /package/dist/cdn/{YHVFARHN.js → UYDFCELQ.js} +0 -0
- /package/dist/cdn/{55VMVXRK.js → V2D4QTRR.js} +0 -0
- /package/dist/cdn/{QAXR4LT6.js → WBZEEY5N.js} +0 -0
- /package/dist/cdn/{YDJGMRV3.js → WG5RPCHL.js} +0 -0
- /package/dist/cdn/{ZLIZCBGT.js → WL4J6REN.js} +0 -0
- /package/dist/cdn/{GB42YXHR.js → XJQRAKJ6.js} +0 -0
- /package/dist/cdn/{L4WRYSKZ.js → YGJ7NPDT.js} +0 -0
- /package/dist/cdn/{V3M37NHT.js → ZJ36DBTH.js} +0 -0
|
@@ -16,7 +16,8 @@ import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapp
|
|
|
16
16
|
* >
|
|
17
17
|
* > This is a **legacy component**. It relies on an underlying widget as part of our migration to native web components.
|
|
18
18
|
* >
|
|
19
|
-
* > A fully native replacement for this component is in development. Once it reaches feature parity, the legacy component will be deprecated and no longer maintained.
|
|
19
|
+
* > A fully native replacement for this component is in development. Once it reaches feature parity, the legacy component will be deprecated and no longer maintained.
|
|
20
|
+
* At that point, new development should use the native component.
|
|
20
21
|
*
|
|
21
22
|
* The Binary Color Size Slider component is intended for authoring and exploring diverging data-driven visualizations in any
|
|
22
23
|
* layer that can be rendered with an above and below theme for a [SizeVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/SizeVariable/).
|
|
@@ -31,7 +32,7 @@ import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapp
|
|
|
31
32
|
* "@arcgis/core/smartMapping/renderers/univariateColorSize.js"
|
|
32
33
|
* );
|
|
33
34
|
* const viewElement = document.querySelector("arcgis-map")!;
|
|
34
|
-
* const binaryColorSizeSlider = document.querySelector("arcgis-slider-binary-color-size")
|
|
35
|
+
* const binaryColorSizeSlider = document.querySelector("arcgis-slider-binary-color-size-legacy");
|
|
35
36
|
*
|
|
36
37
|
* const featureLayer = new FeatureLayer({
|
|
37
38
|
* url: "https://services.arcgis.com/P3ePLMYs2RVChkJx/arcgis/rest/services/ACS_Poverty_by_Age_Boundaries/FeatureServer/1",
|
|
@@ -44,7 +45,7 @@ import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapp
|
|
|
44
45
|
* layer: featureLayer,
|
|
45
46
|
* field: "B17020_calc_pctPovE",
|
|
46
47
|
* view: viewElement.view,
|
|
47
|
-
* theme: "above-and-below"
|
|
48
|
+
* theme: "above-and-below",
|
|
48
49
|
* };
|
|
49
50
|
*
|
|
50
51
|
* const rendererResult = await univariateColorSizeRendererCreator.createContinuousRenderer(params);
|
|
@@ -64,7 +65,7 @@ import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapp
|
|
|
64
65
|
*
|
|
65
66
|
* ```js
|
|
66
67
|
* const updateRendererFromSlider = async () => {
|
|
67
|
-
* const result = await binaryColorSizeSlider.updateRenderer(featureLayer.renderer
|
|
68
|
+
* const result = await binaryColorSizeSlider.updateRenderer(featureLayer.renderer);
|
|
68
69
|
* featureLayer.renderer = result;
|
|
69
70
|
* };
|
|
70
71
|
*
|
|
@@ -74,7 +75,6 @@ import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapp
|
|
|
74
75
|
* ```
|
|
75
76
|
*
|
|
76
77
|
* @since 5.0
|
|
77
|
-
* @see [BinaryColorSizeSliderViewModel](https://developers.arcgis.com/javascript/latest/references/core/widgets/smartMapping/BinaryColorSizeSlider/BinaryColorSizeSliderViewModel/)
|
|
78
78
|
* @see [univariateColorSizeRendererCreator](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/renderers/univariateColorSize/)
|
|
79
79
|
*/
|
|
80
80
|
export abstract class ArcgisSliderBinaryColorSizeLegacy extends LitElement {
|
|
@@ -89,8 +89,7 @@ export abstract class ArcgisSliderBinaryColorSizeLegacy extends LitElement {
|
|
|
89
89
|
*/
|
|
90
90
|
accessor autoDestroyDisabled: boolean;
|
|
91
91
|
/**
|
|
92
|
-
* This property
|
|
93
|
-
* indicates whether the position of the outside handles are synced with the middle, or primary,
|
|
92
|
+
* This property indicates whether the position of the outside handles are synced with the middle, or primary,
|
|
94
93
|
* handle. When enabled, if the primary handle is moved then the outside handle positions are updated
|
|
95
94
|
* while maintaining a fixed distance from the primary handle.
|
|
96
95
|
*
|
|
@@ -103,11 +102,9 @@ export abstract class ArcgisSliderBinaryColorSizeLegacy extends LitElement {
|
|
|
103
102
|
*/
|
|
104
103
|
accessor handlesSyncedToPrimary: boolean;
|
|
105
104
|
/**
|
|
106
|
-
* The
|
|
105
|
+
* The histogram associated with the data represented on the slider. The bins are typically
|
|
107
106
|
* generated using the [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/) statistics function.
|
|
108
107
|
*
|
|
109
|
-
* @see [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/)
|
|
110
|
-
* @see [Histogram](https://developers.arcgis.com/javascript/latest/references/core/widgets/Histogram/)
|
|
111
108
|
* @example
|
|
112
109
|
* ```js
|
|
113
110
|
* const histogramResult = await histogram({
|
|
@@ -116,10 +113,11 @@ export abstract class ArcgisSliderBinaryColorSizeLegacy extends LitElement {
|
|
|
116
113
|
* numBins: 30,
|
|
117
114
|
* });
|
|
118
115
|
*
|
|
119
|
-
*
|
|
120
|
-
*
|
|
121
|
-
*
|
|
122
|
-
*
|
|
116
|
+
* slider.histogramConfig = {
|
|
117
|
+
* bins: histogramResult.bins
|
|
118
|
+
* };
|
|
119
|
+
* ```
|
|
120
|
+
* @see [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/)
|
|
123
121
|
*/
|
|
124
122
|
accessor histogramConfig: HistogramConfig | null | undefined;
|
|
125
123
|
/**
|
|
@@ -130,7 +128,7 @@ export abstract class ArcgisSliderBinaryColorSizeLegacy extends LitElement {
|
|
|
130
128
|
*/
|
|
131
129
|
accessor icon: IconName;
|
|
132
130
|
/**
|
|
133
|
-
* A function used to format user inputs. As opposed to [labelFormatFunction](https://developers.arcgis.com/javascript/latest/references/
|
|
131
|
+
* A function used to format user inputs. As opposed to [labelFormatFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-binary-color-size-legacy/#labelFormatFunction), which formats
|
|
134
132
|
* thumb labels, the `inputFormatFunction` formats thumb values in the input element when the user begins
|
|
135
133
|
* to edit them.
|
|
136
134
|
*
|
|
@@ -145,18 +143,19 @@ export abstract class ArcgisSliderBinaryColorSizeLegacy extends LitElement {
|
|
|
145
143
|
* 
|
|
146
144
|
*
|
|
147
145
|
* However, if an `inputFormatFunction` is specified, you must also write a corresponding
|
|
148
|
-
* [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/
|
|
149
|
-
* you specify an `inputFormatFunction`, you should set the [labelFormatFunction](https://developers.arcgis.com/javascript/latest/references/
|
|
146
|
+
* [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-binary-color-size-legacy/#inputParseFunction) to parse user inputs to understandable slider values. In most cases, if
|
|
147
|
+
* you specify an `inputFormatFunction`, you should set the [labelFormatFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-binary-color-size-legacy/#labelFormatFunction) to the same value
|
|
150
148
|
* for consistency between labels and inputs.
|
|
151
149
|
*
|
|
152
150
|
* This property overrides the default input formatter, which formats by calling `toString()` on the input value.
|
|
151
|
+
*
|
|
153
152
|
*
|
|
154
|
-
* @see [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/
|
|
153
|
+
* @see [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-binary-color-size-legacy/#inputParseFunction)
|
|
155
154
|
* @example
|
|
156
155
|
* ```js
|
|
157
156
|
* // Formats the slider input to abbreviated numbers with units
|
|
158
157
|
* // e.g. a thumb at position 1500 will render with an input label of 1.5k
|
|
159
|
-
*
|
|
158
|
+
* slider.inputFormatFunction = (value: number): string => {
|
|
160
159
|
* if (value >= 1000000) {
|
|
161
160
|
* return (value / 1000000).toPrecision(3) + "m";
|
|
162
161
|
* }
|
|
@@ -168,24 +167,24 @@ export abstract class ArcgisSliderBinaryColorSizeLegacy extends LitElement {
|
|
|
168
167
|
* }
|
|
169
168
|
* return value.toFixed(0);
|
|
170
169
|
* };
|
|
171
|
-
*
|
|
170
|
+
* ```
|
|
172
171
|
*/
|
|
173
172
|
accessor inputFormatFunction: LabelFormatFunction | null | undefined;
|
|
174
173
|
/**
|
|
175
|
-
* Function used to parse slider inputs formatted by the [inputFormatFunction](https://developers.arcgis.com/javascript/latest/references/
|
|
174
|
+
* Function used to parse slider inputs formatted by the [inputFormatFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-binary-color-size-legacy/#inputFormatFunction).
|
|
176
175
|
* This property must be set if an `inputFormatFunction` is set. Otherwise the slider values will
|
|
177
176
|
* likely not update to their expected positions.
|
|
178
177
|
*
|
|
179
178
|
* Overrides the default input parses, which is a parsed floating point number.
|
|
180
179
|
*
|
|
181
|
-
* @see [inputFormatFunction](https://developers.arcgis.com/javascript/latest/references/
|
|
180
|
+
* @see [inputFormatFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-binary-color-size-legacy/#inputFormatFunction)
|
|
182
181
|
* @example
|
|
183
182
|
* ```js
|
|
184
183
|
* // Parses the slider input (a string value) to a number value understandable to the slider
|
|
185
184
|
* // This assumes the slider was already configured with an inputFormatFunction
|
|
186
185
|
* // For example, if the input is 1.5k this function will parse
|
|
187
186
|
* // it to a value of 1500
|
|
188
|
-
*
|
|
187
|
+
* colorSlider.inputParseFunction = (value: string): number => {
|
|
189
188
|
* const charLength = value.length;
|
|
190
189
|
* const valuePrefix = parseFloat(value.substring(0, charLength - 1));
|
|
191
190
|
* const finalChar = value.substring(charLength - 1);
|
|
@@ -201,23 +200,19 @@ export abstract class ArcgisSliderBinaryColorSizeLegacy extends LitElement {
|
|
|
201
200
|
* }
|
|
202
201
|
* return parseFloat(value);
|
|
203
202
|
* };
|
|
204
|
-
*
|
|
203
|
+
* ```
|
|
205
204
|
*/
|
|
206
205
|
accessor inputParseFunction: InputParseFunction | null | undefined;
|
|
207
206
|
/**
|
|
208
|
-
* A
|
|
209
|
-
* [Slider#labelFormatFunction](https://developers.arcgis.com/javascript/latest/references/core/widgets/Slider/#labelFormatFunction),
|
|
210
|
-
* which is a custom function used to format labels on the thumbs, min, max, and average
|
|
211
|
-
* values. Overrides the default label formatter.
|
|
212
|
-
* This function also supports date formatting.
|
|
207
|
+
* A function used to format labels on the thumbs, min, max, and average values. Overrides the default label formatter. This function also supports date formatting.
|
|
213
208
|
*
|
|
214
209
|
* @example
|
|
215
210
|
* ```js
|
|
216
211
|
* // For thumb values, rounds each label to whole numbers
|
|
217
|
-
*
|
|
212
|
+
* slider.labelFormatFunction = (value: number, type?: SliderFormatType): string => {
|
|
218
213
|
* return (type === "value") ? value.toFixed(0) : value.toString();
|
|
219
214
|
* };
|
|
220
|
-
*
|
|
215
|
+
* ```
|
|
221
216
|
*/
|
|
222
217
|
accessor labelFormatFunction: LabelFormatFunction | null | undefined;
|
|
223
218
|
/**
|
|
@@ -265,13 +260,13 @@ export abstract class ArcgisSliderBinaryColorSizeLegacy extends LitElement {
|
|
|
265
260
|
* Defines how slider thumb values should be rounded. This number indicates the number
|
|
266
261
|
* of decimal places slider thumb _values_ should round to when they have been moved.
|
|
267
262
|
*
|
|
268
|
-
* Keep in mind this property rounds thumb
|
|
269
|
-
* for formatting purposes.
|
|
263
|
+
* Keep in mind this property rounds thumb values and shouldn't be used exclusively for formatting purposes.
|
|
270
264
|
*
|
|
271
265
|
* @default 4
|
|
272
266
|
* @example
|
|
273
267
|
* ```js
|
|
274
|
-
*
|
|
268
|
+
* // Rounds slider thumb values to 7 decimal places
|
|
269
|
+
* slider.precision = 7;
|
|
275
270
|
* ```
|
|
276
271
|
*/
|
|
277
272
|
accessor precision: number;
|
|
@@ -300,8 +295,7 @@ export abstract class ArcgisSliderBinaryColorSizeLegacy extends LitElement {
|
|
|
300
295
|
/**
|
|
301
296
|
* The size stops from the [SizeVariable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/SizeVariable/)
|
|
302
297
|
* to link to the slider. You must provide either three or five stops. The minimum size
|
|
303
|
-
* should be represented in the size property of the middle stop. The maximum size should
|
|
304
|
-
* be represented in either first or last stops.
|
|
298
|
+
* should be represented in the size property of the middle stop. The maximum size should be represented in either first or last stops.
|
|
305
299
|
*
|
|
306
300
|
* @example
|
|
307
301
|
* ```js
|
|
@@ -315,73 +309,61 @@ export abstract class ArcgisSliderBinaryColorSizeLegacy extends LitElement {
|
|
|
315
309
|
*/
|
|
316
310
|
accessor stops: Array<SizeStop>;
|
|
317
311
|
/**
|
|
318
|
-
* Zooms the slider track to the bounds provided in this property.
|
|
319
|
-
*
|
|
320
|
-
*
|
|
321
|
-
* rendered at their typical positions on the slider. However, the
|
|
322
|
-
* slider track itself is zoomed so that thumbs cannot be moved above or
|
|
323
|
-
* below the provided min and max zoomed values.
|
|
312
|
+
* Zooms the slider track to the bounds provided in this property. When min and/or max zoom values are provided, the absolute [min](#min) and
|
|
313
|
+
* [max](#max) slider values are preserved and rendered at their typical positions on the slider. However, the
|
|
314
|
+
* slider track itself is zoomed so that thumbs cannot be moved above or below the provided min and max zoomed values.
|
|
324
315
|
*
|
|
325
|
-
*
|
|
326
|
-
*
|
|
327
|
-
* top thumb cannot be moved past the zoom max of `31` even though the slider
|
|
328
|
-
* max is `200`.
|
|
316
|
+
* When a slider is in a zoomed state, the zoomed ends of the track will appear jagged. In the image below, notice how the
|
|
317
|
+
* top thumb cannot be moved past the zoom max of `31` even though the slider max is `200`.
|
|
329
318
|
*
|
|
330
|
-
*
|
|
319
|
+
* 
|
|
331
320
|
*
|
|
332
|
-
*
|
|
333
|
-
*
|
|
334
|
-
* is up to the developer to provide a UI option for end users to
|
|
335
|
-
* enable zooming on the slider.
|
|
321
|
+
* To exit a zoomed state, the user can click the jagged line or the developer can set the `zoomOptions` to `null`. It
|
|
322
|
+
* is up to the developer to provide a UI option for end users to enable zooming on the slider.
|
|
336
323
|
*
|
|
337
|
-
*
|
|
338
|
-
* datasets where the histogram renders only one or two bars because of outliers.
|
|
324
|
+
* Setting the `zoomOptions` is useful when the slider is tied to heavily skewed datasets where the histogram renders only one or two bars because of outliers.
|
|
339
325
|
*
|
|
340
|
-
*
|
|
326
|
+
* 
|
|
341
327
|
*
|
|
342
|
-
*
|
|
343
|
-
*
|
|
344
|
-
* and make the slider more useful to the end user.
|
|
328
|
+
* You can remove the influence of outliers by zooming the slider and regenerating a histogram based on the zoomed min and max. This will provide a better view of the data
|
|
329
|
+
* and make the slider more useful to the end user.
|
|
345
330
|
*
|
|
346
331
|
* @example
|
|
347
332
|
* ```js
|
|
348
|
-
* // zooms the slider so thumbs can only be moved
|
|
349
|
-
* //
|
|
350
|
-
*
|
|
351
|
-
* binaryColorSizeSlider.zoomOptions = {
|
|
333
|
+
* // zooms the slider so thumbs can only be moved to positions between
|
|
334
|
+
* // values of 10 and 25 while maintaining the slider's absolute min and max values
|
|
335
|
+
* slider.zoomOptions = {
|
|
352
336
|
* min: 10,
|
|
353
337
|
* max: 25
|
|
354
338
|
* };
|
|
355
|
-
*
|
|
339
|
+
* ```
|
|
356
340
|
* @example
|
|
357
341
|
* ```js
|
|
358
342
|
* // disables zooming on the slider
|
|
359
|
-
*
|
|
360
|
-
*
|
|
343
|
+
* slider.zoomOptions = null;
|
|
344
|
+
* ```
|
|
361
345
|
* @example
|
|
362
346
|
* ```js
|
|
363
|
-
* // zooms the slider so thumbs can only be moved
|
|
364
|
-
* //
|
|
365
|
-
*
|
|
366
|
-
* binaryColorSizeSlider.zoomOptions = {
|
|
347
|
+
* // zooms the slider so thumbs can only be moved to positions above
|
|
348
|
+
* // value of 10 while maintaining the slider's absolute min value
|
|
349
|
+
* slider.zoomOptions = {
|
|
367
350
|
* min: 10
|
|
368
351
|
* };
|
|
369
|
-
*
|
|
352
|
+
* ```
|
|
370
353
|
* @example
|
|
371
354
|
* ```js
|
|
372
|
-
* // zooms the slider so thumbs can only be moved
|
|
373
|
-
* //
|
|
374
|
-
*
|
|
375
|
-
* binaryColorSizeSlider.zoomOptions = {
|
|
355
|
+
* // zooms the slider so thumbs can only be moved to positions below
|
|
356
|
+
* // value of 25 while maintaining the slider's absolute max value
|
|
357
|
+
* slider.zoomOptions = {
|
|
376
358
|
* max: 25
|
|
377
359
|
* };
|
|
378
|
-
*
|
|
360
|
+
* ```
|
|
379
361
|
*/
|
|
380
362
|
accessor zoomOptions: ZoomOptions | null | undefined;
|
|
381
363
|
/** Permanently destroy the component. */
|
|
382
364
|
destroy(): Promise<void>;
|
|
383
365
|
/**
|
|
384
|
-
* A convenience function used to update the properties of a
|
|
366
|
+
* A convenience function used to update the properties of a Binary Color Size Slider component instance from the
|
|
385
367
|
* [result](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/renderers/univariateColorSize/#RendererResult) of
|
|
386
368
|
* the [createContinuousRenderer()](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/renderers/univariateColorSize/#createContinuousRenderer)
|
|
387
369
|
* method. This method is useful for cases when the app allows the end user to switch data variables used to render the data.
|
|
@@ -410,8 +392,7 @@ export abstract class ArcgisSliderBinaryColorSizeLegacy extends LitElement {
|
|
|
410
392
|
* A convenience function used to update the input renderer based on
|
|
411
393
|
* the values of the slider [stops](https://developers.arcgis.com/javascript/latest/references/core/widgets/smartMapping/BinaryColorSizeSlider/#stops).
|
|
412
394
|
*
|
|
413
|
-
* @param renderer - The renderer
|
|
414
|
-
* to update from the slider values.
|
|
395
|
+
* @param renderer - The renderer to update from the slider values.
|
|
415
396
|
* @returns Returns the updated renderer.
|
|
416
397
|
* @example
|
|
417
398
|
* ```js
|
|
@@ -32,7 +32,7 @@ import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapp
|
|
|
32
32
|
* ```js
|
|
33
33
|
* const colorRendererCreator = await import("@arcgis/core/smartMapping/renderers/color.js");
|
|
34
34
|
* const viewElement = document.querySelector("arcgis-map")!;
|
|
35
|
-
* const classedColorSlider = document.querySelector("arcgis-slider-classed-color")!;
|
|
35
|
+
* const classedColorSlider = document.querySelector("arcgis-slider-classed-color-legacy")!;
|
|
36
36
|
*
|
|
37
37
|
* const featureLayer = new FeatureLayer({
|
|
38
38
|
* url: "https://services.arcgis.com/P3ePLMYs2RVChkJx/arcgis/rest/services/ACS_Poverty_by_Age_Boundaries/FeatureServer/1",
|
|
@@ -86,7 +86,6 @@ import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapp
|
|
|
86
86
|
* ```
|
|
87
87
|
*
|
|
88
88
|
* @since 5.0
|
|
89
|
-
* @see [ClassedColorSliderViewModel](https://developers.arcgis.com/javascript/latest/references/core/widgets/smartMapping/ClassedColorSlider/ClassedColorSliderViewModel/)
|
|
90
89
|
* @see [colorRendererCreator](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/renderers/color/)
|
|
91
90
|
* @see [ClassBreaksRenderer](https://developers.arcgis.com/javascript/latest/references/core/renderers/ClassBreaksRenderer/)
|
|
92
91
|
*/
|
|
@@ -118,11 +117,9 @@ export abstract class ArcgisSliderClassedColorLegacy extends LitElement {
|
|
|
118
117
|
*/
|
|
119
118
|
accessor breaks: Array<ColorBreak>;
|
|
120
119
|
/**
|
|
121
|
-
* The
|
|
120
|
+
* The histogram associated with the data represented on the slider. The bins are typically
|
|
122
121
|
* generated using the [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/) statistics function.
|
|
123
122
|
*
|
|
124
|
-
* @see [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/)
|
|
125
|
-
* @see [Histogram](https://developers.arcgis.com/javascript/latest/references/core/widgets/Histogram/)
|
|
126
123
|
* @example
|
|
127
124
|
* ```js
|
|
128
125
|
* const histogramResult = await histogram({
|
|
@@ -131,10 +128,11 @@ export abstract class ArcgisSliderClassedColorLegacy extends LitElement {
|
|
|
131
128
|
* numBins: 30,
|
|
132
129
|
* });
|
|
133
130
|
*
|
|
134
|
-
*
|
|
135
|
-
*
|
|
136
|
-
*
|
|
137
|
-
*
|
|
131
|
+
* slider.histogramConfig = {
|
|
132
|
+
* bins: histogramResult.bins
|
|
133
|
+
* };
|
|
134
|
+
* ```
|
|
135
|
+
* @see [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/)
|
|
138
136
|
*/
|
|
139
137
|
accessor histogramConfig: HistogramConfig | null | undefined;
|
|
140
138
|
/**
|
|
@@ -145,7 +143,7 @@ export abstract class ArcgisSliderClassedColorLegacy extends LitElement {
|
|
|
145
143
|
*/
|
|
146
144
|
accessor icon: IconName;
|
|
147
145
|
/**
|
|
148
|
-
* A function used to format user inputs. As opposed to [labelFormatFunction](https://developers.arcgis.com/javascript/latest/references/
|
|
146
|
+
* A function used to format user inputs. As opposed to [labelFormatFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-color-legacy/#labelFormatFunction), which formats
|
|
149
147
|
* thumb labels, the `inputFormatFunction` formats thumb values in the input element when the user begins
|
|
150
148
|
* to edit them.
|
|
151
149
|
*
|
|
@@ -160,18 +158,19 @@ export abstract class ArcgisSliderClassedColorLegacy extends LitElement {
|
|
|
160
158
|
* 
|
|
161
159
|
*
|
|
162
160
|
* However, if an `inputFormatFunction` is specified, you must also write a corresponding
|
|
163
|
-
* [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/
|
|
164
|
-
* you specify an `inputFormatFunction`, you should set the [labelFormatFunction](https://developers.arcgis.com/javascript/latest/references/
|
|
161
|
+
* [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-color-legacy/#inputParseFunction) to parse user inputs to understandable slider values. In most cases, if
|
|
162
|
+
* you specify an `inputFormatFunction`, you should set the [labelFormatFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-color-legacy/#labelFormatFunction) to the same value
|
|
165
163
|
* for consistency between labels and inputs.
|
|
166
164
|
*
|
|
167
165
|
* This property overrides the default input formatter, which formats by calling `toString()` on the input value.
|
|
166
|
+
*
|
|
168
167
|
*
|
|
169
|
-
* @see [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/
|
|
168
|
+
* @see [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-color-legacy/#inputParseFunction)
|
|
170
169
|
* @example
|
|
171
170
|
* ```js
|
|
172
171
|
* // Formats the slider input to abbreviated numbers with units
|
|
173
172
|
* // e.g. a thumb at position 1500 will render with an input label of 1.5k
|
|
174
|
-
*
|
|
173
|
+
* slider.inputFormatFunction = (value: number): string => {
|
|
175
174
|
* if (value >= 1000000) {
|
|
176
175
|
* return (value / 1000000).toPrecision(3) + "m";
|
|
177
176
|
* }
|
|
@@ -183,24 +182,24 @@ export abstract class ArcgisSliderClassedColorLegacy extends LitElement {
|
|
|
183
182
|
* }
|
|
184
183
|
* return value.toFixed(0);
|
|
185
184
|
* };
|
|
186
|
-
*
|
|
185
|
+
* ```
|
|
187
186
|
*/
|
|
188
187
|
accessor inputFormatFunction: LabelFormatFunction | null | undefined;
|
|
189
188
|
/**
|
|
190
|
-
* Function used to parse slider inputs formatted by the [inputFormatFunction](https://developers.arcgis.com/javascript/latest/references/
|
|
189
|
+
* Function used to parse slider inputs formatted by the [inputFormatFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-color-legacy/#inputFormatFunction).
|
|
191
190
|
* This property must be set if an `inputFormatFunction` is set. Otherwise the slider values will
|
|
192
191
|
* likely not update to their expected positions.
|
|
193
192
|
*
|
|
194
193
|
* Overrides the default input parses, which is a parsed floating point number.
|
|
195
194
|
*
|
|
196
|
-
* @see [inputFormatFunction](https://developers.arcgis.com/javascript/latest/references/
|
|
195
|
+
* @see [inputFormatFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-color-legacy/#inputFormatFunction)
|
|
197
196
|
* @example
|
|
198
197
|
* ```js
|
|
199
198
|
* // Parses the slider input (a string value) to a number value understandable to the slider
|
|
200
199
|
* // This assumes the slider was already configured with an inputFormatFunction
|
|
201
200
|
* // For example, if the input is 1.5k this function will parse
|
|
202
201
|
* // it to a value of 1500
|
|
203
|
-
*
|
|
202
|
+
* colorSlider.inputParseFunction = (value: string): number => {
|
|
204
203
|
* const charLength = value.length;
|
|
205
204
|
* const valuePrefix = parseFloat(value.substring(0, charLength - 1));
|
|
206
205
|
* const finalChar = value.substring(charLength - 1);
|
|
@@ -216,23 +215,19 @@ export abstract class ArcgisSliderClassedColorLegacy extends LitElement {
|
|
|
216
215
|
* }
|
|
217
216
|
* return parseFloat(value);
|
|
218
217
|
* };
|
|
219
|
-
*
|
|
218
|
+
* ```
|
|
220
219
|
*/
|
|
221
220
|
accessor inputParseFunction: InputParseFunction | null | undefined;
|
|
222
221
|
/**
|
|
223
|
-
* A
|
|
224
|
-
* [Slider#labelFormatFunction](https://developers.arcgis.com/javascript/latest/references/core/widgets/Slider/#labelFormatFunction),
|
|
225
|
-
* which is a custom function used to format labels on the thumbs, min, max, and average
|
|
226
|
-
* values. Overrides the default label formatter.
|
|
227
|
-
* This function also supports date formatting.
|
|
222
|
+
* A function used to format labels on the thumbs, min, max, and average values. Overrides the default label formatter. This function also supports date formatting.
|
|
228
223
|
*
|
|
229
224
|
* @example
|
|
230
225
|
* ```js
|
|
231
226
|
* // For thumb values, rounds each label to whole numbers
|
|
232
|
-
*
|
|
227
|
+
* slider.labelFormatFunction = (value: number, type?: SliderFormatType): string => {
|
|
233
228
|
* return (type === "value") ? value.toFixed(0) : value.toString();
|
|
234
229
|
* };
|
|
235
|
-
*
|
|
230
|
+
* ```
|
|
236
231
|
*/
|
|
237
232
|
accessor labelFormatFunction: LabelFormatFunction | null | undefined;
|
|
238
233
|
/**
|
|
@@ -261,13 +256,13 @@ export abstract class ArcgisSliderClassedColorLegacy extends LitElement {
|
|
|
261
256
|
* Defines how slider thumb values should be rounded. This number indicates the number
|
|
262
257
|
* of decimal places slider thumb _values_ should round to when they have been moved.
|
|
263
258
|
*
|
|
264
|
-
* Keep in mind this property rounds thumb
|
|
265
|
-
* for formatting purposes.
|
|
259
|
+
* Keep in mind this property rounds thumb values and shouldn't be used exclusively for formatting purposes.
|
|
266
260
|
*
|
|
267
261
|
* @default 4
|
|
268
262
|
* @example
|
|
269
263
|
* ```js
|
|
270
|
-
*
|
|
264
|
+
* // Rounds slider thumb values to 7 decimal places
|
|
265
|
+
* slider.precision = 7;
|
|
271
266
|
* ```
|
|
272
267
|
*/
|
|
273
268
|
accessor precision: number;
|
|
@@ -288,7 +283,7 @@ export abstract class ArcgisSliderClassedColorLegacy extends LitElement {
|
|
|
288
283
|
*
|
|
289
284
|
* The number of breaks from the renderer must match the number of breaks in the slider.
|
|
290
285
|
* Generally, the input breaks for this method should come from the same renderer as one
|
|
291
|
-
* used to create the slider with the [
|
|
286
|
+
* used to create the slider with the [updateFromRendererResult()](#updateFromRendererResult) method.
|
|
292
287
|
*
|
|
293
288
|
* @param breakInfos - The classBreakInfos
|
|
294
289
|
* from a [ClassBreaksRenderer](https://developers.arcgis.com/javascript/latest/references/core/renderers/ClassBreaksRenderer/) instance to update based on
|
|
@@ -113,8 +113,6 @@ export abstract class ArcgisSliderClassedSizeLegacy extends LitElement {
|
|
|
113
113
|
* The histogram associated with the data represented on the slider. The bins are typically
|
|
114
114
|
* generated using the [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/) statistics function.
|
|
115
115
|
*
|
|
116
|
-
* @see [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/)
|
|
117
|
-
* @see [Histogram component](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/)
|
|
118
116
|
* @example
|
|
119
117
|
* ```js
|
|
120
118
|
* const histogramResult = await histogram({
|
|
@@ -123,10 +121,11 @@ export abstract class ArcgisSliderClassedSizeLegacy extends LitElement {
|
|
|
123
121
|
* numBins: 30,
|
|
124
122
|
* });
|
|
125
123
|
*
|
|
126
|
-
*
|
|
127
|
-
*
|
|
128
|
-
*
|
|
129
|
-
*
|
|
124
|
+
* slider.histogramConfig = {
|
|
125
|
+
* bins: histogramResult.bins
|
|
126
|
+
* };
|
|
127
|
+
* ```
|
|
128
|
+
* @see [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/)
|
|
130
129
|
*/
|
|
131
130
|
accessor histogramConfig: HistogramConfig | null | undefined;
|
|
132
131
|
/**
|
|
@@ -137,7 +136,7 @@ export abstract class ArcgisSliderClassedSizeLegacy extends LitElement {
|
|
|
137
136
|
*/
|
|
138
137
|
accessor icon: IconName;
|
|
139
138
|
/**
|
|
140
|
-
* A function used to format user inputs. As opposed to [labelFormatFunction](
|
|
139
|
+
* A function used to format user inputs. As opposed to [labelFormatFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-size-legacy/#labelFormatFunction), which formats
|
|
141
140
|
* thumb labels, the `inputFormatFunction` formats thumb values in the input element when the user begins
|
|
142
141
|
* to edit them.
|
|
143
142
|
*
|
|
@@ -152,18 +151,19 @@ export abstract class ArcgisSliderClassedSizeLegacy extends LitElement {
|
|
|
152
151
|
* 
|
|
153
152
|
*
|
|
154
153
|
* However, if an `inputFormatFunction` is specified, you must also write a corresponding
|
|
155
|
-
* [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/
|
|
156
|
-
* you specify an `inputFormatFunction`, you should set the [labelFormatFunction](https://developers.arcgis.com/javascript/latest/references/
|
|
154
|
+
* [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-size-legacy/#inputParseFunction) to parse user inputs to understandable slider values. In most cases, if
|
|
155
|
+
* you specify an `inputFormatFunction`, you should set the [labelFormatFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-size-legacy/#labelFormatFunction) to the same value
|
|
157
156
|
* for consistency between labels and inputs.
|
|
158
157
|
*
|
|
159
158
|
* This property overrides the default input formatter, which formats by calling `toString()` on the input value.
|
|
159
|
+
*
|
|
160
160
|
*
|
|
161
|
-
* @see [inputParseFunction](
|
|
161
|
+
* @see [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-size-legacy/#inputParseFunction)
|
|
162
162
|
* @example
|
|
163
163
|
* ```js
|
|
164
164
|
* // Formats the slider input to abbreviated numbers with units
|
|
165
165
|
* // e.g. a thumb at position 1500 will render with an input label of 1.5k
|
|
166
|
-
*
|
|
166
|
+
* slider.inputFormatFunction = (value: number): string => {
|
|
167
167
|
* if (value >= 1000000) {
|
|
168
168
|
* return (value / 1000000).toPrecision(3) + "m";
|
|
169
169
|
* }
|
|
@@ -175,24 +175,24 @@ export abstract class ArcgisSliderClassedSizeLegacy extends LitElement {
|
|
|
175
175
|
* }
|
|
176
176
|
* return value.toFixed(0);
|
|
177
177
|
* };
|
|
178
|
-
*
|
|
178
|
+
* ```
|
|
179
179
|
*/
|
|
180
180
|
accessor inputFormatFunction: LabelFormatFunction | null | undefined;
|
|
181
181
|
/**
|
|
182
|
-
* Function used to parse slider inputs formatted by the [inputFormatFunction](
|
|
182
|
+
* Function used to parse slider inputs formatted by the [inputFormatFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-size-legacy/#inputFormatFunction).
|
|
183
183
|
* This property must be set if an `inputFormatFunction` is set. Otherwise the slider values will
|
|
184
184
|
* likely not update to their expected positions.
|
|
185
185
|
*
|
|
186
186
|
* Overrides the default input parses, which is a parsed floating point number.
|
|
187
187
|
*
|
|
188
|
-
* @see [inputFormatFunction](
|
|
188
|
+
* @see [inputFormatFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-classed-size-legacy/#inputFormatFunction)
|
|
189
189
|
* @example
|
|
190
190
|
* ```js
|
|
191
191
|
* // Parses the slider input (a string value) to a number value understandable to the slider
|
|
192
192
|
* // This assumes the slider was already configured with an inputFormatFunction
|
|
193
193
|
* // For example, if the input is 1.5k this function will parse
|
|
194
194
|
* // it to a value of 1500
|
|
195
|
-
*
|
|
195
|
+
* colorSlider.inputParseFunction = (value: string): number => {
|
|
196
196
|
* const charLength = value.length;
|
|
197
197
|
* const valuePrefix = parseFloat(value.substring(0, charLength - 1));
|
|
198
198
|
* const finalChar = value.substring(charLength - 1);
|
|
@@ -208,21 +208,19 @@ export abstract class ArcgisSliderClassedSizeLegacy extends LitElement {
|
|
|
208
208
|
* }
|
|
209
209
|
* return parseFloat(value);
|
|
210
210
|
* };
|
|
211
|
-
*
|
|
211
|
+
* ```
|
|
212
212
|
*/
|
|
213
213
|
accessor inputParseFunction: InputParseFunction | null | undefined;
|
|
214
214
|
/**
|
|
215
|
-
* A
|
|
216
|
-
* values. Overrides the default label formatter.
|
|
217
|
-
* This function also supports date formatting.
|
|
215
|
+
* A function used to format labels on the thumbs, min, max, and average values. Overrides the default label formatter. This function also supports date formatting.
|
|
218
216
|
*
|
|
219
217
|
* @example
|
|
220
218
|
* ```js
|
|
221
219
|
* // For thumb values, rounds each label to whole numbers
|
|
222
|
-
*
|
|
220
|
+
* slider.labelFormatFunction = (value: number, type?: SliderFormatType): string => {
|
|
223
221
|
* return (type === "value") ? value.toFixed(0) : value.toString();
|
|
224
222
|
* };
|
|
225
|
-
*
|
|
223
|
+
* ```
|
|
226
224
|
*/
|
|
227
225
|
accessor labelFormatFunction: LabelFormatFunction | null | undefined;
|
|
228
226
|
/**
|
|
@@ -251,13 +249,13 @@ export abstract class ArcgisSliderClassedSizeLegacy extends LitElement {
|
|
|
251
249
|
* Defines how slider thumb values should be rounded. This number indicates the number
|
|
252
250
|
* of decimal places slider thumb _values_ should round to when they have been moved.
|
|
253
251
|
*
|
|
254
|
-
* Keep in mind this property rounds thumb values and shouldn't be used exclusively
|
|
255
|
-
* for formatting purposes.
|
|
252
|
+
* Keep in mind this property rounds thumb values and shouldn't be used exclusively for formatting purposes.
|
|
256
253
|
*
|
|
257
254
|
* @default 4
|
|
258
255
|
* @example
|
|
259
256
|
* ```js
|
|
260
|
-
*
|
|
257
|
+
* // Rounds slider thumb values to 7 decimal places
|
|
258
|
+
* slider.precision = 7;
|
|
261
259
|
* ```
|
|
262
260
|
*/
|
|
263
261
|
accessor precision: number;
|