@arcgis/charts-components 4.34.0-next.111 → 4.34.0-next.113

package/dist/cdn/DPZM77GZ.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.111 */
-import{a as m,b as r}from"./JE5Q2CC2.js";import{b as c}from"./SVZZMU5C.js";import{a as v}from"./FOOS6H7N.js";import{f as g}from"./T65RZ5CJ.js";import"./ELUDJGTX.js";import{C,E as b,g as p,h as a,w as f,x as A,y as x,z as u}from"./LZJPJN75.js";import{q as h,r as l}from"./ZWIEPILX.js";import{j as d}from"./2GPVHBCV.js";import"./TBSPZD6V.js";import"./TARYHNRD.js";import"./ASCNRJZK.js";import"./32LZ5ZUE.js";var P=p`:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin)}.add-guide{display:flex;justify-content:center;padding:.5rem}.add-guide-btn{width:100%}.no-guides{border-radius:2rem}.no-messages{text-align:center}.guide-icon{padding-left:.5rem;padding-top:.5rem;width:1.5rem;height:1.5rem}`,G=class extends x{constructor(){super(...arguments),this._messages=v(),this.addGuideButton=f(),this.guideTypePopover=null,this.addXGuide=e=>{if(h(this.model)){let t=this.getUniqueName(this._messages.xAxisGuide??""),i=this.model.getXGuidesLength()??0;this.model.addXAxisGuide(t,i),this.model.setGuideStyle(g(c.style),i,d.X),this.latestGuidePosition=r(i,d.X,this.model),this.togglePopOver(e),(this.el.shadowRoot?.querySelectorAll("calcite-block")??[]).forEach((s,o)=>{o!==this.latestGuidePosition&&(s.open=!1)})}},this.addYGuide=e=>{if(l(this.model)){let t=this.getUniqueName(this._messages.yAxisGuide??""),i=this.model.getYGuidesLength()??0;this.model.addYAxisGuide(t,i),this.model.setGuideStyle(g(c.style),i,d.Y),this.latestGuidePosition=r(i,d.Y,this.model),this.togglePopOver(e);for(let s of this.el.shadowRoot?.querySelectorAll("calcite-block")??[])s.open=!1}},this.togglePopOver=e=>{e.stopImmediatePropagation(),this.enableXAxisGuide&&this.enableYAxisGuide&&(this.showAddButton=!this.showAddButton)},this.onModelConfigChange=()=>{this.requestUpdate()},this.closeAddPopOver=e=>{e.stopImmediatePropagation(),this.showAddButton=!0},this.showAddButton=!0,this.latestGuidePosition=0,this.open=!1}static{this.properties={showAddButton:16,latestGuidePosition:16,messageOverrides:0,model:0,timeZone:3,calculatedMinMaxBounds:2,enableXAxisGuide:5,enableYAxisGuide:5,open:7}}static{this.styles=P}load(){this.modelChange(this.model)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}getAllGuidesLength(){let e=h(this.model)?this.model.getXGuidesLength()??0:0,t=l(this.model)?this.model.getYGuidesLength()??0:0;return e+t}getUniqueName(e,t=1){let i=`${e} ${t}`,s=!1;if(h(this.model)){let o=this.model.getXGuidesLength()??0;for(let n=0;n<o&&!s;n+=1)this.model.getGuideName(n,d.X)===i&&(s=!0)}if(l(this.model)){let o=this.model.getYGuidesLength()??0;for(let n=0;n<o&&!s;n+=1)this.model.getGuideName(n,d.Y)===i&&(s=!0)}return s?this.getUniqueName(e,t+1):i}setChangedGuide(e){let{index:t,orientation:i,isDelete:s}=e.detail,o=r(t,i,this.model);s&&o!==void 0&&o<=this.latestGuidePosition&&this.latestGuidePosition>0&&(this.latestGuidePosition-=1)}setupGuidePopover(e){e.stopImmediatePropagation(),this.togglePopOver(e)}renderGuideTypePopover(){let e=this.getAllGuidesLength();this.guideTypePopover=C(a`<arcgis-charts-config-guides-type-popover .enableXAxisGuide=${this.enableXAxisGuide} .enableYAxisGuide=${this.enableYAxisGuide} .referenceElement=${this.addGuideButton.value} .placement=${e===0?"bottom":"top"} .open=${!this.showAddButton} @arcgisChartsAddXAxisGuide=${this.addXGuide} @arcgisChartsAddYAxisGuide=${this.addYGuide} @arcgisChartsConfigPopoverClose=${this.closeAddPopOver}></arcgis-charts-config-guides-type-popover>`),!this.showAddButton&&!document.body.contains(this.guideTypePopover)&&this.guideTypePopover!==null&&document.body.appendChild(this.guideTypePopover)}renderGuide(e,t){let i;return(this.enableXAxisGuide&&t===d.X||this.enableYAxisGuide&&t===d.Y)&&(i=a`<arcgis-charts-config-guide .model=${this.model} .timeZone=${this.timeZone} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .index=${e} .orientation=${t} .latestGuidePosition=${this.latestGuidePosition} @arcgisChartsConfigGuideChange=${this.setChangedGuide}></arcgis-charts-config-guide>`),i}renderGuides(){let e=[];if(h(this.model)){let t=this.model.getXGuidesLength()??0;for(let i=0;i<t;i+=1)e.push(this.renderGuide(i,d.X))}if(l(this.model)){let t=this.model.getYGuidesLength()??0;for(let i=0;i<t;i+=1)e.push(this.renderGuide(i,d.Y))}return e}renderAddGuideButton(e){return a`<calcite-fab slot=fab appearance=outline-fill kind=neutral text-enabled .text=${this._messages.addGuide} .label=${this._messages.addGuide} @click=${e} scale=s></calcite-fab>`}render(){let e=this.getAllGuidesLength()>0,t=this.showAddButton&&this.enableXAxisGuide&&this.enableYAxisGuide,i=this.enableXAxisGuide&&!this.enableYAxisGuide,s=!this.enableXAxisGuide&&this.enableYAxisGuide;return a`${this.renderGuideTypePopover()}${e?this.renderGuides():a`<div class=${u(m.noMessages)}>${this._messages.noGuidesMsg}</div>`}<div class=${u(m.addGuide)} ${A(this.addGuideButton)}>${t&&this.renderAddGuideButton(this.setupGuidePopover)||""}${i&&this.renderAddGuideButton(this.addXGuide)||""}${s&&this.renderAddGuideButton(this.addYGuide)||""}</div>`}};b("arcgis-charts-config-guides",G);export{G as ArcgisChartsConfigGuides};

