@arcgis/charts-components 5.2.0-next.30 → 5.2.0-next.32
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/{3QO6REDF.js → 25W6T5FX.js} +8 -8
- package/dist/cdn/{JBR6IJMK.js → 2HG3BPPY.js} +1 -1
- package/dist/cdn/2Y7PYCI7.js +2 -0
- package/dist/cdn/{HIW5WRHR.js → 46DNECVM.js} +1 -1
- package/dist/cdn/{HBS6O3P3.js → 4LKQOIJR.js} +1 -1
- package/dist/cdn/{X7Z4LEZH.js → 4N7Q4USI.js} +1 -1
- package/dist/cdn/{6ANVHVX4.js → 4T3YFJA6.js} +1 -1
- package/dist/cdn/{BI54CNMR.js → 4WISIBCY.js} +1 -1
- package/dist/cdn/{6CB5R4QQ.js → 4XYMN2CV.js} +1 -1
- package/dist/cdn/{AZR6HVRW.js → 575YVIX7.js} +1 -1
- package/dist/cdn/{7VQXBQMZ.js → 5Y5QG6LJ.js} +1 -1
- package/dist/cdn/{YQIFZJTZ.js → 6GQLATNT.js} +1 -1
- package/dist/cdn/{XRLVJJBT.js → 6LH7Y7PU.js} +1 -1
- package/dist/cdn/{6VK54DG5.js → 7HSE4SIZ.js} +1 -1
- package/dist/cdn/{C4TQOUPO.js → 7ISSUJ2D.js} +1 -1
- package/dist/cdn/7NHOA7QL.js +3 -0
- package/dist/cdn/{SSKHF7PO.js → AGY2UGFW.js} +1 -1
- package/dist/cdn/{IWMWJN7M.js → B7TOZQEW.js} +1 -1
- package/dist/cdn/{X7YEBHBF.js → BECNHOTD.js} +1 -1
- package/dist/cdn/{T5TFLMQL.js → BNNTNT7S.js} +1 -1
- package/dist/cdn/{REZ2QR42.js → BXCX7QFT.js} +1 -1
- package/dist/cdn/{BZFGE4LO.js → BXYUDSWF.js} +1 -1
- package/dist/cdn/{PEYVSFSE.js → CXMIIYBK.js} +36 -36
- package/dist/cdn/{4BEGCEGA.js → D7N4VK2S.js} +3 -3
- package/dist/cdn/{KFPJI52X.js → DTG42E2P.js} +1 -1
- package/dist/cdn/{K27GKXGP.js → DWIKPTKJ.js} +1 -1
- package/dist/cdn/{QV3NMKKZ.js → EAJBDT2X.js} +1 -1
- package/dist/cdn/{Q2GW5LB7.js → ESUNC3JW.js} +1 -1
- package/dist/cdn/{2SPGX6AF.js → EXJWV5I4.js} +1 -1
- package/dist/cdn/{YFHB2EFH.js → G5KG5GU4.js} +1 -1
- package/dist/cdn/{VY3KBD6N.js → G6EAXNDR.js} +1 -1
- package/dist/cdn/{YWKPGNHB.js → GRPZ65P4.js} +1 -1
- package/dist/cdn/{BKU72IQC.js → GXXY6NI7.js} +1 -1
- package/dist/cdn/{G5EGTXMY.js → HWYXGOUR.js} +1 -1
- package/dist/cdn/{AICTKGE3.js → IAVYR2KG.js} +1 -1
- package/dist/cdn/{4P7URPRQ.js → IDDJVOHS.js} +1 -1
- package/dist/cdn/IFYT2GHB.js +2 -0
- package/dist/cdn/{TSA7UMSZ.js → ILZCAXS5.js} +1 -1
- package/dist/cdn/{Y3CXVO2M.js → J2YNPNIL.js} +1 -1
- package/dist/cdn/JAN3QW7E.js +2 -0
- package/dist/cdn/{5UO6L27Q.js → JOJIT55L.js} +1 -1
- package/dist/cdn/{LFXRCL7K.js → JXPTGJSF.js} +1 -1
- package/dist/cdn/{3NKDMMC2.js → K2V7HVU3.js} +1 -1
- package/dist/cdn/{5XCU5SR2.js → K3FOMGX7.js} +1 -1
- package/dist/cdn/{WHVW3P3O.js → K6PPZIL5.js} +1 -1
- package/dist/cdn/{THTYR6IL.js → KHT4LCWN.js} +1 -1
- package/dist/cdn/{CLN32L2L.js → KU55QTV5.js} +1 -1
- package/dist/cdn/{CRCAJAFA.js → KZ2OB6RV.js} +1 -1
- package/dist/cdn/{3YN4EKSJ.js → L2OJXJD4.js} +1 -1
- package/dist/cdn/{3UTF2CB3.js → L5CT3KCS.js} +1 -1
- package/dist/cdn/{6GV2QPKV.js → LAPPRAQF.js} +1 -1
- package/dist/cdn/{MVUIKY5Y.js → LHLM6RMX.js} +1 -1
- package/dist/cdn/{KQLAAGKI.js → LKEHGBEV.js} +1 -1
- package/dist/cdn/{ADYDCO3M.js → LKLFDY3E.js} +1 -1
- package/dist/cdn/{PAIRUVLU.js → LLUS6VGO.js} +1 -1
- package/dist/cdn/{TCS4HOSG.js → LLYDWCNL.js} +1 -1
- package/dist/cdn/{DAF2U7TN.js → LQQJXKY7.js} +1 -1
- package/dist/cdn/{3TBK72EK.js → LV3T5QZF.js} +1 -1
- package/dist/cdn/{O5NKLK7V.js → MA2J6LRE.js} +1 -1
- package/dist/cdn/{BQXXD2HU.js → MTYZHHDS.js} +1 -1
- package/dist/cdn/{MBPFBE3E.js → N72PRHWL.js} +1 -1
- package/dist/cdn/{Y7HBWU3M.js → NKUXUCUP.js} +1 -1
- package/dist/cdn/{6XIDALQU.js → NX4OLIXG.js} +1 -1
- package/dist/cdn/{M7QZTQSD.js → OCRAZDQR.js} +1 -1
- package/dist/cdn/OEBQA6SR.js +2 -0
- package/dist/cdn/{XRP6IFM4.js → OKPUFIIU.js} +1 -1
- package/dist/cdn/{DRFJC64L.js → P2KW76YO.js} +1 -1
- package/dist/cdn/{YWCIV7ZZ.js → PCBE7IEQ.js} +1 -1
- package/dist/cdn/{M4ZJRIYM.js → PRGGOOYS.js} +1 -1
- package/dist/cdn/{N673JFHK.js → PXGQGJAV.js} +1 -1
- package/dist/cdn/{6OCDFMFB.js → Q7XQPRE5.js} +1 -1
- package/dist/cdn/{SOGVYNPI.js → QGLWN3TS.js} +1 -1
- package/dist/cdn/{2ODYZG66.js → QH2YJ3TT.js} +1 -1
- package/dist/cdn/{Y6CFEFZM.js → RA7EKGRW.js} +1 -1
- package/dist/cdn/{WU62O2AU.js → RJFIQORK.js} +1 -1
- package/dist/cdn/{MEA74C44.js → RVFD5Z7L.js} +1 -1
- package/dist/cdn/{WJHIJTWS.js → SWJIRHQQ.js} +1 -1
- package/dist/cdn/{3SBYV6BW.js → TYDIOOT2.js} +1 -1
- package/dist/cdn/{4TRUG37X.js → U53OVQF2.js} +1 -1
- package/dist/cdn/{RKG6CXUU.js → WNH47TQQ.js} +1 -1
- package/dist/cdn/{Z43DVT6G.js → WPHYJV72.js} +1 -1
- package/dist/cdn/{GCRQHIGQ.js → WSSYOOMW.js} +1 -1
- package/dist/cdn/{35NSJ3NJ.js → WYU56MVP.js} +1 -1
- package/dist/cdn/{TOFVWGTG.js → XQ2CVQJW.js} +1 -1
- package/dist/cdn/{7Z7NOIH2.js → XRTGYEKU.js} +1 -1
- package/dist/cdn/{IPALCXFF.js → YHFANXPC.js} +1 -1
- package/dist/cdn/{PKQOLKTW.js → YTV5MFKS.js} +1 -1
- package/dist/cdn/{ZW4PF3UK.js → Z2NN43OK.js} +1 -1
- package/dist/cdn/{QGEFY4ND.js → Z2YPKIRL.js} +1 -1
- package/dist/cdn/{NKVZYKL5.js → ZK3QFPDP.js} +1 -1
- package/dist/cdn/{JIV6BQKG.js → ZKZGO5WD.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/cdn/model/shared/setup-utils.js +1 -1
- package/dist/chunks/axis-lines-symbol.js +7 -7
- package/dist/chunks/bar-chart-model.js +39 -36
- package/dist/chunks/box-plot-data.js +36 -36
- package/dist/chunks/box-plot-model.js +5 -5
- package/dist/chunks/chart-model.js +38 -38
- package/dist/chunks/class-breaks.js +7 -7
- package/dist/chunks/combo-bar-line-chart-model.js +27 -27
- package/dist/chunks/data-labels-symbol.js +1 -1
- package/dist/chunks/data-labels-visibility.js +22 -22
- package/dist/chunks/data.js +18 -18
- package/dist/chunks/gauge-model.js +16 -16
- package/dist/chunks/generate-x-axis-title.js +9 -9
- package/dist/chunks/heat-chart-model.js +5 -5
- package/dist/chunks/histogram-data.js +15 -15
- package/dist/chunks/histogram-model.js +4 -4
- package/dist/chunks/index.js +84 -83
- package/dist/chunks/index2.js +989 -973
- package/dist/chunks/index3.js +13 -13
- package/dist/chunks/index4.js +149 -49
- package/dist/chunks/line-chart-model.js +1 -1
- package/dist/chunks/model-setter.js +1 -1
- package/dist/chunks/model-with-y-guides.js +6 -6
- package/dist/chunks/negative-values-stacked-to-baseline.js +3 -3
- package/dist/chunks/pie-chart-data.js +16 -16
- package/dist/chunks/pie-chart-model.js +20 -20
- package/dist/chunks/radar-chart-model.js +1 -1
- package/dist/chunks/resource.js +1 -1
- package/dist/chunks/rounded-corners.js +73 -0
- package/dist/chunks/scatterplot-model.js +3 -3
- package/dist/chunks/serial-chart-data.js +73 -73
- package/dist/chunks/serial-chart-model.js +13 -13
- package/dist/chunks/series-length.js +1 -1
- package/dist/chunks/series.js +1 -1
- package/dist/chunks/type-guards2.js +24 -20
- package/dist/chunks/utils.js +14 -14
- package/dist/chunks/utils2.js +1 -1
- package/dist/chunks/web-component-utils.js +41 -41
- package/dist/chunks/x-bounds.js +16 -16
- package/dist/components/arcgis-chart/customElement.js +6354 -6174
- package/dist/components/arcgis-charts-config-bar-chart-data/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-bar-chart-popover/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-bar-chart-series-popover/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-box-plot-series-popover/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-create-flow/customElement.js +2 -2
- package/dist/components/arcgis-charts-config-font-style/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-format/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-guide/customElement.js +6 -6
- package/dist/components/arcgis-charts-config-guides/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-heat-chart-data/customElement.js +16 -16
- package/dist/components/arcgis-charts-config-heat-chart-popover/customElement.js +4 -4
- package/dist/components/arcgis-charts-config-histogram-data/customElement.js +10 -10
- package/dist/components/arcgis-charts-config-histogram-popover/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-line-chart-data/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-line-chart-popover/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-line-chart-series-popover/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-pie-chart-popover/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-pie-chart-slices/customElement.js +5 -5
- package/dist/components/arcgis-charts-config-pie-chart-slices-popover/customElement.js +5 -5
- package/dist/components/arcgis-charts-config-scatter-plot-data/customElement.js +5 -5
- package/dist/components/arcgis-charts-info-modal/customElement.js +1 -1
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/index.js +446 -444
- package/dist/json-schema/index.d.ts +92 -2
- package/dist/model/bar-chart-model/bar-chart-model.d.ts +4 -2
- package/dist/model/combo-bar-line-chart-model/combo-bar-line-chart-model.d.ts +3 -2
- package/dist/model/properties/rounded-corners.d.ts +18 -0
- package/dist/model/shared/type-guards.d.ts +7 -0
- package/dist/spec/web-chart.d.ts +8 -0
- package/dist/utils/chart-config/converter/index.js +15 -15
- package/dist/utils/defaults/index.d.ts +4 -1
- package/package.json +3 -3
- package/dist/cdn/BJBNELDD.js +0 -3
- package/dist/cdn/SAYLTYWY.js +0 -2
- package/dist/cdn/U3MRRFML.js +0 -2
- package/dist/cdn/VWTJHXHI.js +0 -2
- package/dist/cdn/WPPMMVD5.js +0 -2
- package/dist/chunks/bar-chart-series.js +0 -15
|
@@ -13,7 +13,7 @@ import { LitElement as U, createEvent as b, safeClassMap as l, renderElement as
|
|
|
13
13
|
import { d as S, f as z, F as M, C as F, m as R } from "../../chunks/index3.js";
|
|
14
14
|
import { x as K } from "../../chunks/data.js";
|
|
15
15
|
import { an as B, k as j, Y as A, bb as H } from "../../chunks/index2.js";
|
|
16
|
-
import {
|
|
16
|
+
import { u as q, ah as W } from "../../chunks/index.js";
|
|
17
17
|
import { r as Z } from "../../chunks/popover-ui-utils.js";
|
|
18
18
|
import { r as d, s as L, u as C, m as f } from "../../chunks/chart-object-literals.js";
|
|
19
19
|
import { S as h } from "../../chunks/common.js";
|
|
@@ -14,7 +14,7 @@ import { R as L } from "../../chunks/rest-js-object-literals.js";
|
|
|
14
14
|
import { t as u, r as z, s as p } from "../../chunks/chart-object-literals.js";
|
|
15
15
|
import { S as m } from "../../chunks/common.js";
|
|
16
16
|
import { e as N, p as B } from "../../chunks/popover-ui-utils.js";
|
|
17
|
-
import {
|
|
17
|
+
import { u as K, ah as _ } from "../../chunks/index.js";
|
|
18
18
|
import { a2 as O, bh as P, bb as H, bu as M, bk as U } from "../../chunks/index2.js";
|
|
19
19
|
import { d as W, m as j } from "../../chunks/index3.js";
|
|
20
20
|
const R = D`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}.sort-order-pick-list{overflow-y:hidden}.panel{max-height:60vh}.panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}.panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}.panel .apply-button{width:17rem}`, o = {
|
|
@@ -5,7 +5,7 @@ import { u as m } from "../../chunks/useT9n.js";
|
|
|
5
5
|
import { createRef as d, ref as g } from "lit/directives/ref.js";
|
|
6
6
|
import { LitElement as C, createEvent as s, safeClassMap as n } from "@arcgis/lumina";
|
|
7
7
|
import { e as v } from "../../chunks/popover-ui-utils.js";
|
|
8
|
-
import {
|
|
8
|
+
import { aC as f } from "../../chunks/index.js";
|
|
9
9
|
const l = {
|
|
10
10
|
panelChildrenContainer: "panel-children-container"
|
|
11
11
|
}, u = p`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{overflow-y:auto;width:min-content}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}`;
|
|
@@ -6,7 +6,7 @@ import { u as v } from "../../chunks/useT9n.js";
|
|
|
6
6
|
import { createRef as y, ref as S } from "lit/directives/ref.js";
|
|
7
7
|
import { LitElement as b, createEvent as a, safeClassMap as p } from "@arcgis/lumina";
|
|
8
8
|
import { e as u } from "../../chunks/popover-ui-utils.js";
|
|
9
|
-
import {
|
|
9
|
+
import { aC as m } from "../../chunks/index.js";
|
|
10
10
|
import { i as $ } from "../../chunks/rest-js-object-literals.js";
|
|
11
11
|
const d = {
|
|
12
12
|
panelChildrenContainer: "panel-children-container"
|
|
@@ -3,7 +3,7 @@ import { c as V } from "../../chunks/runtime.js";
|
|
|
3
3
|
import { repeat as U } from "lit/directives/repeat.js";
|
|
4
4
|
import { keyed as b } from "lit/directives/keyed.js";
|
|
5
5
|
import { createModel as R } from "../../model/shared/setup-utils.js";
|
|
6
|
-
import { g as S, i as T,
|
|
6
|
+
import { g as S, i as T, v as _, k as v, m as I } from "../../chunks/type-guards2.js";
|
|
7
7
|
import { i as z } from "../../chunks/rotated-state.js";
|
|
8
8
|
import { substitute as H } from "@arcgis/core/intl.js";
|
|
9
9
|
import { C as n } from "../../chunks/interfaces.js";
|
|
@@ -15,7 +15,7 @@ import { css as G, html as h } from "lit";
|
|
|
15
15
|
import { createRef as X, ref as K } from "lit/directives/ref.js";
|
|
16
16
|
import { u as P } from "../../chunks/useT9n.js";
|
|
17
17
|
import { c as j, a as x, g as q } from "../../chunks/store.js";
|
|
18
|
-
import {
|
|
18
|
+
import { d2 as Y, _ as Q, d3 as J, K as ee, bZ as te } from "../../chunks/index2.js";
|
|
19
19
|
import { A as ae } from "../../chunks/axis-model-wrapper.js";
|
|
20
20
|
import { h as ie, f as y } from "../../chunks/web-component-utils.js";
|
|
21
21
|
import { a as se } from "../../chunks/chart-ui-utils2.js";
|
|
@@ -6,7 +6,7 @@ import { i as p, m as c, s as y, U as r } from "../../chunks/chart-ui-utils2.js"
|
|
|
6
6
|
import { u } from "../../chunks/useT9n.js";
|
|
7
7
|
import { createRef as S, ref as d } from "lit/directives/ref.js";
|
|
8
8
|
import { LitElement as g, createEvent as f, safeClassMap as n } from "@arcgis/lumina";
|
|
9
|
-
import {
|
|
9
|
+
import { ag as b } from "../../chunks/index.js";
|
|
10
10
|
import { i as v } from "../../chunks/rest-js-object-literals.js";
|
|
11
11
|
const C = {
|
|
12
12
|
arial: "Arial",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
2
|
import { c as M } from "../../chunks/runtime.js";
|
|
3
3
|
import { ref as B } from "lit/directives/ref.js";
|
|
4
|
-
import {
|
|
4
|
+
import { t as S, m as d, k as h, j as T, e as V, v as w } from "../../chunks/type-guards2.js";
|
|
5
5
|
import { i as L } from "../../chunks/data-labels-symbol.js";
|
|
6
6
|
import { i as P, a as C, b as E } from "../../chunks/axis-lines-symbol.js";
|
|
7
7
|
import { isEmpty as f, cloneDeep as a, isArray as F, isObject as A, mergeWith as G } from "lodash-es";
|
|
@@ -2,16 +2,16 @@
|
|
|
2
2
|
import { c as R } from "../../chunks/runtime.js";
|
|
3
3
|
import { keyed as X } from "lit/directives/keyed.js";
|
|
4
4
|
import { cloneDeep as E } from "lodash-es";
|
|
5
|
-
import { m as G, a as N, j as
|
|
5
|
+
import { m as G, a as N, j as q, k, U as S } from "../../chunks/chart-ui-utils2.js";
|
|
6
6
|
import { d as F } from "../../chunks/default.js";
|
|
7
|
-
import { g as
|
|
7
|
+
import { g as Z } from "../../chunks/resource.js";
|
|
8
8
|
import { u as z } from "../../chunks/useT9n.js";
|
|
9
9
|
import { css as O, html as c } from "lit";
|
|
10
10
|
import { createRef as h, ref as u } from "lit/directives/ref.js";
|
|
11
11
|
import { LitElement as V, createEvent as U, renderElement as M, safeStyleMap as L, safeClassMap as o } from "@arcgis/lumina";
|
|
12
|
-
import { m as W,
|
|
12
|
+
import { m as W, q as Y, r as j } from "../../chunks/type-guards2.js";
|
|
13
13
|
import { M as p, i as H, a1 as A, aI as _ } from "../../chunks/index2.js";
|
|
14
|
-
import {
|
|
14
|
+
import { _ as J } from "../../chunks/index.js";
|
|
15
15
|
import { q as m, p as K } from "../../chunks/index5.js";
|
|
16
16
|
import { r as Q } from "../../chunks/popover-ui-utils.js";
|
|
17
17
|
import { i as g, g as ee } from "../../chunks/rest-js-object-literals.js";
|
|
@@ -214,12 +214,12 @@ class se extends V {
|
|
|
214
214
|
});
|
|
215
215
|
}
|
|
216
216
|
renderColorElement() {
|
|
217
|
-
const e = this.model.getGuideStyle(this.index, this.orientation), [t, i, a, l] = [...e?.color ?? [1, 1, 1, 255]], s = this.model.getGuideStart(this.index, this.orientation), r = this.model.getGuideEnd(this.index, this.orientation), v = m(e) ?
|
|
217
|
+
const e = this.model.getGuideStyle(this.index, this.orientation), [t, i, a, l] = [...e?.color ?? [1, 1, 1, 255]], s = this.model.getGuideStart(this.index, this.orientation), r = this.model.getGuideEnd(this.index, this.orientation), v = m(e) ? q(e.style) : ee.Solid, f = p(s, r) === g.SLS ? `line-${v}` : "square-f";
|
|
218
218
|
return c`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .value=${this._messages.style} class=${o(n.colorPicker)} .label=${this._messages.style} .selected=${this.guidePopover?.open} @click=${this.onColorElementSelect} ${u(this.colorElement)}><calcite-icon slot=content-end .icon=${f} style=${L({ color: `rgba(${t},${i},${a},${l / 255})` })}></calcite-icon></calcite-list-item></calcite-list>`;
|
|
219
219
|
}
|
|
220
220
|
render() {
|
|
221
221
|
const e = this.model.getGuideStart(this.index, this.orientation), t = this.model.getGuideEnd(this.index, this.orientation), i = this.model.getGuideName(this.index, this.orientation), a = this.model.getGuideLabelText(this.index, this.orientation), l = this.model.getGuideAbove(this.index, this.orientation), s = this.model.getGuideVisibility(this.index, this.orientation), r = this.isXAxisDateField;
|
|
222
|
-
return c`<calcite-block .heading=${i ?? ""} .expanded=${this.latestGuidePosition ===
|
|
222
|
+
return c`<calcite-block .heading=${i ?? ""} .expanded=${this.latestGuidePosition === Z(this.index, this.orientation, this.model)} collapsible .messageOverrides=${{
|
|
223
223
|
expand: this._messages.expand,
|
|
224
224
|
collapse: this._messages.collapse
|
|
225
225
|
}}><calcite-action slot=actions-end text .icon=${s ? "view-visible" : "view-hide"} @click=${this.toggleGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><calcite-action slot=actions-end text icon=trash @click=${this.deleteGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.start}${r ? c`<calcite-input-date-picker .value=${this.getDateStringFromBound(e)} required scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${u(this.startDateCalciteInput)}></calcite-input-date-picker>` : c`<calcite-input type=number required @calciteInputInput=${this.setGuideStart} @keydown=${k} number-button-type=none .value=${e?.toString()} ${u(this.startCalciteInput)}></calcite-input>`}</calcite-label><calcite-label class=${o(n.column)}>${this._messages.end}${r ? c`<calcite-input-date-picker .value=${this.getDateStringFromBound(t)} scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${u(this.endDateCalciteInput)}></calcite-input-date-picker>` : c`<calcite-input type=number @calciteInputInput=${this.setGuideEnd} @keydown=${k} number-button-type=none .value=${t?.toString()} ${u(this.endCalciteInput)}></calcite-input>`}</calcite-label></div>${r ? X("time-picker-row", c`<div class=${o(n.row)}>${e != null ? c`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(e)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${u(this.startTimeCalciteInput)}></calcite-input-time-picker></calcite-label>` : null}${t != null ? c`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(t)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${u(this.endTimeCalciteInput)}></calcite-input-time-picker></calcite-label>` : null}</div>`) : null}<div class=${o(n.row)}><div class=${o(n.column)}>${this.renderColorElement()}</div></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideName}<calcite-input type=text .value=${i} @calciteInputInput=${this.setGuideName}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideLabel}<calcite-input type=text .value=${a} @calciteInputInput=${this.setGuideLabel}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.display}<calcite-segmented-control @calciteSegmentedControlChange=${this.setGuideRendered} scale=s><calcite-segmented-control-item .checked=${l} .value=${this._messages.inFront}>${this._messages.inFront}</calcite-segmented-control-item><calcite-segmented-control-item .checked=${!l} .value=${this._messages.inBack}>${this._messages.inBack}</calcite-segmented-control-item></calcite-segmented-control></calcite-label></div></calcite-block>`;
|
|
@@ -7,7 +7,7 @@ import { u as f } from "../../chunks/useT9n.js";
|
|
|
7
7
|
import { css as A, html as a } from "lit";
|
|
8
8
|
import { createRef as x, ref as C } from "lit/directives/ref.js";
|
|
9
9
|
import { LitElement as b, renderElement as v, safeClassMap as c } from "@arcgis/lumina";
|
|
10
|
-
import {
|
|
10
|
+
import { q as h, r as u } from "../../chunks/type-guards2.js";
|
|
11
11
|
import { G as s } from "../../chunks/common.js";
|
|
12
12
|
const P = A`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.add-guide{display:flex;justify-content:center;padding:.5rem}.add-guide-btn{width:100%}.no-guides{border-radius:2rem}.no-messages{text-align:center}.guide-icon{padding-left:.5rem;padding-top:.5rem;width:1.5rem;height:1.5rem}`;
|
|
13
13
|
class $ extends b {
|
|
@@ -8,16 +8,16 @@ import { parseInt as O, camelCase as H } from "lodash-es";
|
|
|
8
8
|
import { DateTime as L } from "luxon";
|
|
9
9
|
import { F as B, d as T, x as U } from "../../chunks/index3.js";
|
|
10
10
|
import { u as R } from "../../chunks/useT9n.js";
|
|
11
|
-
import { e as l, W as
|
|
11
|
+
import { e as l, W as u } from "../../chunks/interfaces.js";
|
|
12
12
|
import { x as W } from "../../chunks/data.js";
|
|
13
13
|
import { i as V } from "../../chunks/utils.js";
|
|
14
14
|
import { l as v, s as q } from "../../chunks/chart-ui-utils2.js";
|
|
15
|
-
import { e as $, g as K, d as
|
|
16
|
-
import { e as
|
|
15
|
+
import { e as $, g as K, d as z, j as X } from "../../chunks/class-breaks.js";
|
|
16
|
+
import { e as Z, a as j } from "../../chunks/store.js";
|
|
17
17
|
import { H as G } from "../../chunks/common.js";
|
|
18
18
|
import { i as Y } from "../../chunks/rest-js-object-literals.js";
|
|
19
|
-
import { r as d, m as h, d as
|
|
20
|
-
import {
|
|
19
|
+
import { r as d, m as h, d as C, u as m, h as f, e as F, i as J } from "../../chunks/chart-object-literals.js";
|
|
20
|
+
import { u as Q, k as ee, l as g } from "../../chunks/index.js";
|
|
21
21
|
import { an as S } from "../../chunks/index2.js";
|
|
22
22
|
import { i as ae } from "../../chunks/index4.js";
|
|
23
23
|
import { r as te } from "../../chunks/popover-ui-utils.js";
|
|
@@ -130,13 +130,13 @@ class le extends E {
|
|
|
130
130
|
}
|
|
131
131
|
applyCalendarTypePreset(e) {
|
|
132
132
|
switch (e) {
|
|
133
|
-
case
|
|
133
|
+
case u.YearByMonthAndDayOfMonth: {
|
|
134
134
|
const a = {
|
|
135
135
|
type: m.CalendarDateParts,
|
|
136
|
-
unit:
|
|
136
|
+
unit: C.DayOfMonth
|
|
137
137
|
}, t = {
|
|
138
138
|
type: m.CalendarDateParts,
|
|
139
|
-
unit:
|
|
139
|
+
unit: C.MonthOfYear
|
|
140
140
|
};
|
|
141
141
|
this.model.xTemporalBinning = a, this.model.setAxisValueFormat(0, {
|
|
142
142
|
type: m.DateAxisFormat,
|
|
@@ -147,13 +147,13 @@ class le extends E {
|
|
|
147
147
|
});
|
|
148
148
|
break;
|
|
149
149
|
}
|
|
150
|
-
case
|
|
150
|
+
case u.WeekByDayOfWeekAndHourOfDay: {
|
|
151
151
|
const a = {
|
|
152
152
|
type: m.CalendarDateParts,
|
|
153
|
-
unit:
|
|
153
|
+
unit: C.HourOfDay
|
|
154
154
|
}, t = {
|
|
155
155
|
type: m.CalendarDateParts,
|
|
156
|
-
unit:
|
|
156
|
+
unit: C.DayOfWeek
|
|
157
157
|
};
|
|
158
158
|
this.model.firstDayOfWeek = this.getFirstDayOfWeek(), this.model.xTemporalBinning = a, this.model.setAxisValueFormat(0, {
|
|
159
159
|
type: m.DateAxisFormat,
|
|
@@ -168,7 +168,7 @@ class le extends E {
|
|
|
168
168
|
}
|
|
169
169
|
async generateClassBreaks(e = !1) {
|
|
170
170
|
let a = [];
|
|
171
|
-
const t = this.model.chartRenderer?.classBreakInfos, s =
|
|
171
|
+
const t = this.model.chartRenderer?.classBreakInfos, s = Z(j);
|
|
172
172
|
return s && (a = await K({
|
|
173
173
|
data: s,
|
|
174
174
|
xAxisField: this.model.xAxisField,
|
|
@@ -194,7 +194,7 @@ class le extends E {
|
|
|
194
194
|
}
|
|
195
195
|
async generateAndUpdateClassBreaks(e = !1) {
|
|
196
196
|
const a = this.getRequestedBreaksCount(), t = await this.generateClassBreaks(e);
|
|
197
|
-
|
|
197
|
+
z({
|
|
198
198
|
currentBreaks: t,
|
|
199
199
|
configBreaks: this.model.chartRenderer?.classBreakInfos ?? [],
|
|
200
200
|
treatReversedColorsAsEqual: !e
|
|
@@ -276,7 +276,7 @@ class le extends E {
|
|
|
276
276
|
this.heatChartPopover !== null && (this.heatChartPopover.open = !1, this.heatChartPopover = te(this.heatChartPopover));
|
|
277
277
|
}
|
|
278
278
|
setDefaultPropertiesForCalendarHeatChart() {
|
|
279
|
-
V(this.model?.config) || ((this.model.xTemporalBinning === void 0 || this.model.yTemporalBinning === void 0) && this.applyCalendarTypePreset(
|
|
279
|
+
V(this.model?.config) || ((this.model.xTemporalBinning === void 0 || this.model.yTemporalBinning === void 0) && this.applyCalendarTypePreset(u.YearByMonthAndDayOfMonth), this.model.yAxisField = this.model.xAxisField, this.model.setYAxisSortOrder(G.Desc), this.model.classificationMethod === void 0 && (this.model.classificationMethod = F.naturalBreaks), this.model.heatRulesType !== f.Renderer && (this.model.heatRulesType = f.Renderer), this.model.viewType === void 0 && (this.model.viewType = J.singleCalendarView), (this.model.aggregationType === d.Count || this.model.aggregationType === d.Sum) && this.model.nullPolicy !== h.Zero && (this.model.nullPolicy = h.Zero), this.model.colorRampName = $.defaultColorRampForCharts?.name);
|
|
280
280
|
}
|
|
281
281
|
renderXAxisFieldSelect() {
|
|
282
282
|
const e = this.getCorrectedXAxisFieldValue();
|
|
@@ -307,7 +307,7 @@ class le extends E {
|
|
|
307
307
|
}
|
|
308
308
|
renderColorRampSelect() {
|
|
309
309
|
const e = this.model.chartRenderer?.classBreakInfos?.map((a) => {
|
|
310
|
-
const t = a !== void 0 ?
|
|
310
|
+
const t = a !== void 0 ? X(a.symbol.color) : "#FFFFFF";
|
|
311
311
|
return i`<div class=${o(r.colorRampSegment)} style=${x({ backgroundColor: t, width: `${100 / this.model.breaksCount}%` })}></div>`;
|
|
312
312
|
});
|
|
313
313
|
return i`<arcgis-charts-config-field-select label @click=${this.onColorSchemeSelect} ${c(this.colorSchemeElement)}><div slot=fieldSelectSlot class=${o(r.colorRamp)}>${e}</div></arcgis-charts-config-field-select>`;
|
|
@@ -325,7 +325,7 @@ class le extends E {
|
|
|
325
325
|
}
|
|
326
326
|
render() {
|
|
327
327
|
const e = this.renderXAxisFieldSelect(), a = this.renderAggregation(), t = this.renderNumericFieldsSelect(), s = this.renderCalendarTypeSelect(), p = this.renderClassBreakMethodSelect(), y = this.renderColorRampSelect(), b = this.renderClassBreaksTable(), k = this.renderNullUI(), A = this.renderEmptyBins();
|
|
328
|
-
return i`<calcite-label class=${o(r.label)}>${this._messages.dateRequired}${e}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.calendarType}${s}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.aggregation}${a}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.numericField}${t}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.method}${p}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.numberOfClasses}<calcite-input type=number .min=${g.min} .max=${g.max} .disabled=${this.model.classificationMethod === void 0 || this.model.classificationMethod === F.manual} step=1 .value=${q(this.model.breaksCount, 5)} @calciteInputInput=${this.onBreaksCountChange} ${c(this.breaksCountElement)}></calcite-input></calcite-label><calcite-label class=${o(r.label)}>${this._messages.colorScheme}${y}</calcite-label>${k}<calcite-accordion class=${o(r.accordion)} appearance=transparent selection-mode=single><calcite-accordion-item .heading=${this._messages.classBreaks}>${b}</calcite-accordion-item></calcite-accordion><calcite-label class=${o(r.label)}>${this._messages.emptyBins}${A}</calcite-label>${v(this.model) ===
|
|
328
|
+
return i`<calcite-label class=${o(r.label)}>${this._messages.dateRequired}${e}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.calendarType}${s}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.aggregation}${a}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.numericField}${t}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.method}${p}</calcite-label><calcite-label class=${o(r.label)}>${this._messages.numberOfClasses}<calcite-input type=number .min=${g.min} .max=${g.max} .disabled=${this.model.classificationMethod === void 0 || this.model.classificationMethod === F.manual} step=1 .value=${q(this.model.breaksCount, 5)} @calciteInputInput=${this.onBreaksCountChange} ${c(this.breaksCountElement)}></calcite-input></calcite-label><calcite-label class=${o(r.label)}>${this._messages.colorScheme}${y}</calcite-label>${k}<calcite-accordion class=${o(r.accordion)} appearance=transparent selection-mode=single><calcite-accordion-item .heading=${this._messages.classBreaks}>${b}</calcite-accordion-item></calcite-accordion><calcite-label class=${o(r.label)}>${this._messages.emptyBins}${A}</calcite-label>${v(this.model) === u.YearByMonthAndDayOfMonth ? i`<calcite-label class=${o(r.label)} layout=inline-space-between>${this._messages.includeLeapDay}<calcite-switch .checked=${this.model.includeLeapDay} @calciteSwitchChange=${this.onIncludeLeapDayChange}></calcite-switch></calcite-label>` : null}`;
|
|
329
329
|
}
|
|
330
330
|
}
|
|
331
331
|
D("arcgis-charts-config-heat-chart-data", le);
|
|
@@ -14,8 +14,8 @@ import { c as y, b as A, e as m } from "../../chunks/chart-ui-utils2.js";
|
|
|
14
14
|
import { C as x, k } from "../../chunks/class-breaks.js";
|
|
15
15
|
import { R as E } from "../../chunks/rest-js-object-literals.js";
|
|
16
16
|
import { r as _, i as R, e as C } from "../../chunks/chart-object-literals.js";
|
|
17
|
-
import { e as
|
|
18
|
-
import {
|
|
17
|
+
import { e as N } from "../../chunks/popover-ui-utils.js";
|
|
18
|
+
import { u as B, aC as M } from "../../chunks/index.js";
|
|
19
19
|
import { bb as H, bk as O } from "../../chunks/index2.js";
|
|
20
20
|
const q = T`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.panel{max-height:60vh}.color-ramp-popover{display:flex;flex-direction:column;gap:.75rem;min-width:320px;max-width:480px}.color-ramp-toolbar{display:flex;gap:.5rem;align-items:center;padding:5px 5px 0}.ramp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;max-height:300px;overflow:auto;padding:.25rem}.ramp-item{display:flex;flex-direction:column;border:1px solid var(--calcite-color-foreground-3);background:var(--calcite-color-foreground-1);cursor:pointer;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .12s;border-radius:2px;min-height:56px;padding:4px}.ramp-item:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}.ramp-name{font-size:.625rem;line-height:1;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--calcite-color-text-3)}.ramp-item.selected{background-color:var(--calcite-color-brand)!important;border-color:var(--calcite-color-brand)!important;outline:2px solid var(--calcite-color-brand)!important;color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-name{color:var(--calcite-color-foreground-1)}.ramp-item.selected .ramp-strip{box-shadow:none;border:none}.ramp-strips{display:flex;flex:1;height:28px;width:100%;overflow:hidden}.ramp-strip{flex:1;min-width:0}.ramp-strip-fallback{background:repeating-linear-gradient(45deg,var(--calcite-color-foreground-3) 0,var(--calcite-color-foreground-3) 5px,var(--calcite-color-foreground-2) 5px,var(--calcite-color-foreground-2) 10px)}.ramp-empty{grid-column:1/-1;font-size:.75rem;color:var(--calcite-color-text-3)}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.color-ramp-popover-footer{display:flex;padding:.5rem}.color-ramp-popover-footer calcite-button{flex:1}`, s = {
|
|
21
21
|
name: "bar-chart-data-popover",
|
|
@@ -48,13 +48,13 @@ class W extends I {
|
|
|
48
48
|
await this.popoverElement.value?.reposition();
|
|
49
49
|
}
|
|
50
50
|
willUpdate() {
|
|
51
|
-
const e = y.map((t) =>
|
|
51
|
+
const e = y.map((t) => B(t, this.commonStrings));
|
|
52
52
|
S(this.aggregationLabels, e) || (this.aggregationLabels = e), this.colorRamps && this.colorRamps !== this.availableColorRamps && (this.availableColorRamps = this.colorRamps), this.contentKind === c.colorScheme && this.selectedContent && !this.selectedColorRampName && (this.selectedColorRampName = this.selectedContent);
|
|
53
53
|
}
|
|
54
54
|
updated() {
|
|
55
55
|
setTimeout(() => {
|
|
56
56
|
this.picklist.value?.setFocus();
|
|
57
|
-
}, A.PopoverTimer),
|
|
57
|
+
}, A.PopoverTimer), N(this.popoverElement.value, this.open);
|
|
58
58
|
}
|
|
59
59
|
buildAggregationListItems() {
|
|
60
60
|
return d(y.filter((e) => e !== _.NoAggregation), (e) => e, (e, t) => l`<calcite-list-item .label=${this.aggregationLabels[t]} .value=${e} .selected=${m(e, this.selectedContent)}></calcite-list-item>`);
|
|
@@ -9,11 +9,11 @@ import { u as N } from "../../chunks/useT9n.js";
|
|
|
9
9
|
import { css as F, html as c } from "lit";
|
|
10
10
|
import { createRef as b, ref as v } from "lit/directives/ref.js";
|
|
11
11
|
import { LitElement as B, createEvent as $, renderElement as _, safeStyleMap as O, safeClassMap as o } from "@arcgis/lumina";
|
|
12
|
-
import {
|
|
12
|
+
import { r as H, G as K } from "../../chunks/index.js";
|
|
13
13
|
import { d as A } from "../../chunks/index3.js";
|
|
14
14
|
import { c as U } from "../../chunks/type-guards.js";
|
|
15
|
-
import { r as
|
|
16
|
-
import { i as
|
|
15
|
+
import { r as z } from "../../chunks/popover-ui-utils.js";
|
|
16
|
+
import { i as R } from "../../chunks/rest-js-object-literals.js";
|
|
17
17
|
import { g as u } from "../../chunks/chart-object-literals.js";
|
|
18
18
|
const l = {
|
|
19
19
|
label: "label",
|
|
@@ -23,8 +23,8 @@ const l = {
|
|
|
23
23
|
sectionLabel: "section-label",
|
|
24
24
|
binTextPadding: "bin-text-padding",
|
|
25
25
|
histogramStatsList: "histogram-stats-list"
|
|
26
|
-
},
|
|
27
|
-
class
|
|
26
|
+
}, j = F`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.row{padding-top:1rem}.bin-count-container{display:flex;flex-wrap:wrap;padding:var(--arcgis-charts-config-margin-minor)}.bin-count-container>calcite-slider{flex-grow:10;min-width:50%}.bin-count-container>calcite-input{margin-bottom:.5rem;margin-top:var(--arcgis-charts-config-margin-minor);margin-left:var(--arcgis-charts-config-margin-minor);width:5rem}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.bin-text-padding{margin-left:var(--arcgis-charts-config-margin-minor)}.histogram-stats-list{pointer-events:none;margin-bottom:var(--arcgis-charts-config-margin-minor)}`;
|
|
27
|
+
class q extends B {
|
|
28
28
|
constructor() {
|
|
29
29
|
super(...arguments), this._messages = N(), this.numericalFieldSelectionElement = b(), this.transformationSelectionElement = b(), this.histogramPopover = null, this.binColorSectionElement = b(), this.binSliderElement = b(), this.binInputElement = b(), this.popoverHeading = "", this.onBinCountChange = f(() => {
|
|
30
30
|
const e = this.binInputElement.value?.value;
|
|
@@ -89,7 +89,7 @@ class j extends B {
|
|
|
89
89
|
this.properties = { binColorSelected: 16, selectedBinColorSymbol: 16, selectedOverlaySymbol: 16, selectedNumericalField: 16, selectedTransformationType: 16, selectedOverlaySymbolType: 1, messageOverrides: 0, model: 0, meanValue: 9, medianValue: 9, standardDevValue: 9, minValue: 9, maxValue: 9, sumValue: 9, nullsValue: 9, countValue: 9, layerFieldsInfo: 0, open: 5 };
|
|
90
90
|
}
|
|
91
91
|
static {
|
|
92
|
-
this.styles =
|
|
92
|
+
this.styles = j;
|
|
93
93
|
}
|
|
94
94
|
get selectedBinColorSymbol() {
|
|
95
95
|
return this._selectedBinColorSymbol;
|
|
@@ -110,7 +110,7 @@ class j extends B {
|
|
|
110
110
|
t?.removeEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange), e?.addEventListener("arcgisChartsModelConfigChange", this.onModelConfigChange);
|
|
111
111
|
}
|
|
112
112
|
removeHistogramDataPopover() {
|
|
113
|
-
this.histogramPopover !== null && (this.histogramPopover =
|
|
113
|
+
this.histogramPopover !== null && (this.histogramPopover = z(this.histogramPopover));
|
|
114
114
|
}
|
|
115
115
|
getDataTransformationLabel() {
|
|
116
116
|
let e;
|
|
@@ -174,7 +174,7 @@ class j extends B {
|
|
|
174
174
|
}));
|
|
175
175
|
}
|
|
176
176
|
onColorElementSelect(e, t, i) {
|
|
177
|
-
this.binColorSelected = i === void 0, e.type ===
|
|
177
|
+
this.binColorSelected = i === void 0, e.type === R.SFS ? (this.selectedOverlaySymbol = void 0, this.selectedBinColorSymbol = e, this.contentKind = d.fillSymbol) : (this.selectedBinColorSymbol = void 0, this.selectedOverlaySymbol = e, this.overlaySectionElement = i, this.contentKind = d.lineSymbol), this.popoverHeading = t, this.setupPopover();
|
|
178
178
|
}
|
|
179
179
|
onNumericFieldSelect(e) {
|
|
180
180
|
e.stopImmediatePropagation(), this.selectedNumericalField = this.model.numericField, this.contentKind = d.numericFields, this.setupPopover();
|
|
@@ -317,7 +317,7 @@ class j extends B {
|
|
|
317
317
|
return c`<div class=${o(l.sectionLabel)}>${this._messages.variables}</div><calcite-label class=${o(l.label)}>${this._messages.number}${e}</calcite-label><calcite-label class=${o(l.label)}>${this._messages.withTransformation}${t}</calcite-label><div class=${o(l.sectionLabel)}>${this._messages.bins}</div><p class=${o(l.binTextPadding)}>${this._messages.numberOfBins}</p>${this.renderBinsSection()}${this.renderBinColorElement()}<div class=${o(l.sectionLabel)}>${this._messages.overlays}</div>${this.renderOverlayList()}${this.renderShowDataLabels()}<div class=${o(l.sectionLabel)}>${this._messages.statistics}</div>${this.renderStats()}`;
|
|
318
318
|
}
|
|
319
319
|
}
|
|
320
|
-
I("arcgis-charts-config-histogram-data",
|
|
320
|
+
I("arcgis-charts-config-histogram-data", q);
|
|
321
321
|
export {
|
|
322
|
-
|
|
322
|
+
q as ArcgisChartsConfigHistogramData
|
|
323
323
|
};
|
|
@@ -12,7 +12,7 @@ import { g as s } from "../../chunks/chart-object-literals.js";
|
|
|
12
12
|
import { e as P } from "../../chunks/popover-ui-utils.js";
|
|
13
13
|
import { d as S } from "../../chunks/index3.js";
|
|
14
14
|
import { bk as k } from "../../chunks/index2.js";
|
|
15
|
-
import {
|
|
15
|
+
import { aC as T } from "../../chunks/index.js";
|
|
16
16
|
const l = {
|
|
17
17
|
symbolPropertyPopover: "symbol-property-popover",
|
|
18
18
|
colorPicker: "color-picker",
|
|
@@ -10,7 +10,7 @@ import { d as B, a as u, r as T, b as S } from "../../chunks/store.js";
|
|
|
10
10
|
import { isEqual as k } from "lodash-es";
|
|
11
11
|
import { x as E } from "../../chunks/data.js";
|
|
12
12
|
import { r as c, s as f, m as h } from "../../chunks/chart-object-literals.js";
|
|
13
|
-
import {
|
|
13
|
+
import { u as L, ah as P } from "../../chunks/index.js";
|
|
14
14
|
import { d as v, m as w } from "../../chunks/index3.js";
|
|
15
15
|
import { an as C, bb as _ } from "../../chunks/index2.js";
|
|
16
16
|
import { r as N } from "../../chunks/popover-ui-utils.js";
|
|
@@ -12,7 +12,7 @@ import { c as $, b as F, e as d, f as I, s as T } from "../../chunks/chart-ui-ut
|
|
|
12
12
|
import { R as x } from "../../chunks/rest-js-object-literals.js";
|
|
13
13
|
import { t as g, s as c } from "../../chunks/chart-object-literals.js";
|
|
14
14
|
import { e as A, p as D } from "../../chunks/popover-ui-utils.js";
|
|
15
|
-
import {
|
|
15
|
+
import { u as E, ah as S } from "../../chunks/index.js";
|
|
16
16
|
import { d as z, m as w } from "../../chunks/index3.js";
|
|
17
17
|
import { bh as N, bk as L, bb as K, bu as B } from "../../chunks/index2.js";
|
|
18
18
|
const _ = P`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}calcite-panel{max-height:60vh}calcite-panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}calcite-panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}calcite-panel .apply-button{width:17rem}`, r = {
|
|
@@ -6,7 +6,7 @@ import { u as y } from "../../chunks/useT9n.js";
|
|
|
6
6
|
import { createRef as a, ref as o } from "lit/directives/ref.js";
|
|
7
7
|
import { LitElement as $, createEvent as s, safeClassMap as l, nothing as c } from "@arcgis/lumina";
|
|
8
8
|
import { e as b } from "../../chunks/popover-ui-utils.js";
|
|
9
|
-
import {
|
|
9
|
+
import { aC as E } from "../../chunks/index.js";
|
|
10
10
|
import { g as i } from "../../chunks/rest-js-object-literals.js";
|
|
11
11
|
const n = {
|
|
12
12
|
sizeSection: "size-section",
|
|
@@ -10,7 +10,7 @@ import { css as L, html as n } from "lit";
|
|
|
10
10
|
import { createRef as C, ref as h } from "lit/directives/ref.js";
|
|
11
11
|
import { LitElement as y, createEvent as b, safeClassMap as l } from "@arcgis/lumina";
|
|
12
12
|
import { e as F, p as I } from "../../chunks/popover-ui-utils.js";
|
|
13
|
-
import {
|
|
13
|
+
import { u as D } from "../../chunks/index.js";
|
|
14
14
|
import { d as x } from "../../chunks/index3.js";
|
|
15
15
|
import { bh as S, bk as T } from "../../chunks/index2.js";
|
|
16
16
|
import { R as E } from "../../chunks/rest-js-object-literals.js";
|
|
@@ -6,11 +6,11 @@ import { b as $, a as N, s as p } from "../../chunks/chart-ui-utils2.js";
|
|
|
6
6
|
import { u as G } from "../../chunks/useT9n.js";
|
|
7
7
|
import { css as _, html as d } from "lit";
|
|
8
8
|
import { createRef as m, ref as g } from "lit/directives/ref.js";
|
|
9
|
-
import { LitElement as
|
|
9
|
+
import { LitElement as z, renderElement as S, safeStyleMap as u, safeClassMap as s } from "@arcgis/lumina";
|
|
10
10
|
import { b as h } from "../../chunks/common.js";
|
|
11
|
-
import {
|
|
11
|
+
import { ax as I, ay as y } from "../../chunks/index.js";
|
|
12
12
|
import { r as P } from "../../chunks/popover-ui-utils.js";
|
|
13
|
-
import { i as
|
|
13
|
+
import { i as w } from "../../chunks/rest-js-object-literals.js";
|
|
14
14
|
const a = {
|
|
15
15
|
sectionLabel: "section-label",
|
|
16
16
|
label: "label",
|
|
@@ -21,7 +21,7 @@ const a = {
|
|
|
21
21
|
groupingLabelContainer: "grouping-label-container",
|
|
22
22
|
numberInput: "number-input"
|
|
23
23
|
}, M = _`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.label .grouping-label-container{display:flex;justify-content:space-between}.label .slider-input-container{display:flex}.label .slider-input-container calcite-slider{--calcite-label-margin-bottom: var(--arcgis-charts-intra-section-margin) !important;margin-right:var(--arcgis-charts-config-margin-minor);flex-grow:1}.label .slider-input-container .number-input{width:8rem}.slice-list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.radio-group{margin-top:var(--arcgis-charts-config-margin-minor)}.pie-donut-labels-container{display:flex;justify-content:space-between;margin-top:calc(var(--arcgis-charts-config-margin-minor) * -3)}`;
|
|
24
|
-
class k extends
|
|
24
|
+
class k extends z {
|
|
25
25
|
constructor() {
|
|
26
26
|
super(...arguments), this._messages = G(), this.slicesPopover = null, this.donutSizeSliderElement = m(), this.groupingThresholdElement = m(), this.groupingThresholdSliderElement = m(), this.labelCharacterLimitElement = m(), this.decimalPlacesElement = m(), this.open = !1, this.onDonutSizeSliderChange = C(() => {
|
|
27
27
|
this.donutSizeSliderElement.value && Number.isInteger(this.donutSizeSliderElement.value?.value) && (this.model.innerRadiusSize = this.donutSizeSliderElement.value.value ?? I);
|
|
@@ -43,7 +43,7 @@ class k extends w {
|
|
|
43
43
|
...t,
|
|
44
44
|
fillSymbol: {
|
|
45
45
|
...t.fillSymbol,
|
|
46
|
-
type:
|
|
46
|
+
type: w.SFS,
|
|
47
47
|
color: l
|
|
48
48
|
}
|
|
49
49
|
});
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
import { c as n } from "../../chunks/runtime.js";
|
|
3
3
|
import { css as p, html as h } from "lit";
|
|
4
4
|
import { u as m } from "../../chunks/useT9n.js";
|
|
5
|
-
import { createRef as d, ref as
|
|
6
|
-
import { LitElement as
|
|
5
|
+
import { createRef as d, ref as C } from "lit/directives/ref.js";
|
|
6
|
+
import { LitElement as g, createEvent as s, safeClassMap as r } from "@arcgis/lumina";
|
|
7
7
|
import { e as v } from "../../chunks/popover-ui-utils.js";
|
|
8
|
-
import {
|
|
8
|
+
import { aC as f } from "../../chunks/index.js";
|
|
9
9
|
const c = {
|
|
10
10
|
panelChildrenContainer: "panel-children-container"
|
|
11
11
|
}, u = p`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{overflow-y:auto;width:min-content}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}`;
|
|
12
|
-
class y extends
|
|
12
|
+
class y extends g {
|
|
13
13
|
constructor() {
|
|
14
14
|
super(...arguments), this._messages = m(), this.popoverElement = d(), this.selectedSliceId = "", this.open = !1, this.arcgisChartsConfigPopoverClose = s(), this.arcgisChartsConfigSlicesPopoverColorChange = s(), this.arcgisChartsConfigSlicesPopoverNameChange = s();
|
|
15
15
|
}
|
|
@@ -40,7 +40,7 @@ class y extends C {
|
|
|
40
40
|
}
|
|
41
41
|
render() {
|
|
42
42
|
const e = this.selectedColor !== void 0 ? [...this.selectedColor] : void 0;
|
|
43
|
-
return h`<div><calcite-popover .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${
|
|
43
|
+
return h`<div><calcite-popover .referenceElement=${this.referenceElement ?? document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${C(this.popoverElement)}><calcite-panel .heading=${this._messages.sliceStyle} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div class=${r(c.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${this.selectedName} @calciteInputInput=${this.sliceNameChange}></calcite-input></calcite-label></div><div class=${r(c.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`;
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
n("arcgis-charts-config-pie-chart-slices-popover", y);
|
|
@@ -6,10 +6,10 @@ import { d as k, a as m } from "../../chunks/store.js";
|
|
|
6
6
|
import { i as S, m as g, n as M, s as y, D as w, U as u } from "../../chunks/chart-ui-utils2.js";
|
|
7
7
|
import { c as z } from "../../chunks/type-guards.js";
|
|
8
8
|
import { u as C } from "../../chunks/useT9n.js";
|
|
9
|
-
import { css as
|
|
9
|
+
import { css as V, html as r } from "lit";
|
|
10
10
|
import { createRef as h, ref as c } from "lit/directives/ref.js";
|
|
11
|
-
import { LitElement as
|
|
12
|
-
import {
|
|
11
|
+
import { LitElement as _, createEvent as x, renderElement as D, safeClassMap as i, safeStyleMap as E } from "@arcgis/lumina";
|
|
12
|
+
import { $ as N, G as I, aC as R } from "../../chunks/index.js";
|
|
13
13
|
import { d as b } from "../../chunks/index3.js";
|
|
14
14
|
import { r as P } from "../../chunks/popover-ui-utils.js";
|
|
15
15
|
import { i as T } from "../../chunks/rest-js-object-literals.js";
|
|
@@ -24,8 +24,8 @@ const l = {
|
|
|
24
24
|
sectionContainer: "section-container",
|
|
25
25
|
multiInputSection: "multi-input-section",
|
|
26
26
|
dimText: "dim-text"
|
|
27
|
-
}, K =
|
|
28
|
-
class X extends
|
|
27
|
+
}, K = V`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}:host .number-input{margin-bottom:.5rem;display:flex}:host .number-input>div{width:100%}calcite-list-item{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor)}calcite-slider{margin-top:-1.5rem}.r2{margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.section-container{display:flex;flex-direction:column}.icon-select{cursor:pointer}.section-label{display:flex;margin:var(--arcgis-charts-config-margin-major) var(--arcgis-charts-config-margin-minor);justify-content:space-between;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:var(--calcite-font-size-0)}.switch-element{margin-right:var(--arcgis-charts-config-margin-minor)}.multi-input-section{display:flex;justify-content:space-between;align-items:center}`;
|
|
28
|
+
class X extends _ {
|
|
29
29
|
constructor() {
|
|
30
30
|
super(...arguments), this._messages = C(), this.commonStrings = C({ name: "common", blocking: !0 }), this.scatterplotPopover = null, this.selectColorElement = h(), this.selectTrendLineElement = h(), this.xAxisElement = h(), this.yAxisElement = h(), this.tooltipFieldElement = h(), this.sizeVariableElement = h(), this.colorModeElement = h(), this.symbolSizeModeElement = h(), this.minSizeInputElement = h(), this.maxSizeInputElement = h(), this.items = [], this.setTrendLineSymbol = (e) => {
|
|
31
31
|
const t = e.detail;
|
|
@@ -3,7 +3,7 @@ import { c as d } from "../../chunks/runtime.js";
|
|
|
3
3
|
import { css as c, html as r } from "lit";
|
|
4
4
|
import { LitElement as h, safeClassMap as s, safeStyleMap as i } from "@arcgis/lumina";
|
|
5
5
|
import { H as a } from "../../chunks/resources.js";
|
|
6
|
-
import {
|
|
6
|
+
import { au as g, av as m, e as l, as as p } from "../../chunks/index.js";
|
|
7
7
|
import { p as f, B as u } from "../../chunks/index3.js";
|
|
8
8
|
const C = c`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:block;width:auto;height:auto;overflow:auto}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}.info-modal-container{box-sizing:border-box;width:-webkit-fill-available;height:100%;display:grid;position:absolute;place-items:center;align-content:center;justify-content:center;padding:1rem;text-align:start}.info-modal-container h3.heading-true{display:flex;margin-bottom:auto;background:#0000000d;height:30px;padding:.5rem;justify-self:stretch;text-align:start;align-items:center}.info-modal-container h3.heading-false{background:#0000000d;margin-bottom:auto;text-align:start}.info-modal-container p{justify-self:stretch;text-align:start}.chart-loader-overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:1001}`;
|
|
9
9
|
class b extends h {
|