@esri/solutions-components 0.6.10 → 0.6.12

package/dist/solutions-components/{p-66b5211f.entry.js → p-f8944f59.entry.js}

@@ -3,4 +3,4 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import{r as t,c as s,h as i,g as e}from"./p-9310b882.js";import{c as o,C as a,D as n,a as l,H as r,O as h,b as c,S as d,d as p,R as u}from"./p-e0fb0920.js";import{i as f,a as m}from"./p-a16feeec.js";import{C as v,n as g,h as b,o as w,a as x,b as y,p as C,c as k,t as S,d as A,e as D,f as $}from"./p-643a0325.js";import{c as j,d as z,u as F}from"./p-ad75b9bb.js";import{i as L}from"./p-43ba7a04.js";import{c as O,s as M,a as N}from"./p-476e5302.js";import{c as P,d as I}from"./p-7f271c31.js";import{r as K,c as E,a as U}from"./p-3d3e6e20.js";import{u as H,s as R,c as T,d as X}from"./p-2592c0b8.js";import{t as V}from"./p-6665fa1f.js";import"./p-e1a4994d.js";import"./p-8b448a5b.js";import"./p-e3525c00.js";import"./p-588bc0c0.js";import"./p-a82f35c9.js";const q=class{constructor(e){t(this,e),this.calciteColorPickerChange=s(this,"calciteColorPickerChange",6),this.calciteColorPickerInput=s(this,"calciteColorPickerInput",6),this.internalColorUpdateContext=null,this.mode=v.HEX,this.shiftKeyChannelAdjustment=0,this.handleTabActivate=t=>{this.channelMode=t.currentTarget.getAttribute("data-color-mode"),this.updateChannelsFromColor(this.color)},this.handleColorFieldScopeKeyDown=t=>{const{key:s}=t,i={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}};i[s]&&(t.preventDefault(),this.scopeOrientation="ArrowDown"===s||"ArrowUp"===s?"vertical":"horizontal",this.captureColorFieldColor(this.colorFieldScopeLeft+i[s].x||0,this.colorFieldScopeTop+i[s].y||0,!1))},this.handleHueScopeKeyDown=t=>{const s=t.shiftKey?10:1,{key:i}=t,e={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1};if(e[i]){t.preventDefault();const o=e[i]*s,a=this.baseColorFieldColor.hue(),n=this.baseColorFieldColor.hue(a+o);this.internalColorSet(n,!1)}},this.handleHexInputChange=t=>{t.stopPropagation();const{allowEmpty:s,color:i}=this,e=t.target.value;!s||e?e!==(i&&g(b(i,y(this.mode))))&&this.internalColorSet(o(e)):this.internalColorSet(null)},this.handleSavedColorSelect=t=>{this.internalColorSet(o(t.currentTarget.color))},this.handleChannelInput=t=>{const s=t.currentTarget,i=Number(s.getAttribute("data-channel-index")),e=3===i?h.max:"rgb"===this.channelMode?u[Object.keys(u)[i]]:r[Object.keys(r)[i]];let o;if(this.allowEmpty&&!s.value)o="";else{const t=Number(s.value);o=E(t+this.shiftKeyChannelAdjustment,0,e).toString()}s.value=o},this.handleChannelChange=t=>{const s=t.currentTarget,i=Number(s.getAttribute("data-channel-index")),e=[...this.channels];if(this.allowEmpty&&!s.value)return this.channels=[null,null,null,null],void this.internalColorSet(null);const o=3===i,a=Number(s.value);e[i]=o?w(a):a,this.updateColorFromChannels(e)},this.handleSavedColorKeyDown=t=>{L(t.key)&&(t.preventDefault(),this.handleSavedColorSelect(t))},this.handleColorFieldPointerDown=t=>{if(!f(t))return;const{offsetX:s,offsetY:i}=t;document.addEventListener("pointermove",this.globalPointerMoveHandler),document.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:this.colorFieldRenderingContext,bounds:this.colorFieldRenderingContext.canvas.getBoundingClientRect()},this.captureColorFieldColor(s,i),this.colorFieldScopeNode.focus()},this.handleHueSliderPointerDown=t=>{if(!f(t))return;const{offsetX:s}=t;document.addEventListener("pointermove",this.globalPointerMoveHandler),document.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:this.hueSliderRenderingContext,bounds:this.hueSliderRenderingContext.canvas.getBoundingClientRect()},this.captureHueSliderColor(s),this.hueScopeNode.focus()},this.handleOpacitySliderPointerDown=t=>{if(!f(t))return;const{offsetX:s}=t;document.addEventListener("pointermove",this.globalPointerMoveHandler),document.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:this.opacitySliderRenderingContext,bounds:this.opacitySliderRenderingContext.canvas.getBoundingClientRect()},this.captureOpacitySliderValue(s),this.opacityScopeNode.focus()},this.globalPointerUpHandler=t=>{if(!f(t))return;const s=this.activeCanvasInfo;this.activeCanvasInfo=null,this.drawColorControls(),s&&this.calciteColorPickerChange.emit()},this.globalPointerMoveHandler=t=>{const{activeCanvasInfo:s,el:i}=this;if(!i.isConnected||!s)return;const{context:e,bounds:o}=s;let a,n;const{clientX:l,clientY:r}=t;e.canvas.matches(":hover")?(a=l-o.x,n=r-o.y):(a=l<o.x+o.width&&l>o.x?l-o.x:l<o.x?0:o.width,n=r<o.y+o.height&&r>o.y?r-o.y:r<o.y?0:o.height),e===this.colorFieldRenderingContext?this.captureColorFieldColor(a,n,!1):e===this.hueSliderRenderingContext?this.captureHueSliderColor(a):e===this.opacitySliderRenderingContext&&this.captureOpacitySliderValue(a)},this.storeColorFieldScope=t=>{this.colorFieldScopeNode=t},this.storeHueScope=t=>{this.hueScopeNode=t},this.renderChannelsTabTitle=t=>{const{channelMode:s,messages:e}=this;return i("calcite-tab-title",{class:a.colorMode,"data-color-mode":t,key:t,onCalciteTabsActivate:this.handleTabActivate,selected:t===s},"rgb"===t?e.rgb:e.hsv)},this.renderChannelsTab=t=>{const{allowEmpty:s,channelMode:e,channels:o,messages:n,alphaChannel:l}=this,r=t===e,h="rgb"===t?[n.red,n.green,n.blue]:[n.hue,n.saturation,n.value],c=m(this.el),d=l?o:o.slice(0,3);return i("calcite-tab",{class:a.control,key:t,selected:r},i("div",{class:a.channels,dir:"ltr"},d.map(((t,i)=>{const e=3===i;return e&&(t=s&&!t?t:x(t)),this.renderChannel(t,i,h[i],c,e?"%":"")}))))},this.renderChannel=(t,s,e,o,n)=>i("calcite-input-number",{class:a.channel,"data-channel-index":s,dir:o,key:s,label:e,lang:this.effectiveLocale,numberButtonType:"none",numberingSystem:this.numberingSystem,onCalciteInputNumberChange:this.handleChannelChange,onCalciteInputNumberInput:this.handleChannelInput,onKeyDown:this.handleKeyDown,scale:"l"===this.scale?"m":"s",style:{marginLeft:s>0&&("s"!==this.scale||!this.alphaChannel||3!==s)?"-1px":""},suffixText:n,value:null==t?void 0:t.toString()}),this.deleteColor=()=>{const t=b(this.color,this.alphaChannel);if(!(this.savedColors.indexOf(t)>-1))return;const s=this.savedColors.filter((s=>s!==t));this.savedColors=s,this.storageId&&localStorage.setItem(`${p}${this.storageId}`,JSON.stringify(s))},this.saveColor=()=>{const t=b(this.color,this.alphaChannel);if(this.savedColors.indexOf(t)>-1)return;const s=[...this.savedColors,t];this.savedColors=s,this.storageId&&localStorage.setItem(`${p}${this.storageId}`,JSON.stringify(s))},this.drawColorControls=V(((t="all")=>{"all"!==t&&"color-field"!==t||!this.colorFieldRenderingContext||this.drawColorField(),"all"!==t&&"hue-slider"!==t||!this.hueSliderRenderingContext||this.drawHueSlider(),this.alphaChannel&&("all"===t||"opacity-slider"===t)&&this.opacitySliderRenderingContext&&this.drawOpacitySlider()}),16),this.captureColorFieldColor=(t,s,i=!0)=>{const{dimensions:{colorField:{height:e,width:o}}}=this,a=Math.round(r.s/o*t),n=Math.round(r.v/e*(e-s));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(a).value(n),i)},this.initColorField=t=>{this.colorFieldRenderingContext=t.getContext("2d"),this.updateCanvasSize("color-field"),this.drawColorControls()},this.initHueSlider=t=>{this.hueSliderRenderingContext=t.getContext("2d"),this.updateCanvasSize("hue-slider"),this.drawHueSlider()},this.initOpacitySlider=t=>{this.opacitySliderRenderingContext=t.getContext("2d"),this.updateCanvasSize("opacity-slider"),this.drawOpacitySlider()},this.storeOpacityScope=t=>{this.opacityScopeNode=t},this.handleOpacityScopeKeyDown=t=>{const s=t.shiftKey?10:1,{key:i}=t,e={ArrowUp:.01,ArrowRight:.01,ArrowDown:-.01,ArrowLeft:-.01};if(e[i]){t.preventDefault();const o=e[i]*s,a=this.baseColorFieldColor.alpha(),n=this.baseColorFieldColor.alpha(a+o);this.internalColorSet(n,!1)}},this.allowEmpty=!1,this.alphaChannel=!1,this.channelsDisabled=!1,this.color=n,this.disabled=!1,this.format="auto",this.hideChannels=!1,this.hexDisabled=!1,this.hideHex=!1,this.hideSaved=!1,this.savedDisabled=!1,this.scale="m",this.storageId=void 0,this.messageOverrides=void 0,this.numberingSystem=void 0,this.value=g(b(n,this.alphaChannel)),this.defaultMessages=void 0,this.channelMode="rgb",this.channels=this.toChannels(n),this.dimensions=l.m,this.effectiveLocale="",this.messages=void 0,this.savedColors=[],this.colorFieldScopeTop=void 0,this.colorFieldScopeLeft=void 0,this.hueScopeLeft=void 0,this.opacityScopeLeft=void 0,this.scopeOrientation=void 0}handleAlphaChannelChange(t){const{format:s}=this;t&&"auto"!==s&&!y(s)&&(console.warn(`ignoring alphaChannel as the current format (${s}) does not support alpha`),this.alphaChannel=!1)}handleColorChange(t,s){this.drawColorControls(),this.updateChannelsFromColor(t),this.previousColor=s}handleFormatChange(t){this.setMode(t),this.internalColorSet(this.color,!1,"internal")}handleScaleChange(t="m"){this.updateDimensions(t),this.updateCanvasSize("all"),this.drawColorControls()}onMessagesChange(){}handleValueChange(t,s){const{allowEmpty:i,format:e}=this;let a=!1;if(!i||t){const i=C(t);if(!i||"auto"!==e&&i!==e)return this.showIncompatibleColorWarning(t,e),void(this.value=s);a=this.mode!==i,this.setMode(i,null===this.internalColorUpdateContext)}const n=this.activeCanvasInfo;if("initial"===this.internalColorUpdateContext)return;if("user-interaction"===this.internalColorUpdateContext)return this.calciteColorPickerInput.emit(),void(n||this.calciteColorPickerChange.emit());const l=i&&!t?null:o(null!=t&&"object"==typeof t&&y(this.mode)?$(t):t),r=!k(l,this.color);(a||r)&&this.internalColorSet(l,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css")),"internal")}get baseColorFieldColor(){return this.color||this.previousColor||n}effectiveLocaleChange(){H(this,this.effectiveLocale)}handleChannelKeyUpOrDown(t){this.shiftKeyChannelAdjustment=0;const{key:s}=t;if("ArrowUp"!==s&&"ArrowDown"!==s||!t.composedPath().some((t=>{var s;return null===(s=t.classList)||void 0===s?void 0:s.contains(a.channel)})))return;const{shiftKey:i}=t;if(t.preventDefault(),!this.color)return this.internalColorSet(this.previousColor),void t.stopPropagation();this.shiftKeyChannelAdjustment="ArrowUp"===s&&i?9:"ArrowDown"===s&&i?-9:0}async setFocus(){await O(this),this.el.focus()}async componentWillLoad(){M(this);const{allowEmpty:t,color:s,format:i,value:e}=this,a=t&&!e,n=C(e),l=a||"auto"===i&&n||i===n,r=a?null:l?o(e):s;l||this.showIncompatibleColorWarning(e,i),this.setMode(i,!1),this.internalColorSet(r,!1,"initial"),this.updateDimensions(this.scale);const h=`${p}${this.storageId}`;this.storageId&&localStorage.getItem(h)&&(this.savedColors=JSON.parse(localStorage.getItem(h))),await R(this)}connectedCallback(){j(this),P(this),T(this)}componentDidLoad(){N(this)}disconnectedCallback(){document.removeEventListener("pointermove",this.globalPointerMoveHandler),document.removeEventListener("pointerup",this.globalPointerUpHandler),z(this),I(this),X(this)}componentDidRender(){F(this)}render(){const{allowEmpty:t,channelsDisabled:s,color:e,colorFieldScopeLeft:o,colorFieldScopeTop:l,dimensions:{slider:{width:c},thumb:{radius:d}},hexDisabled:p,hideChannels:u,hideHex:f,hideSaved:m,hueScopeLeft:v,messages:g,alphaChannel:w,opacityScopeLeft:y,savedColors:C,savedDisabled:k,scale:S,scopeOrientation:A}=this,D=e?b(e,w):null,$=d,j=null!=v?v:c*n.hue()/r.h,z=d,F=null!=y?y:c*x(n.alpha())/h.max,L=null===e,O="vertical"===A,M=p||f,N=s||u,P=k||m,[I,K]=this.getAdjustedScopePosition(o,l),[E,U]=this.getAdjustedScopePosition(j,$),[H,R]=this.getAdjustedScopePosition(F,z);return i("div",{class:a.container},i("div",{class:a.controlAndScope},i("canvas",{class:a.colorField,onPointerDown:this.handleColorFieldPointerDown,ref:this.initColorField}),i("div",{"aria-label":O?g.value:g.saturation,"aria-valuemax":O?r.v:r.s,"aria-valuemin":"0","aria-valuenow":(O?null==e?void 0:e.saturationv():null==e?void 0:e.value())||"0",class:{[a.scope]:!0,[a.colorFieldScope]:!0},onKeyDown:this.handleColorFieldScopeKeyDown,role:"slider",style:{top:`${K||0}px`,left:`${I||0}px`},tabindex:"0",ref:this.storeColorFieldScope})),i("div",{class:a.previewAndSliders},i("calcite-color-picker-swatch",{class:a.preview,color:D,scale:"l"}),i("div",{class:a.sliders},i("div",{class:a.controlAndScope},i("canvas",{class:{[a.slider]:!0,[a.hueSlider]:!0},onPointerDown:this.handleHueSliderPointerDown,ref:this.initHueSlider}),i("div",{"aria-label":g.hue,"aria-valuemax":r.h,"aria-valuemin":"0","aria-valuenow":(null==e?void 0:e.round().hue())||n.round().hue(),class:{[a.scope]:!0,[a.hueScope]:!0},onKeyDown:this.handleHueScopeKeyDown,role:"slider",style:{top:`${U}px`,left:`${E}px`},tabindex:"0",ref:this.storeHueScope})),w?i("div",{class:a.controlAndScope},i("canvas",{class:{[a.slider]:!0,[a.opacitySlider]:!0},onPointerDown:this.handleOpacitySliderPointerDown,ref:this.initOpacitySlider}),i("div",{"aria-label":g.opacity,"aria-valuemax":h.max,"aria-valuemin":h.min,"aria-valuenow":(e||n).round().alpha(),class:{[a.scope]:!0,[a.opacityScope]:!0},onKeyDown:this.handleOpacityScopeKeyDown,role:"slider",style:{top:`${R}px`,left:`${H}px`},tabindex:"0",ref:this.storeOpacityScope})):null)),M&&N?null:i("div",{class:{[a.controlSection]:!0,[a.section]:!0}},i("div",{class:a.hexAndChannelsGroup},M?null:i("div",{class:a.hexOptions},i("calcite-color-picker-hex-input",{allowEmpty:t,alphaChannel:w,class:a.control,messages:g,numberingSystem:this.numberingSystem,onCalciteColorPickerHexInputChange:this.handleHexInputChange,scale:S,value:D})),N?null:i("calcite-tabs",{class:{[a.colorModeContainer]:!0,[a.splitSection]:!0},scale:"l"===S?"m":"s"},i("calcite-tab-nav",{slot:"title-group"},this.renderChannelsTabTitle("rgb"),this.renderChannelsTabTitle("hsv")),this.renderChannelsTab("rgb"),this.renderChannelsTab("hsv")))),P?null:i("div",{class:{[a.savedColorsSection]:!0,[a.section]:!0}},i("div",{class:a.header},i("label",null,g.saved),i("div",{class:a.savedColorsButtons},i("calcite-button",{appearance:"transparent",class:a.deleteColor,disabled:L,iconStart:"minus",kind:"neutral",label:g.deleteColor,onClick:this.deleteColor,scale:S,type:"button"}),i("calcite-button",{appearance:"transparent",class:a.saveColor,disabled:L,iconStart:"plus",kind:"neutral",label:g.saveColor,onClick:this.saveColor,scale:S,type:"button"}))),C.length>0?i("div",{class:a.savedColors},[...C.map((t=>i("calcite-color-picker-swatch",{class:a.savedColor,color:t,key:t,onClick:this.handleSavedColorSelect,onKeyDown:this.handleSavedColorKeyDown,scale:S,tabIndex:0})))]):null))}handleKeyDown(t){"Enter"===t.key&&t.preventDefault()}showIncompatibleColorWarning(t,s){console.warn(`ignoring color value (${t}) as it is not compatible with the current format (${s})`)}setMode(t,s=!0){this.mode=this.ensureCompatibleMode("auto"===t?this.mode:t,s)}ensureCompatibleMode(t,s){const{alphaChannel:i}=this,e=y(t);if(i&&!e){const i=D(t);return s&&console.warn(`setting format to (${i}) as the provided one (${t}) does not support alpha`),i}if(!i&&e){const i=S(t);return s&&console.warn(`setting format to (${i}) as the provided one (${t}) does not support alpha`),i}return t}captureHueSliderColor(t){const{dimensions:{slider:{width:s}}}=this;this.internalColorSet(this.baseColorFieldColor.hue(c/s*t),!1)}captureOpacitySliderValue(t){const{dimensions:{slider:{width:s}}}=this,i=w(h.max/s*t);this.internalColorSet(this.baseColorFieldColor.alpha(i),!1)}internalColorSet(t,s=!0,i="user-interaction"){s&&k(t,this.color)||(this.internalColorUpdateContext=i,this.color=t,this.value=this.toValue(t),this.internalColorUpdateContext=null)}toValue(t,s=this.mode){if(!t)return null;if(s.includes("hex")){const i=s===v.HEXA;return g(b(t.round(),i),i)}if(s.includes("-css")){const i=t[s.replace("-css","").replace("a","")]().round().string();return(s.endsWith("a")||s.endsWith("a-css"))&&1===t.alpha()?`${i.slice(0,3)}a(${i.slice(4,-1)}, ${t.alpha()})`:i}const i=t[S(s)]().round().object();return s.endsWith("a")?A(i):i}getSliderCapSpacing(){const{dimensions:{slider:{height:t},thumb:{radius:s}}}=this;return 2*s-t}updateDimensions(t="m"){this.dimensions=l[t]}drawColorField(){const t=this.colorFieldRenderingContext,{dimensions:{colorField:{height:s,width:i}}}=this;t.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).alpha(1).string(),t.fillRect(0,0,i,s);const e=t.createLinearGradient(0,0,i,0);e.addColorStop(0,"rgba(255,255,255,1)"),e.addColorStop(1,"rgba(255,255,255,0)"),t.fillStyle=e,t.fillRect(0,0,i,s);const o=t.createLinearGradient(0,0,0,s);o.addColorStop(0,"rgba(0,0,0,0)"),o.addColorStop(1,"rgba(0,0,0,1)"),t.fillStyle=o,t.fillRect(0,0,i,s),this.drawActiveColorFieldColor()}setCanvasContextSize(t,{height:s,width:i}){if(!t)return;const e=window.devicePixelRatio||1;t.width=i*e,t.height=s*e,t.style.height=`${s}px`,t.style.width=`${i}px`,t.getContext("2d").scale(e,e)}updateCanvasSize(t="all"){var s,i,e;const{dimensions:o}=this;"all"!==t&&"color-field"!==t||this.setCanvasContextSize(null===(s=this.colorFieldRenderingContext)||void 0===s?void 0:s.canvas,o.colorField);const a={width:o.slider.width,height:o.slider.height+2*(o.thumb.radius-o.slider.height/2)};"all"!==t&&"hue-slider"!==t||this.setCanvasContextSize(null===(i=this.hueSliderRenderingContext)||void 0===i?void 0:i.canvas,a),"all"!==t&&"opacity-slider"!==t||this.setCanvasContextSize(null===(e=this.opacitySliderRenderingContext)||void 0===e?void 0:e.canvas,a)}drawActiveColorFieldColor(){const{color:t}=this;if(!t)return;const s=t.hsv(),{dimensions:{colorField:{height:i,width:e},thumb:{radius:o}}}=this,a=s.saturationv()/(r.s/e),n=i-s.value()/(r.v/i);requestAnimationFrame((()=>{this.colorFieldScopeLeft=a,this.colorFieldScopeTop=n})),this.drawThumb(this.colorFieldRenderingContext,o,a,n,s)}drawThumb(t,s,i,e,o){const a=2*Math.PI;t.beginPath(),t.arc(i,e,s,0,a),t.fillStyle="#fff",t.fill(),t.strokeStyle="rgba(0,0,0,0.3)",t.lineWidth=1,t.stroke(),t.beginPath(),t.arc(i,e,s-3,0,a),t.fillStyle=o.rgb().alpha(1).string(),t.fill()}drawActiveHueSliderColor(){const{color:t}=this;if(!t)return;const s=t.hsv().saturationv(100).value(100),{dimensions:{slider:{width:i},thumb:{radius:e}}}=this,o=s.hue()/(c/i),a=e,n=this.getSliderBoundX(o,i,e);requestAnimationFrame((()=>{this.hueScopeLeft=n})),this.drawThumb(this.hueSliderRenderingContext,e,n,a,s)}drawHueSlider(){const t=this.hueSliderRenderingContext,{dimensions:{slider:{height:s,width:i},thumb:{radius:e}}}=this,a=e-s/2,n=t.createLinearGradient(0,0,i,0),l=["red","yellow","lime","cyan","blue","magenta","#ff0004"],r=1/(l.length-1);let h=0;l.forEach((t=>{n.addColorStop(h,o(t).string()),h+=r})),t.clearRect(0,0,i,s+2*this.getSliderCapSpacing()),this.drawSliderPath(t,s,i,0,a),t.fillStyle=n,t.fill(),t.strokeStyle="rgba(0,0,0,0.3)",t.lineWidth=1,t.stroke(),this.drawActiveHueSliderColor()}drawOpacitySlider(){const t=this.opacitySliderRenderingContext,{baseColorFieldColor:s,dimensions:{slider:{height:i,width:e},thumb:{radius:o}}}=this,a=o-i/2;t.clearRect(0,0,e,i+2*this.getSliderCapSpacing());const n=t.createLinearGradient(0,a,e,0),l=s.rgb().alpha(0),r=s.rgb().alpha(.5),h=s.rgb().alpha(1);n.addColorStop(0,l.string()),n.addColorStop(.5,r.string()),n.addColorStop(1,h.string()),this.drawSliderPath(t,i,e,0,a);const c=t.createPattern(this.getCheckeredBackgroundPattern(),"repeat");t.fillStyle=c,t.fill(),t.fillStyle=n,t.fill(),t.strokeStyle="rgba(0,0,0,0.3)",t.lineWidth=1,t.stroke(),this.drawActiveOpacitySliderColor()}drawSliderPath(t,s,i,e,o){const a=s/2+1;t.beginPath(),t.moveTo(e+a,o),t.lineTo(e+i-a,o),t.quadraticCurveTo(e+i,o,e+i,o+a),t.lineTo(e+i,o+s-a),t.quadraticCurveTo(e+i,o+s,e+i-a,o+s),t.lineTo(e+a,o+s),t.quadraticCurveTo(e,o+s,e,o+s-a),t.lineTo(e,o+a),t.quadraticCurveTo(e,o,e+a,o),t.closePath()}getCheckeredBackgroundPattern(){if(this.checkerPattern)return this.checkerPattern;const t=document.createElement("canvas");t.width=10,t.height=10;const s=t.getContext("2d");return s.fillStyle="#ccc",s.fillRect(0,0,10,10),s.fillStyle="#fff",s.fillRect(0,0,5,5),s.fillRect(5,5,5,5),this.checkerPattern=t,t}drawActiveOpacitySliderColor(){const{color:t}=this;if(!t)return;const s=t,{dimensions:{slider:{width:i},thumb:{radius:e}}}=this,o=x(s.alpha())/(h.max/i),a=e,n=this.getSliderBoundX(o,i,e);requestAnimationFrame((()=>{this.opacityScopeLeft=n})),this.drawThumb(this.opacitySliderRenderingContext,e,n,a,s)}getSliderBoundX(t,s,i){const e=U(t,s,i);return 0===e?t:-1===e?K(t,0,s,i,2*i):K(t,0,s,s-2*i,s-i)}updateColorFromChannels(t){this.internalColorSet(o(t,this.channelMode))}updateChannelsFromColor(t){this.channels=t?this.toChannels(t):[null,null,null,null]}toChannels(t){const{channelMode:s}=this,i=t[s]().array().map(((t,s)=>3===s?t:Math.floor(t)));return 3===i.length&&i.push(1),i}getAdjustedScopePosition(t,s){return[t-d/2,s-d/2]}static get delegatesFocus(){return!0}static get assetsDirs(){return["assets"]}get el(){return e(this)}static get watchers(){return{alphaChannel:["handleAlphaChannelChange"],color:["handleColorChange"],format:["handleFormatChange"],scale:["handleScaleChange"],messageOverrides:["onMessagesChange"],value:["handleValueChange"],effectiveLocale:["effectiveLocaleChange"]}}};q.style=':host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){--calcite-color-picker-spacing:8px}:host([scale=s]) .container{inline-size:160px}:host([scale=s]) .saved-colors{gap:0.25rem;grid-template-columns:repeat(auto-fill, 20px)}:host([scale=m]){--calcite-color-picker-spacing:12px}:host([scale=m]) .container{inline-size:272px}:host([scale=l]){--calcite-color-picker-spacing:16px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .container{inline-size:464px}:host([scale=l]) .section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}:host([scale=l]) .saved-colors{grid-template-columns:repeat(auto-fill, 32px)}:host([scale=l]) .control-section{flex-wrap:nowrap;align-items:baseline;flex-wrap:wrap}:host([scale=l]) .color-hex-options{display:flex;flex-shrink:1;flex-direction:column;justify-content:space-around}:host([scale=l]) .color-mode-container{flex-shrink:3}.container{background-color:var(--calcite-ui-foreground-1);display:inline-block;border:1px solid var(--calcite-ui-border-1)}.control-and-scope{position:relative;display:flex;cursor:pointer;touch-action:none}.scope{pointer-events:none;position:absolute;z-index:var(--calcite-app-z-index);block-size:1px;inline-size:1px;border-radius:9999px;background-color:transparent;font-size:var(--calcite-font-size--1);outline-color:transparent}.scope:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          );outline-offset:11px}.hex-and-channels-group{inline-size:100%}.hex-and-channels-group,.control-section{display:flex;flex-direction:row;flex-wrap:wrap}.section{padding-block:0 var(--calcite-color-picker-spacing);padding-inline:var(--calcite-color-picker-spacing)}.section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}.sliders{display:flex;flex-direction:column;justify-content:space-between;margin-inline-start:var(--calcite-color-picker-spacing)}.preview-and-sliders{display:flex;align-items:center;padding:var(--calcite-color-picker-spacing)}.color-hex-options,.section--split{flex-grow:1}.header{display:flex;align-items:center;justify-content:space-between;color:var(--calcite-ui-text-1)}.color-mode-container{padding-block-start:var(--calcite-color-picker-spacing)}.channels{display:flex;row-gap:0.125rem}.channel[data-channel-index="3"]{inline-size:159px}:host([scale=s]) .channels{flex-wrap:wrap}:host([scale=s]) .channel{flex-basis:30%;flex-grow:1}:host([scale=s]) .channel[data-channel-index="3"]{inline-size:unset;margin-inline-start:unset}:host([scale=l]) .channel[data-channel-index="3"]{inline-size:131px}.saved-colors{display:grid;gap:0.5rem;padding-block-start:var(--calcite-color-picker-spacing);grid-template-columns:repeat(auto-fill, 24px)}.saved-colors-buttons{display:flex}.saved-color{outline-offset:0;outline-color:transparent;cursor:pointer}.saved-color:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.saved-color:hover{transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;outline:2px solid var(--calcite-ui-border-2);outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}';export{q as calcite_color_picker}
+import{r as t,c as s,h as i,g as e}from"./p-33613993.js";import{c as o,C as a,D as n,a as l,H as r,O as h,b as c,S as d,d as p,R as u}from"./p-e0fb0920.js";import{i as f,a as m}from"./p-a16feeec.js";import{C as v,n as g,h as b,o as w,a as x,b as y,p as C,c as k,t as S,d as A,e as D,f as $}from"./p-643a0325.js";import{c as j,d as z,u as F}from"./p-ad75b9bb.js";import{i as L}from"./p-43ba7a04.js";import{c as O,s as M,a as N}from"./p-d74e95e5.js";import{c as P,d as I}from"./p-7f271c31.js";import{r as K,c as E,a as U}from"./p-3d3e6e20.js";import{u as H,s as R,c as T,d as X}from"./p-557d4cc5.js";import{t as V}from"./p-6665fa1f.js";import"./p-e1a4994d.js";import"./p-8b448a5b.js";import"./p-e3525c00.js";import"./p-588bc0c0.js";import"./p-a82f35c9.js";const q=class{constructor(e){t(this,e),this.calciteColorPickerChange=s(this,"calciteColorPickerChange",6),this.calciteColorPickerInput=s(this,"calciteColorPickerInput",6),this.internalColorUpdateContext=null,this.mode=v.HEX,this.shiftKeyChannelAdjustment=0,this.handleTabActivate=t=>{this.channelMode=t.currentTarget.getAttribute("data-color-mode"),this.updateChannelsFromColor(this.color)},this.handleColorFieldScopeKeyDown=t=>{const{key:s}=t,i={ArrowUp:{x:0,y:-10},ArrowRight:{x:10,y:0},ArrowDown:{x:0,y:10},ArrowLeft:{x:-10,y:0}};i[s]&&(t.preventDefault(),this.scopeOrientation="ArrowDown"===s||"ArrowUp"===s?"vertical":"horizontal",this.captureColorFieldColor(this.colorFieldScopeLeft+i[s].x||0,this.colorFieldScopeTop+i[s].y||0,!1))},this.handleHueScopeKeyDown=t=>{const s=t.shiftKey?10:1,{key:i}=t,e={ArrowUp:1,ArrowRight:1,ArrowDown:-1,ArrowLeft:-1};if(e[i]){t.preventDefault();const o=e[i]*s,a=this.baseColorFieldColor.hue(),n=this.baseColorFieldColor.hue(a+o);this.internalColorSet(n,!1)}},this.handleHexInputChange=t=>{t.stopPropagation();const{allowEmpty:s,color:i}=this,e=t.target.value;!s||e?e!==(i&&g(b(i,y(this.mode))))&&this.internalColorSet(o(e)):this.internalColorSet(null)},this.handleSavedColorSelect=t=>{this.internalColorSet(o(t.currentTarget.color))},this.handleChannelInput=t=>{const s=t.currentTarget,i=Number(s.getAttribute("data-channel-index")),e=3===i?h.max:"rgb"===this.channelMode?u[Object.keys(u)[i]]:r[Object.keys(r)[i]];let o;if(this.allowEmpty&&!s.value)o="";else{const t=Number(s.value);o=E(t+this.shiftKeyChannelAdjustment,0,e).toString()}s.value=o},this.handleChannelChange=t=>{const s=t.currentTarget,i=Number(s.getAttribute("data-channel-index")),e=[...this.channels];if(this.allowEmpty&&!s.value)return this.channels=[null,null,null,null],void this.internalColorSet(null);const o=3===i,a=Number(s.value);e[i]=o?w(a):a,this.updateColorFromChannels(e)},this.handleSavedColorKeyDown=t=>{L(t.key)&&(t.preventDefault(),this.handleSavedColorSelect(t))},this.handleColorFieldPointerDown=t=>{if(!f(t))return;const{offsetX:s,offsetY:i}=t;document.addEventListener("pointermove",this.globalPointerMoveHandler),document.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:this.colorFieldRenderingContext,bounds:this.colorFieldRenderingContext.canvas.getBoundingClientRect()},this.captureColorFieldColor(s,i),this.colorFieldScopeNode.focus()},this.handleHueSliderPointerDown=t=>{if(!f(t))return;const{offsetX:s}=t;document.addEventListener("pointermove",this.globalPointerMoveHandler),document.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:this.hueSliderRenderingContext,bounds:this.hueSliderRenderingContext.canvas.getBoundingClientRect()},this.captureHueSliderColor(s),this.hueScopeNode.focus()},this.handleOpacitySliderPointerDown=t=>{if(!f(t))return;const{offsetX:s}=t;document.addEventListener("pointermove",this.globalPointerMoveHandler),document.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:this.opacitySliderRenderingContext,bounds:this.opacitySliderRenderingContext.canvas.getBoundingClientRect()},this.captureOpacitySliderValue(s),this.opacityScopeNode.focus()},this.globalPointerUpHandler=t=>{if(!f(t))return;const s=this.activeCanvasInfo;this.activeCanvasInfo=null,this.drawColorControls(),s&&this.calciteColorPickerChange.emit()},this.globalPointerMoveHandler=t=>{const{activeCanvasInfo:s,el:i}=this;if(!i.isConnected||!s)return;const{context:e,bounds:o}=s;let a,n;const{clientX:l,clientY:r}=t;e.canvas.matches(":hover")?(a=l-o.x,n=r-o.y):(a=l<o.x+o.width&&l>o.x?l-o.x:l<o.x?0:o.width,n=r<o.y+o.height&&r>o.y?r-o.y:r<o.y?0:o.height),e===this.colorFieldRenderingContext?this.captureColorFieldColor(a,n,!1):e===this.hueSliderRenderingContext?this.captureHueSliderColor(a):e===this.opacitySliderRenderingContext&&this.captureOpacitySliderValue(a)},this.storeColorFieldScope=t=>{this.colorFieldScopeNode=t},this.storeHueScope=t=>{this.hueScopeNode=t},this.renderChannelsTabTitle=t=>{const{channelMode:s,messages:e}=this;return i("calcite-tab-title",{class:a.colorMode,"data-color-mode":t,key:t,onCalciteTabsActivate:this.handleTabActivate,selected:t===s},"rgb"===t?e.rgb:e.hsv)},this.renderChannelsTab=t=>{const{allowEmpty:s,channelMode:e,channels:o,messages:n,alphaChannel:l}=this,r=t===e,h="rgb"===t?[n.red,n.green,n.blue]:[n.hue,n.saturation,n.value],c=m(this.el),d=l?o:o.slice(0,3);return i("calcite-tab",{class:a.control,key:t,selected:r},i("div",{class:a.channels,dir:"ltr"},d.map(((t,i)=>{const e=3===i;return e&&(t=s&&!t?t:x(t)),this.renderChannel(t,i,h[i],c,e?"%":"")}))))},this.renderChannel=(t,s,e,o,n)=>i("calcite-input-number",{class:a.channel,"data-channel-index":s,dir:o,key:s,label:e,lang:this.effectiveLocale,numberButtonType:"none",numberingSystem:this.numberingSystem,onCalciteInputNumberChange:this.handleChannelChange,onCalciteInputNumberInput:this.handleChannelInput,onKeyDown:this.handleKeyDown,scale:"l"===this.scale?"m":"s",style:{marginLeft:s>0&&("s"!==this.scale||!this.alphaChannel||3!==s)?"-1px":""},suffixText:n,value:null==t?void 0:t.toString()}),this.deleteColor=()=>{const t=b(this.color,this.alphaChannel);if(!(this.savedColors.indexOf(t)>-1))return;const s=this.savedColors.filter((s=>s!==t));this.savedColors=s,this.storageId&&localStorage.setItem(`${p}${this.storageId}`,JSON.stringify(s))},this.saveColor=()=>{const t=b(this.color,this.alphaChannel);if(this.savedColors.indexOf(t)>-1)return;const s=[...this.savedColors,t];this.savedColors=s,this.storageId&&localStorage.setItem(`${p}${this.storageId}`,JSON.stringify(s))},this.drawColorControls=V(((t="all")=>{"all"!==t&&"color-field"!==t||!this.colorFieldRenderingContext||this.drawColorField(),"all"!==t&&"hue-slider"!==t||!this.hueSliderRenderingContext||this.drawHueSlider(),this.alphaChannel&&("all"===t||"opacity-slider"===t)&&this.opacitySliderRenderingContext&&this.drawOpacitySlider()}),16),this.captureColorFieldColor=(t,s,i=!0)=>{const{dimensions:{colorField:{height:e,width:o}}}=this,a=Math.round(r.s/o*t),n=Math.round(r.v/e*(e-s));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(a).value(n),i)},this.initColorField=t=>{this.colorFieldRenderingContext=t.getContext("2d"),this.updateCanvasSize("color-field"),this.drawColorControls()},this.initHueSlider=t=>{this.hueSliderRenderingContext=t.getContext("2d"),this.updateCanvasSize("hue-slider"),this.drawHueSlider()},this.initOpacitySlider=t=>{this.opacitySliderRenderingContext=t.getContext("2d"),this.updateCanvasSize("opacity-slider"),this.drawOpacitySlider()},this.storeOpacityScope=t=>{this.opacityScopeNode=t},this.handleOpacityScopeKeyDown=t=>{const s=t.shiftKey?10:1,{key:i}=t,e={ArrowUp:.01,ArrowRight:.01,ArrowDown:-.01,ArrowLeft:-.01};if(e[i]){t.preventDefault();const o=e[i]*s,a=this.baseColorFieldColor.alpha(),n=this.baseColorFieldColor.alpha(a+o);this.internalColorSet(n,!1)}},this.allowEmpty=!1,this.alphaChannel=!1,this.channelsDisabled=!1,this.color=n,this.disabled=!1,this.format="auto",this.hideChannels=!1,this.hexDisabled=!1,this.hideHex=!1,this.hideSaved=!1,this.savedDisabled=!1,this.scale="m",this.storageId=void 0,this.messageOverrides=void 0,this.numberingSystem=void 0,this.value=g(b(n,this.alphaChannel)),this.defaultMessages=void 0,this.channelMode="rgb",this.channels=this.toChannels(n),this.dimensions=l.m,this.effectiveLocale="",this.messages=void 0,this.savedColors=[],this.colorFieldScopeTop=void 0,this.colorFieldScopeLeft=void 0,this.hueScopeLeft=void 0,this.opacityScopeLeft=void 0,this.scopeOrientation=void 0}handleAlphaChannelChange(t){const{format:s}=this;t&&"auto"!==s&&!y(s)&&(console.warn(`ignoring alphaChannel as the current format (${s}) does not support alpha`),this.alphaChannel=!1)}handleColorChange(t,s){this.drawColorControls(),this.updateChannelsFromColor(t),this.previousColor=s}handleFormatChange(t){this.setMode(t),this.internalColorSet(this.color,!1,"internal")}handleScaleChange(t="m"){this.updateDimensions(t),this.updateCanvasSize("all"),this.drawColorControls()}onMessagesChange(){}handleValueChange(t,s){const{allowEmpty:i,format:e}=this;let a=!1;if(!i||t){const i=C(t);if(!i||"auto"!==e&&i!==e)return this.showIncompatibleColorWarning(t,e),void(this.value=s);a=this.mode!==i,this.setMode(i,null===this.internalColorUpdateContext)}const n=this.activeCanvasInfo;if("initial"===this.internalColorUpdateContext)return;if("user-interaction"===this.internalColorUpdateContext)return this.calciteColorPickerInput.emit(),void(n||this.calciteColorPickerChange.emit());const l=i&&!t?null:o(null!=t&&"object"==typeof t&&y(this.mode)?$(t):t),r=!k(l,this.color);(a||r)&&this.internalColorSet(l,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css")),"internal")}get baseColorFieldColor(){return this.color||this.previousColor||n}effectiveLocaleChange(){H(this,this.effectiveLocale)}handleChannelKeyUpOrDown(t){this.shiftKeyChannelAdjustment=0;const{key:s}=t;if("ArrowUp"!==s&&"ArrowDown"!==s||!t.composedPath().some((t=>{var s;return null===(s=t.classList)||void 0===s?void 0:s.contains(a.channel)})))return;const{shiftKey:i}=t;if(t.preventDefault(),!this.color)return this.internalColorSet(this.previousColor),void t.stopPropagation();this.shiftKeyChannelAdjustment="ArrowUp"===s&&i?9:"ArrowDown"===s&&i?-9:0}async setFocus(){await O(this),this.el.focus()}async componentWillLoad(){M(this);const{allowEmpty:t,color:s,format:i,value:e}=this,a=t&&!e,n=C(e),l=a||"auto"===i&&n||i===n,r=a?null:l?o(e):s;l||this.showIncompatibleColorWarning(e,i),this.setMode(i,!1),this.internalColorSet(r,!1,"initial"),this.updateDimensions(this.scale);const h=`${p}${this.storageId}`;this.storageId&&localStorage.getItem(h)&&(this.savedColors=JSON.parse(localStorage.getItem(h))),await R(this)}connectedCallback(){j(this),P(this),T(this)}componentDidLoad(){N(this)}disconnectedCallback(){document.removeEventListener("pointermove",this.globalPointerMoveHandler),document.removeEventListener("pointerup",this.globalPointerUpHandler),z(this),I(this),X(this)}componentDidRender(){F(this)}render(){const{allowEmpty:t,channelsDisabled:s,color:e,colorFieldScopeLeft:o,colorFieldScopeTop:l,dimensions:{slider:{width:c},thumb:{radius:d}},hexDisabled:p,hideChannels:u,hideHex:f,hideSaved:m,hueScopeLeft:v,messages:g,alphaChannel:w,opacityScopeLeft:y,savedColors:C,savedDisabled:k,scale:S,scopeOrientation:A}=this,D=e?b(e,w):null,$=d,j=null!=v?v:c*n.hue()/r.h,z=d,F=null!=y?y:c*x(n.alpha())/h.max,L=null===e,O="vertical"===A,M=p||f,N=s||u,P=k||m,[I,K]=this.getAdjustedScopePosition(o,l),[E,U]=this.getAdjustedScopePosition(j,$),[H,R]=this.getAdjustedScopePosition(F,z);return i("div",{class:a.container},i("div",{class:a.controlAndScope},i("canvas",{class:a.colorField,onPointerDown:this.handleColorFieldPointerDown,ref:this.initColorField}),i("div",{"aria-label":O?g.value:g.saturation,"aria-valuemax":O?r.v:r.s,"aria-valuemin":"0","aria-valuenow":(O?null==e?void 0:e.saturationv():null==e?void 0:e.value())||"0",class:{[a.scope]:!0,[a.colorFieldScope]:!0},onKeyDown:this.handleColorFieldScopeKeyDown,role:"slider",style:{top:`${K||0}px`,left:`${I||0}px`},tabindex:"0",ref:this.storeColorFieldScope})),i("div",{class:a.previewAndSliders},i("calcite-color-picker-swatch",{class:a.preview,color:D,scale:"l"}),i("div",{class:a.sliders},i("div",{class:a.controlAndScope},i("canvas",{class:{[a.slider]:!0,[a.hueSlider]:!0},onPointerDown:this.handleHueSliderPointerDown,ref:this.initHueSlider}),i("div",{"aria-label":g.hue,"aria-valuemax":r.h,"aria-valuemin":"0","aria-valuenow":(null==e?void 0:e.round().hue())||n.round().hue(),class:{[a.scope]:!0,[a.hueScope]:!0},onKeyDown:this.handleHueScopeKeyDown,role:"slider",style:{top:`${U}px`,left:`${E}px`},tabindex:"0",ref:this.storeHueScope})),w?i("div",{class:a.controlAndScope},i("canvas",{class:{[a.slider]:!0,[a.opacitySlider]:!0},onPointerDown:this.handleOpacitySliderPointerDown,ref:this.initOpacitySlider}),i("div",{"aria-label":g.opacity,"aria-valuemax":h.max,"aria-valuemin":h.min,"aria-valuenow":(e||n).round().alpha(),class:{[a.scope]:!0,[a.opacityScope]:!0},onKeyDown:this.handleOpacityScopeKeyDown,role:"slider",style:{top:`${R}px`,left:`${H}px`},tabindex:"0",ref:this.storeOpacityScope})):null)),M&&N?null:i("div",{class:{[a.controlSection]:!0,[a.section]:!0}},i("div",{class:a.hexAndChannelsGroup},M?null:i("div",{class:a.hexOptions},i("calcite-color-picker-hex-input",{allowEmpty:t,alphaChannel:w,class:a.control,messages:g,numberingSystem:this.numberingSystem,onCalciteColorPickerHexInputChange:this.handleHexInputChange,scale:S,value:D})),N?null:i("calcite-tabs",{class:{[a.colorModeContainer]:!0,[a.splitSection]:!0},scale:"l"===S?"m":"s"},i("calcite-tab-nav",{slot:"title-group"},this.renderChannelsTabTitle("rgb"),this.renderChannelsTabTitle("hsv")),this.renderChannelsTab("rgb"),this.renderChannelsTab("hsv")))),P?null:i("div",{class:{[a.savedColorsSection]:!0,[a.section]:!0}},i("div",{class:a.header},i("label",null,g.saved),i("div",{class:a.savedColorsButtons},i("calcite-button",{appearance:"transparent",class:a.deleteColor,disabled:L,iconStart:"minus",kind:"neutral",label:g.deleteColor,onClick:this.deleteColor,scale:S,type:"button"}),i("calcite-button",{appearance:"transparent",class:a.saveColor,disabled:L,iconStart:"plus",kind:"neutral",label:g.saveColor,onClick:this.saveColor,scale:S,type:"button"}))),C.length>0?i("div",{class:a.savedColors},[...C.map((t=>i("calcite-color-picker-swatch",{class:a.savedColor,color:t,key:t,onClick:this.handleSavedColorSelect,onKeyDown:this.handleSavedColorKeyDown,scale:S,tabIndex:0})))]):null))}handleKeyDown(t){"Enter"===t.key&&t.preventDefault()}showIncompatibleColorWarning(t,s){console.warn(`ignoring color value (${t}) as it is not compatible with the current format (${s})`)}setMode(t,s=!0){this.mode=this.ensureCompatibleMode("auto"===t?this.mode:t,s)}ensureCompatibleMode(t,s){const{alphaChannel:i}=this,e=y(t);if(i&&!e){const i=D(t);return s&&console.warn(`setting format to (${i}) as the provided one (${t}) does not support alpha`),i}if(!i&&e){const i=S(t);return s&&console.warn(`setting format to (${i}) as the provided one (${t}) does not support alpha`),i}return t}captureHueSliderColor(t){const{dimensions:{slider:{width:s}}}=this;this.internalColorSet(this.baseColorFieldColor.hue(c/s*t),!1)}captureOpacitySliderValue(t){const{dimensions:{slider:{width:s}}}=this,i=w(h.max/s*t);this.internalColorSet(this.baseColorFieldColor.alpha(i),!1)}internalColorSet(t,s=!0,i="user-interaction"){s&&k(t,this.color)||(this.internalColorUpdateContext=i,this.color=t,this.value=this.toValue(t),this.internalColorUpdateContext=null)}toValue(t,s=this.mode){if(!t)return null;if(s.includes("hex")){const i=s===v.HEXA;return g(b(t.round(),i),i)}if(s.includes("-css")){const i=t[s.replace("-css","").replace("a","")]().round().string();return(s.endsWith("a")||s.endsWith("a-css"))&&1===t.alpha()?`${i.slice(0,3)}a(${i.slice(4,-1)}, ${t.alpha()})`:i}const i=t[S(s)]().round().object();return s.endsWith("a")?A(i):i}getSliderCapSpacing(){const{dimensions:{slider:{height:t},thumb:{radius:s}}}=this;return 2*s-t}updateDimensions(t="m"){this.dimensions=l[t]}drawColorField(){const t=this.colorFieldRenderingContext,{dimensions:{colorField:{height:s,width:i}}}=this;t.fillStyle=this.baseColorFieldColor.hsv().saturationv(100).value(100).alpha(1).string(),t.fillRect(0,0,i,s);const e=t.createLinearGradient(0,0,i,0);e.addColorStop(0,"rgba(255,255,255,1)"),e.addColorStop(1,"rgba(255,255,255,0)"),t.fillStyle=e,t.fillRect(0,0,i,s);const o=t.createLinearGradient(0,0,0,s);o.addColorStop(0,"rgba(0,0,0,0)"),o.addColorStop(1,"rgba(0,0,0,1)"),t.fillStyle=o,t.fillRect(0,0,i,s),this.drawActiveColorFieldColor()}setCanvasContextSize(t,{height:s,width:i}){if(!t)return;const e=window.devicePixelRatio||1;t.width=i*e,t.height=s*e,t.style.height=`${s}px`,t.style.width=`${i}px`,t.getContext("2d").scale(e,e)}updateCanvasSize(t="all"){var s,i,e;const{dimensions:o}=this;"all"!==t&&"color-field"!==t||this.setCanvasContextSize(null===(s=this.colorFieldRenderingContext)||void 0===s?void 0:s.canvas,o.colorField);const a={width:o.slider.width,height:o.slider.height+2*(o.thumb.radius-o.slider.height/2)};"all"!==t&&"hue-slider"!==t||this.setCanvasContextSize(null===(i=this.hueSliderRenderingContext)||void 0===i?void 0:i.canvas,a),"all"!==t&&"opacity-slider"!==t||this.setCanvasContextSize(null===(e=this.opacitySliderRenderingContext)||void 0===e?void 0:e.canvas,a)}drawActiveColorFieldColor(){const{color:t}=this;if(!t)return;const s=t.hsv(),{dimensions:{colorField:{height:i,width:e},thumb:{radius:o}}}=this,a=s.saturationv()/(r.s/e),n=i-s.value()/(r.v/i);requestAnimationFrame((()=>{this.colorFieldScopeLeft=a,this.colorFieldScopeTop=n})),this.drawThumb(this.colorFieldRenderingContext,o,a,n,s)}drawThumb(t,s,i,e,o){const a=2*Math.PI;t.beginPath(),t.arc(i,e,s,0,a),t.fillStyle="#fff",t.fill(),t.strokeStyle="rgba(0,0,0,0.3)",t.lineWidth=1,t.stroke(),t.beginPath(),t.arc(i,e,s-3,0,a),t.fillStyle=o.rgb().alpha(1).string(),t.fill()}drawActiveHueSliderColor(){const{color:t}=this;if(!t)return;const s=t.hsv().saturationv(100).value(100),{dimensions:{slider:{width:i},thumb:{radius:e}}}=this,o=s.hue()/(c/i),a=e,n=this.getSliderBoundX(o,i,e);requestAnimationFrame((()=>{this.hueScopeLeft=n})),this.drawThumb(this.hueSliderRenderingContext,e,n,a,s)}drawHueSlider(){const t=this.hueSliderRenderingContext,{dimensions:{slider:{height:s,width:i},thumb:{radius:e}}}=this,a=e-s/2,n=t.createLinearGradient(0,0,i,0),l=["red","yellow","lime","cyan","blue","magenta","#ff0004"],r=1/(l.length-1);let h=0;l.forEach((t=>{n.addColorStop(h,o(t).string()),h+=r})),t.clearRect(0,0,i,s+2*this.getSliderCapSpacing()),this.drawSliderPath(t,s,i,0,a),t.fillStyle=n,t.fill(),t.strokeStyle="rgba(0,0,0,0.3)",t.lineWidth=1,t.stroke(),this.drawActiveHueSliderColor()}drawOpacitySlider(){const t=this.opacitySliderRenderingContext,{baseColorFieldColor:s,dimensions:{slider:{height:i,width:e},thumb:{radius:o}}}=this,a=o-i/2;t.clearRect(0,0,e,i+2*this.getSliderCapSpacing());const n=t.createLinearGradient(0,a,e,0),l=s.rgb().alpha(0),r=s.rgb().alpha(.5),h=s.rgb().alpha(1);n.addColorStop(0,l.string()),n.addColorStop(.5,r.string()),n.addColorStop(1,h.string()),this.drawSliderPath(t,i,e,0,a);const c=t.createPattern(this.getCheckeredBackgroundPattern(),"repeat");t.fillStyle=c,t.fill(),t.fillStyle=n,t.fill(),t.strokeStyle="rgba(0,0,0,0.3)",t.lineWidth=1,t.stroke(),this.drawActiveOpacitySliderColor()}drawSliderPath(t,s,i,e,o){const a=s/2+1;t.beginPath(),t.moveTo(e+a,o),t.lineTo(e+i-a,o),t.quadraticCurveTo(e+i,o,e+i,o+a),t.lineTo(e+i,o+s-a),t.quadraticCurveTo(e+i,o+s,e+i-a,o+s),t.lineTo(e+a,o+s),t.quadraticCurveTo(e,o+s,e,o+s-a),t.lineTo(e,o+a),t.quadraticCurveTo(e,o,e+a,o),t.closePath()}getCheckeredBackgroundPattern(){if(this.checkerPattern)return this.checkerPattern;const t=document.createElement("canvas");t.width=10,t.height=10;const s=t.getContext("2d");return s.fillStyle="#ccc",s.fillRect(0,0,10,10),s.fillStyle="#fff",s.fillRect(0,0,5,5),s.fillRect(5,5,5,5),this.checkerPattern=t,t}drawActiveOpacitySliderColor(){const{color:t}=this;if(!t)return;const s=t,{dimensions:{slider:{width:i},thumb:{radius:e}}}=this,o=x(s.alpha())/(h.max/i),a=e,n=this.getSliderBoundX(o,i,e);requestAnimationFrame((()=>{this.opacityScopeLeft=n})),this.drawThumb(this.opacitySliderRenderingContext,e,n,a,s)}getSliderBoundX(t,s,i){const e=U(t,s,i);return 0===e?t:-1===e?K(t,0,s,i,2*i):K(t,0,s,s-2*i,s-i)}updateColorFromChannels(t){this.internalColorSet(o(t,this.channelMode))}updateChannelsFromColor(t){this.channels=t?this.toChannels(t):[null,null,null,null]}toChannels(t){const{channelMode:s}=this,i=t[s]().array().map(((t,s)=>3===s?t:Math.floor(t)));return 3===i.length&&i.push(1),i}getAdjustedScopePosition(t,s){return[t-d/2,s-d/2]}static get delegatesFocus(){return!0}static get assetsDirs(){return["assets"]}get el(){return e(this)}static get watchers(){return{alphaChannel:["handleAlphaChannelChange"],color:["handleColorChange"],format:["handleFormatChange"],scale:["handleScaleChange"],messageOverrides:["onMessagesChange"],value:["handleValueChange"],effectiveLocale:["effectiveLocaleChange"]}}};q.style=':host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block;font-size:var(--calcite-font-size--2);line-height:1rem;font-weight:var(--calcite-font-weight-normal)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){--calcite-color-picker-spacing:8px}:host([scale=s]) .container{inline-size:160px}:host([scale=s]) .saved-colors{gap:0.25rem;grid-template-columns:repeat(auto-fill, 20px)}:host([scale=m]){--calcite-color-picker-spacing:12px}:host([scale=m]) .container{inline-size:272px}:host([scale=l]){--calcite-color-picker-spacing:16px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) .container{inline-size:464px}:host([scale=l]) .section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}:host([scale=l]) .saved-colors{grid-template-columns:repeat(auto-fill, 32px)}:host([scale=l]) .control-section{flex-wrap:nowrap;align-items:baseline;flex-wrap:wrap}:host([scale=l]) .color-hex-options{display:flex;flex-shrink:1;flex-direction:column;justify-content:space-around}:host([scale=l]) .color-mode-container{flex-shrink:3}.container{background-color:var(--calcite-ui-foreground-1);display:inline-block;border:1px solid var(--calcite-ui-border-1)}.control-and-scope{position:relative;display:flex;cursor:pointer;touch-action:none}.scope{pointer-events:none;position:absolute;z-index:var(--calcite-app-z-index);block-size:1px;inline-size:1px;border-radius:9999px;background-color:transparent;font-size:var(--calcite-font-size--1);outline-color:transparent}.scope:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          );outline-offset:11px}.hex-and-channels-group{inline-size:100%}.hex-and-channels-group,.control-section{display:flex;flex-direction:row;flex-wrap:wrap}.section{padding-block:0 var(--calcite-color-picker-spacing);padding-inline:var(--calcite-color-picker-spacing)}.section:first-of-type{padding-block-start:var(--calcite-color-picker-spacing)}.sliders{display:flex;flex-direction:column;justify-content:space-between;margin-inline-start:var(--calcite-color-picker-spacing)}.preview-and-sliders{display:flex;align-items:center;padding:var(--calcite-color-picker-spacing)}.color-hex-options,.section--split{flex-grow:1}.header{display:flex;align-items:center;justify-content:space-between;color:var(--calcite-ui-text-1)}.color-mode-container{padding-block-start:var(--calcite-color-picker-spacing)}.channels{display:flex;row-gap:0.125rem}.channel[data-channel-index="3"]{inline-size:159px}:host([scale=s]) .channels{flex-wrap:wrap}:host([scale=s]) .channel{flex-basis:30%;flex-grow:1}:host([scale=s]) .channel[data-channel-index="3"]{inline-size:unset;margin-inline-start:unset}:host([scale=l]) .channel[data-channel-index="3"]{inline-size:131px}.saved-colors{display:grid;gap:0.5rem;padding-block-start:var(--calcite-color-picker-spacing);grid-template-columns:repeat(auto-fill, 24px)}.saved-colors-buttons{display:flex}.saved-color{outline-offset:0;outline-color:transparent;cursor:pointer}.saved-color:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.saved-color:hover{transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;outline:2px solid var(--calcite-ui-border-2);outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}';export{q as calcite_color_picker}

package/dist/solutions-components/{p-a1c6db13.entry.js → p-fb23ba4a.entry.js}

@@ -3,4 +3,4 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import{r as e,h as i,F as t,g as a}from"./p-9310b882.js";import{c as n,d as o}from"./p-c3ab7439.js";import{g as l}from"./p-a16feeec.js";import{H as r,c as s}from"./p-60c15592.js";import{S as c,C as d}from"./p-99402001.js";import"./p-588bc0c0.js";import"./p-8b448a5b.js";import"./p-e3525c00.js";const p=class{constructor(i){e(this,i),this.groupTitle=void 0,this.headingLevel=void 0}connectedCallback(){n(this)}disconnectedCallback(){o(this)}render(){var e;const{el:a,groupTitle:n,headingLevel:o}=this,p=null!==l(a,c.parentItem),m={[d.container]:!0,[d.indented]:p},g=n,h=null===(e=a.closest("calcite-pick-list"))||void 0===e?void 0:e.headingLevel,b=h?s(h+1):null;return i(t,null,g?i(r,{class:d.heading,level:o||b},g):null,i("slot",{name:c.parentItem}),i("section",{class:m},i("slot",null)))}get el(){return a(this)}};p.style=":host{margin-block-end:0.25rem;box-sizing:border-box;display:block;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}:host *{box-sizing:border-box}:host(:last-child){margin-block-end:0px}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.heading{margin-block:0.5rem;margin-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-ui-text-3)}.container--indented{margin-inline-start:1.5rem}:host([hidden]){display:none}[hidden]{display:none}";export{p as calcite_pick_list_group}
+import{r as e,h as i,F as t,g as a}from"./p-33613993.js";import{c as n,d as o}from"./p-bfc78840.js";import{g as l}from"./p-a16feeec.js";import{H as r,c as s}from"./p-54cc02c9.js";import{S as c,C as d}from"./p-99402001.js";import"./p-588bc0c0.js";import"./p-8b448a5b.js";import"./p-e3525c00.js";const p=class{constructor(i){e(this,i),this.groupTitle=void 0,this.headingLevel=void 0}connectedCallback(){n(this)}disconnectedCallback(){o(this)}render(){var e;const{el:a,groupTitle:n,headingLevel:o}=this,p=null!==l(a,c.parentItem),m={[d.container]:!0,[d.indented]:p},g=n,h=null===(e=a.closest("calcite-pick-list"))||void 0===e?void 0:e.headingLevel,b=h?s(h+1):null;return i(t,null,g?i(r,{class:d.heading,level:o||b},g):null,i("slot",{name:c.parentItem}),i("section",{class:m},i("slot",null)))}get el(){return a(this)}};p.style=":host{margin-block-end:0.25rem;box-sizing:border-box;display:block;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}:host *{box-sizing:border-box}:host(:last-child){margin-block-end:0px}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.heading{margin-block:0.5rem;margin-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-ui-text-3)}.container--indented{margin-inline-start:1.5rem}:host([hidden]){display:none}[hidden]{display:none}";export{p as calcite_pick_list_group}

package/dist/solutions-components/p-fb74e4a9.js

@@ -0,0 +1,11 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
+ * v1.6.1
+ */
+const t={container:"container",actionsStart:"actions-start",contentStart:"content-start",content:"content",contentEnd:"content-end",actionsEnd:"actions-end"},n={actionsStart:"actions-start",contentStart:"content-start",contentEnd:"content-end",actionsEnd:"actions-end"};export{t as C,n as S}

package/dist/solutions-components/{p-46e0ce0c.entry.js → p-fbd71543.entry.js}

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import{r as i,h as t,g as e}from"./p-9310b882.js";import{c as s,d as a}from"./p-7f271c31.js";import{u as n,c,s as o,d as r}from"./p-2592c0b8.js";import{c as l}from"./p-588bc0c0.js";import{B as h}from"./p-a16feeec.js";import"./p-43ba7a04.js";import"./p-8b448a5b.js";import"./p-e3525c00.js";
+import{r as i,h as t,g as e}from"./p-33613993.js";import{c as s,d as a}from"./p-7f271c31.js";import{u as n,c,s as o,d as r}from"./p-557d4cc5.js";import{c as l}from"./p-588bc0c0.js";import{B as h}from"./p-a16feeec.js";import"./p-43ba7a04.js";import"./p-8b448a5b.js";import"./p-e3525c00.js";
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.

package/dist/solutions-components/{p-29efbf76.entry.js → p-ff863f3d.entry.js}

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import{r as t,c as i,h as e,H as n,g as s}from"./p-9310b882.js";import{g as o,i as a,w as r,a as l}from"./p-a16feeec.js";import{s as c,c as h,d as u,H as d}from"./p-072155f9.js";import{c as p,d as b,u as m}from"./p-ad75b9bb.js";import{n as v}from"./p-43ba7a04.js";import{c as f,d as g,g as x}from"./p-d2d3e4b5.js";import{a as w,s as y,c as k}from"./p-476e5302.js";import{n as z,i as I,p as j,s as C,e as E,c as L,d as D,B as W}from"./p-7f271c31.js";import{c as F}from"./p-588bc0c0.js";import{C as R}from"./p-e3525c00.js";import{u as H,c as N,d as T,s as V}from"./p-2592c0b8.js";import"./p-8b448a5b.js";
+import{r as t,c as i,h as e,H as n,g as s}from"./p-33613993.js";import{g as o,i as a,w as r,a as l}from"./p-a16feeec.js";import{s as c,c as h,d as u,H as d}from"./p-8e9d9e6a.js";import{c as p,d as b,u as m}from"./p-ad75b9bb.js";import{n as v}from"./p-43ba7a04.js";import{c as f,d as g,g as x}from"./p-d2d3e4b5.js";import{a as w,s as y,c as k}from"./p-d74e95e5.js";import{n as z,i as I,p as j,s as C,e as E,c as L,d as D,B as W}from"./p-7f271c31.js";import{c as F}from"./p-588bc0c0.js";import{C as R}from"./p-e3525c00.js";import{u as H,c as N,d as T,s as V}from"./p-557d4cc5.js";import"./p-8b448a5b.js";
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.

package/dist/solutions-components/p-ffbe89cf.entry.js

@@ -0,0 +1,6 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import{r as i,c as t,h as s,H as e,g as a}from"./p-33613993.js";import{l}from"./p-0dab4c93.js";import{g as h,h as n,d as o,e as r,f as d,i as c,j as p,k as g}from"./p-767002cd.js";import{c as b,e as u,f as v}from"./p-2a58e378.js";import{s as y}from"./p-3691a072.js";import{a as m,g as f}from"./p-22833bd3.js";import{d as w,a as S}from"./p-0503c78d.js";import"./p-cc462e38.js";import"./p-e1a4994d.js";const _=class{constructor(s){i(this,s),this.selectionSetChange=t(this,"selectionSetChange",7),this._selectedIds=[],this._selectionLabel="",this._graphics=[],this._featuresCollection={},this.bufferColor=[227,139,79,.8],this.bufferOutlineColor=[255,255,255],this.customLabelEnabled=void 0,this.enabledLayerIds=[],this.defaultBufferDistance=void 0,this.defaultBufferUnit=void 0,this.geometries=[],this.isUpdate=!1,this.layerViews=[],this.mapView=void 0,this.noResultText=void 0,this.searchConfiguration=void 0,this.selectionSet=void 0,this.selectionLayerIds=[],this.selectLayerView=void 0,this.sketchLineSymbol=void 0,this.sketchPointSymbol=void 0,this.sketchPolygonSymbol=void 0,this._numSelected=0,this._searchDistanceEnabled=!1,this._searchTerm=void 0,this._selectionLoading=!1,this._translations=void 0,this._useLayerFeaturesEnabled=!1}async watchGeometriesHandler(i,t){if(i!==t){const t=0===i.length;if(await this._clearResults(t,t),i.length>0)return this._highlightWithOIDsOrGeoms()}}async watchSearchConfigurationHandler(i,t){JSON.stringify(i)!==JSON.stringify(t)&&this._initSearchWidget()}async clearSelection(){return this._clearResults(!0,!0)}async getSelection(){return/\S+/gm.test(this._selectionLabel)||this._updateLabel(),{id:this.isUpdate?this.selectionSet.id:Date.now(),searchResult:this._searchResult,buffer:this._bufferGeometry,distance:this._bufferTools.distance,download:!0,unit:this._bufferTools.unit,label:this._selectionLabel,selectedIds:this._selectedIds,layerView:this.selectLayerView,geometries:this.geometries,graphics:this._graphics,selectLayers:this.layerViews,skipGeomOIDs:this._skipGeomOIDs,searchDistanceEnabled:this._searchDistanceEnabled,workflowType:this._workflowType,useLayerFeaturesEnabled:this._useLayerFeaturesEnabled,sketchGraphic:this._sketchGraphic}}searchConfigurationChangeChanged(i){this.searchConfiguration=i.detail}distanceChanged(i){this._distanceChanged(i.detail)}unitChanged(i){i.detail.newValue!==i.detail.oldValue&&(this._unit=i.detail.newValue,this._updateLabel())}async componentWillLoad(){await this._getTranslations(),await this._initModules()}async componentDidLoad(){await this._init(),await this._searchWidget.when((()=>{this._searchWidget.allPlaceholder=this._translations.placeholder,this._searchWidget.defaultSources.forEach((i=>{i.placeholder=this._translations.placeholder}))}))}render(){return s(e,null,this._getMapLayerPicker(),s("div",{class:"border-bottom"}),s("div",{class:"padding-top-sides-1"},s("div",{class:"search-widget",ref:i=>{this._searchElement=i}}),s("div",{class:"padding-top-1"},s("map-draw-tools",{active:!0,editGraphicsEnabled:!this._useLayerFeaturesEnabled,graphics:this._graphics,mapView:this.mapView,onSketchGraphicsChange:i=>this._sketchGraphicsChanged(i),pointSymbol:this.sketchPointSymbol,polygonSymbol:this.sketchPolygonSymbol,polylineSymbol:this.sketchLineSymbol,ref:i=>{this._drawTools=i}})),this._getBufferOptions(),this._getUseLayerFeaturesOptions(),this._getNumSelected()),s("div",{class:"border-bottom"}),this._getNameInput())}_getBufferOptions(){var i,t;const e=this._searchDistanceEnabled?"search-distance":"div-not-visible",a="number"==typeof(null===(i=this.selectionSet)||void 0===i?void 0:i.distance)?this.selectionSet.distance:this.defaultBufferDistance;return s("div",null,s("div",{class:"padding-top-1 display-flex"},s("calcite-label",{class:"label-margin-0 w-100",layout:"inline-space-between"},s("div",{class:"tooltip-container"},this._translations.searchDistance,s("calcite-icon",{class:"padding-start-1-2 icon",icon:"question",id:"search-distance-icon",scale:"s"}))),s("calcite-popover",{closable:!0,label:"",referenceElement:"search-distance-icon"},s("span",{class:"tooltip-message"},this._translations.useSearchDistanceTootip)),s("calcite-switch",{checked:this._searchDistanceEnabled,onCalciteSwitchChange:()=>this._searchDistanceEnabled=!this._searchDistanceEnabled})),s("div",{class:e},s("buffer-tools",{disabled:!this._searchDistanceEnabled,distance:a,geometries:this.geometries,onBufferComplete:i=>this._bufferComplete(i),ref:i=>this._bufferTools=i,unit:(null===(t=this.selectionSet)||void 0===t?void 0:t.unit)||this.defaultBufferUnit})))}_getUseLayerFeaturesOptions(){const i=this._useLayerFeaturesEnabled?"div-visible":"div-not-visible";return s("div",null,s("div",{class:"padding-top-1 display-flex"},s("calcite-label",{class:"label-margin-0 w-100",layout:"inline-space-between"},s("div",{class:"tooltip-container"},this._translations.useLayerFeatures,s("calcite-icon",{class:"padding-start-1-2 icon",icon:"question",id:"use-layer-features-icon",scale:"s"}))),s("calcite-popover",{closable:!0,label:"",referenceElement:"use-layer-features-icon"},s("span",{class:"tooltip-message"},this._translations.useLayerFeaturesTooltip)),s("calcite-switch",{checked:this._useLayerFeaturesEnabled,onCalciteSwitchChange:()=>{this._useLayerFeaturesEnabledChanged()}})),s("div",{class:i+" padding-top-1"},s("map-layer-picker",{enabledLayerIds:this.selectionLayerIds,mapView:this.mapView,onLayerSelectionChange:i=>{this._layerSelectionChange(i)},selectedIds:this.layerViews.map((i=>i.layer.id))})))}_getNumSelected(){const i=m(this.el),t=i&&"en"===i?`${this._translations.selectionLoading}...`:this._translations.selectionLoading;return s("div",{class:"padding-top-1 padding-bottom-1",style:{"align-items":"end",display:"flex"}},this._selectionLoading?s("div",null,s("calcite-loader",{class:"info-blue",inline:!0,label:t,scale:"m",type:"indeterminate"})):s("calcite-icon",{class:"info-blue padding-end-1-2",icon:"feature-layer",scale:"s"}),s("calcite-input-message",{class:"info-blue",scale:"m"},this._selectionLoading?t:this.noResultText&&0===this._numSelected?this.noResultText:this._translations.selectedFeatures.replace("{{n}}",this._numSelected.toString())))}_getNameInput(){return s("div",{class:"padding-sides-1 padding-top-1 "+(this.customLabelEnabled?"":"display-none")},s("calcite-label",{class:"font-bold"},this._translations.listName,s("calcite-input",{onInput:()=>{this._selectionLabel=this._labelName.value},placeholder:this._translations.listNamePlaceholder,ref:i=>{this._labelName=i},value:this._selectionLabel||""})))}_getMapLayerPicker(){return s("div",{class:"display-flex padding-sides-1 padding-bottom-1"},s("calcite-label",{class:"font-bold width-full label-margin-0"},this._translations.inputLayer,s("map-layer-picker",{enabledLayerIds:this.enabledLayerIds,mapView:this.mapView,onLayerSelectionChange:i=>this._inputLayerSelectionChange(i),selectedIds:this.selectLayerView?[this.selectLayerView.layer.id]:this.selectionSet?[this.selectionSet.layerView.layer.id]:[]})))}async _initModules(){const[i,t,s,e,a]=await l(["esri/layers/GraphicsLayer","esri/Graphic","esri/widgets/Search","esri/geometry/geometryEngine","esri/layers/FeatureLayer"]);this.GraphicsLayer=i,this.Graphic=t,this.Search=s,this._geometryEngine=e,this.FeatureLayer=a}async _init(){this._initGraphicsLayer(),await this._initSelectionSet(),this._initSearchWidget()}async _initSelectionSet(){var i,t,s,e;this.selectionSet&&(this._searchTerm=null===(i=this.selectionSet.searchResult)||void 0===i?void 0:i.name,this._searchResult=this.selectionSet.searchResult,this._selectLayers=this.selectionSet.selectLayers,this._selectedIds=this.selectionSet.selectedIds,this._skipGeomOIDs=this.selectionSet.skipGeomOIDs,this._searchDistanceEnabled=this.selectionSet.searchDistanceEnabled,this._useLayerFeaturesEnabled=this.selectionSet.useLayerFeaturesEnabled,this._distance=this.selectionSet.searchDistanceEnabled?this.selectionSet.distance:0,this._unit=this.selectionSet.unit,this._workflowType=this.selectionSet.workflowType,this.selectLayerView=this.selectionSet.layerView,this._sketchGraphic=this.selectionSet.sketchGraphic,this.geometries=[...(null===(t=this.selectionSet)||void 0===t?void 0:t.geometries)||[]],this._graphics=this.geometries.map((i=>new this.Graphic({geometry:i,symbol:"point"===i.type?this.sketchPointSymbol:"polyline"===i.type?this.sketchLineSymbol:this.sketchPolygonSymbol}))),this._selectionLabel=null===(s=this.selectionSet)||void 0===s?void 0:s.label,this._useLayerFeaturesEnabled||null===(e=this._drawTools)||void 0===e||e.updateGraphics(),await h(this.selectionSet.selectedIds,this.selectionSet.layerView,this.mapView,!1))}_initSearchWidget(){if(this.mapView&&this._searchElement){const i=this._getSearchConfig(this.searchConfiguration,this.mapView),t=Object.assign({view:this.mapView,container:this._searchElement,searchTerm:this._searchTerm},i);this._searchWidget=new this.Search(t),this._searchWidget.popupEnabled=!1,this._searchWidget.resultGraphicEnabled=!1,this._searchWidget.on("search-clear",(()=>{const i=this._searchClearLabel();this._clearResults(!1,i)})),this._searchWidget.on("select-result",(i=>{var t,s;if(i.result){this._searchResult=i.result;const e=(null===(s=null===(t=i.source)||void 0===t?void 0:t.layer)||void 0===s?void 0:s.id)&&i.source.layer.id===this.selectLayerView.layer.id,a=e?[i.result.feature.getObjectId()]:void 0;this._workflowType=b.SEARCH,this._updateLabel();const l=[i.result.feature];this._updateSelection(l,e,a),this._drawTools.graphics=l,this._searchWidget.resultGraphic.visible=!1}else{const i=this._searchClearLabel();this._clearResults(!1,i)}}))}}_searchClearLabel(){var i;return(null===(i=this._searchResult)||void 0===i?void 0:i.name)&&this._labelName.value.indexOf(this._searchResult.name)>-1}_getSearchConfig(i,t){const s=null==i?void 0:i.sources;return(null==s?void 0:s.length)>0?(i.includeDefaultSources=!1,s.forEach((i=>{var s,e;if(i.hasOwnProperty("layer")){const a=i,l=null===(s=a.layer)||void 0===s?void 0:s.id,h=l?t.map.findLayerById(l):null,n=null===(e=null==a?void 0:a.layer)||void 0===e?void 0:e.url;h?a.layer=h:n&&(a.layer=new this.FeatureLayer(n))}})),null==s||s.forEach((i=>{if(i.hasOwnProperty("locator")){const t=i;"ArcGIS World Geocoding Service"===(null==t?void 0:t.name)&&(t.outFields=t.outFields||["Addr_type","Match_addr","StAddr","City"],t.singleLineFieldName="SingleLine"),t.url=t.url,delete t.url}}))):i=Object.assign(Object.assign({},i),{includeDefaultSources:!0}),i}_initGraphicsLayer(){const i=this._translations.bufferLayer,t=this.mapView.map.layers.findIndex((t=>t.title===i));if(t>-1)this._bufferGraphicsLayer=this.mapView.map.layers.getItemAt(t);else{this._bufferGraphicsLayer=new this.GraphicsLayer({title:i,listMode:"hide"}),y.managedLayers.push(i);const t=this.mapView.map.layers.findIndex((i=>i.title===this._translations.sketchLayer));t>-1?this.mapView.map.layers.add(this._bufferGraphicsLayer,t):this.mapView.map.layers.add(this._bufferGraphicsLayer)}}async _sketchGraphicsChanged(i,t=!1){const s=i.detail.graphics;if(s.length>0&&s[0])if(t||(this._sketchGraphic=s[0]),this._workflowType=this._useLayerFeaturesEnabled?b.SELECT:b.SKETCH,this._workflowType===b.SKETCH&&this._drawTools.updateGraphics(),this._updateLabel(),this._clearSearchWidget(),this._useLayerFeaturesEnabled&&!t){const i=Array.isArray(s)?s.map((i=>i.geometry)):this.geometries;await this._selectLayerFeatures(i[0])}else{const t=s.reduce(((i,t)=>{var s;return(null===(s=null==t?void 0:t.layer)||void 0===s?void 0:s.objectIdField)?i.push(t.attributes[t.layer.objectIdField]):t.getObjectId&&i.push(t.getObjectId()),i}),[]),e=i.detail.useOIDs&&t.length>0;this._updateSelection(s,e,t),e&&await this._highlightFeatures(t)}else await this._clearResults(!0,!0)}async _highlightWithOIDsOrGeoms(){var i;return(null===(i=this._skipGeomOIDs)||void 0===i?void 0:i.length)>0?(this._selectedIds=this._skipGeomOIDs,this._highlightFeatures(this._selectedIds)):this._geomQuery(this.geometries)}async _highlightFeatures(i){y.removeHandles(),i.length>0&&y.highlightHandles.push(await n(i,this.selectLayerView,this.mapView)),this._numSelected=i.length,this.selectionSetChange.emit(i.length)}async _selectFeatures(i){this._selectionLoading=!0,this._selectedIds=await o(i,this.selectLayerView.layer),this._selectionLoading=!1,this._drawTools.graphics=this._graphics,await this._highlightFeatures(this._selectedIds)}async _bufferComplete(i){this._bufferGeometry=Array.isArray(i.detail)?i.detail[0]:i.detail;let t=this._bufferTools.distance,s=0;if(this._bufferGeometry){const i=new this.Graphic({geometry:this._bufferGeometry,symbol:{type:"simple-fill",color:this.bufferColor,outline:{color:this.bufferOutlineColor,width:1}}});this._bufferGraphicsLayer.removeAll(),this._bufferGraphicsLayer.add(i),await this._selectFeatures([this._bufferGeometry]),await this.mapView.goTo(i.geometry.extent),s=t,t=0}else this._bufferGraphicsLayer&&this._bufferGraphicsLayer.removeAll(),await this._highlightWithOIDsOrGeoms();this._distanceChanged({oldValue:t,newValue:s})}_geomQuery(i){const t=r(i,this._geometryEngine);return this._selectFeatures(t)}async _clearResults(i=!0,t=!1){var s;this._selectedIds=[],this._distance=void 0,this._unit=void 0,t&&(this._selectionLabel="",this._labelName.value=""),this._bufferGraphicsLayer&&this._bufferGraphicsLayer.removeAll(),i&&this._searchWidget&&this._clearSearchWidget(),y.removeHandles(),(null===(s=this._drawTools)||void 0===s?void 0:s.clear)&&(this._graphics=[],await this._drawTools.clear()),this.selectionSetChange.emit(this._selectedIds.length)}_clearSearchWidget(){this._searchWidget.clear(),this._searchResult=void 0}_updateSelection(i,t,s){this._selectedIds=t&&s?s:this._selectedIds,this._skipGeomOIDs=t?s:void 0,this.geometries=Array.isArray(i)?i.map((i=>i.geometry)):this.geometries,this._graphics=i}_updateLabel(){var i,t;const s=this._selectionLabel.indexOf(this._translations.sketch)>-1,e=this._selectionLabel.indexOf(this._translations.select)>-1,a=this._selectionLabel.indexOf(null===(i=this._searchResult)||void 0===i?void 0:i.name)>-1,l=this._workflowType===b.SEARCH?null===(t=this._searchResult)||void 0===t?void 0:t.name:this._workflowType===b.SELECT?this._translations.select:this._translations.sketch,h=this._unit?this._unit:this._bufferTools.unit,n=isNaN(this._distance)?this._bufferTools.distance:this._distance;this._selectionLabel=s||e||a||!this._selectionLabel?`${l} ${n} ${h}`:this._selectionLabel,this._labelName.value=this._selectionLabel}async _layerSelectionChange(i){if(Array.isArray(i.detail)&&i.detail.length>0){const t=i.detail.map((i=>d(this.mapView,i)));return Promise.all(t).then((i=>{this.layerViews=i,this._featuresCollection={},this._sketchGraphic&&this._sketchGraphicsChanged({detail:{graphics:[this._sketchGraphic],useOIDs:!1}})}))}}async _inputLayerSelectionChange(i){var t;const s=(null===(t=null==i?void 0:i.detail)||void 0===t?void 0:t.length)>0?i.detail[0]:"";this.selectLayerView&&s===this.selectLayerView.layer.id||(this.selectLayerView=await d(this.mapView,s),this._updateLabel(),this._bufferGeometry?await this._selectFeatures([this._bufferGeometry]):await this._highlightWithOIDsOrGeoms())}_distanceChanged(i){i.newValue!==i.oldValue&&(this._distance=i.newValue,this._updateLabel())}async _selectLayerFeatures(i){this._selectionLoading=!0;const t=this.layerViews.map((t=>(this._featuresCollection[t.layer.id]=[],c(0,t.layer,i,this._featuresCollection))));return Promise.all(t).then((async i=>{this._selectionLoading=!1;let t=[];i.forEach((i=>{Object.keys(i).forEach((s=>{t=t.concat(i[s])}))}));let s=!1;t.forEach((i=>{var t;const e=i.geometry;i.symbol="point"===e.type?this.sketchPointSymbol:"polyline"===e.type?this.sketchLineSymbol:"polygon"===e.type?this.sketchPolygonSymbol:void 0,s=(null===(t=null==i?void 0:i.layer)||void 0===t?void 0:t.hasOwnProperty("objectIdField"))||i.hasOwnProperty("getObjectId")}));const e=this.layerViews[0].layer.title===this.selectLayerView.layer.title&&s;await this._sketchGraphicsChanged({detail:{graphics:t,useOIDs:e}},!0)}))}_useLayerFeaturesEnabledChanged(){this._useLayerFeaturesEnabled=!this._useLayerFeaturesEnabled,this._sketchGraphic&&this._sketchGraphicsChanged({detail:{graphics:[this._sketchGraphic],useOIDs:!1}})}async _getTranslations(){const i=await f(this.el);this._translations=i[0]}get el(){return a(this)}static get watchers(){return{geometries:["watchGeometriesHandler"],searchConfiguration:["watchSearchConfigurationHandler"]}}};_.style=':host{display:block}.div-visible{display:inherit}.div-visible-search{display:flex;height:44px;align-items:center;padding-bottom:0}.div-not-visible{display:none}.padding-bottom-1{padding-bottom:1rem}.padding-top-1{padding-top:1rem}.search-widget{width:100% !important;border:1px solid var(--calcite-ui-border-input)}.w-100{width:100%}.w-50{width:50%}.search-distance-container{padding-top:"1rem" !important}.end-border{border-inline-end:1px solid var(--calcite-ui-border-2)}.search-distance{display:flex;padding-top:1rem}.font-bold{font:bold}.border-bottom{border-bottom:1px solid var(--calcite-ui-border-2)}.tooltip-container{display:flex}.padding-start-1-2{padding-inline-start:0.5rem}.icon{--calcite-ui-icon-color:var(--calcite-ui-brand)}.tooltip-message{padding:5px 8px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2)}';const L=Object.freeze({__proto__:null,default:[{descriptionPDF:{labelWidthDisplay:"2-5/8",labelHeightDisplay:"1",labelsPerPageDisplay:"30",averyPartNumber:"*60"},labelSpec:{type:"AVERY",pageProperties:{pageType:"ANSI A",leftMargin:.1875,rightMargin:.1875,topMargin:.5,bottomMargin:.5},numLabelsAcross:3,numLabelsDown:10,labelWidth:2.625,labelHeight:1,horizGapIn:.125,vertGapIn:0,labelPadding:.1,fontSizePx:11,maxNumLabelLines:4}},{descriptionPDF:{labelWidthDisplay:"4",labelHeightDisplay:"1",labelsPerPageDisplay:"20",averyPartNumber:"*61"},labelSpec:{type:"AVERY",pageProperties:{pageType:"ANSI A",leftMargin:.15625,rightMargin:.15625,topMargin:.47637821,bottomMargin:.5},numLabelsAcross:2,numLabelsDown:10,labelWidth:4,labelHeight:1.0025,horizGapIn:.1875,vertGapIn:0,labelPadding:.1,fontSizePx:11,maxNumLabelLines:4}},{descriptionPDF:{labelWidthDisplay:"4",labelHeightDisplay:"1-1/3",labelsPerPageDisplay:"14",averyPartNumber:"*62"},labelSpec:{type:"AVERY",pageProperties:{pageType:"ANSI A",leftMargin:.15625,rightMargin:.15625,topMargin:.81889808,bottomMargin:.83464612},numLabelsAcross:2,numLabelsDown:7,labelWidth:4,labelHeight:1.3352,horizGapIn:.1875,vertGapIn:0,labelPadding:.1,fontSizePx:11,maxNumLabelLines:6}},{descriptionPDF:{labelWidthDisplay:"4",labelHeightDisplay:"2",labelsPerPageDisplay:"10",averyPartNumber:"*63"},labelSpec:{type:"AVERY",pageProperties:{pageType:"ANSI A",leftMargin:.15625,rightMargin:.15625,topMargin:.5,bottomMargin:.5},numLabelsAcross:2,numLabelsDown:5,labelWidth:4,labelHeight:2,horizGapIn:.1875,vertGapIn:0,labelPadding:.1,fontSizePx:12,maxNumLabelLines:10}},{descriptionPDF:{labelWidthDisplay:"4",labelHeightDisplay:"3-1/3",labelsPerPageDisplay:"6",averyPartNumber:"*64"},labelSpec:{type:"AVERY",pageProperties:{pageType:"ANSI A",leftMargin:.15625,rightMargin:.15625,topMargin:.4724412,bottomMargin:.50000027},numLabelsAcross:2,numLabelsDown:3,labelWidth:4,labelHeight:3.342,horizGapIn:.1875,vertGapIn:0,labelPadding:.1,fontSizePx:14,maxNumLabelLines:12}},{descriptionPDF:{labelWidthDisplay:"1-3/4",labelHeightDisplay:"1/2",labelsPerPageDisplay:"80",averyPartNumber:"*67"},labelSpec:{type:"AVERY",pageProperties:{pageType:"ANSI A",leftMargin:.307086375,rightMargin:.307086375,topMargin:.4724412,bottomMargin:.49606326},numLabelsAcross:4,numLabelsDown:20,labelWidth:1.75,labelHeight:.50155,horizGapIn:.29527575,vertGapIn:0,labelPadding:.1,fontSizePx:8,maxNumLabelLines:3}},{descriptionPDF:{labelWidthDisplay:"1-3/4",labelHeightDisplay:"2/3",labelsPerPageDisplay:"60",averyPartNumber:"*95"},labelSpec:{type:"AVERY",pageProperties:{pageType:"ANSI A",leftMargin:.28936983,rightMargin:.28936983,topMargin:.53937037,bottomMargin:.5511814},numLabelsAcross:4,numLabelsDown:15,labelWidth:1.75,labelHeight:.6605,horizGapIn:.30708678,vertGapIn:0,labelPadding:.1,fontSizePx:8,maxNumLabelLines:4}}]}),P=class{constructor(t){i(this,t),this.defaultNumLabelsPerPage=void 0,this.disabled=!1,this._translations=void 0}async downloadCSV(i,t,s=!0){return w(i,!0,t,s)}async downloadPDF(i,t=!1,s="",e=""){var a;return S(i,null===(a=this._labelInfoElement.selectedOption)||void 0===a?void 0:a.value,t,s,e)}async componentWillLoad(){await this._getTranslations(),await this._initModules()}render(){return s(e,null,s("calcite-select",{disabled:this.disabled,label:"",ref:i=>{this._labelInfoElement=i}}))}componentDidLoad(){this._renderOptions()}async _initModules(){const[i]=await l(["esri/intl"]);this._intl=i}_getLabelSizeText(i){const t="&lrm;"+i.descriptionPDF.labelWidthDisplay+" x "+i.descriptionPDF.labelHeightDisplay+"&rlm;";return this._translations.pdfLabel.replace("{{n}}",i.descriptionPDF.labelsPerPageDisplay).replace("{{labelSize}}",t)}async _getTranslations(){const i=await f(this.el);this._translations=i[0]}_renderOptions(){(L.default||L).sort(((i,t)=>{const s=parseInt(i.descriptionPDF.labelsPerPageDisplay,10),e=parseInt(t.descriptionPDF.labelsPerPageDisplay,10);return s<e?-1:s>e?1:0})).forEach(((i,t)=>{const s=document.createElement("calcite-option");s.value=i,s.innerHTML=this._getLabelSizeText(i),this._labelInfoElement.appendChild(s),(this.defaultNumLabelsPerPage?parseInt(i.descriptionPDF.labelsPerPageDisplay,10)===this.defaultNumLabelsPerPage:0===t)&&(s.selected=!0,this._labelInfoElement.selectedOption=s)}))}get el(){return a(this)}};P.style=":host{display:block}";const x=class{constructor(s){i(this,s),this.selectionLoadingChange=t(this,"selectionLoadingChange",7),this.selectionSetsChanged=t(this,"selectionSetsChanged",7),this._addEnabled=!0,this._refineSets=[],this._enabledLayerIds=[],this._featuresCollection={},this.addresseeLayer=void 0,this.enabledLayerIds=[],this.mapView=void 0,this.selectionSets=[],this.sketchLineSymbol=void 0,this.sketchPointSymbol=void 0,this.sketchPolygonSymbol=void 0,this._translations=void 0,this._selectionMode=u.ADD,this._refineLayer=void 0}async componentWillLoad(){await this._getTranslations(),this._enabledLayerIds=this._getEnabledLayerIds(),await this._setRefineSet(this._enabledLayerIds[0])}render(){var i,t;return s(e,null,s("div",{class:(this._enabledLayerIds.length>1?"display-block":"display-none")+" padding-top-sides-1"},s("div",{class:"display-flex"},s("calcite-label",{class:"font-bold width-full label-margin-0"},s("div",{class:"display-flex"},this._translations.inputLayer,s("calcite-icon",{class:"padding-start-1-2 icon",icon:"question",id:"refine-input-layer",scale:"s"})),s("map-layer-picker",{enabledLayerIds:this._enabledLayerIds,mapView:this.mapView,onLayerSelectionChange:i=>{this._layerSelectionChange(i)},ref:i=>{this._layerPicker=i},selectedIds:[this._refineLayer.layer.id]})),s("calcite-popover",{closable:!0,label:"",referenceElement:"refine-input-layer"},s("span",{class:"tooltip-message"},this._translations.inputLayerTip)))),s("div",{class:"padding-1"},s("div",{class:"padding-bottom-1"},s("calcite-segmented-control",{class:"w-100"},s("calcite-segmented-control-item",{checked:this._addEnabled,class:"w-50 word-wrap-anywhere",onClick:()=>this._setSelectionMode(u.ADD),value:u.ADD},s("span",{class:"font-weight-500"},this._translations.add)),s("calcite-segmented-control-item",{checked:!this._addEnabled,class:"w-50 word-wrap-anywhere",onClick:()=>this._setSelectionMode(u.REMOVE),value:u.REMOVE},s("span",{class:"font-weight-500"},this._translations.remove)))),s("div",null,s("map-draw-tools",{active:!0,drawMode:v.REFINE,mapView:this.mapView,onDrawRedo:()=>this._redo(),onDrawUndo:()=>this._undo(),onSketchGraphicsChange:i=>this._sketchGraphicsChanged(i),pointSymbol:this.sketchPointSymbol,polygonSymbol:this.sketchPolygonSymbol,polylineSymbol:this.sketchLineSymbol,redoEnabled:(null===(i=this._refineSelectionSet)||void 0===i?void 0:i.redoStack.length)>0,ref:i=>{this._drawTools=i},undoEnabled:(null===(t=this._refineSelectionSet)||void 0===t?void 0:t.undoStack.length)>0})),s("br",null),s("calcite-list",{class:"list-border"},this._getRefineSelectionSetList())))}_layerSelectionChange(i){this._setRefineSet(i.detail[0])}_setSelectionMode(i){this._selectionMode=i}_sketchGraphicsChanged(i){var t;const s=null===(t=i.detail)||void 0===t?void 0:t.graphics[0].geometry;this._selectFeatures(s)}_getEnabledLayerIds(){return this.selectionSets.reduce(((i,t)=>{var s;const e=null===(s=null==t?void 0:t.layerView)||void 0===s?void 0:s.layer.id;return e&&i.indexOf(e)<0?i.push(e):t.workflowType===b.REFINE&&Object.keys(t.refineInfos).forEach((t=>{i.indexOf(t)<0&&i.push(t)})),i}),[])}async _setRefineSet(i){this.selectionSets.some((t=>{if(t.workflowType===b.REFINE)return this._refineSelectionSet=t,Object.keys(t.refineInfos).indexOf(i)>-1}))||await this._initRefineSet(i,this._refineSelectionSet),this._refineLayer=this._refineSelectionSet.refineInfos[i].layerView}async _initRefineSet(i,t){const s={};s[i]={addIds:[],removeIds:[],layerView:await d(this.mapView,i)},t?t.refineInfos=Object.assign(Object.assign({},t.refineInfos),s):(this._refineSelectionSet={id:Date.now(),searchResult:void 0,buffer:void 0,distance:0,download:!0,unit:"feet",label:"Refine",selectedIds:[],layerView:void 0,geometries:[],graphics:[],selectLayers:[],workflowType:b.REFINE,searchDistanceEnabled:!1,useLayerFeaturesEnabled:!1,refineInfos:s,redoStack:[],undoStack:[],sketchGraphic:void 0},this.selectionSets.push(this._refineSelectionSet))}_undo(){const i=this._refineSelectionSet.undoStack.pop();this._updateIds(i.ids,i.mode===u.ADD?u.REMOVE:u.ADD,this._refineSelectionSet.redoStack,i.layerView)}_redo(){const i=this._refineSelectionSet.redoStack.pop();this._updateIds(i.ids,i.mode===u.ADD?u.REMOVE:u.ADD,this._refineSelectionSet.undoStack,i.layerView)}_getRefineSelectionSetList(){const i=this._getTotal(this.selectionSets);let t;this.selectionSets.some((i=>{if(i.workflowType===b.REFINE)return t=i,!0}));let e=0,a=0;return Object.keys(t.refineInfos).forEach((i=>{e+=t.refineInfos[i].addIds.length,a+=t.refineInfos[i].removeIds.length})),[s("calcite-list-item",{label:this._translations.featuresAdded.replace("{{n}}",e.toString()),"non-interactive":!0}),s("calcite-list-item",{label:this._translations.featuresRemoved.replace("{{n}}",a.toString()),"non-interactive":!0}),s("calcite-list-item",{label:this._translations.totalSelected.replace("{{n}}",i.toString()),"non-interactive":!0})]}_getTotal(i){const t=p(i);return Object.keys(t).reduce(((i,s)=>i+t[s].ids.length),0)}async _getTranslations(){const i=await f(this.el);this._translations=i[0]}async _selectFeatures(i){var t,s;this.selectionLoadingChange.emit(!0),this._featuresCollection[null===(t=this._refineLayer)||void 0===t?void 0:t.layer.id]=[];const e=await c(0,null===(s=this._refineLayer)||void 0===s?void 0:s.layer,i,this._featuresCollection);this.selectionLoadingChange.emit(!1);let a=[];Object.keys(e).forEach((i=>{var t;i===(null===(t=this._refineLayer)||void 0===t?void 0:t.layer.id)&&(a=a.concat(e[i]))}));const l=Array.isArray(a)?a.map((i=>{var t;return i.attributes[null===(t=null==i?void 0:i.layer)||void 0===t?void 0:t.objectIdField]})):[];await this._updateIds(l,this._selectionMode,this._refineSelectionSet.undoStack,this._refineLayer),this._drawTools.clear()}async _highlightFeatures(){this._clearHighlight(),y.highlightHandles=await g(this.selectionSets)}_clearHighlight(){y.removeHandles()}async _updateIds(i,t,s,e){let a=!1;const l=this._refineSelectionSet.refineInfos,h=e.layer.id,n={};n[h]={addIds:[],removeIds:[],layerView:e};const o=Object.keys(l).indexOf(h)>-1?l[h]:n[h];if(t===u.ADD)o.addIds=[...new Set([...i,...o.addIds])],o.addIds.length>0&&s.push({ids:i,mode:t,layerView:e}),o.removeIds.length>0&&(o.removeIds=o.removeIds.filter((t=>i.indexOf(t)<0)));else{const l=this.selectionSets.reduce(((t,s)=>(i.forEach((i=>{s.workflowType!==b.REFINE?s.selectedIds.indexOf(i)>-1&&t.push(i):Object.keys(s.refineInfos).some((a=>{const l=s.refineInfos[a];if(l.layerView.layer.id===e.layer.id&&l.addIds.indexOf(i)>-1)return t.push(i),!0}))})),t)),[]);o.removeIds=[...new Set([...l,...o.removeIds])],o.addIds=o.addIds.filter((i=>l.indexOf(i)<0)),o.removeIds.length>0&&s.push({ids:l,mode:t,layerView:e}),this.selectionSets=this.selectionSets.reduce(((i,t)=>(t.workflowType!==b.REFINE&&t.layerView.layer.id===e.layer.id?(t.selectedIds=t.selectedIds.filter((i=>o.removeIds.indexOf(i)<0)),t.selectedIds.length>0?i.push(t):a=!0):i.push(t),i)),[])}this._refineSelectionSet.refineInfos[h]=o,this.selectionSets=[...this.selectionSets],a&&this.selectionSetsChanged.emit(this.selectionSets),await this._highlightFeatures()}get el(){return a(this)}};x.style=':host{display:block}.div-visible{display:inherit}.div-not-visible{display:none !important}.padding-top-1-2{padding-top:.5rem}.main-label{display:flex;float:left}html[dir="rtl"] .main-label{display:flex;float:right}.border{outline:1px solid var(--calcite-ui-border-input)}.margin-top-1{margin-top:1rem}.esri-sketch{display:flex;flex-flow:column wrap}.esri-widget{box-sizing:border-box;color:#323232;font-size:14px;font-family:"Avenir Next","Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.3em;background-color:var(--calcite-ui-foreground-1)}.esri-sketch__panel{align-items:center;display:flex;flex-flow:row nowrap;padding:0}*/ .esri-sketch__tool-section{border-right:1px solid rgba(110,110,110,.3)}.esri-sketch__section{align-items:center;display:flex;flex-flow:row nowrap;padding:0 7px;margin:6px 0;border-right:1px solid rgba(110,110,110,.3)}.display-flex{display:flex}.font-bold{font-weight:bold}.width-full{width:100%}.label-margin-0{--calcite-label-margin-bottom:0}.padding-start-1-2{padding-inline-start:0.5rem}.font-weight-500{font-weight:500}.word-wrap-anywhere{word-wrap:anywhere}';export{_ as map_select_tools,P as pdf_download,x as refine_selection}