@arcgis/charts-components 4.33.0-next.99 → 4.34.0-next.0

package/dist/utils/ui/popover-ui-utils.d.ts

@@ -0,0 +1,122 @@
+import { WebChartTextSymbol, IField, ISimpleLineSymbol, Color } from '@arcgis/charts-spec';
+export declare const PopoverType: {
+    readonly BarChartDataPopover: "HTMLArcgisChartsConfigBarChartPopoverElement";
+    readonly BarChartSeriesPopover: "HTMLArcgisChartsConfigBarChartSeriesPopoverElement";
+    readonly BoxPlotDataPopover: "HTMLArcgisChartsConfigBoxPlotPopoverElement";
+    readonly BoxPlotSeriesPopover: "HTMLArcgisChartsConfigBoxPlotSeriesPopoverElement";
+    readonly ChartRenamePopover: "HTMLArcgisChartsConfigChartRenamePopoverElement";
+    readonly FormatPopover: "HTMLArcgisChartsConfigFormatPopoverElement";
+    readonly GuidePopover: "HTMLArcgisChartsConfigGuidePopoverElement";
+    readonly HistogramDataPopover: "HTMLArcgisChartsConfigHistogramPopoverElement";
+    readonly LineChartDataPopover: "HTMLArcgisChartsConfigLineChartPopoverElement";
+    readonly LineChartSeriesPopover: "HTMLArcgisChartsConfigLineChartSeriesPopoverElement";
+    readonly PieChartDataPopover: "HTMLArcgisChartsConfigPieChartPopoverElement";
+    readonly PieChartSlicesPopover: "HTMLArcgisChartsConfigPieChartSlicesPopoverElement";
+    readonly ScatterplotDataPopover: "HTMLArcgisChartsConfigScatterplotPopoverElement";
+    readonly SelectChartTypePopover: "HTMLArcgisChartsConfigSelectChartTypePopoverElement";
+};
+export type PopoverType = (typeof PopoverType)[keyof typeof PopoverType];
+interface IPopoverConfig {
+    popoverClose: (e: CustomEvent) => void;
+}
+interface IDataPopoverConfig extends IPopoverConfig {
+    layerFieldsInfo: IField[];
+}
+interface IConfigPopoverConfig extends IPopoverConfig {
+    hostElement?: any;
+    placement: string;
+    referenceElement?: HTMLElement;
+}
+export interface IHistogramDataPopoverConfig extends IDataPopoverConfig {
+    updateSymbolProps: (e: CustomEvent) => void;
+    updateProps: (e: CustomEvent) => void;
+    openChange: (e: CustomEvent) => void;
+}
+export interface IBarChartDataPopoverConfig extends IDataPopoverConfig {
+    onBarChartDataChange: (e: CustomEvent) => void;
+}
+export interface IBarChartSeriesPopoverConfig extends IConfigPopoverConfig {
+    seriesNameChange: (e: CustomEvent) => void;
+    seriesColorChange: (e: CustomEvent) => void;
+    openChange: (e: CustomEvent) => void;
+}
+export interface IBoxPlotDataPopoverConfig extends IDataPopoverConfig {
+    onBoxPlotDataChange: (e: CustomEvent) => void;
+}
+export interface IBoxPlotSeriesPopoverConfig extends IConfigPopoverConfig {
+    seriesNameChange: (e: CustomEvent) => void;
+    seriesColorChange: (e: CustomEvent) => void;
+    seriesLineStyleChange: (e: CustomEvent) => void;
+    seriesLineWidthChange: (e: CustomEvent) => void;
+    openChange: (e: CustomEvent) => void;
+    labelCanBeConfigured: boolean;
+}
+export interface ILineChartDataPopoverConfig extends IDataPopoverConfig {
+    onLineChartDataChange: (e: CustomEvent) => void;
+}
+export interface IPieChartDataPopoverConfig extends IDataPopoverConfig {
+    onPieChartDataChange: (e: CustomEvent) => void;
+}
+export interface IChartFormatPopoverConfig extends IConfigPopoverConfig {
+    selectedElement: Color | ISimpleLineSymbol | WebChartTextSymbol | undefined;
+    referenceElement: any;
+    updateSymbolProps: (e: CustomEvent) => void;
+    updateTextProps: (e: CustomEvent) => void;
+    updateBackground: (e: CustomEvent) => void;
+    openChange: (e: CustomEvent) => void;
+}
+export interface IGuidePopoverConfig extends IPopoverConfig {
+    colorChange: (e: CustomEvent<Color>) => void;
+    symbolChange: (e: CustomEvent<ISimpleLineSymbol>) => void;
+    popoverDismiss: (e: CustomEvent) => void;
+}
+export interface ILineChartSeriesPopoverConfig extends IPopoverConfig {
+    referenceElement: any;
+    placement: string;
+    seriesNameChange: (e: CustomEvent) => void;
+    seriesColorChange: (e: CustomEvent) => void;
+    seriesLineStyleChange: (e: CustomEvent) => void;
+    seriesLineWidthChange: (e: CustomEvent) => void;
+    openChange: (e: CustomEvent) => void;
+}
+export interface IPieChartSlicePopoverConfig extends IPopoverConfig {
+    referenceElement: any;
+    placement: string;
+    sliceNameChange: (e: CustomEvent) => void;
+    sliceColorChange: (e: CustomEvent) => void;
+    openChange: (e: CustomEvent) => void;
+}
+export interface IScatterplotChartPopoverConfig extends IPopoverConfig {
+    setTrendLineSymbol: (e: CustomEvent) => void;
+    setFixedSymbolRGBAColor: (e: CustomEvent<Color>) => void;
+    setXYField: (e: CustomEvent<string>) => void;
+    setSizeVariableField: (e: CustomEvent<string>) => void;
+    openChange: (e: CustomEvent) => void;
+}
+export interface ISelectChartTypePopoverConfig extends IPopoverConfig {
+    onSelectChartTypeChange: (e: CustomEvent) => Promise<void> | void;
+}
+export interface IChartRenamePopoverConfig extends IPopoverConfig {
+    name: string;
+    popoverReferenceElement: any;
+    onChartRename: (e: CustomEvent) => void;
+}
+/**
+ * remove popover element
+ * @param popover popover element to be removed
+ */
+export declare const removePopover: (popover: any) => null;
+/**
+ * create a popover element based on the input parameters
+ * @param popoverType popover type to be created
+ * @param popoverConfig config used to configure popover
+ * @returns popover element
+ */
+export declare const createPopover: (popoverType: PopoverType, popoverConfig: IPopoverConfig) => any;
+/**
+ * edit popover element dynamically
+ * @param popover a popover element
+ * @param isOpen determine whether to open popover or not
+ */
+export declare const editPopover: (popover: any, isOpen?: boolean) => void;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcgis/charts-components",
-  "version": "4.33.0-next.99",
+  "version": "4.34.0-next.0",
   "description": "Reusable ArcGIS charting Web Components.",
   "type": "module",
   "main": "dist/index.js",
