@arcgis/common-components 5.2.0-next.65 → 5.2.0-next.67

package/dist/cdn/XW5YJXMI.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+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};

package/dist/cdn/YCQN4TJE.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+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

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-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)
+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("./2C7SVAMP.js"),"_messages:,fieldName,hideAlias,hideNumericFormat,hideStatistics,layer:,view:;refresh"],"arcgis-field-pick-list":[()=>import("./5WGBTOWN.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("./ETMH4DV6.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

@@ -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}}
+@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}}

package/dist/chunks/element-reference-controller.js

@@ -0,0 +1,17 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { Controller as t } from "@arcgis/lumina/controllers";
+class n extends t {
+  constructor(r) {
+    super(r), this.ref = (e) => {
+      e !== this._referenceElement && (this._referenceElement = e, this.exports = void 0, e && e.componentOnReady().then(() => {
+        this._referenceElement === e && (this.exports = e);
+      }));
+    }, this.exports = void 0;
+  }
+  get element() {
+    return this.exports;
+  }
+}
+export {
+  n as E
+};

package/dist/chunks/utils.js

@@ -0,0 +1,69 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+const s = {
+  ForceCollapse: 0,
+  Default: 1,
+  Medium: 100,
+  NeverCollapse: 1e3
+};
+function c(t) {
+  return !!(t && typeof t == "object" && "measure" in t && "proxiedRender" in t && "componentOnReady" in t);
+}
+const d = {
+  groupSeparator: 1,
+  groupPadding: {
+    s: 4,
+    m: 8,
+    l: 10
+  },
+  actionPadding: {
+    s: 4,
+    m: 8,
+    l: 10
+  },
+  action: {
+    s: 24,
+    m: 32,
+    l: 44
+  },
+  splitButtonPart: {
+    horizontal: {
+      s: 24,
+      m: 24,
+      l: 24
+    },
+    vertical: {
+      s: 24,
+      m: 24,
+      l: 24
+    }
+  }
+};
+function f(t, p, i) {
+  const l = t.map((e, o) => ({ group: e, index: o })).sort(
+    (e, o) => (o.group.priority ?? s.Default) - (e.group.priority ?? s.Default) || e.index - o.index
+  ).map(({ group: e }) => ({ group: e, lengthOptions: e.measure(p).values() })), r = /* @__PURE__ */ new Map();
+  let a = 0;
+  for (const e of l) {
+    const o = e.lengthOptions.next().value ?? 0;
+    r.set(e.group, o), a += o;
+  }
+  for (const e of l)
+    for (; a < i; ) {
+      const o = r.get(e.group);
+      if (!o || e.group.priority === s.ForceCollapse)
+        break;
+      const n = e.lengthOptions.next();
+      if (n.value === void 0)
+        break;
+      const u = a - o + n.value;
+      if (u > i || (r.set(e.group, n.value), a = u, n.done))
+        break;
+    }
+  return t.map((e) => ({ group: e, budget: r.get(e) ?? 0 }));
+}
+export {
+  s as L,
+  d as W,
+  f as a,
+  c as i
+};

package/dist/chunks/utils2.js

@@ -0,0 +1,20 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { W as i } from "./utils.js";
+function s({ scale: t }) {
+  return i.action[t] + i.actionPadding[t];
+}
+function a({
+  layout: t,
+  relativePosition: n
+}) {
+  return t === "horizontal" ? n.startsWith("top") ? "bottom" : "top" : n.endsWith("left") ? "right" : "left";
+}
+function u(t) {
+  const n = [...t].sort((e, o) => e - o);
+  return n.filter((e, o) => o === 0 || e !== n[o - 1]);
+}
+export {
+  s as a,
+  a as g,
+  u
+};

package/dist/chunks/utils3.js

@@ -0,0 +1,7 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+function a(t, e) {
+  return (e.lastActivated?.getTime() ?? 0) - (t.lastActivated?.getTime() ?? 0);
+}
+export {
+  a as b
+};

package/dist/components/arcgis-color-input/customElement.d.ts

@@ -58,8 +58,9 @@ export abstract class ArcgisColorInput extends LitElement {
       selectColor?: string | undefined;
   };
   /**
+   * @deprecated
+   * use popoverProps.placement instead.
    * Determines where the popup color picker will be positioned relative to the color input.
-   *
    * @default "auto"
    */
   accessor placement: Popover["placement"];

