@arcgis/charts-components 5.2.0-next.29 → 5.2.0-next.30

package/dist/cdn/MRNQGHRD.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as c}from"./S7Z4HRW7.js";import{b as k}from"./IHO3OLL3.js";import e from"./6CB5R4QQ.js";import{a as $}from"./JHANH4UG.js";import{i as l}from"./AK7X7SGI.js";import d from"./MEA74C44.js";import"./WNKDEOFZ.js";import a from"./BJBNELDD.js";import"./EZV7JSQJ.js";import{n as b}from"./3TBK72EK.js";import{i as C}from"./PAIRUVLU.js";import{f as v}from"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./IHHPUKGG.js";import{A as h,B as f,C as i,H as y,g,i as t,n as p,z as m}from"./RIM4HLHN.js";import"./QP5UAIC6.js";import"./XJFVSX2E.js";import{c as s}from"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([{sb:u},,{a:P,l:S}])=>{var o={symbolPropertyPopover:"symbol-property-popover",colorPicker:"color-picker",header:"header",pickListItemLabel:"pick-list-item-label",fieldSelectPanel:"field-select-panel",transformationPanel:"transformation-panel"},w=g`.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)}.right{display:block;text-align:right}.inline{display:inline-flex;flex-wrap:wrap}.symbol-property-popover{min-width:300px}.symbol-property-popover .inline{align-items:center;margin-bottom:1rem;padding:0 1rem}.symbol-property-popover .inline calcite-action{margin-left:.2rem}.symbol-property-popover .inline input,.symbol-property-popover .inline select{width:4rem;margin-left:.5rem;height:24px}.symbol-property-popover .inline select{width:6rem}.symbol-property-popover .color calcite-icon{margin-left:.5rem}.symbol-property-popover .color .color-picker{padding:1rem}.header{margin:0;font-weight:bolder}.pick-list-item-label{font-size:small}.field-select-panel{max-height:60vh}.transformation-panel{width:calc(var(--calcite-panel-width-multiplier) * 12vw);max-width:calc(var(--calcite-panel-width-multiplier) * 300px);min-width:calc(var(--calcite-panel-width-multiplier) * 150px);min-width:calc(var(--calcite-panel-width-multiplier) * 170px)}`,d=class extends f{constructor(){super(...arguments),this._messages=$(),this.picklist=m(),this.popoverElement=m(),this.layerFieldsInfo=[],this.open=!1,this.arcgisChartsConfigHistogramPopoverChange=p(),this.arcgisChartsConfigHistogramPopoverSymbolChange=p(),this.arcgisChartsConfigPopoverClose=p()}static{this.properties={messageOverrides:0,layerFieldsInfo:0,headingTitle:1,selectedNumericField:1,selectedTransformationType:1,selectedOverlaySymbol:0,selectedBinColor:0,referenceElement:0,contentKind:1,placement:1,open:5,selectedOverlaySymbolType:1}}static{this.styles=w}async reposition(){await this.popoverElement.value?.reposition()}updated(){setTimeout(()=>{this.picklist.value?.setFocus()},P.PopoverTimer),k(this.popoverElement.value,this.open)}buildPickListItems(e){let n=[];if(e===l.numericFields)for(let r=0;r<this.layerFieldsInfo?.length;r+=1){let a=this.layerFieldsInfo[r];u(a)&&n.push(c(a.name,t`<calcite-list-item .label=${b(this.layerFieldsInfo,a.name)} .value=${a.name} .selected=${this.selectedNumericField===a.name}></calcite-list-item>`))}else{let r=[c(s.None,t`<calcite-list-item .label=${this._messages.none} .value=${s.None} .selected=${this.selectedTransformationType===s.None}></calcite-list-item>`),c(s.Log,t`<calcite-list-item .label=${this._messages.log} .value=${s.Log} .selected=${this.selectedTransformationType===s.Log}></calcite-list-item>`),c(s.Sqrt,t`<calcite-list-item .label=${this._messages.sqRt} .value=${s.Sqrt} .selected=${this.selectedTransformationType===s.Sqrt}></calcite-list-item>`)];n.push(...r)}return n}getPopoverClass(){return this.contentKind===l.fillSymbol||this.contentKind===l.lineSymbol?o.symbolPropertyPopover:""}closePopover(){(this.open||this.popoverElement.value?.open===!1)&&(this.open=!1,this.arcgisChartsConfigPopoverClose.emit())}overlaySymbolChange(e){this.arcgisChartsConfigHistogramPopoverSymbolChange.emit(e.detail)}fillColorChange(e){let n=e.detail,[r,a,L]=n,T=C*255;this.arcgisChartsConfigHistogramPopoverSymbolChange.emit({type:v.SFS,color:[r,a,L,T]})}onPickListChange(e){e.target!==null&&(this.arcgisChartsConfigHistogramPopoverChange.emit({contentKind:this.contentKind,value:e.target.selectedItems[0].value}),this.open=!1)}renderFillColor(){return t`<arcgis-charts-config-color-style class=${i(o.colorPicker)} .header=${this.headingTitle??this._messages.fillColor} enable-close .open=${this.open} .selectedColor=${this.selectedBinColor?.color} @arcgisChartsConfigColorStyleChange=${this.fillColorChange} @arcgisChartsConfigColorStyleClose=${this.closePopover}></arcgis-charts-config-color-style>`}renderOverlayStyle(){return t`<arcgis-charts-config-line-style class=${i(o.colorPicker)} .open=${this.open} enable-close .header=${this.headingTitle??this._messages.lineStyle} .lineStyle=${this.selectedOverlaySymbol} @arcgisChartsConfigLineStyleClose=${this.closePopover} @arcgisChartsConfigLineStyleChange=${this.overlaySymbolChange}></arcgis-charts-config-line-style>`}renderFieldSelect(){let e=this.buildPickListItems(l.numericFields);return t`<calcite-panel class=${i(o.fieldSelectPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${i(o.header)}>${this._messages.numericalFieldHeader}</div><calcite-list label selection-mode=single selection-appearance=border class=${i(o.pickListItemLabel)} filter-enabled @calciteListChange=${this.onPickListChange} ${h(this.picklist)}>${e}</calcite-list></calcite-panel>`}renderTransformationSelect(){let e=this.buildPickListItems(l.transformation);return t`<calcite-panel class=${i(o.transformationPanel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${i(o.header)}>${this._messages.transformationHeader}</div><calcite-list label selection-mode=single selection-appearance=border class=${i(o.pickListItemLabel)} @calciteListChange=${this.onPickListChange}>${e}</calcite-list></calcite-panel>`}render(){return t`<div><calcite-popover class=${i(this.getPopoverClass())} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} @calcitePopoverClose=${this.closePopover} .open=${this.open} .offsetDistance=${S(this.placement)} label auto-close ${h(this.popoverElement)}>${this.renderContentType()}</calcite-popover></div>`}renderContentType(){switch(this.contentKind){case l.fillSymbol:return this.renderFillColor();case l.lineSymbol:return this.renderOverlayStyle();case l.numericFields:return this.renderFieldSelect();case l.transformation:return this.renderTransformationSelect();default:return}}};y("arcgis-charts-config-histogram-popover",d);return d},a,d,e)

