@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.
Files changed (133) hide show
  1. package/dist/cdn/{ZYHMZQ7E.js → 2HOC2K2G.js} +1 -1
  2. package/dist/cdn/{GQLSM5Q7.js → 2KONYHWP.js} +1 -1
  3. package/dist/cdn/{5O2Y7SWC.js → 2PTVL4CD.js} +1 -1
  4. package/dist/cdn/{2YDNWOWT.js → 3LEJV2CC.js} +1 -1
  5. package/dist/cdn/{UVLCXTG4.js → 3YLAS5LP.js} +1 -1
  6. package/dist/cdn/{IBUI4UOV.js → 4DHM47TE.js} +1 -1
  7. package/dist/cdn/{YJURFFSP.js → 4PLBZKSO.js} +1 -1
  8. package/dist/cdn/{7CP5MYX6.js → 4RGJW7QM.js} +1 -1
  9. package/dist/cdn/{EEKAD6DT.js → 4VIKN2DI.js} +1 -1
  10. package/dist/cdn/{3ECXJYBU.js → 5MCUSUHK.js} +1 -1
  11. package/dist/cdn/{FBS4RBSA.js → 5S5FI5VM.js} +1 -1
  12. package/dist/cdn/{VZ7OCBNK.js → 5VPT6YPC.js} +1 -1
  13. package/dist/cdn/{XIBI3WA6.js → 6A2PSHTX.js} +1 -1
  14. package/dist/cdn/{HW7O5QZ4.js → 6E7XC7SF.js} +1 -1
  15. package/dist/cdn/{XZVJMTU2.js → 6WI56V3O.js} +1 -1
  16. package/dist/cdn/{VQU2TVX7.js → AYA7WEUX.js} +2 -2
  17. package/dist/cdn/{FZHZIZUN.js → B2ORCBF2.js} +1 -1
  18. package/dist/cdn/{CLL7X6DF.js → C3BQVSNQ.js} +1 -1
  19. package/dist/cdn/{CREJLRJS.js → CZBQKSWG.js} +1 -1
  20. package/dist/cdn/{MRSEZPVC.js → DLN3QGAY.js} +1 -1
  21. package/dist/cdn/{PDDYOVQM.js → DORZB3CO.js} +1 -1
  22. package/dist/cdn/{4NIKYLE5.js → DUPBITZX.js} +1 -1
  23. package/dist/cdn/{VSN5E7Y4.js → DXK2F7IC.js} +1 -1
  24. package/dist/cdn/{IHOTDAKI.js → E6MCRDEU.js} +1 -1
  25. package/dist/cdn/{3NXCG3O2.js → ELSCO7RQ.js} +1 -1
  26. package/dist/cdn/{J5JKYZZW.js → EOD7FLMU.js} +1 -1
  27. package/dist/cdn/{5HJSLXLN.js → ERNVZRGN.js} +1 -1
  28. package/dist/cdn/{ZHFQTE2B.js → ETDV5MZZ.js} +1 -1
  29. package/dist/cdn/{5SXFY4KT.js → EWWMTC3C.js} +1 -1
  30. package/dist/cdn/{3CIO2C6J.js → EY4ALBSW.js} +1 -1
  31. package/dist/cdn/{JJJRAQMT.js → FLDXN76G.js} +1 -1
  32. package/dist/cdn/{OIBX62RU.js → GCZP2NNE.js} +1 -1
  33. package/dist/cdn/{56242OEE.js → GTGCFMOM.js} +1 -1
  34. package/dist/cdn/{NITHPHM6.js → HTUZP5ET.js} +1 -1
  35. package/dist/cdn/{RZJQJ43Y.js → HZIDKKII.js} +1 -1
  36. package/dist/cdn/IBSZEYTA.js +2 -0
  37. package/dist/cdn/{G22GCRXH.js → ICA2YKMH.js} +1 -1
  38. package/dist/cdn/{JV4CEAY2.js → IJ42AM6S.js} +1 -1
  39. package/dist/cdn/{EHUV23QJ.js → IPM7HASK.js} +1 -1
  40. package/dist/cdn/{YFU2NPYA.js → K6ZOSX22.js} +1 -1
  41. package/dist/cdn/{OIQ76HQC.js → KMRW2FOQ.js} +1 -1
  42. package/dist/cdn/{N2Y3TMUH.js → KW5FFPKZ.js} +1 -1
  43. package/dist/cdn/{3S6ZGK3H.js → MAHQA5GL.js} +1 -1
  44. package/dist/cdn/{3A6N7WAM.js → MGXNXWVO.js} +1 -1
  45. package/dist/cdn/{FCWOV4NW.js → N7MGJM2Y.js} +1 -1
  46. package/dist/cdn/{DAQT4YNQ.js → NE6XMJNA.js} +1 -1
  47. package/dist/cdn/{EY3OIDVL.js → NHJGPR7T.js} +1 -1
  48. package/dist/cdn/{EWNXVZMV.js → NN7VM75G.js} +1 -1
  49. package/dist/cdn/{M624HH3K.js → NP4ZKUVK.js} +1 -1
  50. package/dist/cdn/{VQHPI3CU.js → NQA5LVMY.js} +1 -1
  51. package/dist/cdn/{H7K6D57Z.js → OGXDBGRX.js} +1 -1
  52. package/dist/cdn/OMX3FEUO.js +2 -0
  53. package/dist/cdn/{ADKPM4DW.js → OQ7PZJV6.js} +1 -1
  54. package/dist/cdn/{NT7D3WEH.js → P7JFMF66.js} +1 -1
  55. package/dist/cdn/{AEC7S556.js → PDAI3TM2.js} +1 -1
  56. package/dist/cdn/{MQYMM7JO.js → PHT3QKS6.js} +1 -1
  57. package/dist/cdn/Q4JNBW33.js +3 -0
  58. package/dist/cdn/{724I3SBO.js → QK2VTRRB.js} +1 -1
  59. package/dist/cdn/{WJQHEITU.js → QLKFXAHY.js} +1 -1
  60. package/dist/cdn/{FY7T4YLN.js → QYBVMICG.js} +1 -1
  61. package/dist/cdn/{GU4EQDNJ.js → RXREAXJS.js} +1 -1
  62. package/dist/cdn/{I4RZDDUM.js → SRBLDVCV.js} +1 -1
  63. package/dist/cdn/{WDDGKBBJ.js → T7JGMOPN.js} +1 -1
  64. package/dist/cdn/{EWPEPYH7.js → TD4DW6P7.js} +1 -1
  65. package/dist/cdn/{TK4E37D6.js → TE5UBTRT.js} +1 -1
  66. package/dist/cdn/{MSU36MJR.js → TN6P4DOU.js} +1 -1
  67. package/dist/cdn/{U7NEGO4Z.js → TUJPREQD.js} +1 -1
  68. package/dist/cdn/{L76QTUHW.js → TZ4QIVTR.js} +1 -1
  69. package/dist/cdn/{KYVBQUIS.js → U47QIWXK.js} +1 -1
  70. package/dist/cdn/{73R5I52R.js → U7RB6WCB.js} +1 -1
  71. package/dist/cdn/{YHON6N45.js → UC2TRV7Y.js} +1 -1
  72. package/dist/cdn/{QKUFLZC3.js → UGLK7BBG.js} +1 -1
  73. package/dist/cdn/{OKKEWHMB.js → UO5TMG7I.js} +1 -1
  74. package/dist/cdn/{M7NERHZY.js → UQ3NNWEM.js} +1 -1
  75. package/dist/cdn/{5QBKM6NC.js → UZOMM2XD.js} +1 -1
  76. package/dist/cdn/{LMXFW6NW.js → VH5EZWUP.js} +1 -1
  77. package/dist/cdn/{7UUCZOKN.js → WAN2K6TS.js} +1 -1
  78. package/dist/cdn/{UNRHPYXW.js → WCSLV2JM.js} +11 -11
  79. package/dist/cdn/{EMOJZ4XR.js → WELTTZAK.js} +1 -1
  80. package/dist/cdn/{AHOCGFB7.js → WH4W6K35.js} +1 -1
  81. package/dist/cdn/WTB2CFTX.js +2 -0
  82. package/dist/cdn/{FTVVGZ4Z.js → X26W3CYZ.js} +1 -1
  83. package/dist/cdn/{VQRSXCKD.js → XPFEIWMS.js} +1 -1
  84. package/dist/cdn/{T7Z4DZ7V.js → XY5U4M2J.js} +1 -1
  85. package/dist/cdn/{JTP6IREK.js → YEMNXS4U.js} +1 -1
  86. package/dist/cdn/{VYD2S5WA.js → YJJOHKGU.js} +1 -1
  87. package/dist/cdn/{QXLY4SFY.js → Z6FRC562.js} +1 -1
  88. package/dist/cdn/{62GSQDTE.js → ZTVR6KBG.js} +1 -1
  89. package/dist/cdn/index.js +1 -1
  90. package/dist/cdn/model/shared/setup-utils.js +1 -1
  91. package/dist/chart-rendering/common/interfaces.d.ts +2 -3
  92. package/dist/chunks/action-bar-utils.js +50 -50
  93. package/dist/chunks/box-plot-data.js +3 -3
  94. package/dist/chunks/box-plot-model.js +1 -1
  95. package/dist/chunks/data.js +8 -8
  96. package/dist/chunks/index.js +10 -7
  97. package/dist/chunks/index2.js +1 -1
  98. package/dist/chunks/index3.js +14 -14
  99. package/dist/chunks/index4.js +1 -1
  100. package/dist/chunks/utils.js +5 -5
  101. package/dist/components/arcgis-chart/customElement.d.ts +3 -4
  102. package/dist/components/arcgis-chart/customElement.js +118 -114
  103. package/dist/components/arcgis-charts-action-bar/customElement.d.ts +198 -13
  104. package/dist/components/arcgis-charts-action-bar/customElement.js +70 -58
  105. package/dist/components/arcgis-charts-config-histogram-data/customElement.js +1 -1
  106. package/dist/components/arcgis-charts-config-scatter-plot/customElement.js +1 -1
  107. package/dist/components/arcgis-charts-config-scatter-plot-data/customElement.js +1 -1
  108. package/dist/components/arcgis-charts-config-view-charts/customElement.js +28 -27
  109. package/dist/docs/api.json +1 -1
  110. package/dist/docs/docs.json +1 -1
  111. package/dist/docs/vscode.html-custom-data.json +1 -1
  112. package/dist/docs/web-types.json +1 -1
  113. package/dist/index.d.ts +1 -1
  114. package/dist/index.js +9 -9
  115. package/dist/interfaces.d.ts +16 -1
  116. package/dist/loader.js +3 -3
  117. package/dist/model/interfaces/chart-interfaces.d.ts +2 -2
  118. package/dist/model/interfaces/common.d.ts +2 -2
  119. package/dist/model/shared/setup-utils.d.ts +3 -3
  120. package/dist/types/lumina.d.ts +1 -1
  121. package/dist/types/preact.d.ts +1 -1
  122. package/dist/types/react.d.ts +1 -1
  123. package/dist/types/stencil.d.ts +1 -1
  124. package/dist/utils/chart-config/converter/index.d.ts +2 -3
  125. package/dist/utils/defaults/index.d.ts +2 -2
  126. package/dist/utils/layer/index.d.ts +1 -2
  127. package/dist/utils/layer/interfaces.d.ts +2 -3
  128. package/dist/utils/layer/utils/index.d.ts +5 -5
  129. package/package.json +5 -5
  130. package/dist/cdn/2PWEWSG6.js +0 -2
  131. package/dist/cdn/E2YQ7BBF.js +0 -2
  132. package/dist/cdn/MIA4DLUH.js +0 -3
  133. 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 `disabled`, interaction with the clear selection action is prevented and the component is displayed with lower opacity.
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 `disabled`, interaction with the edit chart action is prevented and the component is displayed with lower opacity.
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 `disabled`, interaction with the export action is prevented and the component is displayed with lower opacity.
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 `disabled`, interaction with the download CSV is prevented and the component is displayed with lower opacity.
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 `disabled`, interaction with the download image is prevented and the component is displayed with lower opacity.
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 `disabled`, interaction with the filter by extent action is prevented and the component is displayed with lower opacity.
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 `disabled`, interaction with the filter by selection action is prevented and the component is displayed with lower opacity.
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 `disabled`, interaction with the full extent action is prevented and the component is displayed with lower opacity.
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 `disabled`, interaction with the legend action is prevented and the component is displayed with lower opacity.
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 `disabled`, interaction with the rotate chart action is prevented and the component is displayed with lower opacity.
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 `disabled`, interaction with the selection action is prevented and the component is displayed with lower opacity.
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 `disabled`, interaction with the switch selection action is prevented and the component is displayed with lower opacity.
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 `disabled`, interaction with the zoom action is prevented and the component is displayed with lower opacity.
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 O } from "../../chunks/runtime.js";
3
- import { css as _, html as a } from "lit";
4
- import { S } from "../../chunks/interfaces.js";
5
- import { g as z } from "../../chunks/action-bar-utils.js";
6
- import { u as $ } from "../../chunks/useT9n.js";
7
- import { createRef as b, ref as C } from "lit/directives/ref.js";
8
- import { LitElement as V, renderElement as y, safeStyleMap as B, createEvent as D, safeClassMap as L, nothing as s } from "@arcgis/lumina";
9
- import { a as n } from "../../chunks/chart-ui-utils.js";
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 o, D as e } from "../../chunks/index5.js";
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 M } from "../../chunks/type-guards2.js";
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 = _`.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 V {
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 = b(), this.exportCalciteActionBar = b(), this.expandAction = null, this._messages = $(), this.commonStrings = $({ name: "common", blocking: !0 }), this.handleMouseOver = (l) => {
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 c = l.target;
26
- this.actionTooltip !== void 0 && (this.actionTooltip = n(this.actionTooltip));
25
+ const o = a.target;
26
+ this.actionTooltip !== void 0 && (this.actionTooltip = h(this.actionTooltip));
27
27
  let i;
28
- c?.tagName === "CALCITE-ACTION" ? i = c : (c?.tagName === "CALCITE-ACTION-MENU" || c?.tagName === "DIV") && (i = c.firstChild), i !== void 0 && (this.actionTooltip = y(a`<calcite-tooltip style=${B({ opacity: 1, zIndex: "var(--calcite-floating-ui-z-index)" })} .referenceElement=${i} open placement=trailing-end>${i.text}</calcite-tooltip>`), document.body.appendChild(this.actionTooltip));
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 = n(this.actionTooltip);
31
- }, this._csvExportExclusionList = [I.ScatterSeries, I.BoxPlotSeries], this.actionTooltip = null, this.forceDisableActions = !1, this.editChartToggle = t.Inactive, this.editChartState = o.Disabled, this.legendToggle = t.Inactive, this.legendState = o.Enabled, this.rotateChartToggle = t.Inactive, this.rotateChartState = o.Enabled, this.filterBySelectionToggle = t.Inactive, this.filterBySelectionState = o.Enabled, this.filterByExtentToggle = t.Inactive, this.filterByExtentState = o.Enabled, this.actionBarSelectionMode = k.MultiSelectionWithCtrlKey, this.selectionToggle = t.Inactive, this.selectionState = o.Enabled, this.zoomToggle = t.Inactive, this.zoomState = o.Enabled, this.fullExtentToggle = t.Inactive, this.fullExtentState = o.Enabled, this.clearSelectionToggle = t.Inactive, this.clearSelectionState = o.Enabled, this.switchSelectionToggle = t.Inactive, this.switchSelectionState = o.Enabled, this.exportAsImageState = o.Enabled, this.exportAsCSVState = o.Enabled, this.disableCSVExportForChartTypes = this._csvExportExclusionList, this.csvExportExclusionList = this._csvExportExclusionList, this.exportActionState = o.Enabled, this.expanded = !1, this.hiddenActions = [e.EditChart], this.arcgisActionBarToggle = D(), this.arcgisDefaultActionSelect = D();
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(l) {
49
- const c = l.currentTarget, i = {
50
- actionId: c.id,
48
+ async onDefaultActionClick(a) {
49
+ const o = a.currentTarget, i = {
50
+ actionId: o.id,
51
51
  actionActive: !1
52
52
  };
53
- switch (c.id) {
54
- case e.EditChart:
55
- this.editChartToggle = this.editChartToggle === t.Active ? t.Inactive : t.Active, i.actionActive = this.editChartToggle === t.Active;
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
- case e.Legend:
58
- this.legendToggle = this.legendToggle === t.Active ? t.Inactive : t.Active, i.actionActive = this.legendToggle === t.Active, r(this.chartElement?.model) && M(this.chartElement?.model) && (this.chartElement.model.legendVisibility = i.actionActive), this.chartElement?.model && (r(this.chartElement.model) ? M(this.chartElement.model) && (this.chartElement.model.legendVisibility = i.actionActive) : this.chartElement.model.rotated = this.chartElement.model.rotated !== !0);
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
- case e.RotateChart:
61
- this.rotateChartToggle = this.rotateChartToggle === t.Active ? t.Inactive : t.Active, i.actionActive = this.rotateChartToggle === t.Active, 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);
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
- case e.FilterBySelection:
64
- this.filterBySelectionToggle = this.filterBySelectionToggle === t.Active ? t.Inactive : t.Active, i.actionActive = this.filterBySelectionToggle === t.Active, this.chartElement !== void 0 && (this.chartElement.filterBySelection = i.actionActive);
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
- case e.FilterByExtent:
67
- this.filterByExtentToggle = this.filterByExtentToggle === t.Active ? t.Inactive : t.Active, i.actionActive = this.filterByExtentToggle === t.Active, this.chartElement !== void 0 && (this.chartElement.filterByViewExtent = i.actionActive);
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
- case e.Selection:
70
- this.selectionToggle = t.Active, this.zoomToggle = t.Inactive, i.actionActive = this.selectionToggle === t.Active, this.chartElement !== void 0 && (this.chartElement.actionMode = this.actionBarSelectionMode);
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
- case e.Zoom:
73
- this.zoomToggle = t.Active, this.selectionToggle = t.Inactive, i.actionActive = this.zoomToggle === t.Active, this.chartElement !== void 0 && (this.chartElement.actionMode = k.Zoom);
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 = n(this.actionTooltip));
109
+ this.actionTooltip !== null && (this.actionTooltip = h(this.actionTooltip));
98
110
  }
99
- handleSlotChange(l) {
100
- const i = l.currentTarget.assignedElements();
101
- for (const h of i)
102
- h.onmouseover = this.handleMouseOver;
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((l) => {
106
- const c = l;
107
- c.textEnabled = this.expanded;
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 = y(a`<calcite-tooltip style=${B({ 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));
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 = n(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 = n(this.actionTooltip));
128
+ this.calciteActionBar.value?.expanded && this.actionTooltip !== null && (this.actionTooltip = h(this.actionTooltip));
117
129
  })));
