@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
|
@@ -23,7 +23,7 @@ import type { LabelFormatFunction, InputParseFunction } from "@arcgis/core/widge
|
|
|
23
23
|
*
|
|
24
24
|
* 
|
|
25
25
|
*
|
|
26
|
-
* The [updateFromRendererResult()](
|
|
26
|
+
* The [updateFromRendererResult()](#updateFromRendererResult) method can be used to intelligently populate slider properties including
|
|
27
27
|
* [max](#max), [min](#min), the [color visual variable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/ColorVariable/) configuration,
|
|
28
28
|
* and the slider's histogram after the renderer has been created from the result of the [createContinuousRenderer()](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/renderers/color/#createContinuousRenderer) method.
|
|
29
29
|
*
|
|
@@ -59,8 +59,7 @@ import type { LabelFormatFunction, InputParseFunction } from "@arcgis/core/widge
|
|
|
59
59
|
* ```
|
|
60
60
|
*
|
|
61
61
|
* This slider should be used to update a [color visual variable](https://developers.arcgis.com/javascript/latest/references/core/renderers/visualVariables/ColorVariable/)
|
|
62
|
-
* in a layer's renderer. It is the responsibility of the app developer
|
|
63
|
-
* to set up event listeners on this slider that update the color variable of the appropriate renderer.
|
|
62
|
+
* in a layer's renderer. It is the responsibility of the app developer to set up event listeners on this slider that update the color variable of the appropriate renderer.
|
|
64
63
|
*
|
|
65
64
|
* ```js
|
|
66
65
|
* // when the user slides the handle(s), update the renderer
|
|
@@ -86,7 +85,6 @@ import type { LabelFormatFunction, InputParseFunction } from "@arcgis/core/widge
|
|
|
86
85
|
* ```
|
|
87
86
|
*
|
|
88
87
|
* @since 5.0
|
|
89
|
-
* @see [ColorSliderViewModel](https://developers.arcgis.com/javascript/latest/references/core/widgets/smartMapping/ColorSlider/ColorSliderViewModel/)
|
|
90
88
|
* @see [colorRendererCreator](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/renderers/color/)
|
|
91
89
|
*/
|
|
92
90
|
export abstract class ArcgisSliderColorLegacy extends LitElement {
|
|
@@ -118,11 +116,9 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
|
|
|
118
116
|
*/
|
|
119
117
|
accessor handlesSyncedToPrimary: boolean;
|
|
120
118
|
/**
|
|
121
|
-
* The
|
|
119
|
+
* The histogram associated with the data represented on the slider. The bins are typically
|
|
122
120
|
* generated using the [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/) statistics function.
|
|
123
121
|
*
|
|
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
122
|
* @example
|
|
127
123
|
* ```js
|
|
128
124
|
* const histogramResult = await histogram({
|
|
@@ -131,10 +127,11 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
|
|
|
131
127
|
* numBins: 30,
|
|
132
128
|
* });
|
|
133
129
|
*
|
|
134
|
-
*
|
|
135
|
-
*
|
|
136
|
-
*
|
|
137
|
-
*
|
|
130
|
+
* slider.histogramConfig = {
|
|
131
|
+
* bins: histogramResult.bins
|
|
132
|
+
* };
|
|
133
|
+
* ```
|
|
134
|
+
* @see [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/)
|
|
138
135
|
*/
|
|
139
136
|
accessor histogramConfig: HistogramConfig | null | undefined;
|
|
140
137
|
/**
|
|
@@ -145,7 +142,7 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
|
|
|
145
142
|
*/
|
|
146
143
|
accessor icon: IconName;
|
|
147
144
|
/**
|
|
148
|
-
* A function used to format user inputs. As opposed to [labelFormatFunction](https://developers.arcgis.com/javascript/latest/references/
|
|
145
|
+
* A function used to format user inputs. As opposed to [labelFormatFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-legacy/#labelFormatFunction), which formats
|
|
149
146
|
* thumb labels, the `inputFormatFunction` formats thumb values in the input element when the user begins
|
|
150
147
|
* to edit them.
|
|
151
148
|
*
|
|
@@ -160,18 +157,19 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
|
|
|
160
157
|
* 
|
|
161
158
|
*
|
|
162
159
|
* 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/
|
|
160
|
+
* [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-legacy/#inputParseFunction) to parse user inputs to understandable slider values. In most cases, if
|
|
161
|
+
* you specify an `inputFormatFunction`, you should set the [labelFormatFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-legacy/#labelFormatFunction) to the same value
|
|
165
162
|
* for consistency between labels and inputs.
|
|
166
163
|
*
|
|
167
164
|
* This property overrides the default input formatter, which formats by calling `toString()` on the input value.
|
|
165
|
+
*
|
|
168
166
|
*
|
|
169
|
-
* @see [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/
|
|
167
|
+
* @see [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-legacy/#inputParseFunction)
|
|
170
168
|
* @example
|
|
171
169
|
* ```js
|
|
172
170
|
* // Formats the slider input to abbreviated numbers with units
|
|
173
171
|
* // e.g. a thumb at position 1500 will render with an input label of 1.5k
|
|
174
|
-
*
|
|
172
|
+
* slider.inputFormatFunction = (value: number): string => {
|
|
175
173
|
* if (value >= 1000000) {
|
|
176
174
|
* return (value / 1000000).toPrecision(3) + "m";
|
|
177
175
|
* }
|
|
@@ -183,17 +181,17 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
|
|
|
183
181
|
* }
|
|
184
182
|
* return value.toFixed(0);
|
|
185
183
|
* };
|
|
186
|
-
*
|
|
184
|
+
* ```
|
|
187
185
|
*/
|
|
188
186
|
accessor inputFormatFunction: LabelFormatFunction | null | undefined;
|
|
189
187
|
/**
|
|
190
|
-
* Function used to parse slider inputs formatted by the [inputFormatFunction](https://developers.arcgis.com/javascript/latest/references/
|
|
188
|
+
* Function used to parse slider inputs formatted by the [inputFormatFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-legacy/#inputFormatFunction).
|
|
191
189
|
* This property must be set if an `inputFormatFunction` is set. Otherwise the slider values will
|
|
192
190
|
* likely not update to their expected positions.
|
|
193
191
|
*
|
|
194
192
|
* Overrides the default input parses, which is a parsed floating point number.
|
|
195
193
|
*
|
|
196
|
-
* @see [inputFormatFunction](https://developers.arcgis.com/javascript/latest/references/
|
|
194
|
+
* @see [inputFormatFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-legacy/#inputFormatFunction)
|
|
197
195
|
* @example
|
|
198
196
|
* ```js
|
|
199
197
|
* // Parses the slider input (a string value) to a number value understandable to the slider
|
|
@@ -216,23 +214,19 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
|
|
|
216
214
|
* }
|
|
217
215
|
* return parseFloat(value);
|
|
218
216
|
* };
|
|
219
|
-
*
|
|
217
|
+
* ```
|
|
220
218
|
*/
|
|
221
219
|
accessor inputParseFunction: InputParseFunction | null | undefined;
|
|
222
220
|
/**
|
|
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.
|
|
221
|
+
* 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
222
|
*
|
|
229
223
|
* @example
|
|
230
224
|
* ```js
|
|
231
225
|
* // For thumb values, rounds each label to whole numbers
|
|
232
|
-
*
|
|
226
|
+
* slider.labelFormatFunction = (value: number, type?: SliderFormatType): string => {
|
|
233
227
|
* return (type === "value") ? value.toFixed(0) : value.toString();
|
|
234
228
|
* };
|
|
235
|
-
*
|
|
229
|
+
* ```
|
|
236
230
|
*/
|
|
237
231
|
accessor labelFormatFunction: LabelFormatFunction | null | undefined;
|
|
238
232
|
/**
|
|
@@ -258,32 +252,29 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
|
|
|
258
252
|
*/
|
|
259
253
|
accessor min: number;
|
|
260
254
|
/**
|
|
261
|
-
* Defines how slider thumb values should be rounded. This number indicates the number
|
|
255
|
+
* Defines how slider thumb values should be rounded. This number indicates the number
|
|
256
|
+
* of decimal places slider thumb _values_ should round to when they have been moved.
|
|
262
257
|
*
|
|
263
|
-
* Keep in mind this property rounds thumb
|
|
264
|
-
* [values](https://developers.arcgis.com/javascript/latest/references/core/widgets/smartMapping/SmartMappingSliderViewModel/#values) and shouldn't be used exclusively
|
|
265
|
-
* for formatting purposes.
|
|
258
|
+
* Keep in mind this property rounds thumb values and shouldn't be used exclusively for formatting purposes.
|
|
266
259
|
*
|
|
267
260
|
* @default 4
|
|
268
261
|
* @example
|
|
269
262
|
* ```js
|
|
270
|
-
*
|
|
263
|
+
* // Rounds slider thumb values to 7 decimal places
|
|
264
|
+
* slider.precision = 7;
|
|
271
265
|
* ```
|
|
272
266
|
*/
|
|
273
267
|
accessor precision: number;
|
|
274
268
|
/**
|
|
275
|
-
* When `true`, the slider will render a third handle between the
|
|
276
|
-
* two handles already provided by default. This is the primary handle.
|
|
269
|
+
* When `true`, the slider will render a third handle between the two handles already provided by default. This is the primary handle.
|
|
277
270
|
* Three or five [stops](#stops) must be defined for the primary handle to render.
|
|
278
271
|
* The primary handle represents the middle stop.
|
|
279
272
|
*
|
|
280
|
-
* When [handlesSyncedToPrimary](#handlesSyncedToPrimary) is `true`, then
|
|
281
|
-
* this handle will control the position of the others when moved.
|
|
273
|
+
* When [handlesSyncedToPrimary](#handlesSyncedToPrimary) is `true`, then this handle will control the position of the others when moved.
|
|
282
274
|
*
|
|
283
275
|
* This is typically used in diverging, or `above-and-below` renderer configurations.
|
|
284
276
|
*
|
|
285
277
|
* @default false
|
|
286
|
-
* @see [primaryHandleEnabled](https://developers.arcgis.com/javascript/latest/references/core/widgets/smartMapping/ColorSlider/#handlesSyncedToPrimary)
|
|
287
278
|
* @example
|
|
288
279
|
* ```js
|
|
289
280
|
* // enables the primary handles and syncs it with the others
|
|
@@ -314,67 +305,55 @@ export abstract class ArcgisSliderColorLegacy extends LitElement {
|
|
|
314
305
|
*/
|
|
315
306
|
accessor stops: Array<ColorStop>;
|
|
316
307
|
/**
|
|
317
|
-
* Zooms the slider track to the bounds provided in this property.
|
|
318
|
-
*
|
|
319
|
-
*
|
|
320
|
-
* rendered at their typical positions on the slider. However, the
|
|
321
|
-
* slider track itself is zoomed so that thumbs cannot be moved above or
|
|
322
|
-
* below the provided min and max zoomed values.
|
|
308
|
+
* 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
|
|
309
|
+
* [max](#max) slider values are preserved and rendered at their typical positions on the slider. However, the
|
|
310
|
+
* slider track itself is zoomed so that thumbs cannot be moved above or below the provided min and max zoomed values.
|
|
323
311
|
*
|
|
324
|
-
*
|
|
325
|
-
*
|
|
326
|
-
* top thumb cannot be moved past the zoom max of `31` even though the slider
|
|
327
|
-
* max is `200`.
|
|
312
|
+
* When a slider is in a zoomed state, the zoomed ends of the track will appear jagged. In the image below, notice how the
|
|
313
|
+
* top thumb cannot be moved past the zoom max of `31` even though the slider max is `200`.
|
|
328
314
|
*
|
|
329
|
-
*
|
|
315
|
+
* 
|
|
330
316
|
*
|
|
331
|
-
*
|
|
332
|
-
*
|
|
333
|
-
* is up to the developer to provide a UI option for end users to
|
|
334
|
-
* enable zooming on the slider.
|
|
317
|
+
* To exit a zoomed state, the user can click the jagged line or the developer can set the `zoomOptions` to `null`. It
|
|
318
|
+
* is up to the developer to provide a UI option for end users to enable zooming on the slider.
|
|
335
319
|
*
|
|
336
|
-
*
|
|
337
|
-
* datasets where the histogram renders only one or two bars because of outliers.
|
|
320
|
+
* 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.
|
|
338
321
|
*
|
|
339
|
-
*
|
|
322
|
+
* 
|
|
340
323
|
*
|
|
341
|
-
*
|
|
342
|
-
*
|
|
343
|
-
* and make the slider more useful to the end user.
|
|
324
|
+
* 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
|
|
325
|
+
* and make the slider more useful to the end user.
|
|
344
326
|
*
|
|
345
327
|
* @example
|
|
346
328
|
* ```js
|
|
347
|
-
* // zooms the slider so thumbs can only be moved
|
|
348
|
-
* //
|
|
349
|
-
*
|
|
350
|
-
* colorSlider.zoomOptions = {
|
|
329
|
+
* // zooms the slider so thumbs can only be moved to positions between
|
|
330
|
+
* // values of 10 and 25 while maintaining the slider's absolute min and max values
|
|
331
|
+
* slider.zoomOptions = {
|
|
351
332
|
* min: 10,
|
|
352
333
|
* max: 25
|
|
353
334
|
* };
|
|
354
|
-
*
|
|
335
|
+
* ```
|
|
355
336
|
* @example
|
|
356
337
|
* ```js
|
|
357
338
|
* // disables zooming on the slider
|
|
358
|
-
*
|
|
359
|
-
*
|
|
339
|
+
* slider.zoomOptions = null;
|
|
340
|
+
* ```
|
|
360
341
|
* @example
|
|
361
342
|
* ```js
|
|
362
|
-
* // zooms the slider so thumbs can only be moved
|
|
363
|
-
* //
|
|
364
|
-
*
|
|
365
|
-
* colorSlider.zoomOptions = {
|
|
343
|
+
* // zooms the slider so thumbs can only be moved to positions above
|
|
344
|
+
* // value of 10 while maintaining the slider's absolute min value
|
|
345
|
+
* slider.zoomOptions = {
|
|
366
346
|
* min: 10
|
|
367
347
|
* };
|
|
368
|
-
*
|
|
348
|
+
* ```
|
|
369
349
|
* @example
|
|
370
350
|
* ```js
|
|
371
|
-
* // zooms the slider so thumbs can only be moved
|
|
372
|
-
* //
|
|
373
|
-
*
|
|
374
|
-
* colorSlider.zoomOptions = {
|
|
351
|
+
* // zooms the slider so thumbs can only be moved to positions below
|
|
352
|
+
* // value of 25 while maintaining the slider's absolute max value
|
|
353
|
+
* slider.zoomOptions = {
|
|
375
354
|
* max: 25
|
|
376
355
|
* };
|
|
377
|
-
*
|
|
356
|
+
* ```
|
|
378
357
|
*/
|
|
379
358
|
accessor zoomOptions: ZoomOptions | null | undefined;
|
|
380
359
|
/** Permanently destroy the component. */
|
|
@@ -92,7 +92,6 @@ import type { SmartMappingSliderBaseState } from "@arcgis/core/widgets/smartMapp
|
|
|
92
92
|
* ```
|
|
93
93
|
*
|
|
94
94
|
* @since 5.0
|
|
95
|
-
* @see [ColorSizeSliderViewModel](https://developers.arcgis.com/javascript/latest/references/core/widgets/smartMapping/ColorSizeSlider/ColorSizeSliderViewModel/)
|
|
96
95
|
* @see [univariateColorSizeRendererCreator](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/renderers/univariateColorSize/)
|
|
97
96
|
*/
|
|
98
97
|
export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
|
|
@@ -128,8 +127,6 @@ export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
|
|
|
128
127
|
* The histogram associated with the data represented on the slider. The bins are typically
|
|
129
128
|
* generated using the [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/) statistics function.
|
|
130
129
|
*
|
|
131
|
-
* @see [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/)
|
|
132
|
-
* @see [Histogram component](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/)
|
|
133
130
|
* @example
|
|
134
131
|
* ```js
|
|
135
132
|
* const histogramResult = await histogram({
|
|
@@ -138,10 +135,11 @@ export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
|
|
|
138
135
|
* numBins: 30,
|
|
139
136
|
* });
|
|
140
137
|
*
|
|
141
|
-
*
|
|
142
|
-
*
|
|
143
|
-
*
|
|
144
|
-
*
|
|
138
|
+
* slider.histogramConfig = {
|
|
139
|
+
* bins: histogramResult.bins
|
|
140
|
+
* };
|
|
141
|
+
* ```
|
|
142
|
+
* @see [histogram](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/)
|
|
145
143
|
*/
|
|
146
144
|
accessor histogramConfig: HistogramConfig | null | undefined;
|
|
147
145
|
/**
|
|
@@ -152,7 +150,7 @@ export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
|
|
|
152
150
|
*/
|
|
153
151
|
accessor icon: IconName;
|
|
154
152
|
/**
|
|
155
|
-
* A function used to format user inputs. As opposed to [labelFormatFunction](
|
|
153
|
+
* A function used to format user inputs. As opposed to [labelFormatFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#labelFormatFunction), which formats
|
|
156
154
|
* thumb labels, the `inputFormatFunction` formats thumb values in the input element when the user begins
|
|
157
155
|
* to edit them.
|
|
158
156
|
*
|
|
@@ -167,18 +165,19 @@ export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
|
|
|
167
165
|
* 
|
|
168
166
|
*
|
|
169
167
|
* However, if an `inputFormatFunction` is specified, you must also write a corresponding
|
|
170
|
-
* [inputParseFunction](
|
|
171
|
-
* you specify an `inputFormatFunction`, you should set the [labelFormatFunction](
|
|
168
|
+
* [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#inputParseFunction) to parse user inputs to understandable slider values. In most cases, if
|
|
169
|
+
* you specify an `inputFormatFunction`, you should set the [labelFormatFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#labelFormatFunction) to the same value
|
|
172
170
|
* for consistency between labels and inputs.
|
|
173
171
|
*
|
|
174
172
|
* This property overrides the default input formatter, which formats by calling `toString()` on the input value.
|
|
173
|
+
*
|
|
175
174
|
*
|
|
176
|
-
* @see [inputParseFunction](
|
|
175
|
+
* @see [inputParseFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#inputParseFunction)
|
|
177
176
|
* @example
|
|
178
177
|
* ```js
|
|
179
178
|
* // Formats the slider input to abbreviated numbers with units
|
|
180
179
|
* // e.g. a thumb at position 1500 will render with an input label of 1.5k
|
|
181
|
-
*
|
|
180
|
+
* slider.inputFormatFunction = (value: number): string => {
|
|
182
181
|
* if (value >= 1000000) {
|
|
183
182
|
* return (value / 1000000).toPrecision(3) + "m";
|
|
184
183
|
* }
|
|
@@ -190,24 +189,24 @@ export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
|
|
|
190
189
|
* }
|
|
191
190
|
* return value.toFixed(0);
|
|
192
191
|
* };
|
|
193
|
-
*
|
|
192
|
+
* ```
|
|
194
193
|
*/
|
|
195
194
|
accessor inputFormatFunction: LabelFormatFunction | null | undefined;
|
|
196
195
|
/**
|
|
197
|
-
* Function used to parse slider inputs formatted by the [inputFormatFunction](
|
|
196
|
+
* Function used to parse slider inputs formatted by the [inputFormatFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#inputFormatFunction).
|
|
198
197
|
* This property must be set if an `inputFormatFunction` is set. Otherwise the slider values will
|
|
199
198
|
* likely not update to their expected positions.
|
|
200
199
|
*
|
|
201
200
|
* Overrides the default input parses, which is a parsed floating point number.
|
|
202
201
|
*
|
|
203
|
-
* @see [inputFormatFunction](
|
|
202
|
+
* @see [inputFormatFunction](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-slider-color-size-legacy/#inputFormatFunction)
|
|
204
203
|
* @example
|
|
205
204
|
* ```js
|
|
206
205
|
* // Parses the slider input (a string value) to a number value understandable to the slider
|
|
207
206
|
* // This assumes the slider was already configured with an inputFormatFunction
|
|
208
207
|
* // For example, if the input is 1.5k this function will parse
|
|
209
208
|
* // it to a value of 1500
|
|
210
|
-
*
|
|
209
|
+
* colorSlider.inputParseFunction = (value: string): number => {
|
|
211
210
|
* const charLength = value.length;
|
|
212
211
|
* const valuePrefix = parseFloat(value.substring(0, charLength - 1));
|
|
213
212
|
* const finalChar = value.substring(charLength - 1);
|
|
@@ -223,21 +222,19 @@ export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
|
|
|
223
222
|
* }
|
|
224
223
|
* return parseFloat(value);
|
|
225
224
|
* };
|
|
226
|
-
*
|
|
225
|
+
* ```
|
|
227
226
|
*/
|
|
228
227
|
accessor inputParseFunction: InputParseFunction | null | undefined;
|
|
229
228
|
/**
|
|
230
|
-
* A
|
|
231
|
-
* values. Overrides the default label formatter.
|
|
232
|
-
* This function also supports date formatting.
|
|
229
|
+
* 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.
|
|
233
230
|
*
|
|
234
231
|
* @example
|
|
235
232
|
* ```js
|
|
236
233
|
* // For thumb values, rounds each label to whole numbers
|
|
237
|
-
*
|
|
234
|
+
* slider.labelFormatFunction = (value: number, type?: SliderFormatType): string => {
|
|
238
235
|
* return (type === "value") ? value.toFixed(0) : value.toString();
|
|
239
236
|
* };
|
|
240
|
-
*
|
|
237
|
+
* ```
|
|
241
238
|
*/
|
|
242
239
|
accessor labelFormatFunction: LabelFormatFunction | null | undefined;
|
|
243
240
|
/**
|
|
@@ -290,13 +287,13 @@ export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
|
|
|
290
287
|
* Defines how slider thumb values should be rounded. This number indicates the number
|
|
291
288
|
* of decimal places slider thumb _values_ should round to when they have been moved.
|
|
292
289
|
*
|
|
293
|
-
* Keep in mind this property rounds thumb values and shouldn't be used exclusively
|
|
294
|
-
* for formatting purposes.
|
|
290
|
+
* Keep in mind this property rounds thumb values and shouldn't be used exclusively for formatting purposes.
|
|
295
291
|
*
|
|
296
292
|
* @default 4
|
|
297
293
|
* @example
|
|
298
294
|
* ```js
|
|
299
|
-
*
|
|
295
|
+
* // Rounds slider thumb values to 7 decimal places
|
|
296
|
+
* slider.precision = 7;
|
|
300
297
|
* ```
|
|
301
298
|
*/
|
|
302
299
|
accessor precision: number;
|
|
@@ -351,67 +348,55 @@ export abstract class ArcgisSliderColorSizeLegacy extends LitElement {
|
|
|
351
348
|
*/
|
|
352
349
|
accessor stops: Array<ColorSizeStop>;
|
|
353
350
|
/**
|
|
354
|
-
* Zooms the slider track to the bounds provided in this property.
|
|
355
|
-
*
|
|
356
|
-
*
|
|
357
|
-
* rendered at their typical positions on the slider. However, the
|
|
358
|
-
* slider track itself is zoomed so that thumbs cannot be moved above or
|
|
359
|
-
* below the provided min and max zoomed values.
|
|
351
|
+
* 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
|
|
352
|
+
* [max](#max) slider values are preserved and rendered at their typical positions on the slider. However, the
|
|
353
|
+
* slider track itself is zoomed so that thumbs cannot be moved above or below the provided min and max zoomed values.
|
|
360
354
|
*
|
|
361
|
-
*
|
|
362
|
-
*
|
|
363
|
-
* top thumb cannot be moved past the zoom max of `31` even though the slider
|
|
364
|
-
* max is `200`.
|
|
355
|
+
* When a slider is in a zoomed state, the zoomed ends of the track will appear jagged. In the image below, notice how the
|
|
356
|
+
* top thumb cannot be moved past the zoom max of `31` even though the slider max is `200`.
|
|
365
357
|
*
|
|
366
|
-
*
|
|
358
|
+
* 
|
|
367
359
|
*
|
|
368
|
-
*
|
|
369
|
-
*
|
|
370
|
-
* is up to the developer to provide a UI option for end users to
|
|
371
|
-
* enable zooming on the slider.
|
|
360
|
+
* To exit a zoomed state, the user can click the jagged line or the developer can set the `zoomOptions` to `null`. It
|
|
361
|
+
* is up to the developer to provide a UI option for end users to enable zooming on the slider.
|
|
372
362
|
*
|
|
373
|
-
*
|
|
374
|
-
* datasets where the histogram renders only one or two bars because of outliers.
|
|
363
|
+
* 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.
|
|
375
364
|
*
|
|
376
|
-
*
|
|
365
|
+
* 
|
|
377
366
|
*
|
|
378
|
-
*
|
|
379
|
-
*
|
|
380
|
-
* and make the slider more useful to the end user.
|
|
367
|
+
* 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
|
|
368
|
+
* and make the slider more useful to the end user.
|
|
381
369
|
*
|
|
382
370
|
* @example
|
|
383
371
|
* ```js
|
|
384
|
-
* // zooms the slider so thumbs can only be moved
|
|
385
|
-
* //
|
|
386
|
-
*
|
|
387
|
-
* colorSizeSlider.zoomOptions = {
|
|
372
|
+
* // zooms the slider so thumbs can only be moved to positions between
|
|
373
|
+
* // values of 10 and 25 while maintaining the slider's absolute min and max values
|
|
374
|
+
* slider.zoomOptions = {
|
|
388
375
|
* min: 10,
|
|
389
376
|
* max: 25
|
|
390
377
|
* };
|
|
391
|
-
*
|
|
378
|
+
* ```
|
|
392
379
|
* @example
|
|
393
380
|
* ```js
|
|
394
381
|
* // disables zooming on the slider
|
|
395
|
-
*
|
|
396
|
-
*
|
|
382
|
+
* slider.zoomOptions = null;
|
|
383
|
+
* ```
|
|
397
384
|
* @example
|
|
398
385
|
* ```js
|
|
399
|
-
* // zooms the slider so thumbs can only be moved
|
|
400
|
-
* //
|
|
401
|
-
*
|
|
402
|
-
* colorSizeSlider.zoomOptions = {
|
|
386
|
+
* // zooms the slider so thumbs can only be moved to positions above
|
|
387
|
+
* // value of 10 while maintaining the slider's absolute min value
|
|
388
|
+
* slider.zoomOptions = {
|
|
403
389
|
* min: 10
|
|
404
390
|
* };
|
|
405
|
-
*
|
|
391
|
+
* ```
|
|
406
392
|
* @example
|
|
407
393
|
* ```js
|
|
408
|
-
* // zooms the slider so thumbs can only be moved
|
|
409
|
-
* //
|
|
410
|
-
*
|
|
411
|
-
* colorSizeSlider.zoomOptions = {
|
|
394
|
+
* // zooms the slider so thumbs can only be moved to positions below
|
|
395
|
+
* // value of 25 while maintaining the slider's absolute max value
|
|
396
|
+
* slider.zoomOptions = {
|
|
412
397
|
* max: 25
|
|
413
398
|
* };
|
|
414
|
-
*
|
|
399
|
+
* ```
|
|
415
400
|
*/
|
|
416
401
|
accessor zoomOptions: ZoomOptions | null | undefined;
|
|
417
402
|
/** Permanently destroy the component. */
|
|
@@ -91,13 +91,13 @@ export abstract class ArcgisSliderHeatmapLegacy extends LitElement {
|
|
|
91
91
|
* Defines how slider thumb values should be rounded. This number indicates the number
|
|
92
92
|
* of decimal places slider thumb _values_ should round to when they have been moved.
|
|
93
93
|
*
|
|
94
|
-
* Keep in mind this property rounds thumb values and shouldn't be used exclusively
|
|
95
|
-
* for formatting purposes.
|
|
94
|
+
* Keep in mind this property rounds thumb values and shouldn't be used exclusively for formatting purposes.
|
|
96
95
|
*
|
|
97
96
|
* @default 4
|
|
98
97
|
* @example
|
|
99
98
|
* ```js
|
|
100
|
-
*
|
|
99
|
+
* // Rounds slider thumb values to 7 decimal places
|
|
100
|
+
* slider.precision = 7;
|
|
101
101
|
* ```
|
|
102
102
|
*/
|
|
103
103
|
accessor precision: number;
|