@esri/solutions-components 0.10.4 → 0.10.6

package/dist/solutions-components/p-e8bd5b44.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 i,f as e,h as o,H as n,g as s}from"./p-f4c4a2b7.js";import{g as a,i as r,z as c,a as l}from"./p-8448b98b.js";import{s as h,c as d,i as u,d as b,H as m}from"./p-7c585a72.js";import{c as p,d as f,u as v,I as g}from"./p-ec561560.js";import{n as x}from"./p-4250bde1.js";import{c as k,d as y,g as w}from"./p-d7ee860a.js";import{a as z,s as j,c as I}from"./p-f83c0ef6.js";import{n as C,i as E,p as D,s as L,e as W,c as A,d as N,B as M}from"./p-16d69510.js";import{c as G}from"./p-2327029a.js";import{C as F}from"./p-a8e556aa.js";import{u as P,c as V,d as $,s as O}from"./p-d4e3e979.js";import{g as S}from"./p-bb3ce613.js";import{V as U}from"./p-cfca5772.js";import{s as B}from"./p-fdf4caad.js";import"./p-0ae5f8fe.js";import"./p-73ae4b9b.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.11.1
+ */const K="number-button-item--horizontal",R="wrapper",H="number-button-item",T=class{constructor(e){t(this,e),this.calciteInternalInputNumberFocus=i(this,"calciteInternalInputNumberFocus",6),this.calciteInternalInputNumberBlur=i(this,"calciteInternalInputNumberBlur",6),this.calciteInputNumberInput=i(this,"calciteInputNumberInput",7),this.calciteInputNumberChange=i(this,"calciteInputNumberChange",6),this.previousValueOrigin="initial",this.mutationObserver=G("mutation",(()=>this.setDisabledAction())),this.userChangedValue=!1,this.keyDownHandler=t=>{this.readOnly||this.disabled||t.defaultPrevented||(this.isClearable&&"Escape"===t.key&&(this.clearInputValue(t),t.preventDefault()),"Enter"===t.key&&h(this)&&t.preventDefault())},this.clearInputValue=t=>{this.setNumberValue({committing:!0,nativeEvent:t,origin:"user",value:""})},this.emitChangeIfUserModified=()=>{"user"===this.previousValueOrigin&&this.value!==this.previousEmittedNumberValue&&(this.calciteInputNumberChange.emit(),this.setPreviousEmittedNumberValue(this.value))},this.inputNumberBlurHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId),this.calciteInternalInputNumberBlur.emit(),this.emitChangeIfUserModified()},this.clickHandler=t=>{if(this.disabled)return;const i=a(this.el,"action");t.target!==i&&this.setFocus()},this.inputNumberFocusHandler=()=>{this.calciteInternalInputNumberFocus.emit()},this.inputNumberInputHandler=t=>{if(this.disabled||this.readOnly)return;if("Infinity"===this.value||"-Infinity"===this.value)return;const i=t.target.value;C.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const e=C.delocalize(i);"insertFromPaste"===t.inputType?((!E(e)||this.integer&&(e.includes("e")||e.includes(".")))&&t.preventDefault(),this.setNumberValue({nativeEvent:t,origin:"user",value:D(e)}),this.childNumberEl.value=this.displayedValue):this.setNumberValue({nativeEvent:t,origin:"user",value:e})},this.inputNumberKeyDownHandler=t=>{if(this.disabled||this.readOnly)return;if("Infinity"===this.value||"-Infinity"===this.value)return t.preventDefault(),void("Backspace"!==t.key&&"Delete"!==t.key||this.clearInputValue(t));if("ArrowUp"===t.key)return t.preventDefault(),void this.nudgeNumberValue("up",t);if("ArrowDown"===t.key)return void this.nudgeNumberValue("down",t);const i=[...x,"ArrowLeft","ArrowRight","Backspace","Delete","Enter","Escape","Tab"];if(t.altKey||t.ctrlKey||t.metaKey)return;const e=t.shiftKey&&"Tab"===t.key;if(i.includes(t.key)||e)"Enter"===t.key&&this.emitChangeIfUserModified();else{if(C.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator},t.key===C.decimal&&!this.integer){if(!this.value&&!this.childNumberEl.value)return;if(this.value&&-1===this.childNumberEl.value.indexOf(C.decimal))return}if(/[eE]/.test(t.key)&&!this.integer){if(!this.value&&!this.childNumberEl.value)return;if(this.value&&!/[eE]/.test(this.childNumberEl.value))return}if("-"===t.key){if(!this.value&&!this.childNumberEl.value)return;if(this.value&&this.childNumberEl.value.split("-").length<=2)return}t.preventDefault()}},this.nudgeNumberValue=(t,i)=>{if(i instanceof KeyboardEvent&&i.repeat)return;const e=this.maxString?parseFloat(this.maxString):null,o=this.minString?parseFloat(this.minString):null;this.incrementOrDecrementNumberValue(t,e,o,i),this.nudgeNumberValueIntervalId&&window.clearInterval(this.nudgeNumberValueIntervalId);let n=!0;this.nudgeNumberValueIntervalId=window.setInterval((()=>{n?n=!1:this.incrementOrDecrementNumberValue(t,e,o,i)}),150)},this.nudgeButtonPointerUpHandler=t=>{r(t)&&window.clearInterval(this.nudgeNumberValueIntervalId)},this.nudgeButtonPointerOutHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)},this.nudgeButtonPointerDownHandler=t=>{r(t)&&(t.preventDefault(),this.disabled||this.nudgeNumberValue(t.target.dataset.adjustment,t))},this.onHiddenFormInputInput=t=>{t.target.name===this.name&&this.setNumberValue({value:t.target.value,origin:"direct"}),this.setFocus(),t.stopPropagation()},this.setChildNumberElRef=t=>{this.childNumberEl=t},this.setInputNumberValue=t=>{this.childNumberEl&&(this.childNumberEl.value=t)},this.setPreviousEmittedNumberValue=t=>{this.previousEmittedNumberValue=this.normalizeValue(t)},this.setPreviousNumberValue=t=>{this.previousValue=this.normalizeValue(t)},this.setNumberValue=({committing:t=!1,nativeEvent:i,origin:e,previousValue:o,value:n})=>{C.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const s=this.previousValue?.length>n.length||this.value?.length>n.length,a=this.integer?n.replace(/[e.]/g,""):n,r="."===a.charAt(a.length-1),c=r&&s?a:L(a),l=n&&!c?E(this.previousValue)?this.previousValue:"":c;let h=C.localize(l);"connected"===e||r||(h=W(h,l,C)),this.displayedValue=r&&s?`${h}${C.decimal}`:h,this.setPreviousNumberValue(o??this.value),this.previousValueOrigin=e,this.userChangedValue="user"===e&&this.value!==l,this.value=["-","."].includes(l)?"":l,"direct"===e&&(this.setInputNumberValue(h),this.setPreviousEmittedNumberValue(h)),i&&(this.calciteInputNumberInput.emit().defaultPrevented?(this.value=this.previousValue,this.displayedValue=C.localize(this.previousValue)):t&&this.emitChangeIfUserModified())},this.inputNumberKeyUpHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)},this.alignment="start",this.autofocus=void 0,this.clearable=!1,this.disabled=!1,this.enterKeyHint=void 0,this.form=void 0,this.groupSeparator=!1,this.icon=void 0,this.iconFlipRtl=!1,this.inputMode=void 0,this.integer=!1,this.label=void 0,this.loading=!1,this.numberingSystem=void 0,this.localeFormat=!1,this.max=void 0,this.min=void 0,this.maxLength=void 0,this.minLength=void 0,this.validationMessage=void 0,this.validationIcon=void 0,this.validity={valid:!1,badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1},this.name=void 0,this.numberButtonType="vertical",this.placeholder=void 0,this.prefixText=void 0,this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.step=void 0,this.autocomplete=void 0,this.suffixText=void 0,this.editingEnabled=!1,this.value="",this.messages=void 0,this.messageOverrides=void 0,this.effectiveLocale="",this.defaultMessages=void 0,this.displayedValue=void 0,this.slottedActionElDisabledInternally=!1}handleGlobalAttributesChanged(){e(this)}disabledWatcher(){this.setDisabledAction()}maxWatcher(){this.maxString=this.max?.toString()||null}minWatcher(){this.minString=this.min?.toString()||null}onMessagesChange(){}valueWatcher(t,i){if(!this.userChangedValue){if("Infinity"===t||"-Infinity"===t)return this.displayedValue=t,void(this.previousEmittedNumberValue=t);this.setNumberValue({origin:"direct",previousValue:i,value:null==t||""==t?"":E(t)?t:this.previousValue||""}),this.warnAboutInvalidNumberValue(t)}this.userChangedValue=!1}updateRequestedIcon(){this.requestedIcon=c({},this.icon,"number")}get isClearable(){return this.clearable&&this.value.length>0}effectiveLocaleWatcher(t){P(this,this.effectiveLocale),C.numberFormatOptions={locale:t,numberingSystem:this.numberingSystem,useGrouping:!1}}connectedCallback(){p(this),A(this),V(this),this.inlineEditableEl=this.el.closest("calcite-inline-editable"),this.inlineEditableEl&&(this.editingEnabled=this.inlineEditableEl.editingEnabled||!1),k(this),d(this),this.mutationObserver?.observe(this.el,{childList:!0}),this.setDisabledAction(),this.el.addEventListener(u,this.onHiddenFormInputInput)}componentDidLoad(){z(this)}disconnectedCallback(){f(this),y(this),b(this),N(this),$(this),this.mutationObserver?.disconnect(),this.el.removeEventListener(u,this.onHiddenFormInputInput)}async componentWillLoad(){j(this),this.maxString=this.max?.toString(),this.minString=this.min?.toString(),this.requestedIcon=c({},this.icon,"number"),await O(this),this.setPreviousEmittedNumberValue(this.value),this.setPreviousNumberValue(this.value),this.warnAboutInvalidNumberValue(this.value),"Infinity"===this.value||"-Infinity"===this.value?(this.displayedValue=this.value,this.previousEmittedNumberValue=this.value):this.setNumberValue({origin:"connected",value:E(this.value)?this.value:""})}componentShouldUpdate(t,i,e){return!("value"===e&&t&&!E(t)&&(this.setNumberValue({origin:"reset",value:i}),1))}componentDidRender(){v(this)}async setFocus(){await I(this),this.childNumberEl?.focus()}async selectText(){this.childNumberEl?.select()}onLabelClick(){this.setFocus()}incrementOrDecrementNumberValue(t,i,e,o){const{value:n}=this;if("Infinity"===n||"-Infinity"===n)return;const s="up"===t?1:-1,a=this.integer&&"any"!==this.step?Math.round(this.step):this.step,r="any"===a?1:Math.abs(a||1),c=new M(""!==n?n:"0").add(""+r*s),l="number"==typeof e&&!isNaN(e)&&c.subtract(`${e}`).isNegative?`${e}`:"number"!=typeof i||isNaN(i)||c.subtract(`${i}`).isNegative?c.toString():`${i}`;this.setNumberValue({committing:!0,nativeEvent:o,origin:"user",value:l})}syncHiddenFormInput(t){B("number",this,t)}setDisabledAction(){const t=a(this.el,"action");t&&(this.disabled?(null==t.getAttribute("disabled")&&(this.slottedActionElDisabledInternally=!0),t.setAttribute("disabled","")):this.slottedActionElDisabledInternally&&(t.removeAttribute("disabled"),this.slottedActionElDisabledInternally=!1))}normalizeValue(t){return E(t)?t:""}warnAboutInvalidNumberValue(t){t&&!E(t)&&console.warn(`The specified value "${t}" cannot be parsed, or is out of range.`)}render(){const t=l(this.el),i=o("div",{key:"4d832947b4a683a0c74473a481e15eda1c3e6c6f",class:"loader"},o("calcite-progress",{key:"90103aab3b5ab29cea99511b93ecfc52c2b20545",label:this.messages.loading,type:"indeterminate"})),e=o("button",{key:"409e8c4235cd733abfe5b46a499ec439432f0dda","aria-label":this.messages.clear,class:"clear-button",disabled:this.disabled||this.readOnly,onClick:this.clearInputValue,tabIndex:-1,type:"button"},o("calcite-icon",{key:"e4ade48bc9c6862d64e08674cb2784f230ce4980",icon:"x",scale:S(this.scale)})),s=o("calcite-icon",{key:"dc6ce1cb7824c236d776124be25584f1c976f495",class:"icon",flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:S(this.scale)}),a="horizontal"===this.numberButtonType,r=o("button",{key:"d08c3ea83d6e00bf97f1e3f3d41a2caf4fb7d5eb","aria-hidden":"true",class:{[H]:!0,[K]:a},"data-adjustment":"up",disabled:this.disabled||this.readOnly,onPointerDown:this.nudgeButtonPointerDownHandler,onPointerOut:this.nudgeButtonPointerOutHandler,onPointerUp:this.nudgeButtonPointerUpHandler,tabIndex:-1,type:"button"},o("calcite-icon",{key:"7b55738e70f5aabdac824650fd6314f915b234a0",icon:"chevron-up",scale:S(this.scale)})),c=o("button",{key:"ed7abdf5e2eda7091f34e3808dd15f9090163564","aria-hidden":"true",class:{[H]:!0,[K]:a},"data-adjustment":"down",disabled:this.disabled||this.readOnly,onPointerDown:this.nudgeButtonPointerDownHandler,onPointerOut:this.nudgeButtonPointerOutHandler,onPointerUp:this.nudgeButtonPointerUpHandler,tabIndex:-1,type:"button"},o("calcite-icon",{key:"15c36fc1408a3c814a9fa5aa1b590fa02a29d7e3",icon:"chevron-down",scale:S(this.scale)})),h=o("div",{key:"a48133c6f0b067b5088731a663dfcfff4c1a06ba",class:"number-button-wrapper"},r,c),d=o("div",{key:"6b2099f39bbc08ef8d7e1540113d2bff6adb0798",class:"prefix"},this.prefixText),u=o("div",{key:"83f015b4af8dedb12d9d27bbe9a26d9ac9bc5052",class:"suffix"},this.suffixText),b=o("input",{"aria-label":w(this),autocomplete:this.autocomplete,autofocus:!!this.el.autofocus||null,defaultValue:this.defaultValue,disabled:!!this.disabled||null,enterKeyHint:this.el.enterKeyHint||this.el.getAttribute("enterkeyhint"),inputMode:this.el.inputMode||this.el.getAttribute("inputmode")||"decimal",key:"localized-input",maxLength:this.maxLength,minLength:this.minLength,name:void 0,onBlur:this.inputNumberBlurHandler,onFocus:this.inputNumberFocusHandler,onInput:this.inputNumberInputHandler,onKeyDown:this.inputNumberKeyDownHandler,onKeyUp:this.inputNumberKeyUpHandler,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildNumberElRef,type:"text",value:this.displayedValue});return o(n,{key:"c24ad59519e7a556c17d73e9f4e1def1e1dd3eb8",onClick:this.clickHandler,onKeyDown:this.keyDownHandler},o(g,{key:"261dc376e7919a788656e281892ed421da04e696",disabled:this.disabled},o("div",{key:"e85dd19739baab9d11bcccd95b8f1ada51d25133",class:{[R]:!0,[F.rtl]:"rtl"===t}},"horizontal"!==this.numberButtonType||this.readOnly?null:c,this.prefixText?d:null,o("div",{key:"cd657c99a89880a9525701c2826f2165aab1a42a",class:"element-wrapper"},b,this.isClearable?e:null,this.requestedIcon?s:null,this.loading?i:null),o("div",{key:"e653c7789da412239b7cc537857a131ac3670f3f",class:"action-wrapper"},o("slot",{key:"fc7ada3995cd15aa51f5f510a785c2b8bd9ee9a5",name:"action"})),"vertical"!==this.numberButtonType||this.readOnly?null:h,this.suffixText?u:null,"horizontal"!==this.numberButtonType||this.readOnly?null:r,o(m,{key:"2b7e0a60096c93a3d5708b1214376621b7acbedc",component:this})),this.validationMessage&&"invalid"===this.status?o(U,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}static get assetsDirs(){return["assets"]}get el(){return s(this)}static get watchers(){return{autofocus:["handleGlobalAttributesChanged"],enterkeyhint:["handleGlobalAttributesChanged"],inputmode:["handleGlobalAttributesChanged"],disabled:["disabledWatcher"],max:["maxWatcher"],min:["minWatcher"],messageOverrides:["onMessagesChange"],value:["valueWatcher"],icon:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleWatcher"]}}};T.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:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;border-radius:0px;background-color:var(--calcite-color-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}input:-moz-placeholder-shown{text-overflow:ellipsis}input:placeholder-shown{text-overflow:ellipsis}input{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);color:var(--calcite-color-text-1)}input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1)}input[readonly]{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}input[readonly]:focus{color:var(--calcite-color-text-1)}calcite-icon{color:var(--calcite-color-text-3)}input{outline-color:transparent}input: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          )}:host([status=invalid]) input{border-color:var(--calcite-color-status-danger)}:host([status=invalid]) input:focus{outline:2px solid var(--calcite-color-status-danger);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([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{padding-inline-start:2rem}:host([icon][scale=m]) input{padding-inline-start:2.5rem}:host([icon][scale=l]) input{padding-inline-start:3.5rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center}.icon{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);display:block;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button{pointer-events:initial;order:4;margin:0px;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-color-foreground-2);transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-color-text-1);transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:active{background-color:var(--calcite-color-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-color-text-1)}.clear-button: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          )}.clear-button:disabled{opacity:var(--calcite-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-color-text-2)}.prefix{order:2;border-inline-end-width:0px}.suffix{order:5;border-inline-start-width:0px}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.number-button-wrapper{pointer-events:none;order:6;box-sizing:border-box;display:flex;flex-direction:column;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}:host([number-button-type=vertical]) .wrapper{flex-direction:row;display:flex}:host([number-button-type=vertical]) input{order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:1;max-block-size:100%;min-block-size:100%;align-self:stretch}.number-button-item.number-button-item--horizontal[data-adjustment=down] calcite-icon,.number-button-item.number-button-item--horizontal[data-adjustment=up] calcite-icon{transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);border-inline-end-width:0px}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover{background-color:var(--calcite-color-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover calcite-icon{color:var(--calcite-color-text-1)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{order:5}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover{background-color:var(--calcite-color-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover{background-color:var(--calcite-color-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover{background-color:var(--calcite-color-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover calcite-icon{color:var(--calcite-color-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-block-start-width:0px}.number-button-item{max-block-size:50%;min-block-size:50%;pointer-events:initial;margin:0px;box-sizing:border-box;display:flex;cursor:pointer;align-items:center;align-self:center;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);padding-block:0px;padding-inline:0.5rem;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;border-inline-start-width:0px}.number-button-item calcite-icon{pointer-events:none;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.number-button-item:focus{background-color:var(--calcite-color-foreground-2)}.number-button-item:focus calcite-icon{color:var(--calcite-color-text-1)}.number-button-item:active{background-color:var(--calcite-color-foreground-3)}.number-button-item:disabled{pointer-events:none}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";export{T as calcite_input_number}

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

@@ -0,0 +1,12 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import{h as n}from"./p-f4c4a2b7.js";import{g as t}from"./p-73ae4b9b.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.11.1
+ */
+const i=/firefox/i.test(t()),o=i?new WeakMap:null;function e(){const{disabled:n}=this;n||HTMLElement.prototype.click.call(this)}function c(n){const t=n.target;if(i&&!o.get(t))return;const{disabled:e}=t;e&&n.preventDefault()}const r=["mousedown","mouseup","click"];function s(n){const t=n.target;i&&!o.get(t)||t.disabled&&(n.stopImmediatePropagation(),n.preventDefault())}const u={capture:!0};function f(n){if(n.disabled)return n.el.setAttribute("aria-disabled","true"),n.el.contains(document.activeElement)&&document.activeElement.blur(),void a(n);l(n),n.el.removeAttribute("aria-disabled")}function a(n){if(n.el.click=e,i){const t=function(n){return n.el.parentElement||n.el}(n),i=o.get(n.el);return i!==t&&(b(i),o.set(n.el,t)),void d(o.get(n.el))}d(n.el)}function d(n){n&&(n.addEventListener("pointerdown",c,u),r.forEach((t=>n.addEventListener(t,s,u))))}function l(n){if(delete n.el.click,i){const t=o.get(n.el);let i=!1;if(t?.children)for(const o of t.children)if("disabled"in o&&o.disabled&&o!==n.el){i=!0;break}return i||b(t),void o.delete(n.el)}b(n.el)}function b(n){n&&(n.removeEventListener("pointerdown",c,u),r.forEach((t=>n.removeEventListener(t,s,u))))}function p(n){n.disabled&&i&&a(n)}function m(n){i&&l(n)}function v({disabled:t},i){return n("div",{class:"interaction-container",inert:t},...i)}export{v as I,p as c,m as d,f as u}

package/dist/solutions-components/p-ed95c75e.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{f as t}from"./p-f4c4a2b7.js";import{c as o}from"./p-2327029a.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.11.1
+ */let a;const c={childList:!0};function i(t){a||(a=o("mutation",s)),a.observe(t.el,c)}function n(t){a.unobserve(t.el)}function s(o){o.forEach((({target:o})=>{t(o)}))}export{i as c,n as d}

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

@@ -0,0 +1,17 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import{n as i}from"./p-8448b98b.js";import{i as n}from"./p-73ae4b9b.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.11.1
+ */const t="CALCITE-COMBOBOX-ITEM",o="CALCITE-COMBOBOX-ITEM-GROUP",e=`${t}, ${o}`,c={input:"input",chipInvisible:"chip--invisible",selectionDisplayFit:"selection-display-fit",selectionDisplaySingle:"selection-display-single",listContainer:"list-container",icon:"icon"};
+/*!
+ * 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.11.1
+ */
+function s(i){const n=i.parentElement?.closest(e),t=n?.parentElement?.closest(e);return[n,t].filter((i=>i))}function a(i){return i.ancestors?.filter((i=>"CALCITE-COMBOBOX-ITEM"===i.nodeName))||[]}function l(n){return i(n.querySelectorAll("calcite-combobox-item"))}function r(n){return i(n.querySelectorAll("calcite-combobox-item")).filter((i=>i.selected)).length>0}function u(i){return n()?document.evaluate("ancestor::calcite-combobox-item | ancestor::calcite-combobox-item-group",i,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null).snapshotLength:0}function b(i){return i.includes("single")}function p(i){return i.shortHeading||i.textLabel}export{c as C,u as a,e as b,p as c,a as d,l as e,t as f,s as g,r as h,b as i,o as j}

package/dist/solutions-components/p-ee0a512f.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-f4c4a2b7.js";import{c as a,d as o,u as r}from"./p-ec561560.js";import{s as c,a as n,c as h}from"./p-f83c0ef6.js";import{c as l}from"./p-2327029a.js";import{l as d}from"./p-b1c71e50.js";import{I as p}from"./p-31f602c0.js";import{m,d as b,a as f,s as g,h as u,b as x,g as w,k as y,i as j,c as k,e as v,f as I,r as L,j as z,l as C,n as H,o as F,p as D,L as R}from"./p-1d229886.js";import"./p-73ae4b9b.js";import"./p-ca42f3d3.js";import"./p-90dd8aec.js";import"./p-8448b98b.js";import"./p-0ae5f8fe.js";import"./p-a8e556aa.js";import"./p-2162a9d3.js";import"./p-c8d3207e.js";d.deprecated("component",{name:"pick-list",removalVersion:3,suggested:"list"});const U=class{constructor(i){t(this,i),this.calciteListChange=s(this,"calciteListChange",6),this.calciteListFilter=s(this,"calciteListFilter",6),this.lastSelectedItem=null,this.mutationObserver=l("mutation",m.bind(this)),this.setFilterEl=t=>{this.filterEl=t},this.setFilteredItems=t=>{this.filteredItems=t},this.deselectRemovedItems=b.bind(this),this.deselectSiblingItems=f.bind(this),this.selectSiblings=g.bind(this),this.handleFilter=u.bind(this),this.handleFilterEvent=x.bind(this),this.getItemData=w.bind(this),this.keyDownHandler=y.bind(this),this.disabled=!1,this.filteredItems=[],this.filteredData=[],this.filterEnabled=!1,this.filterPlaceholder=void 0,this.filterText=void 0,this.headingLevel=void 0,this.loading=!1,this.multiple=!1,this.selectionFollowsFocus=!1,this.selectedValues=new Map,this.dataForFilter=[]}connectedCallback(){j.call(this),k.call(this),a(this)}disconnectedCallback(){v.call(this),o(this)}componentWillLoad(){c(this)}componentDidLoad(){n(this),I.call(this)}componentDidRender(){r(this)}calciteListItemRemoveHandler(t){L.call(this,t)}calciteListItemChangeHandler(t){z.call(this,t)}calciteInternalListItemPropsChangeHandler(t){t.stopPropagation(),this.setUpFilter()}calciteInternalListItemValueChangeHandler(t){C.call(this,t),t.stopPropagation()}calciteListFocusOutHandler(t){H.call(this,t)}setUpItems(){F.call(this,"calcite-pick-list-item")}setUpFilter(){this.filterEnabled&&(this.dataForFilter=this.getItemData())}async getSelectedItems(){return this.selectedValues}async setFocus(t){return await h(this),D.call(this,t)}getIconType(){return this.multiple?p.square:p.circle}render(){return i(R,{key:"870f354277bb55abb2c867ae250d85a8569505ec",onKeyDown:this.keyDownHandler,props:this})}get el(){return e(this)}};U.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;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:1;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([filter-enabled]) header{margin-block-end:0.25rem;display:flex;align-items:stretch;justify-content:flex-end;background-color:var(--calcite-color-foreground-1);--tw-shadow:0 1px 0 var(--calcite-color-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-z-index)}calcite-filter{margin-block-end:0px}:host([loading][disabled]){min-block-size:2rem}:host([hidden]){display:none}[hidden]{display:none}";export{U as calcite_pick_list}

package/dist/solutions-components/p-eefcb751.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-f4c4a2b7.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 x,t as C,j as y,k,S as A,l as S,m as D}from"./p-c5d15c91.js";import{i as j,a as $,f as z}from"./p-8448b98b.js";import{c as F,d as O,u as I,I as L}from"./p-ec561560.js";import{i as N}from"./p-4250bde1.js";import{c as M,s as P,a as K}from"./p-f83c0ef6.js";import{c as U,d as E}from"./p-16d69510.js";import{r as H,c as R,a as T}from"./p-33447b6f.js";import{u as X,s as q,c as B,d as V}from"./p-d4e3e979.js";import{t as J}from"./p-29edb87c.js";import"./p-0ae5f8fe.js";import"./p-a8e556aa.js";import"./p-73ae4b9b.js";import"./p-2327029a.js";import"./p-c8d3207e.js";const W=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?x.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=>{if(!j(t))return;const{offsetX:s,offsetY:i}=t;window.addEventListener("pointermove",this.globalPointerMoveHandler),window.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:this.colorFieldRenderingContext,bounds:this.colorFieldRenderingContext.canvas.getBoundingClientRect()},this.captureColorFieldColor(s,i),this.focusScope(this.colorFieldScopeNode)},this.handleHueSliderPointerDown=t=>{if(!j(t))return;const{offsetX:s}=t;window.addEventListener("pointermove",this.globalPointerMoveHandler),window.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:this.hueSliderRenderingContext,bounds:this.hueSliderRenderingContext.canvas.getBoundingClientRect()},this.captureHueSliderColor(s),this.focusScope(this.hueScopeNode)},this.handleOpacitySliderPointerDown=t=>{if(!j(t))return;const{offsetX:s}=t;window.addEventListener("pointermove",this.globalPointerMoveHandler),window.addEventListener("pointerup",this.globalPointerUpHandler,{once:!0}),this.activeCanvasInfo={context:this.opacitySliderRenderingContext,bounds:this.opacitySliderRenderingContext.canvas.getBoundingClientRect()},this.captureOpacitySliderValue(s),this.focusScope(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=J(((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(){X(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()}))}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 q(this)}connectedCallback(){F(this),U(this),B(this)}componentDidLoad(){K(this)}disconnectedCallback(){window.removeEventListener("pointermove",this.globalPointerMoveHandler),window.removeEventListener("pointerup",this.globalPointerUpHandler),O(this),E(this),V(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:C,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())/x.max,F=null===s,O="vertical"===k,I=l||p,N=t||h,M=C||u,[P,K]=this.getAdjustedScopePosition(e,a),[U,E]=this.getAdjustedScopePosition(j,D),[H,R]=this.getAdjustedScopePosition(z,$);return i(L,{key:"3fdda1fd2366d3ffb3405dfa28a8424d78586a61",disabled:this.disabled},i("div",{key:"b3e95f63a7b4a9f49587fa458bf663cf82ff6961",class:r.container},i("div",{key:"5770ab5094e87956f0f8a49e16f1a9418cc6e7ff",class:r.controlAndScope},i("canvas",{key:"3773e30ddb17777a93b6091e4accc71e890f8cbb",class:r.colorField,onPointerDown:this.handleColorFieldPointerDown,ref:this.initColorField}),i("div",{key:"66dfba03f7a7e35f50c1fc0f23ccb0c0cf91c247","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:"61100b2e5e07a647b75641afe11e7dcfb6df3dd1",class:r.previewAndSliders},i("calcite-color-picker-swatch",{key:"3fd47b8fb737f322646f136a22ec5281c12dcdcb",class:r.preview,color:S,scale:this.alphaChannel?"l":this.scale}),i("div",{key:"df7ed65ad05057a4a8c81239f1dc2f3341ea18fb",class:r.sliders},i("div",{key:"5bc288a2e4da751f6e4a1b3a1b0b1294c6421306",class:r.controlAndScope},i("canvas",{key:"b350822aefb25ca6521d21a376c59885666798c5",class:{[r.slider]:!0,[r.hueSlider]:!0},onPointerDown:this.handleHueSliderPointerDown,ref:this.initHueSlider}),i("div",{key:"5ba9570cb05da8620030918757acd21b57c844eb","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":x.max,"aria-valuemin":x.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=C(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(x.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[C(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())/(x.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"]}}};W.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}.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{W as calcite_color_picker}

package/dist/solutions-components/p-f012ccbb.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{h as t}from"./p-f4c4a2b7.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.11.1
+ */function r(t){return Math.min(Math.max(Math.ceil(t),1),6)}const a=(r,a)=>{const e=r.level?`h${r.level}`:"div";return delete r.level,t(e,{...r},a)};export{a as H,r as c}

package/dist/solutions-components/p-f021c564.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 r}from"./p-8b922152.js";import"./p-f4c4a2b7.js";import"./p-7c585a72.js";import"./p-8448b98b.js";import"./p-0ae5f8fe.js";import"./p-a8e556aa.js";import"./p-ec561560.js";import"./p-73ae4b9b.js";import"./p-4250bde1.js";import"./p-d7ee860a.js";import"./p-bb3ce613.js";import"./p-f83c0ef6.js";import"./p-16d69510.js";import"./p-2327029a.js";import"./p-2f08fd73.js";import"./p-ca42f3d3.js";import"./p-c5f22510.js";import"./p-33447b6f.js";import"./p-d4e3e979.js";import"./p-cd4d69c1.js";import"./p-cfca5772.js";import"./p-fdf4caad.js";function e(r){return r>1&&r<5&&1!=~~(r/10)}function t(r,t,m,o){var s=r+" ";switch(m){case"s":return t||o?"pár sekúnd":"pár sekundami";case"m":return t?"minúta":o?"minútu":"minútou";case"mm":return t||o?s+(e(r)?"minúty":"minút"):s+"minútami";case"h":return t?"hodina":o?"hodinu":"hodinou";case"hh":return t||o?s+(e(r)?"hodiny":"hodín"):s+"hodinami";case"d":return t||o?"deň":"dňom";case"dd":return t||o?s+(e(r)?"dni":"dní"):s+"dňami";case"M":return t||o?"mesiac":"mesiacom";case"MM":return t||o?s+(e(r)?"mesiace":"mesiacov"):s+"mesiacmi";case"y":return t||o?"rok":"rokom";case"yy":return t||o?s+(e(r)?"roky":"rokov"):s+"rokmi"}}var m={name:"sk",weekdays:"nedeľa_pondelok_utorok_streda_štvrtok_piatok_sobota".split("_"),weekdaysShort:"ne_po_ut_st_št_pi_so".split("_"),weekdaysMin:"ne_po_ut_st_št_pi_so".split("_"),months:"január_február_marec_apríl_máj_jún_júl_august_september_október_november_december".split("_"),monthsShort:"jan_feb_mar_apr_máj_jún_júl_aug_sep_okt_nov_dec".split("_"),weekStart:1,yearStart:4,ordinal:function(r){return r+"."},formats:{LT:"H:mm",LTS:"H:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY H:mm",LLLL:"dddd D. MMMM YYYY H:mm",l:"D. M. YYYY"},relativeTime:{future:"za %s",past:"pred %s",s:t,m:t,mm:t,h:t,hh:t,d:t,dd:t,M:t,MM:t,y:t,yy:t}};r.locale(m,null,!0);export{m as default}

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

@@ -0,0 +1,29 @@
+/*!
+ * 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 i,h as e,H as s,g as a,a as n}from"./p-f4c4a2b7.js";import{c as o,d as l}from"./p-ed95c75e.js";import{s as r,f as c,g as h,t as d}from"./p-8448b98b.js";import{c as p,d as u,u as v,I as m}from"./p-ec561560.js";import{c as f,d as g,g as b,n as x,a as y,b as w}from"./p-16d69510.js";import{u as _,c as k,d as $,s as C}from"./p-d4e3e979.js";import{H as D}from"./p-f012ccbb.js";import{c as z,s as E,a as L}from"./p-f83c0ef6.js";import{o as I}from"./p-cd4d69c1.js";import{d as S,g as F,a as P,b as R,s as O,c as A,e as j,f as M,i as T}from"./p-70b4e46f.js";import{i as N}from"./p-73ae4b9b.js";import{f as B,c as H,d as W,r as U,a as V,F as q}from"./p-583ecbf6.js";import{s as J,c as K,d as Z,H as Y}from"./p-7c585a72.js";import{n as G}from"./p-4250bde1.js";import{c as Q,d as X}from"./p-d7ee860a.js";import{c as tt,d as it,a as et}from"./p-2f08fd73.js";import{g as st}from"./p-0ae5f8fe.js";import{g as at}from"./p-bb3ce613.js";import{V as nt}from"./p-cfca5772.js";import{s as ot}from"./p-fdf4caad.js";import{l as lt}from"./p-4cd4cb85.js";import{g as rt}from"./p-7bfecd07.js";import{g as ct}from"./p-a9a72626.js";import"./p-2327029a.js";import"./p-a8e556aa.js";import"./p-c8d3207e.js";import"./p-ca42f3d3.js";import"./p-0a24ad5f.js";import"./p-d4056c1c.js";import"./p-ac122d9e.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.11.1
+ */const ht="content",dt="toggle",pt="header",ut="container",vt="header",mt="header--has-text",ft="icon",gt="icon-end-container",bt="invalid",xt="status-icon",yt="valid",wt="control",_t="header-menu-actions",kt="icon",$t={opened:"chevron-up",closed:"chevron-down",valid:"check-circle",invalid:"exclamation-mark-triangle"},Ct=class{constructor(e){t(this,e),this.calciteBlockBeforeClose=i(this,"calciteBlockBeforeClose",6),this.calciteBlockBeforeOpen=i(this,"calciteBlockBeforeOpen",6),this.calciteBlockClose=i(this,"calciteBlockClose",6),this.calciteBlockOpen=i(this,"calciteBlockOpen",6),this.calciteBlockToggle=i(this,"calciteBlockToggle",6),this.openTransitionProp="opacity",this.onHeaderClick=()=>{this.open=!this.open,this.calciteBlockToggle.emit()},this.setTransitionEl=t=>{this.transitionEl=t},this.actionsEndSlotChangeHandler=t=>{this.hasEndActions=r(t)},this.handleContentStartSlotChange=t=>{this.hasContentStart=r(t)},this.collapsible=!1,this.disabled=!1,this.dragHandle=!1,this.heading=void 0,this.headingLevel=void 0,this.iconEnd=void 0,this.iconFlipRtl=void 0,this.iconStart=void 0,this.loading=!1,this.open=!1,this.status=void 0,this.description=void 0,this.messages=void 0,this.messageOverrides=void 0,this.overlayPositioning="absolute",this.defaultMessages=void 0,this.effectiveLocale=void 0,this.hasContentStart=!1,this.hasEndActions=!1}openHandler(){I(this)}onMessagesChange(){}async setFocus(){await z(this),c(this.el)}onBeforeOpen(){this.calciteBlockBeforeOpen.emit()}onOpen(){this.calciteBlockOpen.emit()}onBeforeClose(){this.calciteBlockBeforeClose.emit()}onClose(){this.calciteBlockClose.emit()}effectiveLocaleChange(){_(this,this.effectiveLocale)}connectedCallback(){o(this),p(this),f(this),k(this)}disconnectedCallback(){u(this),g(this),$(this),l(this)}async componentWillLoad(){await C(this),E(this),this.open&&I(this)}componentDidLoad(){L(this)}componentDidRender(){v(this)}renderScrim(){const{loading:t}=this,i=e("slot",null);return[t?e("calcite-scrim",{loading:t}):null,i]}renderLoaderStatusIcon(){const{loading:t,messages:i,status:s}=this,a=!!h(this.el,kt);return t?e("div",{class:ft,key:"loader"},e("calcite-loader",{inline:!0,label:i.loading})):s?e("div",{class:ft,key:"status-icon"},e("calcite-icon",{class:{[xt]:!0,[yt]:"valid"==s,[bt]:"invalid"==s},icon:$t[s],scale:"s"})):a?e("div",{class:ft,key:"icon-slot"},e("slot",{key:"icon-slot",name:kt})):null}renderActionsEnd(){return e("div",{class:"actions-end"},e("slot",{name:"actions-end",onSlotchange:this.actionsEndSlotChangeHandler}))}renderContentStart(){const{hasContentStart:t}=this;return e("div",{class:"content-start",hidden:!t},e("slot",{name:"content-start",onSlotchange:this.handleContentStartSlotChange}))}renderTitle(){const{heading:t,headingLevel:i,description:s}=this;return t||s?e("div",{class:"title"},e(D,{class:"heading",level:i},t),s?e("div",{class:"description"},s):null):null}renderIcon(t){const{iconFlipRtl:i}=this,s="start"===t?this.iconStart:this.iconEnd;if(s)return e("calcite-icon",{class:"start"===t?"icon--start":"icon--end",flipRtl:"both"===i||"start"===t?"start"===i:"end"===i,icon:s,key:s,scale:"s"})}render(){const{collapsible:t,el:i,loading:a,open:n,heading:o,messages:l,description:r}=this,c=n?l.collapse:l.expand,p=e("header",{key:"f4585d3c5e71d91a3de8b60a8085e79ad0f649c2",class:{[vt]:!0,[mt]:!(!o&&!r)},id:pt},this.renderIcon("start"),this.renderContentStart(),this.renderLoaderStatusIcon(),this.renderTitle()),u=!!h(i,wt),v=!!h(i,_t),f=n?$t.opened:$t.closed,g=e("div",{key:"6ca859e09a3b11219a3b412998c83e91c845753f",class:"header-container"},this.dragHandle?e("calcite-handle",{label:o}):null,t?e("button",{"aria-controls":ht,"aria-describedby":pt,"aria-expanded":t?d(n):null,class:"toggle",id:dt,onClick:this.onHeaderClick,title:c},p,e("div",{class:gt},this.renderIcon("end"),e("calcite-icon",{class:"toggle-icon",icon:f,scale:"s"}))):this.iconEnd?e("div",null,p,e("div",{class:gt},this.renderIcon("end"))):p,u?e("div",{"aria-labelledby":pt,class:"control-container"},e("slot",{name:wt})):null,v?e("calcite-action-menu",{label:l.options,overlayPositioning:this.overlayPositioning},e("slot",{name:_t})):null,this.renderActionsEnd());return e(s,{key:"b42f72a17e0896ae7406d4f09f346cfb75e4c9ef"},e(m,{key:"181fef154faaa7f8d1dca2e08745c76141678053",disabled:this.disabled},e("article",{key:"d93e5b8f13529441ba99bcfcc51d5b31eab981ab","aria-busy":d(a),class:{[ut]:!0}},g,e("section",{key:"cd7759e5b8f695cd238b523075984b82de562005","aria-labelledby":dt,class:"content",hidden:!n,id:ht,ref:this.setTransitionEl},this.renderScrim()))))}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{open:["openHandler"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};Ct.style=':host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}: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:flex;flex-shrink:0;flex-grow:0;flex-direction:column;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding:0px;transition-property:margin;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-timing-function:cubic-bezier(0.215, 0.440, 0.420, 0.880);flex-basis:auto}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{justify-content:flex-start}.header--has-text{padding:var(--calcite-spacing-md)}.header,.toggle{grid-area:header}.header-container{display:grid;align-items:stretch;grid-template:auto/auto 1fr auto auto;grid-template-areas:"handle header control menu actions-end";grid-column:header-start/actions-end;grid-row:1/2}.content-start,.icon,.icon--start,.icon--end{margin-inline-end:var(--calcite-spacing-md)}.icon calcite-loader{margin-inline-end:var(--calcite-spacing-xxxs)}.icon--start,.icon--end{color:var(--calcite-color-text-3)}.actions-end{grid-area:actions-end}.toggle{margin:0px;display:flex;cursor:pointer;flex-wrap:nowrap;align-items:center;justify-content:space-between;border-style:none;padding:0px;font-family:var(--calcite-font-family);outline-color:transparent;text-align:initial;background-color:transparent}.toggle:hover{background-color:var(--calcite-color-foreground-2)}.toggle: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          )}calcite-loader[inline]{grid-area:control;align-self:center}calcite-handle{grid-area:handle}.title{margin:0px}.header .title .heading{padding:0px;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;color:var(--calcite-color-text-2);transition-property:color;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);word-wrap:break-word;word-break:break-word}.description{margin-block-start:0.125rem;padding:0px;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-color-text-3);word-wrap:break-word;word-break:break-word}.icon{display:flex}.status-icon.valid{color:var(--calcite-color-status-success)}.status-icon.invalid{color:var(--calcite-color-status-danger)}@keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}.icon-end-container{display:flex;align-items:center;margin-inline-start:auto}.toggle-icon{align-self:center;justify-self:end;color:var(--calcite-color-text-3);transition-property:color;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);margin-inline-end:var(--calcite-spacing-md)}.toggle:hover .toggle-icon{color:var(--calcite-color-text-1)}.container{position:relative;display:flex;block-size:100%;flex-direction:column}.content{position:relative;min-block-size:0px;flex:1 1 0%}@keyframes in{0%{opacity:0}100%{opacity:1}}.content{animation:in var(--calcite-internal-animation-timing-slow) ease-in-out;padding-block:var(--calcite-block-padding, var(--calcite-spacing-sm));padding-inline:var(--calcite-block-padding, var(--calcite-spacing-md))}.content-start{display:flex;align-items:center;color:var(--calcite-color-text-3)}.control-container{margin:0px;display:flex;grid-area:control}calcite-action-menu{grid-area:menu}.actions-end{display:flex;align-items:stretch}:host([open]){margin-block:0.5rem}:host([open]) .header .title .heading{color:var(--calcite-color-text-1)}:host([hidden]){display:none}[hidden]{display:none}';
+/*!
+ * 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.11.1
+ */
+const Dt={dateStyle:"full"},zt={},Et={};async function Lt(t){const i=b(t);if(zt[i])return zt[i];Et[i]||(Et[i]=fetch(n(`./assets/date-picker/nls/${i}.json`)).then((t=>t.json())).catch((()=>(console.error(`Translations for "${i}" not found or invalid, falling back to english`),Lt("en")))));const e=await Et[i];return zt[i]=e,e}function It(t){return t.map(((t,i)=>S(t,1===i)))}const St=class{constructor(e){t(this,e),this.calciteDatePickerChange=i(this,"calciteDatePickerChange",6),this.calciteDatePickerRangeChange=i(this,"calciteDatePickerRangeChange",6),this.keyDownHandler=t=>{"Escape"===t.key&&this.resetActiveDates()},this.monthHeaderSelectChange=t=>{const i=new Date(t.detail);this.range?("end"===this.activeRange?this.activeEndDate=i:this.activeStartDate=i,this.mostRecentRangeValue=i):this.activeDate=i},this.monthActiveDateChange=t=>{const i=new Date(t.detail);this.range?("end"===this.activeRange?this.activeEndDate=i:this.activeStartDate=i,this.mostRecentRangeValue=i):this.activeDate=i},this.monthHoverChange=t=>{if(!this.range)return void(this.hoverRange=void 0);const{valueAsDate:i}=this,e=Array.isArray(i)&&i[0],s=Array.isArray(i)&&i[1],a=new Date(t.detail);if(this.hoverRange={focused:this.activeRange||"start",start:e,end:s},this.proximitySelectionDisabled)s&&e||!s&&a>=e?(this.hoverRange.focused="end",this.hoverRange.end=a):this.hoverRange=!s&&a<e?{focused:"start",start:a,end:e}:void 0;else if(e&&s){const t=F(a,e),i=F(a,s);i>0?(this.hoverRange.end=a,this.hoverRange.focused="end"):t<0||t>i?(this.hoverRange.start=a,this.hoverRange.focused="start"):(this.hoverRange.end=a,this.hoverRange.focused="end")}else e&&(a<e?this.hoverRange={focused:"start",start:a,end:e}:(this.hoverRange.end=a,this.hoverRange.focused="end"));t.stopPropagation()},this.monthMouseOutChange=()=>{this.hoverRange&&(this.hoverRange=void 0)},this.resetActiveDates=()=>{const{valueAsDate:t}=this;!Array.isArray(t)&&t&&t!==this.activeDate&&(this.activeDate=new Date(t)),Array.isArray(t)&&(t[0]&&t[0]!==this.activeStartDate&&(this.activeStartDate=new Date(t[0])),t[1]&&t[1]!==this.activeEndDate&&(this.activeEndDate=new Date(t[1])))},this.monthDateChange=t=>{const i=new Date(t.detail),e=P(i);if(!this.range&&e===P(this.valueAsDate))return;if(!this.range)return this.value=e||"",this.valueAsDate=i||null,this.activeDate=i||null,void this.calciteDatePickerChange.emit();const s=this.getStartDate(),a=this.getEndDate();if(!s||!a&&i<s)s&&this.setEndDate(new Date(s)),"end"==this.activeRange?this.setEndDate(i):this.setStartDate(i);else if(a)if(this.proximitySelectionDisabled)this.setStartDate(i),this.setEndDate(null);else if(this.activeRange)"end"==this.activeRange?this.setEndDate(i):this.setStartDate(i);else{const t=F(i,s),e=F(i,a);0===e||t<0?this.setStartDate(i):0===t||e<0?this.setEndDate(i):t<e?this.setStartDate(i):this.setEndDate(i)}else this.setEndDate(i);this.calciteDatePickerChange.emit()},this.activeDate=void 0,this.activeRange=void 0,this.value=void 0,this.headingLevel=void 0,this.valueAsDate=void 0,this.minAsDate=void 0,this.maxAsDate=void 0,this.min=void 0,this.max=void 0,this.numberingSystem=void 0,this.scale="m",this.range=!1,this.proximitySelectionDisabled=!1,this.messageOverrides=void 0,this.messages=void 0,this.activeEndDate=void 0,this.activeStartDate=void 0,this.dateTimeFormat=void 0,this.defaultMessages=void 0,this.effectiveLocale="",this.endAsDate=void 0,this.hoverRange=void 0,this.localeData=void 0,this.mostRecentRangeValue=void 0,this.startAsDate=void 0}activeDateWatcher(t){"end"===this.activeRange&&(this.activeEndDate=t)}valueAsDateWatcher(t){if(this.range&&Array.isArray(t)){const{activeStartDate:i,activeEndDate:e}=this,s=t[0],a=t[1];this.activeStartDate=i!==s&&s,this.activeEndDate=e!==a&&a}else t&&t!==this.activeDate&&(this.activeDate=t)}onMinChanged(t){this.minAsDate=S(t)}onMaxChanged(t){this.maxAsDate=S(t)}onMessagesChange(){}async setFocus(){await z(this),this.el.focus()}async reset(){this.resetActiveDates(),this.mostRecentRangeValue=void 0}connectedCallback(){f(this),k(this),Array.isArray(this.value)?this.valueAsDate=It(this.value):this.value&&(this.valueAsDate=S(this.value)),this.min&&(this.minAsDate=S(this.min)),this.max&&(this.maxAsDate=S(this.max))}disconnectedCallback(){g(this),$(this)}async componentWillLoad(){E(this),await this.loadLocaleData(),this.onMinChanged(this.min),this.onMaxChanged(this.max),await C(this)}componentDidLoad(){L(this)}render(){const t=R(this.range&&Array.isArray(this.valueAsDate)?this.valueAsDate[0]:this.valueAsDate,this.minAsDate,this.maxAsDate);let i=this.getActiveDate(t,this.minAsDate,this.maxAsDate);const a=this.range&&Array.isArray(this.valueAsDate)?R(this.valueAsDate[1],this.minAsDate,this.maxAsDate):null,n=this.getActiveEndDate(a,this.minAsDate,this.maxAsDate);return"end"!==this.activeRange&&("end"!==this.hoverRange?.focused||this.proximitySelectionDisabled&&!a)||!n||(i=n),this.range&&this.mostRecentRangeValue&&(i=this.mostRecentRangeValue),e(s,{key:"52087d405fc20cd885910944004caef0e4b4e33b",onBlur:this.resetActiveDates,onKeyDown:this.keyDownHandler},this.renderCalendar(i,this.range&&this.activeRange&&"start"===this.activeRange&&a||this.maxAsDate,this.range&&this.activeRange?"start"===this.activeRange?this.minAsDate:t||this.minAsDate:this.minAsDate,t,a))}effectiveLocaleChange(){_(this,this.effectiveLocale)}valueHandler(t){Array.isArray(t)?this.valueAsDate=It(t):t&&(this.valueAsDate=S(t))}async loadLocaleData(){N()&&(x.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:!1},this.localeData=await Lt(this.effectiveLocale),this.dateTimeFormat=y(this.effectiveLocale,Dt))}renderCalendar(t,i,s,a,n){return this.localeData&&[e("calcite-date-picker-month-header",{activeDate:t,headingLevel:this.headingLevel||2,localeData:this.localeData,max:i,messages:this.messages,min:s,onCalciteInternalDatePickerSelect:this.monthHeaderSelectChange,scale:this.scale,selectedDate:"end"===this.activeRange?n:a||new Date}),e("calcite-date-picker-month",{activeDate:t,dateTimeFormat:this.dateTimeFormat,endDate:this.range?n:void 0,hoverRange:this.hoverRange,localeData:this.localeData,max:i,min:s,onCalciteInternalDatePickerActiveDateChange:this.monthActiveDateChange,onCalciteInternalDatePickerHover:this.monthHoverChange,onCalciteInternalDatePickerMouseOut:this.monthMouseOutChange,onCalciteInternalDatePickerSelect:this.monthDateChange,scale:this.scale,selectedDate:"end"===this.activeRange?n:a,startDate:this.range?a:void 0})]}getEndDate(){return Array.isArray(this.valueAsDate)&&this.valueAsDate[1]||void 0}setEndDate(t){const i=this.getStartDate(),e=t?O(t):t;this.value=[P(i),P(t)],this.valueAsDate=[i,t],this.mostRecentRangeValue=e,this.calciteDatePickerRangeChange.emit(),this.activeEndDate=t||null}getStartDate(){return Array.isArray(this.valueAsDate)&&this.valueAsDate[0]}setStartDate(t){const i=this.getEndDate();this.value=[P(t),P(i)],this.valueAsDate=[t,i],this.mostRecentRangeValue=t,this.calciteDatePickerRangeChange.emit(),this.activeStartDate=t||null}getActiveDate(t,i,e){return R(this.activeDate,i,e)||t||R(new Date,i,e)}getActiveEndDate(t,i,e){return R(this.activeEndDate,i,e)||t||R(new Date,i,e)}static get delegatesFocus(){return!0}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{activeDate:["activeDateWatcher"],valueAsDate:["valueAsDateWatcher"],min:["onMinChanged"],max:["onMaxChanged"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange","loadLocaleData"],value:["valueHandler"]}}};St.style=":host{box-sizing:border-box;background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:host{display:inline-block;inline-size:auto;overflow:visible;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-1);vertical-align:top}:host([scale=s]){inline-size:234px;min-inline-size:216px;max-inline-size:380px}:host([scale=m]){inline-size:304px;min-inline-size:272px;max-inline-size:480px}:host([scale=l]){inline-size:370px;min-inline-size:320px;max-inline-size:600px}:host([hidden]){display:none}[hidden]{display:none}";
+/*!
+ * 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.11.1
+ */
+const Ft="calendar-wrapper",Pt="calendar-wrapper--end",Rt="border-top-color-one",Ot="no-bottom-border",At="input-wrapper",jt="input",Mt="menu-container",Tt="menu-container--active",Nt="toggle-icon",Bt=class{constructor(e){t(this,e),this.calciteInputDatePickerChange=i(this,"calciteInputDatePickerChange",6),this.calciteInputDatePickerBeforeClose=i(this,"calciteInputDatePickerBeforeClose",6),this.calciteInputDatePickerClose=i(this,"calciteInputDatePickerClose",6),this.calciteInputDatePickerBeforeOpen=i(this,"calciteInputDatePickerBeforeOpen",6),this.calciteInputDatePickerOpen=i(this,"calciteInputDatePickerOpen",6),this.calciteInternalInputInputHandler=t=>{const i=t.target,e=i.value,s=this.parseNumerals(e),a=this.formatNumerals(s);i.value=a;const{year:n}=j(e,this.localeData);if(n&&n.length<4)return;const o=M(e,this.localeData);T(o,this.min,this.max)&&(this.datePickerActiveDate=o)},this.calciteInternalInputBlurHandler=()=>{this.commitValue()},this.dialogId=`date-picker-dialog--${st()}`,this.focusOnOpen=!1,this.userChangedValue=!1,this.openTransitionProp="opacity",this.valueAsDateChangedExternally=!1,this.placeholderTextId=`calcite-input-date-picker-placeholder-${st()}`,this.onInputWrapperPointerDown=()=>{this.currentOpenInput=this.focusedInput},this.onInputWrapperClick=t=>{const{range:i,endInput:e,startInput:s,currentOpenInput:a}=this,n=t.currentTarget.getAttribute("data-position");t.composedPath().find((t=>t.classList?.contains(Nt)))&&("start"===n?s:e).setFocus(),i&&this.open&&a!==n||(this.open=!this.open)},this.setFilteredPlacements=()=>{const{el:t,flipPlacements:i}=this;this.filteredFlipPlacements=i?B(i,t):null},this.setTransitionEl=t=>{this.transitionEl=t},this.setStartInput=t=>{this.startInput=t},this.setEndInput=t=>{this.endInput=t},this.blurHandler=()=>{this.open=!1},this.keyDownHandler=t=>{const{defaultPrevented:i,key:e}=t;i||("Enter"===e?(t.preventDefault(),this.commitValue(),this.shouldFocusRangeEnd()?this.endInput?.setFocus():this.shouldFocusRangeStart()&&this.startInput?.setFocus(),J(this)&&this.restoreInputFocus()):"ArrowDown"===e?(this.open=!0,this.focusOnOpen=!0,t.preventDefault()):"Escape"===e&&(this.open=!1,t.preventDefault(),this.restoreInputFocus()))},this.startInputFocus=()=>{this.focusedInput="start"},this.endInputFocus=()=>{this.focusedInput="end"},this.setFloatingEl=t=>{this.floatingEl=t,H(this,this.referenceEl,this.floatingEl)},this.setStartWrapper=t=>{this.startWrapper=t,this.setReferenceEl()},this.setEndWrapper=t=>{this.endWrapper=t,this.setReferenceEl()},this.setDatePickerRef=t=>{this.datePickerEl=t,tt(this,{focusTrapEl:t,focusTrapOptions:{initialFocus:!1,setReturnFocus:!1}})},this.handleDateChange=t=>{this.range||(t.stopPropagation(),this.setValue(t.target.valueAsDate),this.localizeInputValues(),this.restoreInputFocus())},this.handleDateRangeChange=t=>{this.range&&(t.stopPropagation(),this.setRangeValue(t.target.valueAsDate),this.localizeInputValues(),this.restoreInputFocus())},this.setInputValue=(t,i="start")=>{const e=this[`${i}Input`];e&&(e.value=t)},this.setRangeValue=t=>{if(!this.range)return;const{value:i}=this,e=Array.isArray(i),s=Array.isArray(t);let a=s?P(s?t[0]:null):"";a&&(a=this.getNormalizedDate(a));let n=s?P(s?t[1]:null):"";n&&(n=this.getNormalizedDate(n));const o=a||n?[a,n]:"";if(o===i)return;this.userChangedValue=!0,this.value=o,this.valueAsDate=o?It(o):void 0;const l=this.calciteInputDatePickerChange.emit();l&&l.defaultPrevented&&(this.value=i,e?(this.setInputValue(i[0],"start"),this.setInputValue(i[1],"end")):(this.value=i,this.setInputValue(i)))},this.setValue=t=>{if(this.range)return;const i=this.value;let e=P(t);e=this.getNormalizedDate(e),e!==i&&(this.userChangedValue=!0,this.valueAsDate=e?S(e):void 0,this.value=e||"",this.calciteInputDatePickerChange.emit().defaultPrevented&&(this.value=i,this.setInputValue(i)))},this.commonDateSeparators=[".","-","/"],this.formatNumerals=t=>t?t.split("").map((t=>this.commonDateSeparators?.includes(t)?this.localeData?.separator:G?.includes(t)?x?.numberFormatter?.format(Number(t)):t)).join(""):"",this.parseNumerals=t=>t?t.split("").map((t=>G.includes(t)?x.delocalize(t):t)).join(""):"",this.disabled=!1,this.focusTrapDisabled=!1,this.form=void 0,this.readOnly=!1,this.value="",this.flipPlacements=void 0,this.headingLevel=void 0,this.valueAsDate=void 0,this.messageOverrides=void 0,this.messages=void 0,this.minAsDate=void 0,this.maxAsDate=void 0,this.min=void 0,this.max=void 0,this.open=!1,this.validationMessage=void 0,this.validationIcon=void 0,this.validity={valid:!1,badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1},this.name=void 0,this.numberingSystem=void 0,this.scale="m",this.status="idle",this.placement=W,this.range=!1,this.required=!1,this.overlayPositioning="absolute",this.proximitySelectionDisabled=!1,this.layout="horizontal",this.datePickerActiveDate=void 0,this.defaultMessages=void 0,this.effectiveLocale="",this.focusedInput="start",this.localeData=void 0}handleFocusTrapDisabled(t){this.open&&(t?it(this):et(this))}handleDisabledAndReadOnlyChange(t){t||(this.open=!1)}valueWatcher(t){if(!this.userChangedValue){let i;i=Array.isArray(t)?It(t):t?S(t):void 0,this.valueAsDateChangedExternally||i===this.valueAsDate||(this.valueAsDate=i),this.localizeInputValues()}this.userChangedValue=!1}valueAsDateWatcher(t){this.datePickerActiveDate=t;const i=this.range&&Array.isArray(t)?[P(t[0]),P(t[1])]:P(t);this.value!==i&&(this.valueAsDateChangedExternally=!0,this.value=i,this.valueAsDateChangedExternally=!1)}flipPlacementsHandler(){this.setFilteredPlacements(),this.reposition(!0)}onMessagesChange(){}onMinChanged(t){this.minAsDate=S(t)}onMaxChanged(t){this.maxAsDate=S(t)}openHandler(){I(this),this.disabled||this.readOnly?this.open=!1:this.reposition(!0)}overlayPositioningHandler(){this.reposition(!0)}calciteDaySelectHandler(){this.shouldFocusRangeStart()||this.shouldFocusRangeEnd()||(this.open=!1)}async setFocus(){await z(this),c(this.el)}async reposition(t=!1){const{floatingEl:i,referenceEl:e,placement:s,overlayPositioning:a,filteredFlipPlacements:n}=this;return U(this,{floatingEl:i,referenceEl:e,overlayPositioning:a,placement:s,flipPlacements:n,type:"menu"},t)}connectedCallback(){p(this),f(this);const{open:t}=this;if(t&&this.openHandler(),this.min&&(this.minAsDate=S(this.min)),this.max&&(this.maxAsDate=S(this.max)),Array.isArray(this.value))this.valueAsDate=It(this.value);else if(this.value)try{const t=S(this.value),i=R(t,this.minAsDate,this.maxAsDate);this.valueAsDate=i}catch(t){this.warnAboutInvalidValue(this.value),this.value=""}else this.valueAsDate&&(this.range?this.setRangeValue(this.valueAsDate):Array.isArray(this.valueAsDate)||(this.value=P(this.valueAsDate)));Q(this),K(this),k(this),this.setFilteredPlacements(),x.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:!1},this.open&&I(this),H(this,this.referenceEl,this.floatingEl)}async componentWillLoad(){E(this),await Promise.all([this.loadLocaleData(),C(this)]),this.onMinChanged(this.min),this.onMaxChanged(this.max)}componentDidLoad(){L(this),this.localizeInputValues(),H(this,this.referenceEl,this.floatingEl)}disconnectedCallback(){it(this),u(this),X(this),Z(this),V(this,this.referenceEl,this.floatingEl),g(this),$(this)}componentDidRender(){v(this)}render(){const{disabled:t,effectiveLocale:i,messages:a,numberingSystem:n,readOnly:o}=this;return x.numberFormatOptions={numberingSystem:n,locale:i,useGrouping:!1},e(s,{key:"d2c7596b3d8c5bf59a47171801a73cf8325b0214",onBlur:this.blurHandler,onKeyDown:this.keyDownHandler},e(m,{key:"c9b2355ed515748260b93c580e7ce462fb363bb9",disabled:this.disabled},this.localeData&&e("div",{key:"b5ffdad5ecaf135d5d74e13f0eb148cd689d8276",class:"input-container"},e("div",{key:"6950ddff12c7588c984fe86590938e4df8ce4ac0",class:At,"data-position":"start",onClick:this.onInputWrapperClick,onPointerDown:this.onInputWrapperPointerDown,ref:this.setStartWrapper},e("calcite-input-text",{key:"d4444a1cccbf8112dfdee4ebaff7b4da246fd168","aria-autocomplete":"none","aria-controls":this.dialogId,"aria-describedby":this.placeholderTextId,"aria-expanded":d(this.open),"aria-haspopup":"dialog",class:{[jt]:!0,[Ot]:"vertical"===this.layout&&this.range},disabled:t,icon:"calendar",onCalciteInputTextInput:this.calciteInternalInputInputHandler,onCalciteInternalInputTextBlur:this.calciteInternalInputBlurHandler,onCalciteInternalInputTextFocus:this.startInputFocus,placeholder:this.localeData?.placeholder,readOnly:o,ref:this.setStartInput,role:"combobox",scale:this.scale,status:this.status}),!this.readOnly&&this.renderToggleIcon(this.open&&"start"===this.focusedInput),e("span",{key:"fc01c4d6abf41f6d3de3553828d5eba47ab29f4e","aria-hidden":"true",class:"assistive-text",id:this.placeholderTextId},"Date Format: ",this.localeData?.placeholder)),e("div",{key:"998ee127b35ce6ea8ab4481c7c9034c4b7175726","aria-hidden":d(!this.open),"aria-label":a.chooseDate,"aria-live":"polite","aria-modal":"true",class:{[Mt]:!0,[Tt]:this.open},id:this.dialogId,ref:this.setFloatingEl,role:"dialog"},e("div",{key:"7fd228d5a4871a71acda67d8cddc19de68243c53",class:{[Ft]:!0,[Pt]:"end"===this.focusedInput,[q.animation]:!0,[q.animationActive]:this.open},ref:this.setTransitionEl},e("calcite-date-picker",{key:"5477699016423ab41aee9d324100c92d98aa8421",activeDate:this.datePickerActiveDate,activeRange:this.focusedInput,headingLevel:this.headingLevel,max:this.max,maxAsDate:this.maxAsDate,messageOverrides:this.messageOverrides,min:this.min,minAsDate:this.minAsDate,numberingSystem:n,onCalciteDatePickerChange:this.handleDateChange,onCalciteDatePickerRangeChange:this.handleDateRangeChange,proximitySelectionDisabled:this.proximitySelectionDisabled,range:this.range,ref:this.setDatePickerRef,scale:this.scale,tabIndex:this.open?void 0:-1,valueAsDate:this.valueAsDate}))),this.range&&"horizontal"===this.layout&&e("div",{key:"0f50ea7872f3b9139d8434972930f2bcf142cf38",class:"horizontal-arrow-container"},e("calcite-icon",{key:"ab18b23a1549bdfd859da64dd6f9d49fe3e96ad0",flipRtl:!0,icon:"arrow-right",scale:at(this.scale)})),this.range&&"vertical"===this.layout&&"s"!==this.scale&&e("div",{key:"8691507261f2ee44f12d3496fb2889e84ad55b54",class:"vertical-arrow-container"},e("calcite-icon",{key:"6b527d9782fc528041ec0e0e70ecbb85788ac7b2",icon:"arrow-down",scale:at(this.scale)})),this.range&&e("div",{key:"fdfea44f4bd7a8c242a454524a54e1617e1b491b",class:At,"data-position":"end",onClick:this.onInputWrapperClick,onPointerDown:this.onInputWrapperPointerDown,ref:this.setEndWrapper},e("calcite-input-text",{key:"7c907100f5388b7af81d827ef39544d68babefc1","aria-autocomplete":"none","aria-controls":this.dialogId,"aria-expanded":d(this.open),"aria-haspopup":"dialog",class:{[jt]:!0,[Rt]:"vertical"===this.layout&&this.range},disabled:t,icon:"calendar",onCalciteInputTextInput:this.calciteInternalInputInputHandler,onCalciteInternalInputTextBlur:this.calciteInternalInputBlurHandler,onCalciteInternalInputTextFocus:this.endInputFocus,placeholder:this.localeData?.placeholder,readOnly:o,ref:this.setEndInput,role:"combobox",scale:this.scale,status:this.status}),!this.readOnly&&this.renderToggleIcon(this.open&&"end"===this.focusedInput))),e(Y,{key:"3dd51741ee6ceb9d470b21f81d592965a5d236a4",component:this}),this.validationMessage&&"invalid"===this.status?e(nt,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}renderToggleIcon(t){return e("span",{class:Nt,tabIndex:-1},e("calcite-icon",{class:"chevron-icon",icon:t?"chevron-up":"chevron-down",scale:at(this.scale)}))}effectiveLocaleChange(){_(this,this.effectiveLocale),this.loadLocaleData()}setReferenceEl(){const{focusedInput:t,layout:i,endWrapper:e,startWrapper:s}=this;this.referenceEl="end"===t||"vertical"===i?e||s:s||e,requestAnimationFrame((()=>H(this,this.referenceEl,this.floatingEl)))}onLabelClick(){this.setFocus()}onBeforeOpen(){this.calciteInputDatePickerBeforeOpen.emit()}onOpen(){et(this,{onActivate:()=>{this.focusOnOpen&&(this.datePickerEl.setFocus(),this.focusOnOpen=!1)}}),this.calciteInputDatePickerOpen.emit()}onBeforeClose(){this.calciteInputDatePickerBeforeClose.emit()}onClose(){this.calciteInputDatePickerClose.emit(),it(this),this.restoreInputFocus(),this.focusOnOpen=!1,this.datePickerEl.reset()}syncHiddenFormInput(t){ot("date",this,t)}commitValue(){const{focusedInput:t,value:i}=this,e=M(this[`${t}Input`].value,this.localeData),s=P(e),a=Array.isArray(i);if(this.range)if(a){if(s===i["start"===t?0:1])return;e?(this.setRangeValue(["start"===t?e:S(i[0]),"end"===t?e:S(i[1])]),this.localizeInputValues()):this.setRangeValue(["end"===t&&S(i[0]),"start"===t&&S(i[1])])}else e&&(this.setRangeValue(["start"===t?e:S(i[0]),"end"===t?e:S(i[1])]),this.localizeInputValues());else{if(s===i)return;this.setValue(e),this.localizeInputValues()}}async loadLocaleData(){N()&&(x.numberFormatOptions={numberingSystem:this.numberingSystem,locale:this.effectiveLocale,useGrouping:!1},this.localeData=await Lt(this.effectiveLocale),this.localizeInputValues())}shouldFocusRangeStart(){return!(!this.value[1]||this.value[0]||"end"!==this.focusedInput||!this.startInput)}shouldFocusRangeEnd(){return!(!this.value[0]||this.value[1]||"start"!==this.focusedInput||!this.endInput)}restoreInputFocus(){this.range?("start"===this.focusedInput?this.startInput:this.endInput).setFocus():this.startInput.setFocus()}localizeInputValues(){const t=R(this.range?Array.isArray(this.valueAsDate)&&this.valueAsDate[0]||void 0:this.valueAsDate,this.minAsDate,this.maxAsDate),i=this.range?R(Array.isArray(this.valueAsDate)&&this.valueAsDate[1]||void 0,this.minAsDate,this.maxAsDate):null,e={numberingSystem:w(this.numberingSystem)},s=t&&t.toLocaleDateString(this.effectiveLocale,e),a=i&&i.toLocaleDateString(this.effectiveLocale,e);this.setInputValue(s??"","start"),this.setInputValue((this.range&&a)??"","end")}warnAboutInvalidValue(t){console.warn(`The specified value "${t}" does not conform to the required format, "YYYY-MM-DD".`)}getNormalizedDate(t){if(!t)return"";if(!
+/*!
+ * 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.11.1
+ */
+function(t){if(!t)return!1;const{year:i}=A(t);return Number(i)<100}(t))return t;const{day:i,month:e,year:s}=A(t);return`${function(t){const i=(new Date).getFullYear();return 100*Math.floor(i/100)+t}(Number(s))}-${e}-${i}`}static get delegatesFocus(){return!0}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{focusTrapDisabled:["handleFocusTrapDisabled"],disabled:["handleDisabledAndReadOnlyChange"],readOnly:["handleDisabledAndReadOnlyChange"],value:["valueWatcher"],valueAsDate:["valueAsDateWatcher"],flipPlacements:["flipPlacementsHandler"],messageOverrides:["onMessagesChange"],min:["onMinChanged"],max:["onMaxChanged"],open:["openHandler"],overlayPositioning:["overlayPositioningHandler"],effectiveLocale:["effectiveLocaleChange"],layout:["setReferenceEl"],focusedInput:["setReferenceEl"]}}};Bt.style=":host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}: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:inline-block;inline-size:100%;overflow:visible;vertical-align:top;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host .menu-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, 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}:host .menu-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}:host .menu-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}:host .menu-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}:host .menu-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}:host .menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([scale=s]){--calcite-toggle-spacing:0.5rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 1rem)}:host([scale=m]){--calcite-toggle-spacing:0.75rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 1.5rem)}:host([scale=l]){--calcite-toggle-spacing:1rem;--calcite-internal-input-text-input-padding-inline-end:calc(var(--calcite-toggle-spacing) + 2rem)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}.calendar-wrapper{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}.input-wrapper .chevron-icon{color:var(--calcite-color-text-3)}.input-wrapper:focus-within .chevron-icon,.input-wrapper:active .chevron-icon,.input-wrapper:hover .chevron-icon{color:var(--calcite-color-text-1)}.toggle-icon{position:absolute;display:flex;cursor:pointer;align-items:center;inset-inline-end:0;inset-block:0;padding-inline:var(--calcite-toggle-spacing)}:host([range]) .input-container{display:flex}:host([range]) .input-wrapper{flex:1 1 auto}:host([range]) .horizontal-arrow-container{display:flex;align-items:center;border-width:1px;border-inline-start-width:0px;border-inline-end-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);padding-block:0px;padding-inline:0.25rem}:host([range][layout=vertical]) .input-wrapper{inline-size:100%}:host([range][layout=vertical]) .input-container{flex-direction:column;align-items:flex-start}:host([range][layout=vertical]) .calendar-wrapper--end{transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{inset-block-start:1.5rem;position:absolute;z-index:var(--calcite-z-index);margin-inline:1px;background-color:var(--calcite-color-foreground-1);padding-inline:0.625rem;inset-inline-start:0}.menu-container{--calcite-floating-ui-z-index:var(--calcite-z-index-dropdown);display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.menu-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);transition-property:transform, visibility, 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}.menu-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.menu-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.menu-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.menu-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.menu-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;transform:translate(0)}:host([open]) .menu-container{visibility:visible}.menu-container--active{visibility:visible}.input .calcite-input__wrapper{margin-block-start:0px}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{inset-block-start:1.5rem;padding-inline-start:0.75rem}:host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon{block-size:0.75rem;inline-size:0.75rem;min-inline-size:0px}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{inset-block-start:2.25rem;padding-inline:0.875rem}:host([range][layout=vertical][open]) .vertical-arrow-container{display:none}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale=m]) .validation-container,:host([scale=l]) .validation-container{padding-block-start:0.5rem}:host([scale=s]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}.assistive-text{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}:host([hidden]){display:none}[hidden]{display:none}";const Ht="instant-apps-filter-list calcite-mode-light",Wt=["feature","geojson","wfs","csv","scene","subtype-group","point-cloud","map-image","sublayer"];function Ut(t){return t.replaceAll("'","''")}function Vt(t,i=!1){if(t){const e=new Date(t),s=`${e.getFullYear()}-${e.getMonth()+1}-${e.getDate()}`;return i?`${s} ${e.getHours()}:${e.getMinutes()}:${e.getSeconds()}`:s}}function qt(t){var i;if(null!=t){t.value=["",""];const e=null===(i=t.shadowRoot)||void 0===i?void 0:i.querySelectorAll("calcite-input");if(null!=e)for(const t of e)t.value=""}}const Jt="instant-apps-filter-list__footer",Kt="instant-apps-filter-list__item-container--user-input",Zt=class{constructor(e){t(this,e),this.filterListReset=i(this,"filterListReset",7),this.filterUpdate=i(this,"filterUpdate",7),this.layerExpressions=void 0,this.autoUpdateUrl=!1,this.closeBtn=!1,this.closeBtnOnClick=void 0,this.comboboxOverlayPositioning="absolute",this.closeBtnText=void 0,this.openFilters=!1,this.extentSelector=!1,this.extentSelectorConfig=void 0,this.urlParams=void 0,this.filterCount=0,this.view=void 0,this.zoomBtn=!0,this.loading=void 0,this.filterLayerExpressions=void 0,this.messages=void 0,this.baseClass=Ht,this.disabled=!0,this.hasLayerExpression=!1,this.initDefExpressions=void 0,this.initMapImageExpressions=void 0,this.initPointCloudFilters=void 0}watchViewHandler(){this.handleWhenView()}watchLayerExpressions(){this.hasLayerExpression||(this.filterLayerExpressions=JSON.parse(JSON.stringify(this.layerExpressions)),this.handleLayerExpressionsUpdate(),this.hasLayerExpression=!0)}async componentWillLoad(){var t;this.baseClass="dark"===ct(this.el)?"instant-apps-filter-list calcite-mode-dark":Ht,await this.initializeModules(),rt(this),this.hasLayerExpression=null!=this.layerExpressions,this.filterLayerExpressions=null!=this.layerExpressions?JSON.parse(JSON.stringify(this.layerExpressions)):void 0,this.disabled=!(null===(t=this.filterLayerExpressions)||void 0===t?void 0:t.length)||void 0,this.reactiveUtils.whenOnce((()=>this.view)).then((()=>this.handleLayerExpressionsUpdate()))}componentShouldUpdate(t,i,e){"view"===e&&null!=t?this.handleWhenView():"layerExpressions"===e&&(this.hasLayerExpression&&this.resetAllFilters(),this.filterLayerExpressions=JSON.parse(JSON.stringify(this.layerExpressions)),this.handleLayerExpressionsUpdate(),this.hasLayerExpression=!0)}componentWillRender(){var t;this.disabled=!((null===(t=this.filterLayerExpressions)||void 0===t?void 0:t.length)>0)||void 0}disconnectedCallback(){this.filterLayerExpressions=JSON.parse(JSON.stringify(this.layerExpressions)),this.resetAllFilters()}async initializeModules(){const[t,i,e]=await lt(["esri/intl","esri/geometry/support/jsonUtils","esri/core/reactiveUtils"]);this.geometryJsonUtils=i,this.reactiveUtils=e,this.locale=t.getLocale(),this.intl=t}render(){const t=this.loading?this.renderLoading():this.initFilterConfig(),i=this.closeBtn?this.renderFullFooter():this.renderFooter();return e(s,{key:"23a4da63199da79792c55fa7c18178c534d34134"},e("calcite-panel",{key:"374587dc39d146cc1d1fbb10ce491c8ab0ab872c",class:this.baseClass,ref:t=>this.panelEl=t},e("slot",{key:"282b136c8edf17ec301006493a1a229b968e92b0",slot:"header-content",name:"filter-header-content"}),e("slot",{key:"ee1e49377b23151e87fd850708c44304abcb170d",slot:"header-actions-end",name:"filter-header-actions-end"}),e("div",{key:"filter-container",class:"instant-apps-filter-list__container"},t,i)))}renderLoading(){return e("calcite-loader",{label:"Loading filters..."})}renderFilter(t){const{id:i}=t;return t.expressions.map(((s,a)=>"checkbox"==s.type||null==s.type?e("div",{key:`${i}-${a}`,class:"instant-apps-filter-list__item-container"},e("div",{class:"instant-apps-filter-list__title"},e("p",null,s.name)),e("div",{class:"instant-apps-filter-list__checkbox-container"},e("calcite-checkbox",{id:s.id.toString(),scale:"l",checked:null==s?void 0:s.active,onCalciteCheckboxChange:this.handleCheckboxChange.bind(this,t,s)}))):this.initInput(t,s)))}renderLayerBlock(){return this.filterLayerExpressions.map((t=>this.renderFilterBlocks(t)))}renderFilterBlocks(t){var i;const s=this.renderFilter(t),{operator:a}=t,n="OR"===(null==a?void 0:a.trim())?"orOperator":"andOperator",o=this.renderZoomTo(t);return e("calcite-block",{key:t.id,heading:t.title,description:null===(i=this.messages)||void 0===i?void 0:i[n],open:!!this.openFilters||void 0,collapsible:!0},o,s)}renderCombobox(t,i){var s;return e("label",{key:"combo-select",class:Kt},e("span",null,i.name),e("calcite-combobox",{id:i.id.toString(),onCalciteComboboxChange:this.handleComboSelect.bind(this,i,t),label:i.name,placeholder:i.placeholder,selectionMode:"multiple","max-items":"6",scale:"s",overlayPositioning:this.comboboxOverlayPositioning},null===(s=i.fields)||void 0===s?void 0:s.map(((t,e)=>this.renderComboboxItem(i,t,e)))))}renderComboboxItem(t,i,s){var a;const n=this.createLabel(t,i),o=null==t?void 0:t.selectedFields,l=null!==(a=null==o?void 0:o.includes(i))&&void 0!==a&&a;return e("calcite-combobox-item",{key:`${n}-${s}`,value:i,textLabel:`${n}`,selected:l})}initFilterConfig(){var t,i;if((null===(t=this.filterLayerExpressions)||void 0===t?void 0:t.length)>0){if(1===this.filterLayerExpressions.length){const{operator:t}=this.filterLayerExpressions[0],s="OR"===(null==t?void 0:t.trim())?"orOperator":"andOperator",a=this.renderZoomTo(this.filterLayerExpressions[0]);return e("calcite-block",{class:"instant-apps-filter-list__operator-description",heading:null===(i=this.messages)||void 0===i?void 0:i[s],open:!0},a,this.renderFilter(this.filterLayerExpressions[0]))}if(this.filterLayerExpressions.length>1)return this.renderLayerBlock()}}renderNumberSlider(t,i){var s,a,n,o,l,r,c,h;const d=null==i?void 0:i.min,p=null==i?void 0:i.max,u=(null==i?void 0:i.step)?i.step:1,v=null!==(s=null==i?void 0:i.field)&&void 0!==s?s:"",m=[null!=(null===(a=null==i?void 0:i.range)||void 0===a?void 0:a.min)?i.range.min:d,null!=(null===(n=null==i?void 0:i.range)||void 0===n?void 0:n.max)?i.range.max:p];return null!=d&&null!=p?e("label",{key:null==i?void 0:i.id.toString(),class:Kt},e("span",null,null==i?void 0:i.name),e("div",{class:"instant-apps-filter-list__number-input-container"},e("calcite-slider",{id:null==i?void 0:i.id.toString(),onCalciteSliderChange:this.handleSliderChange.bind(this,i,t),min:d,max:p,minValue:d,maxValue:p,"min-label":null===(l=null===(o=this.messages)||void 0===o?void 0:o.minSlider)||void 0===l?void 0:l.replace("{field}",v),"max-label":null===(c=null===(r=this.messages)||void 0===r?void 0:r.maxSlider)||void 0===c?void 0:c.replace("{field}",v),step:u,labelHandles:!0,snap:!0,value:m,"group-separator":null===(h=null==i?void 0:i.format)||void 0===h?void 0:h.digitSeparator}))):void 0}renderDatePicker(t,i){var s,a,n,o;const{min:l,max:r}=i,c=[null===(s=null==i?void 0:i.range)||void 0===s?void 0:s.min,null===(a=null==i?void 0:i.range)||void 0===a?void 0:a.max];return null!=l&&null!=r?e("label",{class:Kt},e("span",null,null==i?void 0:i.name),e("div",{class:"instant-apps-filter-list__date-picker-input-container"},e("calcite-input-date-picker",{id:null==i?void 0:i.id.toString(),onCalciteInputDatePickerChange:this.handleDatePickerRangeChange.bind(this,i,t),min:l,max:r,"overlay-positioning":"fixed",lang:null!==(n=this.locale)&&void 0!==n?n:"en",layout:"vertical",value:c,range:!0}),e("calcite-action",{onClick:this.handleResetDatePicker.bind(this,i,t),icon:"reset",text:null===(o=this.messages)||void 0===o?void 0:o.resetDatePicker,scale:"s"}))):null}renderFooter(){var t;return e("div",{class:Jt,slot:"footer"},e("calcite-button",{appearance:"outline",width:"full",disabled:this.disabled,onClick:this.handleResetFilter.bind(this)},null===(t=this.messages)||void 0===t?void 0:t.resetFilter))}renderFullFooter(){var t,i,s;const a=null!=this.closeBtnText?this.closeBtnText:null===(t=this.messages)||void 0===t?void 0:t.close;return e("div",{class:Jt,slot:"footer"},e("calcite-button",{appearance:"outline",width:"half",disabled:this.disabled,onClick:this.handleResetFilter.bind(this)},null===(i=this.messages)||void 0===i?void 0:i.resetFilter),e("calcite-button",{appearance:"solid",width:"half",kind:"brand",onClick:null===(s=this.closeBtnOnClick)||void 0===s?void 0:s.bind(this)},a))}renderZoomTo(t){var i;return this.zoomBtn?e("div",{class:"instant-apps-filter-list__zoom-to"},e("calcite-button",{id:(null==t?void 0:t.sublayerId)?`zoom-to-${t.id}-${t.sublayerId}`:`zoom-to-${t.id}`,appearance:"transparent",kind:"neutral",scale:"s",iconStart:"magnifying-glass-plus",onClick:this.handleZoomTo.bind(this,t)},null===(i=this.messages)||void 0===i?void 0:i.zoomTo)):void 0}handleResetDatePicker(t,i){qt(this.panelEl.querySelector(`[id='${t.id}']`)),t.active=!1,t.definitionExpression=void 0,t.range=void 0,this.generateOutput(i)}initInput(t,i){const{type:e,numDisplayOption:s,displayOption:a}=i;return"string"!==e&&"coded-value"!==e&&("number"!==e&&"range"!==e&&"date"!==e||"drop-down"!==s&&"drop-down"!==a)?"number"===e||"range"===e?this.renderNumberSlider(t,i):"date"===e?this.renderDatePicker(t,i):void 0:this.renderCombobox(t,i)}async initExpressions(){if(this.loading=!0,null==this.filterLayerExpressions)return;const t=await this.processExpressions();this.loading=!1,this.filterLayerExpressions=[...t]}async processExpressions(){var t;if(!this.filterLayerExpressions)return[];for(const i of this.filterLayerExpressions)for(const e of i.expressions||[])e.active=null!==(t=e.active)&&void 0!==t?t:null!=e.definitionExpression,await this.setInitExpression(i,e);return this.filterLayerExpressions}handleResetFilter(){var t;null===(t=this.filterLayerExpressions)||void 0===t||t.forEach((t=>{var i;null===(i=t.expressions)||void 0===i||i.forEach((t=>{const{type:i,numDisplayOption:e,displayOption:s}=t;let a="";"string"!==i&&"coded-value"!==i&&("date"!==i||"drop-down"!==e&&"drop-down"!==s)&&("number"!==i&&"range"!==i||"drop-down"!==e&&"drop-down"!==s)?"date"===i?a="datePicker":"number"!==i&&"range"!==i||(a="numberRange"):a="combobox",a?this.resetExpressionUI(a,t):this.resetCheckbox(t),t.active=!1}))})),this.resetAllFilters(),this.generateURLParams(),this.filterListReset.emit()}resetExpressionUI(t,i){const{id:e}=i;switch(t){case"combobox":i.selectedFields=void 0;const t=this.panelEl.querySelector(`[id='${e}']`);t&&Array.from(t.children).forEach((t=>{t.selected=!1}));break;case"datePicker":i.range=void 0,qt(this.panelEl.querySelector(`[id='${e}']`));break;case"numberRange":i.range=void 0;const s=this.panelEl.querySelector(`[id='${e}']`);s&&(s.minValue=i.min,s.maxValue=i.max)}}resetCheckbox(t){const{id:i}=t,e=this.panelEl.querySelector(`[id='${i}']`);null!=e&&(e.checked=!1)}resetAllFilters(){var t,i,e,s,a;const n=null===(e=null===(i=null===(t=this.view)||void 0===t?void 0:t.map)||void 0===i?void 0:i.allLayers)||void 0===e?void 0:e.concat(null===(a=null===(s=this.view)||void 0===s?void 0:s.map)||void 0===a?void 0:a.allTables);null==n||n.forEach((t=>{var i,e;if(!Wt.includes(t.type))return;const s=t;"point-cloud"===s.type?s.filters=null===(i=this.initPointCloudFilters)||void 0===i?void 0:i[s.id]:"map-image"===s.type?s.allSublayers.forEach((t=>{var i,e;t.definitionExpression=null===(e=null===(i=this.initMapImageExpressions)||void 0===i?void 0:i[s.id])||void 0===e?void 0:e[t.id]})):s.definitionExpression=null===(e=this.initDefExpressions)||void 0===e?void 0:e[s.id]}))}async updateStringExpression(t,i){const e=this.findFilterLayer(t);return await this.getFeatureAttributes(e,i),this.handleDateField(e,i),!!(null==i?void 0:i.selectedFields)&&(i.definitionExpression=this.createDefinitionExpression(i),!0)}handleDateField(t,i){if("date"===i.type){const e=t.fields.find((({name:t})=>t===i.field));"date-only"===(null==e?void 0:e.type)&&(i.dateOnly=!0)}}createDefinitionExpression(t){var i;if(!(null===(i=t.selectedFields)||void 0===i?void 0:i.length))return"";const e=t.selectedFields.map((t=>"number"==typeof t?t:`'${Ut(t)}'`));return`${t.field} IN (${e.join(",")})`}async updateNumberExpression(t,i){var e,s;if(!(null==i?void 0:i.min)&&0!==(null==i?void 0:i.min)||!(null==i?void 0:i.max)&&0!==(null==i?void 0:i.max)){const a=this.findFilterLayer(t),{field:n}=i;if(null!=n)if(this.setExpressionFormat(a,i,n),"drop-down"===(null==i?void 0:i.numDisplayOption)||"drop-down"===(null==i?void 0:i.displayOption))await this.getFeatureAttributes(a,i);else{const t=await this.calculateMinMaxStatistics(a,n),o=null===(e=null==t?void 0:t[0])||void 0===e?void 0:e.attributes;if(null!=(null===(s=i.format)||void 0===s?void 0:s.places)?(i.min=this.roundMinNumberDown(o[`min${n}`],i.format.places),i.max=this.roundMaxNumberUp(o[`max${n}`],i.format.places)):(i.min=o[`min${n}`],i.max=o[`max${n}`]),(null==i?void 0:i.range)&&Object.keys(i.range).length){const{min:t,max:e}=i.range;return i.definitionExpression=`${i.field} BETWEEN ${t} AND ${e}`,!0}}}return!1}async updateDateExpression(t,i){var e;const{field:s,range:a}=i,n=this.findFilterLayer(t),o=await this.calculateMinMaxStatistics(n,s),l=null===(e=null==o?void 0:o[0])||void 0===e?void 0:e.attributes;if(i.min=Vt(l[`min${s}`]),i.max=Vt(l[`max${s}`]),null!=a&&(null!=(null==a?void 0:a.max)||null!=(null==a?void 0:a.min))){let{min:t,max:e}=a;if(t=null==t?void 0:t.replace("+"," "),e=null==e?void 0:e.replace("+"," "),t||e){const a=e&&!t?"<":!e&&t?">":null;return i.definitionExpression=a?`${s} ${a} '${null!=t?t:e}'`:`${s} BETWEEN '${t}' AND '${e}'`,!0}}return!1}updateCodedValueExpression(t,i){var e,s;if(!(null==i?void 0:i.domain)||"coded-value"!==(null===(e=null==i?void 0:i.domain)||void 0===e?void 0:e.type))return!1;const a=i.domain.codedValues.reduce(((t,{code:i,name:e})=>(t[i]=e,t)),{});if(t.codedValues=a,t.fields=Object.keys(a),null===(s=t.selectedFields)||void 0===s?void 0:s.length){const i=t.selectedFields.map((t=>"number"==typeof t?t:`'${Ut(t)}'`)).join(",");return t.definitionExpression=`${t.field} IN (${i})`,!0}return!1}updateRangeExpression(t,i){var e;if(!(null==i?void 0:i.domain)||"range"!==(null===(e=null==i?void 0:i.domain)||void 0===e?void 0:e.type))return!1;const{field:s,range:a}=t;return t.min=i.domain.minValue,t.max=i.domain.maxValue,!(!a||!Object.keys(a).length||(t.definitionExpression=`${s} BETWEEN ${a.min} AND ${a.max}`,0))}async getFeatureAttributes(t,i){if(!this.isLayerSupported(t))return void(i.fields=[]);const e=await this.getQueryLayer(t),{maxRecordCount:s,supportsMaxRecordCountFactor:a}=this.extractQueryCapabilities(t),n=await e.queryFeatureCount(),o=this.createQuery(e,i);await this.queryDistinctFeatures(e,o,i),this.shouldPaginate(s,n,a)&&this.handlePagination(e,o,s,a,n,i)}isLayerSupported(t){return t&&Wt.includes(t.type)}extractQueryCapabilities(t){var i,e,s,a,n,o;return{maxRecordCount:null!==(s=null===(e=null===(i=t.capabilities)||void 0===i?void 0:i.query)||void 0===e?void 0:e.maxRecordCount)&&void 0!==s?s:null===(a=t.sourceJSON)||void 0===a?void 0:a.maxRecordCount,supportsMaxRecordCountFactor:null===(o=null===(n=t.capabilities)||void 0===n?void 0:n.query)||void 0===o?void 0:o.supportsMaxRecordCountFactor}}createQuery(t,i){const e=t.createQuery();this.applyCacheHint(t,e);const s=null==i?void 0:i.field;if(s){const i=this.getInitDefExprFromLayer(t);e.where=i||"1=1",e.outFields=[s],e.orderByFields=[`${s} ASC`],e.returnDistinctValues=!0,e.returnGeometry=!1,e.maxRecordCountFactor=5,this.applyQueryGeometryFromExtentSelector(e)}return e}async queryDistinctFeatures(t,i,e){if(!i.outFields)return;const s=await this.queryForFeatures(t,i,i.outFields[0]);(null==s?void 0:s.length)&&(e.fields=[...new Set(s)],"string"===e.type?e.fields=e.fields.sort():"number"===e.type&&(e.fields=e.fields.sort(((t,i)=>t-i))))}getQueryCount(t,i){return i?5*t:t}shouldPaginate(t,i,e){const s=this.getQueryCount(t,e);return null!=t&&i>s}async handlePagination(t,i,e,s,a,n){const o=this.getQueryCount(e,s),l=[];for(let s=o;s<a;s+=o){const a=i.clone();a.num=e,a.start=s,l.push(this.queryForFeatures(t,a,i.outFields[0]))}Promise.all(l).then((t=>{t.forEach((t=>{(null==t?void 0:t.length)&&n.fields&&n.fields.push(...t)})),n.fields=[...new Set(n.fields)].sort(),this.filterLayerExpressions=[...this.filterLayerExpressions]}))}async queryForFeatures(t,i,e){const s=await t.queryFeatures(i),a=null==s?void 0:s.features.filter((t=>{var i;return null===(i=t.attributes)||void 0===i?void 0:i[e]}));return null==a?void 0:a.map((t=>{var i;return null===(i=t.attributes)||void 0===i?void 0:i[e]}))}async calculateMinMaxStatistics(t,i){if(!t||!Wt.includes(t.type)||!i)return[];const e=this.createStatisticsQuery(t,i),s=await t.queryFeatures(e);return(null==s?void 0:s.features)||[]}createStatisticsQuery(t,i){const e=t.createQuery();return e.where=this.getInitDefExprFromLayer(t)||"1=1",this.applyCacheHint(t,e),e.outStatistics=[{onStatisticField:i,outStatisticFieldName:`max${i}`,statisticType:"max"},{onStatisticField:i,outStatisticFieldName:`min${i}`,statisticType:"min"}],this.applyQueryGeometryFromExtentSelector(e),e}getExtent(t,i){if(t&&i){const{constraints:t}=i;let e=Object.assign({},t);const s=null==e?void 0:e.geometry;if(s){const t="extent"in s?s:this.geometryJsonUtils.fromJSON(s);if("extent"===(null==t?void 0:t.type)||"polygon"===(null==t?void 0:t.type))return t}}}async setInitExpression(t,i){if(!i.field||!i.type)return void await this.updateExpression(t,i,void 0);const e=this.findFilterLayer(t);e&&("not-loaded"!==e.loadStatus&&"failed"!==e.loadStatus||await e.load(),await e.when((async()=>{var s,a;const n=null===(s=e.fields)||void 0===s?void 0:s.find((({name:t})=>t===i.field)),o=null===(a=null==n?void 0:n.domain)||void 0===a?void 0:a.type;i.type="coded-value"===o||"range"===o?o:i.type,await this.updateExpression(t,i,n)})))}async updateExpression(t,i,e){await this.handleExpressionType(t,i,e)&&this.generateOutput(t)}async handleExpressionType(t,i,e){var s;switch(i.type){case"string":return await this.updateStringExpression(t,i);case"number":return await this.updateNumberExpression(t,i);case"date":return this.updateDateExpressionBasedOnDisplayOption(t,i);case"coded-value":return this.updateCodedValueExpression(i,e);case"range":return this.updateRangeExpressionBasedOnDisplayOption(t,i,e);case"checkbox":case null:return null!==(s=i.active)&&void 0!==s&&s;default:return!1}}async updateDateExpressionBasedOnDisplayOption(t,i){return"drop-down"===i.displayOption?await this.updateStringExpression(t,i):await this.updateDateExpression(t,i)}async updateRangeExpressionBasedOnDisplayOption(t,i,e){return"drop-down"===i.displayOption?await this.updateStringExpression(t,i):this.updateRangeExpression(i,e)}updateRangeExpressions(t,i,e,s){const a=this.getInitDefExprFromLayerExpression(i);!s&&0!==s||!e&&0!==e||(s===(null==t?void 0:t.min)&&e===(null==t?void 0:t.max)?(t.definitionExpression=void 0,t.active=!1):(t.definitionExpression=a?`(${a}) AND ${null==t?void 0:t.field} BETWEEN ${s} AND ${e}`:`${null==t?void 0:t.field} BETWEEN ${s} AND ${e}`,t.active=!0)),t.range={min:s,max:e}}handleCheckboxChange(t,i,e){i.active=e.target.checked,this.generateOutput(t)}handleSliderChange(t,i,e){const{maxValue:s,minValue:a}=e.target;this.updateRangeExpressions(t,i,s,a),this.generateOutput(i)}handleComboSelect(t,i,e){const s=e.target.selectedItems,{field:a,type:n}=t;if(t.selectedFields=s.map((({value:t})=>t)),s.length){const i=s.map((({value:t})=>"number"==typeof t?t:`'${Ut(t)}'`));t.definitionExpression="date"===n?i.map((t=>this.buildDateExpression(t,a))).join(" OR "):`${a} IN (${i.join(",")})`,t.active=!0}else t.definitionExpression=void 0,t.active=!1;this.generateOutput(i)}handleDatePickerRangeChange(t,i,e){const s=e.target,[a,n]=s.valueAsDate,o=a?Vt(Math.floor(a.getTime()),!0):void 0,l=n?Vt(Math.floor(n.getTime()),!0):void 0;(o||l)&&(t.definitionExpression=this.constructDefinitionExpression(t.field,o,l),t.range={min:o,max:l},t.active=!0,this.generateOutput(i))}constructDefinitionExpression(t,i,e){return i?e?`${t} BETWEEN '${i}' AND '${e}'`:`${t} > '${i}'`:`${t} < '${e}'`}handleURLParams(){if(!("URLSearchParams"in window))return;const t=new URLSearchParams(document.location.search).get("filter");if(!t)return void(this.filterCount=0);const i=t.split(";").map((t=>JSON.parse(t)));this.filterCount=this.applyFilters(i)}applyFilters(t){let i=0;return t.forEach((t=>{var e,s;const a=null===(e=this.filterLayerExpressions)||void 0===e?void 0:e.find((i=>i.id===t.layerId));a&&(null===(s=a.expressions)||void 0===s||s.forEach((e=>{var s,a;(null===(s=e.id)||void 0===s?void 0:s.toString())===(null===(a=t.expressionId)||void 0===a?void 0:a.toString())&&(this.activateExpression(e,t),i++)})))})),i}activateExpression(t,i){t.active=!0,"range"===i.type?t.range=i.range:"select"===i.type&&(t.selectedFields=i.selectedFields)}createURLParamExpression(t,i){const{id:e,range:s,selectedFields:a,type:n}=i;return"string"===n||"coded-value"===n||"drop-down"===(null==i?void 0:i.numDisplayOption)||"drop-down"===(null==i?void 0:i.displayOption)?{type:"select",layerId:t.id,expressionId:e.toString(),selectedFields:a}:"number"===n||"range"===n||"date"===n?{type:"range",layerId:t.id,expressionId:e.toString(),range:s}:{layerId:t.id,expressionId:e.toString()}}autoUpdateURLCheck(t){if(this.autoUpdateUrl){const i=t.toString()?`${window.location.pathname}?${t}`.trim():window.location.pathname;window.history.replaceState({},"",i)}}generateURLParams(){var t;if(!("URLSearchParams"in window))return;const i=new URLSearchParams(window.location.search),e=(null===(t=this.filterLayerExpressions)||void 0===t?void 0:t.flatMap((t=>{var i;return(null===(i=null==t?void 0:t.expressions)||void 0===i?void 0:i.filter((t=>t.active)).map((i=>JSON.stringify(this.createURLParamExpression(t,i)))))||[]})))||[];this.filterCount=e.length,e.length>0?i.set("filter",e.join(";")):i.delete("filter"),this.autoUpdateURLCheck(i),this.urlParams=i}updateFilter(t,i,e){const{id:s}=t,a=this.view.map.findLayerById(s)||this.view.map.findTableById(s);if(null!=a)if("point-cloud"===a.type)this.updateFilterLayerPCLFilter(a,e);else if("map-image"===a.type){const e=a.findSublayerById(null==t?void 0:t.sublayerId);null!=e&&this.updateFilterLayerDefExpression(e,i,t)}else this.updateFilterLayerDefExpression(a,i,t)}updateFilterLayerDefExpression(t,i,e){const{operator:s}=e;let a=this.getInitDefExprFromLayer(t);const n=(null==i?void 0:i.length)>0&&null!=a?`(${i.join(s)}) AND (${a})`:i.length>0?i.join(s):a;t.definitionExpression=n}updateFilterLayerPCLFilter(t,i){t.filters=i}async handleWhenView(){if(null==this.view)return;const t=this.view.map;await t.loadAll(),this.handleLayerExpressionsUpdate()}async handleLayerExpressionsUpdate(){if(null==this.view)return;const t=this.view.map;this.initDefExpressions={},this.initPointCloudFilters={},this.initMapImageExpressions={},t.allLayers.concat(t.allTables).forEach((t=>{if(!Wt.includes(t.type))return;const i=t;"point-cloud"===i.type?this.initPointCloudFilters[i.id]=i.filters:"map-image"===i.type?this.initMapImageExpressions[i.id]=i.allSublayers.reduce(((t,i)=>(t[i.id]=i.definitionExpression,t)),{}):this.initDefExpressions[i.id]=i.definitionExpression})),this.initExpressions(),this.handleURLParams()}async handleZoomTo(t){const i=this.panelEl.querySelector((null==t?void 0:t.sublayerId)?`#zoom-to-${t.id}-${t.sublayerId}`:`#zoom-to-${t.id}`),e=(t,e)=>{i&&(i.loading=t,i.disabled=e)};e(!0,!0),await this.getZoomToExtent(t);const s="point"===this.zoomToExtent.type&&1===this.zoomToExtent.count?{target:this.zoomToExtent.extent,zoom:10}:this.zoomToExtent.extent;await this.view.goTo(s),e(!1,!1)}async getZoomToExtent(t){var i;const e=this.view.allLayerViews.find((({layer:i})=>i.id===t.id)),s=e.layer,a="map-image"===s.type?s.findSublayerById(t.sublayerId):s;if("point-cloud"!==a.type&&Wt.includes(null==a?void 0:a.type)){const t=await this.getQueryLayer(a),e=t.createQuery();e.where=null!==(i=t.definitionExpression)&&void 0!==i?i:"1=1";const s=await t.queryExtent(e);this.zoomToExtent=Object.assign(Object.assign({},s),{type:t.geometryType})}}applyFilterToQuery(t,i){var e,s;const a=this.view.allLayerViews.find((({layer:t})=>t.id===i.id)),n=null!==(s=null===(e=null==a?void 0:a.featureEffect)||void 0===e?void 0:e.filter)&&void 0!==s?s:a.filter;n&&["objectIds","distance","geometry","spatialRelationship","units","where","timeExtent"].forEach((i=>{null!=n[i]&&(t[i]=n[i])}))}generateOutput(t){if(null==this.view)return;const i=[];let e=[];if(t){for(const s of t.expressions){const{active:t,definitionExpression:a,pointCloudFilters:n}=s;t&&a&&i.push(`(${a})`),t&&null!=n&&n.length>0&&(e=e.concat(n))}this.updateFilter(t,i,e),this.generateURLParams(),this.filterUpdate.emit()}}numberWithCommas(t){return t.toLocaleString("en-US",{maximumFractionDigits:20})}scientificRounding(t,i,e){if(null==t)return;let s;if(String(t).includes("e")){const[a,n]=String(t).split("e").map((t=>Number(t)));s=Math[e](+`${a}e${n+i}`)*Math.pow(10,-i)}else s=Math[e](t*Math.pow(10,i))/Math.pow(10,i);return+s.toFixed(i)}roundMinNumberDown(t,i){return this.scientificRounding(t,i,"floor")}roundMaxNumberUp(t,i){return this.scientificRounding(t,i,"ceil")}roundNumber(t,i){var e;return null!==(e=this.scientificRounding(t,i,"round"))&&void 0!==e?e:t}setExpressionFormat(t,i,e){if(null!=(null==t?void 0:t.popupTemplate)){const s=t.popupTemplate.fieldInfos.find((({fieldName:t})=>t===e));i.format=null==s?void 0:s.format}}getInitDefExprFromLayer(t){var i,e,s;return"sublayer"===t.type?null===(e=null===(i=this.initMapImageExpressions)||void 0===i?void 0:i[t.layer.id])||void 0===e?void 0:e[t.id]:null===(s=this.initDefExpressions)||void 0===s?void 0:s[t.id]}getInitDefExprFromLayerExpression(t){var i,e,s;return null!=(null==t?void 0:t.sublayerId)?null===(e=null===(i=this.initMapImageExpressions)||void 0===i?void 0:i[t.id])||void 0===e?void 0:e[t.sublayerId]:null===(s=this.initDefExpressions)||void 0===s?void 0:s[t.id]}findFilterLayer(t){const i=this.view.map.allLayers.concat(this.view.map.allTables).find((({id:i})=>i===t.id));return"map-image"===i.type?null==i?void 0:i.findSublayerById(t.sublayerId):i}createLabel(t,i){var e,s,a;if("coded-value"===t.type)return null===(e=t.codedValues)||void 0===e?void 0:e[i];if("number"===t.type&&"number"==typeof i){let e=i;return null!=(null===(s=t.format)||void 0===s?void 0:s.places)&&(e=this.roundNumber(i,t.format.places)),(null===(a=t.format)||void 0===a?void 0:a.digitSeparator)?this.numberWithCommas(e):e}if("date"===t.type&&!t.dateOnly){const t=this.intl.convertDateFormatToIntlOptions("short-date-long-time");return this.intl.formatDate(i,t)}return i}buildDateExpression(t,i){if(t){const e=new Date(t),s=new Date(t),a=new Date(s.setDate(e.getDate()+1)),n=`${e.getFullYear()}-${e.getMonth()+1}-${e.getDate()}`,o=`${e.getHours()}:${e.getMinutes()}:${e.getSeconds()}`,l=`${a.getHours()}:${a.getMinutes()}:${a.getSeconds()}`;return`${i} BETWEEN '${n} ${o}' AND '${a.getFullYear()}-${a.getMonth()+1}-${a.getDate()} ${l}'`}}async getQueryLayer(t){return"sublayer"===t.type?await t.createFeatureLayer():t}applyCacheHint(t,i){var e,s;(null===(s=null===(e=null==t?void 0:t.capabilities)||void 0===e?void 0:e.query)||void 0===s?void 0:s.supportsCacheHint)&&(i.cacheHint=!0)}applyQueryGeometryFromExtentSelector(t){if(!this.extentSelector||!this.extentSelectorConfig)return;const i=this.getExtent(this.extentSelector,this.extentSelectorConfig);i&&(t.geometry=i,t.spatialRelationship="intersects")}get el(){return a(this)}static get watchers(){return{view:["watchViewHandler"],layerExpressions:["watchLayerExpressions"]}}};Zt.style=":host{display:block}.instant-apps-filter-list *{box-sizing:border-box}.instant-apps-filter-list__container{height:100%}.instant-apps-filter-list__container calcite-block:last-of-type{margin-bottom:0}.instant-apps-filter-list__footer{padding:12px;display:flex}.instant-apps-filter-list__footer calcite-button:nth-child(2){margin-left:6px}.instant-apps-filter-list__item-container,.instant-apps-filter-list__item-container--user-input{display:flex;justify-content:space-between;align-items:center}.instant-apps-filter-list__item-container:not(:last-child),.instant-apps-filter-list__item-container--user-input:not(:last-child){padding-bottom:20px}.instant-apps-filter-list__item-container--user-input{margin:0;display:flex;flex-direction:column;align-items:flex-start}.instant-apps-filter-list__item-container--user-input>span{margin:0 0 6px;font-size:14px;font-weight:normal}.instant-apps-filter-list__item-container--user-input calcite-combobox{width:100%;font-size:16px;--calcite-combobox-input-height:24px}.instant-apps-filter-list__number-input-container{width:100%;display:flex;justify-content:center}.instant-apps-filter-list__number-input-container calcite-slider{width:90%}.instant-apps-filter-list__date-picker-input-container{display:flex;align-items:center;justify-content:unset;width:100%}.instant-apps-filter-list__date-picker-input-container calcite-action{height:64px;border-top:1px solid var(--calcite-color-border-input);border-right:1px solid var(--calcite-color-border-input);border-bottom:1px solid var(--calcite-color-border-input)}.instant-apps-filter-list__title{margin-right:20px}.instant-apps-filter-list__title>p{font-size:14px;font-weight:normal;margin:0}.instant-apps-filter-list__checkbox-container{display:flex}.instant-apps-filter-list__checkbox-container calcite-checkbox{height:18px}.instant-apps-filter-list__operator-description{margin:0;--calcite-font-size--1:12px}.instant-apps-filter-list__zoom-to{display:flex;justify-content:flex-end;margin:8px 0 20px}.instant-apps-filter-list__zoom-to calcite-action{width:-moz-min-content;width:min-content}.instant-apps-filter-list calcite-input-date-picker{--calcite-font-size--1:16px}@media (prefers-reduced-motion){.instant-apps-filter-list calcite-loader{--calcite-internal-duration-factor:2;--calcite-internal-animation-timing-slow:calc(300ms * 2)}}.instant-apps-filter-list.calcite-mode-dark .instant-apps-filter-list__header-container{background:#2b2b2b;color:#fff}.instant-apps-filter-list.calcite-mode-dark .instant-apps-filter-list__operator-description{background:#353535}";const Yt="instant-apps-social-share",Gt=".calcite-mode-dark",Qt={base:Yt,dialog:`${Yt}__dialog`,dialogEmbed:`${Yt}__dialog-embed`,dialogContent:`${Yt}__dialog-content`,options:`${Yt}__options`,tipContainer:`${Yt}__tip`,tipHeader:`${Yt}__tip-header`,tipContent:`${Yt}__tip-content`,icon:`${Yt}__icon`,iconContainer:`${Yt}__icon-container`,optionText:`${Yt}__option-text`,popoverButton:`${Yt}__popover-button`,layout:{vertical:`${Yt}__layout--vertical`,horizontal:`${Yt}__layout--horizontal`},xLogo:{light:`${Yt}__x-logo--light`,dark:`${Yt}__x-logo--dark`},success:{container:`${Yt}__success`,header:`${Yt}__success-header`,message:`${Yt}__success-message`,icon:`${Yt}__success-icon`},embed:{container:`${Yt}__embed`,header:`${Yt}__embed-header`,embedCode:{container:`${Yt}__embed-code`,textArea:`${Yt}__embed-code-text-area`,copyButton:`${Yt}__embed-code-copy-button`},textAreaText:`${Yt}__embed-text-area-text`,dimensions:{container:`${Yt}__embed-dimensions`,input:`${Yt}__embed-dimensions-input`}},rtl:{optionText:`${Yt}__option-text--rtl`,textArea:`${Yt}__text-area--rtl`}},Xt={facebook:"https://www.facebook.com/sharer/sharer.php?u={url}",x:"https://x.com/intent/post?url={url}",linkedIn:"https://www.linkedin.com/sharing/share-offsite/?url={url}"},ti=class{constructor(i){t(this,i),this.mode="popover",this.shareUrl=window.location.href,this.autoUpdateShareUrl=!0,this.shareText="",this.embed=!1,this.shareButtonColor="neutral",this.shareButtonType="button",this.shareButtonScale=void 0,this.iframeInnerText="",this.popoverButtonIconScale="m",this.view=void 0,this.displayTipText=!0,this.shortenShareUrl=!0,this.socialMedia=!0,this.shareIconsLayout="vertical",this.scale="m",this.successMessage="",this.defaultUrlParams=null,this.inlineSuccessPopoverPlacement="trailing",this.popoverPositioning="absolute",this.removePopoverOffset=!1,this.messages=void 0,this.opened=!1,this.copied=!1,this.inlineCopyLinkOpened=!1,this.inlineCopyEmbedOpened=!1,this.embedWidth=400,this.embedHeight=600}componentDidLoad(){var t,i;rt(this),this.setupAutoCloseListeners(),"popover"===this.mode&&(this.opened&&(this.popoverRef.open=!0),this.popoverRef.addEventListener("calcitePopoverOpen",(()=>{this.shareListRef&&this.shareListRef.children[0].focus()})),this.popoverRef.addEventListener("keydown",this.handlePopoverRefKeyDown.bind(this))),this.embed&&(null===(t=this.embedWidthRef)||void 0===t||t.addEventListener("change",this.updateDimensions.bind(this,"width")),null===(i=this.embedHeightRef)||void 0===i||i.addEventListener("change",this.updateDimensions.bind(this,"height")))}disconnectedCallback(){var t,i,e;document.documentElement.removeEventListener("click",this.autoCloseCallback.bind(this)),"popover"===this.mode?null!=this.popoverRef&&(this.popoverRef.removeEventListener("click",this.stopPropagationCallback.bind(this)),this.popoverRef.removeEventListener("calcitePopoverClose",this.resetPopoverCopyState.bind(this)),this.popoverRef.removeEventListener("keydown",this.handlePopoverRefKeyDown.bind(this))):(null===(t=this.embedWidthRef)||void 0===t||t.removeEventListener("change",this.updateDimensions.bind(this)),null===(i=this.embedHeightRef)||void 0===i||i.removeEventListener("change",this.updateDimensions.bind(this)),null===(e=this.dialogContentRef)||void 0===e||e.removeEventListener("click",this.stopPropagationCallback.bind(this)))}setupAutoCloseListeners(){var t,i,e;document.documentElement.addEventListener("click",this.autoCloseCallback.bind(this)),"popover"===this.mode?(null===(t=this.popoverRef)||void 0===t||t.addEventListener("click",this.stopPropagationCallback.bind(this)),null===(i=this.popoverRef)||void 0===i||i.addEventListener("calcitePopoverClose",this.resetPopoverCopyState.bind(this))):null===(e=this.dialogContentRef)||void 0===e||e.addEventListener("click",this.stopPropagationCallback.bind(this))}handlePopoverRefKeyDown(t){var i,e;if("Tab"===t.code){if(!this.shareListRef)return;const e=t.target,s=this.shareListRef.children[0],a=this.shareListRef.children[(null===(i=this.shareListRef)||void 0===i?void 0:i.children.length)-1];t.shiftKey&&e===s?(t.preventDefault(),a.focus()):t.shiftKey||e!==a||(t.preventDefault(),s.focus())}else"Escape"===t.code&&(this.closePopover(),null===(e=this.popoverButtonRef)||void 0===e||e.setFocus())}autoCloseCallback(){"popover"===this.mode?(this.opened=!1,this.popoverRef.open=this.opened):(this.copyLinkPopoverRef&&(this.copyLinkPopoverRef.open=!1),this.inlineCopyLinkOpened=!1,this.copyEmbedPopoverRef&&(this.copyEmbedPopoverRef.open=!1),this.inlineCopyEmbedOpened=!1)}stopPropagationCallback(t){t.stopPropagation()}resetPopoverCopyState(){var t;null===(t=this.popoverButtonRef)||void 0===t||t.setFocus(),setTimeout((()=>{this.copied=!1}),200)}updateDimensions(t){var i,e;if("width"===t){const t=null===(i=this.embedWidthRef)||void 0===i?void 0:i.value;this.embedWidth=parseInt(t)}else{const t=null===(e=this.embedHeightRef)||void 0===e?void 0:e.value;this.embedHeight=parseInt(t)}}render(){var t,i,a,n,o,l;const r=this.copied&&"popover"===this.mode?this.renderSuccess():e("div",{class:Qt.dialogContent},this.renderOptions(),this.displayTipText?this.renderTip():null,this.embed?this.renderEmbed():null),c="vertical"===this.shareIconsLayout?` ${Qt.layout.vertical}`:` ${Qt.layout.horizontal}`,h=" calcite-mode-"+(this.el.closest(Gt)?"dark":"light"),d=e("div",{key:"1d10b5a2fb75584357c9c0f4fbd75e4904ad20ef",ref:t=>this.dialogContentRef=t,class:`${Qt.dialog}${c}${h}`},r);return e(s,{key:"75f577c38604ff752062434134a04d6d85263c16"},"popover"===this.mode?[e("calcite-popover",{ref:t=>this.popoverRef=t,label:null===(i=null===(t=this.messages)||void 0===t?void 0:t.share)||void 0===i?void 0:i.label,referenceElement:"shareButton",placement:"bottom-start",scale:this.scale,"overlay-positioning":this.popoverPositioning,"offset-distance":this.removePopoverOffset?0:6,"pointer-disabled":this.removePopoverOffset},d),this.renderButton()]:[d,e("calcite-popover",{ref:t=>this.copyLinkPopoverRef=t,label:null===(n=null===(a=this.messages)||void 0===a?void 0:a.share)||void 0===n?void 0:n.label,referenceElement:"copyToClipboard",placement:this.inlineSuccessPopoverPlacement,scale:this.scale},this.renderSuccess()),e("calcite-popover",{ref:t=>this.copyEmbedPopoverRef=t,label:null===(l=null===(o=this.messages)||void 0===o?void 0:o.share)||void 0===l?void 0:l.label,referenceElement:"copyEmbedToClipboard",placement:this.inlineSuccessPopoverPlacement,scale:this.scale},this.renderEmbedSuccess())])}renderButton(){var t,i,s,a,n,o,l,r;const c=null!=this.shareButtonScale?this.shareButtonScale:this.scale;return"button"===this.shareButtonType?e("calcite-button",{ref:t=>this.popoverButtonRef=t,onClick:this.togglePopover.bind(this),id:"shareButton",class:Qt.popoverButton,kind:this.shareButtonColor,appearance:"transparent",label:null===(i=null===(t=this.messages)||void 0===t?void 0:t.share)||void 0===i?void 0:i.label,title:null===(a=null===(s=this.messages)||void 0===s?void 0:s.share)||void 0===a?void 0:a.label,scale:c},e("div",{class:Qt.iconContainer},e("calcite-icon",{icon:"share",scale:this.popoverButtonIconScale}))):e("calcite-action",{ref:t=>this.popoverButtonRef=t,onClick:this.togglePopover.bind(this),id:"shareButton",class:Qt.popoverButton,appearance:"transparent",label:null===(o=null===(n=this.messages)||void 0===n?void 0:n.share)||void 0===o?void 0:o.label,title:null===(r=null===(l=this.messages)||void 0===l?void 0:l.share)||void 0===r?void 0:r.label,scale:c,text:"",alignment:"center"},e("div",{class:Qt.iconContainer},e("calcite-icon",{icon:"share",scale:this.popoverButtonIconScale})))}renderSuccess(){var t;const i=null===(t=this.messages)||void 0===t?void 0:t.success;return e("div",{class:Qt.success.container},e("span",{class:Qt.success.header},e("span",{class:Qt.success.icon},e("calcite-icon",{icon:"check-circle-f",scale:this.scale})),null==i?void 0:i.label),e("span",{class:Qt.success.message},this.successMessage||(null==i?void 0:i.url)))}renderEmbedSuccess(){var t;const i=null===(t=this.messages)||void 0===t?void 0:t.success;return e("div",{class:Qt.success.container},e("span",{class:Qt.success.header},e("span",{class:Qt.success.icon},e("calcite-icon",{icon:"check-circle-f",scale:this.scale})),null==i?void 0:i.label),e("span",{class:Qt.success.message},null==i?void 0:i.embed))}renderOptions(){var t,i,s,a;const n=null===(t=this.messages)||void 0===t?void 0:t.options,o="rtl"===document.dir?` ${Qt.rtl.optionText}`:"";return e("ul",{ref:t=>this.shareListRef=t,class:Qt.options,role:"menu"},e("li",{id:"copyToClipboard",onClick:this.handleShareItem.bind(this,"link"),onKeyDown:this.handleOptionKeyDown("link"),role:"menuitem",tabindex:"0"},e("span",{class:Qt.icon},e("calcite-icon",{icon:"link",scale:this.scale})),e("span",{class:`${Qt.optionText}${o}`},null===(i=null==n?void 0:n.link)||void 0===i?void 0:i.label)),this.socialMedia?[e("li",{onClick:this.handleShareItem.bind(this,"facebook"),onKeyDown:this.handleOptionKeyDown("facebook"),role:"menuitem",tabindex:"0"},e("span",{class:Qt.icon},this.renderFacebookIcon()),e("span",{class:`${Qt.optionText}${o}`},null===(s=null==n?void 0:n.facebook)||void 0===s?void 0:s.label)),e("li",{onClick:this.handleShareItem.bind(this,"x"),onKeyDown:this.handleOptionKeyDown("x"),role:"menuitem",tabindex:"0"},e("span",{class:Qt.icon},this.renderXIcon()),e("span",{class:`${Qt.optionText}${o}`},"X")),e("li",{onClick:this.handleShareItem.bind(this,"linkedIn"),onKeyDown:this.handleOptionKeyDown("linkedIn"),role:"menuitem",tabindex:"0"},e("span",{class:Qt.icon},this.renderLinkedInIcon()),e("span",{class:`${Qt.optionText}${o}`},null===(a=null==n?void 0:n.linkedIn)||void 0===a?void 0:a.label))]:null)}handleOptionKeyDown(t){return i=>{const e=i.code;("Space"===e||"Enter"===e)&&this.handleShareItem(t)}}renderFacebookIcon(){return e("svg",{height:"100%",style:{fillRule:"evenodd",clipRule:"evenodd",strokeLinejoin:"round",strokeMiterlimit:"2"},version:"1.1",viewBox:"0 0 512 512",width:"100%",xmlns:"http://www.w3.org/2000/svg"},e("g",null,e("path",{d:"M512,256c0,-141.385 -114.615,-256 -256,-256c-141.385,0 -256,114.615 -256,256c0,127.777 93.616,233.685 216,252.89l0,-178.89l-65,0l0,-74l65,0l0,-56.4c0,-64.16 38.219,-99.6 96.695,-99.6c28.009,0 57.305,5 57.305,5l0,63l-32.281,0c-31.801,0 -41.719,19.733 -41.719,39.978l0,48.022l71,0l-11.35,74l-59.65,0l0,178.89c122.385,-19.205 216,-125.113 216,-252.89Z",style:{fill:"#1877f2",fillRule:"nonzero"}}),e("path",{d:"M355.65,330l11.35,-74l-71,0l0,-48.022c0,-20.245 9.917,-39.978 41.719,-39.978l32.281,0l0,-63c0,0 -29.297,-5 -57.305,-5c-58.476,0 -96.695,35.44 -96.695,99.6l0,56.4l-65,0l0,74l65,0l0,178.89c13.033,2.045 26.392,3.11 40,3.11c13.608,0 26.966,-1.065 40,-3.11l0,-178.89l59.65,0Z",style:{fill:"#fff",fillRule:"nonzero"}})))}renderXIcon(){const t=!!this.el.closest(Gt);return e("svg",{class:t?Qt.xLogo.dark:Qt.xLogo.light,viewBox:"0 0 1200 1227",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("rect",{height:"400",style:{fill:"none"},width:"400",x:"56",y:"56"}),e("path",{d:"M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z",fill:t?"white":"black"}))}renderLinkedInIcon(){return e("svg",{height:"100%",style:{fillRule:"evenodd",clipRule:"evenodd",strokeLinejoin:"round",strokeMiterlimit:"2"},version:"1.1",viewBox:"0 0 512 512",width:"100%",xmlns:"http://www.w3.org/2000/svg"},e("g",{id:"g5891"},e("path",{d:"M512,64c0,-35.323 -28.677,-64 -64,-64l-384,0c-35.323,0 -64,28.677 -64,64l0,384c0,35.323 28.677,64 64,64l384,0c35.323,0 64,-28.677 64,-64l0,-384Z",id:"background",style:{fill:"#2867b2"}}),e("g",{id:"shapes"},e("rect",{height:"257.962",id:"rect11",style:{fill:"#fff"},width:"85.76",x:"61.053",y:"178.667"}),e("path",{d:"M104.512,54.28c-29.341,0 -48.512,19.29 -48.512,44.573c0,24.752 18.588,44.574 47.377,44.574l0.554,0c29.903,0 48.516,-19.822 48.516,-44.574c-0.555,-25.283 -18.611,-44.573 -47.935,-44.573Z",id:"path13-0",style:{fill:"#fff",fillRule:"nonzero"}}),e("path",{d:"M357.278,172.601c-45.49,0 -65.866,25.017 -77.276,42.589l0,-36.523l-85.738,0c1.137,24.197 0,257.961 0,257.961l85.737,0l0,-144.064c0,-7.711 0.554,-15.42 2.827,-20.931c6.188,-15.4 20.305,-31.352 43.993,-31.352c31.012,0 43.436,23.664 43.436,58.327l0,138.02l85.741,0l0,-147.93c0,-79.237 -42.305,-116.097 -98.72,-116.097Z",id:"path15",style:{fill:"#fff",fillRule:"nonzero"}}))))}renderTip(){var t;const i=null===(t=this.messages)||void 0===t?void 0:t.info;return e("div",{class:Qt.tipContainer},e("span",{class:Qt.tipHeader},e("calcite-icon",{icon:"lightbulb",scale:this.scale}),e("span",null,null==i?void 0:i.label)),e("p",{class:Qt.tipContent},null==i?void 0:i.tooltip))}renderEmbed(){var t,i,s;const a=null===(t=this.messages)||void 0===t?void 0:t.embed,n="rtl"===document.dir?` ${Qt.rtl.textArea}`:"";return e("div",{class:Qt.embed.container},e("span",{class:Qt.embed.header},e("calcite-icon",{icon:"code",scale:this.scale}),e("span",null,null===(s=null===(i=this.messages)||void 0===i?void 0:i.embed)||void 0===s?void 0:s.label)),e("div",{class:Qt.embed.embedCode.container},e("div",{class:Qt.embed.embedCode.textArea},e("textarea",{ref:t=>this.embedCodeRef=t,cols:30,rows:5,readonly:!0,class:n,value:this.getEmbedCode()}),e("button",{id:"copyEmbedToClipboard",onClick:this.copyEmbedCode.bind(this),class:Qt.embed.embedCode.copyButton},e("calcite-icon",{icon:"copy",scale:this.scale}),e("span",null,null==a?void 0:a.copy))),e("span",{class:Qt.embed.textAreaText},e("slot",{name:"text-area-text"})),e("div",{class:Qt.embed.dimensions.container},e("label",{class:Qt.embed.dimensions.input},e("span",null,null==a?void 0:a.width),e("input",{ref:t=>this.embedWidthRef=t,type:"number",onKeyDown:t=>["e","E","+","-"].includes(t.key)&&t.preventDefault(),onChange:this.handleNumberInputOnChange("width"),value:this.embedWidth,min:"1"})),e("label",{class:Qt.embed.dimensions.input},e("span",null,null==a?void 0:a.height),e("input",{ref:t=>this.embedHeightRef=t,type:"number",onKeyDown:t=>["e","E","+","-"].includes(t.key)&&t.preventDefault(),onChange:this.handleNumberInputOnChange("height"),value:this.embedHeight,min:"1"})))))}handleNumberInputOnChange(t){const i="width"===t?this.embedWidthRef:this.embedHeightRef,e="width"===t?"embedWidth":"embedHeight";return()=>{i&&parseFloat(i.value)<=0&&(this[e]=parseInt("1"),i.value="1")}}togglePopover(t){t.stopPropagation(),this.opened=!this.opened,this.popoverRef.open=this.opened}closePopover(){this.opened=!1,this.popoverRef.open=this.opened}async handleShareItem(t){var i,e,s,a;this.shareUrl=await this.generateShareUrl();let n=null;const o=null!==(e=null===(i=null===navigator||void 0===navigator?void 0:navigator.userAgent)||void 0===i?void 0:i.includes("Chrome"))&&void 0!==e&&e,l=null!==(a=null===(s=null===navigator||void 0===navigator?void 0:navigator.userAgent)||void 0===s?void 0:s.includes("Safari"))&&void 0!==a&&a&&!o;!l&&this.shortenShareUrl&&(n=await this.shortenUrl(this.shareUrl));let r=n||this.shareUrl;switch(t){case"link":return navigator.clipboard.writeText(r),this.embed&&(this.copyEmbedPopoverRef.open=!1,this.inlineCopyEmbedOpened=!1),"inline"===this.mode&&(this.copyLinkPopoverRef.open=!0,setTimeout((()=>this.copyLinkPopoverRef.open=!1),3e3)),this.inlineCopyLinkOpened=!0,this.copied=!0,void("popover"===this.mode&&setTimeout((()=>this.closePopover()),2e3));case"facebook":case"x":case"linkedIn":let i;l&&(i=window.open("","_blank"),this.shortenShareUrl&&(r=await this.shortenUrl(this.shareUrl)||r));const e={url:encodeURI(r)},s="x"===t?Object.assign(Object.assign({},e),{text:this.shareText}):e,[a]=await lt(["esri/intl"]),n=a.substitute(Xt[t],s);return"popover"===this.mode&&this.closePopover(),void(l&&i?(i.location=n,i.focus()):window.open(encodeURI(n),"_blank"))}}async shortenUrl(t){var i,e;const[s]=await lt(["esri/request"]),a=await s("https://arcg.is/prod/shorten",{query:{longUrl:t,f:"json"}}),n=null===(e=null===(i=null==a?void 0:a.data)||void 0===i?void 0:i.data)||void 0===e?void 0:e.url;if(n)return n.replace("http://","https://")}getEmbedCode(){return`<iframe src="${this.shareUrl}" width="${this.embedWidth}" height="${this.embedHeight}" frameborder="0" style="border:0" allowfullscreen>${this.iframeInnerText}</iframe>`}copyEmbedCode(){navigator.clipboard.writeText(this.getEmbedCode()),this.copyLinkPopoverRef.open=!1,this.inlineCopyLinkOpened=!1,this.copyEmbedPopoverRef.open=!0,setTimeout((()=>this.copyEmbedPopoverRef.open=!1),3e3),this.inlineCopyEmbedOpened=!0}async generateShareUrl(){var t;if(this.autoUpdateShareUrl&&(this.shareUrl=window.location.href),!this.view||!(null===(t=this.view)||void 0===t?void 0:t.ready))return this.shareUrl;const{x:i,y:e}=this.view.center,{spatialReference:s}=this.view,[a,n]=await lt(["esri/geometry/Point","esri/geometry/SpatialReference"]),o=new a({x:i,y:e,spatialReference:new n(Object.assign({},s.toJSON()))}),l=await this.processPoint(o),{isWGS84:r,isWebMercator:c}=l.spatialReference;return this.generateShareUrlParams(l,r||c)}async processPoint(t){const{isWGS84:i,isWebMercator:e}=t.spatialReference;if(i||e)return t;const[s,a]=await lt(["esri/geometry/SpatialReference","esri/geometry/projection"]),n=new s({wkid:4326});try{await a.load();const i=a.project(t,n);return Promise.resolve(i)}catch(t){return console.error("Failed to project point",t),Promise.reject(null)}}generateShareUrlParams(t,i){var e,s,a,n,o;const{longitude:l,latitude:r,x:c,y:h}=t;if(void 0===l||void 0===r)return this.shareUrl;const d=this.roundValue(i?l:c),p=this.roundValue(i?r:h),{zoom:u}=this.view,v=this.roundValue(u),m=null===(s=null===(e=this.view)||void 0===e?void 0:e.popup)||void 0===s?void 0:s.selectedFeature,f=null===(n=null===(a=this.view)||void 0===a?void 0:a.popup)||void 0===n?void 0:n.visible;let g,b,x;if(m&&f&&"feature"===(null===(o=null==m?void 0:m.layer)||void 0===o?void 0:o.type)){const t=null==m?void 0:m.layer;g=null==t?void 0:t.id,b=m.attributes[t.objectIdField]}x=this.view.map.allLayers.filter((t=>!t.visible)).toArray().map((t=>t.id)).toString().replaceAll(",",";");const{type:y}=this.view,{defaultUrlParams:w}=this,_=new URL(this.shareUrl),{searchParams:k}=_;if(k.get("center")&&k.delete("center"),k.get("level")&&k.delete("level"),k.get("selectedFeature")&&k.delete("selectedFeature"),k.get("hiddenLayers")&&k.delete("hiddenLayers"),k.get("viewpoint")&&k.delete("viewpoint"),"3d"===y){const{camera:t}=this.view,{heading:i,position:e,tilt:s}=t,{longitude:a,latitude:n,z:o}=e,l={longitude:this.roundValue(a,8),latitude:this.roundValue(n,8),z:this.roundValue(o,3),heading:this.roundValue(i,3),tilt:this.roundValue(s,3)};return!1!==(null==w?void 0:w.viewpoint)&&_.searchParams.set("viewpoint",`cam:${l.longitude},${l.latitude},${l.z};${l.heading},${l.tilt}`),g&&b&&!1!==(null==w?void 0:w.selectedFeature)&&_.searchParams.set("selectedFeature",`${g};${b}`),x&&!1!==(null==w?void 0:w.hiddenLayers)&&_.searchParams.set("hiddenLayers",x),_.search=decodeURIComponent(_.search),_.href}return!1!==(null==w?void 0:w.center)&&_.searchParams.set("center",`${d};${p}`),!1!==(null==w?void 0:w.level)&&_.searchParams.set("level",`${v}`),g&&b&&!1!==(null==w?void 0:w.selectedFeature)&&_.searchParams.set("selectedFeature",`${g};${b}`),x&&!1!==(null==w?void 0:w.hiddenLayers)&&_.searchParams.set("hiddenLayers",x),_.search=decodeURIComponent(_.search),_.href}roundValue(t,i=4){return parseFloat(t.toFixed(i))}get el(){return a(this)}};ti.style=":host{display:block;--instant-apps-social-share-action-width:initial;--instant-apps-social-share-width--s:200px;--instant-apps-social-share-width--m:280px;--instant-apps-social-share-width--l:320px;--instant-apps-social-share-width-horizontal--s:300px;--instant-apps-social-share-width-horizontal--m:380px;--instant-apps-social-share-width-horizontal--l:420px;--instant-apps-social-share-background-color:var(--calcite-color-foreground-1);--instant-apps-social-share-popover-button-background-color:transparent;--instant-apps-social-share-popover-button-icon-color:var(--calcite-ui-icon-color);--instant-apps-social-share-embed-border:1px solid $border;--instant-apps-social-share-embed-text-area-text:#468540}:host .instant-apps-social-share__popover-button{background-color:var(--instant-apps-social-share-popover-button-background-color)}:host .instant-apps-social-share__popover-button calcite-icon{color:var(--instant-apps-social-share-popover-button-icon-color)}:host .instant-apps-social-share__dialog,:host .instant-apps-social-share__dialog-embed{background-color:var(--instant-apps-social-share-background-color);border:var(--instant-apps-social-share-embed-border)}:host .instant-apps-social-share__dialog{box-sizing:border-box;height:auto;padding:10px 0;border-radius:5px;color:var(--calcite-color-text-1)}:host .instant-apps-social-share__options{margin:0;padding:1% 0 0 0;list-style-type:none}:host .instant-apps-social-share__options li{box-sizing:border-box;display:flex;align-items:center;width:100%;padding:5%;transition:background-color 0.15s ease-out 0s}:host .instant-apps-social-share__options li .instant-apps-social-share__icon,:host .instant-apps-social-share__options li .instant-apps-social-share__option-text{display:inline-block}:host .instant-apps-social-share__options li .instant-apps-social-share__icon{display:flex;align-items:center}:host .instant-apps-social-share__options li .instant-apps-social-share__option-text{width:85%;margin-left:10px;word-break:break-word}:host .instant-apps-social-share__options li .instant-apps-social-share__option-text--rtl{margin-left:0;margin-right:10px}:host .instant-apps-social-share__options li:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}:host .instant-apps-social-share__options__x-logo--light path{fill:#000000}:host .instant-apps-social-share__options__x-logo--dark path{fill:#ffffff}:host .instant-apps-social-share__tip{box-sizing:border-box;padding:0 5% 1% 5%}:host .instant-apps-social-share__tip-header{display:flex;align-items:center;color:#007ac2;margin:8px 0 5px 0}:host .instant-apps-social-share__tip-header calcite-icon{margin-right:5px}:host .instant-apps-social-share__tip-content{line-height:17px;margin:0;padding-top:2%}:host .instant-apps-social-share__success{display:flex;flex-direction:column;padding:15px}:host .instant-apps-social-share__success-header{display:flex;align-items:center;font-weight:bold;margin-bottom:10px}:host .instant-apps-social-share__success-icon{display:flex;align-items:center;margin-right:5px}:host .instant-apps-social-share__success-icon calcite-icon{color:var(--calcite-color-status-success)}:host .instant-apps-social-share__success-message{line-height:16px}:host .instant-apps-social-share__embed{box-sizing:border-box;width:100%;padding:5%;margin-bottom:10px;border-top:1px solid #d3d3d3}:host .instant-apps-social-share__embed-header{display:flex;align-items:center;margin-bottom:5px}:host .instant-apps-social-share__embed-header calcite-icon{margin-right:5px}:host .instant-apps-social-share__embed-code-text-area{border:1px solid #d3d3d3}:host .instant-apps-social-share__embed-code-text-area textarea{box-sizing:border-box;padding:4%;border:none;resize:none;background:transparent;width:100%;font-family:var(--calcite-sans-family);color:var(--calcite-color-text-1)}:host .instant-apps-social-share__embed-code-text-area button{display:flex;align-items:center;text-align:start;width:100%;border:none;border-top:1px solid #d3d3d3;background-color:transparent;line-height:16px;font-weight:400;padding:3%;color:var(--calcite-color-text-1)}:host .instant-apps-social-share__embed-code-text-area button calcite-icon{color:#007ac2;margin-right:3px}:host .instant-apps-social-share__embed-code-text-area button:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2);transition:background-color 0.15s ease-out 0s}:host .instant-apps-social-share__embed-text-area-text{font-weight:600;color:var(--instant-apps-social-share-embed-text-area-text)}:host .instant-apps-social-share__embed .instant-apps-social-share__text-area--rtl{text-align:left;direction:ltr}:host .instant-apps-social-share__embed-dimensions{display:flex;justify-content:space-between;margin-top:10px}:host .instant-apps-social-share__embed-dimensions-input{width:47%;box-sizing:border-box}:host .instant-apps-social-share__embed-dimensions-input input{border:1px solid #d3d3d3;width:100%;height:25px;font-family:var(--calcite-sans-family)}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options{display:flex;justify-content:space-around;margin-bottom:8%}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li{flex-direction:column;padding:0}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li .instant-apps-social-share__option-text{word-break:break-word;margin-left:0;margin-top:10px;text-align:center}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li:hover{background-color:unset}:host .instant-apps-social-share__icon-container{display:flex;align-items:center}:host calcite-action{width:var(--instant-apps-social-share-action-width)}:host([scale=s]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--s)}:host([scale=s]) .instant-apps-social-share__icon{width:16px;height:16px}:host([scale=s]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size--1)}:host([scale=s]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--s)}:host([scale=s]) .instant-apps-social-share__tip-header,:host([scale=s]) .instant-apps-social-share__tip-content,:host([scale=s]) .instant-apps-social-share__embed-header,:host([scale=s]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size--2)}:host([scale=m]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--m)}:host([scale=m]) .instant-apps-social-share__icon{width:24px;height:24px}:host([scale=m]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size-0)}:host([scale=m]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--m)}:host([scale=m]) .instant-apps-social-share__tip-header,:host([scale=m]) .instant-apps-social-share__tip-content,:host([scale=m]) .instant-apps-social-share__embed-header,:host([scale=m]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size--1)}:host([scale=l]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--l)}:host([scale=l]) .instant-apps-social-share__icon{width:32px;height:32px}:host([scale=l]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size-1)}:host([scale=l]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--l)}:host([scale=l]) .instant-apps-social-share__tip-header,:host([scale=l]) .instant-apps-social-share__tip-content,:host([scale=l]) .instant-apps-social-share__embed-header,:host([scale=l]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size-0)}";export{Ct as calcite_block,St as calcite_date_picker,Bt as calcite_input_date_picker,Zt as instant_apps_filter_list,ti as instant_apps_social_share}

package/dist/solutions-components/p-f39f661e.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 i,c as t,h as e,H as a,g as o}from"./p-f4c4a2b7.js";import{c as n,d as s}from"./p-ed95c75e.js";import{g as r,s as l,f as c,x as d}from"./p-8448b98b.js";import{d as h,a as m,c as p,u as b}from"./p-2f08fd73.js";import{s as f,a as u,c as g}from"./p-f83c0ef6.js";import{c as x}from"./p-2327029a.js";import{o as v}from"./p-cd4d69c1.js";import{c as k,d as z}from"./p-16d69510.js";import{s as y,c as w,d as C,u as j}from"./p-d4e3e979.js";import{g as $,c as M}from"./p-bb3ce613.js";import{l as O}from"./p-b1c71e50.js";import"./p-0ae5f8fe.js";import"./p-a8e556aa.js";import"./p-ca42f3d3.js";import"./p-73ae4b9b.js";import"./p-4250bde1.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.11.1
+ */const D="modal",F="header",B="container",L="container--open",S="container--embedded",T="content",E="content--no-footer",H="modal--opening-idle",q="modal--opening-active",A="modal--closing-idle",V="modal--closing-active",W="content",_="back",G="secondary",I="primary";let J=0,K="";O.deprecated("component",{name:"modal",removalVersion:4,suggested:"dialog"});const N=class{constructor(e){i(this,e),this.calciteModalBeforeClose=t(this,"calciteModalBeforeClose",6),this.calciteModalClose=t(this,"calciteModalClose",6),this.calciteModalBeforeOpen=t(this,"calciteModalBeforeOpen",6),this.calciteModalOpen=t(this,"calciteModalOpen",6),this.ignoreOpenChange=!1,this.mutationObserver=x("mutation",(()=>this.handleMutationObserver())),this.cssVarObserver=x("mutation",(()=>{this.updateSizeCssVars()})),this.openTransitionProp="opacity",this.setTransitionEl=i=>{this.transitionEl=i},this.openEnd=()=>{this.setFocus(),this.el.removeEventListener("calciteModalOpen",this.openEnd)},this.handleCloseClick=()=>{this.open=!1},this.handleOutsideClose=()=>{this.outsideCloseDisabled||(this.open=!1)},this.closeModal=async()=>{if(this.beforeClose)try{await this.beforeClose(this.el)}catch(i){return void requestAnimationFrame((()=>{this.ignoreOpenChange=!0,this.open=!0,this.ignoreOpenChange=!1}))}J--,this.opened=!1,this.removeOverflowHiddenClass()},this.handleMutationObserver=()=>{this.updateFooterVisibility(),this.updateFocusTrapElements()},this.updateFooterVisibility=()=>{this.hasFooter=!!r(this.el,[_,I,G])},this.updateSizeCssVars=()=>{this.cssWidth=getComputedStyle(this.el).getPropertyValue("--calcite-modal-width"),this.cssHeight=getComputedStyle(this.el).getPropertyValue("--calcite-modal-height")},this.contentTopSlotChangeHandler=i=>{this.hasContentTop=l(i)},this.contentBottomSlotChangeHandler=i=>{this.hasContentBottom=l(i)},this.open=!1,this.opened=!1,this.beforeClose=void 0,this.closeButtonDisabled=!1,this.focusTrapDisabled=!1,this.outsideCloseDisabled=!1,this.docked=void 0,this.embedded=!1,this.escapeDisabled=!1,this.scale="m",this.widthScale="m",this.fullscreen=void 0,this.kind=void 0,this.messages=void 0,this.messageOverrides=void 0,this.cssWidth=void 0,this.cssHeight=void 0,this.hasFooter=!0,this.hasContentTop=!1,this.hasContentBottom=!1,this.effectiveLocale=void 0,this.defaultMessages=void 0}handleFocusTrapDisabled(i){this.open&&(i?h(this):m(this))}onMessagesChange(){}async componentWillLoad(){await y(this),f(this),this.open&&this.openModal()}componentDidLoad(){u(this)}connectedCallback(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0}),this.cssVarObserver?.observe(this.el,{attributeFilter:["style"]}),this.updateSizeCssVars(),this.updateFooterVisibility(),n(this),k(this),w(this),p(this)}disconnectedCallback(){this.removeOverflowHiddenClass(),this.mutationObserver?.disconnect(),this.cssVarObserver?.disconnect(),s(this),h(this),z(this),C(this),this.embedded=!1}render(){return e(a,{key:"8564a697a28ed4b7901302a1737337cac97cfc5e","aria-describedby":this.contentId,"aria-labelledby":this.titleId,"aria-modal":"true",role:"dialog"},e("div",{key:"c0ecd13e2214b8a7a6239b19117a41570d46ff22",class:{[B]:!0,[L]:this.opened,[S]:this.embedded}},e("calcite-scrim",{key:"8083cb49047c5fe80ba6cdc6b842de6dac5a8b37",class:"scrim",onClick:this.handleOutsideClose}),this.renderStyle(),e("div",{key:"d38c9e98e8b34626dc11bfaa73f71a0debc36fad",class:{[D]:!0},ref:this.setTransitionEl},e("div",{key:"9bc1a0823ddf4621b52db89237fe73344b3351a5",class:F},this.renderCloseButton(),e("header",{key:"97d3a927123332d087366a90a406be6f10ce16a3",class:"title"},e("slot",{key:"c7540bb4381dec0b88b18f0732a90b862d30c557",name:F}))),this.renderContentTop(),e("div",{key:"fe8943411971950170fabeac8bb79d2af7338227",class:{[T]:!0,[E]:!this.hasFooter},ref:i=>this.modalContent=i},e("slot",{key:"c31734ea1ea7aca1a625c8ac606c75500ae72021",name:W})),this.renderContentBottom(),this.renderFooter())))}renderFooter(){return this.hasFooter?e("div",{class:"footer",key:"footer"},e("span",{class:"back"},e("slot",{name:_})),e("span",{class:"secondary"},e("slot",{name:G})),e("span",{class:"primary"},e("slot",{name:I}))):null}renderContentTop(){return e("div",{class:"content-top",hidden:!this.hasContentTop},e("slot",{name:"content-top",onSlotchange:this.contentTopSlotChangeHandler}))}renderContentBottom(){return e("div",{class:"content-bottom",hidden:!this.hasContentBottom},e("slot",{name:"content-bottom",onSlotchange:this.contentBottomSlotChangeHandler}))}renderCloseButton(){return this.closeButtonDisabled?null:e("button",{"aria-label":this.messages.close,class:"close",key:"button",onClick:this.handleCloseClick,ref:i=>this.closeButtonEl=i,title:this.messages.close},e("calcite-icon",{icon:"x",scale:$(this.scale)}))}renderStyle(){if(!this.fullscreen&&(this.cssWidth||this.cssHeight))return e("style",null,`.${B} {\n              ${this.docked&&this.cssWidth?"align-items: center !important;":""}\n            }\n            .${D} {\n              block-size: ${this.cssHeight?this.cssHeight:"auto"} !important;\n              ${this.cssWidth?`inline-size: ${this.cssWidth} !important;`:""}\n              ${this.cssWidth?`max-inline-size: ${this.cssWidth} !important;`:""}\n              ${this.docked?"border-radius: var(--calcite-border-radius) !important;":""}\n            }\n            @media screen and (max-width: ${this.cssWidth}) {\n              .${B} {\n                ${this.docked?"align-items: flex-end !important;":""}\n              }\n              .${D} {\n                max-block-size: 100% !important;\n                inline-size: 100% !important;\n                max-inline-size: 100% !important;\n                min-inline-size: 100% !important;\n                margin: 0 !important;\n                ${this.docked?"":"block-size: 100% !important;"}\n                ${this.docked?"":"border-radius: 0 !important;"}\n                ${this.docked?"border-radius: var(--calcite-border-radius) var(--calcite-border-radius) 0 0 !important;":""}\n              }\n            }\n          `)}effectiveLocaleChange(){j(this,this.effectiveLocale)}handleEscape(i){!this.open||this.escapeDisabled||"Escape"!==i.key||i.defaultPrevented||(this.open=!1,i.preventDefault())}async setFocus(){await g(this),c(this.el)}async updateFocusTrapElements(){b(this)}async scrollContent(i=0,t=0){this.modalContent&&(this.modalContent.scrollTo?this.modalContent.scrollTo({top:i,left:t,behavior:"smooth"}):(this.modalContent.scrollTop=i,this.modalContent.scrollLeft=t))}onBeforeOpen(){this.transitionEl.classList.add(q),this.calciteModalBeforeOpen.emit()}onOpen(){this.transitionEl.classList.remove(H,q),this.calciteModalOpen.emit(),m(this)}onBeforeClose(){this.transitionEl.classList.add(V),this.calciteModalBeforeClose.emit()}onClose(){this.transitionEl.classList.remove(A,V),this.calciteModalClose.emit(),h(this)}toggleModal(i){this.ignoreOpenChange||(i?this.openModal():this.closeModal())}handleOpenedChange(i){this.transitionEl.classList.add(i?H:A),v(this)}async openModal(){await M(this.el),this.el.addEventListener("calciteModalOpen",this.openEnd),this.opened=!0;const i=r(this.el,"header"),t=r(this.el,W);this.titleId=d(i),this.contentId=d(t),this.embedded||(0===J&&(K=document.documentElement.style.overflow),J++,document.documentElement.style.setProperty("overflow","hidden"))}removeOverflowHiddenClass(){document.documentElement.style.setProperty("overflow",K)}static get assetsDirs(){return["assets"]}get el(){return o(this)}static get watchers(){return{focusTrapDisabled:["handleFocusTrapDisabled"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"],open:["toggleModal"],opened:["handleOpenedChange"]}}};N.style=":host{--calcite-modal-scrim-background:rgba(0, 0, 0, 0.85);position:absolute;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-scrim-background-internal:rgba(0, 0, 0, 0.85)}.content-top[hidden],.content-bottom[hidden]{display:none}.container{position:fixed;inset:0px;z-index:var(--calcite-z-index-overlay);display:flex;align-items:center;justify-content:center;overflow-y:hidden;color:var(--calcite-color-text-2);opacity:0;visibility:hidden !important;transition:visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88)}:host([scale=s]){--calcite-modal-padding-internal:0.75rem;--calcite-modal-padding-large-internal:1rem;--calcite-modal-title-text-internal:var(--calcite-font-size-1);--calcite-modal-content-text-internal:var(--calcite-font-size--1)}:host([scale=m]){--calcite-modal-padding-internal:1rem;--calcite-modal-padding-large-internal:1.25rem;--calcite-modal-title-text-internal:var(--calcite-font-size-2);--calcite-modal-content-text-internal:var(--calcite-font-size-0)}:host([scale=l]){--calcite-modal-padding-internal:1.25rem;--calcite-modal-padding-large-internal:1.5rem;--calcite-modal-title-text-internal:var(--calcite-font-size-3);--calcite-modal-content-text-internal:var(--calcite-font-size-1)}.scrim{--calcite-scrim-background:var(--calcite-modal-scrim-background, var(--calcite-color-transparent-scrim));position:fixed;inset:0px;display:flex;overflow-y:hidden}.modal{pointer-events:none;z-index:var(--calcite-z-index-modal);float:none;margin:1.5rem;box-sizing:border-box;display:flex;inline-size:100%;flex-direction:column;overflow:hidden;border-radius:0.25rem;background-color:var(--calcite-color-foreground-1);opacity:0;--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-overflow-scrolling:touch;visibility:hidden;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear var(--calcite-internal-animation-timing-slow), opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);--calcite-modal-hidden-position:translate3d(0, 20px, 0);--calcite-modal-shown-position:translate3d(0, 0, 0)}.modal--opening-idle{transform:var(--calcite-modal-hidden-position)}.modal--opening-active{transform:var(--calcite-modal-shown-position)}.modal--closing-idle{transform:var(--calcite-modal-shown-position)}.modal--closing-active{transform:var(--calcite-modal-hidden-position)}:host([opened]){opacity:1;visibility:visible !important;transition-delay:0ms}.container--open{opacity:1;visibility:visible !important;transition-delay:0ms}.container--open .modal{pointer-events:auto;visibility:visible;opacity:1;transition:transform var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), visibility 0ms linear, opacity var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-inline-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88), max-block-size var(--calcite-internal-animation-timing-slow) cubic-bezier(0.215, 0.44, 0.42, 0.88);transition-delay:0ms}.header{z-index:var(--calcite-z-index-header);display:flex;min-inline-size:0px;max-inline-size:100%;border-start-start-radius:0.25rem;border-start-end-radius:0.25rem;border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto}.close{order:2;margin:0px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-style:none;background-color:transparent;color:var(--calcite-color-text-3);outline-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-internal);flex:0 0 auto}.close calcite-icon{pointer-events:none;vertical-align:-2px}.close: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          )}.close:hover,.close:focus,.close:active{background-color:var(--calcite-color-foreground-2);color:var(--calcite-color-text-1)}.title{order:1;display:flex;min-inline-size:0px;align-items:center;flex:1 1 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}slot[name=header]::slotted(*),*::slotted([slot=header]){margin:0px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1);font-size:var(--calcite-modal-title-text-internal)}.content{position:relative;box-sizing:border-box;display:block;block-size:100%;overflow:auto;padding:0px;background-color:var(--calcite-modal-content-background, var(--calcite-color-foreground-1));max-block-size:100%;padding:var(--calcite-modal-content-padding, var(--calcite-modal-padding-internal))}.content-top,.content-bottom{z-index:var(--calcite-z-index-header);display:flex;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding:var(--calcite-modal-padding-internal)}.content-top{min-inline-size:0px;max-inline-size:100%;border-block-end-width:1px}.content-bottom{margin-block-start:auto;box-sizing:border-box;inline-size:100%;justify-content:space-between;border-block-start-width:1px}.content-top:not(.header~.content-top){border-start-start-radius:0.25rem;border-start-end-radius:0.25rem}.content-bottom:not(.content-bottom~.footer),.content--no-footer{border-end-end-radius:0.25rem;border-end-start-radius:0.25rem}slot[name=content]::slotted(*),*::slotted([slot=content]){font-size:var(--calcite-modal-context-text-internal)}.footer{z-index:var(--calcite-z-index-header);margin-block-start:auto;box-sizing:border-box;display:flex;inline-size:100%;justify-content:space-between;border-end-end-radius:0.25rem;border-end-start-radius:0.25rem;border-width:0px;border-block-start-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);background-color:var(--calcite-color-foreground-1);flex:0 0 auto;padding-block:var(--calcite-modal-padding-internal);padding-inline:var(--calcite-modal-padding-large-internal)}.footer--hide-back .back,.footer--hide-secondary .secondary{display:none}.back{display:block;margin-inline-end:auto}.secondary{margin-inline:0.25rem;display:block}slot[name=primary]{display:block}:host([width=small]) .modal{inline-size:auto}:host([width-scale=s]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 32rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 35rem){:host([width-scale=s]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=s]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=s][docked]) .container{align-items:flex-end}}:host([width-scale=m]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 48rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 51rem){:host([width-scale=m]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=m]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=m][docked]) .container{align-items:flex-end}}:host([width-scale=l]) .modal{max-block-size:100%;max-inline-size:100%;inline-size:var(--calcite-modal-width, 94rem);block-size:var(--calcite-modal-height, auto)}@media screen and (max-width: 97rem){:host([width-scale=l]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%}:host([width-scale=l]) .content{flex:1 1 auto;max-block-size:unset}:host([width-scale=l][docked]) .container{align-items:flex-end}}:host([fullscreen]) .modal{margin:0px;block-size:100%;max-block-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0px;--calcite-modal-hidden-position:translate3D(0, 20px, 0) scale(0.95);--calcite-modal-shown-position:translate3D(0, 0, 0) scale(1)}:host([fullscreen]) .content{max-block-size:100%;flex:1 1 auto}:host([opened][fullscreen]) .header,:host([opened][fullscreen]) .footer,:host([opened][fullscreen]) .content-top,:host([opened][fullscreen]) .content-bottom{border-radius:0}:host([docked]) .modal{block-size:var(--calcite-modal-height, auto)}:host([docked]) .content{block-size:auto;flex:1 1 auto}:host([kind=brand]) .modal{border-color:var(--calcite-color-brand)}:host([kind=danger]) .modal{border-color:var(--calcite-color-status-danger)}:host([kind=info]) .modal{border-color:var(--calcite-color-status-info)}:host([kind=success]) .modal{border-color:var(--calcite-color-status-success)}:host([kind=warning]) .modal{border-color:var(--calcite-color-status-warning)}:host([kind=brand]) .modal,:host([kind=danger]) .modal,:host([kind=info]) .modal,:host([kind=success]) .modal,:host([kind=warning]) .modal{border-width:0px;border-block-start-width:4px;border-style:solid}:host([kind=brand]) .header,:host([kind=brand]) .content-top,:host([kind=danger]) .header,:host([kind=danger]) .content-top,:host([kind=info]) .header,:host([kind=info]) .content-top,:host([kind=success]) .header,:host([kind=success]) .content-top,:host([kind=warning]) .header,:host([kind=warning]) .content-top{border-radius:0.25rem;border-end-end-radius:0px;border-end-start-radius:0px}@media screen and (max-width: 860px){* slot[name=header]::slotted(content-top),* content-top::slotted([slot=header]){font-size:var(--calcite-font-size-1)}.footer,.content-bottom{position:sticky;inset-block-end:0px}}@media screen and (max-width: 480px){.footer,.content-bottom{flex-direction:column}.back,.secondary{margin:0px;margin-block-end:0.25rem}}.container--embedded{position:absolute;pointer-events:auto}.container--embedded calcite-scrim{position:absolute}:host([hidden]){display:none}[hidden]{display:none}";export{N as calcite_modal}

package/dist/solutions-components/p-f3e54df7.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 e,h as o}from"./p-f4c4a2b7.js";import{l as r}from"./p-b1c71e50.js";import"./p-ca42f3d3.js";r.deprecated("component",{name:"tip-group",removalVersion:4,suggested:["carousel","carousel-item"]});const t=class{constructor(o){e(this,o),this.groupTitle=void 0}render(){return o("slot",{key:"c0b850aee69bf797ee288d75f02201f9a318c4ba"})}};t.style=":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}:host([hidden]){display:none}[hidden]{display:none}";export{t as calcite_tip_group}