@arcgis/common-components 5.2.0-next.118 → 5.2.0-next.119
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/{ZMZH3Z5A.js → J3ZPF2AN.js} +1 -1
- package/dist/cdn/NCCT3TQT.js +2 -0
- package/dist/cdn/{LTLS7FQ7.js → UJ3EKV7H.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/components/arcgis-ticks/customElement.d.ts +11 -0
- package/dist/components/arcgis-ticks/customElement.js +19 -16
- package/dist/components/arcgis-toolbar-action/customElement.js +5 -5
- package/dist/components/arcgis-toolbar-item/customElement.js +4 -4
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/vscode.html-custom-data.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/loader.js +1 -1
- package/dist/types/lumina.d.ts +1 -1
- package/dist/types/preact.d.ts +1 -1
- package/dist/types/react.d.ts +1 -1
- package/dist/types/stencil.d.ts +1 -1
- package/package.json +4 -4
- package/dist/cdn/PSVNG2MS.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{b}from"./L7XGWJZF.js";import{c as l}from"./O4H2JR53.js";import{a as g}from"./DRV7OKQT.js";import{K as h,L as m,M as p,O as a,R as u,h as d,j as o,t as c}from"./PWYFUIF6.js";var E=d`:host([text-enabled][data-layout="vertical"]){.interaction-container>button{flex-direction:column;>.text-container{writing-mode:vertical-lr}}}`,r=class extends m{constructor(){super(...arguments),this.#e=t=>{t!==this._element&&(this.#t?.disconnect(),this._element=t,this._hydratedElement=void 0,this.isConnected&&this.arcgisRenderedActionChanged.emit({element:t}),t&&(this._measureAction(),this.#t??=new ResizeObserver(e=>{!this.textEnabled||!this._element||this._measureAction(e)}),this.#t.observe(t),t.componentOnReady().then(()=>{!this.isConnected||this._element!==t||(this._hydratedElement=t,t.shadowRoot?.adoptedStyleSheets.push(E.styleSheet))})))},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=c(),this.arcgisToolbarItemSelected=c()}static{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}}#t;#e;get actionElement(){return this._element}measure({layout:t,scale:e}){let s=l.actionPadding[e],i=l.action[e],n=t==="horizontal"?this._measuredWidth:this._measuredHeight;return[Math.max(i,n)+s]}proxiedRender(t){let{tooltipAppearance:e,scale:s}=t,i=this.tooltipText||this.labelText,n=this._hydratedElement,_=e!=="native"&&!!
|
|
2
|
+
import{b}from"./L7XGWJZF.js";import{c as l}from"./O4H2JR53.js";import{a as g}from"./DRV7OKQT.js";import{K as h,L as m,M as p,O as a,R as u,h as d,j as o,t as c}from"./PWYFUIF6.js";var E=d`:host([text-enabled][data-layout="vertical"]){.interaction-container>button{flex-direction:column;>.text-container{writing-mode:vertical-lr}}}`,r=class extends m{constructor(){super(...arguments),this.#e=t=>{t!==this._element&&(this.#t?.disconnect(),this._element=t,this._hydratedElement=void 0,this.isConnected&&this.arcgisRenderedActionChanged.emit({element:t}),t&&(this._measureAction(),this.#t??=new ResizeObserver(e=>{!this.textEnabled||!this._element||this._measureAction(e)}),this.#t.observe(t),t.componentOnReady().then(()=>{!this.isConnected||this._element!==t||(this._hydratedElement=t,t.shadowRoot?.adoptedStyleSheets.push(E.styleSheet))})))},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=c(),this.arcgisToolbarItemSelected=c()}static{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}}#t;#e;get actionElement(){return this._element}measure({layout:t,scale:e}){let s=l.actionPadding[e],i=l.action[e],n=t==="horizontal"?this._measuredWidth:this._measuredHeight;return[Math.max(i,n)+s]}proxiedRender(t){let{tooltipAppearance:e,scale:s}=t,i=this.tooltipText||this.labelText,n=this._hydratedElement,_=e!=="native"&&!!this.tooltipText&&n,$=e==="calcite-dark"?"calcite-mode-dark":void 0,x=b(t);return o`${g(this,o`<calcite-action .active=${this.active} data-appearance=${this.appearance??a} data-kind=${this.kind??a} data-layout=${t.layout??a} .disabled=${this.disabled} .icon=${this.icon} .iconFlipRtl=${this.iconFlipRtl} .indicator=${this.indicator} .label=${i} .loading=${this.loading} @click=${v=>this._handleActionClick(v)} .scale=${s} .text=${this.labelText} .textEnabled=${this.textEnabled} title=${(e==="native"?i:void 0)??a} ${h(this.#e)}></calcite-action>`)}${_?o`<calcite-tooltip class=${p($)} overlay-positioning=fixed .placement=${x} .referenceElement=${n} .scale=${s}><span>${i}</span></calcite-tooltip>`:void 0}`}disconnectedCallback(){this.#t?.disconnect(),super.disconnectedCallback()}_handleActionClick(t){this.arcgisToolbarItemSelected?.emit({element:t.currentTarget})}_measureAction(t){let e=t?.at(0)?.contentRect??this._element?.getBoundingClientRect();e&&(this._measuredWidth=Math.round(e.width),this._measuredHeight=Math.round(e.height))}};u("arcgis-toolbar-action",r);export{r as ArcgisToolbarAction};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
+
import{a as g}from"./XMGOCO2S.js";import{b as v}from"./L7XGWJZF.js";import{c as s}from"./O4H2JR53.js";import"./LAQNGXPG.js";import"./TWW63D32.js";import{K as h,L as m,M as p,O as l,R as $,j as i,t as d}from"./PWYFUIF6.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(t){t!==this._active&&(this._active=t,t&&(this.lastActivated=new Date))}get actionElement(){return this._elementReferenceController.element}measure({scale:t}){return[s.action[t]+s.actionPadding[t]]}proxiedRender(t,a,b){let o=t.tooltipAppearance,r=this._elementReferenceController.element,f=o!=="native"&&a==="collapsed-action",x=o==="calcite-dark"?"calcite-mode-dark":void 0,u=v(t),e=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=${e} @click=${c=>this._handleDropdownItemClick(c)} .selected=${this.active||b} title=${this.tooltipText??l}>${this.labelText}</calcite-dropdown-item>`:i`<calcite-action .active=${this.active} .disabled=${this.disabled} .icon=${this.icon} .iconFlipRtl=${this.iconFlipRtl} .label=${e} .loading=${this.loading} @click=${c=>this._handleActionClick(c)} .scale=${t.scale} .text=${this.labelText} .textEnabled=${a==="expanded-action"} title=${(o==="native"?e:void 0)??l} ${h(this._elementReferenceController.ref)}></calcite-action>${f&&r?i`<calcite-tooltip class=${p(x)} close-on-click overlay-positioning=fixed .placement=${u} .referenceElement=${r}><span>${e}</span></calcite-tooltip>`:void 0}`}_handleActionClick(t){this.isConnected&&(this.lastActivated=new Date,this.arcgisItemSelected?.emit({element:t.currentTarget}))}_handleDropdownItemClick(t){this.isConnected&&(this.lastActivated=new Date,this.arcgisItemSelected?.emit({element:t.currentTarget}))}};$("arcgis-toolbar-item",n);export{n as ArcgisToolbarItem};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{a as F}from"./PMV2N3L3.js";import{a as C}from"./Z5SIZJN5.js";import"./LAQNGXPG.js";import"./TWW63D32.js";import{L as _,M as o,N as
|
|
2
|
+
import{a as F}from"./PMV2N3L3.js";import{a as C}from"./Z5SIZJN5.js";import"./LAQNGXPG.js";import"./TWW63D32.js";import{L as _,M as o,N as u,O as b,R as M,h as w,j as h,t as $}from"./PWYFUIF6.js";var l={container:"container",ticksContainer:"ticks-container",labelsContainer:"labels-container",tick:"tick",tickMin:"tick--min",tickMax:"tick--max",tickLabel:"tick-label",tickLabelFocused:"tick-label--focused",tickLabelText:"tick-label-text",baseline:"baseline"},D=w`:host{display:flex;--arcgis-ticks-font-size: var(--calcite-font-size--2);--arcgis-ticks-font-weight: var(--calcite-font-weight-medium);--arcgis-ticks-gap: 1em;--arcgis-ticks-tick-color: var(--calcite-color-border-input);--arcgis-ticks-tick-length: .5rem;--arcgis-ticks-tick-transform: translateX(-50%);--arcgis-ticks-tick-width: .125rem}.container{align-items:stretch;display:flex;color:var(--calcite-color-text-2);flex:1;font-weight:var(--arcgis-ticks-font-weight);font-size:var(--arcgis-ticks-font-size);line-height:1em;position:relative;user-select:none;word-wrap:normal;word-break:normal}.baseline{background-color:var(--arcgis-ticks-tick-color, var(--calcite-color-border-input))}.tick{position:absolute;background-color:var(--arcgis-ticks-tick-color, var(--calcite-color-border-input))}.tick-label{position:absolute;text-align:var(--arcgis-ticks-label-text-align, center);width:var(--arcgis-ticks-label-width, var(--labels-container-width, "auto"))}.tick-label-text{display:inline-block;line-height:1}.tick-label--focused .tick-label-text{outline:2px solid var(--calcite-color-focus, var(--calcite-color-brand));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:dir(rtl){.tick-label{direction:rtl}}:host([layout="horizontal"]){.ticks-container{height:var(--arcgis-ticks-tick-length)}.labels-container{height:var(--labels-container-height, "auto")}.tick{width:var(--arcgis-ticks-tick-width);height:var(--arcgis-ticks-tick-length);transform:var(--arcgis-ticks-tick-transform)}.tick-label{transform:translate(-50%)}.tick--min{transform:unset}.tick--max{transform:translate(-100%)}}:host([layout="vertical"]){.ticks-container{width:var(--arcgis-ticks-tick-length)}.labels-container{width:var(--labels-container-width)}.tick{width:var(--arcgis-ticks-tick-length);height:var(--arcgis-ticks-tick-width);transform:translateY(50%)}.tick-label{text-align:right;transform:translateY(50%)}.tick--min{transform:unset}.tick--max{transform:translateY(100%)}}:host([layout="horizontal"][mirrored]){.tick,.tick-label{transform:translate(50%)}.tick--min{transform:unset}.tick--max{transform:translate(100%)}}:host([layout="vertical"][mirrored]){.tick,.tick-label{transform:translateY(-50%)}.tick--min{transform:unset}.tick--max{transform:translateY(-100%)}}:host([layout="horizontal"][label-placement="start"]){.container{flex-direction:column;justify-content:flex-end}.labels-container{margin-bottom:var(--arcgis-ticks-gap)}}:host([layout="horizontal"][label-placement="end"]){.container{flex-direction:column-reverse;justify-content:flex-end}.labels-container{margin-top:var(--arcgis-ticks-gap)}}:host([layout="vertical"][label-placement="start"]){.container{flex-direction:row;justify-content:flex-end}:dir(ltr){.labels-container{margin-right:var(--arcgis-ticks-gap)}.tick-label{text-align:right}}:dir(rtl){.labels-container{margin-left:var(--arcgis-ticks-gap)}.tick-label{text-align:left;unicode-bidi:plaintext}}}:host([layout="vertical"][label-placement="end"]){.container{flex-direction:row-reverse;justify-content:flex-end}:dir(ltr){.labels-container{margin-left:var(--arcgis-ticks-gap)}.tick-label{text-align:left}}:dir(rtl){.labels-container{margin-right:var(--arcgis-ticks-gap)}.tick-label{text-align:right;unicode-bidi:plaintext}}}:host([interactive]){pointer-events:none;.tick,.tick-label{pointer-events:auto;cursor:pointer}.tick-label-text:hover{text-decoration:underline}.tick:focus{background-color:var(--calcite-color-brand);outline:2px solid var(--calcite-color-focus, var(--calcite-color-brand));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}}`,g=class extends _{constructor(){super(...arguments),this._messages=C({name:null}),this.#t=t=>F(this._messages._lang,this._formatOptions).format(t),this._activeTick=null,this._formatOptions={style:"decimal",useGrouping:!0,minimumFractionDigits:0,maximumFractionDigits:2},this.autoDestroyDisabled=!1,this.interactive=!1,this.interpolationExponent=0,this.labelPlacement="end",this.layout="horizontal",this.max=100,this.min=0,this.mirrored=!1,this.mode="count",this.showLabels=!1,this.showBaseline=!1,this.values=[],this.arcgisTickClick=$({cancelable:!1})}static{this.properties={_activeTick:16,_formatOptions:16,autoDestroyDisabled:5,interactive:7,interpolationExponent:9,labelFormatter:0,labelPlacement:3,layout:3,max:9,min:9,mirrored:7,mode:1,showLabels:5,showBaseline:5,values:[9,{converter:{fromAttribute(t){if(t.includes(","))return t.split(",").filter(e=>e.trim()!=="").map(parseFloat).filter(e=>Number.isFinite(e));{let e=parseFloat(t);return Number.isFinite(e)?[e]:[]}}}}]}}static{this.styles=D}#t;async destroy(){await this.manager.destroy()}updated(){let t=this.renderRoot.querySelector(`.${l.labelsContainer}`);if(t){t.style.removeProperty("--labels-container-width"),t.style.removeProperty("--labels-container-height");let e=0,i=0;for(let a of this.renderRoot.querySelectorAll(`.${l.tickLabel}`)){let r=a.getBoundingClientRect();e=Math.max(e,r.width),i=Math.max(i,r.height)}e=Math.ceil(e),i=Math.ceil(i),e&&i&&(t.style.setProperty("--labels-container-width",`${e}px`),t.style.setProperty("--labels-container-height",`${i}px`))}}_handleBlur(){this._activeTick=null}_handleClick(t){if(!this.interactive)return;let e=t.currentTarget.dataset.value;e&&this.arcgisTickClick.emit({value:Number(e)})}_handleFocus(t){this._activeTick=t.currentTarget.dataset.value??null}_handleKeyDown(t){t.key==="Enter"&&this._handleClick(t)}_handleMouseDown(t){this.interactive&&t.preventDefault()}_internalLabelFormatter(t){let e=this.labelFormatter;return e?e(t,this.#t)??this.#t(t):this.#t(t)}render(){return h`<div class=${o(l.container)} touch-action=none>${this._renderContent()}${this._renderBaseline()}</div>`}_renderContent(){let{interpolationExponent:t,max:e,min:i,mode:a,values:r,layout:c,mirrored:s,showLabels:z,interactive:m}=this,p=[],x=[];for(let[f,d]of B(a,i,e,t,r)){let y={[c==="horizontal"?s?"right":"left":s?"top":"bottom"]:`${f}%`},T={[l.tick]:!0,[l.tickMin]:f===0,[l.tickMax]:f===100};if(p.push(h`<div class=${o(T)} .role=${m?"button":void 0} .ariaLabel=${m?this._internalLabelFormatter(d):void 0} style=${u(y)} data-value=${d??b} .tabIndex=${m?0:-1} @blur=${this._handleBlur} @click=${this._handleClick} @focus=${this._handleFocus} @keydown=${this._handleKeyDown} @mousedown=${this._handleMouseDown}></div>`),z){let A={[l.tickLabel]:!0,[l.tickLabelFocused]:this._activeTick===String(d)};x.push(h`<div class=${o(A)} style=${u(y)} data-value=${d??b} @click=${this._handleClick}><span class=${o(l.tickLabelText)}>${this._internalLabelFormatter(d)}</span></div>`)}}return[h`<div class=${o(l.labelsContainer)}>${x}</div>`,h`<div class=${o(l.ticksContainer)}>${p}</div>`]}_renderBaseline(){let{showBaseline:t,layout:e}=this;return t&&h`<div class=${o(l.baseline)} style=${u({[e==="horizontal"?"width":"height"]:"100%",[e==="horizontal"?"height":"width"]:"0.125rem"})}></div>`||""}};function*B(n,t,e,i,a){switch(n){case"value":{let r=Array.isArray(a)?a:[a];for(let c of r){let s=P(t,e,c,i)*100;s>=0&&s<=100&&(yield[s,c])}break}case"percent":{if(Array.isArray(a))for(let r of a)r>=0&&r<=100&&(yield[r,k(t,e,r/100,i)]);else if(a>0)for(let r=0;r<=100;r+=a)yield[r,k(t,e,r/100,i)];break}case"count":{let r=Array.isArray(a)?a[0]:a;if(r<=1)yield[50,k(t,e,.5,i)];else for(let c=0;c<r;c++){let s=c*100/(r-1);yield[s,k(t,e,s/100,i)]}break}}}function v(n,t,e){return e<n?n:e>t?t:e}function L(n,t,e){return n+(t-n)*e}function P(n,t,e,i=0){let a=(e-n)/(t-n);if(a=v(0,1,a),Math.abs(i)<1e-9)return a;let r=1+Math.expm1(i)*a;return a=Math.log(r)/i,v(0,1,a)}function k(n,t,e,i=0){if(e=v(0,1,e),Math.abs(i)<1e-9)return L(n,t,e);let a=Math.expm1(i*e)/Math.expm1(i);return L(n,t,a)}M("arcgis-ticks",g);export{g as ArcgisTicks};
|
package/dist/cdn/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.2/LICENSE.txt */
|
|
2
|
-
import{Q as a,y as e}from"./PWYFUIF6.js";var i=e(a,{"arcgis-ckeditor5":[()=>import("./OSOV6LK3.js"),"canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],"arcgis-ckeditor5-popover":[()=>import("./I7CTLPWD.js"),"guid,intlCancel,intlLabel,intlOk,refElement:;reposition"],"arcgis-color-input":[()=>import("./56HK5TL6.js"),"_messages:,clearable,color,compact,disabled,hideRecentColors,messageOverrides:,placement,popoverProps:,showTransparency,storageId;close,setFocus;isOpen"],"arcgis-coordinate-system-picker":[()=>import("./6HBX6QDQ.js"),"_messages:,autoFilterToDefault,defaultWkid,filterEnabled,hideCategories:,value:;getSRDescription"],"arcgis-coordinate-system-picker-tree":[()=>import("./J6ZKTXN7.js"),"data:,value"],"arcgis-field-info":[()=>import("./EZZWV4RJ.js"),"_messages:,fieldName,hideAlias,hideNumericFormat,hideStatistics,layer:,view:;refresh"],"arcgis-field-pick-list":[()=>import("./7YNFXAZI.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("./PUNWW4GY.js"),"_messages:,average,bins:,colorBlendingEnabled,colorStops:,dataLines:,icon,label,labelFormatter:,layout,max,messageOverrides:,min,standardDeviation,standardDeviationCount"],"arcgis-label-input":[()=>import("./RC2HNFFD.js"),"alignment,editing,labelFormatter:,readOnly,value;edit;getLabelBoundingClientRect"],"arcgis-picker-input":[()=>import("./GQ2PO4L4.js"),"disabled,heading,iconEnd,intlDone,label,popoverProps:;close,setFocus"],"arcgis-ramp-color":[()=>import("./QWRE6ILV.js"),"layout,max,min,stops:"],"arcgis-ramp-color-break":[()=>import("./4LO2YSUJ.js"),"layout,max,min,stops:"],"arcgis-ramp-opacity":[()=>import("./PQG3COJ4.js"),"fillColor,layout,max,min,stops:"],"arcgis-slider":[()=>import("./SOX57PPD.js"),"activeValue:,allowValuesOverlap,autoDestroyDisabled,disabled,fillPlacement,fullRangeMax,fullRangeMin,keyboardLargeStep,labelFormatter:,layout,max,messageOverrides:,messages:,min,mirrored,popoverDisplay,popoverLabel,popoverPlacement,precision,rangeLabelsEditingEnabled,rangeLabelsPlacement,segmentsDraggingDisabled,showRangeLabels,steps,valueLabelsDisplay,valueLabelsEditingEnabled,valueLabelsPlacement,values;destroy"],"arcgis-slider-field":[()=>import("./Q3AMPMQV.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-histogram-range":[()=>import("./DG5IVKVO.js"),"activeValue:,average,bins:,dataLines:,excludedBarColor:,fieldType,fillPlacement,includedBarColor:,label,labelFormatter:,layout,max,min,rangeLabelsEditingEnabled,rangeLabelsPlacement,showRangeLabels,standardDeviation,standardDeviationCount,valueLabelsDisplay,valueLabelsEditingEnabled,values;destroy,generateWhereClause,updateFromHistogramResult"],"arcgis-slider-input":[()=>import("./73ETIJP2.js"),"disabled,flipLabels,label,max,min,scale,step,unitsLabel,value,withSteppers"],"arcgis-ticks":[()=>import("./
|
|
2
|
+
import{Q as a,y as e}from"./PWYFUIF6.js";var i=e(a,{"arcgis-ckeditor5":[()=>import("./OSOV6LK3.js"),"canResizeVertically,currentLanguage,customConfig,customExpressionCheck:,editorType,groupFieldsAndExpressions,intlExpressionsGroupHeading,intlFieldsGroupHeading,intlTextPlaceHolder,mentionFields:,readOnly,textData;getData,setFocus"],"arcgis-ckeditor5-popover":[()=>import("./I7CTLPWD.js"),"guid,intlCancel,intlLabel,intlOk,refElement:;reposition"],"arcgis-color-input":[()=>import("./56HK5TL6.js"),"_messages:,clearable,color,compact,disabled,hideRecentColors,messageOverrides:,placement,popoverProps:,showTransparency,storageId;close,setFocus;isOpen"],"arcgis-coordinate-system-picker":[()=>import("./6HBX6QDQ.js"),"_messages:,autoFilterToDefault,defaultWkid,filterEnabled,hideCategories:,value:;getSRDescription"],"arcgis-coordinate-system-picker-tree":[()=>import("./J6ZKTXN7.js"),"data:,value"],"arcgis-field-info":[()=>import("./EZZWV4RJ.js"),"_messages:,fieldName,hideAlias,hideNumericFormat,hideStatistics,layer:,view:;refresh"],"arcgis-field-pick-list":[()=>import("./7YNFXAZI.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("./PUNWW4GY.js"),"_messages:,average,bins:,colorBlendingEnabled,colorStops:,dataLines:,icon,label,labelFormatter:,layout,max,messageOverrides:,min,standardDeviation,standardDeviationCount"],"arcgis-label-input":[()=>import("./RC2HNFFD.js"),"alignment,editing,labelFormatter:,readOnly,value;edit;getLabelBoundingClientRect"],"arcgis-picker-input":[()=>import("./GQ2PO4L4.js"),"disabled,heading,iconEnd,intlDone,label,popoverProps:;close,setFocus"],"arcgis-ramp-color":[()=>import("./QWRE6ILV.js"),"layout,max,min,stops:"],"arcgis-ramp-color-break":[()=>import("./4LO2YSUJ.js"),"layout,max,min,stops:"],"arcgis-ramp-opacity":[()=>import("./PQG3COJ4.js"),"fillColor,layout,max,min,stops:"],"arcgis-slider":[()=>import("./SOX57PPD.js"),"activeValue:,allowValuesOverlap,autoDestroyDisabled,disabled,fillPlacement,fullRangeMax,fullRangeMin,keyboardLargeStep,labelFormatter:,layout,max,messageOverrides:,messages:,min,mirrored,popoverDisplay,popoverLabel,popoverPlacement,precision,rangeLabelsEditingEnabled,rangeLabelsPlacement,segmentsDraggingDisabled,showRangeLabels,steps,valueLabelsDisplay,valueLabelsEditingEnabled,valueLabelsPlacement,values;destroy"],"arcgis-slider-field":[()=>import("./Q3AMPMQV.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-histogram-range":[()=>import("./DG5IVKVO.js"),"activeValue:,average,bins:,dataLines:,excludedBarColor:,fieldType,fillPlacement,includedBarColor:,label,labelFormatter:,layout,max,min,rangeLabelsEditingEnabled,rangeLabelsPlacement,showRangeLabels,standardDeviation,standardDeviationCount,valueLabelsDisplay,valueLabelsEditingEnabled,values;destroy,generateWhereClause,updateFromHistogramResult"],"arcgis-slider-input":[()=>import("./73ETIJP2.js"),"disabled,flipLabels,label,max,min,scale,step,unitsLabel,value,withSteppers"],"arcgis-ticks":[()=>import("./UJ3EKV7H.js"),"_messages:,autoDestroyDisabled,interactive,interpolationExponent,labelFormatter:,labelPlacement,layout,max,min,mirrored,mode,showBaseline,showLabels,values;destroy"],"arcgis-toolbar":[()=>import("./7EP7KDAN.js"),"barElement:,layout,relativePosition,scale,toolbarKind,tooltipAppearance;;allocate,measure,proxiedRender"],"arcgis-toolbar-action":[()=>import("./J3ZPF2AN.js"),"actionElement:,active,appearance,disabled,icon,iconFlipRtl,indicator,kind,labelText,loading,textEnabled,tooltipText;;measure,proxiedRender"],"arcgis-toolbar-group":[()=>import("./TKCEZXLC.js"),"preferEndSlot,priority;;measure,proxiedRender"],"arcgis-toolbar-item":[()=>import("./NCCT3TQT.js"),"actionElement:,active,disabled,icon,iconFlipRtl,labelText,lastActivated:,loading,tooltipText;;measure,proxiedRender"],"arcgis-toolbar-more-button":[()=>import("./HJZA4ZUL.js"),"menuAppearance,overflowActionLabel,priority;;measure,proxiedRender"],"arcgis-toolbar-split-button":[()=>import("./ND7AQ3X6.js"),"menuAppearance,overflowActionLabel,priority;;measure,proxiedRender"],"arcgis-toolbar-stack":[()=>import("./GSQIARZL.js"),"layout,relativePosition,scale,toolbarKind,tooltipAppearance"],"arcgis-unique-values-list":[()=>import("./475SP47T.js"),"_messages:,fieldName,layer:,maxHeight,multiple,numberFormatOptions:,partialUniqueValues,selectedValues:,showFilterLength,sortBy,uniqueValues:,view:,visualizationSource;getUniqueValues,setFocus"],"arcgis-value-picker":[()=>import("./4JMH3KRC.js"),"autoDestroyDisabled,disabled,hideNextButton,hidePlayButton,hidePreviousButton,icon,label,layout,loop,messages:,playRate,state:;destroy;next,pause,play,previous"],"arcgis-value-picker-collection":[()=>import("./G2LLGGQQ.js"),"autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue:,items:;destroy;reset,step"],"arcgis-value-picker-combobox":[()=>import("./3UH3ZOZB.js"),"autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue:,disabled,items:,messages:;destroy;reset,step"],"arcgis-value-picker-label":[()=>import("./ICJXMKTL.js"),"autoDestroyDisabled,canNext,canPlay,canPrevious,currentValue:,items:;destroy;reset,step"],"arcgis-value-picker-slider":[()=>import("./AWK4HGJV.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-histogram-range,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-toolbar-stack,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)
|
|
@@ -44,6 +44,16 @@ export interface DeclareCssProperties {
|
|
|
44
44
|
export abstract class ArcgisTicks extends LitElement {
|
|
45
45
|
/** @internal */
|
|
46
46
|
protected _messages: Partial<Record<never, never>> & T9nMeta<Record<never, never>>;
|
|
47
|
+
/**
|
|
48
|
+
* If true, the component will not be destroyed automatically when it is
|
|
49
|
+
* disconnected from the document. This is useful when you want to move the
|
|
50
|
+
* component to a different place on the page, or temporarily hide it. If this
|
|
51
|
+
* is set, make sure to call the [destroy()](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#destroy) method when you are done to
|
|
52
|
+
* prevent memory leaks.
|
|
53
|
+
*
|
|
54
|
+
* @default false
|
|
55
|
+
*/
|
|
56
|
+
accessor autoDestroyDisabled: boolean;
|
|
47
57
|
/**
|
|
48
58
|
* When `true`, ticks are clickable and the component emits [@arcgisTickClick](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#event-arcgisTickClick) when the user selects a tick.
|
|
49
59
|
*
|
|
@@ -183,6 +193,7 @@ export abstract class ArcgisTicks extends LitElement {
|
|
|
183
193
|
* @see [mode](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#mode)
|
|
184
194
|
*/
|
|
185
195
|
accessor values: TickValues;
|
|
196
|
+
destroy(): Promise<void>;
|
|
186
197
|
/**
|
|
187
198
|
* Fires when the user clicks on one of the ticks. This event is only emitted when the [interactive](https://developers.arcgis.com/javascript/latest/references/common-components/components/arcgis-ticks/#interactive) property is set to `true`.
|
|
188
199
|
*
|
|
@@ -16,17 +16,17 @@ const l = {
|
|
|
16
16
|
tickLabelText: "tick-label-text",
|
|
17
17
|
baseline: "baseline"
|
|
18
18
|
}, A = C`:host{display:flex;--arcgis-ticks-font-size: var(--calcite-font-size--2);--arcgis-ticks-font-weight: var(--calcite-font-weight-medium);--arcgis-ticks-gap: 1em;--arcgis-ticks-tick-color: var(--calcite-color-border-input);--arcgis-ticks-tick-length: .5rem;--arcgis-ticks-tick-transform: translateX(-50%);--arcgis-ticks-tick-width: .125rem}.container{align-items:stretch;display:flex;color:var(--calcite-color-text-2);flex:1;font-weight:var(--arcgis-ticks-font-weight);font-size:var(--arcgis-ticks-font-size);line-height:1em;position:relative;user-select:none;word-wrap:normal;word-break:normal}.baseline{background-color:var(--arcgis-ticks-tick-color, var(--calcite-color-border-input))}.tick{position:absolute;background-color:var(--arcgis-ticks-tick-color, var(--calcite-color-border-input))}.tick-label{position:absolute;text-align:var(--arcgis-ticks-label-text-align, center);width:var(--arcgis-ticks-label-width, var(--labels-container-width, "auto"))}.tick-label-text{display:inline-block;line-height:1}.tick-label--focused .tick-label-text{outline:2px solid var(--calcite-color-focus, var(--calcite-color-brand));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}:dir(rtl){.tick-label{direction:rtl}}:host([layout="horizontal"]){.ticks-container{height:var(--arcgis-ticks-tick-length)}.labels-container{height:var(--labels-container-height, "auto")}.tick{width:var(--arcgis-ticks-tick-width);height:var(--arcgis-ticks-tick-length);transform:var(--arcgis-ticks-tick-transform)}.tick-label{transform:translate(-50%)}.tick--min{transform:unset}.tick--max{transform:translate(-100%)}}:host([layout="vertical"]){.ticks-container{width:var(--arcgis-ticks-tick-length)}.labels-container{width:var(--labels-container-width)}.tick{width:var(--arcgis-ticks-tick-length);height:var(--arcgis-ticks-tick-width);transform:translateY(50%)}.tick-label{text-align:right;transform:translateY(50%)}.tick--min{transform:unset}.tick--max{transform:translateY(100%)}}:host([layout="horizontal"][mirrored]){.tick,.tick-label{transform:translate(50%)}.tick--min{transform:unset}.tick--max{transform:translate(100%)}}:host([layout="vertical"][mirrored]){.tick,.tick-label{transform:translateY(-50%)}.tick--min{transform:unset}.tick--max{transform:translateY(-100%)}}:host([layout="horizontal"][label-placement="start"]){.container{flex-direction:column;justify-content:flex-end}.labels-container{margin-bottom:var(--arcgis-ticks-gap)}}:host([layout="horizontal"][label-placement="end"]){.container{flex-direction:column-reverse;justify-content:flex-end}.labels-container{margin-top:var(--arcgis-ticks-gap)}}:host([layout="vertical"][label-placement="start"]){.container{flex-direction:row;justify-content:flex-end}:dir(ltr){.labels-container{margin-right:var(--arcgis-ticks-gap)}.tick-label{text-align:right}}:dir(rtl){.labels-container{margin-left:var(--arcgis-ticks-gap)}.tick-label{text-align:left;unicode-bidi:plaintext}}}:host([layout="vertical"][label-placement="end"]){.container{flex-direction:row-reverse;justify-content:flex-end}:dir(ltr){.labels-container{margin-left:var(--arcgis-ticks-gap)}.tick-label{text-align:left}}:dir(rtl){.labels-container{margin-right:var(--arcgis-ticks-gap)}.tick-label{text-align:right;unicode-bidi:plaintext}}}:host([interactive]){pointer-events:none;.tick,.tick-label{pointer-events:auto;cursor:pointer}.tick-label-text:hover{text-decoration:underline}.tick:focus{background-color:var(--calcite-color-brand);outline:2px solid var(--calcite-color-focus, var(--calcite-color-brand));outline-offset:calc(2px*(1 - (2*clamp(0,var(--calcite-offset-invert-focus),1))))}}`;
|
|
19
|
-
class
|
|
19
|
+
class D extends F {
|
|
20
20
|
constructor() {
|
|
21
21
|
super(...arguments), this._messages = T({ name: null }), this.#t = (t) => z(this._messages._lang, this._formatOptions).format(t), this._activeTick = null, this._formatOptions = {
|
|
22
22
|
style: "decimal",
|
|
23
23
|
useGrouping: !0,
|
|
24
24
|
minimumFractionDigits: 0,
|
|
25
25
|
maximumFractionDigits: 2
|
|
26
|
-
}, this.interactive = !1, this.interpolationExponent = 0, this.labelPlacement = "end", this.layout = "horizontal", this.max = 100, this.min = 0, this.mirrored = !1, this.mode = "count", this.showLabels = !1, this.showBaseline = !1, this.values = [], this.arcgisTickClick = L({ cancelable: !1 });
|
|
26
|
+
}, this.autoDestroyDisabled = !1, this.interactive = !1, this.interpolationExponent = 0, this.labelPlacement = "end", this.layout = "horizontal", this.max = 100, this.min = 0, this.mirrored = !1, this.mode = "count", this.showLabels = !1, this.showBaseline = !1, this.values = [], this.arcgisTickClick = L({ cancelable: !1 });
|
|
27
27
|
}
|
|
28
28
|
static {
|
|
29
|
-
this.properties = { _activeTick: 16, _formatOptions: 16, interactive: 7, interpolationExponent: 9, labelFormatter: 0, labelPlacement: 3, layout: 3, max: 9, min: 9, mirrored: 7, mode: 1, showLabels: 5, showBaseline: 5, values: [9, { converter: {
|
|
29
|
+
this.properties = { _activeTick: 16, _formatOptions: 16, autoDestroyDisabled: 5, interactive: 7, interpolationExponent: 9, labelFormatter: 0, labelPlacement: 3, layout: 3, max: 9, min: 9, mirrored: 7, mode: 1, showLabels: 5, showBaseline: 5, values: [9, { converter: {
|
|
30
30
|
fromAttribute(t) {
|
|
31
31
|
if (t.includes(","))
|
|
32
32
|
return t.split(",").filter((e) => e.trim() !== "").map(parseFloat).filter((e) => Number.isFinite(e));
|
|
@@ -41,6 +41,9 @@ class P extends F {
|
|
|
41
41
|
this.styles = A;
|
|
42
42
|
}
|
|
43
43
|
#t;
|
|
44
|
+
async destroy() {
|
|
45
|
+
await this.manager.destroy();
|
|
46
|
+
}
|
|
44
47
|
updated() {
|
|
45
48
|
const t = this.renderRoot.querySelector(`.${l.labelsContainer}`);
|
|
46
49
|
if (t) {
|
|
@@ -82,14 +85,14 @@ class P extends F {
|
|
|
82
85
|
return h`<div class=${o(l.container)} touch-action=none>${this._renderContent()}${this._renderBaseline()}</div>`;
|
|
83
86
|
}
|
|
84
87
|
_renderContent() {
|
|
85
|
-
const { interpolationExponent: t, max: e, min: i, mode: a, values: r, layout: n, mirrored: c, showLabels: w, interactive: k } = this,
|
|
86
|
-
for (const [f, d] of
|
|
88
|
+
const { interpolationExponent: t, max: e, min: i, mode: a, values: r, layout: n, mirrored: c, showLabels: w, interactive: k } = this, g = [], v = [];
|
|
89
|
+
for (const [f, d] of P(a, i, e, t, r)) {
|
|
87
90
|
const p = { [n === "horizontal" ? c ? "right" : "left" : c ? "top" : "bottom"]: `${f}%` }, $ = {
|
|
88
91
|
[l.tick]: !0,
|
|
89
92
|
[l.tickMin]: f === 0,
|
|
90
93
|
[l.tickMax]: f === 100
|
|
91
94
|
};
|
|
92
|
-
if (
|
|
95
|
+
if (g.push(h`<div class=${o($)} .role=${k ? "button" : void 0} .ariaLabel=${k ? this._internalLabelFormatter(d) : void 0} style=${m(p)} data-value=${d ?? y} .tabIndex=${k ? 0 : -1} @blur=${this._handleBlur} @click=${this._handleClick} @focus=${this._handleFocus} @keydown=${this._handleKeyDown} @mousedown=${this._handleMouseDown}></div>`), w) {
|
|
93
96
|
const _ = {
|
|
94
97
|
[l.tickLabel]: !0,
|
|
95
98
|
[l.tickLabelFocused]: this._activeTick === String(d)
|
|
@@ -97,7 +100,7 @@ class P extends F {
|
|
|
97
100
|
v.push(h`<div class=${o(_)} style=${m(p)} data-value=${d ?? y} @click=${this._handleClick}><span class=${o(l.tickLabelText)}>${this._internalLabelFormatter(d)}</span></div>`);
|
|
98
101
|
}
|
|
99
102
|
}
|
|
100
|
-
return [h`<div class=${o(l.labelsContainer)}>${v}</div>`, h`<div class=${o(l.ticksContainer)}>${
|
|
103
|
+
return [h`<div class=${o(l.labelsContainer)}>${v}</div>`, h`<div class=${o(l.ticksContainer)}>${g}</div>`];
|
|
101
104
|
}
|
|
102
105
|
_renderBaseline() {
|
|
103
106
|
const { showBaseline: t, layout: e } = this;
|
|
@@ -107,12 +110,12 @@ class P extends F {
|
|
|
107
110
|
})}></div>` || "";
|
|
108
111
|
}
|
|
109
112
|
}
|
|
110
|
-
function*
|
|
113
|
+
function* P(s, t, e, i, a) {
|
|
111
114
|
switch (s) {
|
|
112
115
|
case "value": {
|
|
113
116
|
const r = Array.isArray(a) ? a : [a];
|
|
114
117
|
for (const n of r) {
|
|
115
|
-
const c =
|
|
118
|
+
const c = B(t, e, n, i) * 100;
|
|
116
119
|
c >= 0 && c <= 100 && (yield [c, n]);
|
|
117
120
|
}
|
|
118
121
|
break;
|
|
@@ -139,26 +142,26 @@ function* B(s, t, e, i, a) {
|
|
|
139
142
|
}
|
|
140
143
|
}
|
|
141
144
|
}
|
|
142
|
-
function
|
|
145
|
+
function b(s, t, e) {
|
|
143
146
|
return e < s ? s : e > t ? t : e;
|
|
144
147
|
}
|
|
145
148
|
function x(s, t, e) {
|
|
146
149
|
return s + (t - s) * e;
|
|
147
150
|
}
|
|
148
|
-
function
|
|
151
|
+
function B(s, t, e, i = 0) {
|
|
149
152
|
let a = (e - s) / (t - s);
|
|
150
|
-
if (a =
|
|
153
|
+
if (a = b(0, 1, a), Math.abs(i) < 1e-9)
|
|
151
154
|
return a;
|
|
152
155
|
const r = 1 + Math.expm1(i) * a;
|
|
153
|
-
return a = Math.log(r) / i,
|
|
156
|
+
return a = Math.log(r) / i, b(0, 1, a);
|
|
154
157
|
}
|
|
155
158
|
function u(s, t, e, i = 0) {
|
|
156
|
-
if (e =
|
|
159
|
+
if (e = b(0, 1, e), Math.abs(i) < 1e-9)
|
|
157
160
|
return x(s, t, e);
|
|
158
161
|
const a = Math.expm1(i * e) / Math.expm1(i);
|
|
159
162
|
return x(s, t, a);
|
|
160
163
|
}
|
|
161
|
-
M("arcgis-ticks",
|
|
164
|
+
M("arcgis-ticks", D);
|
|
162
165
|
export {
|
|
163
|
-
|
|
166
|
+
D as ArcgisTicks
|
|
164
167
|
};
|
|
@@ -3,7 +3,7 @@ import { c as p } from "../../chunks/runtime.js";
|
|
|
3
3
|
import { ref as u } from "lit/directives/ref.js";
|
|
4
4
|
import { css as g, html as o } from "lit";
|
|
5
5
|
import { keyed as f } from "lit/directives/keyed.js";
|
|
6
|
-
import { LitElement as b, createEvent as l, nothing as
|
|
6
|
+
import { LitElement as b, createEvent as l, nothing as n, safeClassMap as _ } from "@arcgis/lumina";
|
|
7
7
|
import { W as r } from "../../chunks/utils.js";
|
|
8
8
|
import { g as $ } from "../../chunks/utils2.js";
|
|
9
9
|
const v = g`:host([text-enabled][data-layout="vertical"]){.interaction-container>button{flex-direction:column;>.text-container{writing-mode:vertical-lr}}}`;
|
|
@@ -26,12 +26,12 @@ class x extends b {
|
|
|
26
26
|
return this._element;
|
|
27
27
|
}
|
|
28
28
|
measure({ layout: t, scale: e }) {
|
|
29
|
-
const a = r.actionPadding[e], i = r.action[e],
|
|
30
|
-
return [Math.max(i,
|
|
29
|
+
const a = r.actionPadding[e], i = r.action[e], s = t === "horizontal" ? this._measuredWidth : this._measuredHeight;
|
|
30
|
+
return [Math.max(i, s) + a];
|
|
31
31
|
}
|
|
32
32
|
proxiedRender(t) {
|
|
33
|
-
const { tooltipAppearance: e, scale: a } = t, i = this.tooltipText || this.labelText,
|
|
34
|
-
return o`${f(this, o`<calcite-action .active=${this.active} data-appearance=${this.appearance ??
|
|
33
|
+
const { tooltipAppearance: e, scale: a } = t, i = this.tooltipText || this.labelText, s = this._hydratedElement, c = e !== "native" && !!this.tooltipText && s, d = e === "calcite-dark" ? "calcite-mode-dark" : void 0, h = $(t);
|
|
34
|
+
return o`${f(this, o`<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>`)}${c ? o`<calcite-tooltip class=${_(d)} overlay-positioning=fixed .placement=${h} .referenceElement=${s} .scale=${a}><span>${i}</span></calcite-tooltip>` : void 0}`;
|
|
35
35
|
}
|
|
36
36
|
disconnectedCallback() {
|
|
37
37
|
this.#t?.disconnect(), super.disconnectedCallback();
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { c as p } from "../../chunks/runtime.js";
|
|
3
3
|
import { html as n } from "lit";
|
|
4
4
|
import { ref as f } from "lit/directives/ref.js";
|
|
5
|
-
import { LitElement as $, createEvent as v, nothing as
|
|
5
|
+
import { LitElement as $, createEvent as v, nothing as a, safeClassMap as g } from "@arcgis/lumina";
|
|
6
6
|
import { W as s } from "../../chunks/utils.js";
|
|
7
7
|
import { E as b } from "../../chunks/element-reference-controller.js";
|
|
8
8
|
import { g as u } from "../../chunks/utils2.js";
|
|
@@ -25,9 +25,9 @@ class x extends $ {
|
|
|
25
25
|
measure({ scale: t }) {
|
|
26
26
|
return [s.action[t] + s.actionPadding[t]];
|
|
27
27
|
}
|
|
28
|
-
proxiedRender(t,
|
|
29
|
-
const l = t.tooltipAppearance,
|
|
30
|
-
return
|
|
28
|
+
proxiedRender(t, e, r) {
|
|
29
|
+
const l = t.tooltipAppearance, c = this._elementReferenceController.element, d = l !== "native" && e === "collapsed-action", m = l === "calcite-dark" ? "calcite-mode-dark" : void 0, h = u(t), i = this.tooltipText || this.labelText;
|
|
30
|
+
return e === "dropdown-item" ? n`<calcite-dropdown-item .disabled=${this.disabled} icon-start=${this.icon ?? a} .iconFlipRtl=${this.iconFlipRtl ? "both" : void 0} .label=${i} @click=${(o) => this._handleDropdownItemClick(o)} .selected=${this.active || r} title=${this.tooltipText ?? a}>${this.labelText}</calcite-dropdown-item>` : n`<calcite-action .active=${this.active} .disabled=${this.disabled} .icon=${this.icon} .iconFlipRtl=${this.iconFlipRtl} .label=${i} .loading=${this.loading} @click=${(o) => this._handleActionClick(o)} .scale=${t.scale} .text=${this.labelText} .textEnabled=${e === "expanded-action"} title=${(l === "native" ? i : void 0) ?? a} ${f(this._elementReferenceController.ref)}></calcite-action>${d && c ? n`<calcite-tooltip class=${g(m)} close-on-click overlay-positioning=fixed .placement=${h} .referenceElement=${c}><span>${i}</span></calcite-tooltip>` : void 0}`;
|
|
31
31
|
}
|
|
32
32
|
_handleActionClick(t) {
|
|
33
33
|
this.isConnected && (this.lastActivated = /* @__PURE__ */ new Date(), this.arcgisItemSelected?.emit({ element: t.currentTarget }));
|