@arcgis/charts-components 5.2.0-next.71 → 5.2.0-next.72
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/LICENSE.md +4 -2
- package/dist/cdn/{I5DMUUEL.js → 27QJPJG2.js} +1 -1
- package/dist/cdn/{4JWIBRGO.js → 2IT2RCIC.js} +1 -1
- package/dist/cdn/{K6F2LRKI.js → 3F3DSHMX.js} +1 -1
- package/dist/cdn/{3PDVKKKZ.js → 3O6KXZI3.js} +1 -1
- package/dist/cdn/{FJGG2VVZ.js → 3P2SRGLO.js} +1 -1
- package/dist/cdn/{OE7Q4MG5.js → 42A7W3OA.js} +1 -1
- package/dist/cdn/{4M4SAEH4.js → 4HZOLYYJ.js} +1 -1
- package/dist/cdn/{7KNUJIOC.js → 4MVV6KMX.js} +1 -1
- package/dist/cdn/{RCZLTGQI.js → 52AWRYBA.js} +1 -1
- package/dist/cdn/{54VUGIAU.js → 5TUEP4OK.js} +1 -1
- package/dist/cdn/{OAXHS4LE.js → 5X7Q3I6R.js} +1 -1
- package/dist/cdn/{PTUMQCFF.js → 6HRHDLP5.js} +1 -1
- package/dist/cdn/{2K4MIK4T.js → 6X64PHGO.js} +1 -1
- package/dist/cdn/{7REEJ3OW.js → 6XCI7UCI.js} +1 -1
- package/dist/cdn/{3WOYVXSZ.js → 6YZUX3IR.js} +1 -1
- package/dist/cdn/{JYLEN3VQ.js → 73JR3GLJ.js} +1 -1
- package/dist/cdn/{3FM3YR57.js → 7RSZDQRA.js} +1 -1
- package/dist/cdn/{BZ6FUIQF.js → AWL4BHAE.js} +1 -1
- package/dist/cdn/{27RKQQPS.js → BFX4S6V7.js} +1 -1
- package/dist/cdn/{LAPBDR32.js → BHH6HAXC.js} +1 -1
- package/dist/cdn/{4IO3VF3L.js → BJYYXABD.js} +1 -1
- package/dist/cdn/{WPLHZAZ3.js → BPRQJH3C.js} +1 -1
- package/dist/cdn/{25MA553Z.js → D4YMWPO7.js} +1 -1
- package/dist/cdn/{4JUR3VIE.js → DGJT4BLR.js} +1 -1
- package/dist/cdn/{CVFKL3S2.js → EPHJ2KVR.js} +1 -1
- package/dist/cdn/{L6DFXTSQ.js → FY42MP27.js} +1 -1
- package/dist/cdn/{IODRBLGT.js → G6RHXKZI.js} +1 -1
- package/dist/cdn/{GKEW5JYD.js → GBVHGXLI.js} +1 -1
- package/dist/cdn/{JAQYU6KP.js → GDCYGJRG.js} +1 -1
- package/dist/cdn/{NUHPR7BM.js → GEGDQRVU.js} +1 -1
- package/dist/cdn/{LIDWAYQH.js → GIW5FIBF.js} +28 -28
- package/dist/cdn/{3B6QE7OV.js → GW33HA7C.js} +1 -1
- package/dist/cdn/{GIH3U7YP.js → HE4DQBAF.js} +1 -1
- package/dist/cdn/{QAXXYD6N.js → HEV6CQ2O.js} +1 -1
- package/dist/cdn/{AVE3KXWQ.js → HFWQWWZX.js} +1 -1
- package/dist/cdn/{LPYRKK25.js → HGWVBXGI.js} +1 -1
- package/dist/cdn/{6TJIHHQF.js → HTDEFWRO.js} +1 -1
- package/dist/cdn/{VHW4OAKG.js → IMJT2ADR.js} +1 -1
- package/dist/cdn/{SL7NRRSJ.js → IOF3LHQS.js} +1 -1
- package/dist/cdn/{P6DBPQZO.js → IQAQH55N.js} +1 -1
- package/dist/cdn/{33JR3GH6.js → IRLDFW6T.js} +1 -1
- package/dist/cdn/{PIEX577B.js → J3UWN6IT.js} +1 -1
- package/dist/cdn/{3V4ZETXH.js → JCMK62IU.js} +1 -1
- package/dist/cdn/{IK4FPUFJ.js → JRLNI3JM.js} +1 -1
- package/dist/cdn/{OTFA727N.js → JU77OUXG.js} +1 -1
- package/dist/cdn/{4ODTQZJK.js → JZIH5BEO.js} +1 -1
- package/dist/cdn/{DT5BOM5F.js → KW4YJOEM.js} +1 -1
- package/dist/cdn/{WM6SCZHN.js → L44RZ2LJ.js} +1 -1
- package/dist/cdn/{2SLJKRSD.js → LFUOUZRD.js} +1 -1
- package/dist/cdn/{4DC4ARHU.js → LQU6DEB6.js} +1 -1
- package/dist/cdn/{QWCNHH6G.js → MHWVJW2G.js} +1 -1
- package/dist/cdn/{QT64PB4L.js → MQJ65BCX.js} +1 -1
- package/dist/cdn/{VNYRZDY5.js → N7PKDRUM.js} +1 -1
- package/dist/cdn/{E7QFC64H.js → NBS2RCOO.js} +1 -1
- package/dist/cdn/{MAC4MPUA.js → NORDWTUH.js} +1 -1
- package/dist/cdn/{IO6A77U4.js → NWH7AJ52.js} +1 -1
- package/dist/cdn/{ROG3HFDT.js → P5HKNAV6.js} +1 -1
- package/dist/cdn/{QSGJ3MAT.js → PCTPAU4P.js} +1 -1
- package/dist/cdn/{VAF3UIVA.js → PDSFLHBW.js} +1 -1
- package/dist/cdn/{3XB2RWHK.js → QAQ7XMIR.js} +1 -1
- package/dist/cdn/{BQORJ3LU.js → QQO3KMZ4.js} +1 -1
- package/dist/cdn/{XH57C72H.js → RI7OFHO5.js} +1 -1
- package/dist/cdn/{MOG5ZVLX.js → RLZXSSP6.js} +1 -1
- package/dist/cdn/{ZK5Z6BOX.js → S3LRWKAX.js} +1 -1
- package/dist/cdn/{BAFCVCT4.js → S3XBL7KR.js} +1 -1
- package/dist/cdn/{SSQPRUUN.js → SCVLTVPD.js} +1 -1
- package/dist/cdn/SG2DVYJ7.js +2 -0
- package/dist/cdn/{NF4EBNLN.js → SU5W5NFD.js} +1 -1
- package/dist/cdn/{WDUTZ6EO.js → SWD33GFB.js} +1 -1
- package/dist/cdn/{RCLHFY6O.js → TEVJHF4T.js} +1 -1
- package/dist/cdn/{O2BQ374Y.js → TTW52EWC.js} +1 -1
- package/dist/cdn/{F5AR3N3Z.js → UAUXUYSZ.js} +1 -1
- package/dist/cdn/{BNNBHYRP.js → UKVRMGYE.js} +1 -1
- package/dist/cdn/{NAGOJPIX.js → V35ALJHW.js} +2 -2
- package/dist/cdn/{CRQK4CKK.js → V5EPH7SJ.js} +1 -1
- package/dist/cdn/{QC3FMJKL.js → V6WZ4HG3.js} +1 -1
- package/dist/cdn/{V2FHLWYC.js → VLTMMRNO.js} +1 -1
- package/dist/cdn/{5NVOWYWZ.js → VPYOVHNR.js} +1 -1
- package/dist/cdn/{5GZDXWTQ.js → WDBM5DMV.js} +1 -1
- package/dist/cdn/{7XWR4EVM.js → WMXFQ3W5.js} +1 -1
- package/dist/cdn/{VUHFYOLC.js → YALJ3XEN.js} +1 -1
- package/dist/cdn/{EJWHEBKW.js → ZBP6VJMM.js} +1 -1
- package/dist/cdn/{OE7FIKPS.js → ZCCW2VVQ.js} +1 -1
- package/dist/cdn/{NP24UZGI.js → ZKB6OSA6.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/cdn/model/shared/setup-utils.js +1 -1
- package/dist/chunks/index2.js +1548 -1548
- package/dist/chunks/pie-chart-model.js +385 -334
- package/dist/chunks/type-guards2.js +15 -15
- package/dist/components/arcgis-chart/customElement.d.ts +11 -29
- package/dist/components/arcgis-chart/customElement.js +168 -163
- 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/model/pie-chart-model/pie-chart-legend-model.d.ts +7 -55
- package/dist/model/pie-chart-model/pie-chart-model.d.ts +59 -2
- package/dist/model/shared/type-guards.d.ts +1 -0
- package/package.json +4 -4
- package/dist/cdn/CNI32IL3.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as f}from"./D3YWSIAT.js";import{a as v}from"./IPEJCIHO.js";import{b as R,c as U}from"./IHO3OLL3.js";import c from"./IK4FPUFJ.js";import{g as l}from"./JYC77MVD.js";import{a as L}from"./SN4KBI42.js";import b from"./4JWIBRGO.js";import a from"./NAGOJPIX.js";import{n as z,u as N}from"./CRNIOME2.js";import"./BGOWDCTO.js";import{Aa as T,za as w}from"./USNJZCHH.js";import{a as y}from"./KX7KGXKQ.js";import{l as $}from"./SP2IPHWF.js";import"./LJTJTGIW.js";import{A as d,B as x,C as r,D,F,H as A,g as I,i as s,n as C,z as g}from"./7SBVBD4E.js";import{a as p}from"./QP5UAIC6.js";import"./KJZTU3DV.js";import{b as E,k as m,o as u}from"./K4APZJ2O.js";import"./BYSUABOV.js";export default $arcgis.t(([{substitute:W},{Aa:B,Ba:_,Da:K,Ea:k,pc:O},,{a:P,c:b,g:j,k:h,o:H,r:M}])=>{var Y=I`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}.sort-order-pick-list{overflow-y:hidden}.panel{max-height:60vh}.panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}.panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}.panel .apply-button{width:17rem}`,n={name:"bar-chart-data-popover",header:"header",fab:"fab",popoverPickList:"popover-pick-list",rotateClass:"sort-y-axis",sortOrderPickList:"sort-order-pick-list",sizeSection:"size-section",applyButton:"apply-button",panel:"panel"},S=class extends x{constructor(){super(...arguments),this._messages=L(),this.commonStrings=L({name:"common",blocking:!0}),this.picklist=g(),this.intervalSizeElement=g(),this.intervalTypeElement=g(),this.popoverElement=g(),this.placement="leading",this.offsetDistance=-200,this.pickListHasChanged=!1,this.aggregationLabels=[],this.open=!1,this.layerFieldsInfo=[],this.isCustomSortDisabled=!1,this.isNoAggregationDisabled=!1,this.arcgisChartsConfigBarChartDataPopoverChange=C(),this.arcgisChartsConfigPopoverClose=C()}static{this.properties={aggregationLabels:16,timeAggregationLabels:16,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1,isCustomSortDisabled:5,isNoAggregationDisabled:5}}static{this.styles=Y}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"));let t=b.map(a=>w(a,this.commonStrings));$(this.aggregationLabels,t)||(this.aggregationLabels=t);let i=[u.Start,u.End].map(a=>T(a,this.commonStrings));$(this.timeAggregationLabels,i)||(this.timeAggregationLabels=i)}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},P.PopoverTimer),R(this.popoverElement.value,this.open)}selectedContentChange(e,t){this.pickListHasChanged=U(e,t)}buildAggregationListItems(){let e=this.isNoAggregationDisabled?b.filter(t=>t!==E.NoAggregation):b;return f(e,t=>t,(t,i)=>s`<calcite-list-item .label=${this.aggregationLabels[i]} .value=${t} .selected=${h(t,this.selectedContent)}></calcite-list-item>`)}createTooltip(e){if(e.target?.label===this._messages.customSort&&this.isCustomSortDisabled){let t=e.target,i=O(t),a=new Intl.NumberFormat(i).format(P.customSortLimit),o=W(this._messages.customSortLimit??"",{totalLimit:a});this.tooltip=F(s`<calcite-tooltip style=${D({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${o}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}}destroyTooltip(){M(this.tooltip)}buildSortOrder(){let e=Object.keys(p),t;return f(e,i=>i,i=>{let a="";switch(i){case p.xAxisAsc:{t="a-z-down";break}case p.xAxisDesc:{t="a-z-up";break}case p.yAxisAsc:{t="sort-descending",a=n.rotateClass;break}case p.yAxisDesc:{t="sort-ascending",a=n.rotateClass;break}case p.customSort:{t="arrow-up-down";break}}return s`<calcite-list-item .disabled=${this.isCustomSortDisabled&&i===p.customSort} .label=${this._messages[i]} .selected=${this.selectedContent===i} .value=${p[i]} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}><calcite-icon class=${`sort-icon-color ${a}`} slot=content-start .icon=${t}></calcite-icon></calcite-list-item>`})}buildPickListItem(e){return v(e.name,s`<calcite-list-item .label=${z(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${h(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,i=[];switch(e){case l.numericFields:{for(let a=0;a<t;a+=1){let o=this.layerFieldsInfo?.[a];o&&B(o)&&i.push(this.buildPickListItem(o))}break}case l.category:{let a=v(" ",s`<calcite-list-item label=" " value=" " .selected=${h("",this.selectedContent)}></calcite-list-item>`);i.push(a);for(let o=0;o<t;o+=1){let c=this.layerFieldsInfo?.[o];c&&(c.type===y.String||k(c)||_(c)||K(c))&&i.push(this.buildPickListItem(c))}break}case l.splitByField:{let a=v(" ",s`<calcite-list-item label=" " value=" " .selected=${h("",this.selectedContent)}></calcite-list-item>`);i.push(a);for(let o=0;o<t;o+=1){let c=this.layerFieldsInfo?.[o];c&&(k(c)||c.type===y.String)&&i.push(this.buildPickListItem(c))}break}}return i}closePopover(){if(this.contentKind===l.numericFields&&this.pickListHasChanged){let e={pickListElement:this.picklist.value,eventEmitter:this.arcgisChartsConfigBarChartDataPopoverChange,contentKind:this.contentKind};H(e)}this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){let t=e.target.selectedItems;this.arcgisChartsConfigBarChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(i=>i.value)}),this.open=!1}intervalChange(){let e=Number.parseInt(this.intervalSizeElement.value?.value??""),t=this.intervalTypeElement.value?.selectedOption?.value;!Number.isNaN(e)&&e>0&&this.arcgisChartsConfigBarChartDataPopoverChange.emit({contentKind:this.contentKind,value:[{intervalSize:e,intervalUnits:t}]}),this.open=!1}onNumericFieldsChange(e){e.target!==null&&(this.selectedContent=e.target.selectedItems.map(t=>t.value))}onNumericFieldSelectionDone(){this.closePopover()}buildIntervalAlignmentPickListItems(){let e=[u.Start,u.End];return f(e,t=>t,(t,i)=>s`<calcite-list-item .label=${this.timeAggregationLabels?.[i]} .value=${t} .selected=${h(t,this.selectedContent)}></calcite-list-item>`)}renderAggregationType(){let e=this.buildAggregationListItems();return s`<calcite-list label class=${r(n.popoverPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderCategory(){let e=this.buildPickListItems(l.category);return s`<calcite-list label class=${r(n.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${d(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(l.numericFields);return s`<calcite-list label selection-mode=multiple class=${r(n.popoverPickList)} filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${d(this.picklist)}>${e}</calcite-list>`}renderSortOrder(){let e=this.buildSortOrder();return s`<calcite-list label class=${`${n.popoverPickList} ${n.sortOrderPickList}`} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderSplitByField(){let e=this.buildPickListItems(l.splitByField);return s`<calcite-list label class=${r(n.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${d(this.picklist)}>${e}</calcite-list>`}renderIntervalAlignment(){let e=this.buildIntervalAlignmentPickListItems();return s`<calcite-list label class=${r(n.popoverPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderInterval(){let e=this.selectedContent,t=[m.Second,m.Minute,m.Hour,m.Day,m.Week,m.Month,m.Year];return s`<div><div class=${r(n.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${j(e?.size,1)} ${d(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType??""} ${d(this.intervalTypeElement)}>${t.map(i=>s`<calcite-option .value=${i} .label=${N(i,this._messages)} .selected=${e?.unit===i}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${r(n.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`}renderPopoverInfo(){let e;switch(this.contentKind){case l.aggregation:e=this.renderAggregationType();break;case l.category:e=this.renderCategory();break;case l.numericFields:e=this.renderNumericFields();break;case l.splitByField:e=this.renderSplitByField();break;case l.sortOrder:e=this.renderSortOrder();break;case l.intervalAlignment:e=this.renderIntervalAlignment();break;case l.interval:e=this.renderInterval();break}return e}render(){let e;return this.contentKind===l.numericFields&&(e=s`<div slot=footer><calcite-fab class=${r(n.fab)} appearance=outline-fill kind=neutral .icon=${void 0} .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`),s`<div><calcite-popover class=${r(n.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${d(this.popoverElement)}><calcite-panel class=${r(n.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${r(n.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};A("arcgis-charts-config-bar-chart-popover",S);return S},"intl",a,b,c)
|
|
2
|
+
import{a as f}from"./D3YWSIAT.js";import{a as v}from"./IPEJCIHO.js";import{b as R,c as U}from"./IHO3OLL3.js";import c from"./JRLNI3JM.js";import{g as l}from"./JYC77MVD.js";import{a as L}from"./SN4KBI42.js";import b from"./2IT2RCIC.js";import a from"./V35ALJHW.js";import{n as z,u as N}from"./CRNIOME2.js";import"./BGOWDCTO.js";import{Aa as T,za as w}from"./USNJZCHH.js";import{a as y}from"./KX7KGXKQ.js";import{l as $}from"./SP2IPHWF.js";import"./LJTJTGIW.js";import{A as d,B as x,C as r,D,F,H as A,g as I,i as s,n as C,z as g}from"./7SBVBD4E.js";import{a as p}from"./QP5UAIC6.js";import"./KJZTU3DV.js";import{b as E,k as m,o as u}from"./K4APZJ2O.js";import"./BYSUABOV.js";export default $arcgis.t(([{substitute:W},{Aa:B,Ba:_,Da:K,Ea:k,pc:O},,{a:P,c:b,g:j,k:h,o:H,r:M}])=>{var Y=I`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.popover-pick-list{font-size:small;max-width:var(--arcgis-charts-config-popover-pick-list-max-width)}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}.sort-order-pick-list{overflow-y:hidden}.panel{max-height:60vh}.panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}.panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}.panel .apply-button{width:17rem}`,n={name:"bar-chart-data-popover",header:"header",fab:"fab",popoverPickList:"popover-pick-list",rotateClass:"sort-y-axis",sortOrderPickList:"sort-order-pick-list",sizeSection:"size-section",applyButton:"apply-button",panel:"panel"},S=class extends x{constructor(){super(...arguments),this._messages=L(),this.commonStrings=L({name:"common",blocking:!0}),this.picklist=g(),this.intervalSizeElement=g(),this.intervalTypeElement=g(),this.popoverElement=g(),this.placement="leading",this.offsetDistance=-200,this.pickListHasChanged=!1,this.aggregationLabels=[],this.open=!1,this.layerFieldsInfo=[],this.isCustomSortDisabled=!1,this.isNoAggregationDisabled=!1,this.arcgisChartsConfigBarChartDataPopoverChange=C(),this.arcgisChartsConfigPopoverClose=C()}static{this.properties={aggregationLabels:16,timeAggregationLabels:16,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1,isCustomSortDisabled:5,isNoAggregationDisabled:5}}static{this.styles=Y}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"));let t=b.map(a=>w(a,this.commonStrings));$(this.aggregationLabels,t)||(this.aggregationLabels=t);let i=[u.Start,u.End].map(a=>T(a,this.commonStrings));$(this.timeAggregationLabels,i)||(this.timeAggregationLabels=i)}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},P.PopoverTimer),R(this.popoverElement.value,this.open)}selectedContentChange(e,t){this.pickListHasChanged=U(e,t)}buildAggregationListItems(){let e=this.isNoAggregationDisabled?b.filter(t=>t!==E.NoAggregation):b;return f(e,t=>t,(t,i)=>s`<calcite-list-item .label=${this.aggregationLabels[i]} .value=${t} .selected=${h(t,this.selectedContent)}></calcite-list-item>`)}createTooltip(e){if(e.target?.label===this._messages.customSort&&this.isCustomSortDisabled){let t=e.target,i=O(t),a=new Intl.NumberFormat(i).format(P.customSortLimit),o=W(this._messages.customSortLimit??"",{totalLimit:a});this.tooltip=F(s`<calcite-tooltip style=${D({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${o}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}}destroyTooltip(){M(this.tooltip)}buildSortOrder(){let e=Object.keys(p),t;return f(e,i=>i,i=>{let a="";switch(i){case p.xAxisAsc:{t="a-z-down";break}case p.xAxisDesc:{t="a-z-up";break}case p.yAxisAsc:{t="sort-descending",a=n.rotateClass;break}case p.yAxisDesc:{t="sort-ascending",a=n.rotateClass;break}case p.customSort:{t="arrow-up-down";break}}return s`<calcite-list-item .disabled=${this.isCustomSortDisabled&&i===p.customSort} .label=${this._messages[i]} .selected=${this.selectedContent===i} .value=${p[i]} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}><calcite-icon class=${`sort-icon-color ${a}`} slot=content-start .icon=${t}></calcite-icon></calcite-list-item>`})}buildPickListItem(e){return v(e.name,s`<calcite-list-item .label=${z(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${h(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,i=[];switch(e){case l.numericFields:{for(let a=0;a<t;a+=1){let o=this.layerFieldsInfo?.[a];o&&B(o)&&i.push(this.buildPickListItem(o))}break}case l.category:{let a=v(" ",s`<calcite-list-item label=" " value=" " .selected=${h("",this.selectedContent)}></calcite-list-item>`);i.push(a);for(let o=0;o<t;o+=1){let c=this.layerFieldsInfo?.[o];c&&(c.type===y.String||k(c)||_(c)||K(c))&&i.push(this.buildPickListItem(c))}break}case l.splitByField:{let a=v(" ",s`<calcite-list-item label=" " value=" " .selected=${h("",this.selectedContent)}></calcite-list-item>`);i.push(a);for(let o=0;o<t;o+=1){let c=this.layerFieldsInfo?.[o];c&&(k(c)||c.type===y.String)&&i.push(this.buildPickListItem(c))}break}}return i}closePopover(){if(this.contentKind===l.numericFields&&this.pickListHasChanged){let e={pickListElement:this.picklist.value,eventEmitter:this.arcgisChartsConfigBarChartDataPopoverChange,contentKind:this.contentKind};H(e)}this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){let t=e.target.selectedItems;this.arcgisChartsConfigBarChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(i=>i.value)}),this.open=!1}intervalChange(){let e=Number.parseInt(this.intervalSizeElement.value?.value??""),t=this.intervalTypeElement.value?.selectedOption?.value;!Number.isNaN(e)&&e>0&&this.arcgisChartsConfigBarChartDataPopoverChange.emit({contentKind:this.contentKind,value:[{intervalSize:e,intervalUnits:t}]}),this.open=!1}onNumericFieldsChange(e){e.target!==null&&(this.selectedContent=e.target.selectedItems.map(t=>t.value))}onNumericFieldSelectionDone(){this.closePopover()}buildIntervalAlignmentPickListItems(){let e=[u.Start,u.End];return f(e,t=>t,(t,i)=>s`<calcite-list-item .label=${this.timeAggregationLabels?.[i]} .value=${t} .selected=${h(t,this.selectedContent)}></calcite-list-item>`)}renderAggregationType(){let e=this.buildAggregationListItems();return s`<calcite-list label class=${r(n.popoverPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderCategory(){let e=this.buildPickListItems(l.category);return s`<calcite-list label class=${r(n.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${d(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(l.numericFields);return s`<calcite-list label selection-mode=multiple class=${r(n.popoverPickList)} filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${d(this.picklist)}>${e}</calcite-list>`}renderSortOrder(){let e=this.buildSortOrder();return s`<calcite-list label class=${`${n.popoverPickList} ${n.sortOrderPickList}`} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderSplitByField(){let e=this.buildPickListItems(l.splitByField);return s`<calcite-list label class=${r(n.popoverPickList)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${d(this.picklist)}>${e}</calcite-list>`}renderIntervalAlignment(){let e=this.buildIntervalAlignmentPickListItems();return s`<calcite-list label class=${r(n.popoverPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderInterval(){let e=this.selectedContent,t=[m.Second,m.Minute,m.Hour,m.Day,m.Week,m.Month,m.Year];return s`<div><div class=${r(n.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${j(e?.size,1)} ${d(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType??""} ${d(this.intervalTypeElement)}>${t.map(i=>s`<calcite-option .value=${i} .label=${N(i,this._messages)} .selected=${e?.unit===i}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${r(n.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`}renderPopoverInfo(){let e;switch(this.contentKind){case l.aggregation:e=this.renderAggregationType();break;case l.category:e=this.renderCategory();break;case l.numericFields:e=this.renderNumericFields();break;case l.splitByField:e=this.renderSplitByField();break;case l.sortOrder:e=this.renderSortOrder();break;case l.intervalAlignment:e=this.renderIntervalAlignment();break;case l.interval:e=this.renderInterval();break}return e}render(){let e;return this.contentKind===l.numericFields&&(e=s`<div slot=footer><calcite-fab class=${r(n.fab)} appearance=outline-fill kind=neutral .icon=${void 0} .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`),s`<div><calcite-popover class=${r(n.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${d(this.popoverElement)}><calcite-panel class=${r(n.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${r(n.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};A("arcgis-charts-config-bar-chart-popover",S);return S},"intl",a,b,c)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import h from"./
|
|
2
|
+
import h from"./JRLNI3JM.js";import"./JYC77MVD.js";import{a as A}from"./SN4KBI42.js";import g from"./FY42MP27.js";import f from"./LFUOUZRD.js";import{j as r,l as o,p as n}from"./5X7Q3I6R.js";import"./WDMYVS4F.js";import e from"./RLZXSSP6.js";import d from"./ZBP6VJMM.js";import c from"./2IT2RCIC.js";import b from"./V35ALJHW.js";import"./CRNIOME2.js";import"./BGOWDCTO.js";import"./USNJZCHH.js";import"./KX7KGXKQ.js";import{k as v}from"./SP2IPHWF.js";import"./LJTJTGIW.js";import{A as u,B as C,C as i,H as $,g as T,i as l,z as p}from"./7SBVBD4E.js";import"./DAFNQT4C.js";import"./QP5UAIC6.js";import"./KJZTU3DV.js";import{e as a}from"./K4APZJ2O.js";import"./BYSUABOV.js";export default $arcgis.t(([,,,,{a:c,c:m,e:g},{b:f},{h:y,i:b}])=>{var s={textInput:"text-input",label:"label",labelContainer:"label-container",select:"select"},I=T`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;margin-top:var(--arcgis-charts-top-section-margin)}.text-input,.select{margin-bottom:var(--arcgis-charts-inter-section-margin)}.label{display:flex;justify-content:space-between}.label-container{display:flex;flex-direction:column;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}`,x=class extends C{constructor(){super(...arguments),this._messages=A(),this.characterLimitInputElement=p(),this.onModelConfigChange=()=>{this.requestUpdate()},this.resetChartTitleToBeDynamic=()=>{let e=this.model.generateChartTitle();this.model.titleText=e,this.disableResetButtonForChartTitle=!1},this.resetXAxisTitleToBeDynamic=()=>{if(c(this.model)&&g(this.model)){let e=this.model.generateXAxisTitle();this.model.xAxisTitleText=e}this.disableResetButtonForXAxisTitle=!1},this.resetYAxisTitleToBeDynamic=()=>{if(o(this.model)){let e=r(this.model)?this.model.getDefaultXAxisTitleText():this.model.generateYAxisTitle();this.model.setAxisTitleText(e,1)}this.disableResetButtonForYAxisTitle=!1},this.isPartialConfig=!1,this.disableResetButtonForChartTitle=!1,this.disableResetButtonForXAxisTitle=!1,this.disableResetButtonForYAxisTitle=!1,this.isChartTitleInvalid=!1,this.open=!1}static{this.properties={disableResetButtonForChartTitle:16,disableResetButtonForXAxisTitle:16,disableResetButtonForYAxisTitle:16,isChartTitleInvalid:16,messageOverrides:0,model:0,open:5}}static{this.styles=I}load(){this.modelChange(this.model)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model")),this.handleResetButtons()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}handleResetButtons(){this.isPartialConfig=f(this.model.config);let e=this.model.generateChartTitle(),t=this.model.titleText;if(this.disableResetButtonForChartTitle=this.isPartialConfig||e===t,c(this.model)&&g(this.model)){let h=this.model.generateXAxisTitle(),d=this.model.xAxisTitleText;this.disableResetButtonForXAxisTitle=this.isPartialConfig||h===d}if(o(this.model)){let h=r(this.model)?this.model.getDefaultXAxisTitleText():this.model.generateYAxisTitle(),d=this.model.getAxisTitleText(1);this.disableResetButtonForYAxisTitle=this.isPartialConfig||h===d}}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}setChartTitle(e){let{value:t}=e.target;this.isChartTitleInvalid=v(t.trim()),this.characterLimitInputElement.value&&y({inputElement:this.characterLimitInputElement.value,status:this.isChartTitleInvalid?b.INVALID:b.IDLE}),this.isChartTitleInvalid||(this.model.titleText=t)}setChartLegendTitle(e){let{value:t}=e.target;t!==void 0&&n(this.model)&&(this.model.legendTitleText=t)}setChartXAxisTitle(e){let{value:t}=e.target;t!==void 0&&c(this.model)&&(this.model.xAxisTitleText=t)}setChartYAxisTitle(e){let{value:t}=e.target;t!==void 0&&o(this.model)&&this.model.setAxisTitleText(t,1)}setChartDescription(e){let{value:t}=e.target;t!==void 0&&(this.model.descriptionText=t)}enableChartTitle(e){let t=e.target.checked;this.model.chartTitleVisibility=t}enableXAxisTitle(e){let t=e.target.checked;m(this.model)&&(this.model.xAxisTitleVisibility=t)}enableYAxisTitle(e){let t=e.target.checked;o(this.model)&&this.model.setAxisTitleVisibility(t,1)}enableLegendTitle(e){let t=e.target.checked;n(this.model)&&(this.model.legendTitleVisibility=t)}enableDescription(e){let t=e.target.checked;this.model.descriptionVisibility=t}legendPositionChange(e){let t=e.target?.selectedItems[0]?.value;n(this.model)&&(this.model.legendPosition=t)}renderLegendPositions(){return n(this.model)?[l`<calcite-combobox-item .value=${a.Right} .heading=${this._messages.legendRightPosition??""} .selected=${this.model.legendPosition===a.Right} icon=right-edge></calcite-combobox-item>`,l`<calcite-combobox-item .value=${a.Left} .heading=${this._messages.legendLeftPosition??""} .selected=${this.model.legendPosition===a.Left} icon=left-edge></calcite-combobox-item>`,l`<calcite-combobox-item .value=${a.Top} .heading=${this._messages.legendTopPosition??""} .selected=${this.model.legendPosition===a.Top} icon=upload-to></calcite-combobox-item>`,l`<calcite-combobox-item .value=${a.Bottom} .heading=${this._messages.legendBottomPosition??""} .selected=${this.model.legendPosition===a.Bottom} icon=download-to></calcite-combobox-item>`]:[]}render(){return l`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.chartTitle}<div><calcite-button @click=${this.resetChartTitleToBeDynamic} .disabled=${this.disableResetButtonForChartTitle} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button><calcite-switch .checked=${this.model.chartTitleVisibility} @calciteSwitchChange=${this.enableChartTitle}></calcite-switch></div></calcite-label><calcite-input class=${i(s.textInput)} type=text .disabled=${!this.model.chartTitleVisibility} .value=${this.isPartialConfig?"":this.model.titleText} @calciteInputInput=${this.setChartTitle} ${u(this.characterLimitInputElement)}></calcite-input><arcgis-charts-config-invalid-input-message .invalidInputMessage=${this._messages.emptyChartTitle} .isInvalid=${this.isChartTitleInvalid}></arcgis-charts-config-invalid-input-message></div>${c(this.model)&&m(this.model)?[l`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.xAxisTitle}<div><calcite-button @click=${this.resetXAxisTitleToBeDynamic} .disabled=${this.disableResetButtonForXAxisTitle} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button><calcite-switch .checked=${this.model.xAxisTitleVisibility} @calciteSwitchChange=${this.enableXAxisTitle}></calcite-switch></div></calcite-label><calcite-input class=${i(s.textInput)} type=text .disabled=${!this.model.xAxisTitleVisibility} .value=${this.isPartialConfig?"":this.model.xAxisTitleText} @calciteInputInput=${this.setChartXAxisTitle}></calcite-input></div>`,o(this.model)?l`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.yAxisTitle}<div><calcite-button @click=${this.resetYAxisTitleToBeDynamic} .disabled=${this.disableResetButtonForYAxisTitle} appearance=transparent icon-end=reset>${this._messages.reset}</calcite-button><calcite-switch .checked=${this.model.getAxisTitleVisibility(1)} @calciteSwitchChange=${this.enableYAxisTitle}></calcite-switch></div></calcite-label><calcite-input class=${i(s.textInput)} tabindex=1 type=text .disabled=${!this.model.getAxisTitleVisibility(1)} .value=${this.model.getAxisTitleText(1)} @calciteInputInput=${this.setChartYAxisTitle}></calcite-input></div>`:null]:null}${n(this.model)?l`<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.legendTitle}<calcite-switch .checked=${this.model.legendTitleVisibility} @calciteSwitchChange=${this.enableLegendTitle}></calcite-switch></calcite-label><calcite-input class=${i(s.textInput)} type=text .disabled=${!this.model.legendTitleVisibility} .value=${this.model.legendTitleText} @calciteInputInput=${this.setChartLegendTitle}></calcite-input></div>`:null}<div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.legendPosition}</calcite-label><calcite-combobox clear-disabled label class=${i(s.select)} @calciteComboboxChange=${this.legendPositionChange} selection-mode=single>${this.renderLegendPositions()}</calcite-combobox></div><div class=${i(s.labelContainer)}><calcite-label layout=inline-space-between class=${i(s.label)}>${this._messages.description}<calcite-switch .checked=${this.model.descriptionVisibility} @calciteSwitchChange=${this.enableDescription}></calcite-switch></calcite-label><calcite-text-area .disabled=${!this.model.descriptionVisibility} .value=${this.model.descriptionText} @calciteTextAreaInput=${this.setChartDescription} resize=vertical></calcite-text-area></div>`}};$("arcgis-charts-config-general",x);return x},b,c,d,e,f,g,h)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b as C}from"./IHO3OLL3.js";import j from"./
|
|
2
|
+
import{b as C}from"./IHO3OLL3.js";import j from"./JRLNI3JM.js";import"./JYC77MVD.js";import{a as g}from"./SN4KBI42.js";import f from"./2IT2RCIC.js";import b from"./V35ALJHW.js";import"./CRNIOME2.js";import"./BGOWDCTO.js";import"./USNJZCHH.js";import"./KX7KGXKQ.js";import{k as d}from"./SP2IPHWF.js";import"./LJTJTGIW.js";import{A as n,B as m,C as e,H as p,g as c,i as h,n as a,z as i}from"./7SBVBD4E.js";import"./QP5UAIC6.js";import"./KJZTU3DV.js";import"./K4APZJ2O.js";import"./BYSUABOV.js";export default $arcgis.t(([,,{h:v,i:s}])=>{var r={chartRenameComponent:"chart-rename-component",renameLabelContainer:"rename-label-container",renamePanel:"rename-panel"},u=c`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.chart-rename-component{width:var(--arcgis-charts-config-panel-width-medium);height:var(--arcgis-charts-config-panel-height)}:host{overflow-y:auto;width:min-content}.rename-label-container{display:flex}.rename-label-container calcite-label{flex:1 1 0px;display:flex;width:0px}.rename-label-container{padding:0 1rem;margin-top:1rem}.rename-panel{width:calc(var(--calcite-panel-width-multiplier) * 20vw);max-width:calc(var(--calcite-panel-width-multiplier) * 420px);min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}`,l=class extends m{constructor(){super(...arguments),this._messages=g(),this.characterLimitInputElement=i(),this.popoverElement=i(),this.isChartTitleInvalid=!1,this.changedName="",this.name="",this.open=!1,this.arcgisChartsConfigChartRenamePopoverChange=a(),this.arcgisChartsConfigPopoverClose=a()}static{this.properties={isChartTitleInvalid:16,changedName:16,messageOverrides:0,name:1,open:5,referenceElement:0}}static{this.styles=u}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(t){t.has("name")&&(this.changedName=this.name)}updated(){this.popoverElement.value?.reposition(),C(this.popoverElement.value,this.open)}onNameChange(t){let o=t.target.value;this.changedName=o,this.isChartTitleInvalid=d(o.trim()),this.characterLimitInputElement.value&&v({inputElement:this.characterLimitInputElement.value,status:this.isChartTitleInvalid?s.INVALID:s.IDLE})}onCancelClick(){this.changedName=this.name,this.arcgisChartsConfigPopoverClose.emit(),this.open=!1}onSubmitClick(){this.isChartTitleInvalid||(this.name=this.changedName,this.arcgisChartsConfigChartRenamePopoverChange.emit({name:this.changedName}),this.open=!1)}popoverClose(){this.changedName=this.name,this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}render(){return h`<div class=${e({[r.chartRenameComponent]:!0})}><calcite-popover .referenceElement=${this.referenceElement??document.body} @calcitePopoverClose=${this.popoverClose} .open=${this.open} placement=bottom label auto-close ${n(this.popoverElement)}><calcite-panel class=${e(r.renamePanel)} closable .closed=${!this.open} @calcitePanelClose=${this.popoverClose} .heading=${this._messages.renameChart}><div class=${e(r.renameLabelContainer)}><calcite-label>${this._messages.chartName}<calcite-input required type=text .value=${this.changedName} @calciteInputInput=${this.onNameChange} ${n(this.characterLimitInputElement)}></calcite-input><arcgis-charts-config-invalid-input-message .invalidInputMessage=${this._messages.emptyChartTitle} .isInvalid=${this.isChartTitleInvalid}></arcgis-charts-config-invalid-input-message></calcite-label></div><calcite-button slot=footer appearance=solid scale=m width=half @click=${this.onSubmitClick}>${this._messages.submit}</calcite-button><calcite-button slot=footer appearance=outline-fill scale=m width=half @click=${this.onCancelClick}>${this._messages.cancel}</calcite-button></calcite-panel></calcite-popover></div>`}};p("arcgis-charts-config-chart-rename-popover",l);return l},b,f,j)
|