@@ -14,11 +14,13 @@
     "./components/*": "./dist/components/*/index.js",
     "./types/*": "./dist/types/*.d.ts",
     "./docs/*": "./dist/docs/*",
-    "./arcgis-charts-components/arcgis-charts-components.css": "./dist/arcgis-charts-components/arcgis-charts-components.css",
-    "./dist/arcgis-charts-components/arcgis-charts-components.css": "./dist/arcgis-charts-components/arcgis-charts-components.css",
+    "./main.css": "./dist/cdn/main.css",
+    "./arcgis-charts-components/arcgis-charts-components.css": "./dist/cdn/main.css",
+    "./dist/arcgis-charts-components/arcgis-charts-components.css": "./dist/cdn/main.css",
     "./dist/loader": "./dist/loader.js",
     "./dist/components": "./dist/index.js",
-    "./dist/components/*": "./dist/components/*/index.js"
+    "./dist/components/*": "./dist/components/*/index.js",
+    "./model": "./dist/model.js"
   },
   "files": [
     "dist/"
@@ -26,20 +28,22 @@
   "license": "SEE LICENSE IN LICENSE.md",
   "dependencies": {
     "@amcharts/amcharts4": "^4.10.31",
-    "@amcharts/amcharts5": "^5.12.1",
-    "@arcgis/charts-shared-utils": "4.33.0-next.99",
-    "@arcgis/charts-spec": "4.33.0-next.99",
-    "@arcgis/components-utils": "4.33.0-next.99",
-    "@arcgis/lumina": "4.33.0-next.99",
-    "chance": "^1.1.11",
+    "@amcharts/amcharts5": "^5.12.2",
+    "@arcgis/charts-spec": "4.34.0-next.0",
+    "@arcgis/components-utils": "4.34.0-next.0",
+    "@arcgis/lumina": "4.34.0-next.0",
     "d3-array": "^3.1.1",
     "d3-shape": "^3.2.0",
+    "fast-memoize": "^2.5.2",
+    "html2canvas": "^1.4.1",
+    "jszip": "^3.10.1",
     "lodash-es": "^4.17.21",
-    "regression": "^2.0.1"
+    "simple-statistics": "^7.8.8",
+    "uuid": "^11.1.0"
   },
   "peerDependencies": {
     "@arcgis/core": ">=4.33.0-next <4.34",
-    "@esri/calcite-components": "^3.2.0-next.15"
+    "@esri/calcite-components": "^3.2.0"
   },
   "css.customData": [
     "dist/docs/vscode.css-custom-data.json"

package/dist/arcgis-charts-components/24Q3LWW2.js

@@ -1,5 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.99 */
-import{a as m}from"./5YJ4NZNN.js";import{$$ as _0,a as d,k as g,l as S}from"./ZXIO3KTF.js";import{a as c,b as h}from"./X2MYKLWQ.js";import{$$ as _1}from"./ZUEAKYOU.js";import"./EXWBPDRS.js";import{g as n}from"./ADW55L4F.js";import{a as $}from"./CCFXPBIV.js";import"./6EBCA7O7.js";import{j as p}from"./I6HNKWPB.js";import"./KB55BG4A.js";import{$$ as _2,Aa as u,Lc as b,Nb as P}from"./QQR3FV2Q.js";import{A as a,E as y,c as f,d as s,n as o,z as v}from"./MHLS6RZ5.js";import"./SSJ65LUU.js";var _3,$$=$arcgis.t(_=>{var l={hostDiv:"host-div",jsAppFlyout:"js-app-flyout",scatterPlotPopover:"scatter-plot-popover",fillColor:"fill-color",header:"header",pickListItemLabel:"pick-list-item-label",pickListPanel:"pick-list-panel"},x=f`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.host-div{width:100%}.pick-list-panel{max-height:60vh}`,C=class extends v{constructor(){super(...arguments),this.picklist=c(),this._messages=$(),this.popoverElement=c(),this.layerFieldsInfo=[],this.arcgisChartsConfigPopoverClose=o(),this.arcgisChartsConfigPopoverOpenChange=o(),this.arcgisChartsConfigScatterPlotFillColorChange=o(),this.arcgisChartsConfigScatterPlotLineStyleChange=o(),this.arcgisChartsConfigScatterPlotSizeVariableFieldChange=o(),this.arcgisChartsConfigScatterPlotXYFieldChange=o()}static{this.properties={messageOverrides:0,headingTitle:3,contentKind:3,selectedContent:3,referenceElement:2,placement:3,open:7,layerFieldsInfo:0}}static{this.styles=x}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("open")&&this.openChange()}async updated(){setTimeout(async()=>{await this.picklist.value?.setFocus()},d.PopoverTimer),b(this.popoverElement.value,this.open),this.hasUpdated||setTimeout(()=>{this.popoverElement.value?.reposition()},d.PopoverTimer)}loaded(){this.openChange()}openChange(){this.arcgisChartsConfigPopoverOpenChange.emit({open:this.open})}seriesPopoverClose(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}updateSymbolProperties(e){this.selectedContent=e.target.lineStyle,this.arcgisChartsConfigScatterPlotLineStyleChange.emit(e.detail)}updateColorProperties(e){this.selectedContent=e.detail,this.arcgisChartsConfigScatterPlotFillColorChange.emit(e.detail)}onFieldSelectionChange(e){let t=e.target.selectedItems;this.contentKind===p.sizeVariable?this.arcgisChartsConfigScatterPlotSizeVariableFieldChange.emit(t.map(i=>i.value)[0]):this.arcgisChartsConfigScatterPlotXYFieldChange.emit(t.map(i=>i.value)[0]),this.open=!1}render(){let e=this.selectedContent,t=this.selectedContent;return s`<div class=${a({[l.jsAppFlyout]:!0,[l.hostDiv]:!0})}><calcite-popover class=${a(l.scatterPlotPopover)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${S(this.placement)} @calcitePopoverClose=${this.closePopover} .open=${this.open} label ${h(this.popoverElement)}>${Array.isArray(e)?s`<arcgis-charts-config-color-style .header=${this._messages.fillColor} class=${a(l.fillColor)} enable-close .open=${this.open} .selectedColor=${e} @arcgisChartsConfigColorStyleClose=${this.seriesPopoverClose} @arcgisChartsConfigColorStyleChange=${this.updateColorProperties}></arcgis-charts-config-color-style>`:null}${t?.type===n.SLS?s`<arcgis-charts-config-line-style .header=${this._messages.lineStyle} .open=${this.open} enable-close .lineStyle=${t} @arcgisChartsConfigLineStyleClose=${this.seriesPopoverClose} @arcgisChartsConfigLineStyleChange=${this.updateSymbolProperties}></arcgis-charts-config-line-style>`:null}${!Array.isArray(e)&&t?.type!==n.SLS?this.renderVariablePickList():null}</calcite-popover></div>`}renderVariablePickList(){let e=this.layerFieldsInfo?.length??0,t=[];this.contentKind===p.sizeVariable&&t.push(m(" ",s`<calcite-list-item label=" " value=" " .selected=${g("",this.selectedContent)}></calcite-list-item>`));for(let i=0;i<e;i+=1){let r=this.layerFieldsInfo?.[i]??void 0;if(r!==void 0&&P(r)){let k=u(this.layerFieldsInfo,r.name);t.push(m(r.name,s`<calcite-list-item .label=${k} .value=${r.name} .selected=${g(r.name,this.selectedContent)}></calcite-list-item>`))}}return s`<calcite-panel class=${a(l.pickListPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${a(l.header)}>${this.headingTitle??""}</div><calcite-list label class=${a(l.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onFieldSelectionChange} ${h(this.picklist)}>${t}</calcite-list></calcite-panel>`}};y("arcgis-charts-config-scatter-plot-popover",C);_3=C},_0,_1,_2)
-export{$$,_3 as ArcgisChartsConfigScatterPlotPopover}

package/dist/arcgis-charts-components/24Q3LWW2.js.LEGAL.txt

@@ -1,3 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.99 */

package/dist/arcgis-charts-components/257SFVQN.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.99 */
-import"./SSJ65LUU.js";var i={percent:"Postotak",values:"Vrijednosti",standardizedValues:"Standardizirane vrijednosti",count:"Zbroj",aggregationOfValues:"${ aggregation } vrijednosti",aggregationOfFieldName:"${ aggregation } od ${ fieldName }"},a={aggrFieldsByCategory:"${ aggregationFields } od ${ category }",aggrTypeCategory:"${ aggregationType } od ${ category }",aggrTypeCategoryBySplitBy:"${ aggregationType } sa ${ category } sa ${ splitByField }",aggrTypeOfAggrFields:"${ aggregationType } od ${ aggregationFields }",aggrTypeOfAggrFieldByCategoryBySplitByField:"${ aggregationType } od ${ aggregationField } sa ${ category } sa ${ splitByField }",aggrTypeOfAggrFieldsByCategory:"${ aggregationType } od ${ aggregationFields } sa ${ category }",aggrFieldsByXAxisField:"${ aggregationFields } od ${ xAxisField }",aggrTypeXAxisField:"${ aggregationType } od ${ xAxisField }",aggrTypeXAxisFieldBySplitBy:"${ aggregationType } sa ${ xAxisField } sa ${ splitByField }",aggrTypeOfAggrFieldByXAxisFieldBySplitByField:"${ aggregationType } od ${ aggregationField } sa ${ xAxisField } sa ${ splitByField }",aggrTypeOfAggrFieldsByXAxisField:"${ aggregationType } od ${ aggregationFields } sa ${ xAxisField }",distributionOfField:"Distribucija ${ valueField }",distributionOfFields:"Distribucija ${ valueFields }",distributionOfFieldsByCategory:"Distribucija ${ valueFields } po ${ category }",distributionOfFieldsByCategoryAndSplitBy:"Distribucija ${ valueFields } po ${ category } i ${ splitByField }",xAndY:"${ x } i ${ y }"},e={barChart:"Trakasti grafikon",lineChart:"Linijski grafikon",pieChart:"Tortni grafikon",histogram:"Histogram",scatterPlot:"Pravokutnik raspr\u0161ivanja"},g={axisLabels:i,titleLabels:a,chartType:e};export{i as axisLabels,e as chartType,g as default,a as titleLabels};

package/dist/arcgis-charts-components/257SFVQN.js.LEGAL.txt

@@ -1,3 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.33/esri/copyright.txt for details.
-v4.33.0-next.99 */