package/dist/cdn/YF6HKRXX.js

@@ -1,2 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import{a as E}from"./AQIB3VEP.js";import{a as h}from"./S7Z4HRW7.js";import{b as T,c as B}from"./IHO3OLL3.js";import g from"./6CB5R4QQ.js";import{a as D}from"./JHANH4UG.js";import{k as a}from"./AK7X7SGI.js";import e from"./MEA74C44.js";import"./WNKDEOFZ.js";import d from"./BJBNELDD.js";import"./EZV7JSQJ.js";import{n as F}from"./3TBK72EK.js";import"./PAIRUVLU.js";import{a as b}from"./KX7KGXKQ.js";import"./SP2IPHWF.js";import"./IHHPUKGG.js";import{A as m,B as $,C as c,D as y,F as P,H as L,g as v,i as l,n as u,z as f}from"./RIM4HLHN.js";import{b as r}from"./QP5UAIC6.js";import"./XJFVSX2E.js";import"./547RDEMV.js";import"./U67P6YAZ.js";export default $arcgis.t(([{substitute:O},{Tb:I,sb:x,wb:g},,{a:C,k:p,o:S,r:w}])=>{var n={name:"bar-chart-data-popover",numericFieldPickList:"bar-chart-data-numeric-fields-pick-list",header:"header",fab:"fab",pickListItemLabel:"pick-list-item-label",sortMean:"sort-mean",sortMedian:"sort-median",sortOrderPickList:"sort-order-pick-list",panel:"panel"},z=v`.hide{visibility:hidden}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.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}.pick-list-item-label{font-size:small}.sort-icon-color{color:#000}.sort-mean,.sort-median{transform:rotate(90deg)}.sort-order-pick-list{overflow-y:hidden}.panel{max-height:60vh}`,k=class extends ${constructor(){super(...arguments),this._messages=D(),this.picklist=f(),this.placement="leading",this.popoverElement=f(),this.offsetDistance=-200,this.pickListHasChanged=!1,this.open=!1,this.layerFieldsInfo=[],this.isCustomSortDisabled=!1,this.arcgisChartsConfigBoxPlotDataPopoverChange=u(),this.arcgisChartsConfigPopoverClose=u()}static{this.properties={messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,isCustomSortDisabled:5,selectedContent:1}}static{this.styles=z}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"))}updated(){setTimeout(()=>{typeof this.picklist.value?.setFocus=="function"&&this.picklist.value?.setFocus()},C.PopoverTimer),T(this.popoverElement.value,this.open)}selectedContentChange(e,t){this.pickListHasChanged=B(e,t)}closePopover(){if(this.contentKind===a.numericFields&&this.pickListHasChanged){let e={pickListElement:this.picklist.value,eventEmitter:this.arcgisChartsConfigBoxPlotDataPopoverChange,contentKind:this.contentKind};S(e)}this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}onDataContentTypeChange(e){this.pickListHasChanged=!0;let t=e.target.selectedItems;this.arcgisChartsConfigBoxPlotDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(i=>i.value)}),this.open=!1}buildPickListItem(e){return h(e.name,l`<calcite-list-item .label=${F(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${p(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,i=[];switch(e){case a.numericFields:{for(let s=0;s<t;s+=1){let o=this.layerFieldsInfo[s];x(o)&&i.push(this.buildPickListItem(o))}break}case a.category:{let s=h(" ",l`<calcite-list-item label=" " value=" " .selected=${p("",this.selectedContent)}></calcite-list-item>`);i.push(s);for(let o=0;o<t;o+=1){let d=this.layerFieldsInfo[o];(g(d)||d.type===b.String)&&i.push(this.buildPickListItem(d))}break}case a.splitByField:{let s=h(" ",l`<calcite-list-item label=" " value=" " .selected=${p("",this.selectedContent)}></calcite-list-item>`);i.push(s);for(let o=0;o<t;o+=1){let d=this.layerFieldsInfo[o];(g(d)||d.type===b.String)&&i.push(this.buildPickListItem(d))}break}}return i}onNumericFieldsChange(e){e.target!==null&&(this.selectedContent=e.target.selectedItems.map(t=>t.value))}buildSortOrder(){let e=Object.keys(r),t;return E(e,i=>i,i=>{let s="";switch(i){case r.xAxisAsc:{t="a-z-down";break}case r.xAxisDesc:{t="a-z-up";break}case r.meanAsc:t="sort-descending",s=n.sortMean;break;case r.meanDesc:{t="sort-ascending",s=n.sortMean;break}case r.medianAsc:{t="sort-descending",s=n.sortMedian;break}case r.medianDesc:{t="sort-ascending",s=n.sortMedian;break}case r.customSort:{t="arrow-up-down";break}}return l`<calcite-list-item .disabled=${this.isCustomSortDisabled&&i===r.customSort} .label=${this._messages[i]} .selected=${this.selectedContent===i} .value=${r[i]} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}><calcite-icon class=${`sort-icon-color ${s}`} slot=content-start .icon=${t}></calcite-icon></calcite-list-item>`})}onNumericFieldSelectionDone(){this.closePopover()}createTooltip(e){if(e.target?.label===this._messages.customSort&&this.isCustomSortDisabled){let t=e.target,i=I(t),s=new Intl.NumberFormat(i).format(C.customSortLimit),o=O(this._messages.customSortLimit??"",{totalLimit:s});this.tooltip=P(l`<calcite-tooltip style=${y({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${o}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}}destroyTooltip(){w(this.tooltip)}renderCategory(){let e=this.buildPickListItems(a.category);return l`<calcite-list label class=${c(n.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${m(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(a.numericFields);return l`<calcite-list label class=${c(n.numericFieldPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${m(this.picklist)}>${e}</calcite-list>`}renderSplitByField(){let e=this.buildPickListItems(a.splitByField);return l`<calcite-list label class=${c(n.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${m(this.picklist)}>${e}</calcite-list>`}renderSortOrder(){let e=this.buildSortOrder();return l`<calcite-list label class=${c(n.sortOrderPickList)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderPopoverInfo(){let e;switch(this.contentKind){case a.category:e=this.renderCategory();break;case a.numericFields:e=this.renderNumericFields();break;case a.splitByField:e=this.renderSplitByField();break;case a.sortOrder:e=this.renderSortOrder();break}return e}render(){let e;return this.contentKind===a.numericFields&&(e=l`<div slot=footer><calcite-fab class=${c(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>`),l`<div><calcite-popover class=${c(n.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${m(this.popoverElement)}><calcite-panel class=${c(n.panel)} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${c(n.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};L("arcgis-charts-config-box-plot-popover",k);return k},"intl",d,e,g)