@arcgis/common-components 5.2.0-next.90 → 5.2.0-next.91
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/dist/cdn/{I6IOSTJH.js → 7FJABKI7.js} +1 -1
- package/dist/cdn/{AGJVQVY2.js → IM5XAP5F.js} +1 -1
- package/dist/cdn/{I2MG5MKF.js → N62E5ERT.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/components/arcgis-ckeditor5/customElement.d.ts +24 -6
- package/dist/components/arcgis-coordinate-system-picker/customElement.d.ts +24 -6
- package/dist/components/arcgis-field-pick-list/customElement.js +4 -4
- package/dist/components/arcgis-histogram/customElement.d.ts +9 -2
- package/dist/components/arcgis-slider-field/customElement.js +1 -1
- package/dist/components/arcgis-ticks/customElement.d.ts +11 -3
- package/dist/components/arcgis-value-picker/customElement.js +4 -4
- 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/package.json +4 -4
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as u}from"./Y5Y7IXOV.js";import{a as b,b as k}from"./XSSBWBTJ.js";import{a as B}from"./YSHFSYFK.js";import"./HDIW4NZP.js";import"./TWW63D32.js";import{a as f}from"./LNGR7NCV.js";import{B as r,C as d,D as v,E as C,F as g,G as h,H as S,J as x,h as $,j as l,n as m,o as y,s as a}from"./3GSXVZTY.js";var n=new Map;n.set("oid","key");n.set("guid","key");n.set("global-id","key");n.set("blob","binary");n.set("integer","integer");n.set("small-integer","integer");n.set("big-integer","integer");n.set("single","number");n.set("double","number");n.set("long","number");n.set("number","number");n.set("date","date-time");n.set("date-only","calendar");n.set("time-only","clock");n.set("timestamp-offset","time-zone");n.set("string","string");var L=({fieldType:w})=>l`<calcite-icon scale=s .icon=${n.get(w)}></calcite-icon>`,E=$`.panel{min-height:250px}.content{max-height:50vh}.field-icons{display:flex;align-items:center;padding:0 var(--calcite-space-sm)}.selection-button-div{padding:var(--calcite-space-2xs) var(--calcite-space-sm-plus)}.no-match-text{padding:var(--calcite-space-md)}.footer{width:100%}.add-cancel-buttons{display:flex;align-content:space-between}`,F=class extends v{constructor(){super(...arguments),this._messages=B({blocking:!0}),this.popoverNode=r(),this.listNode=r(),this.flowElement=r(),this.panelElement=r(),this.dropdownNode=r(),this.fieldInfoFlowItemEl=r(),this.allLists=[],this.filterText="",this.panelCutOffHeight=0,this.initialized=!1,this._propWatcherTask=new b(this,{task:async([e])=>{if(!this.listOnly&&!k(e?.refElement))throw m("error",this,y("popoverProps")),new Error;this._propWatcherTask.autoRun=!1},args:()=>[this.popoverProps]}),this.fields=[],this.selectedFields=[],this.listOnly=!1,this.showFieldInfo=!1,this.showFieldTypeIcon=!1,this.showFieldName=!1,this.showDescription=!1,this.showSelectionAll=!1,this.showCancel=!0,this.hideCancel=!1,this.showSort=!0,this.hideSort=!1,this.showFilterLength=10,this.multiple=!1,this.sortBy="default",this.groupFieldsAndExpressions=!1,this.arcgisChange=a(),this.arcgisClose=a(),this.arcgisFieldPickListChange=a(),this.arcgisFieldPickListDismissed=a(),this.arcgisFieldPickListSortByChange=a(),this.arcgisSortByChange=a(),this.arcgisEditField=a(),this.arcgisDeleteField=a()}static{this.properties={lastSortBy:16,filterFields:16,mapView:0,view:0,layer:0,fields:0,selectedFields:0,listOnly:5,popoverProps:0,showFieldInfo:5,showFieldTypeIcon:5,showFieldName:5,showDescription:5,showSelectionAll:5,showCancel:5,hideCancel:5,showSort:5,hideSort:5,showFilterLength:9,multiple:5,heading:1,okBtnText:1,filterPlaceholderText:1,filterNoResultsText:1,sortBy:1,groupFieldsAndExpressions:5,fieldsGroupHeading:1,expressionsGroupHeading:1,customExpressionCheck:0}}static{this.styles=E}async reposition(){await this.popoverNode.value?.reposition()}async setFocus(){setTimeout(()=>requestAnimationFrame(()=>{this.listOnly?this.listNode.value?.setFocus():this.panelElement.value?.setFocus()}),1)}async setDisabled(e){this.panelElement.value&&(this.panelElement.value.disabled=e)}load(){!this.view&&this.mapView&&(this.view=this.mapView),!this.showCancel&&!this.hideCancel&&(this.hideCancel=!0),!this.showSort&&!this.hideSort&&(this.hideSort=!0),this.listOnly&&this.showFieldInfo&&(this.showFieldInfo=!1,m("info",this,"showFieldInfo is not supported if listOnly is true.")),!this.multiple&&this.selectedFields.length>1&&(this.selectedFields=[this.selectedFields[0]]),this.lastSortBy=this.sortBy??this.lastSortBy,this.updateGroupedLists(),this.initialized=!0}willUpdate(e){this.initialized&&(e.has("fields")||e.has("sortBy")||e.has("lastSortBy")||e.has("customExpressionCheck"))&&(e.has("sortBy")&&(this.lastSortBy=this.sortBy??this.lastSortBy),this.updateGroupedLists())}loaded(){this.setUpObserver(),this.listOnly?this.listNode.value?.setFocus():(this.flowElement.value?.setFocus(),this.checkMaxHeight())}disconnectedCallback(){super.disconnectedCallback(),this.observer?.disconnect()}setUpObserver(){this.observer=new MutationObserver(e=>{for(let t of e)t.attributeName==="style"&&this.popoverNode.value&&this.dropdownNode.value&&this.popoverNode.value.style.visibility==="hidden"&&(this.dropdownNode.value.open=!1)})}checkMaxHeight(){setTimeout(()=>this.checkPanelMaxHeight(),200),setTimeout(()=>this.checkPanelMaxHeight(),500),setTimeout(()=>this.checkPanelMaxHeight(),1e3),setTimeout(()=>this.checkPanelMaxHeight(),1500)}checkPanelMaxHeight(){if(this.panelCutOffHeight===0){let e=this.panelElement.value?.getBoundingClientRect();if(e&&e.bottom>window.innerHeight){this.panelCutOffHeight=e.height-(e.bottom-window.innerHeight)-5;let t=this.listNode.value?.getBoundingClientRect();t&&(this.listNode.value.style.maxHeight=`${t.height-(e.bottom-window.innerHeight)-5}px`)}}}getSortedList(e){let t=[...e],i=t.filter(s=>s.type==="none");return t=t.filter(s=>s.type!=="none"),this.lastSortBy==="display"?t.sort((s,o)=>s.alias.localeCompare(o.alias)):this.lastSortBy==="field"?t.sort((s,o)=>s.name.localeCompare(o.name)):this.lastSortBy==="type"&&t.sort((s,o)=>s.type.localeCompare(o.type)),t=t.concat(i),t}isExpression(e){return this.customExpressionCheck?this.customExpressionCheck(e):e.name.includes(u.expression)}canDeselectAll(){let e=this.getAllFields();return this.filterFields?.length?this.filterContainsAll():this.selectedFields.length===e.length}filterContainsAll(){return!!this.filterFields?.every(e=>this.selectedFields.some(t=>t===e))}showFieldInfoCheck(e){let{layer:t}=this;return this.showFieldInfo?!(!t||this.isExpression(e)||e.name.includes(u.relationship)||e.type==="none"):!1}updateGroupedLists(){if(this.fields)if(this.allLists=[],this.usingCustomGroups())for(let e of this.fields)this.allLists.push({title:e.title,fields:[...this.getSortedList(e.fields)]});else this.allLists=this.groupFieldsAndExpressions?[{title:this.expressionsGroupHeading,fields:[...this.getSortedList(this.fields)].filter(e=>this.isExpression(e))},{title:this.fieldsGroupHeading,fields:[...this.getSortedList(this.fields)].filter(e=>!this.isExpression(e))}]:[{title:void 0,fields:[...this.getSortedList(this.fields)]}]}addFieldInfoFlowItem(e,t){let i=this.flowElement.value,s=S(l`<calcite-flow-item selected .heading=${e.alias??e.name} .description=${e.name} class="panel" style=${g(this.panelCutOffHeight>0?`max-height: ${this.panelCutOffHeight}px`:"max-height: 50vh")} @calciteFlowItemBack=${o=>{o.currentTarget.remove(),this.fieldInfoFlowItemEl.value.selected=!1,this.panelElement.value.selected=!0,setTimeout(()=>{t.setFocus()},300)}} ${d(this.fieldInfoFlowItemEl)}><arcgis-field-info lang=${this._messages._lang??h} .fieldName=${e.name} .layer=${this.layer} .view=${this.view} class="content"></arcgis-field-info></calcite-flow-item>`);i.appendChild(s),this.panelElement.value.selected=!1,this.fieldInfoFlowItemEl?.value.setFocus()}usingCustomGroups(){return!!this.fields.length&&"fields"in this.fields[0]}getAllFields(){return this.allLists.map(e=>e.fields).flat()}setSortBy(e){this.lastSortBy=e,this.updateGroupedLists(),this.arcgisSortByChange.emit(this.lastSortBy),this.arcgisFieldPickListSortByChange.emit(this.lastSortBy),this.reorderSelectedFieldsByCurrentListOrder()&&(this.arcgisChange.emit({selectedFields:this.selectedFields}),this.arcgisFieldPickListChange.emit({selectedFields:this.selectedFields}))}reorderSelectedFieldsByCurrentListOrder(){if(!this.selectedFields.length)return!1;let e=this.getAllFields().map(o=>o.name),t=new Set(this.selectedFields),i=e.filter(o=>t.has(o)),s=i.length!==this.selectedFields.length||i.some((o,p)=>o!==this.selectedFields[p]);return s&&(this.selectedFields=[...i]),s}render(){return this._propWatcherTask.render({complete:()=>{if(this.listOnly)return this.renderList();let e=this.heading||(this.multiple?this._messages.headerSelect:this._messages.header),t=this.popoverProps;return this.el.classList.add("js-app-flyout"),f(`${t.autoClose}`,l`<calcite-popover .placement=${t.placement??"leading-start"} open pointer-disabled .referenceElement=${t.refElement} .offsetDistance=${t.offsetDistance??-Math.round(t.refElement.getBoundingClientRect().width)} .offsetSkidding=${t.offsetSkidding??0} .overlayPositioning=${t.overlayPositioning} trigger-disabled .autoClose=${t.autoClose} .label=${this.heading??(this.multiple?this._messages.headerSelect:this._messages.header)??""} @calcitePopoverClose=${()=>{this.arcgisClose.emit(),this.arcgisFieldPickListDismissed.emit()}} ${d(this.popoverNode)}><calcite-flow style=${g({width:`${t.popoverWidth??t.refElement.getBoundingClientRect().width}px`,...t.maxHeight&&{maxHeight:t.maxHeight}})} ${d(this.flowElement)}><calcite-flow-item class="panel" .heading=${e} closable @calciteFlowItemClose=${()=>{this.arcgisClose.emit(),this.arcgisFieldPickListDismissed.emit()}} ${d(this.panelElement)}><slot slot=content-top name=content-top></slot>${this.renderList()}<slot slot=content-bottom name=content-bottom></slot>${(this.multiple||!this.hideCancel)&&l`<div slot=footer class="footer"><slot name=content-footer></slot>${this.multiple&&!this.hideCancel?l`<div class="add-cancel-buttons">${this.renderAddButton()}${this.renderCancelButton()}</div>`:l`${this.renderAddButton()}${this.renderCancelButton()}`}</div>`||""}</calcite-flow-item></calcite-flow></calcite-popover>`)},error:()=>""})}renderList(){let e=this.heading||(this.multiple?this._messages.headerSelect:this._messages.header),t=this.getAllFields(),i=t.length>=this.showFilterLength;return l`${t.length?l`<calcite-list .label=${e} .selectionMode=${this.multiple?"multiple":"single"} class=${C(this.listOnly?"":"content")} .filterEnabled=${i} .filterPlaceholder=${this.filterPlaceholderText??this._messages.filter} @calciteListChange=${()=>{let s=this.listNode.value.selectedItems.map(c=>c.value),o=this.selectedFields.filter(c=>s.includes(c)),p=s.filter(c=>!this.selectedFields.includes(c));this.selectedFields=[...new Set([...o,...p])],this.reorderSelectedFieldsByCurrentListOrder(),this.arcgisChange.emit({selectedFields:this.selectedFields}),this.arcgisFieldPickListChange.emit({selectedFields:this.selectedFields}),this.multiple||(this.arcgisClose.emit({selectedFields:this.selectedFields}),this.arcgisFieldPickListDismissed.emit({selectedFields:this.selectedFields}))}} @calciteListFilter=${s=>{s.stopPropagation(),this.filterFields=this.listNode.value.filteredItems?.map(o=>o.value),this.filterText=this.listNode.value.filterText}} ${d(this.listNode)}>${this.renderSortButton()}<slot name=content-center></slot>${this.multiple&&this.showSelectionAll&&(!i||!this.filterText||this.filterFields?.length)?this.renderSelectionButton():null}${this.renderListItems()}</calcite-list>`:l`<slot name=no-fields></slot>`}${this.filterFields&&!this.filterFields.length&&this.listNode.value&&this.filterNoResultsText?.length!==0?l`<div class="no-match-text">${this.filterNoResultsText??this._messages.noMatches}</div>`:null}`}renderSortButton(){let e=this.getAllFields();if(!(e.length>=this.showFilterLength&&!this.hideSort))return"";let t=e.every(i=>!!i.type);return l`<calcite-dropdown slot=filter-actions-end placement=bottom-end overlay-positioning=fixed .disabled=${this.filterFields?this.filterFields.length<4:!1} @calciteDropdownOpen=${()=>{this.observer?.disconnect(),this.popoverNode.value&&this.observer?.observe(this.popoverNode.value,{attributes:!0})}} @calciteDropdownClose=${()=>this.observer?.disconnect()} ${d(this.dropdownNode)}><calcite-action slot=trigger .text=${this._messages.sort??""} title=${this._messages.sort??h}><calcite-icon scale=s icon=sortDescending flip-rtl></calcite-icon></calcite-action><calcite-dropdown-group><calcite-dropdown-item .selected=${this.lastSortBy==="default"} @calciteDropdownItemSelect=${()=>this.setSortBy("default")}>${this._messages.default}</calcite-dropdown-item><calcite-dropdown-item .selected=${this.lastSortBy==="display"} @calciteDropdownItemSelect=${()=>this.setSortBy("display")}>${this._messages.displayName}</calcite-dropdown-item>${t&&l`<calcite-dropdown-item .selected=${this.lastSortBy==="type"} @calciteDropdownItemSelect=${()=>this.setSortBy("type")}>${this._messages.type}</calcite-dropdown-item>`||""}<calcite-dropdown-item .selected=${this.lastSortBy==="field"} @calciteDropdownItemSelect=${()=>this.setSortBy("field")}>${this._messages.fieldName}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`}renderSelectionButton(){return l`<div class="selection-button-div"><calcite-button appearance=transparent scale=s width=full @click=${()=>{if(this.canDeselectAll())this.selectedFields=this.filterFields?.length?this.selectedFields.filter(e=>!this.filterFields?.includes(e)):[];else if(this.filterFields?.length)this.selectedFields=[...new Set([...this.selectedFields,...this.filterFields])];else{let e=this.getAllFields();this.selectedFields=e.map(t=>t.name)}this.reorderSelectedFieldsByCurrentListOrder(),this.arcgisChange.emit({selectedFields:this.selectedFields}),this.arcgisFieldPickListChange.emit({selectedFields:this.selectedFields})}}>${this.canDeselectAll()?this._messages.deselectAll:this._messages.selectAll}</calcite-button></div>`}renderListItems(){let e=this.allLists.filter(t=>!!t.fields.length);return e.length===1&&!e[0].title?e[0].fields.map(t=>this.renderCalciteListItem(t)):e.map(t=>l`<calcite-list-item-group .heading=${t.title}>${t.fields.map(i=>this.renderCalciteListItem(i))}</calcite-list-item-group>`)}renderCalciteListItem(e){let t=this.showFieldInfoCheck(e),i=this.showFieldTypeIcon&&!!e.type;return f(e.name,l`<calcite-list-item .label=${e.alias||e.name} .description=${(()=>{if(this.showFieldName&&e.hideFieldName!==!0)return`{${e.name}}`;if(this.showDescription&&e.hideDescription!==!0&&e.description)return e.description})()} .value=${e.name} .selected=${!this.multiple&&e.name===this.selectedFields[0]||this.multiple&&this.selectedFields.includes(e.name)} .metadata=${{label:e.alias,fieldName:e.name}}>${i&&l`<div slot=actions-end class="field-icons">${L({fieldType:e.type})}</div>`||""}${this.renderInfoAction(e,t)}${this.renderEditAction(e)}${this.renderDeleteAction(e)}</calcite-list-item>`)}renderInfoAction(e,t){let{_messages:i}=this;return t?l`<calcite-action slot=actions-end .text=${i.info} title=${i.info??h} scale=s icon=information @click=${s=>{s.stopPropagation();let o=s.currentTarget;this.addFieldInfoFlowItem(e,o)}}></calcite-action>`:""}renderEditAction(e){let{_messages:t}=this;return e.showEditAction?l`<calcite-action slot=actions-end .text=${t.edit} title=${t.edit??h} scale=s icon=pencil @click=${i=>{i.stopPropagation(),this.arcgisEditField.emit({fieldName:e.name})}}></calcite-action>`:""}renderDeleteAction(e){let{_messages:t}=this;return e.showDeleteAction?l`<calcite-action slot=actions-end .text=${t.delete} title=${t.delete??h} scale=s icon=trash @click=${i=>{i.stopPropagation(),this.arcgisDeleteField.emit({fieldName:e.name})}}></calcite-action>`:""}renderAddButton(){return this.multiple?l`<calcite-button .appearance=${this.hideCancel?"outline-fill":"solid"} .width=${this.hideCancel?"full":"half"} @click=${()=>{this.arcgisClose.emit({selectedFields:this.selectedFields}),this.arcgisFieldPickListDismissed.emit({selectedFields:this.selectedFields})}}>${this.okBtnText||(this.multiple?this._messages.done:this._messages.ok)}</calcite-button>`:""}renderCancelButton(){return this.hideCancel?"":l`<calcite-button appearance=outline-fill .width=${this.multiple?"half":"full"} @click=${()=>{this.arcgisClose.emit(),this.arcgisFieldPickListDismissed.emit()}}>${this._messages.cancel}</calcite-button>`}};x("arcgis-field-pick-list",F);export{F as ArcgisFieldPickList};
|
|
2
|
+
import{a as u}from"./Y5Y7IXOV.js";import{a as b,b as k}from"./XSSBWBTJ.js";import{a as B}from"./YSHFSYFK.js";import"./HDIW4NZP.js";import"./TWW63D32.js";import{a as f}from"./LNGR7NCV.js";import{B as r,C as d,D as v,E as C,F as g,G as h,H as S,J as x,h as $,j as l,n as m,o as y,s as a}from"./3GSXVZTY.js";var n=new Map;n.set("oid","key");n.set("guid","key");n.set("global-id","key");n.set("blob","binary");n.set("integer","integer");n.set("small-integer","integer");n.set("big-integer","integer");n.set("single","number");n.set("double","number");n.set("long","number");n.set("number","number");n.set("date","date-time");n.set("date-only","calendar");n.set("time-only","clock");n.set("timestamp-offset","time-zone");n.set("string","string");var L=({fieldType:w})=>l`<calcite-icon scale=s .icon=${n.get(w)}></calcite-icon>`,E=$`.panel{min-height:250px}.content{max-height:50vh}.field-icons{display:flex;align-items:center;padding:0 var(--calcite-space-sm)}.selection-button-div{padding:var(--calcite-space-2xs) var(--calcite-space-sm-plus)}.no-match-text{padding:var(--calcite-space-md)}.footer{width:100%}.add-cancel-buttons{display:flex;align-content:space-between}`,F=class extends v{constructor(){super(...arguments),this._messages=B({blocking:!0}),this.popoverNode=r(),this.listNode=r(),this.flowElement=r(),this.panelElement=r(),this.dropdownNode=r(),this.fieldInfoFlowItemEl=r(),this.allLists=[],this.filterText="",this.panelCutOffHeight=0,this.initialized=!1,this._propWatcherTask=new b(this,{task:async([e])=>{if(!this.listOnly&&!k(e?.refElement))throw m("error",this,y("popoverProps")),new Error;this._propWatcherTask.autoRun=!1},args:()=>[this.popoverProps]}),this.fields=[],this.selectedFields=[],this.listOnly=!1,this.showFieldInfo=!1,this.showFieldTypeIcon=!1,this.showFieldName=!1,this.showDescription=!1,this.showSelectionAll=!1,this.showCancel=!0,this.hideCancel=!1,this.showSort=!0,this.hideSort=!1,this.showFilterLength=10,this.multiple=!1,this.sortBy="default",this.groupFieldsAndExpressions=!1,this.arcgisChange=a(),this.arcgisClose=a(),this.arcgisDeleteField=a(),this.arcgisEditField=a(),this.arcgisFieldPickListChange=a(),this.arcgisFieldPickListDismissed=a(),this.arcgisFieldPickListSortByChange=a(),this.arcgisSortByChange=a()}static{this.properties={lastSortBy:16,filterFields:16,mapView:0,view:0,layer:0,fields:0,selectedFields:0,listOnly:5,popoverProps:0,showFieldInfo:5,showFieldTypeIcon:5,showFieldName:5,showDescription:5,showSelectionAll:5,showCancel:5,hideCancel:5,showSort:5,hideSort:5,showFilterLength:9,multiple:5,heading:1,okBtnText:1,filterPlaceholderText:1,filterNoResultsText:1,sortBy:1,groupFieldsAndExpressions:5,fieldsGroupHeading:1,expressionsGroupHeading:1,customExpressionCheck:0}}static{this.styles=E}async reposition(){await this.popoverNode.value?.reposition()}async setDisabled(e){this.panelElement.value&&(this.panelElement.value.disabled=e)}async setFocus(){setTimeout(()=>requestAnimationFrame(()=>{this.listOnly?this.listNode.value?.setFocus():this.panelElement.value?.setFocus()}),1)}load(){!this.view&&this.mapView&&(this.view=this.mapView),!this.showCancel&&!this.hideCancel&&(this.hideCancel=!0),!this.showSort&&!this.hideSort&&(this.hideSort=!0),this.listOnly&&this.showFieldInfo&&(this.showFieldInfo=!1,m("info",this,"showFieldInfo is not supported if listOnly is true.")),!this.multiple&&this.selectedFields.length>1&&(this.selectedFields=[this.selectedFields[0]]),this.lastSortBy=this.sortBy??this.lastSortBy,this.updateGroupedLists(),this.initialized=!0}willUpdate(e){this.initialized&&(e.has("fields")||e.has("sortBy")||e.has("lastSortBy")||e.has("customExpressionCheck"))&&(e.has("sortBy")&&(this.lastSortBy=this.sortBy??this.lastSortBy),this.updateGroupedLists())}loaded(){this.setUpObserver(),this.listOnly?this.listNode.value?.setFocus():(this.flowElement.value?.setFocus(),this.checkMaxHeight())}disconnectedCallback(){super.disconnectedCallback(),this.observer?.disconnect()}setUpObserver(){this.observer=new MutationObserver(e=>{for(let t of e)t.attributeName==="style"&&this.popoverNode.value&&this.dropdownNode.value&&this.popoverNode.value.style.visibility==="hidden"&&(this.dropdownNode.value.open=!1)})}checkMaxHeight(){setTimeout(()=>this.checkPanelMaxHeight(),200),setTimeout(()=>this.checkPanelMaxHeight(),500),setTimeout(()=>this.checkPanelMaxHeight(),1e3),setTimeout(()=>this.checkPanelMaxHeight(),1500)}checkPanelMaxHeight(){if(this.panelCutOffHeight===0){let e=this.panelElement.value?.getBoundingClientRect();if(e&&e.bottom>window.innerHeight){this.panelCutOffHeight=e.height-(e.bottom-window.innerHeight)-5;let t=this.listNode.value?.getBoundingClientRect();t&&(this.listNode.value.style.maxHeight=`${t.height-(e.bottom-window.innerHeight)-5}px`)}}}getSortedList(e){let t=[...e],i=t.filter(s=>s.type==="none");return t=t.filter(s=>s.type!=="none"),this.lastSortBy==="display"?t.sort((s,o)=>s.alias.localeCompare(o.alias)):this.lastSortBy==="field"?t.sort((s,o)=>s.name.localeCompare(o.name)):this.lastSortBy==="type"&&t.sort((s,o)=>s.type.localeCompare(o.type)),t=t.concat(i),t}isExpression(e){return this.customExpressionCheck?this.customExpressionCheck(e):e.name.includes(u.expression)}canDeselectAll(){let e=this.getAllFields();return this.filterFields?.length?this.filterContainsAll():this.selectedFields.length===e.length}filterContainsAll(){return!!this.filterFields?.every(e=>this.selectedFields.some(t=>t===e))}showFieldInfoCheck(e){let{layer:t}=this;return this.showFieldInfo?!(!t||this.isExpression(e)||e.name.includes(u.relationship)||e.type==="none"):!1}updateGroupedLists(){if(this.fields)if(this.allLists=[],this.usingCustomGroups())for(let e of this.fields)this.allLists.push({title:e.title,fields:[...this.getSortedList(e.fields)]});else this.allLists=this.groupFieldsAndExpressions?[{title:this.expressionsGroupHeading,fields:[...this.getSortedList(this.fields)].filter(e=>this.isExpression(e))},{title:this.fieldsGroupHeading,fields:[...this.getSortedList(this.fields)].filter(e=>!this.isExpression(e))}]:[{title:void 0,fields:[...this.getSortedList(this.fields)]}]}addFieldInfoFlowItem(e,t){let i=this.flowElement.value,s=S(l`<calcite-flow-item selected .heading=${e.alias??e.name} .description=${e.name} class="panel" style=${g(this.panelCutOffHeight>0?`max-height: ${this.panelCutOffHeight}px`:"max-height: 50vh")} @calciteFlowItemBack=${o=>{o.currentTarget.remove(),this.fieldInfoFlowItemEl.value.selected=!1,this.panelElement.value.selected=!0,setTimeout(()=>{t.setFocus()},300)}} ${d(this.fieldInfoFlowItemEl)}><arcgis-field-info lang=${this._messages._lang??h} .fieldName=${e.name} .layer=${this.layer} .view=${this.view} class="content"></arcgis-field-info></calcite-flow-item>`);i.appendChild(s),this.panelElement.value.selected=!1,this.fieldInfoFlowItemEl?.value.setFocus()}usingCustomGroups(){return!!this.fields.length&&"fields"in this.fields[0]}getAllFields(){return this.allLists.map(e=>e.fields).flat()}setSortBy(e){this.lastSortBy=e,this.updateGroupedLists(),this.arcgisSortByChange.emit(this.lastSortBy),this.arcgisFieldPickListSortByChange.emit(this.lastSortBy),this.reorderSelectedFieldsByCurrentListOrder()&&(this.arcgisChange.emit({selectedFields:this.selectedFields}),this.arcgisFieldPickListChange.emit({selectedFields:this.selectedFields}))}reorderSelectedFieldsByCurrentListOrder(){if(!this.selectedFields.length)return!1;let e=this.getAllFields().map(o=>o.name),t=new Set(this.selectedFields),i=e.filter(o=>t.has(o)),s=i.length!==this.selectedFields.length||i.some((o,p)=>o!==this.selectedFields[p]);return s&&(this.selectedFields=[...i]),s}render(){return this._propWatcherTask.render({complete:()=>{if(this.listOnly)return this.renderList();let e=this.heading||(this.multiple?this._messages.headerSelect:this._messages.header),t=this.popoverProps;return this.el.classList.add("js-app-flyout"),f(`${t.autoClose}`,l`<calcite-popover .placement=${t.placement??"leading-start"} open pointer-disabled .referenceElement=${t.refElement} .offsetDistance=${t.offsetDistance??-Math.round(t.refElement.getBoundingClientRect().width)} .offsetSkidding=${t.offsetSkidding??0} .overlayPositioning=${t.overlayPositioning} trigger-disabled .autoClose=${t.autoClose} .label=${this.heading??(this.multiple?this._messages.headerSelect:this._messages.header)??""} @calcitePopoverClose=${()=>{this.arcgisClose.emit(),this.arcgisFieldPickListDismissed.emit()}} ${d(this.popoverNode)}><calcite-flow style=${g({width:`${t.popoverWidth??t.refElement.getBoundingClientRect().width}px`,...t.maxHeight&&{maxHeight:t.maxHeight}})} ${d(this.flowElement)}><calcite-flow-item class="panel" .heading=${e} closable @calciteFlowItemClose=${()=>{this.arcgisClose.emit(),this.arcgisFieldPickListDismissed.emit()}} ${d(this.panelElement)}><slot slot=content-top name=content-top></slot>${this.renderList()}<slot slot=content-bottom name=content-bottom></slot>${(this.multiple||!this.hideCancel)&&l`<div slot=footer class="footer"><slot name=content-footer></slot>${this.multiple&&!this.hideCancel?l`<div class="add-cancel-buttons">${this.renderAddButton()}${this.renderCancelButton()}</div>`:l`${this.renderAddButton()}${this.renderCancelButton()}`}</div>`||""}</calcite-flow-item></calcite-flow></calcite-popover>`)},error:()=>""})}renderList(){let e=this.heading||(this.multiple?this._messages.headerSelect:this._messages.header),t=this.getAllFields(),i=t.length>=this.showFilterLength;return l`${t.length?l`<calcite-list .label=${e} .selectionMode=${this.multiple?"multiple":"single"} class=${C(this.listOnly?"":"content")} .filterEnabled=${i} .filterPlaceholder=${this.filterPlaceholderText??this._messages.filter} @calciteListChange=${()=>{let s=this.listNode.value.selectedItems.map(c=>c.value),o=this.selectedFields.filter(c=>s.includes(c)),p=s.filter(c=>!this.selectedFields.includes(c));this.selectedFields=[...new Set([...o,...p])],this.reorderSelectedFieldsByCurrentListOrder(),this.arcgisChange.emit({selectedFields:this.selectedFields}),this.arcgisFieldPickListChange.emit({selectedFields:this.selectedFields}),this.multiple||(this.arcgisClose.emit({selectedFields:this.selectedFields}),this.arcgisFieldPickListDismissed.emit({selectedFields:this.selectedFields}))}} @calciteListFilter=${s=>{s.stopPropagation(),this.filterFields=this.listNode.value.filteredItems?.map(o=>o.value),this.filterText=this.listNode.value.filterText}} ${d(this.listNode)}>${this.renderSortButton()}<slot name=content-center></slot>${this.multiple&&this.showSelectionAll&&(!i||!this.filterText||this.filterFields?.length)?this.renderSelectionButton():null}${this.renderListItems()}</calcite-list>`:l`<slot name=no-fields></slot>`}${this.filterFields&&!this.filterFields.length&&this.listNode.value&&this.filterNoResultsText?.length!==0?l`<div class="no-match-text">${this.filterNoResultsText??this._messages.noMatches}</div>`:null}`}renderSortButton(){let e=this.getAllFields();if(!(e.length>=this.showFilterLength&&!this.hideSort))return"";let t=e.every(i=>!!i.type);return l`<calcite-dropdown slot=filter-actions-end placement=bottom-end overlay-positioning=fixed .disabled=${this.filterFields?this.filterFields.length<4:!1} @calciteDropdownOpen=${()=>{this.observer?.disconnect(),this.popoverNode.value&&this.observer?.observe(this.popoverNode.value,{attributes:!0})}} @calciteDropdownClose=${()=>this.observer?.disconnect()} ${d(this.dropdownNode)}><calcite-action slot=trigger .text=${this._messages.sort??""} title=${this._messages.sort??h}><calcite-icon scale=s icon=sortDescending flip-rtl></calcite-icon></calcite-action><calcite-dropdown-group><calcite-dropdown-item .selected=${this.lastSortBy==="default"} @calciteDropdownItemSelect=${()=>this.setSortBy("default")}>${this._messages.default}</calcite-dropdown-item><calcite-dropdown-item .selected=${this.lastSortBy==="display"} @calciteDropdownItemSelect=${()=>this.setSortBy("display")}>${this._messages.displayName}</calcite-dropdown-item>${t&&l`<calcite-dropdown-item .selected=${this.lastSortBy==="type"} @calciteDropdownItemSelect=${()=>this.setSortBy("type")}>${this._messages.type}</calcite-dropdown-item>`||""}<calcite-dropdown-item .selected=${this.lastSortBy==="field"} @calciteDropdownItemSelect=${()=>this.setSortBy("field")}>${this._messages.fieldName}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`}renderSelectionButton(){return l`<div class="selection-button-div"><calcite-button appearance=transparent scale=s width=full @click=${()=>{if(this.canDeselectAll())this.selectedFields=this.filterFields?.length?this.selectedFields.filter(e=>!this.filterFields?.includes(e)):[];else if(this.filterFields?.length)this.selectedFields=[...new Set([...this.selectedFields,...this.filterFields])];else{let e=this.getAllFields();this.selectedFields=e.map(t=>t.name)}this.reorderSelectedFieldsByCurrentListOrder(),this.arcgisChange.emit({selectedFields:this.selectedFields}),this.arcgisFieldPickListChange.emit({selectedFields:this.selectedFields})}}>${this.canDeselectAll()?this._messages.deselectAll:this._messages.selectAll}</calcite-button></div>`}renderListItems(){let e=this.allLists.filter(t=>!!t.fields.length);return e.length===1&&!e[0].title?e[0].fields.map(t=>this.renderCalciteListItem(t)):e.map(t=>l`<calcite-list-item-group .heading=${t.title}>${t.fields.map(i=>this.renderCalciteListItem(i))}</calcite-list-item-group>`)}renderCalciteListItem(e){let t=this.showFieldInfoCheck(e),i=this.showFieldTypeIcon&&!!e.type;return f(e.name,l`<calcite-list-item .label=${e.alias||e.name} .description=${(()=>{if(this.showFieldName&&e.hideFieldName!==!0)return`{${e.name}}`;if(this.showDescription&&e.hideDescription!==!0&&e.description)return e.description})()} .value=${e.name} .selected=${!this.multiple&&e.name===this.selectedFields[0]||this.multiple&&this.selectedFields.includes(e.name)} .metadata=${{label:e.alias,fieldName:e.name}}>${i&&l`<div slot=actions-end class="field-icons">${L({fieldType:e.type})}</div>`||""}${this.renderInfoAction(e,t)}${this.renderEditAction(e)}${this.renderDeleteAction(e)}</calcite-list-item>`)}renderInfoAction(e,t){let{_messages:i}=this;return t?l`<calcite-action slot=actions-end .text=${i.info} title=${i.info??h} scale=s icon=information @click=${s=>{s.stopPropagation();let o=s.currentTarget;this.addFieldInfoFlowItem(e,o)}}></calcite-action>`:""}renderEditAction(e){let{_messages:t}=this;return e.showEditAction?l`<calcite-action slot=actions-end .text=${t.edit} title=${t.edit??h} scale=s icon=pencil @click=${i=>{i.stopPropagation(),this.arcgisEditField.emit({fieldName:e.name})}}></calcite-action>`:""}renderDeleteAction(e){let{_messages:t}=this;return e.showDeleteAction?l`<calcite-action slot=actions-end .text=${t.delete} title=${t.delete??h} scale=s icon=trash @click=${i=>{i.stopPropagation(),this.arcgisDeleteField.emit({fieldName:e.name})}}></calcite-action>`:""}renderAddButton(){return this.multiple?l`<calcite-button .appearance=${this.hideCancel?"outline-fill":"solid"} .width=${this.hideCancel?"full":"half"} @click=${()=>{this.arcgisClose.emit({selectedFields:this.selectedFields}),this.arcgisFieldPickListDismissed.emit({selectedFields:this.selectedFields})}}>${this.okBtnText||(this.multiple?this._messages.done:this._messages.ok)}</calcite-button>`:""}renderCancelButton(){return this.hideCancel?"":l`<calcite-button appearance=outline-fill .width=${this.multiple?"half":"full"} @click=${()=>{this.arcgisClose.emit(),this.arcgisFieldPickListDismissed.emit()}}>${this._messages.cancel}</calcite-button>`}};x("arcgis-field-pick-list",F);export{F as ArcgisFieldPickList};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as m}from"./YSHFSYFK.js";import{d}from"./HDIW4NZP.js";import{b as r}from"./TWW63D32.js";import{D as o,E as h,G as a,J as c,h as n,j as s,s as i}from"./3GSXVZTY.js";var u=n`:host{display:inline-flex;max-inline-size:100%}:host([layout="horizontal"]) slot{min-inline-size:300px;min-block-size:48px}:host([layout="vertical"]) slot{min-inline-size:300px;min-block-size:144px}slot{display:flex}slot.empty{display:none}.container{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1)}.root{display:flex;flex-direction:row;align-items:stretch}calcite-action{width:var(--calcite-font-line-height-fixed-4xl);height:var(--calcite-font-line-height-fixed-4xl)}calcite-action-bar{--calcite-action-bar-items-space: var(--calcite-space-none);--calcite-spacing-sm: var(--calcite-space-none);background-color:var(--calcite-color-foreground-1)}.separator{border-inline-end:solid 1px var(--calcite-color-border-3);width:1px}`,l=class extends o{constructor(){super(),this.messages=m({blocking:!0}),this._isPlaying=!1,this.autoDestroyDisabled=!1,this.disabled=!1,this.hideNextButton=!1,this.hidePlayButton=!1,this.hidePreviousButton=!1,this.icon="list-rectangle",this.label="",this.layout="horizontal",this.loop=!1,this.playRate=1e3,this.
|
|
2
|
+
import{a as m}from"./YSHFSYFK.js";import{d}from"./HDIW4NZP.js";import{b as r}from"./TWW63D32.js";import{D as o,E as h,G as a,J as c,h as n,j as s,s as i}from"./3GSXVZTY.js";var u=n`:host{display:inline-flex;max-inline-size:100%}:host([layout="horizontal"]) slot{min-inline-size:300px;min-block-size:48px}:host([layout="vertical"]) slot{min-inline-size:300px;min-block-size:144px}slot{display:flex}slot.empty{display:none}.container{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1)}.root{display:flex;flex-direction:row;align-items:stretch}calcite-action{width:var(--calcite-font-line-height-fixed-4xl);height:var(--calcite-font-line-height-fixed-4xl)}calcite-action-bar{--calcite-action-bar-items-space: var(--calcite-space-none);--calcite-spacing-sm: var(--calcite-space-none);background-color:var(--calcite-color-foreground-1)}.separator{border-inline-end:solid 1px var(--calcite-color-border-3);width:1px}`,l=class extends o{constructor(){super(),this.messages=m({blocking:!0}),this._isPlaying=!1,this.autoDestroyDisabled=!1,this.disabled=!1,this.hideNextButton=!1,this.hidePlayButton=!1,this.hidePreviousButton=!1,this.icon="list-rectangle",this.label="",this.layout="horizontal",this.loop=!1,this.playRate=1e3,this.arcgisAnimate=i(),this.arcgisNext=i(),this.arcgisPause=i(),this.arcgisPlay=i(),this.arcgisPrevious=i(),this.arcgisPropertyChange=d()("layout","loop","playRate","state"),this.arcgisSlottedElementChange=i(),this.listen("arcgisPropertyChange",()=>this.requestUpdate())}static{this.properties={_isPlaying:16,_slottedElement:16,autoDestroyDisabled:5,disabled:5,hideNextButton:5,hidePlayButton:5,hidePreviousButton:5,icon:1,label:1,layout:3,loop:5,playRate:9,state:32}}static{this.styles=u}get state(){return this._isPlaying?"playing":"ready"}async destroy(){await this.manager.destroy()}next(){this.arcgisNext.emit(),this._slottedElement?.canNext&&this._slottedElement.step("next")}pause(){this._isPlaying=!1,this.arcgisPause.emit()}play(){this._isPlaying||(this._isPlaying=!0,this.arcgisPlay.emit(),this._startPlayRate(!0))}previous(){this.arcgisPrevious.emit(),this._slottedElement?.canPrevious&&this._slottedElement.step("previous")}willUpdate(t){t.has("layout")&&this._isElementWithLayout(this._slottedElement)&&(this._slottedElement.layout=this.layout),t.has("disabled")&&this._isElementWithDisabled(this._slottedElement)&&(this._slottedElement.disabled=this.disabled)}disconnectedCallback(){super.disconnectedCallback(),this._isPlaying&&this.pause()}_handleSlotChange(t){let[e]=r(t);this._slottedElement=e,this.arcgisSlottedElementChange.emit({slottedElement:e}),!e&&this._isPlaying&&this.pause(),this._isElementWithLayout(e)&&(e.layout=this.layout),this._isElementWithDisabled(e)&&(e.disabled=this.disabled),this._isElementWithComponentOnReady(e)&&e.componentOnReady().then(()=>{this._slottedElement===e&&this.requestUpdate()})}_isElementWithComponentOnReady(t){return!!t&&"componentOnReady"in t}_isElementWithLayout(t){return!!t&&"layout"in t}_isElementWithDisabled(t){return!!t&&"disabled"in t}_startPlayRate(t){setTimeout(()=>{if(this._isPlaying){if(!this._slottedElement?.canNext&&this.loop)this._slottedElement?.reset();else if(this._slottedElement?.step("next"),this._slottedElement&&!this._slottedElement?.canNext&&!this.loop){this.pause();return}this.arcgisAnimate.emit({first:t}),this._startPlayRate(!1)}},this.playRate)}render(){let t=!!this._slottedElement&&!this._slottedElement.hidden,e=this.state==="playing";return s`<div class="container"><div class="root"><calcite-action-bar expand-disabled .layout=${this.layout}>${!this.hidePlayButton&&s`<calcite-action alignment=center .disabled=${this.disabled||this._slottedElement&&!this._slottedElement.canPlay} .icon=${e?"pause":"play"} .text=${e?this.messages.pause:this.messages.play} title=${(e?this.messages.pause:this.messages.play)??a} @click=${()=>{if(this._slottedElement&&!this._slottedElement.canNext&&!this.loop){this._slottedElement.reset(),this.play();return}e?this.pause():this.play()}}></calcite-action>`||""}${!this.hidePreviousButton&&s`<calcite-action alignment=center .disabled=${this.disabled||e||this._slottedElement&&!this._slottedElement.canPrevious} .icon=${this.layout==="horizontal"?"chevron-left":"chevron-up"} .text=${this.messages.previous} title=${this.messages.previous??a} @click=${this.previous}></calcite-action>`||""}${!this.hideNextButton&&s`<calcite-action alignment=center .disabled=${this.disabled||e||this._slottedElement&&!this._slottedElement.canNext} .icon=${this.layout==="horizontal"?"chevron-right":"chevron-down"} .text=${this.messages.next} title=${this.messages.next??a} @click=${this.next}></calcite-action>`||""}</calcite-action-bar>${t&&s`<div class="separator"></div>`||""}<slot @slotchange=${({currentTarget:p})=>{this._handleSlotChange(p)}} class=${h(t?"component-slot":"empty")}></slot></div></div>`}};c("arcgis-value-picker",l);export{l as ArcgisValuePicker};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b as p}from"./PMV2N3L3.js";import{a as D}from"./YSHFSYFK.js";import"./HDIW4NZP.js";import"./TWW63D32.js";import{B as O,C as w,D as $,J as L,h as T,j as _,s as h}from"./3GSXVZTY.js";var z=T`:host{display:block;width:100%;height:100%}`,u=1440*60*1e3,P=/^(\d{4})-(\d{2})-(\d{2})$/u,C=/^(\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{1,3}))?)?$/u,o=class{constructor({type:e,editable:t,precision:i,steps:s}){this.type=e,this.editable=t,this.precision=i,this.steps=s}toDateOnly(e){return null}toTimeOnly(e){return null}toTimestampOffset(e){return null}toFieldType(e){return e}},m=class extends o{constructor({type:e,precision:t,integer:i=!1,minimum:s,maximum:a}){super({type:e,editable:!0,precision:t}),this._integer=i,this._minimum=s,this._maximum=a}resolveRange(e,t,i){return{min:t??Math.min(0,...e),max:i??Math.max(100,...e)}}parse(e){let t=Number.parseFloat(e.trim());if(!Number.isFinite(t))return;let i=this._integer?Math.trunc(t):t;return Math.min(this._maximum,Math.max(this._minimum,i))}serialize(e){return this._integer?`${Math.trunc(e)}`:`${e}`}format(e,t,i,s){return s(t)}},d=class extends o{constructor(){super({type:"date",editable:!1,precision:0,steps:1e3}),this._dateTimeFormatOptions={dateStyle:"short"}}resolveRange(e,t,i){return x(e,t,i,Date.now())}parse(e){let t=Number.parseFloat(e.trim());return Number.isFinite(t)?Math.trunc(t):void 0}serialize(e){return`${Math.trunc(e)}`}toDateOnly(e){return new Date(e).toISOString().slice(0,10)}toTimeOnly(e){return new Date(e).toISOString().slice(11,19)}toTimestampOffset(e){return new Date(e).toISOString()}format(e,t){return p(e,this._dateTimeFormatOptions).format(new Date(t))}},b=class extends o{constructor(){super({type:"timestamp-offset",editable:!1,precision:0,steps:1e3}),this._dateTimeFormatOptions={dateStyle:"short"}}resolveRange(e,t,i){return x(e,t,i,Date.now())}parse(e){let t=Date.parse(e.trim());return Number.isFinite(t)?t:void 0}serialize(e){return new Date(e).toISOString()}toDateOnly(e){return new Date(e).toISOString().slice(0,10)}toTimeOnly(e){return new Date(e).toISOString().slice(11,19)}toTimestampOffset(e){return new Date(e).toISOString()}toFieldType(e){return this.serialize(e)}format(e,t){return p(e,this._dateTimeFormatOptions).format(new Date(t))}},y=class extends o{constructor(){super({type:"date-only",editable:!1,precision:0,steps:u}),this._dateFormatOptions={dateStyle:"short",timeZone:"UTC"}}resolveRange(e,t,i){return x(e,t,i,Math.trunc(Date.now()/u)*u)}parse(e){let t=P.exec(e.trim());if(!t)return;let i=Number.parseInt(t[1],10),s=Number.parseInt(t[2],10),a=Number.parseInt(t[3],10),r=Date.UTC(i,s-1,a),l=new Date(r);if(!(l.getUTCFullYear()!==i||l.getUTCMonth()!==s-1||l.getUTCDate()!==a))return r}serialize(e){return new Date(e).toISOString().slice(0,10)}toDateOnly(e){return this.serialize(e)}toTimestampOffset(e){return new Date(e).toISOString()}toFieldType(e){return this.serialize(e)}format(e,t){return p(e,this._dateFormatOptions).format(new Date(t))}},v=class extends o{constructor(){super({type:"time-only",editable:!1,precision:0,steps:1e3}),this._timeFormatOptions={timeStyle:"medium",timeZone:"UTC"}}resolveRange(e,t,i){return{min:t??0,max:i??u-1}}parse(e){let t=C.exec(e.trim());if(!t)return;let i=Number.parseInt(t[1],10),s=Number.parseInt(t[2],10),a=t[3]?Number.parseInt(t[3],10):0,r=t[4]?Number.parseInt(t[4].padEnd(3,"0").slice(0,3),10):0;if(!(i>23||s>59||a>59))return((i*60+s)*60+a)*1e3+r}serialize(e){let t=Math.max(0,Math.min(u-1,Math.floor(e))),i=Math.floor(t/36e5),s=Math.floor(t%36e5/6e4),a=Math.floor(t%6e4/1e3),r=t%1e3,l=`${g(i)}:${g(s)}:${g(a)}`;return r>0?`${l}.${r.toString().padStart(3,"0")}`:l}toTimeOnly(e){return this.serialize(e)}toFieldType(e){return this.serialize(e)}format(e,t){return p(e,this._timeFormatOptions).format(new Date(t))}};function g(n){return n.toString().padStart(2,"0")}function x(n,e,t,i){let s=t??(n.length>0?Math.max(...n):i);return{min:e??Math.min(s-30*u,...n),max:s}}var F={min:-32768,max:32767},c={min:-2147483648,max:2147483647},S={min:-Number.MAX_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER},E=(2-2**-23)*2**127,N={min:-E,max:E},M={min:-Number.MAX_VALUE,max:Number.MAX_VALUE},A={min:0,max:c.max},U={"small-integer":()=>new m({type:"small-integer",precision:0,integer:!0,minimum:F.min,maximum:F.max}),integer:()=>new m({type:"integer",precision:0,integer:!0,minimum:c.min,maximum:c.max}),"big-integer":()=>new m({type:"big-integer",precision:0,integer:!0,minimum:S.min,maximum:S.max}),single:()=>new m({type:"single",precision:4,minimum:N.min,maximum:N.max}),double:()=>new m({type:"double",precision:4,minimum:M.min,maximum:M.max}),long:()=>new m({type:"long",precision:0,integer:!0,minimum:c.min,maximum:c.max}),oid:()=>new m({type:"oid",precision:0,integer:!0,minimum:A.min,maximum:A.max}),date:()=>new d,"date-only":()=>new y,"time-only":()=>new v,"timestamp-offset":()=>new b};function I(n){return U[n]()}var R="double",f=class extends ${constructor(){super(...arguments),this.#t=O(),this.#i=void 0,this.messages=D({}),this._strategy=I(R),this.disabled=!1,this.fieldType=R,this.fillPlacement="start",this.layout="horizontal",this.max="",this.min="",this.mirrored=!1,this.popoverLabel="",this.rangeLabelsEditingEnabled=!1,this.rangeLabelsPlacement="center",this.showRangeLabels=!1,this.values="",this.valueLabelsEditingEnabled=!1,this.valueLabelsDisplay="always",this.valueLabelsPlacement="start",this.
|
|
2
|
+
import{b as p}from"./PMV2N3L3.js";import{a as D}from"./YSHFSYFK.js";import"./HDIW4NZP.js";import"./TWW63D32.js";import{B as O,C as w,D as $,J as L,h as T,j as _,s as h}from"./3GSXVZTY.js";var z=T`:host{display:block;width:100%;height:100%}`,u=1440*60*1e3,P=/^(\d{4})-(\d{2})-(\d{2})$/u,C=/^(\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{1,3}))?)?$/u,o=class{constructor({type:e,editable:t,precision:i,steps:s}){this.type=e,this.editable=t,this.precision=i,this.steps=s}toDateOnly(e){return null}toTimeOnly(e){return null}toTimestampOffset(e){return null}toFieldType(e){return e}},m=class extends o{constructor({type:e,precision:t,integer:i=!1,minimum:s,maximum:a}){super({type:e,editable:!0,precision:t}),this._integer=i,this._minimum=s,this._maximum=a}resolveRange(e,t,i){return{min:t??Math.min(0,...e),max:i??Math.max(100,...e)}}parse(e){let t=Number.parseFloat(e.trim());if(!Number.isFinite(t))return;let i=this._integer?Math.trunc(t):t;return Math.min(this._maximum,Math.max(this._minimum,i))}serialize(e){return this._integer?`${Math.trunc(e)}`:`${e}`}format(e,t,i,s){return s(t)}},d=class extends o{constructor(){super({type:"date",editable:!1,precision:0,steps:1e3}),this._dateTimeFormatOptions={dateStyle:"short"}}resolveRange(e,t,i){return x(e,t,i,Date.now())}parse(e){let t=Number.parseFloat(e.trim());return Number.isFinite(t)?Math.trunc(t):void 0}serialize(e){return`${Math.trunc(e)}`}toDateOnly(e){return new Date(e).toISOString().slice(0,10)}toTimeOnly(e){return new Date(e).toISOString().slice(11,19)}toTimestampOffset(e){return new Date(e).toISOString()}format(e,t){return p(e,this._dateTimeFormatOptions).format(new Date(t))}},b=class extends o{constructor(){super({type:"timestamp-offset",editable:!1,precision:0,steps:1e3}),this._dateTimeFormatOptions={dateStyle:"short"}}resolveRange(e,t,i){return x(e,t,i,Date.now())}parse(e){let t=Date.parse(e.trim());return Number.isFinite(t)?t:void 0}serialize(e){return new Date(e).toISOString()}toDateOnly(e){return new Date(e).toISOString().slice(0,10)}toTimeOnly(e){return new Date(e).toISOString().slice(11,19)}toTimestampOffset(e){return new Date(e).toISOString()}toFieldType(e){return this.serialize(e)}format(e,t){return p(e,this._dateTimeFormatOptions).format(new Date(t))}},y=class extends o{constructor(){super({type:"date-only",editable:!1,precision:0,steps:u}),this._dateFormatOptions={dateStyle:"short",timeZone:"UTC"}}resolveRange(e,t,i){return x(e,t,i,Math.trunc(Date.now()/u)*u)}parse(e){let t=P.exec(e.trim());if(!t)return;let i=Number.parseInt(t[1],10),s=Number.parseInt(t[2],10),a=Number.parseInt(t[3],10),r=Date.UTC(i,s-1,a),l=new Date(r);if(!(l.getUTCFullYear()!==i||l.getUTCMonth()!==s-1||l.getUTCDate()!==a))return r}serialize(e){return new Date(e).toISOString().slice(0,10)}toDateOnly(e){return this.serialize(e)}toTimestampOffset(e){return new Date(e).toISOString()}toFieldType(e){return this.serialize(e)}format(e,t){return p(e,this._dateFormatOptions).format(new Date(t))}},v=class extends o{constructor(){super({type:"time-only",editable:!1,precision:0,steps:1e3}),this._timeFormatOptions={timeStyle:"medium",timeZone:"UTC"}}resolveRange(e,t,i){return{min:t??0,max:i??u-1}}parse(e){let t=C.exec(e.trim());if(!t)return;let i=Number.parseInt(t[1],10),s=Number.parseInt(t[2],10),a=t[3]?Number.parseInt(t[3],10):0,r=t[4]?Number.parseInt(t[4].padEnd(3,"0").slice(0,3),10):0;if(!(i>23||s>59||a>59))return((i*60+s)*60+a)*1e3+r}serialize(e){let t=Math.max(0,Math.min(u-1,Math.floor(e))),i=Math.floor(t/36e5),s=Math.floor(t%36e5/6e4),a=Math.floor(t%6e4/1e3),r=t%1e3,l=`${g(i)}:${g(s)}:${g(a)}`;return r>0?`${l}.${r.toString().padStart(3,"0")}`:l}toTimeOnly(e){return this.serialize(e)}toFieldType(e){return this.serialize(e)}format(e,t){return p(e,this._timeFormatOptions).format(new Date(t))}};function g(n){return n.toString().padStart(2,"0")}function x(n,e,t,i){let s=t??(n.length>0?Math.max(...n):i);return{min:e??Math.min(s-30*u,...n),max:s}}var F={min:-32768,max:32767},c={min:-2147483648,max:2147483647},S={min:-Number.MAX_SAFE_INTEGER,max:Number.MAX_SAFE_INTEGER},E=(2-2**-23)*2**127,N={min:-E,max:E},M={min:-Number.MAX_VALUE,max:Number.MAX_VALUE},A={min:0,max:c.max},U={"small-integer":()=>new m({type:"small-integer",precision:0,integer:!0,minimum:F.min,maximum:F.max}),integer:()=>new m({type:"integer",precision:0,integer:!0,minimum:c.min,maximum:c.max}),"big-integer":()=>new m({type:"big-integer",precision:0,integer:!0,minimum:S.min,maximum:S.max}),single:()=>new m({type:"single",precision:4,minimum:N.min,maximum:N.max}),double:()=>new m({type:"double",precision:4,minimum:M.min,maximum:M.max}),long:()=>new m({type:"long",precision:0,integer:!0,minimum:c.min,maximum:c.max}),oid:()=>new m({type:"oid",precision:0,integer:!0,minimum:A.min,maximum:A.max}),date:()=>new d,"date-only":()=>new y,"time-only":()=>new v,"timestamp-offset":()=>new b};function I(n){return U[n]()}var R="double",f=class extends ${constructor(){super(...arguments),this.#t=O(),this.#i=void 0,this.messages=D({}),this._strategy=I(R),this.disabled=!1,this.fieldType=R,this.fillPlacement="start",this.layout="horizontal",this.max="",this.min="",this.mirrored=!1,this.popoverLabel="",this.rangeLabelsEditingEnabled=!1,this.rangeLabelsPlacement="center",this.showRangeLabels=!1,this.values="",this.valueLabelsEditingEnabled=!1,this.valueLabelsDisplay="always",this.valueLabelsPlacement="start",this.arcgisActiveValueChange=h({cancelable:!1}),this.arcgisChange=h({cancelable:!1}),this.arcgisInput=h({cancelable:!1}),this.arcgisRangeChange=h({cancelable:!1})}static{this.properties={_strategy:16,activeValue:32,disabled:5,fieldType:1,fillPlacement:1,label:1,labelFormatter:0,layout:1,max:1,messageOverrides:0,min:1,mirrored:5,popoverLabel:1,rangeLabelsEditingEnabled:5,rangeLabelsPlacement:1,showRangeLabels:5,values:1,valueLabelsEditingEnabled:5,valueLabelsDisplay:1,valueLabelsPlacement:1,valuesAsNumbers:32,valuesAsDateOnly:32,valuesAsTimeOnly:32,valuesAsTimestampOffset:32,valuesAsFieldType:32}}static{this.styles=z}#t;#i;get activeValue(){let e=this.#t.value?.activeValue;return typeof e=="number"?this._strategy.serialize(e):e}get valuesAsNumbers(){return this.#e(this.values).map(e=>e??NaN)}get valuesAsDateOnly(){return this.#e(this.values).map(e=>e===void 0?null:this._strategy.toDateOnly(e))}get valuesAsTimeOnly(){return this.#e(this.values).map(e=>e===void 0?null:this._strategy.toTimeOnly(e))}get valuesAsTimestampOffset(){return this.#e(this.values).map(e=>e===void 0?null:this._strategy.toTimestampOffset(e))}get valuesAsFieldType(){return this.#e(this.values).map(e=>e===void 0?NaN:this._strategy.toFieldType(e))}willUpdate(e){super.willUpdate(e),e.has("fieldType")&&(this._strategy=I(this.fieldType)),(e.has("messages")||e.has("fieldType")||e.has("labelFormatter"))&&(this.#i=this.#u(this.messages._lang)),(e.has("values")||e.has("min")||e.has("max")||e.has("fieldType"))&&this.#p()}#n(e){e.stopPropagation(),this.#s(e.currentTarget.values),this.arcgisInput.emit()}#l(e){e.stopPropagation(),this.#s(e.currentTarget.values),this.arcgisChange.emit()}#m(e){e.stopPropagation(),this.arcgisActiveValueChange.emit()}#o(e){e.stopPropagation();let t=e.currentTarget;this.min=this._strategy.serialize(t.min),this.max=this._strategy.serialize(t.max),this.#s(t.values),this.arcgisRangeChange.emit()}#u(e){return(t,i,s)=>{let a=r=>this._strategy.format(e,r,i,s)??s(r);return this.labelFormatter?.(t,i,a)??a(t)}}#s(e){this.values=e.map(t=>this._strategy.serialize(t)).join(",")}#e(e){return e.split(",").map(t=>t.trim()).filter(t=>t.length>0).map(t=>this._strategy.parse(t))}#a(e){return this.#e(e).filter(t=>Number.isFinite(t))}#r(e){let t=this._strategy,i=t.parse(this.min),s=t.parse(this.max),a=Number.isFinite(i)?i:void 0,r=Number.isFinite(s)?s:void 0;a!=null&&r!=null&&a>=r&&(a=void 0,r=void 0);let l=t.resolveRange(e,a,r);return l.min>=l.max?t.resolveRange(e,void 0,void 0):l}#h(e,t,i){return e.map(s=>Math.min(i,Math.max(t,s))).sort((s,a)=>s-a)}#p(){let e=this.#a(this.values),t=this.#r(e),i=this._strategy.serialize(t.min),s=this._strategy.serialize(t.max);i!==this.min&&(this.min=i),s!==this.max&&(this.max=s);let a=this.#h(e,t.min,t.max).map(r=>this._strategy.serialize(r)).join(",");a!==this.values&&(this.values=a)}render(){let e=this.#a(this.values),t=this.#r(e),i=this._strategy.editable,s=this._strategy.steps;return _`<arcgis-slider .ariaLabel=${this.label} .disabled=${this.disabled} .labelFormatter=${this.#i} .layout=${this.layout} .max=${t.max} .min=${t.min} .mirrored=${this.mirrored} .popoverLabel=${this.popoverLabel} .precision=${this._strategy.precision} .fillPlacement=${this.fillPlacement} .steps=${s} .rangeLabelsEditingEnabled=${i&&this.rangeLabelsEditingEnabled} .rangeLabelsPlacement=${this.rangeLabelsPlacement} .showRangeLabels=${this.showRangeLabels} .valueLabelsDisplay=${this.valueLabelsDisplay} .valueLabelsEditingEnabled=${i&&this.valueLabelsEditingEnabled} .valueLabelsPlacement=${this.valueLabelsPlacement} .values=${e} @arcgisChange=${this.#l} @arcgisInput=${this.#n} @arcgisActiveValueChange=${this.#m} @arcgisRangeChange=${this.#o} ${w(this.#t)}><slot name=content-start slot=content-start></slot><slot name=content-end slot=content-end></slot><slot name=popover slot=popover></slot></arcgis-slider>`}};L("arcgis-slider-field",f);export{f as ArcgisSliderField};
|
package/dist/cdn/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{I as a,x as e}from"./3GSXVZTY.js";var i=e(a,{"arcgis-ckeditor5":[()=>import("./32GCVBYL.js"),"canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],"arcgis-ckeditor5-popover":[()=>import("./RRUZEMVW.js"),"guid,intlCancel,intlLabel,intlOk,refElement:;reposition"],"arcgis-color-input":[()=>import("./SV5WHSC5.js"),"_messages:,clearable,color,compact,disabled,hideRecentColors,messageOverrides:,placement,popoverProps:,showTransparency,storageId;close,setFocus;isOpen"],"arcgis-coordinate-system-picker":[()=>import("./UEVI5JIH.js"),"_messages:,autoFilterToDefault,defaultWkid,filterEnabled,hideCategories:,value:;getSRDescription"],"arcgis-coordinate-system-picker-tree":[()=>import("./JZZXOFLN.js"),"data:,value"],"arcgis-field-info":[()=>import("./S7NHU6BN.js"),"_messages:,fieldName,hideAlias,hideNumericFormat,hideStatistics,layer:,view:;refresh"],"arcgis-field-pick-list":[()=>import("./
|
|
2
|
+
import{I as a,x as e}from"./3GSXVZTY.js";var i=e(a,{"arcgis-ckeditor5":[()=>import("./32GCVBYL.js"),"canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],"arcgis-ckeditor5-popover":[()=>import("./RRUZEMVW.js"),"guid,intlCancel,intlLabel,intlOk,refElement:;reposition"],"arcgis-color-input":[()=>import("./SV5WHSC5.js"),"_messages:,clearable,color,compact,disabled,hideRecentColors,messageOverrides:,placement,popoverProps:,showTransparency,storageId;close,setFocus;isOpen"],"arcgis-coordinate-system-picker":[()=>import("./UEVI5JIH.js"),"_messages:,autoFilterToDefault,defaultWkid,filterEnabled,hideCategories:,value:;getSRDescription"],"arcgis-coordinate-system-picker-tree":[()=>import("./JZZXOFLN.js"),"data:,value"],"arcgis-field-info":[()=>import("./S7NHU6BN.js"),"_messages:,fieldName,hideAlias,hideNumericFormat,hideStatistics,layer:,view:;refresh"],"arcgis-field-pick-list":[()=>import("./7FJABKI7.js"),"_messages:,customExpressionCheck:,expressionsGroupHeading,fields:,fieldsGroupHeading,filterNoResultsText,filterPlaceholderText,groupFieldsAndExpressions,heading,hideCancel,hideSort,layer:,listOnly,mapView:,multiple,okBtnText,popoverProps:,selectedFields:,showCancel,showDescription,showFieldInfo,showFieldName,showFieldTypeIcon,showFilterLength,showSelectionAll,showSort,sortBy,view:;reposition,setDisabled,setFocus"],"arcgis-histogram":[()=>import("./AFBNTE7W.js"),"_messages:,average,bins:,colorBlendingEnabled,colorStops:,dataLines:,icon,label,labelFormatter:,layout,max,messageOverrides:,min,standardDeviation,standardDeviationCount"],"arcgis-label-input":[()=>import("./VS37V7XU.js"),"alignment,editing,labelFormatter:,readOnly,value;edit;getLabelBoundingClientRect"],"arcgis-picker-input":[()=>import("./KOVBHH3Z.js"),"disabled,heading,iconEnd,intlDone,label,popoverProps:;close,setFocus"],"arcgis-ramp-color":[()=>import("./YNNOPELL.js"),"layout,max,min,stops:"],"arcgis-ramp-color-break":[()=>import("./UDC4B7XF.js"),"layout,max,min,stops:"],"arcgis-ramp-opacity":[()=>import("./7VAGKH5L.js"),"fillColor,layout,max,min,stops:"],"arcgis-slider":[()=>import("./XQXUGS63.js"),"activeValue:,allowValuesOverlap,autoDestroyDisabled,disabled,fillPlacement,fullRangeMax,fullRangeMin,keyboardLargeStep,labelFormatter:,layout,max,messageOverrides:,messages:,min,mirrored,popoverLabel,popoverPlacement,precision,rangeLabelsEditingEnabled,rangeLabelsPlacement,segmentsDraggingDisabled,showRangeLabels,steps,valueLabelsDisplay,valueLabelsEditingEnabled,valueLabelsPlacement,values;destroy"],"arcgis-slider-field":[()=>import("./N62E5ERT.js"),"activeValue:,disabled,fieldType,fillPlacement,label,labelFormatter:,layout,max,messageOverrides:,messages:,min,mirrored,popoverLabel,rangeLabelsEditingEnabled,rangeLabelsPlacement,showRangeLabels,valueLabelsDisplay,valueLabelsEditingEnabled,valueLabelsPlacement,values,valuesAsDateOnly:,valuesAsFieldType:,valuesAsNumbers:,valuesAsTimeOnly:,valuesAsTimestampOffset:"],"arcgis-slider-input":[()=>import("./LQ3EMNGU.js"),"disabled,flipLabels,label,max,min,scale,step,unitsLabel,value,withSteppers"],"arcgis-ticks":[()=>import("./46RPXTVR.js"),"interactive,interpolationExponent,labelFormatter:,labelPlacement,layout,max,min,mirrored,mode,showBaseline,showLabels,values"],"arcgis-toolbar":[()=>import("./PW5JK26B.js"),"barElement:,layout,relativePosition,scale,toolbarKind,tooltipAppearance"],"arcgis-toolbar-action":[()=>import("./VRX6CFXM.js"),"actionElement:,active,appearance,disabled,icon,iconFlipRtl,indicator,kind,labelText,loading,textEnabled,tooltipText;;measure,proxiedRender"],"arcgis-toolbar-group":[()=>import("./WCD3M3ZS.js"),"preferEndSlot,priority;;measure,proxiedRender"],"arcgis-toolbar-item":[()=>import("./JMORJ4HT.js"),"actionElement:,active,disabled,icon,iconFlipRtl,labelText,lastActivated:,loading,tooltipText;;measure,proxiedRender"],"arcgis-toolbar-more-button":[()=>import("./PXCVSKAR.js"),"menuAppearance,overflowActionLabel,priority;;measure,proxiedRender"],"arcgis-toolbar-split-button":[()=>import("./JUFWQ43X.js"),"menuAppearance,overflowActionLabel,priority;;measure,proxiedRender"],"arcgis-unique-values-list":[()=>import("./PY6MFNVO.js"),"_messages:,fieldName,layer:,maxHeight,multiple,numberFormatOptions:,partialUniqueValues,selectedValues:,showFilterLength,sortBy,uniqueValues:,view:,visualizationSource;getUniqueValues,setFocus"],"arcgis-value-picker":[()=>import("./IM5XAP5F.js"),"autoDestroyDisabled,disabled,hideNextButton,hidePlayButton,hidePreviousButton,icon,label,layout,loop,messages:,playRate,state:;destroy;next,pause,play,previous"],"arcgis-value-picker-collection":[()=>import("./7UYF4BC3.js"),"autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue:,items:;destroy;reset,step"],"arcgis-value-picker-combobox":[()=>import("./LMAGVG33.js"),"autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue:,disabled,items:,messages:;destroy;reset,step"],"arcgis-value-picker-label":[()=>import("./5LNPZ4JC.js"),"autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue:,items:;destroy;reset,step"],"arcgis-value-picker-slider":[()=>import("./NN5ENS3K.js"),"autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue,disabled,labelFormatter:,labels:,layout,majorTicks:,max,min,minorTicks:,mirrored,steps:;destroy;reset,step"]});i({resourcesUrl:import.meta.url});var r=new CSSStyleSheet;r.replaceSync("@layer{:not([hydrated]):is(arcgis-ckeditor5,arcgis-ckeditor5-popover,arcgis-color-input,arcgis-coordinate-system-picker,arcgis-coordinate-system-picker-tree,arcgis-field-info,arcgis-field-pick-list,arcgis-histogram,arcgis-label-input,arcgis-picker-input,arcgis-ramp-color,arcgis-ramp-color-break,arcgis-ramp-opacity,arcgis-slider,arcgis-slider-field,arcgis-slider-input,arcgis-ticks,arcgis-toolbar,arcgis-toolbar-action,arcgis-toolbar-group,arcgis-toolbar-item,arcgis-toolbar-more-button,arcgis-toolbar-split-button,arcgis-unique-values-list,arcgis-value-picker,arcgis-value-picker-collection,arcgis-value-picker-combobox,arcgis-value-picker-label,arcgis-value-picker-slider){visibility:hidden}}");document.adoptedStyleSheets=[...document.adoptedStyleSheets,r];window.$arcgis||Object.defineProperty(window,"$arcgis",{configurable:!1,enumerable:!0,writable:!1,value:{}}),((a,r)=>{a.t=(c,...x)=>Promise.all(x.map(x=>x.then?x:(!a?.forceESM&&a?.import||(x=>import(x+".js").then(m=>m.default??m)))("@arcgis/core/"+x))).then(c);r.p=a.t(([m])=>{r.t=m.trackAccess;r.o=m.createObservable;r.c=m.createTrackingTarget;r.r=m.runTracked},"applications/Components/reactiveUtils")})($arcgis,a)
|
|
@@ -2,12 +2,30 @@
|
|
|
2
2
|
import type { PublicLitElement as LitElement } from "@arcgis/lumina";
|
|
3
3
|
import type { EditorType, InputMentionField } from "./types.js";
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
declare module "@arcgis/lumina" {
|
|
6
|
+
export interface DeclareCssProperties {
|
|
7
|
+
/**
|
|
8
|
+
* Specifies the initial height of the component.
|
|
9
|
+
*
|
|
10
|
+
* @internal
|
|
11
|
+
*/
|
|
12
|
+
"--arcgis-ckeditor5-initial-height": "*";
|
|
13
|
+
/**
|
|
14
|
+
* Specifies the maximum width of the component.
|
|
15
|
+
*
|
|
16
|
+
* @internal
|
|
17
|
+
*/
|
|
18
|
+
"--arcgis-ckeditor5-max-width": "*";
|
|
19
|
+
/**
|
|
20
|
+
* Specifies the maximum width of the mention popover.
|
|
21
|
+
*
|
|
22
|
+
* @internal
|
|
23
|
+
*/
|
|
24
|
+
"--arcgis-ckeditor5-mentions-max-width": "*";
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
/** @internal */
|
|
11
29
|
export abstract class ArcgisCkeditor5 extends LitElement {
|
|
12
30
|
/**
|
|
13
31
|
* The editor's text area will have a vertical resize handle if set to true
|
|
@@ -2,12 +2,30 @@
|
|
|
2
2
|
import type { PublicLitElement as LitElement } from "@arcgis/lumina";
|
|
3
3
|
import type { T9nMeta } from "@arcgis/lumina/controllers";
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
declare module "@arcgis/lumina" {
|
|
6
|
+
export interface DeclareCssProperties {
|
|
7
|
+
/**
|
|
8
|
+
* Specifies the height of the component.
|
|
9
|
+
*
|
|
10
|
+
* @internal
|
|
11
|
+
*/
|
|
12
|
+
"--arcgis-coordinate-system-picker-height": "*";
|
|
13
|
+
/**
|
|
14
|
+
* Specifies the minimum width of the component.
|
|
15
|
+
*
|
|
16
|
+
* @internal
|
|
17
|
+
*/
|
|
18
|
+
"--arcgis-coordinate-system-picker-min-width": "*";
|
|
19
|
+
/**
|
|
20
|
+
* Specifies the maximum width of the component.
|
|
21
|
+
*
|
|
22
|
+
* @internal
|
|
23
|
+
*/
|
|
24
|
+
"--arcgis-coordinate-system-picker-max-width": "*";
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
/** @internal */
|
|
11
29
|
export abstract class ArcgisCoordinateSystemPicker extends LitElement {
|
|
12
30
|
/**
|
|
13
31
|
* Contains the translations for this component.
|
|
@@ -36,7 +36,7 @@ class I extends y {
|
|
|
36
36
|
this._propWatcherTask.autoRun = !1;
|
|
37
37
|
},
|
|
38
38
|
args: () => [this.popoverProps]
|
|
39
|
-
}), this.fields = [], this.selectedFields = [], this.listOnly = !1, this.showFieldInfo = !1, this.showFieldTypeIcon = !1, this.showFieldName = !1, this.showDescription = !1, this.showSelectionAll = !1, this.showCancel = !0, this.hideCancel = !1, this.showSort = !0, this.hideSort = !1, this.showFilterLength = 10, this.multiple = !1, this.sortBy = "default", this.groupFieldsAndExpressions = !1, this.arcgisChange = a(), this.arcgisClose = a(), this.
|
|
39
|
+
}), this.fields = [], this.selectedFields = [], this.listOnly = !1, this.showFieldInfo = !1, this.showFieldTypeIcon = !1, this.showFieldName = !1, this.showDescription = !1, this.showSelectionAll = !1, this.showCancel = !0, this.hideCancel = !1, this.showSort = !0, this.hideSort = !1, this.showFilterLength = 10, this.multiple = !1, this.sortBy = "default", this.groupFieldsAndExpressions = !1, this.arcgisChange = a(), this.arcgisClose = a(), this.arcgisDeleteField = a(), this.arcgisEditField = a(), this.arcgisFieldPickListChange = a(), this.arcgisFieldPickListDismissed = a(), this.arcgisFieldPickListSortByChange = a(), this.arcgisSortByChange = a();
|
|
40
40
|
}
|
|
41
41
|
static {
|
|
42
42
|
this.properties = { lastSortBy: 16, filterFields: 16, mapView: 0, view: 0, layer: 0, fields: 0, selectedFields: 0, listOnly: 5, popoverProps: 0, showFieldInfo: 5, showFieldTypeIcon: 5, showFieldName: 5, showDescription: 5, showSelectionAll: 5, showCancel: 5, hideCancel: 5, showSort: 5, hideSort: 5, showFilterLength: 9, multiple: 5, heading: 1, okBtnText: 1, filterPlaceholderText: 1, filterNoResultsText: 1, sortBy: 1, groupFieldsAndExpressions: 5, fieldsGroupHeading: 1, expressionsGroupHeading: 1, customExpressionCheck: 0 };
|
|
@@ -47,14 +47,14 @@ class I extends y {
|
|
|
47
47
|
async reposition() {
|
|
48
48
|
await this.popoverNode.value?.reposition();
|
|
49
49
|
}
|
|
50
|
+
async setDisabled(e) {
|
|
51
|
+
this.panelElement.value && (this.panelElement.value.disabled = e);
|
|
52
|
+
}
|
|
50
53
|
async setFocus() {
|
|
51
54
|
setTimeout(() => requestAnimationFrame(() => {
|
|
52
55
|
this.listOnly ? this.listNode.value?.setFocus() : this.panelElement.value?.setFocus();
|
|
53
56
|
}), 1);
|
|
54
57
|
}
|
|
55
|
-
async setDisabled(e) {
|
|
56
|
-
this.panelElement.value && (this.panelElement.value.disabled = e);
|
|
57
|
-
}
|
|
58
58
|
load() {
|
|
59
59
|
!this.view && this.mapView && (this.view = this.mapView), !this.showCancel && !this.hideCancel && (this.hideCancel = !0), !this.showSort && !this.hideSort && (this.hideSort = !0), this.listOnly && this.showFieldInfo && (this.showFieldInfo = !1, g("info", this, "showFieldInfo is not supported if listOnly is true.")), !this.multiple && this.selectedFields.length > 1 && (this.selectedFields = [this.selectedFields[0]]), this.lastSortBy = this.sortBy ?? this.lastSortBy, this.updateGroupedLists(), this.initialized = !0;
|
|
60
60
|
}
|
|
@@ -4,6 +4,15 @@ import type { HistogramBin } from "@arcgis/core/smartMapping/statistics/types.js
|
|
|
4
4
|
import type { PublicLitElement as LitElement } from "@arcgis/lumina";
|
|
5
5
|
import type { T9nMeta } from "@arcgis/lumina/controllers";
|
|
6
6
|
|
|
7
|
+
declare module "@arcgis/lumina" {
|
|
8
|
+
export interface DeclareCssProperties {
|
|
9
|
+
/** Specifies the color of the histogram bars when the bin doesn't have a corresponding color stop. */
|
|
10
|
+
"--arcgis-histogram-bar-color": "*";
|
|
11
|
+
/** Specifies the default color for color stops. */
|
|
12
|
+
"--arcgis-histogram-stop-color": "*";
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
|
|
7
16
|
/**
|
|
8
17
|
* Renders a histogram to visualize the spread of a dataset based on [bins](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-histogram/#bins) representing buckets, or sub-ranges, of
|
|
9
18
|
* data. Each [bin](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/types/#HistogramBin) is defined by a minimum and maximum value and a total count.
|
|
@@ -41,8 +50,6 @@ import type { T9nMeta } from "@arcgis/lumina/controllers";
|
|
|
41
50
|
*
|
|
42
51
|
* 
|
|
43
52
|
*
|
|
44
|
-
* @cssproperty [--arcgis-histogram-bar-color] - Specifies the color of the histogram bars when the bin doesn't have a corresponding color stop.
|
|
45
|
-
* @cssproperty [--arcgis-histogram-stop-color] - Specifies the default color for color stops.
|
|
46
53
|
* @see [histogram module](https://developers.arcgis.com/javascript/latest/references/core/smartMapping/statistics/histogram/)
|
|
47
54
|
* @see [Sample - Histogram component](https://developers.arcgis.com/javascript/latest/sample-code/histogram/)
|
|
48
55
|
* @since 5.0
|
|
@@ -290,7 +290,7 @@ function T(n) {
|
|
|
290
290
|
const _ = "double";
|
|
291
291
|
class U extends F {
|
|
292
292
|
constructor() {
|
|
293
|
-
super(...arguments), this.#t = $(), this.#s = void 0, this.messages = L({}), this._strategy = T(_), this.disabled = !1, this.fieldType = _, this.fillPlacement = "start", this.layout = "horizontal", this.max = "", this.min = "", this.mirrored = !1, this.popoverLabel = "", this.rangeLabelsEditingEnabled = !1, this.rangeLabelsPlacement = "center", this.showRangeLabels = !1, this.values = "", this.valueLabelsEditingEnabled = !1, this.valueLabelsDisplay = "always", this.valueLabelsPlacement = "start", this.
|
|
293
|
+
super(...arguments), this.#t = $(), this.#s = void 0, this.messages = L({}), this._strategy = T(_), this.disabled = !1, this.fieldType = _, this.fillPlacement = "start", this.layout = "horizontal", this.max = "", this.min = "", this.mirrored = !1, this.popoverLabel = "", this.rangeLabelsEditingEnabled = !1, this.rangeLabelsPlacement = "center", this.showRangeLabels = !1, this.values = "", this.valueLabelsEditingEnabled = !1, this.valueLabelsDisplay = "always", this.valueLabelsPlacement = "start", this.arcgisActiveValueChange = c({ cancelable: !1 }), this.arcgisChange = c({ cancelable: !1 }), this.arcgisInput = c({ cancelable: !1 }), this.arcgisRangeChange = c({ cancelable: !1 });
|
|
294
294
|
}
|
|
295
295
|
static {
|
|
296
296
|
this.properties = { _strategy: 16, activeValue: 32, disabled: 5, fieldType: 1, fillPlacement: 1, label: 1, labelFormatter: 0, layout: 1, max: 1, messageOverrides: 0, min: 1, mirrored: 5, popoverLabel: 1, rangeLabelsEditingEnabled: 5, rangeLabelsPlacement: 1, showRangeLabels: 5, values: 1, valueLabelsEditingEnabled: 5, valueLabelsDisplay: 1, valueLabelsPlacement: 1, valuesAsNumbers: 32, valuesAsDateOnly: 32, valuesAsTimeOnly: 32, valuesAsTimestampOffset: 32, valuesAsFieldType: 32 };
|
|
@@ -2,6 +2,17 @@
|
|
|
2
2
|
import type { PublicLitElement as LitElement } from "@arcgis/lumina";
|
|
3
3
|
import type { Layout, TickMode, TickValues } from "./types.js";
|
|
4
4
|
|
|
5
|
+
declare module "@arcgis/lumina" {
|
|
6
|
+
export interface DeclareCssProperties {
|
|
7
|
+
/** Specifies the length of the ticks. */
|
|
8
|
+
"--arcgis-ticks-tick-length": "*";
|
|
9
|
+
/** Specifies the color of the ticks. */
|
|
10
|
+
"--arcgis-ticks-tick-color": "*";
|
|
11
|
+
/** Specifies the gap between the ticks and labels. */
|
|
12
|
+
"--arcgis-ticks-gap": "*";
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
|
|
5
16
|
/**
|
|
6
17
|
* The ticks component displays visual markers along a line to indicate scale, intervals, or specific values. It is often used in conjunction with the
|
|
7
18
|
* [Slider component](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-slider/). Ticks help users understand the
|
|
@@ -12,9 +23,6 @@ import type { Layout, TickMode, TickValues } from "./types.js";
|
|
|
12
23
|
* [interpolationExponent](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#interpolationExponent). Ticks can be displayed in vertical or horizontal [layout](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#layout), with optional [showLabels](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#showLabels) and a [showBaseline](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#showBaseline).
|
|
13
24
|
* The component can also be made [interactive](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#interactive) to respond to user clicks on individual ticks. The [labelFormatter](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#labelFormatter) property allows customization of tick label formatting.
|
|
14
25
|
*
|
|
15
|
-
* @cssproperty [--arcgis-ticks-tick-length] - Specifies the length of the ticks.
|
|
16
|
-
* @cssproperty [--arcgis-ticks-tick-color] - Specifies the color of the ticks.
|
|
17
|
-
* @cssproperty [--arcgis-ticks-gap] - Specifies the gap between the ticks and labels.
|
|
18
26
|
* @since 5.0
|
|
19
27
|
* @example
|
|
20
28
|
* The following example creates a vertical slider with ticks.
|
|
@@ -8,7 +8,7 @@ import { usePropertyChange as m } from "@arcgis/lumina/controllers";
|
|
|
8
8
|
const p = c`:host{display:inline-flex;max-inline-size:100%}:host([layout="horizontal"]) slot{min-inline-size:300px;min-block-size:48px}:host([layout="vertical"]) slot{min-inline-size:300px;min-block-size:144px}slot{display:flex}slot.empty{display:none}.container{display:flex;flex-direction:column;background-color:var(--calcite-color-foreground-1)}.root{display:flex;flex-direction:row;align-items:stretch}calcite-action{width:var(--calcite-font-line-height-fixed-4xl);height:var(--calcite-font-line-height-fixed-4xl)}calcite-action-bar{--calcite-action-bar-items-space: var(--calcite-space-none);--calcite-spacing-sm: var(--calcite-space-none);background-color:var(--calcite-color-foreground-1)}.separator{border-inline-end:solid 1px var(--calcite-color-border-3);width:1px}`;
|
|
9
9
|
class u extends n {
|
|
10
10
|
constructor() {
|
|
11
|
-
super(), this.messages = d({ blocking: !0 }), this._isPlaying = !1, this.autoDestroyDisabled = !1, this.disabled = !1, this.hideNextButton = !1, this.hidePlayButton = !1, this.hidePreviousButton = !1, this.icon = "list-rectangle", this.label = "", this.layout = "horizontal", this.loop = !1, this.playRate = 1e3, this.
|
|
11
|
+
super(), this.messages = d({ blocking: !0 }), this._isPlaying = !1, this.autoDestroyDisabled = !1, this.disabled = !1, this.hideNextButton = !1, this.hidePlayButton = !1, this.hidePreviousButton = !1, this.icon = "list-rectangle", this.label = "", this.layout = "horizontal", this.loop = !1, this.playRate = 1e3, this.arcgisAnimate = i(), this.arcgisNext = i(), this.arcgisPause = i(), this.arcgisPlay = i(), this.arcgisPrevious = i(), this.arcgisPropertyChange = m()("layout", "loop", "playRate", "state"), this.arcgisSlottedElementChange = i(), this.listen("arcgisPropertyChange", () => this.requestUpdate());
|
|
12
12
|
}
|
|
13
13
|
static {
|
|
14
14
|
this.properties = { _isPlaying: 16, _slottedElement: 16, autoDestroyDisabled: 5, disabled: 5, hideNextButton: 5, hidePlayButton: 5, hidePreviousButton: 5, icon: 1, label: 1, layout: 3, loop: 5, playRate: 9, state: 32 };
|
|
@@ -34,12 +34,12 @@ class u extends n {
|
|
|
34
34
|
previous() {
|
|
35
35
|
this.arcgisPrevious.emit(), this._slottedElement?.canPrevious && this._slottedElement.step("previous");
|
|
36
36
|
}
|
|
37
|
-
disconnectedCallback() {
|
|
38
|
-
super.disconnectedCallback(), this._isPlaying && this.pause();
|
|
39
|
-
}
|
|
40
37
|
willUpdate(t) {
|
|
41
38
|
t.has("layout") && this._isElementWithLayout(this._slottedElement) && (this._slottedElement.layout = this.layout), t.has("disabled") && this._isElementWithDisabled(this._slottedElement) && (this._slottedElement.disabled = this.disabled);
|
|
42
39
|
}
|
|
40
|
+
disconnectedCallback() {
|
|
41
|
+
super.disconnectedCallback(), this._isPlaying && this.pause();
|
|
42
|
+
}
|
|
43
43
|
_handleSlotChange(t) {
|
|
44
44
|
const [e] = r(t);
|
|
45
45
|
this._slottedElement = e, this.arcgisSlottedElementChange.emit({ slottedElement: e }), !e && this._isPlaying && this.pause(), this._isElementWithLayout(e) && (e.layout = this.layout), this._isElementWithDisabled(e) && (e.disabled = this.disabled), this._isElementWithComponentOnReady(e) && e.componentOnReady().then(() => {
|