@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.
- package/dist/cdn/27EUJ42B.js +2 -0
- package/dist/cdn/{WLDOB2AM.js → 2NC4IS67.js} +1 -1
- package/dist/cdn/2W6L7MWA.js +2 -0
- package/dist/cdn/2YGG7LXT.js +2 -0
- package/dist/cdn/4BK7PZE3.js +2 -0
- package/dist/cdn/{BMAH7QBK.js → 7KADEPAK.js} +1 -1
- package/dist/cdn/{NNP2GXAL.js → 7NUOY4MH.js} +1 -1
- package/dist/cdn/{TO6WMMK4.js → CA7QB7UT.js} +1 -1
- package/dist/cdn/CH6HYVI6.js +2 -0
- package/dist/cdn/FBLD2E3Y.js +2 -0
- package/dist/cdn/{I6VYJHWH.js → FJAIY6NX.js} +1 -1
- package/dist/cdn/{G3IYOM43.js → GPWZ4YLQ.js} +1 -1
- package/dist/cdn/JJY3CFBU.js +2 -0
- package/dist/cdn/{7SJH7FOK.js → OVZV6YGZ.js} +1 -1
- package/dist/cdn/{6DGHVYTV.js → PHM5ZZMN.js} +1 -1
- package/dist/cdn/PTJVWB67.js +2 -0
- package/dist/cdn/{ADYTRVI3.js → SJFYZOCS.js} +1 -1
- package/dist/cdn/{EJYLPUWU.js → TJOSKSQ7.js} +1 -1
- package/dist/cdn/{UI52HM3O.js → UK2G5LXU.js} +1 -1
- package/dist/cdn/VCZLD7ZT.js +2 -0
- package/dist/cdn/VOBBBIYC.js +2 -0
- package/dist/cdn/{L5RQNCAS.js → WVOAAHEV.js} +1 -1
- package/dist/cdn/{PFBJ5AAH.js → XQRXHSM5.js} +1 -1
- package/dist/cdn/XW5YJXMI.js +2 -0
- package/dist/cdn/YCQN4TJE.js +2 -0
- package/dist/cdn/index.js +1 -1
- package/dist/cdn/main.css +1 -1
- package/dist/chunks/element-reference-controller.js +17 -0
- package/dist/chunks/utils.js +69 -0
- package/dist/chunks/utils2.js +20 -0
- package/dist/chunks/utils3.js +7 -0
- package/dist/components/arcgis-toolbar/customElement.d.ts +47 -0
- package/dist/components/arcgis-toolbar/customElement.js +82 -0
- package/dist/components/arcgis-toolbar/index.d.ts +1 -0
- package/dist/components/arcgis-toolbar/index.js +2 -0
- package/dist/components/arcgis-toolbar/types.d.ts +10 -0
- package/dist/components/arcgis-toolbar-action/customElement.d.ts +97 -0
- package/dist/components/arcgis-toolbar-action/customElement.js +57 -0
- package/dist/components/arcgis-toolbar-action/index.d.ts +1 -0
- package/dist/components/arcgis-toolbar-action/index.js +3 -0
- package/dist/components/arcgis-toolbar-group/customElement.d.ts +38 -0
- package/dist/components/arcgis-toolbar-group/customElement.js +47 -0
- package/dist/components/arcgis-toolbar-group/index.d.ts +1 -0
- package/dist/components/arcgis-toolbar-group/index.js +2 -0
- package/dist/components/arcgis-toolbar-item/customElement.d.ts +83 -0
- package/dist/components/arcgis-toolbar-item/customElement.js +42 -0
- package/dist/components/arcgis-toolbar-item/index.d.ts +1 -0
- package/dist/components/arcgis-toolbar-item/index.js +4 -0
- package/dist/components/arcgis-toolbar-more-button/customElement.d.ts +52 -0
- package/dist/components/arcgis-toolbar-more-button/customElement.js +68 -0
- package/dist/components/arcgis-toolbar-more-button/index.d.ts +1 -0
- package/dist/components/arcgis-toolbar-more-button/index.js +6 -0
- package/dist/components/arcgis-toolbar-split-button/customElement.d.ts +51 -0
- package/dist/components/arcgis-toolbar-split-button/customElement.js +66 -0
- package/dist/components/arcgis-toolbar-split-button/index.d.ts +1 -0
- package/dist/components/arcgis-toolbar-split-button/index.js +6 -0
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/vscode.html-custom-data.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/index.d.ts +36 -0
- package/dist/loader.js +8 -2
- package/dist/types/lumina.d.ts +33 -0
- package/dist/types/preact.d.ts +39 -0
- package/dist/types/react.d.ts +45 -0
- package/dist/types/stencil.d.ts +33 -0
- package/package.json +4 -4
- package/dist/cdn/4S3TDYPJ.js +0 -2
- 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("./
|
|
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,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,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,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";
|