@arcgis/common-components 5.2.0-next.64 → 5.2.0-next.66

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.
Files changed (69) hide show
  1. package/dist/cdn/27EUJ42B.js +2 -0
  2. package/dist/cdn/{WLDOB2AM.js → 2NC4IS67.js} +1 -1
  3. package/dist/cdn/2W6L7MWA.js +2 -0
  4. package/dist/cdn/2YGG7LXT.js +2 -0
  5. package/dist/cdn/4BK7PZE3.js +2 -0
  6. package/dist/cdn/{BMAH7QBK.js → 7KADEPAK.js} +1 -1
  7. package/dist/cdn/{NNP2GXAL.js → 7NUOY4MH.js} +1 -1
  8. package/dist/cdn/{TO6WMMK4.js → CA7QB7UT.js} +1 -1
  9. package/dist/cdn/CH6HYVI6.js +2 -0
  10. package/dist/cdn/FBLD2E3Y.js +2 -0
  11. package/dist/cdn/{I6VYJHWH.js → FJAIY6NX.js} +1 -1
  12. package/dist/cdn/{G3IYOM43.js → GPWZ4YLQ.js} +1 -1
  13. package/dist/cdn/JJY3CFBU.js +2 -0
  14. package/dist/cdn/{7SJH7FOK.js → OVZV6YGZ.js} +1 -1
  15. package/dist/cdn/{6DGHVYTV.js → PHM5ZZMN.js} +1 -1
  16. package/dist/cdn/PTJVWB67.js +2 -0
  17. package/dist/cdn/{ADYTRVI3.js → SJFYZOCS.js} +1 -1
  18. package/dist/cdn/{EJYLPUWU.js → TJOSKSQ7.js} +1 -1
  19. package/dist/cdn/{UI52HM3O.js → UK2G5LXU.js} +1 -1
  20. package/dist/cdn/VCZLD7ZT.js +2 -0
  21. package/dist/cdn/VOBBBIYC.js +2 -0
  22. package/dist/cdn/{L5RQNCAS.js → WVOAAHEV.js} +1 -1
  23. package/dist/cdn/{PFBJ5AAH.js → XQRXHSM5.js} +1 -1
  24. package/dist/cdn/XW5YJXMI.js +2 -0
  25. package/dist/cdn/YCQN4TJE.js +2 -0
  26. package/dist/cdn/index.js +1 -1
  27. package/dist/cdn/main.css +1 -1
  28. package/dist/chunks/element-reference-controller.js +17 -0
  29. package/dist/chunks/utils.js +69 -0
  30. package/dist/chunks/utils2.js +20 -0
  31. package/dist/chunks/utils3.js +7 -0
  32. package/dist/components/arcgis-toolbar/customElement.d.ts +47 -0
  33. package/dist/components/arcgis-toolbar/customElement.js +82 -0
  34. package/dist/components/arcgis-toolbar/index.d.ts +1 -0
  35. package/dist/components/arcgis-toolbar/index.js +2 -0
  36. package/dist/components/arcgis-toolbar/types.d.ts +10 -0
  37. package/dist/components/arcgis-toolbar-action/customElement.d.ts +97 -0
  38. package/dist/components/arcgis-toolbar-action/customElement.js +57 -0
  39. package/dist/components/arcgis-toolbar-action/index.d.ts +1 -0
  40. package/dist/components/arcgis-toolbar-action/index.js +3 -0
  41. package/dist/components/arcgis-toolbar-group/customElement.d.ts +38 -0
  42. package/dist/components/arcgis-toolbar-group/customElement.js +47 -0
  43. package/dist/components/arcgis-toolbar-group/index.d.ts +1 -0
  44. package/dist/components/arcgis-toolbar-group/index.js +2 -0
  45. package/dist/components/arcgis-toolbar-item/customElement.d.ts +83 -0
  46. package/dist/components/arcgis-toolbar-item/customElement.js +42 -0
  47. package/dist/components/arcgis-toolbar-item/index.d.ts +1 -0
  48. package/dist/components/arcgis-toolbar-item/index.js +4 -0
  49. package/dist/components/arcgis-toolbar-more-button/customElement.d.ts +52 -0
  50. package/dist/components/arcgis-toolbar-more-button/customElement.js +68 -0
  51. package/dist/components/arcgis-toolbar-more-button/index.d.ts +1 -0
  52. package/dist/components/arcgis-toolbar-more-button/index.js +6 -0
  53. package/dist/components/arcgis-toolbar-split-button/customElement.d.ts +51 -0
  54. package/dist/components/arcgis-toolbar-split-button/customElement.js +66 -0
  55. package/dist/components/arcgis-toolbar-split-button/index.d.ts +1 -0
  56. package/dist/components/arcgis-toolbar-split-button/index.js +6 -0
  57. package/dist/docs/api.json +1 -1
  58. package/dist/docs/docs.json +1 -1
  59. package/dist/docs/vscode.html-custom-data.json +1 -1
  60. package/dist/docs/web-types.json +1 -1
  61. package/dist/index.d.ts +36 -0
  62. package/dist/loader.js +8 -2
  63. package/dist/types/lumina.d.ts +33 -0
  64. package/dist/types/preact.d.ts +39 -0
  65. package/dist/types/react.d.ts +45 -0
  66. package/dist/types/stencil.d.ts +33 -0
  67. package/package.json +4 -4
  68. package/dist/cdn/4S3TDYPJ.js +0 -2
  69. package/dist/cdn/DWUHV2MR.js +0 -2
