@arcgis/charts-components 5.2.0-next.111 → 5.2.0-next.113
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/{ZYHMZQ7E.js → 2HOC2K2G.js} +1 -1
- package/dist/cdn/{GQLSM5Q7.js → 2KONYHWP.js} +1 -1
- package/dist/cdn/{5O2Y7SWC.js → 2PTVL4CD.js} +1 -1
- package/dist/cdn/{2YDNWOWT.js → 3LEJV2CC.js} +1 -1
- package/dist/cdn/{UVLCXTG4.js → 3YLAS5LP.js} +1 -1
- package/dist/cdn/{IBUI4UOV.js → 4DHM47TE.js} +1 -1
- package/dist/cdn/{YJURFFSP.js → 4PLBZKSO.js} +1 -1
- package/dist/cdn/{7CP5MYX6.js → 4RGJW7QM.js} +1 -1
- package/dist/cdn/{EEKAD6DT.js → 4VIKN2DI.js} +1 -1
- package/dist/cdn/{3ECXJYBU.js → 5MCUSUHK.js} +1 -1
- package/dist/cdn/{FBS4RBSA.js → 5S5FI5VM.js} +1 -1
- package/dist/cdn/{VZ7OCBNK.js → 5VPT6YPC.js} +1 -1
- package/dist/cdn/{XIBI3WA6.js → 6A2PSHTX.js} +1 -1
- package/dist/cdn/{HW7O5QZ4.js → 6E7XC7SF.js} +1 -1
- package/dist/cdn/{XZVJMTU2.js → 6WI56V3O.js} +1 -1
- package/dist/cdn/{VQU2TVX7.js → AYA7WEUX.js} +2 -2
- package/dist/cdn/{FZHZIZUN.js → B2ORCBF2.js} +1 -1
- package/dist/cdn/{CLL7X6DF.js → C3BQVSNQ.js} +1 -1
- package/dist/cdn/{CREJLRJS.js → CZBQKSWG.js} +1 -1
- package/dist/cdn/{MRSEZPVC.js → DLN3QGAY.js} +1 -1
- package/dist/cdn/{PDDYOVQM.js → DORZB3CO.js} +1 -1
- package/dist/cdn/{4NIKYLE5.js → DUPBITZX.js} +1 -1
- package/dist/cdn/{VSN5E7Y4.js → DXK2F7IC.js} +1 -1
- package/dist/cdn/{IHOTDAKI.js → E6MCRDEU.js} +1 -1
- package/dist/cdn/{3NXCG3O2.js → ELSCO7RQ.js} +1 -1
- package/dist/cdn/{J5JKYZZW.js → EOD7FLMU.js} +1 -1
- package/dist/cdn/{5HJSLXLN.js → ERNVZRGN.js} +1 -1
- package/dist/cdn/{ZHFQTE2B.js → ETDV5MZZ.js} +1 -1
- package/dist/cdn/{5SXFY4KT.js → EWWMTC3C.js} +1 -1
- package/dist/cdn/{3CIO2C6J.js → EY4ALBSW.js} +1 -1
- package/dist/cdn/{JJJRAQMT.js → FLDXN76G.js} +1 -1
- package/dist/cdn/{OIBX62RU.js → GCZP2NNE.js} +1 -1
- package/dist/cdn/{56242OEE.js → GTGCFMOM.js} +1 -1
- package/dist/cdn/{NITHPHM6.js → HTUZP5ET.js} +1 -1
- package/dist/cdn/{RZJQJ43Y.js → HZIDKKII.js} +1 -1
- package/dist/cdn/IBSZEYTA.js +2 -0
- package/dist/cdn/{G22GCRXH.js → ICA2YKMH.js} +1 -1
- package/dist/cdn/{JV4CEAY2.js → IJ42AM6S.js} +1 -1
- package/dist/cdn/{EHUV23QJ.js → IPM7HASK.js} +1 -1
- package/dist/cdn/{YFU2NPYA.js → K6ZOSX22.js} +1 -1
- package/dist/cdn/{OIQ76HQC.js → KMRW2FOQ.js} +1 -1
- package/dist/cdn/{N2Y3TMUH.js → KW5FFPKZ.js} +1 -1
- package/dist/cdn/{3S6ZGK3H.js → MAHQA5GL.js} +1 -1
- package/dist/cdn/{3A6N7WAM.js → MGXNXWVO.js} +1 -1
- package/dist/cdn/{FCWOV4NW.js → N7MGJM2Y.js} +1 -1
- package/dist/cdn/{DAQT4YNQ.js → NE6XMJNA.js} +1 -1
- package/dist/cdn/{EY3OIDVL.js → NHJGPR7T.js} +1 -1
- package/dist/cdn/{EWNXVZMV.js → NN7VM75G.js} +1 -1
- package/dist/cdn/{M624HH3K.js → NP4ZKUVK.js} +1 -1
- package/dist/cdn/{VQHPI3CU.js → NQA5LVMY.js} +1 -1
- package/dist/cdn/{H7K6D57Z.js → OGXDBGRX.js} +1 -1
- package/dist/cdn/OMX3FEUO.js +2 -0
- package/dist/cdn/{ADKPM4DW.js → OQ7PZJV6.js} +1 -1
- package/dist/cdn/{NT7D3WEH.js → P7JFMF66.js} +1 -1
- package/dist/cdn/{AEC7S556.js → PDAI3TM2.js} +1 -1
- package/dist/cdn/{MQYMM7JO.js → PHT3QKS6.js} +1 -1
- package/dist/cdn/Q4JNBW33.js +3 -0
- package/dist/cdn/{724I3SBO.js → QK2VTRRB.js} +1 -1
- package/dist/cdn/{WJQHEITU.js → QLKFXAHY.js} +1 -1
- package/dist/cdn/{FY7T4YLN.js → QYBVMICG.js} +1 -1
- package/dist/cdn/{GU4EQDNJ.js → RXREAXJS.js} +1 -1
- package/dist/cdn/{I4RZDDUM.js → SRBLDVCV.js} +1 -1
- package/dist/cdn/{WDDGKBBJ.js → T7JGMOPN.js} +1 -1
- package/dist/cdn/{EWPEPYH7.js → TD4DW6P7.js} +1 -1
- package/dist/cdn/{TK4E37D6.js → TE5UBTRT.js} +1 -1
- package/dist/cdn/{MSU36MJR.js → TN6P4DOU.js} +1 -1
- package/dist/cdn/{U7NEGO4Z.js → TUJPREQD.js} +1 -1
- package/dist/cdn/{L76QTUHW.js → TZ4QIVTR.js} +1 -1
- package/dist/cdn/{KYVBQUIS.js → U47QIWXK.js} +1 -1
- package/dist/cdn/{73R5I52R.js → U7RB6WCB.js} +1 -1
- package/dist/cdn/{YHON6N45.js → UC2TRV7Y.js} +1 -1
- package/dist/cdn/{QKUFLZC3.js → UGLK7BBG.js} +1 -1
- package/dist/cdn/{OKKEWHMB.js → UO5TMG7I.js} +1 -1
- package/dist/cdn/{M7NERHZY.js → UQ3NNWEM.js} +1 -1
- package/dist/cdn/{5QBKM6NC.js → UZOMM2XD.js} +1 -1
- package/dist/cdn/{LMXFW6NW.js → VH5EZWUP.js} +1 -1
- package/dist/cdn/{7UUCZOKN.js → WAN2K6TS.js} +1 -1
- package/dist/cdn/{UNRHPYXW.js → WCSLV2JM.js} +11 -11
- package/dist/cdn/{EMOJZ4XR.js → WELTTZAK.js} +1 -1
- package/dist/cdn/{AHOCGFB7.js → WH4W6K35.js} +1 -1
- package/dist/cdn/WTB2CFTX.js +2 -0
- package/dist/cdn/{FTVVGZ4Z.js → X26W3CYZ.js} +1 -1
- package/dist/cdn/{VQRSXCKD.js → XPFEIWMS.js} +1 -1
- package/dist/cdn/{T7Z4DZ7V.js → XY5U4M2J.js} +1 -1
- package/dist/cdn/{JTP6IREK.js → YEMNXS4U.js} +1 -1
- package/dist/cdn/{VYD2S5WA.js → YJJOHKGU.js} +1 -1
- package/dist/cdn/{QXLY4SFY.js → Z6FRC562.js} +1 -1
- package/dist/cdn/{62GSQDTE.js → ZTVR6KBG.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/cdn/model/shared/setup-utils.js +1 -1
- package/dist/chart-rendering/common/interfaces.d.ts +2 -3
- package/dist/chunks/action-bar-utils.js +50 -50
- package/dist/chunks/box-plot-data.js +3 -3
- package/dist/chunks/box-plot-model.js +1 -1
- package/dist/chunks/data.js +8 -8
- package/dist/chunks/index.js +10 -7
- package/dist/chunks/index2.js +1 -1
- package/dist/chunks/index3.js +14 -14
- package/dist/chunks/index4.js +1 -1
- package/dist/chunks/utils.js +5 -5
- package/dist/components/arcgis-chart/customElement.d.ts +3 -4
- package/dist/components/arcgis-chart/customElement.js +118 -114
- package/dist/components/arcgis-charts-action-bar/customElement.d.ts +198 -13
- package/dist/components/arcgis-charts-action-bar/customElement.js +70 -58
- package/dist/components/arcgis-charts-config-histogram-data/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-scatter-plot/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-scatter-plot-data/customElement.js +1 -1
- package/dist/components/arcgis-charts-config-view-charts/customElement.js +28 -27
- 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/index.d.ts +1 -1
- package/dist/index.js +9 -9
- package/dist/interfaces.d.ts +16 -1
- package/dist/loader.js +3 -3
- package/dist/model/interfaces/chart-interfaces.d.ts +2 -2
- package/dist/model/interfaces/common.d.ts +2 -2
- package/dist/model/shared/setup-utils.d.ts +3 -3
- package/dist/types/lumina.d.ts +1 -1
- package/dist/types/preact.d.ts +1 -1
- package/dist/types/react.d.ts +1 -1
- package/dist/types/stencil.d.ts +1 -1
- package/dist/utils/chart-config/converter/index.d.ts +2 -3
- package/dist/utils/defaults/index.d.ts +2 -2
- package/dist/utils/layer/index.d.ts +1 -2
- package/dist/utils/layer/interfaces.d.ts +2 -3
- package/dist/utils/layer/utils/index.d.ts +5 -5
- package/package.json +5 -5
- package/dist/cdn/2PWEWSG6.js +0 -2
- package/dist/cdn/E2YQ7BBF.js +0 -2
- package/dist/cdn/MIA4DLUH.js +0 -3
- package/dist/cdn/YK5VKE7I.js +0 -2
|
@@ -68,8 +68,23 @@ export abstract class ArcgisChartsActionBar extends LitElement {
|
|
|
68
68
|
/** Chart type used to determine which default actions to display. */
|
|
69
69
|
accessor chartType: ChartTypes | undefined;
|
|
70
70
|
/**
|
|
71
|
-
* When `
|
|
71
|
+
* When `true`, the clear selection action is active.
|
|
72
72
|
*
|
|
73
|
+
* @default false
|
|
74
|
+
* @since 5.2
|
|
75
|
+
*/
|
|
76
|
+
accessor clearSelectionActive: boolean;
|
|
77
|
+
/**
|
|
78
|
+
* When `true`, interaction with the clear selection action is prevented and the action is displayed with lower opacity.
|
|
79
|
+
*
|
|
80
|
+
* @default false
|
|
81
|
+
* @since 5.2
|
|
82
|
+
*/
|
|
83
|
+
accessor clearSelectionDisabled: boolean;
|
|
84
|
+
/**
|
|
85
|
+
* When `disabled`, interaction with the clear selection action is prevented and the action is displayed with lower opacity.
|
|
86
|
+
*
|
|
87
|
+
* @deprecated since 5.2. Use [clearSelectionDisabled](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#clearSelectionDisabled) instead.
|
|
73
88
|
* @default "enabled"
|
|
74
89
|
*/
|
|
75
90
|
accessor clearSelectionState: ActionState;
|
|
@@ -78,6 +93,7 @@ export abstract class ArcgisChartsActionBar extends LitElement {
|
|
|
78
93
|
/**
|
|
79
94
|
* When `active`, the clear selection action is highlighted.
|
|
80
95
|
*
|
|
96
|
+
* @deprecated since 5.2. Use [clearSelectionActive](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#clearSelectionActive) instead.
|
|
81
97
|
* @default "inactive"
|
|
82
98
|
*/
|
|
83
99
|
accessor clearSelectionToggle: ActionToggle;
|
|
@@ -644,8 +660,24 @@ export abstract class ArcgisChartsActionBar extends LitElement {
|
|
|
644
660
|
*/
|
|
645
661
|
accessor disableCSVExportForChartTypes: WebChartTypes[];
|
|
646
662
|
/**
|
|
647
|
-
* When `
|
|
663
|
+
* When `true`, the edit chart action is active.
|
|
664
|
+
*
|
|
665
|
+
* @default false
|
|
666
|
+
* @since 5.2
|
|
667
|
+
*/
|
|
668
|
+
accessor editChartActive: boolean;
|
|
669
|
+
/**
|
|
670
|
+
* When `true`, interaction with edit chart action is enabled.
|
|
671
|
+
* By default, interaction is prevented and the action is displayed with lower opacity.
|
|
648
672
|
*
|
|
673
|
+
* @default false
|
|
674
|
+
* @since 5.2
|
|
675
|
+
*/
|
|
676
|
+
accessor editChartEnabled: boolean;
|
|
677
|
+
/**
|
|
678
|
+
* When `disabled`, interaction with the edit chart action is prevented and the action is displayed with lower opacity.
|
|
679
|
+
*
|
|
680
|
+
* @deprecated since 5.2. Use [editChartEnabled](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#editChartEnabled) instead.
|
|
649
681
|
* @default "disabled"
|
|
650
682
|
*/
|
|
651
683
|
accessor editChartState: ActionState;
|
|
@@ -654,6 +686,7 @@ export abstract class ArcgisChartsActionBar extends LitElement {
|
|
|
654
686
|
/**
|
|
655
687
|
* When `active`, the edit chart action is highlighted.
|
|
656
688
|
*
|
|
689
|
+
* @deprecated since 5.2. Use [editChartActive](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#editChartActive) instead.
|
|
657
690
|
* @default "inactive"
|
|
658
691
|
*/
|
|
659
692
|
accessor editChartToggle: ActionToggle;
|
|
@@ -664,30 +697,62 @@ export abstract class ArcgisChartsActionBar extends LitElement {
|
|
|
664
697
|
*/
|
|
665
698
|
accessor expanded: boolean;
|
|
666
699
|
/**
|
|
667
|
-
* When `
|
|
700
|
+
* When `true`, interaction with the export action is prevented and the action is displayed with lower opacity.
|
|
668
701
|
*
|
|
702
|
+
* @default false
|
|
703
|
+
* @since 5.2
|
|
704
|
+
*/
|
|
705
|
+
accessor exportActionDisabled: boolean;
|
|
706
|
+
/**
|
|
707
|
+
* When `disabled`, interaction with the export action is prevented and the action is displayed with lower opacity.
|
|
708
|
+
*
|
|
709
|
+
* @deprecated since 5.2. Use [exportActionDisabled](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#exportActionDisabled) instead.
|
|
669
710
|
* @default "enabled"
|
|
670
711
|
*/
|
|
671
712
|
accessor exportActionState: ActionState;
|
|
672
713
|
/**
|
|
673
|
-
* When `
|
|
714
|
+
* When `true`, interaction with the export as CSV action is prevented and the action is displayed with lower opacity.
|
|
715
|
+
*
|
|
716
|
+
* @default false
|
|
717
|
+
* @since 5.2
|
|
718
|
+
*/
|
|
719
|
+
accessor exportAsCSVDisabled: boolean;
|
|
720
|
+
/**
|
|
721
|
+
* When `disabled`, interaction with the download CSV is prevented and the action is displayed with lower opacity.
|
|
674
722
|
*
|
|
723
|
+
* @deprecated since 5.2. Use [exportAsCSVDisabled](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#exportAsCSVDisabled) instead.
|
|
675
724
|
* @default "enabled"
|
|
676
725
|
*/
|
|
677
726
|
accessor exportAsCSVState: ActionState;
|
|
678
727
|
/** Custom title for the download CSV action. */
|
|
679
728
|
accessor exportAsCSVTitle: string | undefined;
|
|
680
729
|
/**
|
|
681
|
-
* When `
|
|
730
|
+
* When `true`, interaction with the export as image action is prevented and the action is displayed with lower opacity.
|
|
731
|
+
*
|
|
732
|
+
* @default false
|
|
733
|
+
* @since 5.2
|
|
734
|
+
*/
|
|
735
|
+
accessor exportAsImageDisabled: boolean;
|
|
736
|
+
/**
|
|
737
|
+
* When `disabled`, interaction with the download image action is prevented and the action is displayed with lower opacity.
|
|
682
738
|
*
|
|
739
|
+
* @deprecated since 5.2. Use [exportAsImageDisabled](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#exportAsImageDisabled) instead.
|
|
683
740
|
* @default "enabled"
|
|
684
741
|
*/
|
|
685
742
|
accessor exportAsImageState: ActionState;
|
|
686
743
|
/** Custom title for the download chart action. */
|
|
687
744
|
accessor exportAsImageTitle: string | undefined;
|
|
688
745
|
/**
|
|
689
|
-
* When `
|
|
746
|
+
* When `true`, interaction with the filter by extent action is prevented and the action is displayed with lower opacity.
|
|
747
|
+
*
|
|
748
|
+
* @default false
|
|
749
|
+
* @since 5.2
|
|
750
|
+
*/
|
|
751
|
+
accessor filterByExtentDisabled: boolean;
|
|
752
|
+
/**
|
|
753
|
+
* When `disabled`, interaction with the filter by extent action is prevented and the action is displayed with lower opacity.
|
|
690
754
|
*
|
|
755
|
+
* @deprecated since 5.2. Use [filterByExtentDisabled](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#filterByExtentDisabled) instead.
|
|
691
756
|
* @default "enabled"
|
|
692
757
|
*/
|
|
693
758
|
accessor filterByExtentState: ActionState;
|
|
@@ -696,12 +761,28 @@ export abstract class ArcgisChartsActionBar extends LitElement {
|
|
|
696
761
|
/**
|
|
697
762
|
* When `active`, the filter by extent action is highlighted.
|
|
698
763
|
*
|
|
764
|
+
* @deprecated since 5.2. Use [filterByViewExtentActive](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#filterByViewExtentActive) instead.
|
|
699
765
|
* @default "inactive"
|
|
700
766
|
*/
|
|
701
767
|
accessor filterByExtentToggle: ActionToggle;
|
|
702
768
|
/**
|
|
703
|
-
* When `
|
|
769
|
+
* When `true`, the filter by selection action is active.
|
|
704
770
|
*
|
|
771
|
+
* @default false
|
|
772
|
+
* @since 5.2
|
|
773
|
+
*/
|
|
774
|
+
accessor filterBySelectionActive: boolean;
|
|
775
|
+
/**
|
|
776
|
+
* When `true`, interaction with the filter by selection action is prevented and the action is displayed with lower opacity.
|
|
777
|
+
*
|
|
778
|
+
* @default false
|
|
779
|
+
* @since 5.2
|
|
780
|
+
*/
|
|
781
|
+
accessor filterBySelectionDisabled: boolean;
|
|
782
|
+
/**
|
|
783
|
+
* When `disabled`, interaction with the filter by selection action is prevented and the action is displayed with lower opacity.
|
|
784
|
+
*
|
|
785
|
+
* @deprecated since 5.2. Use [filterBySelectionDisabled](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#filterBySelectionDisabled) instead.
|
|
705
786
|
* @default "enabled"
|
|
706
787
|
*/
|
|
707
788
|
accessor filterBySelectionState: ActionState;
|
|
@@ -710,9 +791,17 @@ export abstract class ArcgisChartsActionBar extends LitElement {
|
|
|
710
791
|
/**
|
|
711
792
|
* When `active`, the filter by selection action is highlighted.
|
|
712
793
|
*
|
|
794
|
+
* @deprecated since 5.2. Use [filterBySelectionActive](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#filterBySelectionActive) instead.
|
|
713
795
|
* @default "inactive"
|
|
714
796
|
*/
|
|
715
797
|
accessor filterBySelectionToggle: ActionToggle;
|
|
798
|
+
/**
|
|
799
|
+
* When `true`, the filter by extent action is active.
|
|
800
|
+
*
|
|
801
|
+
* @default false
|
|
802
|
+
* @since 5.2
|
|
803
|
+
*/
|
|
804
|
+
accessor filterByViewExtentActive: boolean;
|
|
716
805
|
/**
|
|
717
806
|
* When `true`, overrides the individual settings for each action to instead force disable them all.
|
|
718
807
|
*
|
|
@@ -720,8 +809,23 @@ export abstract class ArcgisChartsActionBar extends LitElement {
|
|
|
720
809
|
*/
|
|
721
810
|
accessor forceDisableActions: boolean;
|
|
722
811
|
/**
|
|
723
|
-
* When `
|
|
812
|
+
* When `true`, the full extent action is active.
|
|
813
|
+
*
|
|
814
|
+
* @default false
|
|
815
|
+
* @since 5.2
|
|
816
|
+
*/
|
|
817
|
+
accessor fullExtentActive: boolean;
|
|
818
|
+
/**
|
|
819
|
+
* When `true`, interaction with the full extent action is prevented and the action is displayed with lower opacity.
|
|
820
|
+
*
|
|
821
|
+
* @default false
|
|
822
|
+
* @since 5.2
|
|
823
|
+
*/
|
|
824
|
+
accessor fullExtentDisabled: boolean;
|
|
825
|
+
/**
|
|
826
|
+
* When `disabled`, interaction with the full extent action is prevented and the action is displayed with lower opacity.
|
|
724
827
|
*
|
|
828
|
+
* @deprecated since 5.2. Use [fullExtentDisabled](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#fullExtentDisabled) instead.
|
|
725
829
|
* @default "enabled"
|
|
726
830
|
*/
|
|
727
831
|
accessor fullExtentState: ActionState;
|
|
@@ -730,6 +834,7 @@ export abstract class ArcgisChartsActionBar extends LitElement {
|
|
|
730
834
|
/**
|
|
731
835
|
* When `active`, the full extent action is highlighted.
|
|
732
836
|
*
|
|
837
|
+
* @deprecated since 5.2. Use [fullExtentActive](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#fullExtentActive) instead.
|
|
733
838
|
* @default "inactive"
|
|
734
839
|
*/
|
|
735
840
|
accessor fullExtentToggle: ActionToggle;
|
|
@@ -740,8 +845,23 @@ export abstract class ArcgisChartsActionBar extends LitElement {
|
|
|
740
845
|
*/
|
|
741
846
|
accessor hiddenActions: DefaultChartActions[];
|
|
742
847
|
/**
|
|
743
|
-
* When `
|
|
848
|
+
* When `true`, the legend action is active.
|
|
744
849
|
*
|
|
850
|
+
* @default false
|
|
851
|
+
* @since 5.2
|
|
852
|
+
*/
|
|
853
|
+
accessor legendActive: boolean;
|
|
854
|
+
/**
|
|
855
|
+
* When `true`, interaction with the legend action is prevented and the action is displayed with lower opacity.
|
|
856
|
+
*
|
|
857
|
+
* @default false
|
|
858
|
+
* @since 5.2
|
|
859
|
+
*/
|
|
860
|
+
accessor legendDisabled: boolean;
|
|
861
|
+
/**
|
|
862
|
+
* When `disabled`, interaction with the legend action is prevented and the action is displayed with lower opacity.
|
|
863
|
+
*
|
|
864
|
+
* @deprecated since 5.2. Use [legendDisabled](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#legendDisabled) instead.
|
|
745
865
|
* @default "enabled"
|
|
746
866
|
*/
|
|
747
867
|
accessor legendState: ActionState;
|
|
@@ -750,6 +870,7 @@ export abstract class ArcgisChartsActionBar extends LitElement {
|
|
|
750
870
|
/**
|
|
751
871
|
* When `active`, the legend action is highlighted.
|
|
752
872
|
*
|
|
873
|
+
* @deprecated since 5.2. Use [legendActive](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#legendActive) instead.
|
|
753
874
|
* @default "inactive"
|
|
754
875
|
*/
|
|
755
876
|
accessor legendToggle: ActionToggle;
|
|
@@ -771,8 +892,23 @@ export abstract class ArcgisChartsActionBar extends LitElement {
|
|
|
771
892
|
export?: string | undefined;
|
|
772
893
|
};
|
|
773
894
|
/**
|
|
774
|
-
* When `
|
|
895
|
+
* When `true`, the rotate chart action is active.
|
|
896
|
+
*
|
|
897
|
+
* @default false
|
|
898
|
+
* @since 5.2
|
|
899
|
+
*/
|
|
900
|
+
accessor rotateChartActive: boolean;
|
|
901
|
+
/**
|
|
902
|
+
* When `true`, interaction with the rotate chart action is prevented and the action is displayed with lower opacity.
|
|
775
903
|
*
|
|
904
|
+
* @default false
|
|
905
|
+
* @since 5.2
|
|
906
|
+
*/
|
|
907
|
+
accessor rotateChartDisabled: boolean;
|
|
908
|
+
/**
|
|
909
|
+
* When `disabled`, interaction with the rotate chart action is prevented and the action is displayed with lower opacity.
|
|
910
|
+
*
|
|
911
|
+
* @deprecated since 5.2. Use [rotateChartDisabled](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#rotateChartDisabled) instead.
|
|
776
912
|
* @default "enabled"
|
|
777
913
|
*/
|
|
778
914
|
accessor rotateChartState: ActionState;
|
|
@@ -781,12 +917,28 @@ export abstract class ArcgisChartsActionBar extends LitElement {
|
|
|
781
917
|
/**
|
|
782
918
|
* When `active`, the rotate chart action is highlighted.
|
|
783
919
|
*
|
|
920
|
+
* @deprecated since 5.2. Use [rotateChartActive](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#rotateChartActive) instead.
|
|
784
921
|
* @default "inactive"
|
|
785
922
|
*/
|
|
786
923
|
accessor rotateChartToggle: ActionToggle;
|
|
787
924
|
/**
|
|
788
|
-
* When `
|
|
925
|
+
* When `true`, the selection action is active.
|
|
926
|
+
*
|
|
927
|
+
* @default false
|
|
928
|
+
* @since 5.2
|
|
929
|
+
*/
|
|
930
|
+
accessor selectionActive: boolean;
|
|
931
|
+
/**
|
|
932
|
+
* When `true`, interaction with the selection action is prevented and the action is displayed with lower opacity.
|
|
933
|
+
*
|
|
934
|
+
* @default false
|
|
935
|
+
* @since 5.2
|
|
936
|
+
*/
|
|
937
|
+
accessor selectionDisabled: boolean;
|
|
938
|
+
/**
|
|
939
|
+
* When `disabled`, interaction with the selection action is prevented and the action is displayed with lower opacity.
|
|
789
940
|
*
|
|
941
|
+
* @deprecated since 5.2. Use [selectionDisabled](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#selectionDisabled) instead.
|
|
790
942
|
* @default "enabled"
|
|
791
943
|
*/
|
|
792
944
|
accessor selectionState: ActionState;
|
|
@@ -795,12 +947,28 @@ export abstract class ArcgisChartsActionBar extends LitElement {
|
|
|
795
947
|
/**
|
|
796
948
|
* When `active`, the selection action is highlighted.
|
|
797
949
|
*
|
|
950
|
+
* @deprecated since 5.2. Use [selectionActive](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#selectionActive) instead.
|
|
798
951
|
* @default "inactive"
|
|
799
952
|
*/
|
|
800
953
|
accessor selectionToggle: ActionToggle;
|
|
801
954
|
/**
|
|
802
|
-
* When `
|
|
955
|
+
* When `true`, the switch selection action is active.
|
|
956
|
+
*
|
|
957
|
+
* @default false
|
|
958
|
+
* @since 5.2
|
|
959
|
+
*/
|
|
960
|
+
accessor switchSelectionActive: boolean;
|
|
961
|
+
/**
|
|
962
|
+
* When `true`, interaction with the switch selection action is prevented and the action is displayed with lower opacity.
|
|
803
963
|
*
|
|
964
|
+
* @default false
|
|
965
|
+
* @since 5.2
|
|
966
|
+
*/
|
|
967
|
+
accessor switchSelectionDisabled: boolean;
|
|
968
|
+
/**
|
|
969
|
+
* When `disabled`, interaction with the switch selection action is prevented and the action is displayed with lower opacity.
|
|
970
|
+
*
|
|
971
|
+
* @deprecated since 5.2. Use [switchSelectionDisabled](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#switchSelectionDisabled) instead.
|
|
804
972
|
* @default "enabled"
|
|
805
973
|
*/
|
|
806
974
|
accessor switchSelectionState: ActionState;
|
|
@@ -809,12 +977,28 @@ export abstract class ArcgisChartsActionBar extends LitElement {
|
|
|
809
977
|
/**
|
|
810
978
|
* When `active`, the switch selection action is highlighted.
|
|
811
979
|
*
|
|
980
|
+
* @deprecated since 5.2. Use [switchSelectionActive](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#switchSelectionActive) instead.
|
|
812
981
|
* @default "inactive"
|
|
813
982
|
*/
|
|
814
983
|
accessor switchSelectionToggle: ActionToggle;
|
|
815
984
|
/**
|
|
816
|
-
* When `
|
|
985
|
+
* When `true`, the zoom action is active.
|
|
986
|
+
*
|
|
987
|
+
* @default false
|
|
988
|
+
* @since 5.2
|
|
989
|
+
*/
|
|
990
|
+
accessor zoomActive: boolean;
|
|
991
|
+
/**
|
|
992
|
+
* When `true`, interaction with the zoom action is prevented and the action is displayed with lower opacity.
|
|
993
|
+
*
|
|
994
|
+
* @default false
|
|
995
|
+
* @since 5.2
|
|
996
|
+
*/
|
|
997
|
+
accessor zoomDisabled: boolean;
|
|
998
|
+
/**
|
|
999
|
+
* When `disabled`, interaction with the zoom action is prevented and the action is displayed with lower opacity.
|
|
817
1000
|
*
|
|
1001
|
+
* @deprecated since 5.2. Use [zoomDisabled](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#zoomDisabled) instead.
|
|
818
1002
|
* @default "enabled"
|
|
819
1003
|
*/
|
|
820
1004
|
accessor zoomState: ActionState;
|
|
@@ -823,6 +1007,7 @@ export abstract class ArcgisChartsActionBar extends LitElement {
|
|
|
823
1007
|
/**
|
|
824
1008
|
* When `active`, the zoom action is highlighted.
|
|
825
1009
|
*
|
|
1010
|
+
* @deprecated since 5.2. Use [zoomActive](https://developers.arcgis.com/javascript/latest/references/charts-components/components/arcgis-charts-action-bar/#zoomActive) instead.
|
|
826
1011
|
* @default "inactive"
|
|
827
1012
|
*/
|
|
828
1013
|
accessor zoomToggle: ActionToggle;
|
|
@@ -1,37 +1,37 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import { c as
|
|
3
|
-
import { css as
|
|
4
|
-
import { S } from "../../chunks/interfaces.js";
|
|
5
|
-
import { g as
|
|
6
|
-
import { u as
|
|
7
|
-
import { createRef as
|
|
8
|
-
import { LitElement as
|
|
9
|
-
import { a as
|
|
2
|
+
import { c as z } from "../../chunks/runtime.js";
|
|
3
|
+
import { css as V, html as c } from "lit";
|
|
4
|
+
import { S as b } from "../../chunks/interfaces.js";
|
|
5
|
+
import { g as O } from "../../chunks/action-bar-utils.js";
|
|
6
|
+
import { u as T } from "../../chunks/useT9n.js";
|
|
7
|
+
import { createRef as C, ref as $ } from "lit/directives/ref.js";
|
|
8
|
+
import { LitElement as _, renderElement as D, safeStyleMap as y, createEvent as B, safeClassMap as L, nothing as n } from "@arcgis/lumina";
|
|
9
|
+
import { a as h } from "../../chunks/chart-ui-utils.js";
|
|
10
10
|
import { i as F } from "../../chunks/rotated-state.js";
|
|
11
|
-
import { A as t, c as
|
|
11
|
+
import { A as t, c as l, D as e } from "../../chunks/index5.js";
|
|
12
12
|
import { A as k } from "../../chunks/index2.js";
|
|
13
13
|
import { a as I } from "../../chunks/chart-object-literals.js";
|
|
14
|
-
import { i as r, g as
|
|
14
|
+
import { i as r, g as w } from "../../chunks/type-guards2.js";
|
|
15
15
|
function N(d) {
|
|
16
16
|
return d?.tagName.toLowerCase() === "arcgis-chart";
|
|
17
17
|
}
|
|
18
18
|
const R = {
|
|
19
19
|
actionBar: "action-bar"
|
|
20
|
-
}, Z =
|
|
21
|
-
class W extends
|
|
20
|
+
}, Z = V`.action-bar{display:flex;flex-direction:column;height:100%;border-right:1px solid var(--calcite-color-border-2);width:fit-content}:host{z-index:1001}`;
|
|
21
|
+
class W extends _ {
|
|
22
22
|
constructor() {
|
|
23
|
-
super(...arguments), this.calciteActionBar =
|
|
23
|
+
super(...arguments), this.calciteActionBar = C(), this.exportCalciteActionBar = C(), this.expandAction = null, this._messages = T(), this.commonStrings = T({ name: "common", blocking: !0 }), this.handleMouseOver = (a) => {
|
|
24
24
|
if (this.calciteActionBar.value && !this.calciteActionBar.value?.expanded) {
|
|
25
|
-
const
|
|
26
|
-
this.actionTooltip !== void 0 && (this.actionTooltip =
|
|
25
|
+
const o = a.target;
|
|
26
|
+
this.actionTooltip !== void 0 && (this.actionTooltip = h(this.actionTooltip));
|
|
27
27
|
let i;
|
|
28
|
-
|
|
28
|
+
o?.tagName === "CALCITE-ACTION" ? i = o : (o?.tagName === "CALCITE-ACTION-MENU" || o?.tagName === "DIV") && (i = o.firstChild), i !== void 0 && (this.actionTooltip = D(c`<calcite-tooltip style=${y({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${i} open placement=trailing-end>${i.text}</calcite-tooltip>`), document.body.appendChild(this.actionTooltip));
|
|
29
29
|
} else
|
|
30
|
-
this.actionTooltip =
|
|
31
|
-
}, this._csvExportExclusionList = [I.ScatterSeries, I.BoxPlotSeries], this.actionTooltip = null, this.forceDisableActions = !1, this.editChartToggle = t.Inactive, this.editChartState =
|
|
30
|
+
this.actionTooltip = h(this.actionTooltip);
|
|
31
|
+
}, this._csvExportExclusionList = [I.ScatterSeries, I.BoxPlotSeries], this.actionTooltip = null, this.forceDisableActions = !1, this.editChartToggle = t.Inactive, this.editChartActive = !1, this.editChartState = l.Disabled, this.editChartEnabled = !1, this.legendToggle = t.Inactive, this.legendActive = !1, this.legendState = l.Enabled, this.legendDisabled = !1, this.rotateChartToggle = t.Inactive, this.rotateChartActive = !1, this.rotateChartState = l.Enabled, this.rotateChartDisabled = !1, this.filterBySelectionToggle = t.Inactive, this.filterBySelectionActive = !1, this.filterBySelectionState = l.Enabled, this.filterBySelectionDisabled = !1, this.filterByExtentToggle = t.Inactive, this.filterByViewExtentActive = !1, this.filterByExtentState = l.Enabled, this.filterByExtentDisabled = !1, this.actionBarSelectionMode = k.MultiSelectionWithCtrlKey, this.selectionToggle = t.Inactive, this.selectionActive = !1, this.selectionState = l.Enabled, this.selectionDisabled = !1, this.zoomToggle = t.Inactive, this.zoomActive = !1, this.zoomState = l.Enabled, this.zoomDisabled = !1, this.fullExtentToggle = t.Inactive, this.fullExtentActive = !1, this.fullExtentState = l.Enabled, this.fullExtentDisabled = !1, this.clearSelectionToggle = t.Inactive, this.clearSelectionActive = !1, this.clearSelectionState = l.Enabled, this.clearSelectionDisabled = !1, this.switchSelectionToggle = t.Inactive, this.switchSelectionActive = !1, this.switchSelectionState = l.Enabled, this.switchSelectionDisabled = !1, this.exportAsImageState = l.Enabled, this.exportAsImageDisabled = !1, this.exportAsCSVState = l.Enabled, this.exportAsCSVDisabled = !1, this.disableCSVExportForChartTypes = this._csvExportExclusionList, this.csvExportExclusionList = this._csvExportExclusionList, this.exportActionState = l.Enabled, this.exportActionDisabled = !1, this.expanded = !1, this.hiddenActions = [e.EditChart], this.arcgisActionBarToggle = B(), this.arcgisDefaultActionSelect = B();
|
|
32
32
|
}
|
|
33
33
|
static {
|
|
34
|
-
this.properties = { actionTooltip: 16, messageOverrides: 0, chartType: 1, chartElement: 0, forceDisableActions: 5, editChartToggle: 1, editChartState: 1, editChartTitle: 1, legendToggle: 1, legendState: 1, legendTitle: 1, rotateChartToggle: 1, rotateChartState: 1, rotateChartTitle: 1, filterBySelectionToggle: 1, filterBySelectionState: 1, filterBySelectionTitle: 1, filterByExtentToggle: 1, filterByExtentState: 1, filterByExtentTitle: 1, actionBarSelectionMode: 1, selectionToggle: 1, selectionState: 1, selectionTitle: 1, zoomToggle: 1, zoomState: 1, zoomTitle: 1, fullExtentToggle: 1, fullExtentState: 1, fullExtentTitle: 1, clearSelectionToggle: 1, clearSelectionState: 1, clearSelectionTitle: 1, switchSelectionToggle: 1, switchSelectionState: 1, switchSelectionTitle: 1, exportAsImageState: 1, exportAsImageTitle: 1, exportAsCSVState: 1, exportAsCSVTitle: 1, disableCSVExportForChartTypes: 0, csvExportExclusionList: 0, exportActionState: 1, expanded: 5, hiddenActions: 0 };
|
|
34
|
+
this.properties = { actionTooltip: 16, messageOverrides: 0, chartType: 1, chartElement: 0, forceDisableActions: 5, editChartToggle: 1, editChartActive: 5, editChartState: 1, editChartEnabled: 5, editChartTitle: 1, legendToggle: 1, legendActive: 5, legendState: 1, legendDisabled: 5, legendTitle: 1, rotateChartToggle: 1, rotateChartActive: 5, rotateChartState: 1, rotateChartDisabled: 5, rotateChartTitle: 1, filterBySelectionToggle: 1, filterBySelectionActive: 5, filterBySelectionState: 1, filterBySelectionDisabled: 5, filterBySelectionTitle: 1, filterByExtentToggle: 1, filterByViewExtentActive: 5, filterByExtentState: 1, filterByExtentDisabled: 5, filterByExtentTitle: 1, actionBarSelectionMode: 1, selectionToggle: 1, selectionActive: 5, selectionState: 1, selectionDisabled: 5, selectionTitle: 1, zoomToggle: 1, zoomActive: 5, zoomState: 1, zoomDisabled: 5, zoomTitle: 1, fullExtentToggle: 1, fullExtentActive: 5, fullExtentState: 1, fullExtentDisabled: 5, fullExtentTitle: 1, clearSelectionToggle: 1, clearSelectionActive: 5, clearSelectionState: 1, clearSelectionDisabled: 5, clearSelectionTitle: 1, switchSelectionToggle: 1, switchSelectionActive: 5, switchSelectionState: 1, switchSelectionDisabled: 5, switchSelectionTitle: 1, exportAsImageState: 1, exportAsImageDisabled: 5, exportAsImageTitle: 1, exportAsCSVState: 1, exportAsCSVDisabled: 5, exportAsCSVTitle: 1, disableCSVExportForChartTypes: 0, csvExportExclusionList: 0, exportActionState: 1, exportActionDisabled: 5, expanded: 5, hiddenActions: 0 };
|
|
35
35
|
}
|
|
36
36
|
static {
|
|
37
37
|
this.styles = Z;
|
|
@@ -45,41 +45,53 @@ class W extends V {
|
|
|
45
45
|
disconnectedCallback() {
|
|
46
46
|
super.disconnectedCallback(), this.actionTooltip?.remove();
|
|
47
47
|
}
|
|
48
|
-
async onDefaultActionClick(
|
|
49
|
-
const
|
|
50
|
-
actionId:
|
|
48
|
+
async onDefaultActionClick(a) {
|
|
49
|
+
const o = a.currentTarget, i = {
|
|
50
|
+
actionId: o.id,
|
|
51
51
|
actionActive: !1
|
|
52
52
|
};
|
|
53
|
-
switch (
|
|
54
|
-
case e.EditChart:
|
|
55
|
-
|
|
53
|
+
switch (o.id) {
|
|
54
|
+
case e.EditChart: {
|
|
55
|
+
const s = !(this.editChartToggle === t.Active || this.editChartActive);
|
|
56
|
+
this.editChartToggle = s ? t.Active : t.Inactive, this.editChartActive = s, i.actionActive = s;
|
|
56
57
|
break;
|
|
57
|
-
|
|
58
|
-
|
|
58
|
+
}
|
|
59
|
+
case e.Legend: {
|
|
60
|
+
const s = !(this.legendToggle === t.Active || this.legendActive);
|
|
61
|
+
this.legendToggle = s ? t.Active : t.Inactive, this.legendActive = s, i.actionActive = s, r(this.chartElement?.model) && w(this.chartElement?.model) && (this.chartElement.model.legendVisibility = i.actionActive), this.chartElement?.model && (r(this.chartElement.model) ? w(this.chartElement.model) && (this.chartElement.model.legendVisibility = i.actionActive) : this.chartElement.model.rotated = this.chartElement.model.rotated !== !0);
|
|
59
62
|
break;
|
|
60
|
-
|
|
61
|
-
|
|
63
|
+
}
|
|
64
|
+
case e.RotateChart: {
|
|
65
|
+
const s = !(this.rotateChartToggle === t.Active || this.rotateChartActive);
|
|
66
|
+
this.rotateChartToggle = s ? t.Active : t.Inactive, this.rotateChartActive = s, i.actionActive = s, this.chartElement?.model && (r(this.chartElement.model) ? F(this.chartElement.model) && (this.chartElement.model.rotated = i.actionActive) : this.chartElement.model.rotated = this.chartElement.model.rotated !== !0);
|
|
62
67
|
break;
|
|
63
|
-
|
|
64
|
-
|
|
68
|
+
}
|
|
69
|
+
case e.FilterBySelection: {
|
|
70
|
+
const s = !(this.filterBySelectionToggle === t.Active || this.filterBySelectionActive);
|
|
71
|
+
this.filterBySelectionToggle = s ? t.Active : t.Inactive, this.filterBySelectionActive = s, i.actionActive = s, this.chartElement !== void 0 && (this.chartElement.filterBySelection = i.actionActive);
|
|
65
72
|
break;
|
|
66
|
-
|
|
67
|
-
|
|
73
|
+
}
|
|
74
|
+
case e.FilterByExtent: {
|
|
75
|
+
const s = !(this.filterByExtentToggle === t.Active || this.filterByViewExtentActive);
|
|
76
|
+
this.filterByExtentToggle = s ? t.Active : t.Inactive, this.filterByViewExtentActive = s, i.actionActive = s, this.chartElement !== void 0 && (this.chartElement.filterByViewExtent = i.actionActive);
|
|
68
77
|
break;
|
|
69
|
-
|
|
70
|
-
|
|
78
|
+
}
|
|
79
|
+
case e.Selection: {
|
|
80
|
+
this.selectionToggle = t.Active, this.selectionActive = !0, this.zoomToggle = t.Inactive, this.zoomActive = !1, i.actionActive = !0, this.chartElement !== void 0 && (this.chartElement.actionMode = this.actionBarSelectionMode);
|
|
71
81
|
break;
|
|
72
|
-
|
|
73
|
-
|
|
82
|
+
}
|
|
83
|
+
case e.Zoom: {
|
|
84
|
+
this.zoomToggle = t.Active, this.zoomActive = !0, this.selectionToggle = t.Inactive, this.selectionActive = !1, i.actionActive = !0, this.chartElement !== void 0 && (this.chartElement.actionMode = k.Zoom);
|
|
74
85
|
break;
|
|
86
|
+
}
|
|
75
87
|
case e.ClearSelection:
|
|
76
|
-
i.actionActive = this.clearSelectionToggle === t.Active, this.chartElement?.clearSelection();
|
|
88
|
+
i.actionActive = this.clearSelectionToggle === t.Active || this.clearSelectionActive, this.chartElement?.clearSelection();
|
|
77
89
|
break;
|
|
78
90
|
case e.FullExtent:
|
|
79
|
-
i.actionActive = this.fullExtentToggle === t.Active, this.chartElement?.resetZoom();
|
|
91
|
+
i.actionActive = this.fullExtentToggle === t.Active || this.fullExtentActive, this.chartElement?.resetZoom();
|
|
80
92
|
break;
|
|
81
93
|
case e.SwitchSelection:
|
|
82
|
-
i.actionActive = this.switchSelectionToggle === t.Active, this.chartElement?.switchSelection();
|
|
94
|
+
i.actionActive = this.switchSelectionToggle === t.Active || this.switchSelectionActive, this.chartElement?.switchSelection();
|
|
83
95
|
break;
|
|
84
96
|
case e.ExportAsImage:
|
|
85
97
|
i.actionActive = !0, await this.chartElement?.exportAsImage();
|
|
@@ -94,42 +106,42 @@ class W extends V {
|
|
|
94
106
|
this.expanded = this.calciteActionBar.value?.expanded ?? !1, this.setCustomActionsExpanded(), this.arcgisActionBarToggle.emit(this.expanded);
|
|
95
107
|
}
|
|
96
108
|
handleMouseOut() {
|
|
97
|
-
this.actionTooltip !== null && (this.actionTooltip =
|
|
109
|
+
this.actionTooltip !== null && (this.actionTooltip = h(this.actionTooltip));
|
|
98
110
|
}
|
|
99
|
-
handleSlotChange(
|
|
100
|
-
const i =
|
|
101
|
-
for (const
|
|
102
|
-
|
|
111
|
+
handleSlotChange(a) {
|
|
112
|
+
const i = a.currentTarget.assignedElements();
|
|
113
|
+
for (const s of i)
|
|
114
|
+
s.onmouseover = this.handleMouseOver;
|
|
103
115
|
}
|
|
104
116
|
setCustomActionsExpanded() {
|
|
105
|
-
this.el.querySelectorAll("calcite-action").forEach((
|
|
106
|
-
const
|
|
107
|
-
|
|
117
|
+
this.el.querySelectorAll("calcite-action").forEach((a) => {
|
|
118
|
+
const o = a;
|
|
119
|
+
o.textEnabled = this.expanded;
|
|
108
120
|
});
|
|
109
121
|
}
|
|
110
122
|
handleExpandTooltip() {
|
|
111
123
|
this.expandAction === null && (this.expandAction = this.calciteActionBar.value?.shadowRoot?.querySelector("calcite-action") ?? null, this.expandAction !== null && (this.listenOn(this.expandAction, "mouseenter", () => {
|
|
112
|
-
!this.calciteActionBar.value?.expanded && this.expandAction !== null && !document.body.contains(this.actionTooltip) && (this.actionTooltip =
|
|
124
|
+
!this.calciteActionBar.value?.expanded && this.expandAction !== null && !document.body.contains(this.actionTooltip) && (this.actionTooltip = D(c`<calcite-tooltip style=${y({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${this.expandAction} open placement=trailing-end>${this._messages.expand ?? ""}</calcite-tooltip>`), document.body.appendChild(this.actionTooltip));
|
|
113
125
|
}), this.listenOn(this.expandAction, "mouseleave", () => {
|
|
114
|
-
!this.calciteActionBar.value?.expanded && this.actionTooltip !== null && (this.actionTooltip =
|
|
126
|
+
!this.calciteActionBar.value?.expanded && this.actionTooltip !== null && (this.actionTooltip = h(this.actionTooltip));
|
|
115
127
|
}), this.listenOn(this.expandAction, "click", () => {
|
|
116
|
-
this.calciteActionBar.value?.expanded && this.actionTooltip !== null && (this.actionTooltip =
|
|
128
|
+
this.calciteActionBar.value?.expanded && this.actionTooltip !== null && (this.actionTooltip = h(this.actionTooltip));
|
|
117
129
|
})));
|
|
118
130
|
}
|
|
119
131
|
renderDefaultActions() {
|
|
120
|
-
const
|
|
132
|
+
const a = O(this.chartType).filter((M) => !this.hiddenActions?.includes(M)), o = this.chartElement?.layer && "isTable" in this.chartElement.layer ? this.chartElement.layer.isTable : !1, i = a.includes(e.EditChart), s = a.includes(e.Legend), g = a.includes(e.RotateChart), A = a.includes(e.FilterBySelection), v = a.includes(e.FilterByExtent) && !o, m = a.includes(e.Zoom), f = a.includes(e.Selection), x = a.includes(e.ClearSelection), u = a.includes(e.FullExtent), p = a.includes(e.SwitchSelection), S = a.includes(e.ExportAsImage), E = a.includes(e.ExportAsCSV);
|
|
121
133
|
return [
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
134
|
+
s || g ? c`<calcite-action-group>${i ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.EditChart ?? n} icon=gear .text=${this.commonStrings?.utilsStrings.actions?.editChart ?? ""} .textEnabled=${this.expanded} .active=${this.editChartToggle === t.Active || this.editChartActive} .disabled=${this.editChartState === l.Disabled || !this.editChartEnabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${s ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Legend ?? n} .text=${this.legendTitle ?? this._messages?.legend ?? ""} .textEnabled=${this.expanded} .active=${this.legendToggle === t.Active || this.legendActive} .disabled=${this.legendState === l.Disabled || this.legendDisabled || this.forceDisableActions} @click=${this.onDefaultActionClick}><calcite-icon icon=legend scale=s flip-rtl></calcite-icon></calcite-action></div>` : null}${g ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.RotateChart ?? n} icon=rotate .text=${this.rotateChartTitle ?? this._messages?.rotateChart ?? ""} .textEnabled=${this.expanded} .active=${this.rotateChartToggle === t.Active || this.rotateChartActive} .disabled=${this.rotateChartState === l.Disabled || this.rotateChartDisabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}</calcite-action-group>` : null,
|
|
135
|
+
A || v ? c`<calcite-action-group>${A ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterBySelection ?? n} icon=selection-filter .text=${this.filterBySelectionTitle ?? this._messages?.filterBySelection ?? ""} .textEnabled=${this.expanded} .active=${this.filterBySelectionToggle === t.Active || this.filterBySelectionActive} .disabled=${this.filterBySelectionState === l.Disabled || this.filterBySelectionDisabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${v ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterByExtent ?? n} icon=extent-filter .text=${this.filterByExtentTitle ?? this._messages?.filterByExtent ?? ""} .textEnabled=${this.expanded} .active=${this.filterByExtentToggle === t.Active || this.filterByViewExtentActive} .disabled=${this.filterByExtentState === l.Disabled || this.filterByExtentDisabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}</calcite-action-group>` : null,
|
|
136
|
+
f || m || u || x || p ? c`<calcite-action-group>${m ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Zoom ?? n} icon=magnifying-glass .text=${this.zoomTitle ?? this._messages?.zoom ?? ""} .textEnabled=${this.expanded} .active=${this.zoomToggle === t.Active || this.zoomActive} .disabled=${this.zoomState === l.Disabled || this.zoomDisabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${f ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Selection ?? n} icon=cursor-selection .text=${this.selectionTitle ?? this._messages?.selection ?? ""} .textEnabled=${this.expanded} .active=${this.selectionToggle === t.Active || this.selectionActive} .disabled=${this.selectionState === l.Disabled || this.selectionDisabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${x ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.ClearSelection ?? n} icon=erase .text=${this.clearSelectionTitle ?? this._messages?.clearSelection ?? ""} .textEnabled=${this.expanded} .active=${this.clearSelectionToggle === t.Active || this.clearSelectionActive} .disabled=${this.clearSelectionState === l.Disabled || this.clearSelectionDisabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${u ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FullExtent ?? n} icon=zoom-out-fixed .text=${this.fullExtentTitle ?? this._messages?.fullExtent ?? ""} .textEnabled=${this.expanded} .active=${this.fullExtentToggle === t.Active || this.fullExtentActive} .disabled=${this.fullExtentState === l.Disabled || this.fullExtentDisabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${p ? c`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.SwitchSelection ?? n} icon=arrow-right-left .text=${this.switchSelectionTitle ?? this._messages?.switchSelection ?? ""} .textEnabled=${this.expanded} .active=${this.switchSelectionToggle === t.Active || this.switchSelectionActive} .disabled=${this.switchSelectionState === l.Disabled || this.switchSelectionDisabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}</calcite-action-group>` : null,
|
|
137
|
+
S || E ? c`<calcite-action-menu .label=${this._messages?.export ?? ""} ${$(this.exportCalciteActionBar)}><calcite-action id=export icon=export .text=${this._messages?.export ?? ""} .textEnabled=${this.expanded} .disabled=${this.exportActionState === l.Disabled || this.exportActionDisabled || this.forceDisableActions} @mouseover=${this.handleMouseOver} slot=trigger></calcite-action>${S ? c`<div><calcite-action id=${e.ExportAsImage ?? n} icon=graph-bar .text=${this.exportAsImageTitle ?? this._messages?.exportAsImage ?? ""} .disabled=${this.exportAsImageState === l.Disabled || this.exportAsImageDisabled || this.forceDisableActions} @click=${this.onDefaultActionClick} text-enabled></calcite-action></div>` : null}${E ? c`<div><calcite-action id=${e.ExportAsCSV ?? n} icon=table .text=${this.exportAsCSVTitle ?? this._messages?.exportAsTable ?? ""} .disabled=${this.exportAsCSVState === l.Disabled || this.exportAsCSVDisabled || this.forceDisableActions || this.chartType && (this.disableCSVExportForChartTypes.includes(this.chartType) || this.csvExportExclusionList.includes(this.chartType))} @click=${this.onDefaultActionClick} text-enabled></calcite-action></div>` : null}</calcite-action-menu>` : null
|
|
126
138
|
];
|
|
127
139
|
}
|
|
128
140
|
render() {
|
|
129
|
-
return
|
|
141
|
+
return c`<calcite-action-bar class=${L(R.actionBar)} @calciteActionBarToggle=${this.handleCalciteActionBarToggle} @mouseout=${this.handleMouseOut} .expanded=${this.expanded} .messageOverrides=${{ expand: this._messages.expand, collapse: this._messages.collapse }} overflow-actions-disabled ${$(this.calciteActionBar)}><slot name=${b.customActionTop} @slotchange=${this.handleSlotChange}></slot>${this.renderDefaultActions()}<slot name=${b.customActionBelow} @slotchange=${this.handleSlotChange}></slot></calcite-action-bar>`;
|
|
130
142
|
}
|
|
131
143
|
}
|
|
132
|
-
|
|
144
|
+
z("arcgis-charts-action-bar", W);
|
|
133
145
|
export {
|
|
134
146
|
W as ArcgisChartsActionBar
|
|
135
147
|
};
|
|
@@ -9,7 +9,7 @@ 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 { P as H,
|
|
12
|
+
import { P as H, E as K } from "../../chunks/index3.js";
|
|
13
13
|
import { b as A } from "../../chunks/index2.js";
|
|
14
14
|
import { i as U } from "../../chunks/type-guards.js";
|
|
15
15
|
import { r as z } from "../../chunks/popover-ui-utils.js";
|
|
@@ -4,7 +4,7 @@ import { isEqual as l } from "lodash-es";
|
|
|
4
4
|
import { LitElement as n, createEvent as d } from "@arcgis/lumina";
|
|
5
5
|
import { css as c, html as s } from "lit";
|
|
6
6
|
import { C as o } from "../../chunks/interfaces.js";
|
|
7
|
-
import { bC as h, bD as p, b9 as f, c5 as g, t as m,
|
|
7
|
+
import { bC as h, bD as p, b9 as f, c5 as g, t as m, aQ as u } from "../../chunks/index.js";
|
|
8
8
|
import { i as y } from "../../chunks/type-guards.js";
|
|
9
9
|
const b = c`:host{overflow-y:auto;overflow-x:hidden;margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`;
|
|
10
10
|
class F extends n {
|
|
@@ -9,7 +9,7 @@ import { u as C } from "../../chunks/useT9n.js";
|
|
|
9
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
11
|
import { LitElement as _, createEvent as x, renderElement as D, safeClassMap as i, safeStyleMap as E } from "@arcgis/lumina";
|
|
12
|
-
import { ag as N,
|
|
12
|
+
import { ag as N, E as I, r as R } from "../../chunks/index3.js";
|
|
13
13
|
import { b } from "../../chunks/index2.js";
|
|
14
14
|
import { r as P } from "../../chunks/popover-ui-utils.js";
|
|
15
15
|
import { b as T } from "../../chunks/rest-js-object-literals.js";
|