package/dist/cdn/E2D72XLN.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.111 */
-import d from"./WSIYEMKM.js";import{a as f}from"./FOOS6H7N.js";import"./MBHVII23.js";import b from"./FBHNEJFE.js";import"./T65RZ5CJ.js";import"./ELUDJGTX.js";import{B as n,E as y,g as m,h as s,l as o,w as a,x as c,y as g,z as l}from"./LZJPJN75.js";import"./2GPVHBCV.js";import"./TBSPZD6V.js";import"./LCQRUVJP.js";import{b as t,g as u}from"./TARYHNRD.js";import"./ASCNRJZK.js";import"./32LZ5ZUE.js";export default $arcgis.t(([,{m:w,n:S,o:r,p:d}])=>{var h={sizeSection:"size-section",dropdownText:"dropdown-text",colorPickerContainer:"color-picker-container"},b=m`.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{overflow-y:auto}:host arcgis-charts-config-colors{padding:var(--arcgis-charts-panel-padding);padding-bottom:1rem}:host .size-section{padding:1rem;display:flex}:host .size-section calcite-label{flex:1 1 0px;width:0}:host .size-section calcite-label .dropdown-text{max-width:75px;overflow:hidden;white-space:normal;text-overflow:ellipsis;cursor:pointer}:host .color-picker-container{display:flex}:host .color-picker-container calcite-label{flex:1 1 0px;width:0}:host .color-picker-container calcite-label .dropdown-text{max-width:75px;overflow:hidden;white-space:normal;text-overflow:ellipsis;cursor:pointer}`,p=class extends g{constructor(){super(...arguments),this._messages=f(),this.lineWidthInputElement=a(),this.lineStyleDropdownElement=a(),this.lineStyle={type:u.SLS},this.arcgisChartsConfigLineStyleChange=o(),this.arcgisChartsConfigLineStyleClose=o()}static{this.properties={messageOverrides:0,lineStyle:2,header:1,open:7,enableClose:7,usePanel:7}}static{this.styles=b}closePanel(e){e.target.closed&&this.enableClose===!0&&(this.open=!1,this.arcgisChartsConfigLineStyleClose.emit())}colorChange(e){this.lineStyle.color=e.detail,this.emitLineStyleEvent()}lineStyleChange(){let e=this.lineStyleDropdownElement.value?.selectedItems[0].accessKey;this.lineStyle.style!==e&&(this.lineStyle.style=e,this.lineStyle={...this.lineStyle},this.emitLineStyleEvent())}selectedLineStyle(){let e,i;switch(this.lineStyle?.style){case t.Dot:e="line-dotted",i=this._messages.dot??"";break;case t.Dash:e="line-dashed",i=this._messages.dash??"";break;case t.Solid:default:e="line-solid",i=this._messages.solid??"";break}return{icon:e,style:i}}widthChange(){let e=this.lineWidthInputElement.value?.value;e!==void 0&&w(e,this.lineWidthInputElement.value?.min,this.lineWidthInputElement.value?.max)?(this.lineStyle.width=Number.parseInt(e),this.emitLineStyleEvent(),this.lineWidthInputElement.value&&r({inputElement:this.lineWidthInputElement.value,status:d.IDLE})):this.lineWidthInputElement.value&&r({inputElement:this.lineWidthInputElement.value,status:d.INVALID})}emitLineStyleEvent(){Number.isNaN(Number.parseInt(this.lineStyle?.color?.[0]?.toString()??""))&&(this.lineStyle.color=void 0),this.arcgisChartsConfigLineStyleChange.emit(this.lineStyle)}render(){let e=[s`<div class=${l(h.sizeSection)}><calcite-label>${this._messages.style}<calcite-dropdown @calciteDropdownSelect=${this.lineStyleChange} ${c(this.lineStyleDropdownElement)}><calcite-button .iconEnd=${this.selectedLineStyle().icon} slot=trigger kind=neutral appearance=outline-fill scale=m><label class=${l(h.dropdownText)}>${this.selectedLineStyle().style}</label></calcite-button><calcite-dropdown-group><calcite-dropdown-item icon-end=line-solid .selected=${this.lineStyle?.style===t.Solid} accesskey=${t.Solid??n}>${this._messages.solid}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dotted .selected=${this.lineStyle?.style===t.Dot} accesskey=${t.Dot??n}>${this._messages.dot}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dashed .selected=${this.lineStyle?.style===t.Dash} accesskey=${t.Dash??n}>${this._messages.dash}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown></calcite-label><calcite-label>${this._messages.width}<calcite-input type=number min=1 step=any .value=${S(this.lineStyle?.width)} @calciteInputInput=${this.widthChange} ${c(this.lineWidthInputElement)}></calcite-input></calcite-label></div>`,s`<div class=${l(h.colorPickerContainer)}><arcgis-charts-config-colors .rgba=${this.lineStyle?.color??void 0} @colorSelect=${this.colorChange}></arcgis-charts-config-colors></div>`];return this.usePanel!==!1?s`<calcite-panel .heading=${this.header??this._messages.header} .closed=${this.open===!1} .closable=${this.enableClose} @calcitePanelClose=${this.closePanel}>${e}</calcite-panel>`:e}};y("arcgis-charts-config-line-style",p);return p},b,d)