package/dist/components/arcgis-field-info/customElement.js

@@ -343,9 +343,7 @@ class Fe extends Q {
   setUpTimeZoneHandle() {
     this.timeZoneHandle?.remove();
     const { props: e } = this, { view: t, fieldInfo: i } = e;
-    ["date", "timestamp-offset"].includes(this._getStatisticsType(i)) && (this.timeZoneHandle = x.watch(() => t?.timeZone, () => {
-      this.requestUpdate();
-    }));
+    ["date", "timestamp-offset"].includes(this._getStatisticsType(i)) && (this.timeZoneHandle = x.watch(() => t?.timeZone, () => this.requestUpdate()));
   }
   _getFieldTypeLabel(e) {
     const { _messages: t } = this, i = t.fieldTypes;

package/dist/components/arcgis-field-pick-list/customElement.js

@@ -1,12 +1,12 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
-import { c as F } from "../../chunks/runtime.js";
-import { keyed as w } from "lit/directives/keyed.js";
-import { LitElement as $, createEvent as r, renderElement as y, nothing as h, safeStyleMap as u, safeClassMap as v } from "@arcgis/lumina";
-import { createRef as a, ref as c } from "lit/directives/ref.js";
+import { c as w } from "../../chunks/runtime.js";
+import { keyed as u } from "lit/directives/keyed.js";
+import { LitElement as y, createEvent as a, renderElement as $, nothing as h, safeStyleMap as f, safeClassMap as v } from "@arcgis/lumina";
+import { createRef as r, ref as c } from "lit/directives/ref.js";
 import { html as l, css as C } from "lit";
 import { Task as S } from "@lit/task";
-import { log as f, composeMissingPropertyMessage as x } from "@arcgis/toolkit/log";
-import { F as g } from "../../chunks/internal-types.js";
+import { log as g, composeMissingPropertyMessage as x } from "@arcgis/toolkit/log";
+import { F } from "../../chunks/internal-types.js";
 import { i as b } from "../../chunks/general.js";
 import { u as k } from "../../chunks/useT9n.js";
 const n = /* @__PURE__ */ new Map();
@@ -26,23 +26,23 @@ n.set("date-only", "calendar");
 n.set("time-only", "clock");
 n.set("timestamp-offset", "time-zone");
 n.set("string", "string");
-const L = ({ fieldType: m }) => l`<calcite-icon scale=s .icon=${n.get(m)}></calcite-icon>`, B = C`.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}`;
-class I extends $ {
+const B = ({ fieldType: m }) => l`<calcite-icon scale=s .icon=${n.get(m)}></calcite-icon>`, L = C`.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}`;
+class I extends y {
   constructor() {
-    super(...arguments), this._messages = k({ blocking: !0 }), this.popoverNode = a(), this.listNode = a(), this.flowElement = a(), this.panelElement = a(), this.dropdownNode = a(), this.fieldInfoFlowItemEl = a(), this.allLists = [], this.filterText = "", this.panelCutOffHeight = 0, this._propWatcherTask = new S(this, {
+    super(...arguments), this._messages = k({ 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 S(this, {
       task: async ([e]) => {
         if (!this.listOnly && !b(e?.refElement))
-          throw f("error", this, x("popoverProps")), new Error();
+          throw g("error", this, x("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 = r(), this.arcgisClose = r(), this.arcgisFieldPickListChange = r(), this.arcgisFieldPickListDismissed = r(), this.arcgisFieldPickListSortByChange = r(), this.arcgisSortByChange = r(), this.arcgisEditField = r(), this.arcgisDeleteField = r();
+    }), 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 = B;
+    this.styles = L;
   }
   async reposition() {
     await this.popoverNode.value?.reposition();
@@ -56,10 +56,10 @@ class I extends $ {
     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, f("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.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;
   }
   willUpdate(e) {
-    (e.has("fields") || e.has("lastSortBy") || e.has("customExpressionCheck")) && this.updateGroupedLists();
+    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());
@@ -92,7 +92,7 @@ class I extends $ {
     return t = t.filter((i) => i.type !== "none"), this.lastSortBy === "display" ? t.sort((i, o) => i.alias.localeCompare(o.alias)) : this.lastSortBy === "field" ? t.sort((i, o) => i.name.localeCompare(o.name)) : this.lastSortBy === "type" && t.sort((i, o) => i.type.localeCompare(o.type)), t = t.concat(s), t;
   }
   isExpression(e) {
-    return this.customExpressionCheck ? this.customExpressionCheck(e) : e.name.includes(g.expression);
+    return this.customExpressionCheck ? this.customExpressionCheck(e) : e.name.includes(F.expression);
   }
   canDeselectAll() {
     const e = this.getAllFields();
@@ -103,7 +103,7 @@ class I extends $ {
   }
   showFieldInfoCheck(e) {
     const { layer: t } = this;
-    return this.showFieldInfo ? !(!t || this.isExpression(e) || e.name.includes(g.relationship) || e.type === "none") : !1;
+    return this.showFieldInfo ? !(!t || this.isExpression(e) || e.name.includes(F.relationship) || e.type === "none") : !1;
   }
   updateGroupedLists() {
     if (!this.fields)
@@ -132,7 +132,7 @@ class I extends $ {
       ];
   }
   addFieldInfoFlowItem(e, t) {
-    const s = this.flowElement.value, i = y(l`<calcite-flow-item selected .heading=${e.alias ?? e.name} .description=${e.name} class="panel" style=${u(this.panelCutOffHeight > 0 ? `max-height: ${this.panelCutOffHeight}px` : "max-height: 50vh")} @calciteFlowItemBack=${(o) => {
+    const s = this.flowElement.value, i = $(l`<calcite-flow-item selected .heading=${e.alias ?? e.name} .description=${e.name} class="panel" style=${f(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);
@@ -164,14 +164,14 @@ class I extends $ {
         if (this.listOnly)
           return this.renderList();
         const e = this.heading || (this.multiple ? this._messages.headerSelect : this._messages.header), t = this.popoverProps;
-        return this.el.classList.add("js-app-flyout"), 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=${() => {
+        return this.el.classList.add("js-app-flyout"), u(`${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();
-        }} ${c(this.popoverNode)}><calcite-flow style=${u({
+        }} ${c(this.popoverNode)}><calcite-flow style=${f({
           width: `${t.popoverWidth ?? t.refElement.getBoundingClientRect().width}px`,
           ...t.maxHeight && { maxHeight: t.maxHeight }
         })} ${c(this.flowElement)}><calcite-flow-item class="panel" .heading=${e} closable @calciteFlowItemClose=${() => {
           this.arcgisClose.emit(), this.arcgisFieldPickListDismissed.emit();
-        }} ${c(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>`;
+        }} ${c(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: () => ""
     });
@@ -213,7 +213,7 @@ class I extends $ {
   }
   renderCalciteListItem(e) {
     const t = this.showFieldInfoCheck(e), s = this.showFieldTypeIcon && !!e.type;
-    return w(e.name, l`<calcite-list-item .label=${e.alias || e.name} .description=${(() => {
+    return u(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)
@@ -221,7 +221,7 @@ class I extends $ {
     })()} .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
-    }}>${s && 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>`);
+    }}>${s && l`<div slot=actions-end class="field-icons">${B({ fieldType: e.type })}</div>` || ""}${this.renderInfoAction(e, t)}${this.renderEditAction(e)}${this.renderDeleteAction(e)}</calcite-list-item>`);
   }
   renderInfoAction(e, t) {
     const { _messages: s } = this;
@@ -254,7 +254,7 @@ class I extends $ {
     }}>${this._messages.cancel}</calcite-button>`;
   }
 }
-F("arcgis-field-pick-list", I);
+w("arcgis-field-pick-list", I);
 export {
   I as ArcgisFieldPickList
 };

package/dist/components/arcgis-toolbar/customElement.d.ts

@@ -0,0 +1,47 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { ActionBar as ActionBar } from "@esri/calcite-components/components/calcite-action-bar";
+
+/**
+ * Toolbar for action-based interfaces that need priority-aware collapsing.
+ *
+ * Measures the child elements then renders their content within its own shadow root.
+ *
+ * @internal
+ */
+export abstract class ArcgisToolbar extends LitElement {
+  get barElement(): ActionBar | undefined;
+  /**
+   * Toolbar orientation.
+   *
+   * @default "horizontal"
+   */
+  accessor layout: "horizontal" | "vertical";
+  /**
+   * Relative position is used to control how popover element placement and directional arrows
+   * are chosen. This is used in conjunction with the layout property.
+   *
+   * This will affect how split buttons, overflow menus, and tooltips are displayed.
+   *
+   * @default "top-left"
+   */
+  accessor relativePosition: "bottom-end" | "bottom-left" | "bottom-right" | "bottom-start" | "top-end" | "top-left" | "top-right" | "top-start";
+  /**
+   * Action scale, will be applied to all rendered actions.
+   *
+   * @default "m"
+   */
+  accessor scale: "l" | "m" | "s";
+  /**
+   * Toolbar visual treatment.
+   *
+   * @default "floating"
+   */
+  accessor toolbarKind: "docked" | "floating";
+  /**
+   * Controls whether individual actions render native tooltips or Calcite tooltips.
+   *
+   * @default "native"
+   */
+  accessor tooltipAppearance: "calcite-dark" | "calcite" | "native";
+}

package/dist/components/arcgis-toolbar/customElement.js

@@ -0,0 +1,82 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
+import { c as n } from "../../chunks/runtime.js";
+import { ref as i } from "lit/directives/ref.js";
+import { css as r, html as l } from "lit";
+import { LitElement as s } from "@arcgis/lumina";
+import { useDirection as d } from "@arcgis/lumina/controllers";
+import { i as h, a as p } from "../../chunks/utils.js";
+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)}`;
+class v extends s {
+  constructor() {
+    super(...arguments), this.#t = new ResizeObserver((t) => this._updateMeasurement(t)), this.#a = new MutationObserver(() => this._syncGroups()), this.#i = d(), this._setRenderedBar = (t) => {
+      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(() => {
+        !this.isConnected || this._renderedBar !== t || (this._hydratedRenderedBar = t);
+      }));
+    }, this._availableLength = 0, this.layout = "horizontal", this.scale = "m", this.tooltipAppearance = "native", this.relativePosition = "top-left", this.toolbarKind = "floating";
+  }
+  static {
+    this.properties = { _availableLength: 16, _groups: 16, _renderedBar: 16, _hydratedRenderedBar: 16, layout: 3, scale: 3, tooltipAppearance: 1, relativePosition: 1, toolbarKind: 3, barElement: 32, effectiveRelativeDirection: 16 };
+  }
+  static {
+    this.styles = [g, u, b];
+  }
+  #t;
+  #a;
+  #r;
+  #i;
+  #o;
+  get barElement() {
+    return this._hydratedRenderedBar;
+  }
+  get effectiveRelativeDirection() {
+    const [t, o] = this.relativePosition.split("-"), a = this.#i;
+    switch (o) {
+      case "left":
+      case "right":
+        return `${t}-${o}`;
+      case "end":
+        return `${t}-${a === "ltr" ? "right" : "left"}`;
+      case "start":
+        return `${t}-${a === "ltr" ? "left" : "right"}`;
+    }
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._connectMeasurement(this.#o), this.#a.observe(this.el, { childList: !0 }), this._syncGroups();
+  }
+  disconnectedCallback() {
+    this.#t.disconnect(), this.#a.disconnect(), super.disconnectedCallback();
+  }
+  _setRulerEl(t) {
+    this.#o !== t && (this.#o = t, this.isConnected && this._connectMeasurement(t));
+  }
+  _connectMeasurement(t) {
+    this.#t.disconnect(), t && (this.#t.observe(t), this._updateMeasurement());
+  }
+  _updateMeasurement(t) {
+    const o = t?.at(0)?.contentRect ?? this.#o?.getBoundingClientRect();
+    o && (this._availableLength = this.layout === "horizontal" ? o.width : o.height);
+  }
+  _syncGroups() {
+    this.#r?.abort();
+    const t = Array.from(this.el.children).filter(h), o = new AbortController();
+    this.#r = o, Promise.all(t.map((a) => a.componentOnReady())).then(() => {
+      !this.isConnected || o.signal.aborted || (this._groups = t);
+    });
+  }
+  render() {
+    const t = this._groups;
+    if (!t?.length)
+      return;
+    const o = {
+      layout: this.layout,
+      relativePosition: this.effectiveRelativeDirection,
+      scale: this.scale,
+      tooltipAppearance: this.tooltipAppearance
+    }, a = p(t, o, this._availableLength);
+    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>`;
+  }
+}
+n("arcgis-toolbar", v);
+export {
+  v as ArcgisToolbar
+};

package/dist/components/arcgis-toolbar/index.d.ts

@@ -0,0 +1 @@
+export * from "./customElement.js";

package/dist/components/arcgis-toolbar/index.js

@@ -0,0 +1,2 @@
+import "@esri/calcite-components/components/calcite-action-bar";
+export * from "./customElement.js";

package/dist/components/arcgis-toolbar/types.d.ts

@@ -0,0 +1,10 @@
+export type MeasurementContext = {
+  layout: "horizontal" | "vertical";
+  scale: "l" | "m" | "s";
+};
+
+export type RenderContext = MeasurementContext
+  & {
+  relativePosition: "bottom-left" | "bottom-right" | "top-left" | "top-right";
+  tooltipAppearance: "calcite-dark" | "calcite" | "native";
+};

package/dist/components/arcgis-toolbar-action/customElement.d.ts

@@ -0,0 +1,97 @@
+/// <reference path="../../index.d.ts" />
+import type { PublicLitElement as LitElement, JsxNode } from "@arcgis/lumina";
+import type { Icon } from "@esri/calcite-components/components/calcite-icon";
+import type { MeasurementContext, RenderContext } from "../arcgis-toolbar/types.js";
+import type { Action as Action } from "@esri/calcite-components/components/calcite-action";
+
+/**
+ * A configuration for an `arcgis-toolbar` action.
+ *
+ * This is a non-rendering element; it will have no effect unless used
+ * correctly within an `arcgis-toolbar`.
+ *
+ * Notes:
+ *
+ * - there is no `scale` for this element; rendered scale is controlled
+ *   exclusively by the host `arcgis-toolbar`
+ *
+ * @internal
+ */
+export abstract class ArcgisToolbarAction extends LitElement {
+  get actionElement(): Action | undefined;
+  /**
+   * Whether or not this action is shown in an 'active'/selected state.
+   *
+   * @default false
+   */
+  accessor active: boolean;
+  /**
+   * Determines how the color scheme determined by `brand` is presented.
+   *
+   * @default "transparent"
+   */
+  accessor appearance: "outline" | "solid" | "transparent";
+  /**
+   * Determines if the action should be rendered in a disabled state.
+   *
+   * @default false
+   */
+  accessor disabled: boolean;
+  /** The icon to show in the rendered action; should not be ommitted for best user experience. */
+  accessor icon: Icon["icon"] | undefined;
+  /**
+   * Determines if the icon will be flipped when direction is RTL.
+   *
+   * @default false
+   */
+  accessor iconFlipRtl: boolean;
+  /**
+   * Determines if the action is rendered with a "notification-style" indicator dot.
+   *
+   * @default false
+   */
+  accessor indicator: boolean;
+  /** Determines the color scheme for the action. */
+  accessor kind: "brand" | "danger" | "info" | "success" | "warning" | undefined;
+  /**
+   * Text to show in the primary label field; do not depend on this ever being visible to the user.
+   * It is only shown if textEnabled is true.
+   *
+   * @default ""
+   */
+  accessor labelText: string;
+  /**
+   * Determines if the action is rendered with a loading spinner.
+   *
+   * @default false
+   */
+  accessor loading: boolean;
+  /**
+   * Determines if the action is rendered with text visible.
+   *
+   * @default false
+   */
+  accessor textEnabled: boolean;
+  /**
+   * Text to show in the tooltip for the action.
+   *
+   * @default ""
+   */
+  accessor tooltipText: string;
+  /**
+   * @param parameter0
+   * @internal
+   */
+  measure(parameter0: MeasurementContext): number[];
+  /**
+   * @param context
+   * @internal
+   */
+  proxiedRender(context: RenderContext): JsxNode;
+  readonly arcgisRenderedActionChanged: import("@arcgis/lumina").TargetedEvent<this, { element?: Action; }>;
+  readonly arcgisToolbarItemSelected: import("@arcgis/lumina").TargetedEvent<this, { element?: Action; }>;
+  readonly "@eventTypes": {
+    arcgisRenderedActionChanged: ArcgisToolbarAction["arcgisRenderedActionChanged"]["detail"];
+    arcgisToolbarItemSelected: ArcgisToolbarAction["arcgisToolbarItemSelected"]["detail"];
+  };
+}