@@ -0,0 +1,2 @@
1
+ /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
+ import{a as g}from"./2W6L7MWA.js";import{b as v}from"./27EUJ42B.js";import{c as s}from"./VCZLD7ZT.js";import"./4BK7PZE3.js";import"./TWW63D32.js";import{C as h,D as m,E as p,G as l,J as $,j as i,s as d}from"./PECTYCLV.js";var n=class extends m{constructor(){super(...arguments),this._active=!1,this._elementReferenceController=new g(this),this.icon="question-mark",this.tooltipText="",this.labelText="",this.disabled=!1,this.loading=!1,this.iconFlipRtl=!1,this.arcgisItemSelected=d()}static{this.properties={icon:3,lastActivated:0,active:7,tooltipText:1,labelText:3,disabled:7,loading:7,iconFlipRtl:7,actionElement:32}}get active(){return this._active}set active(e){e!==this._active&&(this._active=e,e&&(this.lastActivated=new Date))}get actionElement(){return this._elementReferenceController.element}measure({scale:e}){return[s.action[e]+s.actionPadding[e]]}proxiedRender(e,a,b){let o=e.tooltipAppearance,r=this._elementReferenceController.element,f=o!=="native"&&a==="collapsed-action",x=o==="calcite-dark"?"calcite-mode-dark":void 0,u=v(e),t=this.tooltipText||this.labelText;return a==="dropdown-item"?i`<calcite-dropdown-item .disabled=${this.disabled} icon-start=${this.icon??l} .iconFlipRtl=${this.iconFlipRtl?"both":void 0} .label=${t} @click=${c=>this._handleDropdownItemClick(c)} .selected=${this.active||b} title=${t??l}>${this.labelText}</calcite-dropdown-item>`:i`<calcite-action .active=${this.active} .disabled=${this.disabled} .icon=${this.icon} .iconFlipRtl=${this.iconFlipRtl} .label=${t} .loading=${this.loading} @click=${c=>this._handleActionClick(c)} .scale=${e.scale} .text=${this.labelText} .textEnabled=${a==="expanded-action"} title=${(o==="native"?t:void 0)??l} ${h(this._elementReferenceController.ref)}></calcite-action>${f&&r?i`<calcite-tooltip class=${p(x)} overlay-positioning=fixed .placement=${u} .referenceElement=${r}><span>${t}</span></calcite-tooltip>`:void 0}`}_handleActionClick(e){this.isConnected&&this.arcgisItemSelected?.emit({element:e.currentTarget})}_handleDropdownItemClick(e){this.isConnected&&this.arcgisItemSelected?.emit({element:e.currentTarget})}};$("arcgis-toolbar-item",n);export{n as ArcgisToolbarItem};
@@ -0,0 +1,2 @@
1
+ /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
+ import{a as R}from"./VOBBBIYC.js";import{a as x}from"./2W6L7MWA.js";import{a as v,b as A,c as w}from"./27EUJ42B.js";import{a as h,c as _}from"./VCZLD7ZT.js";import"./4BK7PZE3.js";import"./TWW63D32.js";import{C as f,D as y,E as s,G as d,J as C,j as c}from"./PECTYCLV.js";var $=class extends y{constructor(){super(...arguments),this._elementReferenceController=new x(this),this._childrenObserver=new MutationObserver(()=>this._syncChildren()),this.priority=h.Medium,this.menuAppearance="dropdown",this.overflowActionLabel="More actions"}static{this.properties={_children:16,priority:9,menuAppearance:1,overflowActionLabel:1}}measure(e){let{priority:i,_children:r}=this,l=r?.length??0;if(!l)return[0];let o=v(e),n=l*o;if(!(i<h.NeverCollapse)||l<=1)return[n];let t=o+B(e);return i<=h.ForceCollapse?[t]:w([t,n])}proxiedRender(e,i){let r=this._children;if(!r)return;let{visible:l,hidden:o}=this._resolveActionsFromBudget(r,e,i,this.menuAppearance==="dropdown"),n=W(e),t=this.overflowActionLabel,m=e.tooltipAppearance,k=m!=="native",L=this._elementReferenceController.element,O=m==="calcite-dark"?"calcite-mode-dark":void 0,b="split-anchor",g=o.length?"split-menu":"",u=A(e),M=this.menuAppearance==="action-menu"?c`<calcite-action-menu .label=${t} overlay-positioning=fixed .placement=${u} class=${s(g)}><calcite-action .icon=${n} .scale=${e.scale} class=${s(b)} data-layout=${e.layout??d} slot=trigger title=${t??d} .label=${t} .text=${t} ${f(this._elementReferenceController.ref)}></calcite-action>${o.map(a=>a.proxiedRender(e,"expanded-action"))}</calcite-action-menu>`:c`<calcite-dropdown overlay-positioning=fixed .placement=${u} .scale=${e.scale} class=${s(g)}><calcite-action class=${s(b)} data-layout=${e.layout??d} .icon=${n} .label=${t} .scale=${e.scale} slot=trigger .text=${m==="native"?t:""} title=${t??d} ${f(this._elementReferenceController.ref)}></calcite-action><calcite-dropdown-group selection-mode=single>${o.map(a=>a.proxiedRender(e,"dropdown-item",a===l.at(0)))}</calcite-dropdown-group></calcite-dropdown>`;return c`<div class="split-host">${l.map(a=>a.proxiedRender(e,"collapsed-action"))}${o.length?M:void 0}${o.length&&k?c`<calcite-tooltip class=${s(O)} overlay-positioning=fixed .placement=${u} .referenceElement=${L}><span>${t}</span></calcite-tooltip>`:void 0}</div>`}connectedCallback(){super.connectedCallback(),this._childrenObserver.observe(this.el,{childList:!0}),this._syncChildren()}disconnectedCallback(){this._childrenObserver.disconnect(),super.disconnectedCallback()}_resolveActionsFromBudget(e,i,r,l){let o=e.find(t=>t.active)??e?.toSorted(R)?.at(0);if(Math.floor(r/v(i))>=e.length)return{visible:[...e],hidden:[]};if(l)return{visible:[o??e[0]],hidden:[...e]};let n=[...e];return{visible:n.splice(n.indexOf(o),1),hidden:n}}_syncChildren(){this._componentWaitAbortController?.abort();let e=Array.from(this.el.querySelectorAll("arcgis-toolbar-item")),i=new AbortController;this._componentWaitAbortController=i,Promise.all(e.map(r=>r.componentOnReady())).then(()=>{!this.isConnected||i.signal.aborted||(this._children=e)})}};function W({layout:p,relativePosition:e}){return p==="horizontal"?e.startsWith("top")?"chevron-down":"chevron-up":e.endsWith("left")?"chevron-right":"chevron-left"}function B({layout:p,scale:e}){return _.splitButtonPart[p][e]}C("arcgis-toolbar-split-button",$);export{$ as ArcgisToolbarSplitButton};
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"./PECTYCLV.js";var i=e(a,{"arcgis-ckeditor5":[()=>import("./XG35NKST.js"),"canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],"arcgis-ckeditor5-popover":[()=>import("./HY65JC4L.js"),"guid,intlCancel,intlLabel,intlOk,refElement:;reposition"],"arcgis-color-input":[()=>import("./G3IYOM43.js"),"_messages:,clearable,color,compact,disabled,hideRecentColors,messageOverrides:,placement,popoverProps:,showTransparency,storageId;close,setFocus;isOpen"],"arcgis-coordinate-system-picker":[()=>import("./PFBJ5AAH.js"),"_messages:,autoFilterToDefault,defaultWkid,filterEnabled,hideCategories:,value:;getSRDescription"],"arcgis-coordinate-system-picker-tree":[()=>import("./J2J3YRCY.js"),"data:,value"],"arcgis-field-info":[()=>import("./WLDOB2AM.js"),"_messages:,fieldName,hideAlias,hideNumericFormat,hideStatistics,layer:,view:;refresh"],"arcgis-field-pick-list":[()=>import("./EJYLPUWU.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("./UI52HM3O.js"),"_messages:,average,bins:,colorBlendingEnabled,colorStops:,dataLines:,icon,label,labelFormatter:,layout,max,messageOverrides:,min,standardDeviation,standardDeviationCount"],"arcgis-label-input":[()=>import("./BOSIIV32.js"),"alignment,editing,labelFormatter:,readOnly,value;edit;getLabelBoundingClientRect"],"arcgis-picker-input":[()=>import("./TTH3HGVV.js"),"disabled,heading,iconEnd,intlDone,label,popoverProps:;close,setFocus"],"arcgis-ramp-color":[()=>import("./JZRBBRRT.js"),"layout,max,min,stops:"],"arcgis-ramp-color-break":[()=>import("./XCIAOWMG.js"),"layout,max,min,stops:"],"arcgis-ramp-opacity":[()=>import("./SQL3PEL7.js"),"fillColor,layout,max,min,stops:"],"arcgis-slider":[()=>import("./ADYTRVI3.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("./TO6WMMK4.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("./DFDXMCOB.js"),"disabled,flipLabels,label,max,min,scale,step,unitsLabel,value,withSteppers"],"arcgis-ticks":[()=>import("./T62KUQBN.js"),"interactive,interpolationExponent,labelFormatter:,labelPlacement,layout,max,min,mirrored,mode,showBaseline,showLabels,values"],"arcgis-unique-values-list":[()=>import("./NNP2GXAL.js"),"_messages:,fieldName,layer:,maxHeight,multiple,numberFormatOptions:,partialUniqueValues,selectedValues:,showFilterLength,sortBy,uniqueValues:,view:,visualizationSource;getUniqueValues,setFocus"],"arcgis-value-picker":[()=>import("./4S3TDYPJ.js"),"autoDestroyDisabled,disabled,hideNextButton,hidePlayButton,hidePreviousButton,icon,label,layout,loop,messages:,playRate,state:;destroy;next,pause,play,previous"],"arcgis-value-picker-collection":[()=>import("./L5RQNCAS.js"),"autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue:,items:;destroy;reset,step"],"arcgis-value-picker-combobox":[()=>import("./I6VYJHWH.js"),"autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue:,disabled,items:,messages:;destroy;reset,step"],"arcgis-value-picker-label":[()=>import("./6DGHVYTV.js"),"autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue:,items:;destroy;reset,step"],"arcgis-value-picker-slider":[()=>import("./7SJH7FOK.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 s=new CSSStyleSheet;s.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-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,s];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
+ import{I as a,x as e}from"./PECTYCLV.js";var i=e(a,{"arcgis-ckeditor5":[()=>import("./XG35NKST.js"),"canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],"arcgis-ckeditor5-popover":[()=>import("./HY65JC4L.js"),"guid,intlCancel,intlLabel,intlOk,refElement:;reposition"],"arcgis-color-input":[()=>import("./GPWZ4YLQ.js"),"_messages:,clearable,color,compact,disabled,hideRecentColors,messageOverrides:,placement,popoverProps:,showTransparency,storageId;close,setFocus;isOpen"],"arcgis-coordinate-system-picker":[()=>import("./XQRXHSM5.js"),"_messages:,autoFilterToDefault,defaultWkid,filterEnabled,hideCategories:,value:;getSRDescription"],"arcgis-coordinate-system-picker-tree":[()=>import("./J2J3YRCY.js"),"data:,value"],"arcgis-field-info":[()=>import("./2NC4IS67.js"),"_messages:,fieldName,hideAlias,hideNumericFormat,hideStatistics,layer:,view:;refresh"],"arcgis-field-pick-list":[()=>import("./TJOSKSQ7.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("./UK2G5LXU.js"),"_messages:,average,bins:,colorBlendingEnabled,colorStops:,dataLines:,icon,label,labelFormatter:,layout,max,messageOverrides:,min,standardDeviation,standardDeviationCount"],"arcgis-label-input":[()=>import("./BOSIIV32.js"),"alignment,editing,labelFormatter:,readOnly,value;edit;getLabelBoundingClientRect"],"arcgis-picker-input":[()=>import("./TTH3HGVV.js"),"disabled,heading,iconEnd,intlDone,label,popoverProps:;close,setFocus"],"arcgis-ramp-color":[()=>import("./JZRBBRRT.js"),"layout,max,min,stops:"],"arcgis-ramp-color-break":[()=>import("./XCIAOWMG.js"),"layout,max,min,stops:"],"arcgis-ramp-opacity":[()=>import("./SQL3PEL7.js"),"fillColor,layout,max,min,stops:"],"arcgis-slider":[()=>import("./SJFYZOCS.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("./CA7QB7UT.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("./DFDXMCOB.js"),"disabled,flipLabels,label,max,min,scale,step,unitsLabel,value,withSteppers"],"arcgis-ticks":[()=>import("./T62KUQBN.js"),"interactive,interpolationExponent,labelFormatter:,labelPlacement,layout,max,min,mirrored,mode,showBaseline,showLabels,values"],"arcgis-toolbar":[()=>import("./JJY3CFBU.js"),"barElement:,layout,relativePosition,scale,toolbarKind,tooltipAppearance"],"arcgis-toolbar-action":[()=>import("./FBLD2E3Y.js"),"actionElement:,active,appearance,disabled,icon,iconFlipRtl,indicator,kind,labelText,loading,textEnabled,tooltipText;;measure,proxiedRender"],"arcgis-toolbar-group":[()=>import("./CH6HYVI6.js"),"preferEndSlot,priority;;measure,proxiedRender"],"arcgis-toolbar-item":[()=>import("./XW5YJXMI.js"),"actionElement:,active,disabled,icon,iconFlipRtl,labelText,lastActivated:,loading,tooltipText;;measure,proxiedRender"],"arcgis-toolbar-more-button":[()=>import("./2YGG7LXT.js"),"menuAppearance,overflowActionLabel,priority;;measure,proxiedRender"],"arcgis-toolbar-split-button":[()=>import("./YCQN4TJE.js"),"menuAppearance,overflowActionLabel,priority;;measure,proxiedRender"],"arcgis-unique-values-list":[()=>import("./7NUOY4MH.js"),"_messages:,fieldName,layer:,maxHeight,multiple,numberFormatOptions:,partialUniqueValues,selectedValues:,showFilterLength,sortBy,uniqueValues:,view:,visualizationSource;getUniqueValues,setFocus"],"arcgis-value-picker":[()=>import("./PTJVWB67.js"),"autoDestroyDisabled,disabled,hideNextButton,hidePlayButton,hidePreviousButton,icon,label,layout,loop,messages:,playRate,state:;destroy;next,pause,play,previous"],"arcgis-value-picker-collection":[()=>import("./WVOAAHEV.js"),"autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue:,items:;destroy;reset,step"],"arcgis-value-picker-combobox":[()=>import("./FJAIY6NX.js"),"autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue:,disabled,items:,messages:;destroy;reset,step"],"arcgis-value-picker-label":[()=>import("./PHM5ZZMN.js"),"autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue:,items:;destroy;reset,step"],"arcgis-value-picker-slider":[()=>import("./OVZV6YGZ.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)
package/dist/cdn/main.css CHANGED
@@ -1 +1 @@
1
- @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-unique-values-list,arcgis-value-picker,arcgis-value-picker-collection,arcgis-value-picker-combobox,arcgis-value-picker-label,arcgis-value-picker-slider){visibility:hidden}}
1
+ @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}}
@@ -0,0 +1,17 @@
1
+ /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
+ import { Controller as t } from "@arcgis/lumina/controllers";
3
+ class n extends t {
4
+ constructor(r) {
5
+ super(r), this.ref = (e) => {
6
+ e !== this._referenceElement && (this._referenceElement = e, this.exports = void 0, e && e.componentOnReady().then(() => {
7
+ this._referenceElement === e && (this.exports = e);
8
+ }));
9
+ }, this.exports = void 0;
10
+ }
11
+ get element() {
12
+ return this.exports;
13
+ }
14
+ }
15
+ export {
16
+ n as E
17
+ };
@@ -0,0 +1,69 @@
1
+ /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
+ const s = {
3
+ ForceCollapse: 0,
4
+ Default: 1,
5
+ Medium: 100,
6
+ NeverCollapse: 1e3
7
+ };
8
+ function c(t) {
9
+ return !!(t && typeof t == "object" && "measure" in t && "proxiedRender" in t && "componentOnReady" in t);
10
+ }
11
+ const d = {
12
+ groupSeparator: 1,
13
+ groupPadding: {
14
+ s: 4,
15
+ m: 8,
16
+ l: 10
17
+ },
18
+ actionPadding: {
19
+ s: 4,
20
+ m: 8,
21
+ l: 10
22
+ },
23
+ action: {
24
+ s: 24,
25
+ m: 32,
26
+ l: 44
27
+ },
28
+ splitButtonPart: {
29
+ horizontal: {
30
+ s: 24,
31
+ m: 24,
32
+ l: 24
33
+ },
34
+ vertical: {
35
+ s: 24,
36
+ m: 24,
37
+ l: 24
38
+ }
39
+ }
40
+ };
41
+ function f(t, p, i) {
42
+ const l = t.map((e, o) => ({ group: e, index: o })).sort(
43
+ (e, o) => (o.group.priority ?? s.Default) - (e.group.priority ?? s.Default) || e.index - o.index
44
+ ).map(({ group: e }) => ({ group: e, lengthOptions: e.measure(p).values() })), r = /* @__PURE__ */ new Map();
45
+ let a = 0;
46
+ for (const e of l) {
47
+ const o = e.lengthOptions.next().value ?? 0;
48
+ r.set(e.group, o), a += o;
49
+ }
50
+ for (const e of l)
51
+ for (; a < i; ) {
52
+ const o = r.get(e.group);
53
+ if (!o || e.group.priority === s.ForceCollapse)
54
+ break;
55
+ const n = e.lengthOptions.next();
56
+ if (n.value === void 0)
57
+ break;
58
+ const u = a - o + n.value;
59
+ if (u > i || (r.set(e.group, n.value), a = u, n.done))
60
+ break;
61
+ }
62
+ return t.map((e) => ({ group: e, budget: r.get(e) ?? 0 }));
63
+ }
64
+ export {
65
+ s as L,
66
+ d as W,
67
+ f as a,
68
+ c as i
69
+ };
@@ -0,0 +1,20 @@
1
+ /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
+ import { W as i } from "./utils.js";
3
+ function s({ scale: t }) {
4
+ return i.action[t] + i.actionPadding[t];
5
+ }
6
+ function a({
7
+ layout: t,
8
+ relativePosition: n
9
+ }) {
10
+ return t === "horizontal" ? n.startsWith("top") ? "bottom" : "top" : n.endsWith("left") ? "right" : "left";
11
+ }
12
+ function u(t) {
13
+ const n = [...t].sort((e, o) => e - o);
14
+ return n.filter((e, o) => o === 0 || e !== n[o - 1]);
15
+ }
16
+ export {
17
+ s as a,
18
+ a as g,
19
+ u
20
+ };
@@ -0,0 +1,7 @@
1
+ /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
+ function a(t, e) {
3
+ return (e.lastActivated?.getTime() ?? 0) - (t.lastActivated?.getTime() ?? 0);
4
+ }
5
+ export {
6
+ a as b
7
+ };
@@ -0,0 +1,47 @@
1
+ /// <reference path="../../index.d.ts" />
2
+ import type { PublicLitElement as LitElement } from "@arcgis/lumina";
3
+ import type { ActionBar as ActionBar } from "@esri/calcite-components/components/calcite-action-bar";
4
+
5
+ /**
6
+ * Toolbar for action-based interfaces that need priority-aware collapsing.
7
+ *
8
+ * Measures the child elements then renders their content within its own shadow root.
9
+ *
10
+ * @internal
11
+ */
12
+ export abstract class ArcgisToolbar extends LitElement {
13
+ get barElement(): ActionBar | undefined;
14
+ /**
15
+ * Toolbar orientation.
16
+ *
17
+ * @default "horizontal"
18
+ */
19
+ accessor layout: "horizontal" | "vertical";
20
+ /**
21
+ * Relative position is used to control how popover element placement and directional arrows
22
+ * are chosen. This is used in conjunction with the layout property.
23
+ *
24
+ * This will affect how split buttons, overflow menus, and tooltips are displayed.
25
+ *
26
+ * @default "top-left"
27
+ */
28
+ accessor relativePosition: "bottom-end" | "bottom-left" | "bottom-right" | "bottom-start" | "top-end" | "top-left" | "top-right" | "top-start";
29
+ /**
30
+ * Action scale, will be applied to all rendered actions.
31
+ *
32
+ * @default "m"
33
+ */
34
+ accessor scale: "l" | "m" | "s";
35
+ /**
36
+ * Toolbar visual treatment.
37
+ *
38
+ * @default "floating"
39
+ */
40
+ accessor toolbarKind: "docked" | "floating";
41
+ /**
42
+ * Controls whether individual actions render native tooltips or Calcite tooltips.
43
+ *
44
+ * @default "native"
45
+ */
46
+ accessor tooltipAppearance: "calcite-dark" | "calcite" | "native";
47
+ }
@@ -0,0 +1,82 @@
1
+ /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
+ import { c as n } from "../../chunks/runtime.js";
3
+ import { ref as i } from "lit/directives/ref.js";
4
+ import { css as r, html as l } from "lit";
5
+ import { LitElement as s } from "@arcgis/lumina";
6
+ import { useDirection as d } from "@arcgis/lumina/controllers";
7
+ import { i as h, a as p } from "../../chunks/utils.js";
8
+ const u = r`:host{--arcgis-internal-toolbar-action-kind-color: var(--calcite-action-text-color);--arcgis-internal-toolbar-action-kind-color-hover: var(--calcite-action-text-color-press);--arcgis-internal-toolbar-action-kind-color-press: var(--calcite-action-text-color-press);--arcgis-internal-toolbar-action-kind-foreground-color: var(--calcite-color-text-inverse);--arcgis-internal-toolbar-action-transparent-background-color: var(--calcite-color-transparent);--arcgis-internal-toolbar-action-transparent-background-color-hover: var(--calcite-color-transparent-hover);--arcgis-internal-toolbar-action-transparent-background-color-press: var(--calcite-color-transparent-press)}calcite-action{--calcite-action-text-color: var(--arcgis-internal-toolbar-action-kind-color);--calcite-action-text-color-press: var(--arcgis-internal-toolbar-action-kind-color-press);--calcite-color-focus: var(--arcgis-internal-toolbar-action-kind-color);--calcite-action-indicator-color: var(--arcgis-internal-toolbar-action-kind-color)}calcite-action:is([data-appearance=solid]){--calcite-offset-invert-focus: 1}calcite-action[data-appearance=outline]{--calcite-action-background-color: var(--arcgis-internal-toolbar-action-transparent-background-color);--calcite-action-background-color-hover: var(--arcgis-internal-toolbar-action-transparent-background-color-hover);--calcite-action-background-color-press: var(--arcgis-internal-toolbar-action-transparent-background-color-press);--calcite-action-text-color: var(--arcgis-internal-toolbar-action-kind-color);--calcite-action-text-color-press: var(--arcgis-internal-toolbar-action-kind-color-press);box-shadow:inset 0 0 0 var(--calcite-border-width-sm, 1px) var(--arcgis-internal-toolbar-action-kind-color)}calcite-action[data-appearance=outline]:hover{box-shadow:inset 0 0 0 var(--calcite-border-width-sm, 1px) var(--arcgis-internal-toolbar-action-kind-color-hover)}calcite-action[data-appearance=outline]:active,calcite-action[data-appearance=outline][active]{--calcite-action-background-color: var(--arcgis-internal-toolbar-action-transparent-background-color-press);box-shadow:inset 0 0 0 var(--calcite-border-width-sm, 1px) var(--arcgis-internal-toolbar-action-kind-color-press)}calcite-action[data-appearance=solid]{--calcite-action-background-color: var(--arcgis-internal-toolbar-action-kind-color);--calcite-action-background-color-hover: var(--arcgis-internal-toolbar-action-kind-color-hover);--calcite-action-background-color-press: var(--arcgis-internal-toolbar-action-kind-color-press);--calcite-action-text-color: var(--arcgis-internal-toolbar-action-kind-foreground-color);--calcite-action-text-color-press: var(--arcgis-internal-toolbar-action-kind-foreground-color);--calcite-action-indicator-color: var(--arcgis-internal-toolbar-action-kind-foreground-color)}calcite-action:is([data-appearance=outline],[data-appearance=solid]):not([data-kind]){--arcgis-internal-toolbar-action-kind-color: var(--calcite-color-inverse);--arcgis-internal-toolbar-action-kind-color-hover: var(--calcite-color-inverse-hover);--arcgis-internal-toolbar-action-kind-color-press: var(--calcite-color-inverse-press)}calcite-action:not([data-kind]){--calcite-action-indicator-color: var(--calcite-color-brand)}calcite-action[data-kind=brand]{--arcgis-internal-toolbar-action-kind-color: var(--calcite-color-brand);--arcgis-internal-toolbar-action-kind-color-hover: var(--calcite-color-brand-hover);--arcgis-internal-toolbar-action-kind-color-press: var(--calcite-color-brand-press);--calcite-action-indicator-color: var(--calcite-color-text-1);&[data-appearance=solid]{--calcite-action-indicator-color: var(--calcite-color-text-inverse)}}calcite-action[data-kind=danger]{--arcgis-internal-toolbar-action-kind-color: var(--calcite-color-status-danger);--arcgis-internal-toolbar-action-kind-color-hover: var(--calcite-color-status-danger-hover);--arcgis-internal-toolbar-action-kind-color-press: var(--calcite-color-status-danger-press)}calcite-action[data-kind=info]{--arcgis-internal-toolbar-action-kind-color: var(--calcite-color-status-info);--arcgis-internal-toolbar-action-kind-color-hover: var(--calcite-color-status-info-hover);--arcgis-internal-toolbar-action-kind-color-press: var(--calcite-color-status-info-press)}calcite-action[data-kind=success]{--arcgis-internal-toolbar-action-kind-color: var(--calcite-color-status-success);--arcgis-internal-toolbar-action-kind-color-hover: var(--calcite-color-status-success-hover);--arcgis-internal-toolbar-action-kind-color-press: var(--calcite-color-status-success-press)}calcite-action[data-kind=warning]{--arcgis-internal-toolbar-action-kind-color: var(--calcite-color-status-warning);--arcgis-internal-toolbar-action-kind-color-hover: var(--calcite-color-status-warning-hover);--arcgis-internal-toolbar-action-kind-color-press: var(--calcite-color-status-warning-press)}`, b = r`:host([layout="horizontal"]){calcite-action.split-anchor{min-width:24px;max-width:24px;&[scale=m]{--calcite-internal-action-spacing: .25rem}&[scale=l]{--calcite-internal-action-spacing: 0rem}}}:host([layout="vertical"]){calcite-action.split-anchor{--calcite-internal-action-min-height: unset;min-height:24px;max-height:24px}}.split-host{display:contents;cursor:pointer;calcite-action:has(~.split-menu[open]),calcite-action:has(~.split-menu:hover),calcite-action:has(~.split-menu:focus-within),calcite-action:hover~.split-menu calcite-action[slot=trigger],.split-menu[open] calcite-action[slot=trigger],.split-menu:hover calcite-action[slot=trigger],.split-menu:focus-within calcite-action[slot=trigger]{background-color:var(--calcite-action-background-color-hover, var(--calcite-color-transparent-hover))}}:host([layout="horizontal"]){.split-host{calcite-action:has(+.split-menu){border-radius:var(--calcite-action-corner-radius, 2px);border-top-right-radius:0;border-bottom-right-radius:0}calcite-action[slot=trigger]{border-radius:var(--calcite-action-corner-radius, 2px);border-bottom-left-radius:0;border-top-left-radius:0}calcite-action:dir(rtl):has(+.split-menu){border-radius:var(--calcite-action-corner-radius, 2px);border-top-left-radius:0;border-bottom-left-radius:0}calcite-action:dir(rtl)[slot=trigger]{border-radius:var(--calcite-action-corner-radius, 2px);border-bottom-right-radius:0;border-top-right-radius:0}.split-menu:dir(ltr){margin-left:calc(0px - var(--calcite-internal-action-bar-gap))}.split-menu:dir(rtl){margin-right:calc(0px - var(--calcite-internal-action-bar-gap))}}}:host([layout="vertical"]){.split-host{calcite-action:has(+.split-menu){border-radius:var(--calcite-action-corner-radius, 2px);border-bottom-left-radius:0;border-bottom-right-radius:0}calcite-action[slot=trigger]{border-radius:var(--calcite-action-corner-radius, 2px);border-top-right-radius:0;border-top-left-radius:0}.split-menu{margin-top:calc(0px - var(--calcite-internal-action-bar-gap))}}}`, g = r`:host{display:flex;max-inline-size:100%;max-block-size:100%;--arcgis-toolbar-tooltip-dark-background-color: #212121;--arcgis-toolbar-tooltip-dark-border-color: #404040;--arcgis-toolbar-tooltip-dark-text-color: #fff}:host([toolbar-kind="floating"]){display:inline-flex;.ruler{opacity:0;pointer-events:none;position:absolute;visibility:hidden;width:min(100cqw - 32px,100vw - 32px);height:min(100cqh - 32px,100vh - 32px)}}:host([toolbar-kind="docked"]){.ruler{visibility:hidden;height:0;display:block;position:absolute;top:0;left:0;right:0;width:100%;height:100%}}:host([toolbar-kind="docked"][layout="horizontal"]){calcite-action-bar{min-width:100%}}:host([toolbar-kind="docked"][layout="vertical"]){min-height:100%;calcite-action-bar{min-height:100%}}:host([toolbar-kind="floating"][layout="horizontal"]){inline-size:max-content;overflow-x:auto}:host([toolbar-kind="floating"][layout="vertical"]){block-size:max-content;overflow-y:auto}calcite-tooltip.calcite-mode-dark{--calcite-tooltip-background-color: var(--arcgis-toolbar-tooltip-dark-background-color);--calcite-tooltip-border-color: var(--arcgis-toolbar-tooltip-dark-border-color);--calcite-tooltip-text-color: var(--arcgis-toolbar-tooltip-dark-text-color)}`;
9
+ class v extends s {
10
+ constructor() {
11
+ super(...arguments), this.#t = new ResizeObserver((t) => this._updateMeasurement(t)), this.#a = new MutationObserver(() => this._syncGroups()), this.#i = d(), this._setRenderedBar = (t) => {
12
+ t == null && (this._renderedBar = void 0, this._hydratedRenderedBar = void 0), !(t === this._renderedBar || t === this._hydratedRenderedBar) && (this._renderedBar = t, this._hydratedRenderedBar = void 0, t && t.componentOnReady().then(() => {
13
+ !this.isConnected || this._renderedBar !== t || (this._hydratedRenderedBar = t);
14
+ }));
15
+ }, this._availableLength = 0, this.layout = "horizontal", this.scale = "m", this.tooltipAppearance = "native", this.relativePosition = "top-left", this.toolbarKind = "floating";
16
+ }
17
+ static {
18
+ this.properties = { _availableLength: 16, _groups: 16, _renderedBar: 16, _hydratedRenderedBar: 16, layout: 3, scale: 3, tooltipAppearance: 1, relativePosition: 1, toolbarKind: 3, barElement: 32, effectiveRelativeDirection: 16 };
19
+ }
20
+ static {
21
+ this.styles = [g, u, b];
22
+ }
23
+ #t;
24
+ #a;
25
+ #r;
26
+ #i;
27
+ #o;
28
+ get barElement() {
29
+ return this._hydratedRenderedBar;
30
+ }
31
+ get effectiveRelativeDirection() {
32
+ const [t, o] = this.relativePosition.split("-"), a = this.#i;
33
+ switch (o) {
34
+ case "left":
35
+ case "right":
36
+ return `${t}-${o}`;
37
+ case "end":
38
+ return `${t}-${a === "ltr" ? "right" : "left"}`;
39
+ case "start":
40
+ return `${t}-${a === "ltr" ? "left" : "right"}`;
41
+ }
42
+ }
43
+ connectedCallback() {
44
+ super.connectedCallback(), this._connectMeasurement(this.#o), this.#a.observe(this.el, { childList: !0 }), this._syncGroups();
45
+ }
46
+ disconnectedCallback() {
47
+ this.#t.disconnect(), this.#a.disconnect(), super.disconnectedCallback();
48
+ }
49
+ _setRulerEl(t) {
50
+ this.#o !== t && (this.#o = t, this.isConnected && this._connectMeasurement(t));
51
+ }
52
+ _connectMeasurement(t) {
53
+ this.#t.disconnect(), t && (this.#t.observe(t), this._updateMeasurement());
54
+ }
55
+ _updateMeasurement(t) {
56
+ const o = t?.at(0)?.contentRect ?? this.#o?.getBoundingClientRect();
57
+ o && (this._availableLength = this.layout === "horizontal" ? o.width : o.height);
58
+ }
59
+ _syncGroups() {
60
+ this.#r?.abort();
61
+ const t = Array.from(this.el.children).filter(h), o = new AbortController();
62
+ this.#r = o, Promise.all(t.map((a) => a.componentOnReady())).then(() => {
63
+ !this.isConnected || o.signal.aborted || (this._groups = t);
64
+ });
65
+ }
66
+ render() {
67
+ const t = this._groups;
68
+ if (!t?.length)
69
+ return;
70
+ const o = {
71
+ layout: this.layout,
72
+ relativePosition: this.effectiveRelativeDirection,
73
+ scale: this.scale,
74
+ tooltipAppearance: this.tooltipAppearance
75
+ }, a = p(t, o, this._availableLength);
76
+ return l`<div class="ruler" ${i(this._setRulerEl)}></div><calcite-action-bar expand-disabled .floating=${this.toolbarKind === "floating"} .layout=${this.layout} overflow-actions-disabled .scale=${this.scale} ${i(this._setRenderedBar)}>${a.map(({ group: c, budget: e }) => c.proxiedRender(o, e))}</calcite-action-bar>`;
77
+ }
78
+ }
79
+ n("arcgis-toolbar", v);
80
+ export {
81
+ v as ArcgisToolbar
82
+ };
@@ -0,0 +1 @@
1
+ export * from "./customElement.js";
@@ -0,0 +1,2 @@
1
+ import "@esri/calcite-components/components/calcite-action-bar";
2
+ export * from "./customElement.js";
@@ -0,0 +1,10 @@
1
+ export type MeasurementContext = {
2
+ layout: "horizontal" | "vertical";
3
+ scale: "l" | "m" | "s";
4
+ };
5
+
6
+ export type RenderContext = MeasurementContext
7
+ & {
8
+ relativePosition: "bottom-left" | "bottom-right" | "top-left" | "top-right";
9
+ tooltipAppearance: "calcite-dark" | "calcite" | "native";
10
+ };
@@ -0,0 +1,97 @@
1
+ /// <reference path="../../index.d.ts" />
2
+ import type { PublicLitElement as LitElement, JsxNode } from "@arcgis/lumina";
3
+ import type { Icon } from "@esri/calcite-components/components/calcite-icon";
4
+ import type { MeasurementContext, RenderContext } from "../arcgis-toolbar/types.js";
5
+ import type { Action as Action } from "@esri/calcite-components/components/calcite-action";
6
+
7
+ /**
8
+ * A configuration for an `arcgis-toolbar` action.
9
+ *
10
+ * This is a non-rendering element; it will have no effect unless used
11
+ * correctly within an `arcgis-toolbar`.
12
+ *
13
+ * Notes:
14
+ *
15
+ * - there is no `scale` for this element; rendered scale is controlled
16
+ * exclusively by the host `arcgis-toolbar`
17
+ *
18
+ * @internal
19
+ */
20
+ export abstract class ArcgisToolbarAction extends LitElement {
21
+ get actionElement(): Action | undefined;
22
+ /**
23
+ * Whether or not this action is shown in an 'active'/selected state.
24
+ *
25
+ * @default false
26
+ */
27
+ accessor active: boolean;
28
+ /**
29
+ * Determines how the color scheme determined by `brand` is presented.
30
+ *
31
+ * @default "transparent"
32
+ */
33
+ accessor appearance: "outline" | "solid" | "transparent";
34
+ /**
35
+ * Determines if the action should be rendered in a disabled state.
36
+ *
37
+ * @default false
38
+ */
39
+ accessor disabled: boolean;
40
+ /** The icon to show in the rendered action; should not be ommitted for best user experience. */
41
+ accessor icon: Icon["icon"] | undefined;
42
+ /**
43
+ * Determines if the icon will be flipped when direction is RTL.
44
+ *
45
+ * @default false
46
+ */
47
+ accessor iconFlipRtl: boolean;
48
+ /**
49
+ * Determines if the action is rendered with a "notification-style" indicator dot.
50
+ *
51
+ * @default false
52
+ */
53
+ accessor indicator: boolean;
54
+ /** Determines the color scheme for the action. */
55
+ accessor kind: "brand" | "danger" | "info" | "success" | "warning" | undefined;
56
+ /**
57
+ * Text to show in the primary label field; do not depend on this ever being visible to the user.
58
+ * It is only shown if textEnabled is true.
59
+ *
60
+ * @default ""
61
+ */
62
+ accessor labelText: string;
63
+ /**
64
+ * Determines if the action is rendered with a loading spinner.
65
+ *
66
+ * @default false
67
+ */
68
+ accessor loading: boolean;
69
+ /**
70
+ * Determines if the action is rendered with text visible.
71
+ *
72
+ * @default false
73
+ */
74
+ accessor textEnabled: boolean;
75
+ /**
76
+ * Text to show in the tooltip for the action.
77
+ *
78
+ * @default ""
79
+ */
80
+ accessor tooltipText: string;
81
+ /**
82
+ * @param parameter0
83
+ * @internal
84
+ */
85
+ measure(parameter0: MeasurementContext): number[];
86
+ /**
87
+ * @param context
88
+ * @internal
89
+ */
90
+ proxiedRender(context: RenderContext): JsxNode;
91
+ readonly arcgisRenderedActionChanged: import("@arcgis/lumina").TargetedEvent<this, { element?: Action; }>;
92
+ readonly arcgisToolbarItemSelected: import("@arcgis/lumina").TargetedEvent<this, { element?: Action; }>;
93
+ readonly "@eventTypes": {
94
+ arcgisRenderedActionChanged: ArcgisToolbarAction["arcgisRenderedActionChanged"]["detail"];
95
+ arcgisToolbarItemSelected: ArcgisToolbarAction["arcgisToolbarItemSelected"]["detail"];
96
+ };
97
+ }
@@ -0,0 +1,57 @@
1
+ /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
+ import { c as p } from "../../chunks/runtime.js";
3
+ import { ref as u } from "lit/directives/ref.js";
4
+ import { css as g, html as c } from "lit";
5
+ import { LitElement as f, createEvent as l, nothing as n, safeClassMap as _ } from "@arcgis/lumina";
6
+ import { W as r } from "../../chunks/utils.js";
7
+ import { g as b } from "../../chunks/utils2.js";
8
+ const v = g`:host([text-enabled][data-layout="vertical"]){.interaction-container>button{flex-direction:column;>.text-container{writing-mode:vertical-lr}}}`;
9
+ class $ extends f {
10
+ constructor() {
11
+ super(...arguments), this.#e = (t) => {
12
+ if (t !== this._element) {
13
+ if (this.#t?.disconnect(), this._element = t, this._hydratedElement = void 0, this.isConnected && this.arcgisRenderedActionChanged.emit({ element: t }), !t) {
14
+ this._measuredWidth = 0, this._measuredHeight = 0;
15
+ return;
16
+ }
17
+ this._measureAction(), this.#t ??= new ResizeObserver((e) => {
18
+ !this.textEnabled || !this._element || this._measureAction(e);
19
+ }), this.#t.observe(t), t.componentOnReady().then(() => {
20
+ !this.isConnected || this._element !== t || (this._hydratedElement = t, t.shadowRoot?.adoptedStyleSheets.push(v.styleSheet));
21
+ });
22
+ }
23
+ }, this._measuredWidth = 0, this._measuredHeight = 0, this.active = !1, this.tooltipText = "", this.labelText = "", this.disabled = !1, this.loading = !1, this.indicator = !1, this.textEnabled = !1, this.appearance = "transparent", this.iconFlipRtl = !1, this.arcgisRenderedActionChanged = l(), this.arcgisToolbarItemSelected = l();
24
+ }
25
+ static {
26
+ this.properties = { _element: 16, _hydratedElement: 16, _measuredWidth: 16, _measuredHeight: 16, icon: 1, active: 7, tooltipText: 1, labelText: 1, disabled: 5, loading: 5, indicator: 5, textEnabled: 5, kind: 3, appearance: 3, iconFlipRtl: 5, actionElement: 32 };
27
+ }
28
+ #t;
29
+ #e;
30
+ get actionElement() {
31
+ return this._element;
32
+ }
33
+ measure({ layout: t, scale: e }) {
34
+ const a = r.actionPadding[e], i = r.action[e], s = t === "horizontal" ? this._measuredWidth : this._measuredHeight;
35
+ return [Math.max(i, s) + a];
36
+ }
37
+ proxiedRender(t) {
38
+ const { tooltipAppearance: e, scale: a } = t, i = this.tooltipText || this.labelText, s = this._hydratedElement, o = e !== "native" && !!i && s, d = e === "calcite-dark" ? "calcite-mode-dark" : void 0, h = b(t);
39
+ return c`<calcite-action .active=${this.active} data-appearance=${this.appearance ?? n} data-kind=${this.kind ?? n} data-layout=${t.layout ?? n} .disabled=${this.disabled} .icon=${this.icon} .iconFlipRtl=${this.iconFlipRtl} .indicator=${this.indicator} .label=${i} .loading=${this.loading} @click=${(m) => this._handleActionClick(m)} .scale=${a} .text=${this.labelText} .textEnabled=${this.textEnabled} title=${(e === "native" ? i : void 0) ?? n} ${u(this.#e)}></calcite-action>${o ? c`<calcite-tooltip class=${_(d)} overlay-positioning=fixed .placement=${h} .referenceElement=${s} .scale=${a}><span>${i}</span></calcite-tooltip>` : void 0}`;
40
+ }
41
+ disconnectedCallback() {
42
+ this.#t?.disconnect(), super.disconnectedCallback();
43
+ }
44
+ _handleActionClick(t) {
45
+ this.arcgisToolbarItemSelected?.emit({
46
+ element: t.currentTarget
47
+ });
48
+ }
49
+ _measureAction(t) {
50
+ const e = t?.at(0)?.contentRect ?? this._element?.getBoundingClientRect();
51
+ e && (this._measuredWidth = Math.round(e.width), this._measuredHeight = Math.round(e.height));
52
+ }
53
+ }
54
+ p("arcgis-toolbar-action", $);
55
+ export {
56
+ $ as ArcgisToolbarAction
57
+ };
@@ -0,0 +1 @@
1
+ export * from "./customElement.js";
@@ -0,0 +1,3 @@
1
+ import "@esri/calcite-components/components/calcite-action";
2
+ import "@esri/calcite-components/components/calcite-tooltip";
3
+ export * from "./customElement.js";
@@ -0,0 +1,38 @@
1
+ /// <reference path="../../index.d.ts" />
2
+ import type { PublicLitElement as LitElement, JsxNode } from "@arcgis/lumina";
3
+ import type { MeasurementContext, RenderContext } from "../arcgis-toolbar/types.js";
4
+
5
+ /**
6
+ * A configuration for an `arcgis-toolbar` group.
7
+ *
8
+ * The group element sets up a <calcite-action-group> around its child elements. This is generally
9
+ * used for visual separation, but can also be used to place content in a particular slot within
10
+ * the toolbar.
11
+ *
12
+ * @internal
13
+ */
14
+ export abstract class ArcgisToolbarGroup extends LitElement {
15
+ /**
16
+ * If true, will try to place the group in an appropriate 'actions-end' slot depending on toolbar appearance.
17
+ *
18
+ * @default false
19
+ */
20
+ accessor preferEndSlot: boolean;
21
+ /**
22
+ * Controls layout priority, which determines space allocation and overflow behavior.
23
+ *
24
+ * @default 1
25
+ */
26
+ accessor priority: number;
27
+ /**
28
+ * @param context
29
+ * @internal
30
+ */
31
+ measure(context: MeasurementContext): number[];
32
+ /**
33
+ * @param context
34
+ * @param budget
35
+ * @internal
36
+ */
37
+ proxiedRender(context: RenderContext, budget: number): JsxNode;
38
+ }
@@ -0,0 +1,47 @@
1
+ /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
2
+ import { c as d } from "../../chunks/runtime.js";
3
+ import { html as p } from "lit";
4
+ import { LitElement as u, nothing as h } from "@arcgis/lumina";
5
+ import { L as m, W as i, a as g, i as b } from "../../chunks/utils.js";
6
+ import { u as f } from "../../chunks/utils2.js";
7
+ class C extends u {
8
+ constructor() {
9
+ super(...arguments), this.#e = new MutationObserver(() => this.#r()), this.preferEndSlot = !1, this.priority = m.Default;
10
+ }
11
+ static {
12
+ this.properties = { _children: 16, preferEndSlot: 5, priority: 9 };
13
+ }
14
+ #t;
15
+ #e;
16
+ measure(e) {
17
+ const t = this._children;
18
+ if (!t?.length)
19
+ return [0];
20
+ const o = i.groupSeparator + i.groupPadding[e.scale], n = t.map((r) => r.measure(e)).reduce((r, s) => r.flatMap((a) => s.map((c) => a + c)), [0]);
21
+ return f(n.map((r) => o + r));
22
+ }
23
+ proxiedRender(e, t) {
24
+ const o = this._children;
25
+ if (!o)
26
+ return;
27
+ const l = this.preferEndSlot ? "actions-end" : void 0, n = t - i.groupPadding[e.scale] - i.groupSeparator, r = g(o, e, n);
28
+ return p`<calcite-action-group .scale=${e.scale} .layout=${e.layout} slot=${l ?? h}>${r.map(({ group: s, budget: a }) => s.proxiedRender(e, a))}</calcite-action-group>`;
29
+ }
30
+ connectedCallback() {
31
+ super.connectedCallback(), this.#e.observe(this.el, { childList: !0 }), this.#r();
32
+ }
33
+ disconnectedCallback() {
34
+ this.#e.disconnect(), super.disconnectedCallback();
35
+ }
36
+ #r() {
37
+ this.#t?.abort();
38
+ const e = Array.from(this.el.children).filter(b), t = new AbortController();
39
+ this.#t = t, Promise.all(e.map((o) => o.componentOnReady())).then(() => {
40
+ !this.isConnected || t.signal.aborted || (this._children = e);
41
+ });
42
+ }
43
+ }
44
+ d("arcgis-toolbar-group", C);
45
+ export {
46
+ C as ArcgisToolbarGroup
47
+ };
@@ -0,0 +1 @@
1
+ export * from "./customElement.js";
@@ -0,0 +1,2 @@
1
+ import "@esri/calcite-components/components/calcite-action-group";
2
+ export * from "./customElement.js";