118
130
  }
119
131
  renderDefaultActions() {
120
- const l = z(this.chartType).filter((w) => !this.hiddenActions?.includes(w)), c = this.chartElement?.layer && "isTable" in this.chartElement.layer ? this.chartElement.layer.isTable : !1, i = l.includes(e.EditChart), h = l.includes(e.Legend), g = l.includes(e.RotateChart), m = l.includes(e.FilterBySelection), p = l.includes(e.FilterByExtent) && !c, u = l.includes(e.Zoom), x = l.includes(e.Selection), A = l.includes(e.ClearSelection), v = l.includes(e.FullExtent), f = l.includes(e.SwitchSelection), E = l.includes(e.ExportAsImage), T = l.includes(e.ExportAsCSV);
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
- h || g ? a`<calcite-action-group>${i ? a`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.EditChart ?? s} icon=gear .text=${this.commonStrings?.utilsStrings.actions?.editChart ?? ""} .textEnabled=${this.expanded} .active=${this.editChartToggle === t.Active} .disabled=${this.editChartState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${h ? a`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Legend ?? s} .text=${this.legendTitle ?? this._messages?.legend ?? ""} .textEnabled=${this.expanded} .active=${this.legendToggle === t.Active} .disabled=${this.legendState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}><calcite-icon icon=legend scale=s flip-rtl></calcite-icon></calcite-action></div>` : null}${g ? a`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.RotateChart ?? s} icon=rotate .text=${this.rotateChartTitle ?? this._messages?.rotateChart ?? ""} .textEnabled=${this.expanded} .active=${this.rotateChartToggle === t.Active} .disabled=${this.rotateChartState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}</calcite-action-group>` : null,
123
- m || p ? a`<calcite-action-group>${m ? a`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterBySelection ?? s} icon=selection-filter .text=${this.filterBySelectionTitle ?? this._messages?.filterBySelection ?? ""} .textEnabled=${this.expanded} .active=${this.filterBySelectionToggle === t.Active} .disabled=${this.filterBySelectionState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${p ? a`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FilterByExtent ?? s} icon=extent-filter .text=${this.filterByExtentTitle ?? this._messages?.filterByExtent ?? ""} .textEnabled=${this.expanded} .active=${this.filterByExtentToggle === t.Active} .disabled=${this.filterByExtentState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}</calcite-action-group>` : null,
124
- x || u || v || A || f ? a`<calcite-action-group>${u ? a`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Zoom ?? s} icon=magnifying-glass .text=${this.zoomTitle ?? this._messages?.zoom ?? ""} .textEnabled=${this.expanded} .active=${this.zoomToggle === t.Active} .disabled=${this.zoomState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${x ? a`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.Selection ?? s} icon=cursor-selection .text=${this.selectionTitle ?? this._messages?.selection ?? ""} .textEnabled=${this.expanded} .active=${this.selectionToggle === t.Active} .disabled=${this.selectionState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${A ? a`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.ClearSelection ?? s} icon=erase .text=${this.clearSelectionTitle ?? this._messages?.clearSelection ?? ""} .textEnabled=${this.expanded} .active=${this.clearSelectionToggle === t.Active} .disabled=${this.clearSelectionState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${v ? a`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.FullExtent ?? s} icon=zoom-out-fixed .text=${this.fullExtentTitle ?? this._messages?.fullExtent ?? ""} .textEnabled=${this.expanded} .active=${this.fullExtentToggle === t.Active} .disabled=${this.fullExtentState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}${f ? a`<div @mouseover=${this.handleMouseOver}><calcite-action id=${e.SwitchSelection ?? s} icon=arrow-right-left .text=${this.switchSelectionTitle ?? this._messages?.switchSelection ?? ""} .textEnabled=${this.expanded} .active=${this.switchSelectionToggle === t.Active} .disabled=${this.switchSelectionState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick}></calcite-action></div>` : null}</calcite-action-group>` : null,
125
- E || T ? a`<calcite-action-menu .label=${this._messages?.export ?? ""} ${C(this.exportCalciteActionBar)}><calcite-action id=export icon=export .text=${this._messages?.export ?? ""} .textEnabled=${this.expanded} .disabled=${this.exportActionState === o.Disabled || this.forceDisableActions} @mouseover=${this.handleMouseOver} slot=trigger></calcite-action>${E ? a`<div><calcite-action id=${e.ExportAsImage ?? s} icon=graph-bar .text=${this.exportAsImageTitle ?? this._messages?.exportAsImage ?? ""} .disabled=${this.exportAsImageState === o.Disabled || this.forceDisableActions} @click=${this.onDefaultActionClick} text-enabled></calcite-action></div>` : null}${T ? a`<div><calcite-action id=${e.ExportAsCSV ?? s} icon=table .text=${this.exportAsCSVTitle ?? this._messages?.exportAsTable ?? ""} .disabled=${this.exportAsCSVState === o.Disabled || 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
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 a`<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 ${C(this.calciteActionBar)}><slot name=${S.customActionTop} @slotchange=${this.handleSlotChange}></slot>${this.renderDefaultActions()}<slot name=${S.customActionBelow} @slotchange=${this.handleSlotChange}></slot></calcite-action-bar>`;
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
- O("arcgis-charts-action-bar", W);
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, G as K } from "../../chunks/index3.js";
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, aR as u } from "../../chunks/index.js";
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, G as I, r as R } from "../../chunks/index3.js";
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";