@esri/solutions-components 0.10.17 → 0.10.19

package/dist/solutions-components/p-bae65813.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 t,c as s,h as i,g as e}from"./p-6eb37ed2.js";import{C as a,n,h as o,a as l,o as h,b as r,c,D as d,d as p,e as u,g as f,p as b,f as m,i as g,R as v,H as w,O as C,t as x,j as y,k,S as A,l as S,m as D}from"./p-3792492a.js";import{i as j,a as $,f as z}from"./p-c25e8c35.js";import{c as F,d as O,u as I,I as L}from"./p-1ce2608d.js";import{i as N}from"./p-64a34d92.js";import{c as M,s as P,a as K}from"./p-3e828614.js";import{c as U,d as E}from"./p-304cef31.js";import{r as H,c as R,a as T}from"./p-d9e930c8.js";import{u as q,s as B,c as V,d as J}from"./p-1017609e.js";import{t as W}from"./p-29edb87c.js";import"./p-aaa56cbf.js";import"./p-8bfa18b7.js";import"./p-4b9b7778.js";import"./p-1c249530.js";import"./p-c8d3207e.js";const X=class{constructor(e){t(this,e),this.calciteColorPickerChange=s(this,"calciteColorPickerChange",6),this.calciteColorPickerInput=s(this,"calciteColorPickerInput",6),this.internalColorUpdateContext=null,this.isActiveChannelInputEmpty=!1,this.mode=a.HEX,this.shiftKeyChannelAdjustment=0,this.upOrDownArrowKeyTracker=null,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 a=e[i]*s,n=this.baseColorFieldColor.hue(),o=this.baseColorFieldColor.hue(n+a);this.internalColorSet(o,!1)}},this.handleHexInputChange=t=>{t.stopPropagation();const{isClearable:s,color:i}=this,e=t.target.value;!s||e?e!==(i&&n(o(i,u(this.mode))))&&this.internalColorSet(l(e)):this.internalColorSet(null)},this.handleSavedColorSelect=t=>{this.internalColorSet(l(t.currentTarget.color))},this.handleChannelInput=t=>{const s=t.currentTarget,i=Number(s.getAttribute("data-channel-index")),e=3===i?C.max:"rgb"===this.channelMode?v[Object.keys(v)[i]]:w[Object.keys(w)[i]];let a;if(s.value){const t=Number(s.value);a=R(t+this.shiftKeyChannelAdjustment,0,e).toString()}else a="",this.isActiveChannelInputEmpty=!0,this.upOrDownArrowKeyTracker=null;s.value=a,(""!==a&&0!==this.shiftKeyChannelAdjustment||""!==a)&&this.handleChannelChange(t)},this.handleChannelBlur=t=>{const s=t.currentTarget,i=Number(s.getAttribute("data-channel-index")),e=[...this.channels];!s.value&&!this.isClearable&&(s.value=e[i]?.toString())},this.handleChannelFocus=t=>{t.currentTarget.selectText()},this.handleChannelChange=t=>{const s=t.currentTarget,i=Number(s.getAttribute("data-channel-index")),e=[...this.channels];if(this.isClearable&&!s.value)return this.channels=[null,null,null,null],void this.internalColorSet(null);const a=3===i;this.isActiveChannelInputEmpty&&this.upOrDownArrowKeyTracker&&(s.value="up"===this.upOrDownArrowKeyTracker?(e[i]+1<=this.getChannelInputLimit(i)?e[i]+1:this.getChannelInputLimit(i)).toString():(e[i]-1>=0?e[i]-1:0).toString(),this.isActiveChannelInputEmpty=!1,this.upOrDownArrowKeyTracker=null);const n=s.value?Number(s.value):e[i];e[i]=a?h(n):n,this.updateColorFromChannels(e)},this.handleSavedColorKeyDown=t=>{N(t.key)&&(t.preventDefault(),this.handleSavedColorSelect(t))},this.handleColorFieldPointerDown=t=>{this.handleCanvasControlPointerDown(t,this.colorFieldRenderingContext,this.captureColorFieldColor,this.colorFieldScopeNode)},this.handleHueSliderPointerDown=t=>{this.handleCanvasControlPointerDown(t,this.hueSliderRenderingContext,this.captureHueSliderColor,this.hueScopeNode)},this.handleOpacitySliderPointerDown=t=>{this.handleCanvasControlPointerDown(t,this.opacitySliderRenderingContext,this.captureOpacitySliderValue,this.opacityScopeNode)},this.globalPointerUpHandler=t=>{if(!j(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:a}=s;let n,o;const{clientX:l,clientY:h}=t;e.canvas.matches(":hover")?(n=l-a.x,o=h-a.y):(n=l<a.x+a.width&&l>a.x?l-a.x:l<a.x?0:a.width,o=h<a.y+a.height&&h>a.y?h-a.y:h<a.y?0:a.height),e===this.colorFieldRenderingContext?this.captureColorFieldColor(n,o,!1):e===this.hueSliderRenderingContext?this.captureHueSliderColor(n):e===this.opacitySliderRenderingContext&&this.captureOpacitySliderValue(n)},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:r.colorMode,"data-color-mode":t,key:t,onCalciteTabsActivate:this.handleTabActivate,selected:t===s},"rgb"===t?e.rgb:e.hsv)},this.renderChannelsTab=t=>{const{isClearable:s,channelMode:e,channels:a,messages:n,alphaChannel:o}=this,l=t===e,h="rgb"===t?[n.red,n.green,n.blue]:[n.hue,n.saturation,n.value],d=$(this.el),p=o?a:a.slice(0,3);return i("calcite-tab",{class:r.control,key:t,selected:l},i("div",{class:r.channels,dir:"ltr"},p.map(((t,i)=>{const e=3===i;return e&&(t=s&&!t?t:c(t)),this.renderChannel(t,i,h[i],d,e?"%":"")}))))},this.renderChannel=(t,s,e,a,n)=>i("calcite-input-number",{class:r.channel,"data-channel-index":s,dir:a,key:s,label:e,lang:this.effectiveLocale,numberButtonType:"none",numberingSystem:this.numberingSystem,onCalciteInputNumberChange:this.handleChannelChange,onCalciteInputNumberInput:this.handleChannelInput,onCalciteInternalInputNumberBlur:this.handleChannelBlur,onCalciteInternalInputNumberFocus:this.handleChannelFocus,onKeyDown:this.handleKeyDown,scale:"l"===this.scale?"m":"s",style:{marginLeft:s>0&&("s"!==this.scale||!this.alphaChannel||3!==s)?"-1px":""},suffixText:n,value:t?.toString()}),this.deleteColor=()=>{const t=o(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(`${S}${this.storageId}`,JSON.stringify(s))},this.saveColor=()=>{const t=o(this.color,this.alphaChannel);if(this.savedColors.indexOf(t)>-1)return;const s=[...this.savedColors,t];this.savedColors=s,this.storageId&&localStorage.setItem(`${S}${this.storageId}`,JSON.stringify(s))},this.drawColorControls=W(((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:a}}}=this,n=Math.round(w.s/a*t),o=Math.round(w.v/e*(e-s));this.internalColorSet(this.baseColorFieldColor.hsv().saturationv(n).value(o),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=>{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 a=e[i]*s,n=this.baseColorFieldColor.alpha(),o=this.baseColorFieldColor.alpha(n+a);this.internalColorSet(o,!1)}},this.allowEmpty=!1,this.alphaChannel=!1,this.channelsDisabled=!1,this.clearable=!1,this.color=d,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=n(o(d,this.alphaChannel)),this.channelMode="rgb",this.channels=this.toChannels(d),this.defaultMessages=void 0,this.dimensions=p.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}handleAllowEmptyOrClearableChange(){this.isClearable=this.clearable||this.allowEmpty}handleAlphaChannelChange(t){const{format:s}=this;t&&"auto"!==s&&!u(s)&&(console.warn(`ignoring alphaChannel as the current format (${s}) does not support alpha`),this.alphaChannel=!1)}handleAlphaChannelDimensionsChange(){this.effectiveSliderWidth=f(this.dimensions,this.alphaChannel),this.drawColorControls()}handleColorChange(t,s){this.drawColorControls(),this.updateChannelsFromColor(t),this.previousColor=s}handleFormatOrAlphaChannelChange(){this.setMode(this.format),this.internalColorSet(this.color,!1,"internal")}handleScaleChange(t="m"){this.updateDimensions(t),this.updateCanvasSize("all"),this.drawColorControls()}onMessagesChange(){}handleValueChange(t,s){const{isClearable:i,format:e}=this;let a=!1;if(!i||t){const i=b(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 o=i&&!t?null:l(null!=t&&"object"==typeof t&&u(this.mode)?m(t):t),h=!g(o,this.color);(a||h)&&this.internalColorSet(o,this.alphaChannel&&!(this.mode.endsWith("a")||this.mode.endsWith("a-css")),"internal")}get baseColorFieldColor(){return this.color||this.previousColor||d}effectiveLocaleChange(){q(this,this.effectiveLocale)}handleChannelKeyUpOrDown(t){this.shiftKeyChannelAdjustment=0;const{key:s}=t;if("ArrowUp"!==s&&"ArrowDown"!==s||!t.composedPath().some((t=>t.classList?.contains(r.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,"ArrowUp"===s&&(this.upOrDownArrowKeyTracker="up"),"ArrowDown"===s&&(this.upOrDownArrowKeyTracker="down")}getChannelInputLimit(t){return"rgb"===this.channelMode?v[Object.keys(v)[t]]:w[Object.keys(w)[t]]}focusScope(t){requestAnimationFrame((()=>{t.focus()}))}handleCanvasControlPointerDown(t,s,i,e){j(t)&&(window.addEventListener("pointermove",this.globalPointerMoveHandler),window.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:s,bounds:s.canvas.getBoundingClientRect()},i.call(this,t.offsetX,t.offsetY),this.focusScope(e))}async setFocus(){await M(this),z(this.el)}async componentWillLoad(){P(this),this.handleAllowEmptyOrClearableChange(),this.handleAlphaChannelDimensionsChange();const{isClearable:t,color:s,format:i,value:e}=this,a=t&&!e,n=b(e),o=a||"auto"===i&&n||i===n,h=a?null:o?l(e):s;o||this.showIncompatibleColorWarning(e,i),this.setMode(i,!1),this.internalColorSet(h,!1,"initial"),this.updateDimensions(this.scale);const r=`${S}${this.storageId}`;this.storageId&&localStorage.getItem(r)&&(this.savedColors=JSON.parse(localStorage.getItem(r))),await B(this)}connectedCallback(){F(this),U(this),V(this)}componentDidLoad(){K(this)}disconnectedCallback(){window.removeEventListener("pointermove",this.globalPointerMoveHandler),window.removeEventListener("pointerup",this.globalPointerUpHandler),O(this),E(this),J(this)}componentDidRender(){I(this)}render(){const{channelsDisabled:t,color:s,colorFieldScopeLeft:e,colorFieldScopeTop:a,dimensions:{thumb:{radius:n}},hexDisabled:l,hideChannels:h,hideHex:p,hideSaved:u,hueScopeLeft:f,messages:b,alphaChannel:m,opacityScopeLeft:g,savedColors:v,savedDisabled:x,scale:y,scopeOrientation:k}=this,A=this.effectiveSliderWidth,S=s?o(s,m):null,D=n,j=f??A*d.hue()/w.h,$=n,z=g??A*c(d.alpha())/C.max,F=null===s,O="vertical"===k,I=l||p,N=t||h,M=x||u,[P,K]=this.getAdjustedScopePosition(e,a),[U,E]=this.getAdjustedScopePosition(j,D),[H,R]=this.getAdjustedScopePosition(z,$);return i(L,{key:"cd7c2469429382b1adee89c87c4774160795203c",disabled:this.disabled},i("div",{key:"dd6809c82d3ffe64b8eaebd0669e7f61c0ea87d1",class:r.container},i("div",{key:"888c08c46fec112861b076c3cf24b9be7b4a66cd",class:r.controlAndScope},i("canvas",{key:"23631c824c61abb2a3ca74e35bffc8be0364a052",class:r.colorField,onPointerDown:this.handleColorFieldPointerDown,ref:this.initColorField}),i("div",{key:"a5271bbe3c4f45e3cf7736dd8f4201f54420bfb7","aria-label":O?b.value:b.saturation,"aria-valuemax":O?w.v:w.s,"aria-valuemin":"0","aria-valuenow":(O?s?.saturationv():s?.value())||"0",class:{[r.scope]:!0,[r.colorFieldScope]:!0},onKeyDown:this.handleColorFieldScopeKeyDown,ref:this.storeColorFieldScope,role:"slider",style:{top:`${K||0}px`,left:`${P||0}px`},tabindex:"0"})),i("div",{key:"eee6c10107513fd46316d2ba7510977b72771cd2",class:r.previewAndSliders},i("calcite-color-picker-swatch",{key:"964481e1c6c6c050df076e8cdc9d7e5b2cbeec79",class:r.preview,color:S,scale:this.alphaChannel?"l":this.scale}),i("div",{key:"f915032fe532e140005b0ff1253b0a971a17b079",class:r.sliders},i("div",{key:"2bcb609ce36df2d0f75abb767ee6dc88c0c9ea3b",class:r.controlAndScope},i("canvas",{key:"99e268a194b785a8ec97fed67a523c602def2a94",class:{[r.slider]:!0,[r.hueSlider]:!0},onPointerDown:this.handleHueSliderPointerDown,ref:this.initHueSlider}),i("div",{key:"4cdc0f98048a48e070430bf4f1f817571534f31b","aria-label":b.hue,"aria-valuemax":w.h,"aria-valuemin":"0","aria-valuenow":s?.round().hue()||d.round().hue(),class:{[r.scope]:!0,[r.hueScope]:!0},onKeyDown:this.handleHueScopeKeyDown,ref:this.storeHueScope,role:"slider",style:{top:`${E}px`,left:`${U}px`},tabindex:"0"})),m?i("div",{class:r.controlAndScope},i("canvas",{class:{[r.slider]:!0,[r.opacitySlider]:!0},onPointerDown:this.handleOpacitySliderPointerDown,ref:this.initOpacitySlider}),i("div",{"aria-label":b.opacity,"aria-valuemax":C.max,"aria-valuemin":C.min,"aria-valuenow":(s||d).round().alpha(),class:{[r.scope]:!0,[r.opacityScope]:!0},onKeyDown:this.handleOpacityScopeKeyDown,ref:this.storeOpacityScope,role:"slider",style:{top:`${R}px`,left:`${H}px`},tabindex:"0"})):null)),I&&N?null:i("div",{class:{[r.controlSection]:!0,[r.section]:!0}},i("div",{class:r.hexAndChannelsGroup},I?null:i("div",{class:r.hexOptions},i("calcite-color-picker-hex-input",{allowEmpty:this.isClearable,alphaChannel:m,class:r.control,messages:b,numberingSystem:this.numberingSystem,onCalciteColorPickerHexInputChange:this.handleHexInputChange,scale:y,value:S})),N?null:i("calcite-tabs",{class:{[r.colorModeContainer]:!0,[r.splitSection]:!0},scale:"l"===y?"m":"s"},i("calcite-tab-nav",{slot:"title-group"},this.renderChannelsTabTitle("rgb"),this.renderChannelsTabTitle("hsv")),this.renderChannelsTab("rgb"),this.renderChannelsTab("hsv")))),M?null:i("div",{class:{[r.savedColorsSection]:!0,[r.section]:!0}},i("div",{class:r.header},i("label",null,b.saved),i("div",{class:r.savedColorsButtons},i("calcite-button",{appearance:"transparent",class:r.deleteColor,disabled:F,iconStart:"minus",kind:"neutral",label:b.deleteColor,onClick:this.deleteColor,scale:y,type:"button"}),i("calcite-button",{appearance:"transparent",class:r.saveColor,disabled:F,iconStart:"plus",kind:"neutral",label:b.saveColor,onClick:this.saveColor,scale:y,type:"button"}))),v.length>0?i("div",{class:r.savedColors},[...v.map((t=>i("calcite-color-picker-swatch",{class:r.savedColor,color:t,key:t,onClick:this.handleSavedColorSelect,onKeyDown:this.handleSavedColorKeyDown,scale:y,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=u(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=x(t);return s&&console.warn(`setting format to (${i}) as the provided one (${t}) does not support alpha`),i}return t}captureHueSliderColor(t){this.internalColorSet(this.baseColorFieldColor.hue(k/this.effectiveSliderWidth*t),!1)}captureOpacitySliderValue(t){const s=h(C.max/this.effectiveSliderWidth*t);this.internalColorSet(this.baseColorFieldColor.alpha(s),!1)}internalColorSet(t,s=!0,i="user-interaction"){s&&g(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===a.HEXA;return n(o(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[x(s)]().round().object();return s.endsWith("a")?y(i):i}getSliderCapSpacing(){const{dimensions:{slider:{height:t},thumb:{radius:s}}}=this;return 2*s-t}updateDimensions(t="m"){this.dimensions=p[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 a=t.createLinearGradient(0,0,0,s);a.addColorStop(0,"rgba(0,0,0,0)"),a.addColorStop(1,"rgba(0,0,0,1)"),t.fillStyle=a,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"){const{dimensions:s}=this;"all"!==t&&"color-field"!==t||this.setCanvasContextSize(this.colorFieldRenderingContext?.canvas,s.colorField);const i={width:this.effectiveSliderWidth,height:s.slider.height+2*(s.thumb.radius-s.slider.height/2)};"all"!==t&&"hue-slider"!==t||this.setCanvasContextSize(this.hueSliderRenderingContext?.canvas,i),"all"!==t&&"opacity-slider"!==t||this.setCanvasContextSize(this.opacitySliderRenderingContext?.canvas,i)}drawActiveColorFieldColor(){const{color:t}=this;if(!t)return;const s=t.hsv(),{dimensions:{colorField:{height:i,width:e},thumb:{radius:a}}}=this,n=s.saturationv()/(w.s/e),o=i-s.value()/(w.v/i);requestAnimationFrame((()=>{this.colorFieldScopeLeft=n,this.colorFieldScopeTop=o})),this.drawThumb(this.colorFieldRenderingContext,a,n,o,s,!1)}drawThumb(t,s,i,e,a,n){const o=2*Math.PI;if(t.beginPath(),t.arc(i,e,s,0,o),t.fillStyle="#fff",t.fill(),t.strokeStyle="rgba(0,0,0,0.3)",t.lineWidth=1,t.stroke(),n&&a.alpha()<1){const a=t.createPattern(this.getCheckeredBackgroundPattern(),"repeat");t.beginPath(),t.arc(i,e,s-3,0,o),t.fillStyle=a,t.fill()}t.globalCompositeOperation="source-atop",t.beginPath(),t.arc(i,e,s-3,0,o);const l=n?a.alpha():1;t.fillStyle=a.rgb().alpha(l).string(),t.fill(),t.globalCompositeOperation="source-over"}drawActiveHueSliderColor(){const{color:t}=this;if(!t)return;const s=t.hsv().saturationv(100).value(100),{dimensions:{thumb:{radius:i}}}=this,e=this.effectiveSliderWidth,a=s.hue()/(k/e),n=i,o=this.getSliderBoundX(a,e,i);requestAnimationFrame((()=>{this.hueScopeLeft=o})),this.drawThumb(this.hueSliderRenderingContext,i,o,n,s,!1)}drawHueSlider(){const t=this.hueSliderRenderingContext,{dimensions:{slider:{height:s},thumb:{radius:i}}}=this,e=i-s/2,a=this.effectiveSliderWidth,n=t.createLinearGradient(0,0,a,0),o=["red","yellow","lime","cyan","blue","magenta","#ff0004"],h=1/(o.length-1);let r=0;o.forEach((t=>{n.addColorStop(r,l(t).string()),r+=h})),t.clearRect(0,0,a,s+2*this.getSliderCapSpacing()),this.drawSliderPath(t,s,a,0,e),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},thumb:{radius:e}}}=this,a=e-i/2,n=this.effectiveSliderWidth;t.clearRect(0,0,n,i+2*this.getSliderCapSpacing());const o=t.createLinearGradient(0,a,n,0),l=s.rgb().alpha(0),h=s.rgb().alpha(.5),r=s.rgb().alpha(1);o.addColorStop(0,l.string()),o.addColorStop(.5,h.string()),o.addColorStop(1,r.string()),this.drawSliderPath(t,i,n,0,a);const c=t.createPattern(this.getCheckeredBackgroundPattern(),"repeat");t.fillStyle=c,t.fill(),t.fillStyle=o,t.fill(),t.strokeStyle="rgba(0,0,0,0.3)",t.lineWidth=1,t.stroke(),this.drawActiveOpacitySliderColor()}drawSliderPath(t,s,i,e,a){const n=s/2+1;t.beginPath(),t.moveTo(e+n,a),t.lineTo(e+i-n,a),t.quadraticCurveTo(e+i,a,e+i,a+n),t.lineTo(e+i,a+s-n),t.quadraticCurveTo(e+i,a+s,e+i-n,a+s),t.lineTo(e+n,a+s),t.quadraticCurveTo(e,a+s,e,a+s-n),t.lineTo(e,a+n),t.quadraticCurveTo(e,a,e+n,a),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:{thumb:{radius:i}}}=this,e=this.effectiveSliderWidth,a=c(s.alpha())/(C.max/e),n=i,o=this.getSliderBoundX(a,e,i);requestAnimationFrame((()=>{this.opacityScopeLeft=o})),this.drawThumb(this.opacitySliderRenderingContext,i,o,n,s,!0)}getSliderBoundX(t,s,i){const e=T(t,s,i);return 0===e?t:-1===e?H(t,0,s,i,2*i):H(t,0,s,s-2*i,s-i)}updateColorFromChannels(t){this.internalColorSet(l(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-A/2,s-A/2]}static get assetsDirs(){return["assets"]}get el(){return e(this)}static get watchers(){return{allowEmpty:["handleAllowEmptyOrClearableChange"],clearable:["handleAllowEmptyOrClearableChange"],alphaChannel:["handleAlphaChannelChange","handleAlphaChannelDimensionsChange","handleFormatOrAlphaChannelChange"],dimensions:["handleAlphaChannelDimensionsChange"],color:["handleColorChange"],format:["handleFormatOrAlphaChannelChange"],scale:["handleScaleChange"],messageOverrides:["onMessagesChange"],value:["handleValueChange"],effectiveLocale:["effectiveLocaleChange"]}}};X.style=':host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-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}.interaction-container{display:contents}: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-color-foreground-1);display:inline-block;border:1px solid var(--calcite-color-border-1)}.control-and-scope{position:relative;display:flex;cursor:pointer;touch-action:none}.color-field,.control-and-scope{-webkit-user-select:none;-moz-user-select:none;user-select:none}.scope{pointer-events:none;position:absolute;z-index:var(--calcite-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-color-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          );outline-offset:6px}.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);gap:var(--calcite-spacing-xxs)}.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-color-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-color-brand);outline-offset:2px}.saved-color:hover{transition:outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;outline:2px solid var(--calcite-color-border-2);outline-offset:2px}:host([hidden]){display:none}[hidden]{display:none}';export{X as calcite_color_picker}

package/dist/solutions-components/p-bb0f549a.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{d as _}from"./p-924ec704.js";import"./p-6eb37ed2.js";import"./p-66b01781.js";import"./p-c25e8c35.js";import"./p-aaa56cbf.js";import"./p-8bfa18b7.js";import"./p-1ce2608d.js";import"./p-4b9b7778.js";import"./p-64a34d92.js";import"./p-7c854814.js";import"./p-27d462c0.js";import"./p-3e828614.js";import"./p-304cef31.js";import"./p-1c249530.js";import"./p-c40b0ec5.js";import"./p-0ef9d36b.js";import"./p-f6f2018a.js";import"./p-d9e930c8.js";import"./p-1017609e.js";import"./p-ef67c743.js";import"./p-14f027b5.js";var p="січня_лютого_березня_квітня_травня_червня_липня_серпня_вересня_жовтня_листопада_грудня".split("_"),m="січень_лютий_березень_квітень_травень_червень_липень_серпень_вересень_жовтень_листопад_грудень".split("_"),r=/D[oD]?(\[[^[\]]*\]|\s)+MMMM?/;function t(_,p,m){var r,t;return"m"===m?p?"хвилина":"хвилину":"h"===m?p?"година":"годину":_+" "+(r=+_,t={ss:p?"секунда_секунди_секунд":"секунду_секунди_секунд",mm:p?"хвилина_хвилини_хвилин":"хвилину_хвилини_хвилин",hh:p?"година_години_годин":"годину_години_годин",dd:"день_дні_днів",MM:"місяць_місяці_місяців",yy:"рік_роки_років"}[m].split("_"),r%10==1&&r%100!=11?t[0]:r%10>=2&&r%10<=4&&(r%100<10||r%100>=20)?t[1]:t[2])}var s=function(_,t){return r.test(t)?p[_.month()]:m[_.month()]};s.s=m,s.f=p;var o={name:"uk",weekdays:"неділя_понеділок_вівторок_середа_четвер_п’ятниця_субота".split("_"),weekdaysShort:"ндл_пнд_втр_срд_чтв_птн_сбт".split("_"),weekdaysMin:"нд_пн_вт_ср_чт_пт_сб".split("_"),months:s,monthsShort:"січ_лют_бер_квіт_трав_черв_лип_серп_вер_жовт_лист_груд".split("_"),weekStart:1,relativeTime:{future:"за %s",past:"%s тому",s:"декілька секунд",m:t,mm:t,h:t,hh:t,d:"день",dd:t,M:"місяць",MM:t,y:"рік",yy:t},ordinal:function(_){return _},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D MMMM YYYY р.",LLL:"D MMMM YYYY р., HH:mm",LLLL:"dddd, D MMMM YYYY р., HH:mm"}};_.locale(o,null,!0);export{o as default}

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

@@ -0,0 +1,11 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import{r as t,c as e,h as i,H as s,g as o}from"./p-6eb37ed2.js";import{f as a,t as n,d as c,e as r}from"./p-c25e8c35.js";import{f as l,c as d,d as h,a as p,F as m,r as f}from"./p-8bb2c169.js";import{g as b}from"./p-aaa56cbf.js";import{c as u,u as w,d as g,I as v}from"./p-1ce2608d.js";import{i as y}from"./p-64a34d92.js";import{c as k,s as x,a as D}from"./p-3e828614.js";import{c as I}from"./p-1c249530.js";import{o as z}from"./p-79f5a8be.js";import{g as E}from"./p-27d462c0.js";import{C}from"./p-b5575639.js";import"./p-8bfa18b7.js";import"./p-4b9b7778.js";import"./p-c8d3207e.js";
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.2
+ */const H=class{constructor(i){t(this,i),this.calciteDropdownSelect=e(this,"calciteDropdownSelect",6),this.calciteDropdownBeforeClose=e(this,"calciteDropdownBeforeClose",6),this.calciteDropdownClose=e(this,"calciteDropdownClose",6),this.calciteDropdownBeforeOpen=e(this,"calciteDropdownBeforeOpen",6),this.calciteDropdownOpen=e(this,"calciteDropdownOpen",6),this.items=[],this.groups=[],this.mutationObserver=I("mutation",(()=>this.updateItems())),this.resizeObserver=I("resize",(t=>this.resizeObserverCallback(t))),this.openTransitionProp="opacity",this.guid=`calcite-dropdown-${b()}`,this.setFilteredPlacements=()=>{const{el:t,flipPlacements:e}=this;this.filteredFlipPlacements=e?l(e,t):null},this.updateTriggers=t=>{this.triggers=t.target.assignedElements({flatten:!0}),this.reposition(!0)},this.updateItems=()=>{this.items=this.groups.map((t=>Array.from(t?.querySelectorAll("calcite-dropdown-item")))).reduce(((t,e)=>[...t,...e]),[]),this.updateSelectedItems(),this.reposition(!0),this.items.forEach((t=>t.scale=this.scale))},this.updateGroups=t=>{const e=t.target.assignedElements({flatten:!0}).filter((t=>t?.matches("calcite-dropdown-group")));this.groups=e,this.updateItems(),this.updateGroupScale()},this.resizeObserverCallback=t=>{t.forEach((t=>{const{target:e}=t;e===this.referenceEl?this.setDropdownWidth():e===this.scrollerEl&&this.setMaxScrollerHeight()}))},this.setDropdownWidth=()=>{const{referenceEl:t,scrollerEl:e}=this,i=t?.clientWidth;i&&e&&(e.style.minWidth=`${i}px`)},this.setMaxScrollerHeight=()=>{const{scrollerEl:t}=this;if(!t)return;this.reposition(!0);const e=this.getMaxScrollerHeight();t.style.maxHeight=e>0?`${e}px`:"",this.reposition(!0)},this.setScrollerAndTransitionEl=t=>{this.resizeObserver.observe(t),this.scrollerEl=t,this.transitionEl=t},this.setReferenceEl=t=>{this.referenceEl=t,d(this,this.referenceEl,this.floatingEl),this.resizeObserver.observe(t)},this.setFloatingEl=t=>{this.floatingEl=t,d(this,this.referenceEl,this.floatingEl)},this.keyDownHandler=t=>{if(!t.composedPath().includes(this.referenceEl))return;const{defaultPrevented:e,key:i}=t;if(!e){if(this.open){if("Escape"===i)return this.closeCalciteDropdown(),void t.preventDefault();if(t.shiftKey&&"Tab"===i)return this.closeCalciteDropdown(),void t.preventDefault()}y(i)?(this.openCalciteDropdown(),t.preventDefault()):"Escape"===i&&(this.closeCalciteDropdown(),t.preventDefault())}},this.focusOnFirstActiveOrFirstItem=()=>{this.getFocusableElement(this.getTraversableItems().find((t=>t.selected))||this.items[0])},this.toggleOpenEnd=()=>{this.focusOnFirstActiveOrFirstItem(),this.el.removeEventListener("calciteDropdownOpen",this.toggleOpenEnd)},this.openCalciteDropdown=()=>{this.open=!this.open,this.open&&this.el.addEventListener("calciteDropdownOpen",this.toggleOpenEnd)},this.open=!1,this.closeOnSelectDisabled=!1,this.disabled=!1,this.flipPlacements=void 0,this.maxItems=0,this.overlayPositioning="absolute",this.placement=h,this.selectedItems=[],this.type="click",this.widthScale=void 0,this.scale="m"}openHandler(){z(this),this.disabled?this.open=!1:this.reposition(!0)}handleDisabledChange(t){t||(this.open=!1)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}maxItemsHandler(){this.setMaxScrollerHeight()}overlayPositioningHandler(){this.reposition(!0)}placementHandler(){this.reposition(!0)}handlePropsChange(){this.updateItems(),this.updateGroupScale()}async setFocus(){await k(this),a(this.referenceEl)}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.setFilteredPlacements(),this.open&&(this.openHandler(),z(this)),u(this),this.updateItems(),d(this,this.referenceEl,this.floatingEl)}componentWillLoad(){x(this)}componentDidLoad(){D(this),d(this,this.referenceEl,this.floatingEl)}componentDidRender(){w(this)}disconnectedCallback(){this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),g(this),p(this,this.referenceEl,this.floatingEl)}render(){const{open:t,guid:e}=this;return i(s,{key:"4b3349c1645b7d39263a20b688f7645d92148f23"},i(v,{key:"db1d56073b9f9db2fbf6eaef824e3f12411dd174",disabled:this.disabled},i("div",{key:"05de1bb5f3641147441f18eaeae104acb06e47c6",class:"calcite-trigger-container",id:`${e}-menubutton`,onClick:this.openCalciteDropdown,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},i("slot",{key:"39b976c808c4f44983f2d6a056bb128537cf1aae","aria-controls":`${e}-menu`,"aria-expanded":n(t),"aria-haspopup":"menu",name:"trigger",onSlotchange:this.updateTriggers})),i("div",{key:"57ba0f8d3632febcab69b706a73a910f54f09b62","aria-hidden":n(!t),class:"calcite-dropdown-wrapper",ref:this.setFloatingEl},i("div",{key:"ae7505fa472d323ad6aed6ea0dd2ab7fdf8e7e59","aria-labelledby":`${e}-menubutton`,class:{"calcite-dropdown-content":!0,[m.animation]:!0,[m.animationActive]:t},id:`${e}-menu`,ref:this.setScrollerAndTransitionEl,role:"menu"},i("slot",{key:"ae94137311b106fbed88dfde346002d87e4efcbb",onSlotchange:this.updateGroups})))))}async reposition(t=!1){const{floatingEl:e,referenceEl:i,placement:s,overlayPositioning:o,filteredFlipPlacements:a}=this;return f(this,{floatingEl:e,referenceEl:i,overlayPositioning:o,placement:s,flipPlacements:a,type:"menu"},t)}closeCalciteDropdownOnClick(t){this.disabled||!this.open||t.composedPath().includes(this.el)||this.closeCalciteDropdown(!1)}closeCalciteDropdownOnEvent(t){this.closeCalciteDropdown(),t.stopPropagation()}closeCalciteDropdownOnOpenEvent(t){t.composedPath().includes(this.el)||(this.open=!1)}pointerEnterHandler(){this.disabled||"hover"!==this.type||this.openCalciteDropdown()}pointerLeaveHandler(){this.disabled||"hover"!==this.type||this.closeCalciteDropdown()}getTraversableItems(){return this.items.filter((t=>!t.disabled&&!t.hidden))}calciteInternalDropdownItemKeyEvent(t){const{keyboardEvent:e}=t.detail,i=e.target,s=this.getTraversableItems();switch(e.key){case"Tab":this.open=!1,this.updateTabIndexOfItems(i);break;case"ArrowDown":c(s,i,"next");break;case"ArrowUp":c(s,i,"previous");break;case"Home":c(s,i,"first");break;case"End":c(s,i,"last")}t.stopPropagation()}handleItemSelect(t){this.updateSelectedItems(),t.stopPropagation(),this.calciteDropdownSelect.emit(),this.closeOnSelectDisabled&&"none"!==t.detail.requestedDropdownGroup.selectionMode||this.closeCalciteDropdown(),t.stopPropagation()}updateGroupScale(){this.groups?.forEach((t=>t.scale=this.scale))}onBeforeOpen(){this.calciteDropdownBeforeOpen.emit()}onOpen(){this.calciteDropdownOpen.emit()}onBeforeClose(){this.calciteDropdownBeforeClose.emit()}onClose(){this.calciteDropdownClose.emit()}updateSelectedItems(){this.selectedItems=this.items.filter((t=>t.selected))}getMaxScrollerHeight(){const{maxItems:t,items:e}=this;let i,s=0,o=0;return this.groups.forEach((e=>{t>0&&s<t&&Array.from(e.children).forEach(((e,a)=>{0===a&&(isNaN(i)&&(i=e.offsetTop),o+=i),s<t&&(o+=e.offsetHeight,s+=1)}))})),e.length>t?o:0}closeCalciteDropdown(t=!0){this.open=!1,t&&r(this.triggers[0])}getFocusableElement(t){t&&r(t)}updateTabIndexOfItems(t){this.items.forEach((e=>{e.tabIndex=t!==e?-1:0}))}static get delegatesFocus(){return!0}get el(){return o(this)}static get watchers(){return{open:["openHandler"],disabled:["handleDisabledChange"],flipPlacements:["flipPlacementsHandler"],maxItems:["maxItemsHandler"],overlayPositioning:["overlayPositioningHandler"],placement:["placementHandler"],scale:["handlePropsChange"]}}};H.style=":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline-block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host .calcite-dropdown-wrapper{--calcite-floating-ui-z-index:var(--calcite-z-index-dropdown);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.calcite-dropdown-wrapper .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:inset, left, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:var(--calcite-z-index);border-radius:0.25rem}.calcite-dropdown-wrapper[data-placement^=bottom] .calcite-floating-ui-anim{inset-block-start:-5px}.calcite-dropdown-wrapper[data-placement^=top] .calcite-floating-ui-anim{inset-block-start:5px}.calcite-dropdown-wrapper[data-placement^=left] .calcite-floating-ui-anim{left:5px}.calcite-dropdown-wrapper[data-placement^=right] .calcite-floating-ui-anim{left:-5px}.calcite-dropdown-wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:1;inset-block:0;left:0}:host([open]) .calcite-dropdown-wrapper{visibility:visible}:host .calcite-dropdown-content{max-block-size:45vh;inline-size:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-color-foreground-1);inline-size:var(--calcite-dropdown-width)}.calcite-trigger-container{position:relative;display:flex;block-size:100%;flex:1 1 auto;word-wrap:break-word;word-break:break-word}@media (forced-colors: active){:host([open]) .calcite-dropdown-wrapper{border:1px solid canvasText}}:host([width-scale=s]){--calcite-dropdown-width:12rem}:host([width-scale=m]){--calcite-dropdown-width:14rem}:host([width-scale=l]){--calcite-dropdown-width:16rem}:host([hidden]){display:none}[hidden]{display:none}";const j=class{constructor(i){t(this,i),this.calciteDropdownItemSelect=e(this,"calciteDropdownItemSelect",6),this.calciteInternalDropdownItemSelect=e(this,"calciteInternalDropdownItemSelect",6),this.calciteInternalDropdownItemKeyEvent=e(this,"calciteInternalDropdownItemKeyEvent",6),this.calciteInternalDropdownCloseRequest=e(this,"calciteInternalDropdownCloseRequest",6),this.disabled=!1,this.href=void 0,this.iconFlipRtl=void 0,this.iconStart=void 0,this.iconEnd=void 0,this.label=void 0,this.rel=void 0,this.selected=!1,this.target=void 0,this.selectionMode="single",this.scale="m"}async setFocus(){await k(this),this.el?.focus()}componentWillLoad(){x(this),this.initialize()}componentDidLoad(){D(this)}connectedCallback(){this.initialize()}componentDidRender(){w(this)}render(){const{href:t,selectionMode:e,label:o,iconFlipRtl:a}=this,c=i("calcite-icon",{key:"46fd6784a80e78a149e6796018f495f33c9fe172",class:C.iconStart,flipRtl:"start"===a||"both"===a,icon:this.iconStart,scale:E(this.scale)}),r=i("span",{key:"feee494a9e26fad963b71e5aacf3abf9084ec463",class:C.itemContent},i("slot",{key:"33e49b095819a250f469d457279f6a340ff31fd4"})),l=i("calcite-icon",{key:"ea58bc58292cf76bcda6826e3c402079b0d3ad69",class:C.iconEnd,flipRtl:"end"===a||"both"===a,icon:this.iconEnd,scale:E(this.scale)}),d=this.iconStart&&this.iconEnd?[c,r,l]:this.iconStart?[c,r]:this.iconEnd?[r,l]:r,h=t?i("a",{"aria-label":o,class:C.link,href:t,ref:t=>this.childLink=t,rel:this.rel,tabIndex:-1,target:this.target},d):d,p=t?null:"single"===e?"menuitemradio":"multiple"===e?"menuitemcheckbox":"menuitem",m="none"!==e?n(this.selected):null,{disabled:f}=this;return i(s,{key:"269693a7a036a7e39f4f8d529695df44f34df22a","aria-checked":m,"aria-label":t?"":o,role:p,tabIndex:f?-1:0},i(v,{key:"0c644e048c9e30b8062cd60f7574c3e8fb631b4c",disabled:f},i("div",{key:"d5c9098d6c3007d5f05b28770074f6833a43d53f",class:{[C.container]:!0,[C.containerNone]:"none"===e}},"none"!==e?i("calcite-icon",{class:C.icon,icon:"multiple"===e?"check":"bullet-point",scale:E(this.scale)}):null,h)))}onClick(){this.emitRequestedItem()}keyDownHandler(t){switch(t.key){case" ":case"Enter":this.emitRequestedItem(),this.href&&this.childLink.click(),t.preventDefault();break;case"Escape":this.calciteInternalDropdownCloseRequest.emit(),t.preventDefault();break;case"Tab":this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:t});break;case"ArrowUp":case"ArrowDown":case"Home":case"End":t.preventDefault(),this.calciteInternalDropdownItemKeyEvent.emit({keyboardEvent:t})}}updateActiveItemOnChange(t){t.composedPath().includes(this.parentDropdownGroupEl)&&(this.requestedDropdownGroup=t.detail.requestedDropdownGroup,this.requestedDropdownItem=t.detail.requestedDropdownItem,this.determineActiveItem()),t.stopPropagation()}initialize(){this.parentDropdownGroupEl=this.el.closest("calcite-dropdown-group"),"none"===this.selectionMode&&(this.selected=!1)}determineActiveItem(){switch(this.selectionMode){case"multiple":this.el===this.requestedDropdownItem&&(this.selected=!this.selected);break;case"single":this.el===this.requestedDropdownItem?this.selected=!0:this.requestedDropdownGroup===this.parentDropdownGroupEl&&(this.selected=!1);break;case"none":this.selected=!1}}emitRequestedItem(){this.calciteDropdownItemSelect.emit(),this.calciteInternalDropdownItemSelect.emit({requestedDropdownItem:this.el,requestedDropdownGroup:this.parentDropdownGroupEl})}get el(){return o(this)}};j.style=":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;flex-grow:1;align-items:center;outline-color:transparent}.container{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);text-align:start}.container a{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-color-text-3);text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);outline-color:transparent}.dropdown-item-content{flex:1 1 auto;padding-block:0.125rem}.dropdown-item-icon{position:relative;opacity:0;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:scale(0.9)}:host([scale=s]) .container{padding-block:0.25rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .dropdown-item-icon,:host([scale=s]) .dropdown-item-icon--start{padding-inline-end:var(--calcite-spacing-sm)}:host([scale=s]) .dropdown-item-icon--end{padding-inline-start:var(--calcite-spacing-sm)}:host([scale=m]) .container{padding-block:0.5rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .dropdown-item-icon,:host([scale=m]) .dropdown-item-icon--start{padding-inline-end:var(--calcite-spacing-md)}:host([scale=m]) .dropdown-item-icon--end{padding-inline-start:var(--calcite-spacing-md)}:host([scale=l]) .container{padding-block:0.625rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .dropdown-item-icon,:host([scale=l]) .dropdown-item-icon--start{padding-inline-end:var(--calcite-spacing-xl)}:host([scale=l]) .dropdown-item-icon--end{padding-inline-start:var(--calcite-spacing-xl)}:host(:focus){outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}:host(:focus) .container{color:var(--calcite-color-text-1);text-decoration-line:none}:host(:hover:not([disabled])) .container,:host(:active:not([disabled])) .container{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1);text-decoration-line:none}:host(:hover:not([disabled])) .dropdown-link,:host(:active:not([disabled])) .dropdown-link{color:var(--calcite-color-text-1)}:host(:active:not([disabled])) .container{background-color:var(--calcite-color-foreground-3)}:host([selected]) .container:not(.container--none-selection),:host([selected]) .dropdown-link{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}:host([selected]) .container:not(.container--none-selection) calcite-icon,:host([selected]) .dropdown-link calcite-icon{color:var(--calcite-color-brand)}:host(:hover:not([disabled])) .dropdown-item-icon{color:var(--calcite-color-border-1);opacity:1}:host([selected]) .dropdown-item-icon{color:var(--calcite-color-brand);opacity:1}:host([hidden]){display:none}[hidden]{display:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}";export{H as calcite_dropdown,j as calcite_dropdown_item}