@esri/calcite-components 1.0.0-next.373 → 1.0.0-next.374
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/calcite/calcite.esm.js +1 -1
- package/dist/calcite/p-05ad8606.system.entry.js +5 -0
- package/dist/calcite/{p-32d61433.system.entry.js → p-2f0d280a.system.entry.js} +1 -1
- package/dist/calcite/{p-617c3f30.system.entry.js → p-3dd50bac.system.entry.js} +1 -1
- package/dist/calcite/p-4e258f5c.entry.js +5 -0
- package/dist/calcite/{p-82491929.entry.js → p-6e37af80.entry.js} +1 -1
- package/dist/calcite/p-7409e609.system.js +5 -0
- package/dist/calcite/p-76c53ab5.entry.js +5 -0
- package/dist/calcite/{p-f24ddc56.system.entry.js → p-80eb08b3.system.entry.js} +1 -1
- package/dist/calcite/p-8a413063.js +5 -0
- package/dist/calcite/{p-ee14736a.entry.js → p-8c126095.entry.js} +1 -1
- package/dist/calcite/{p-2e324a56.system.entry.js → p-92711575.system.entry.js} +2 -2
- package/dist/calcite/p-99b729f6.entry.js +5 -0
- package/dist/calcite/p-99d32fc3.system.js +1 -1
- package/dist/calcite/p-a49d1a11.system.entry.js +5 -0
- package/dist/calcite/p-a5660ba5.entry.js +5 -0
- package/dist/calcite/p-aceeb62f.entry.js +5 -0
- package/dist/calcite/p-b78f6de5.system.entry.js +5 -0
- package/dist/calcite/p-bab0c984.entry.js +5 -0
- package/dist/calcite/{p-39d4d1b1.system.entry.js → p-bd6cbbbd.system.entry.js} +1 -1
- package/dist/calcite/{p-8709d314.system.entry.js → p-c93dbb93.system.entry.js} +1 -1
- package/dist/calcite/p-d2bcb3ae.entry.js +5 -0
- package/dist/calcite/p-dd8b6d4f.system.entry.js +5 -0
- package/dist/calcite/p-e05aa070.entry.js +5 -0
- package/dist/calcite/p-e66c335c.entry.js +5 -0
- package/dist/calcite/p-f3102bbb.system.entry.js +5 -0
- package/dist/calcite/{p-3cdf0ad5.system.entry.js → p-fd3c4738.system.entry.js} +1 -1
- package/dist/calcite/p-fe6e3ff9.entry.js +5 -0
- package/dist/cjs/calcite-action-menu.cjs.entry.js +1 -4
- package/dist/cjs/calcite-alert.cjs.entry.js +4 -6
- package/dist/cjs/calcite-date-picker_4.cjs.entry.js +1 -1
- package/dist/cjs/calcite-dropdown_3.cjs.entry.js +1 -1
- package/dist/cjs/calcite-graph_2.cjs.entry.js +7 -3
- package/dist/cjs/calcite-inline-editable.cjs.entry.js +38 -13
- package/dist/cjs/calcite-input-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/calcite-input.cjs.entry.js +11 -7
- package/dist/cjs/calcite-modal.cjs.entry.js +1 -1
- package/dist/cjs/calcite-notice.cjs.entry.js +4 -6
- package/dist/cjs/calcite-radio-button-group.cjs.entry.js +13 -0
- package/dist/cjs/calcite-radio-button.cjs.entry.js +0 -4
- package/dist/cjs/{resources-11763017.js → resources-f70fb01b.js} +3 -0
- package/dist/collection/components/calcite-action-menu/calcite-action-menu.js +1 -4
- package/dist/collection/components/calcite-alert/calcite-alert.js +8 -7
- package/dist/collection/components/calcite-date-picker/utils.js +3 -0
- package/dist/collection/components/calcite-dropdown/calcite-dropdown.js +2 -2
- package/dist/collection/components/calcite-inline-editable/calcite-inline-editable.js +39 -14
- package/dist/collection/components/calcite-input/calcite-input.js +12 -8
- package/dist/collection/components/calcite-modal/calcite-modal.js +1 -1
- package/dist/collection/components/calcite-notice/calcite-notice.js +4 -6
- package/dist/collection/components/calcite-radio-button/calcite-radio-button.js +0 -4
- package/dist/collection/components/calcite-radio-button-group/calcite-radio-button-group.js +13 -0
- package/dist/collection/components/calcite-slider/calcite-slider.js +7 -3
- package/dist/components/calcite-action-menu2.js +1 -4
- package/dist/components/calcite-alert.js +5 -7
- package/dist/components/calcite-date-picker2.js +3 -0
- package/dist/components/calcite-dropdown2.js +2 -2
- package/dist/components/calcite-inline-editable.js +39 -14
- package/dist/components/calcite-input2.js +12 -8
- package/dist/components/calcite-modal.js +1 -1
- package/dist/components/calcite-notice.js +4 -6
- package/dist/components/calcite-radio-button-group.js +13 -0
- package/dist/components/calcite-radio-button.js +0 -4
- package/dist/components/calcite-slider.js +7 -3
- package/dist/custom-elements/index.js +80 -45
- package/dist/esm/calcite-action-menu.entry.js +1 -4
- package/dist/esm/calcite-alert.entry.js +5 -7
- package/dist/esm/calcite-date-picker_4.entry.js +1 -1
- package/dist/esm/calcite-dropdown_3.entry.js +2 -2
- package/dist/esm/calcite-graph_2.entry.js +7 -3
- package/dist/esm/calcite-inline-editable.entry.js +39 -14
- package/dist/esm/calcite-input-date-picker.entry.js +1 -1
- package/dist/esm/calcite-input.entry.js +12 -8
- package/dist/esm/calcite-modal.entry.js +1 -1
- package/dist/esm/calcite-notice.entry.js +4 -6
- package/dist/esm/calcite-radio-button-group.entry.js +13 -0
- package/dist/esm/calcite-radio-button.entry.js +0 -4
- package/dist/esm/{resources-c768953c.js → resources-f02a1ab5.js} +3 -0
- package/dist/esm-es5/calcite-action-menu.entry.js +2 -2
- package/dist/esm-es5/calcite-alert.entry.js +1 -1
- package/dist/esm-es5/calcite-date-picker_4.entry.js +1 -1
- package/dist/esm-es5/calcite-dropdown_3.entry.js +1 -1
- package/dist/esm-es5/calcite-graph_2.entry.js +1 -1
- package/dist/esm-es5/calcite-inline-editable.entry.js +1 -1
- package/dist/esm-es5/calcite-input-date-picker.entry.js +1 -1
- package/dist/esm-es5/calcite-input.entry.js +1 -1
- package/dist/esm-es5/calcite-modal.entry.js +1 -1
- package/dist/esm-es5/calcite-notice.entry.js +1 -1
- package/dist/esm-es5/calcite-radio-button-group.entry.js +1 -1
- package/dist/esm-es5/calcite-radio-button.entry.js +1 -1
- package/dist/esm-es5/resources-f02a1ab5.js +5 -0
- package/dist/extras/docs-json.json +1 -1
- package/dist/types/components/calcite-alert/calcite-alert.d.ts +0 -3
- package/dist/types/components/calcite-inline-editable/calcite-inline-editable.d.ts +3 -1
- package/dist/types/components/calcite-input/calcite-input.d.ts +2 -4
- package/dist/types/components/calcite-notice/calcite-notice.d.ts +0 -3
- package/dist/types/components/calcite-radio-button-group/calcite-radio-button-group.d.ts +2 -0
- package/dist/types/components/calcite-slider/calcite-slider.d.ts +1 -0
- package/hydrate/index.js +77 -45
- package/package.json +6 -2
- package/readme.md +0 -4
- package/dist/calcite/p-06fbc0f2.system.entry.js +0 -5
- package/dist/calcite/p-08be120f.entry.js +0 -5
- package/dist/calcite/p-0b552c00.system.entry.js +0 -5
- package/dist/calcite/p-500300b5.entry.js +0 -5
- package/dist/calcite/p-647d22ef.js +0 -5
- package/dist/calcite/p-64a5e88c.entry.js +0 -5
- package/dist/calcite/p-6969dabb.entry.js +0 -5
- package/dist/calcite/p-8ba8a357.system.js +0 -5
- package/dist/calcite/p-97375cc0.entry.js +0 -5
- package/dist/calcite/p-99422223.system.entry.js +0 -5
- package/dist/calcite/p-a50e52f1.entry.js +0 -5
- package/dist/calcite/p-abe7730b.entry.js +0 -5
- package/dist/calcite/p-c5b3d90c.entry.js +0 -5
- package/dist/calcite/p-cd9d106b.system.entry.js +0 -5
- package/dist/calcite/p-dba7c714.system.entry.js +0 -5
- package/dist/calcite/p-e5c2a6eb.entry.js +0 -5
- package/dist/calcite/p-e63f0806.entry.js +0 -5
- package/dist/esm-es5/resources-c768953c.js +0 -5
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
|
+
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
|
+
*/
|
|
5
|
+
import{r as t,c as i,h as e,H as n,g as a}from"./p-2e29554c.js";import{T as o,g as r,s,d as l,a as c,C as h}from"./p-8f3a3e4e.js";import{c as u,d,g as m}from"./p-9a7c4812.js";import{c as p,d as b,H as f}from"./p-e8e0f3b7.js";import{d as g,g as x,l as v}from"./p-ef6b4184.js";import{i as w,p as y,s as k,n as z}from"./p-dd9f2e61.js";import{d as D}from"./p-2d09cc25.js";import{c as j}from"./p-0a5d059d.js";import"./p-8a63221d.js";const E={tel:"phone",password:"lock",email:"email-address",date:"calendar",time:"clock",search:"search"};let I=class{constructor(e){t(this,e),this.calciteInputFocus=i(this,"calciteInputFocus",7),this.calciteInputBlur=i(this,"calciteInputBlur",7),this.calciteInputInput=i(this,"calciteInputInput",7),this.calciteInputChange=i(this,"calciteInputChange",7),this.alignment="start",this.autofocus=!1,this.clearable=!1,this.disabled=!1,this.groupSeparator=!1,this.hidden=!1,this.intlLoading=o.loading,this.iconFlipRtl=!1,this.loading=!1,this.locale=document.documentElement.lang||"en",this.localeFormat=!1,this.numberButtonType="vertical",this.readOnly=!1,this.required=!1,this.scale="m",this.status="idle",this.editingEnabled=!1,this.type="text",this.value="",this.childElType="input",this.internalValueChange=!1,this.mutationObserver=j("mutation",(()=>this.setDisabledAction())),this.keyDownHandler=t=>{"ArrowUp"===t.key&&t.preventDefault(),this.readOnly||this.disabled||this.isClearable&&"Escape"===t.key&&(this.clearInputValue(t),t.preventDefault())},this.clearInputValue=t=>{this.setValue({committing:!0,nativeEvent:t,value:""})},this.inputBlurHandler=()=>{"number"===this.type&&this.setValue({value:this.value}),this.calciteInputBlur.emit({element:this.childEl,value:this.value}),this.preFocusValue!==this.value&&this.calciteInputChange.emit()},this.inputFocusHandler=t=>{const i=r(this.el,"action");t.target!==i&&this.setFocus(),this.calciteInputFocus.emit({element:this.childEl,value:this.value}),this.preFocusValue=this.value},this.inputInputHandler=t=>{this.disabled||this.readOnly||this.setValue({nativeEvent:t,value:t.target.value})},this.inputKeyDownHandler=t=>{this.disabled||this.readOnly||"Enter"===t.key&&this.calciteInputChange.emit()},this.inputNumberInputHandler=t=>{if(this.disabled||this.readOnly)return;const i=t.target.value,e=g(i,this.locale);"insertFromPaste"===t.inputType?(w(e)||t.preventDefault(),this.setValue({nativeEvent:t,value:y(e)}),this.childNumberEl.value=this.localizedValue):this.setValue({nativeEvent:t,value:g(i,this.locale)})},this.inputNumberKeyDownHandler=t=>{if("number"!==this.type||this.disabled||this.readOnly)return;if("ArrowUp"===t.key)return void this.nudgeNumberValue("up",t);if("ArrowDown"===t.key)return void this.nudgeNumberValue("down",t);const i=[...z,"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)&&(!t.shiftKey||e))return void("Enter"===t.key&&this.calciteInputChange.emit());const n=x(this.locale);if(t.key===n){if(!this.value&&!this.childNumberEl.value)return;if(this.value&&-1===this.childNumberEl.value.indexOf(n))return}if(/[eE]/.test(t.key)){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||"number"!==this.type)return;const e=this.maxString?parseFloat(this.maxString):null,n=this.minString?parseFloat(this.minString):null;this.incrementOrDecrementNumberValue(t,e,n,i),this.nudgeNumberValueIntervalId&&window.clearInterval(this.nudgeNumberValueIntervalId);let a=!0;this.nudgeNumberValueIntervalId=window.setInterval((()=>{a?a=!1:this.incrementOrDecrementNumberValue(t,e,n,i)}),100)},this.numberButtonMouseUpAndMouseOutHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)},this.numberButtonMouseDownHandler=t=>{t.preventDefault(),this.nudgeNumberValue(t.target.dataset.adjustment,t)},this.setChildElRef=t=>{this.childEl=t},this.setChildNumberElRef=t=>{this.childNumberEl=t},this.setInputValue=t=>{("text"!==this.type||this.childEl)&&("number"!==this.type||this.childNumberEl)&&(this[`child${"number"===this.type?"Number":""}El`].value=t)},this.setPreviousValue=t=>{this.previousValue="number"===this.type?w(t)?t:"":t},this.setValue=({committing:t=!1,nativeEvent:i,origin:e="internal",value:n})=>{const a="number"===this.type?v(this.previousValue,this.locale,this.groupSeparator):"",o="number"===this.type?k(n):n,r="number"===this.type&&n&&!o?w(this.previousValue)?this.previousValue:"":o,s="number"===this.type?v(r,this.locale,this.groupSeparator):"";this.internalValueChange="internal"===e,this.setPreviousValue(this.value),this.value=r,"number"===this.type&&(this.localizedValue=s),"external"===e&&this.setInputValue("number"===this.type?s:r),i&&(this.calciteInputInput.emit({element:this.childEl,nativeEvent:i,value:this.value}).defaultPrevented?(this.value=this.previousValue,this.localizedValue=a):t&&this.calciteInputChange.emit())},this.inputKeyUpHandler=()=>{window.clearInterval(this.nudgeNumberValueIntervalId)}}disabledWatcher(){this.setDisabledAction()}maxWatcher(){var t;this.maxString=(null===(t=this.max)||void 0===t?void 0:t.toString())||null}minWatcher(){var t;this.minString=(null===(t=this.min)||void 0===t?void 0:t.toString())||null}valueWatcher(t){this.internalValueChange||(this.setValue({origin:"external",value:null==t?"":"number"===this.type?w(t)?t:this.previousValue||"":t}),this.warnAboutInvalidNumberValue(t)),this.internalValueChange=!1}updateRequestedIcon(){this.requestedIcon=s(E,this.icon,this.type)}get isClearable(){return!this.isTextarea&&(this.clearable||"search"===this.type)&&this.value.length>0}get isTextarea(){return"textarea"===this.childElType}connectedCallback(){var t;this.scale=l(this.el,"scale",this.scale),this.status=l(this.el,"status",this.status),this.inlineEditableEl=this.el.closest("calcite-inline-editable"),this.inlineEditableEl&&(this.editingEnabled=this.inlineEditableEl.editingEnabled||!1),this.setPreviousValue(this.value),"number"===this.type&&(this.warnAboutInvalidNumberValue(this.value),this.setValue({origin:"loading",value:w(this.value)?this.value:""})),u(this),p(this),null===(t=this.mutationObserver)||void 0===t||t.observe(this.el,{childList:!0}),this.setDisabledAction()}disconnectedCallback(){var t;d(this),b(this),null===(t=this.mutationObserver)||void 0===t||t.disconnect()}componentWillLoad(){var t,i;this.childElType="textarea"===this.type?"textarea":"input",this.maxString=null===(t=this.max)||void 0===t?void 0:t.toString(),this.minString=null===(i=this.min)||void 0===i?void 0:i.toString(),this.requestedIcon=s(E,this.icon,this.type)}componentShouldUpdate(t,i,e){return!("number"===this.type&&"value"===e&&t&&!w(t)&&(this.setValue({value:i}),1))}async setFocus(){var t,i;"number"===this.type?null===(t=this.childNumberEl)||void 0===t||t.focus():null===(i=this.childEl)||void 0===i||i.focus()}onLabelClick(){this.setFocus()}incrementOrDecrementNumberValue(t,i,e,n){const{value:a}=this,o="any"===this.step?1:Math.abs(this.step||1),r=a&&""!==a?parseFloat(a):0,s=r+o*("up"===t?1:-1),l="number"==typeof e&&!isNaN(e)&&s<e||"number"==typeof i&&!isNaN(i)&&s>i?r:s,c=D(r),h=D(o);this.setValue({committing:!0,nativeEvent:n,value:l.toFixed(Math.max(c,h))})}onFormReset(){this.setValue({value:this.defaultValue})}syncHiddenFormInput(t){var i,e,n,a;"number"===this.type?(t.type="number",t.min=null!==(e=null===(i=this.min)||void 0===i?void 0:i.toString(10))&&void 0!==e?e:"",t.max=null!==(a=null===(n=this.max)||void 0===n?void 0:n.toString(10))&&void 0!==a?a:""):"text"===this.type?(t.type="text",null!=this.minLength&&(t.minLength=this.minLength),null!=this.maxLength&&(t.maxLength=this.maxLength)):"password"===this.type&&(t.type="password")}setDisabledAction(){const t=r(this.el,"action");t&&(this.disabled?t.setAttribute("disabled",""):t.removeAttribute("disabled"))}warnAboutInvalidNumberValue(t){"number"===this.type&&t&&!w(t)&&console.warn(`The specified value "${t}" cannot be parsed, or is out of range.`)}render(){const t=c(this.el),i=e("div",{class:"loader"},e("calcite-progress",{label:this.intlLoading,type:"indeterminate"})),a=e("button",{class:"clear-button",disabled:this.disabled||this.readOnly,onClick:this.clearInputValue,tabIndex:this.disabled?-1:0,type:"button"},e("calcite-icon",{icon:"x",scale:"s"})),o=e("calcite-icon",{class:"icon",flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:"s"}),r="horizontal"===this.numberButtonType,s=e("button",{class:{"number-button-item":!0,"number-button-item--horizontal":r},"data-adjustment":"up",disabled:this.disabled||this.readOnly,onMouseDown:this.numberButtonMouseDownHandler,onMouseOut:this.numberButtonMouseUpAndMouseOutHandler,onMouseUp:this.numberButtonMouseUpAndMouseOutHandler,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"chevron-up",scale:"s"})),l=e("button",{class:{"number-button-item":!0,"number-button-item--horizontal":r},"data-adjustment":"down",disabled:this.disabled||this.readOnly,onMouseDown:this.numberButtonMouseDownHandler,onMouseOut:this.numberButtonMouseUpAndMouseOutHandler,onMouseUp:this.numberButtonMouseUpAndMouseOutHandler,tabIndex:-1,type:"button"},e("calcite-icon",{icon:"chevron-down",scale:"s"})),u=e("div",{class:"number-button-wrapper"},s,l),d=e("div",{class:"prefix"},this.prefixText),p=e("div",{class:"suffix"},this.suffixText),b="number"===this.type?e("input",{"aria-label":m(this),autofocus:!!this.autofocus||null,defaultValue:this.defaultValue,disabled:!!this.disabled||null,enterKeyHint:this.el.enterKeyHint,inputMode:this.el.inputMode,key:"localized-input",maxLength:this.maxLength,minLength:this.minLength,name:void 0,onBlur:this.inputBlurHandler,onFocus:this.inputFocusHandler,onInput:this.inputNumberInputHandler,onKeyDown:this.inputNumberKeyDownHandler,onKeyUp:this.inputKeyUpHandler,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildNumberElRef,type:"text",value:this.localizedValue}):null,g="number"!==this.type?[e(this.childElType,{"aria-label":m(this),autofocus:!!this.autofocus||null,class:{"editing-enabled":this.editingEnabled,"inline-child":!!this.inlineEditableEl},defaultValue:this.defaultValue,disabled:!!this.disabled||null,enterKeyHint:this.el.enterKeyHint,inputMode:this.el.inputMode,max:this.maxString,maxLength:this.maxLength,min:this.minString,minLength:this.minLength,name:this.name,onBlur:this.inputBlurHandler,onFocus:this.inputFocusHandler,onInput:this.inputInputHandler,onKeyDown:this.inputKeyDownHandler,onKeyUp:this.inputKeyUpHandler,placeholder:this.placeholder||"",readOnly:this.readOnly,ref:this.setChildElRef,required:!!this.required||null,step:this.step,tabIndex:this.disabled||this.inlineEditableEl&&!this.editingEnabled?-1:null,type:this.type,value:this.value}),this.isTextarea?e("div",{class:"resize-icon-wrapper"},e("calcite-icon",{icon:"chevron-down",scale:"s"})):null]:null;return e(n,{onClick:this.inputFocusHandler,onKeyDown:this.keyDownHandler},e("div",{class:{wrapper:!0,[h.rtl]:"rtl"===t}},"number"!==this.type||"horizontal"!==this.numberButtonType||this.readOnly?null:l,this.prefixText?d:null,e("div",{class:"element-wrapper"},b,g,this.isClearable?a:null,this.requestedIcon?o:null,this.loading?i:null),e("div",{class:"action-wrapper"},e("slot",{name:"action"})),"number"!==this.type||"vertical"!==this.numberButtonType||this.readOnly?null:u,this.suffixText?p:null,"number"!==this.type||"horizontal"!==this.numberButtonType||this.readOnly?null:s,e(f,{component:this})))}get el(){return a(this)}static get watchers(){return{disabled:["disabledWatcher"],max:["maxWatcher"],min:["minWatcher"],value:["valueWatcher"],icon:["updateRequestedIcon"],type:["updateRequestedIcon"]}}};I.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{height:1.5rem;padding:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) textarea{height:1.5rem;min-height:1.5rem}:host([scale=s]) .number-button-wrapper,:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{height:1.5rem}:host([scale=s]) input[type=file]{height:1.5rem}:host([scale=s]) .clear-button{min-height:1.5rem;min-width:1.5rem}:host([scale=s]) textarea{height:auto;padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.5rem;padding-right:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{height:2rem;padding:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) textarea{min-height:2rem}:host([scale=m]) .number-button-wrapper,:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{height:2rem}:host([scale=m]) input[type=file]{height:2rem}:host([scale=m]) .clear-button{min-height:2rem;min-width:2rem}:host([scale=m]) textarea{height:auto;padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0.75rem;padding-right:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{height:2.75rem;padding:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) textarea{min-height:2.75rem}:host([scale=l]) .number-button-wrapper,:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{height:2.75rem}:host([scale=l]) input[type=file]{height:2.75rem}:host([scale=l]) .clear-button{min-height:2.75rem;min-width:2.75rem}:host([scale=l]) textarea{height:auto;padding-top:0.75rem;padding-bottom:0.75rem;padding-left:1rem;padding-right:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([disabled]){pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) .wrapper{pointer-events:none;--tw-text-opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) button,:host([disabled]) textarea,:host([disabled]) input{pointer-events:none}:host([disabled]) textarea{resize:none}:host textarea,:host input{-webkit-transition:var(--calcite-animation-timing), height 0s;transition:var(--calcite-animation-timing), height 0s;-webkit-appearance:none;position:relative;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;max-height:100%;width:100%;max-width:100%;-ms-flex:1 1 0%;flex:1 1 0%;border-radius:0px;background-color:var(--calcite-ui-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1)}:host input[type=search]::-webkit-search-decoration{-webkit-appearance:none}:host input,:host textarea{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);color:var(--calcite-ui-text-1)}:host input:-ms-input-placeholder,:host textarea:-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input::-ms-input-placeholder,:host textarea::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input::placeholder,:host input:-ms-input-placeholder,:host input::-ms-input-placeholder,:host textarea::placeholder,:host textarea:-ms-input-placeholder,:host textarea::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input:focus,:host textarea:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-1)}:host input[readonly],:host textarea[readonly]{background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium)}:host input[readonly]:focus,:host textarea[readonly]:focus{color:var(--calcite-ui-text-1)}:host calcite-icon{color:var(--calcite-ui-text-3)}:host textarea,:host input{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host textarea:focus,:host input:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([status=invalid]) input,:host([status=invalid]) textarea{border-color:var(--calcite-ui-danger)}:host([status=invalid]) input:focus,:host([status=invalid]) textarea:focus{outline:2px solid var(--calcite-ui-danger);outline-offset:-2px}: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{-webkit-padding-start:2rem;padding-inline-start:2rem}:host([icon][scale=m]) input{-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}:host([icon][scale=l]) input{-webkit-padding-start:3rem;padding-inline-start:3rem}.element-wrapper{position:relative;-ms-flex-order:3;order:3;display:-ms-inline-flexbox;display:inline-flex;-ms-flex:1 1 0%;flex:1 1 0%;-ms-flex-align:center;align-items:center}.icon{pointer-events:none;position:absolute;z-index:10;display:block;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;height:0px;width:0px}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration,input[type=date]::-webkit-clear-button,input[type=time]::-webkit-clear-button{display:none}.clear-button{pointer-events:initial;-ms-flex-order:4;order:4;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;min-height:100%;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:stretch;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-ui-foreground-2);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.clear-button:hover calcite-icon{color:var(--calcite-ui-text-1);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.clear-button:active{background-color:var(--calcite-ui-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-ui-text-1)}.clear-button:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.clear-button:disabled{opacity:var(--calcite-ui-opacity-disabled)}.loader{top:1px;left:1px;right:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{-ms-flex-order:7;order:7;display:-ms-flexbox;display:flex}.prefix,.suffix{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;height:auto;min-height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-ui-text-2)}.prefix{-ms-flex-order:2;order:2;border-inline-end-width:0px}.suffix{-ms-flex-order:5;order:5;border-inline-start-width:0px}:host([alignment=start]) textarea,:host([alignment=start]) input{text-align:start}:host([alignment=end]) textarea,:host([alignment=end]) input{text-align:end}:host input[type=number]{-moz-appearance:textfield}:host input[type=number]::-webkit-inner-spin-button,:host input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:textfield;margin:0px}.number-button-wrapper{pointer-events:none;-ms-flex-order:6;order:6;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}:host([number-button-type=vertical]) .wrapper{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex}:host([number-button-type=vertical]) input,:host([number-button-type=vertical]) textarea{-ms-flex-order:2;order:2}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=down] calcite-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host([number-button-type=horizontal]) .calcite--rtl .number-button-item[data-adjustment=up] calcite-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down],.number-button-item.number-button-item--horizontal[data-adjustment=up]{-ms-flex-order:1;order:1;max-height:100%;min-height:100%;-ms-flex-item-align:stretch;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{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.number-button-item.number-button-item--horizontal[data-adjustment=down]{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);border-inline-end-width:0px}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover{background-color:var(--calcite-ui-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=down]:hover calcite-icon{color:var(--calcite-ui-text-1)}.number-button-item.number-button-item--horizontal[data-adjustment=up]{-ms-flex-order:5;order:5}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover{background-color:var(--calcite-ui-foreground-2)}.number-button-item.number-button-item--horizontal[data-adjustment=up]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover{background-color:var(--calcite-ui-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover{background-color:var(--calcite-ui-foreground-2)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=up]:hover calcite-icon{color:var(--calcite-ui-text-1)}:host([number-button-type=vertical]) .number-button-item[data-adjustment=down]{border-top-width:0px}.number-button-item{max-height:50%;min-height:50%;pointer-events:initial;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);padding-top:0px;padding-bottom:0px;padding-left:0.5rem;padding-right:0.5rem;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;border-inline-start-width:0px}.number-button-item calcite-icon{pointer-events:none;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.number-button-item:focus{background-color:var(--calcite-ui-foreground-2)}.number-button-item:focus calcite-icon{color:var(--calcite-ui-text-1)}.number-button-item:active{background-color:var(--calcite-ui-foreground-3)}.wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}:host input::-webkit-calendar-picker-indicator{display:none}:host input[type=date]::-webkit-input-placeholder{visibility:hidden !important}:host textarea::-webkit-resizer{position:absolute;bottom:0px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:0px;padding-bottom:0px;padding-left:0.25rem;padding-right:0.25rem;inset-inline-end:0}.resize-icon-wrapper{bottom:2px;inset-inline-end:2px;pointer-events:none;position:absolute;z-index:10;height:0.75rem;width:0.75rem;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-3)}.resize-icon-wrapper calcite-icon{bottom:0.25rem;inset-inline-end:0.25rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.calcite--rtl .resize-icon-wrapper calcite-icon{-webkit-transform:rotate(45deg);transform:rotate(45deg)}:host([type=color]) input{padding:0.25rem}:host([type=file]) input{cursor:pointer;border-width:1px;border-style:dashed;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);text-align:center}:host([type=file][scale=s]) input{padding-top:1px;padding-bottom:1px;padding-left:0.5rem;padding-right:0.5rem}:host([type=file][scale=m]) input{padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.75rem;padding-right:0.75rem}:host([type=file][scale=l]) input{padding-top:0.5rem;padding-bottom:0.5rem;padding-left:1rem;padding-right:1rem}:host(.no-bottom-border) input{border-bottom-width:0px}:host(.border-top-color-one) input{border-top-color:var(--calcite-ui-border-1)}:host .inline-child{background-color:transparent;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}:host .inline-child .editing-enabled{background-color:inherit}:host .inline-child:not(.editing-enabled){display:-ms-flexbox;display:flex;cursor:pointer;border-color:transparent;-webkit-padding-start:0;padding-inline-start:0}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";export{I as calcite_input}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,i,n){function a(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,o){function r(t){try{c(n.next(t))}catch(t){o(t)}}function s(t){try{c(n["throw"](t))}catch(t){o(t)}}function c(t){t.done?i(t.value):a(t.value).then(r,s)}c((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,a,o,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(t){return function(e){return c([t,e])}}function c(r){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,a&&(o=r[0]&2?a["return"]:r[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,r[1])).done)return o;if(a=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;a=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){i.label=r[1];break}if(r[0]===6&&i.label<o[1]){i.label=o[1];o=r;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(r);break}if(o[2])i.ops.pop();i.trys.pop();continue}r=e.call(t,i)}catch(t){r=[6,t];a=0}finally{n=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
|
|
2
|
+
/*!
|
|
3
|
+
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
|
+
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
+
*/System.register(["./p-288bc438.system.js","./p-ec9bab33.system.js","./p-e2047621.system.js","./p-ac4aec20.system.js","./p-e020662f.system.js"],(function(t){"use strict";var e,i,n,a,o,r,s,c,l,p,d,m;return{setters:[function(t){e=t.r;i=t.c;n=t.h;a=t.H;o=t.g},function(t){r=t.g;s=t.f;c=t.d},function(t){l=t.C;p=t.u;d=t.c},function(t){m=t.c},function(){}],execute:function(){var f="bottom-leading";var u={dropdownTrigger:"dropdown-trigger"};var h="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:0 1 auto;flex:0 1 auto}:host([disabled]){pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}:host .calcite-dropdown-wrapper{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);visibility:hidden;pointer-events:none}.calcite-dropdown-wrapper .calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}.calcite-dropdown-wrapper[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.calcite-dropdown-wrapper[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}.calcite-dropdown-wrapper[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}.calcite-dropdown-wrapper[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}.calcite-dropdown-wrapper[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}:host([active]) .calcite-dropdown-wrapper{pointer-events:initial;visibility:visible}:host .calcite-dropdown-content{overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-ui-foreground-1);max-height:90vh;width:var(--calcite-dropdown-width)}.calcite-dropdown-trigger-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto}:host([width=s]){--calcite-dropdown-width:12rem}:host([width=m]){--calcite-dropdown-width:14rem}:host([width=l]){--calcite-dropdown-width:16rem}";var w=t("calcite_dropdown",function(){function t(t){var n=this;e(this,t);this.calciteDropdownSelect=i(this,"calciteDropdownSelect",7);this.calciteDropdownOpen=i(this,"calciteDropdownOpen",7);this.calciteDropdownClose=i(this,"calciteDropdownClose",7);this.active=false;this.disableCloseOnSelect=false;this.disabled=false;this.maxItems=0;this.overlayPositioning="absolute";this.placement=f;this.scale="m";this.selectedItems=[];this.type="click";this.width="m";this.items=[];this.activeTransitionProp="visibility";this.mutationObserver=m("mutation",(function(){return n.updateItems()}));this.resizeObserver=m("resize",(function(){return n.setMaxScrollerHeight()}));this.updateItems=function(){n.updateSelectedItems();n.triggers=r(n.el,"dropdown-trigger",{all:true});n.items=Array.from(n.el.querySelectorAll("calcite-dropdown-item"));n.reposition()};this.setMaxScrollerHeight=function(){var t=n,e=t.active,i=t.scrollerEl;if(!i||!e){return}var a=n.getMaxScrollerHeight();i.style.maxHeight=a>0?a+"px":""};this.setScrollerEl=function(t){n.resizeObserver.observe(t);n.scrollerEl=t};this.transitionEnd=function(t){if(t.propertyName===n.activeTransitionProp){n.active?n.calciteDropdownOpen.emit():n.calciteDropdownClose.emit()}};this.setReferenceEl=function(t){n.referenceEl=t};this.setMenuEl=function(t){n.menuEl=t};this.keyDownHandler=function(t){var e=t.target;var i=t.key;if(n.triggers.includes(e)||n.triggers.some((function(t){return t.contains(e)}))){var a=["BUTTON","CALCITE-BUTTON","CALCITE-ACTION"];if(a.includes(e.nodeName)){if(n.active&&(i==="Escape"||t.shiftKey&&i==="Tab")){n.closeCalciteDropdown()}return}switch(i){case" ":case"Enter":n.openCalciteDropdown();break;case"Escape":n.closeCalciteDropdown();break}}};this.focusOnFirstActiveOrFirstItem=function(){n.getFocusableElement(n.items.find((function(t){return t.active}))||n.items[0])};this.toggleOpenEnd=function(){n.focusOnFirstActiveOrFirstItem();n.el.removeEventListener("calciteDropdownOpen",n.toggleOpenEnd)};this.openCalciteDropdown=function(){n.active=!n.active;if(n.active){n.el.addEventListener("calciteDropdownOpen",n.toggleOpenEnd)}}}t.prototype.activeHandler=function(){this.reposition()};t.prototype.maxItemsHandler=function(){this.reposition();this.setMaxScrollerHeight()};t.prototype.placementHandler=function(){this.reposition()};t.prototype.connectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true});this.createPopper();this.updateItems()};t.prototype.componentDidLoad=function(){this.reposition()};t.prototype.disconnectedCallback=function(){var t,e;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();this.destroyPopper()};t.prototype.render=function(){var t;var e=this.active;return n(a,{tabIndex:this.disabled?-1:null},n("div",{class:"calcite-dropdown-trigger-container",onClick:this.openCalciteDropdown,onKeyDown:this.keyDownHandler,ref:this.setReferenceEl},n("slot",{"aria-expanded":e.toString(),"aria-haspopup":"true",name:u.dropdownTrigger})),n("div",{"aria-hidden":(!e).toString(),class:"calcite-dropdown-wrapper",ref:this.setMenuEl},n("div",{class:(t={},t["calcite-dropdown-content"]=true,t[l.animation]=true,t[l.animationActive]=e,t),onTransitionEnd:this.transitionEnd,ref:this.setScrollerEl},n("div",{hidden:!this.active},n("slot",null)))))};t.prototype.reposition=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,i,n,a,o;return __generator(this,(function(r){switch(r.label){case 0:t=this,e=t.popper,i=t.menuEl,n=t.placement;a=this.getModifiers();if(!e)return[3,2];return[4,p({el:i,modifiers:a,placement:n,popper:e})];case 1:o=r.sent();return[3,3];case 2:o=this.createPopper();r.label=3;case 3:o;return[2]}}))}))};t.prototype.closeCalciteDropdownOnClick=function(t){if(!this.active||t.composedPath().includes(this.el)){return}this.closeCalciteDropdown()};t.prototype.closeCalciteDropdownOnEvent=function(){this.closeCalciteDropdown()};t.prototype.closeCalciteDropdownOnOpenEvent=function(t){if(t.composedPath().includes(this.el)){return}this.active=false};t.prototype.mouseEnterHandler=function(){if(this.type==="hover"){this.openCalciteDropdown()}};t.prototype.mouseLeaveHandler=function(){if(this.type==="hover"){this.closeCalciteDropdown()}};t.prototype.calciteDropdownItemKeyEvent=function(t){var e=t.detail.keyboardEvent;var i=e.target;var n=i.nodeName!=="A"?i:i.parentNode;var a=this.itemIndex(n)===0;var o=this.itemIndex(n)===this.items.length-1;switch(e.key){case"Tab":if(o&&!e.shiftKey){this.closeCalciteDropdown()}else if(a&&e.shiftKey){this.closeCalciteDropdown()}else if(e.shiftKey){this.focusPrevItem(n)}else{this.focusNextItem(n)}break;case"ArrowDown":this.focusNextItem(n);break;case"ArrowUp":this.focusPrevItem(n);break;case"Home":this.focusFirstItem();break;case"End":this.focusLastItem();break}t.stopPropagation()};t.prototype.handleItemSelect=function(t){this.updateSelectedItems();t.stopPropagation();this.calciteDropdownSelect.emit();if(!this.disableCloseOnSelect||t.detail.requestedDropdownGroup.selectionMode==="none"){this.closeCalciteDropdown()}};t.prototype.getModifiers=function(){var t={name:"flip",enabled:true};t.options={fallbackPlacements:["top-start","top","top-end","bottom-start","bottom","bottom-end"]};return[t]};t.prototype.createPopper=function(){this.destroyPopper();var t=this,e=t.menuEl,i=t.referenceEl,n=t.placement,a=t.overlayPositioning;var o=this.getModifiers();this.popper=d({el:e,modifiers:o,overlayPositioning:a,placement:n,referenceEl:i})};t.prototype.destroyPopper=function(){var t=this.popper;if(t){t.destroy()}this.popper=null};t.prototype.updateSelectedItems=function(){var t=Array.from(this.el.querySelectorAll("calcite-dropdown-item"));this.selectedItems=t.filter((function(t){return t.active}))};t.prototype.getMaxScrollerHeight=function(){var t=Array.from(this.el.querySelectorAll("calcite-dropdown-group"));var e=this.maxItems;var i=0;var n=0;var a;t.forEach((function(t){if(e>0&&i<e){Array.from(t.children).forEach((function(t,o){if(o===0){if(isNaN(a)){a=t.offsetTop}n+=a}if(i<e){n+=t.offsetHeight;i+=1}}))}}));return n};t.prototype.closeCalciteDropdown=function(){this.active=false;s(this.triggers[0])};t.prototype.focusFirstItem=function(){var t=this.items[0];this.getFocusableElement(t)};t.prototype.focusLastItem=function(){var t=this.items[this.items.length-1];this.getFocusableElement(t)};t.prototype.focusNextItem=function(t){var e=this.itemIndex(t);var i=this.items[e+1]||this.items[0];this.getFocusableElement(i)};t.prototype.focusPrevItem=function(t){var e=this.itemIndex(t);var i=this.items[e-1]||this.items[this.items.length-1];this.getFocusableElement(i)};t.prototype.itemIndex=function(t){return this.items.indexOf(t)};t.prototype.getFocusableElement=function(t){if(!t){return}var e=t.attributes.isLink?t.shadowRoot.querySelector("a"):t;s(e)};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{active:["activeHandler"],maxItems:["maxItemsHandler"],placement:["placementHandler"]}},enumerable:false,configurable:true});return t}());w.style=h;var b={containerSmall:"container--s",containerMedium:"container--m",containerLarge:"container--l"};var v="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}.container--s{font-size:var(--calcite-font-size--2);line-height:1rem}.container--s .dropdown-title{padding:0.5rem}.container--m{font-size:var(--calcite-font-size--1);line-height:1rem}.container--m .dropdown-title{padding:0.75rem}.container--l{font-size:var(--calcite-font-size-0);line-height:1.25rem}.container--l .dropdown-title{padding:1rem}.dropdown-title{margin-bottom:-1px;display:block;cursor:default;overflow-wrap:break-word;border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3);font-weight:var(--calcite-font-weight-bold);color:var(--calcite-ui-text-2)}.dropdown-separator{display:block;height:1px;background-color:var(--calcite-ui-border-3)}";var g=t("calcite_dropdown_group",function(){function t(t){e(this,t);this.calciteDropdownItemChange=i(this,"calciteDropdownItemChange",7);this.selectionMode="single"}t.prototype.componentWillLoad=function(){this.groupPosition=this.getGroupPosition()};t.prototype.render=function(){var t;var e=this.scale||c(this.el,"scale","m");var i=this.groupTitle?n("span",{"aria-hidden":"true",class:"dropdown-title"},this.groupTitle):null;var o=this.groupPosition>0?n("div",{class:"dropdown-separator",role:"separator"}):null;return n(a,{role:"menu"},n("div",{class:(t={container:true},t[b.containerSmall]=e==="s",t[b.containerMedium]=e==="m",t[b.containerLarge]=e==="l",t),title:this.groupTitle},o,i,n("slot",null)))};t.prototype.updateActiveItemOnChange=function(t){this.requestedDropdownGroup=t.detail.requestedDropdownGroup;this.requestedDropdownItem=t.detail.requestedDropdownItem;this.calciteDropdownItemChange.emit({requestedDropdownGroup:this.requestedDropdownGroup,requestedDropdownItem:this.requestedDropdownItem})};t.prototype.getGroupPosition=function(){return Array.prototype.indexOf.call(this.el.parentElement.querySelectorAll("calcite-dropdown-group"),this.el)};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());g.style=v;var y={containerLink:"container--link",containerSmall:"container--s",containerMedium:"container--m",containerLarge:"container--l",containerMulti:"container--multi-selection",containerSingle:"container--single-selection",containerNone:"container--none-selection"};var k="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}.container--s{padding-top:0.25rem;padding-bottom:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.container--m{padding-top:0.5rem;padding-bottom:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-padding-end:0.75rem;padding-inline-end:0.75rem;-webkit-padding-start:2rem;padding-inline-start:2rem}.container--l{padding-top:0.75rem;padding-bottom:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}.container--s.container--none-selection{-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}.container--s.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}.container--m.container--none-selection{-webkit-padding-start:0.5rem;padding-inline-start:0.5rem}.container--m.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}.container--l.container--none-selection{-webkit-padding-start:0.75rem;padding-inline-start:0.75rem}.container--l.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;cursor:pointer;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.dropdown-item-content{-ms-flex:1 1 auto;flex:1 1 auto;-webkit-padding-end:auto;padding-inline-end:auto;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host,.container--link a{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host(:focus){outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.container--link{padding:0px}.container--link a{position:relative;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;cursor:pointer;-ms-flex-align:center;align-items:center;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.container--s .dropdown-link{padding-top:0.25rem;padding-bottom:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.container--m .dropdown-link{padding-top:0.5rem;padding-bottom:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-padding-end:0.75rem;padding-inline-end:0.75rem;-webkit-padding-start:2rem;padding-inline-start:2rem}.container--l .dropdown-link{padding-top:0.75rem;padding-bottom:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}:host(:hover) .container,:host(:active) .container{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);-webkit-text-decoration-line:none;text-decoration-line:none}:host(:hover) .container--link .dropdown-link,:host(:active) .container--link .dropdown-link{color:var(--calcite-ui-text-1)}:host(:focus) .container{color:var(--calcite-ui-text-1);-webkit-text-decoration-line:none;text-decoration-line:none}:host(:active) .container{background-color:var(--calcite-ui-foreground-3)}:host(:hover) .container:before,:host(:active) .container:before,:host(:focus) .container:before{opacity:1}:host([active]) .container:not(.container--none-selection),:host([active]) .container--link .dropdown-link{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([active]) .container:not(.container--none-selection):before,:host([active]) .container--link .dropdown-link:before{opacity:1;color:var(--calcite-ui-brand)}:host([active]) .container:not(.container--none-selection) calcite-icon,:host([active]) .container--link .dropdown-link calcite-icon{color:var(--calcite-ui-brand)}.container--multi-selection:before,.container--none-selection:before{display:none}.container--s:before{inset-inline-start:0.5rem}.container--m:before{inset-inline-start:0.75rem}.container--l:before{inset-inline-start:1rem}.dropdown-item-icon{position:absolute;opacity:0;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:scale(0.9);transform:scale(0.9)}.container--s .dropdown-item-icon{inset-inline-start:0.25rem}.container--m .dropdown-item-icon{inset-inline-start:0.5rem}.container--l .dropdown-item-icon{inset-inline-start:0.75rem}:host(:hover) .dropdown-item-icon{color:var(--calcite-ui-border-1);opacity:1}:host([active]) .dropdown-item-icon{color:var(--calcite-ui-brand);opacity:1}.container--s .dropdown-item-icon-start{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--s .dropdown-item-icon-end{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.container--m .dropdown-item-icon-start{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--m .dropdown-item-icon-end{-webkit-margin-start:0.75rem;margin-inline-start:0.75rem}.container--l .dropdown-item-icon-start{-webkit-margin-end:1rem;margin-inline-end:1rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--l .dropdown-item-icon-end{-webkit-margin-start:1rem;margin-inline-start:1rem}";var D=t("calcite_dropdown_item",function(){function t(t){e(this,t);this.calciteDropdownItemSelect=i(this,"calciteDropdownItemSelect",7);this.calciteDropdownItemKeyEvent=i(this,"calciteDropdownItemKeyEvent",7);this.calciteDropdownCloseRequest=i(this,"calciteDropdownCloseRequest",7);this.active=false}t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.el.focus();return[2]}))}))};t.prototype.connectedCallback=function(){this.selectionMode=c(this.el,"selection-mode","single");this.parentDropdownGroupEl=this.el.closest("calcite-dropdown-group");if(this.selectionMode==="none"){this.active=false}};t.prototype.render=function(){var t;var e=this;var i=c(this.el,"scale","m");var o=n("calcite-icon",{class:"dropdown-item-icon-start",flipRtl:this.iconFlipRtl==="start"||this.iconFlipRtl==="both",icon:this.iconStart,scale:"s"});var r=n("span",{class:"dropdown-item-content"},n("slot",null));var s=n("calcite-icon",{class:"dropdown-item-icon-end",flipRtl:this.iconFlipRtl==="end"||this.iconFlipRtl==="both",icon:this.iconEnd,scale:"s"});var l=this.iconStart&&this.iconEnd?[o,r,s]:this.iconStart?[o,n("slot",null)]:this.iconEnd?[r,s]:r;var p=!this.href?l:n("a",{"aria-label":this.label,class:"dropdown-link",href:this.href,ref:function(t){return e.childLink=t},rel:this.rel,target:this.target},l);var d=this.href?null:this.selectionMode==="single"?"menuitemradio":this.selectionMode==="multi"?"menuitemcheckbox":"menuitem";var m=this.selectionMode!=="none"?this.active.toString():null;return n(a,{"aria-checked":m,role:d,tabindex:"0"},n("div",{class:(t={container:true},t[y.containerLink]=!!this.href,t[y.containerSmall]=i==="s",t[y.containerMedium]=i==="m",t[y.containerLarge]=i==="l",t[y.containerMulti]=this.selectionMode==="multi",t[y.containerSingle]=this.selectionMode==="single",t[y.containerNone]=this.selectionMode==="none",t)},this.selectionMode!=="none"?n("calcite-icon",{class:"dropdown-item-icon",icon:this.selectionMode==="multi"?"check":"bullet-point",scale:"s"}):null,p))};t.prototype.onClick=function(){this.emitRequestedItem()};t.prototype.keyDownHandler=function(t){switch(t.key){case" ":this.emitRequestedItem();if(this.href){t.preventDefault();this.childLink.click()}break;case"Enter":this.emitRequestedItem();if(this.href){this.childLink.click()}break;case"Escape":this.calciteDropdownCloseRequest.emit();break;case"Tab":case"ArrowUp":case"ArrowDown":case"Home":case"End":this.calciteDropdownItemKeyEvent.emit({keyboardEvent:t});break}t.preventDefault()};t.prototype.updateActiveItemOnChange=function(t){var e=t.composedPath().includes(this.parentDropdownGroupEl);if(e){this.requestedDropdownGroup=t.detail.requestedDropdownGroup;this.requestedDropdownItem=t.detail.requestedDropdownItem;this.determineActiveItem()}};t.prototype.determineActiveItem=function(){switch(this.selectionMode){case"multi":if(this.el===this.requestedDropdownItem){this.active=!this.active}break;case"single":if(this.el===this.requestedDropdownItem){this.active=true}else if(this.requestedDropdownGroup===this.parentDropdownGroupEl){this.active=false}break;case"none":this.active=false;break}};t.prototype.emitRequestedItem=function(){this.calciteDropdownItemSelect.emit({requestedDropdownItem:this.el,requestedDropdownGroup:this.parentDropdownGroupEl})};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());D.style=k}}}));
|
|
@@ -2,4 +2,4 @@ var __awaiter=this&&this.__awaiter||function(t,e,n,i){function a(t){return t ins
|
|
|
2
2
|
/*!
|
|
3
3
|
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
4
4
|
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
5
|
-
*/System.register(["./p-288bc438.system.js","./p-a0c02648.system.js","./p-ec9bab33.system.js","./p-4de6f4fd.system.js","./p-e020662f.system.js","./p-ac4aec20.system.js","./p-ab14b0a2.system.js"],(function(t){"use strict";var e,n,i,a,o,r,l,c,s,u,f,m,p,d,v;return{setters:[function(t){e=t.r;n=t.c;i=t.h;a=t.F;o=t.g},function(t){r=t.C;l=t.I;c=t.S},function(t){s=t.g;u=t.f},function(t){f=t.g},function(t){m=t.g},function(t){p=t.c},function(t){d=t.c;v=t.d}],execute:function(){var h="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size-1);color:var(--calcite-ui-text-2)}.menu ::slotted(calcite-action){margin:0.125rem;display:-ms-flexbox;display:flex;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}::slotted(calcite-action[active]){outline:2px solid var(--calcite-ui-brand);outline-offset:0px}.default-trigger{position:relative;height:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;height:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}.menu{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;outline:2px solid transparent;outline-offset:2px}";var y=["ArrowUp","ArrowDown"];var g=["ArrowUp","ArrowDown","End","Home"];var b=t("calcite_action_menu",function(){function t(t){var i=this;e(this,t);this.calciteActionMenuOpenChange=n(this,"calciteActionMenuOpenChange",7);this.expanded=false;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.actionElements=[];this.mutationObserver=p("mutation",(function(){return i.getActions()}));this.guid="calcite-action-menu-"+m();this.menuId=this.guid+"-menu";this.menuButtonId=this.guid+"-menu-button";this.activeMenuItemIndex=-1;this.connectMenuButtonEl=function(){var t=i,e=t.el,n=t.menuButtonId,a=t.menuId,o=t.open,r=t.label;var l=s(e,c.trigger)||i.defaultMenuButtonEl;if(i.menuButtonEl===l){return}i.disconnectMenuButtonEl();i.menuButtonEl=l;i.setTooltipReferenceElement();if(!l){return}l.active=o;l.setAttribute("aria-controls",a);l.setAttribute("aria-expanded",o.toString());l.setAttribute("aria-haspopup","true");if(!l.id){l.id=n}if(!l.label){l.label=r}if(!l.text){l.text=r}l.addEventListener("click",i.menuButtonClick);l.addEventListener("keydown",i.menuButtonKeyDown);l.addEventListener("keyup",i.menuButtonKeyUp)};this.disconnectMenuButtonEl=function(){var t=i.menuButtonEl;if(!t){return}t.removeEventListener("click",i.menuButtonClick);t.removeEventListener("keydown",i.menuButtonKeyDown);t.removeEventListener("keyup",i.menuButtonKeyUp)};this.setDefaultMenuButtonEl=function(t){i.defaultMenuButtonEl=t;i.connectMenuButtonEl()};this.handleCalciteActionClick=function(){i.open=false;i.setFocus()};this.menuButtonClick=function(){i.toggleOpen()};this.setTooltipReferenceElement=function(){var t=i,e=t.el,n=t.expanded,a=t.menuButtonEl;var o=s(e,c.tooltip);var r=(o===null||o===void 0?void 0:o.tagName)==="SLOT"?o.assignedElements()[0]:o;if((r===null||r===void 0?void 0:r.tagName)==="CALCITE-TOOLTIP"){r.referenceElement=!n?a:null}};this.updateAction=function(t,e){var n=i,a=n.guid,o=n.activeMenuItemIndex;var r=a+"-action-"+e;t.tabIndex=-1;t.setAttribute("role","menuitem");if(!t.id){t.id=r}t.active=e===o};this.updateActions=function(t){t===null||t===void 0?void 0:t.forEach(i.updateAction)};this.getActions=function(){var t=i.el;var e=i.getAssignedElements().filter((function(t){return t.tagName==="CALCITE-ACTION"&&t.slot!=="trigger"}));var n=e.length?e:Array.from(t.querySelectorAll("calcite-action:not([slot=trigger])"));i.updateActions(n);i.actionElements=n;i.connectMenuButtonEl()};this.menuButtonKeyUp=function(t){var e=t.key;var n=i.actionElements;if(!i.isValidKey(e,y)){return}t.preventDefault();if(!n.length){return}i.toggleOpen(true);i.handleActionNavigation(e,n)};this.menuButtonKeyDown=function(t){var e=t.key;if(!i.isValidKey(e,y)){return}t.preventDefault()};this.menuActionsContainerKeyDown=function(t){var e=t.key;var n=i,a=n.actionElements,o=n.activeMenuItemIndex;if(e==="Tab"){i.open=false;return}if(e===" "||e==="Enter"){t.preventDefault();var r=a[o];r?r.click():i.toggleOpen(false);return}if(i.isValidKey(e,g)){t.preventDefault()}};this.menuActionsContainerKeyUp=function(t){var e=t.key;var n=i.actionElements;if(e==="Escape"){i.toggleOpen(false);return}if(!i.isValidKey(e,g)){return}t.preventDefault();if(!n.length){return}i.handleActionNavigation(e,n)};this.handleActionNavigation=function(t,e){var n=i.activeMenuItemIndex;if(t==="Home"){i.activeMenuItemIndex=0}if(t==="End"){i.activeMenuItemIndex=e.length-1}if(t==="ArrowUp"){i.activeMenuItemIndex=f(Math.max(n-1,-1),e.length)}if(t==="ArrowDown"){i.activeMenuItemIndex=f(n+1,e.length)}};this.toggleOpenEnd=function(){i.setFocus();i.el.removeEventListener("calcitePopoverOpen",i.toggleOpenEnd)};this.toggleOpen=function(t){if(t===void 0){t=!i.open}i.el.addEventListener("calcitePopoverOpen",i.toggleOpenEnd);i.open=t}}t.prototype.connectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true});this.getActions();d(this)};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();this.disconnectMenuButtonEl();v(this)};t.prototype.expandedHandler=function(){this.open=false;this.setTooltipReferenceElement()};t.prototype.openHandler=function(t){this.activeMenuItemIndex=this.open?0:-1;if(this.menuButtonEl){this.menuButtonEl.active=t}this.calciteActionMenuOpenChange.emit(t)};t.prototype.closeCalciteActionMenuOnClick=function(t){var e=t.composedPath();if(e.includes(this.el)){return}this.open=false};t.prototype.activeMenuItemIndexHandler=function(){this.updateActions(this.actionElements)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){u(this.open?this.menuEl:this.menuButtonEl);return[2]}))}))};t.prototype.renderMenuButton=function(){var t=this,e=t.el,n=t.label,a=t.scale;var o=i("slot",{name:c.trigger},i("calcite-action",{class:r.defaultTrigger,icon:l.menu,ref:this.setDefaultMenuButtonEl,scale:a,text:n}));return s(e,c.tooltip)?i("calcite-tooltip-manager",null,o):o};t.prototype.renderMenuItems=function(){var t=this;var e=this,n=e.actionElements,a=e.activeMenuItemIndex,o=e.open,l=e.menuId,c=e.menuButtonEl,s=e.label,u=e.placement,f=e.overlayPositioning;var m=n[a];var p=(m===null||m===void 0?void 0:m.id)||null;return i("calcite-popover",{disablePointer:true,label:s,offsetDistance:0,open:o,overlayPositioning:f,placement:u,referenceElement:c},i("div",{"aria-activedescendant":p,"aria-labelledby":c===null||c===void 0?void 0:c.id,class:r.menu,id:l,onClick:this.handleCalciteActionClick,onKeyDown:this.menuActionsContainerKeyDown,onKeyUp:this.menuActionsContainerKeyUp,ref:function(e){return t.menuEl=e},role:"menu",tabIndex:-1},i("slot",null)))};t.prototype.render=function(){return i(a,null,this.renderMenuButton(),this.renderMenuItems(),i("slot",{name:c.tooltip}))};t.prototype.getAssignedElements=function(){return Array.from(this.el.querySelectorAll("slot")).map((function(t){return t.assignedElements({flatten:true})})).reduce((function(t,e){return t.concat(e)}),[])};t.prototype.isValidKey=function(t,e){return!!e.find((function(e){return e===t}))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{expanded:["expandedHandler"],open:["openHandler"],activeMenuItemIndex:["activeMenuItemIndexHandler"]}},enumerable:false,configurable:true});return t}());b.style=h}}}));
|
|
5
|
+
*/System.register(["./p-288bc438.system.js","./p-a0c02648.system.js","./p-ec9bab33.system.js","./p-4de6f4fd.system.js","./p-e020662f.system.js","./p-ac4aec20.system.js","./p-ab14b0a2.system.js"],(function(t){"use strict";var e,n,i,a,o,r,l,c,s,u,f,m,p,d,v;return{setters:[function(t){e=t.r;n=t.c;i=t.h;a=t.F;o=t.g},function(t){r=t.C;l=t.I;c=t.S},function(t){s=t.g;u=t.f},function(t){f=t.g},function(t){m=t.g},function(t){p=t.c},function(t){d=t.c;v=t.d}],execute:function(){var h="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size-1);color:var(--calcite-ui-text-2)}.menu ::slotted(calcite-action){margin:0.125rem;display:-ms-flexbox;display:flex;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}::slotted(calcite-action[active]){outline:2px solid var(--calcite-ui-brand);outline-offset:0px}.default-trigger{position:relative;height:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}slot[name=trigger]::slotted(calcite-action),calcite-action::slotted([slot=trigger]){position:relative;height:100%;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:stretch;align-self:stretch}.menu{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;outline:2px solid transparent;outline-offset:2px}";var y=["ArrowUp","ArrowDown"];var g=["ArrowUp","ArrowDown","End","Home"];var b=t("calcite_action_menu",function(){function t(t){var i=this;e(this,t);this.calciteActionMenuOpenChange=n(this,"calciteActionMenuOpenChange",7);this.expanded=false;this.open=false;this.overlayPositioning="absolute";this.placement="auto";this.actionElements=[];this.mutationObserver=p("mutation",(function(){return i.getActions()}));this.guid="calcite-action-menu-"+m();this.menuId=this.guid+"-menu";this.menuButtonId=this.guid+"-menu-button";this.activeMenuItemIndex=-1;this.connectMenuButtonEl=function(){var t=i,e=t.el,n=t.menuButtonId,a=t.menuId,o=t.open,r=t.label;var l=s(e,c.trigger)||i.defaultMenuButtonEl;if(i.menuButtonEl===l){return}i.disconnectMenuButtonEl();i.menuButtonEl=l;i.setTooltipReferenceElement();if(!l){return}l.active=o;l.setAttribute("aria-controls",a);l.setAttribute("aria-expanded",o.toString());l.setAttribute("aria-haspopup","true");if(!l.id){l.id=n}if(!l.label){l.label=r}if(!l.text){l.text=r}l.addEventListener("click",i.menuButtonClick);l.addEventListener("keydown",i.menuButtonKeyDown);l.addEventListener("keyup",i.menuButtonKeyUp)};this.disconnectMenuButtonEl=function(){var t=i.menuButtonEl;if(!t){return}t.removeEventListener("click",i.menuButtonClick);t.removeEventListener("keydown",i.menuButtonKeyDown);t.removeEventListener("keyup",i.menuButtonKeyUp)};this.setDefaultMenuButtonEl=function(t){i.defaultMenuButtonEl=t;i.connectMenuButtonEl()};this.handleCalciteActionClick=function(){i.open=false;i.setFocus()};this.menuButtonClick=function(){i.toggleOpen()};this.setTooltipReferenceElement=function(){var t=i,e=t.el,n=t.expanded,a=t.menuButtonEl;var o=s(e,c.tooltip);var r=(o===null||o===void 0?void 0:o.tagName)==="SLOT"?o.assignedElements()[0]:o;if((r===null||r===void 0?void 0:r.tagName)==="CALCITE-TOOLTIP"){r.referenceElement=!n?a:null}};this.updateAction=function(t,e){var n=i,a=n.guid,o=n.activeMenuItemIndex;var r=a+"-action-"+e;t.tabIndex=-1;t.setAttribute("role","menuitem");if(!t.id){t.id=r}t.active=e===o};this.updateActions=function(t){t===null||t===void 0?void 0:t.forEach(i.updateAction)};this.getActions=function(){var t=i.el;var e=s(t,{all:true,matches:"calcite-action"});i.updateActions(e);i.actionElements=e;i.connectMenuButtonEl()};this.menuButtonKeyUp=function(t){var e=t.key;var n=i.actionElements;if(!i.isValidKey(e,y)){return}t.preventDefault();if(!n.length){return}i.toggleOpen(true);i.handleActionNavigation(e,n)};this.menuButtonKeyDown=function(t){var e=t.key;if(!i.isValidKey(e,y)){return}t.preventDefault()};this.menuActionsContainerKeyDown=function(t){var e=t.key;var n=i,a=n.actionElements,o=n.activeMenuItemIndex;if(e==="Tab"){i.open=false;return}if(e===" "||e==="Enter"){t.preventDefault();var r=a[o];r?r.click():i.toggleOpen(false);return}if(i.isValidKey(e,g)){t.preventDefault()}};this.menuActionsContainerKeyUp=function(t){var e=t.key;var n=i.actionElements;if(e==="Escape"){i.toggleOpen(false);return}if(!i.isValidKey(e,g)){return}t.preventDefault();if(!n.length){return}i.handleActionNavigation(e,n)};this.handleActionNavigation=function(t,e){var n=i.activeMenuItemIndex;if(t==="Home"){i.activeMenuItemIndex=0}if(t==="End"){i.activeMenuItemIndex=e.length-1}if(t==="ArrowUp"){i.activeMenuItemIndex=f(Math.max(n-1,-1),e.length)}if(t==="ArrowDown"){i.activeMenuItemIndex=f(n+1,e.length)}};this.toggleOpenEnd=function(){i.setFocus();i.el.removeEventListener("calcitePopoverOpen",i.toggleOpenEnd)};this.toggleOpen=function(t){if(t===void 0){t=!i.open}i.el.addEventListener("calcitePopoverOpen",i.toggleOpenEnd);i.open=t}}t.prototype.connectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.observe(this.el,{childList:true,subtree:true});this.getActions();d(this)};t.prototype.disconnectedCallback=function(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();this.disconnectMenuButtonEl();v(this)};t.prototype.expandedHandler=function(){this.open=false;this.setTooltipReferenceElement()};t.prototype.openHandler=function(t){this.activeMenuItemIndex=this.open?0:-1;if(this.menuButtonEl){this.menuButtonEl.active=t}this.calciteActionMenuOpenChange.emit(t)};t.prototype.closeCalciteActionMenuOnClick=function(t){var e=t.composedPath();if(e.includes(this.el)){return}this.open=false};t.prototype.activeMenuItemIndexHandler=function(){this.updateActions(this.actionElements)};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){u(this.open?this.menuEl:this.menuButtonEl);return[2]}))}))};t.prototype.renderMenuButton=function(){var t=this,e=t.el,n=t.label,a=t.scale;var o=i("slot",{name:c.trigger},i("calcite-action",{class:r.defaultTrigger,icon:l.menu,ref:this.setDefaultMenuButtonEl,scale:a,text:n}));return s(e,c.tooltip)?i("calcite-tooltip-manager",null,o):o};t.prototype.renderMenuItems=function(){var t=this;var e=this,n=e.actionElements,a=e.activeMenuItemIndex,o=e.open,l=e.menuId,c=e.menuButtonEl,s=e.label,u=e.placement,f=e.overlayPositioning;var m=n[a];var p=(m===null||m===void 0?void 0:m.id)||null;return i("calcite-popover",{disablePointer:true,label:s,offsetDistance:0,open:o,overlayPositioning:f,placement:u,referenceElement:c},i("div",{"aria-activedescendant":p,"aria-labelledby":c===null||c===void 0?void 0:c.id,class:r.menu,id:l,onClick:this.handleCalciteActionClick,onKeyDown:this.menuActionsContainerKeyDown,onKeyUp:this.menuActionsContainerKeyUp,ref:function(e){return t.menuEl=e},role:"menu",tabIndex:-1},i("slot",null)))};t.prototype.render=function(){return i(a,null,this.renderMenuButton(),this.renderMenuItems(),i("slot",{name:c.tooltip}))};t.prototype.getAssignedElements=function(){return Array.from(this.el.querySelectorAll("slot")).map((function(t){return t.assignedElements({flatten:true})})).reduce((function(t,e){return t.concat(e)}),[])};t.prototype.isValidKey=function(t,e){return!!e.find((function(e){return e===t}))};Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{expanded:["expandedHandler"],open:["openHandler"],activeMenuItemIndex:["activeMenuItemIndexHandler"]}},enumerable:false,configurable:true});return t}());b.style=h}}}));
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* All material copyright ESRI, All Rights Reserved, unless otherwise specified.
|
|
3
|
+
* See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
|
|
4
|
+
*/
|
|
5
|
+
import{r as t,c as i,h as a,g as n}from"./p-2e29554c.js";import{d as s,g as e}from"./p-8f3a3e4e.js";import{c as r,d as o,g as l}from"./p-9a7c4812.js";import{c}from"./p-0a5d059d.js";import"./p-8a63221d.js";let h=class{constructor(a){t(this,a),this.calciteInlineEditableEditCancel=i(this,"calciteInlineEditableEditCancel",7),this.calciteInlineEditableEditConfirm=i(this,"calciteInlineEditableEditConfirm",7),this.calciteInlineEditableEnableEditingChange=i(this,"calciteInlineEditableEnableEditingChange",7),this.disabled=!1,this.editingEnabled=!1,this.loading=!1,this.controls=!1,this.intlEnableEditing="Click to edit",this.intlCancelEditing="Cancel",this.intlConfirmChanges="Save",this.mutationObserver=c("mutation",(()=>this.mutationObserverCallback())),this.transitionEnd=()=>{!this.editingEnabled&&this.shouldEmitCancel&&this.calciteInlineEditableEditCancel.emit()},this.enableEditing=()=>{var t,i;this.valuePriorToEditing=null===(t=this.inputElement)||void 0===t?void 0:t.value,this.editingEnabled=!0,null===(i=this.inputElement)||void 0===i||i.setFocus(),this.calciteInlineEditableEnableEditingChange.emit()},this.disableEditing=()=>{this.editingEnabled=!1},this.cancelEditing=()=>{this.inputElement&&(this.inputElement.value=this.valuePriorToEditing),this.disableEditing(),this.enableEditingButton.setFocus()},this.escapeKeyHandler=async t=>{var i;"Escape"===t.key?this.cancelEditing():"Tab"===t.key&&this.shouldShowControls&&(t.shiftKey||t.target!==this.inputElement||(t.preventDefault(),this.cancelEditingButton.setFocus()),t.shiftKey&&t.target===this.cancelEditingButton&&(t.preventDefault(),t.stopPropagation(),null===(i=this.inputElement)||void 0===i||i.setFocus()))},this.cancelEditingHandler=async t=>{t.preventDefault(),t.stopPropagation(),this.cancelEditing()},this.enableEditingHandler=async t=>{t.preventDefault(),t.stopPropagation(),this.disabled||this.editingEnabled||this.enableEditing()},this.confirmChangesHandler=async t=>{t.preventDefault(),t.stopPropagation(),this.calciteInlineEditableEditConfirm.emit();try{this.afterConfirm&&(this.loading=!0,await this.afterConfirm(),this.disableEditing(),this.enableEditingButton.setFocus())}catch(t){}finally{this.loading=!1}}}disabledWatcher(t){this.inputElement&&(this.inputElement.disabled=t)}editingEnabledWatcher(t,i){this.inputElement&&(this.inputElement.editingEnabled=t),!t&&i&&(this.shouldEmitCancel=!0)}connectedCallback(){var t;r(this),null===(t=this.mutationObserver)||void 0===t||t.observe(this.el,{childList:!0}),this.mutationObserverCallback()}disconnectedCallback(){var t;o(this),null===(t=this.mutationObserver)||void 0===t||t.disconnect()}render(){return a("div",{class:"wrapper",onClick:this.enableEditingHandler,onKeyDown:this.escapeKeyHandler,onTransitionEnd:this.transitionEnd},a("div",{class:"input-wrapper"},a("slot",null)),a("div",{class:"controls-wrapper"},a("calcite-button",{appearance:"transparent",class:"enable-editing-button",color:"neutral",disabled:this.disabled,iconStart:"pencil",label:this.intlEnableEditing,onClick:this.enableEditingHandler,ref:t=>this.enableEditingButton=t,scale:this.scale,style:{opacity:this.editingEnabled?"0":"1",width:this.editingEnabled?"0":"inherit"}}),this.shouldShowControls&&[a("div",{class:"cancel-editing-button-wrapper"},a("calcite-button",{appearance:"transparent",class:"cancel-editing-button",color:"neutral",disabled:this.disabled,iconStart:"x",label:this.intlCancelEditing,onClick:this.cancelEditingHandler,ref:t=>this.cancelEditingButton=t,scale:this.scale})),a("calcite-button",{appearance:"solid",class:"confirm-changes-button",color:"blue",disabled:this.disabled,iconStart:"check",label:this.intlConfirmChanges,loading:this.loading,onClick:this.confirmChangesHandler,scale:this.scale})]))}blurHandler(){this.controls||this.disableEditing()}async setFocus(){var t,i;this.editingEnabled?null===(t=this.inputElement)||void 0===t||t.setFocus():null===(i=this.enableEditingButton)||void 0===i||i.setFocus()}mutationObserverCallback(){var t;this.updateSlottedInput(),this.scale=this.scale||(null===(t=this.inputElement)||void 0===t?void 0:t.scale)||s(this.el,"scale",void 0)}onLabelClick(){this.setFocus()}updateSlottedInput(){const t=e(this.el,{matches:"calcite-input"});this.inputElement=t,t&&(this.inputElement.disabled=this.disabled,this.inputElement.label=this.inputElement.label||l(this))}get shouldShowControls(){return this.editingEnabled&&this.controls}get el(){return n(this)}static get watchers(){return{disabled:["disabledWatcher"],editingEnabled:["editingEnabledWatcher"]}}};h.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}:host([scale=s]) .controls-wrapper{height:1.5rem}:host([scale=m]) .controls-wrapper{height:2rem}:host([scale=l]) .controls-wrapper{height:2.75rem}:host(:not([editing-enabled]):not([disabled])) .wrapper:hover{background-color:var(--calcite-ui-foreground-2)}.wrapper{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;background-color:var(--calcite-ui-foreground-1);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s}.wrapper .input-wrapper{-ms-flex:1 1 0%;flex:1 1 0%}.controls-wrapper{display:-ms-flexbox;display:flex}:host([disabled]) .cancel-editing-button-wrapper{border-color:var(--calcite-ui-border-2)}";export{h as calcite_inline_editable}
|
|
@@ -130,10 +130,7 @@ let CalciteActionMenu = class {
|
|
|
130
130
|
};
|
|
131
131
|
this.getActions = () => {
|
|
132
132
|
const { el } = this;
|
|
133
|
-
const
|
|
134
|
-
const actionElements = assignedActions.length
|
|
135
|
-
? assignedActions
|
|
136
|
-
: Array.from(el.querySelectorAll("calcite-action:not([slot=trigger])"));
|
|
133
|
+
const actionElements = dom.getSlotted(el, { all: true, matches: "calcite-action" });
|
|
137
134
|
this.updateActions(actionElements);
|
|
138
135
|
this.actionElements = actionElements;
|
|
139
136
|
this.connectMenuButtonEl();
|
|
@@ -123,9 +123,6 @@ let CalciteAlert = class {
|
|
|
123
123
|
componentWillLoad() {
|
|
124
124
|
this.requestedIcon = dom.setRequestedIcon(interfaces.StatusIcons, this.icon, this.color);
|
|
125
125
|
}
|
|
126
|
-
componentDidLoad() {
|
|
127
|
-
this.alertLinkEl = this.el.querySelectorAll("calcite-link")[0];
|
|
128
|
-
}
|
|
129
126
|
disconnectedCallback() {
|
|
130
127
|
window.clearTimeout(this.autoDismissTimeoutId);
|
|
131
128
|
}
|
|
@@ -166,11 +163,12 @@ let CalciteAlert = class {
|
|
|
166
163
|
//--------------------------------------------------------------------------
|
|
167
164
|
/** Sets focus on the component. */
|
|
168
165
|
async setFocus() {
|
|
169
|
-
|
|
166
|
+
const alertLinkEl = dom.getSlotted(this.el, { selector: "calcite-link" });
|
|
167
|
+
if (!this.closeButton && !alertLinkEl) {
|
|
170
168
|
return;
|
|
171
169
|
}
|
|
172
|
-
else if (
|
|
173
|
-
|
|
170
|
+
else if (alertLinkEl) {
|
|
171
|
+
alertLinkEl.setFocus();
|
|
174
172
|
}
|
|
175
173
|
else if (this.closeButton) {
|
|
176
174
|
this.closeButton.focus();
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index = require('./index-6b5d2de5.js');
|
|
10
|
-
const resources = require('./resources-
|
|
10
|
+
const resources = require('./resources-f70fb01b.js');
|
|
11
11
|
const dom = require('./dom-f3df220d.js');
|
|
12
12
|
const CalciteHeading = require('./CalciteHeading-112c19f9.js');
|
|
13
13
|
require('./locale-02462821.js');
|
|
@@ -79,7 +79,7 @@ let CalciteDropdown = class {
|
|
|
79
79
|
//--------------------------------------------------------------------------
|
|
80
80
|
this.updateItems = () => {
|
|
81
81
|
this.updateSelectedItems();
|
|
82
|
-
this.triggers =
|
|
82
|
+
this.triggers = dom.getSlotted(this.el, "dropdown-trigger", { all: true });
|
|
83
83
|
this.items = Array.from(this.el.querySelectorAll("calcite-dropdown-item"));
|
|
84
84
|
this.reposition();
|
|
85
85
|
};
|
|
@@ -283,9 +283,7 @@ let CalciteSlider = class {
|
|
|
283
283
|
}
|
|
284
284
|
};
|
|
285
285
|
this.dragEnd = (event) => {
|
|
286
|
-
|
|
287
|
-
document.removeEventListener("pointerup", this.dragEnd);
|
|
288
|
-
document.removeEventListener("pointercancel", this.dragEnd);
|
|
286
|
+
this.removeDragListeners();
|
|
289
287
|
this.focusActiveHandle(event.clientX);
|
|
290
288
|
if (this.lastDragPropValue != this[this.dragProp]) {
|
|
291
289
|
this.emitChange();
|
|
@@ -320,6 +318,7 @@ let CalciteSlider = class {
|
|
|
320
318
|
disconnectedCallback() {
|
|
321
319
|
label.disconnectLabel(this);
|
|
322
320
|
form.disconnectForm(this);
|
|
321
|
+
this.removeDragListeners();
|
|
323
322
|
}
|
|
324
323
|
componentWillLoad() {
|
|
325
324
|
this.isRange = !!(this.maxValue || this.maxValue === 0);
|
|
@@ -655,6 +654,11 @@ let CalciteSlider = class {
|
|
|
655
654
|
emitChange() {
|
|
656
655
|
this.calciteSliderChange.emit();
|
|
657
656
|
}
|
|
657
|
+
removeDragListeners() {
|
|
658
|
+
document.removeEventListener("pointermove", this.dragUpdate);
|
|
659
|
+
document.removeEventListener("pointerup", this.dragEnd);
|
|
660
|
+
document.removeEventListener("pointercancel", this.dragEnd);
|
|
661
|
+
}
|
|
658
662
|
/**
|
|
659
663
|
* Set the prop value if changed at the component level
|
|
660
664
|
* @param valueProp
|
|
@@ -9,6 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
9
9
|
const index = require('./index-6b5d2de5.js');
|
|
10
10
|
const dom = require('./dom-f3df220d.js');
|
|
11
11
|
const label = require('./label-6b18ca08.js');
|
|
12
|
+
const observers = require('./observers-79bfb8bc.js');
|
|
12
13
|
require('./guid-b270f0db.js');
|
|
13
14
|
|
|
14
15
|
const CSS = {
|
|
@@ -59,26 +60,31 @@ let CalciteInlineEditable = class {
|
|
|
59
60
|
* @default "Save"
|
|
60
61
|
*/
|
|
61
62
|
this.intlConfirmChanges = TEXT.intlConfirmChanges;
|
|
63
|
+
this.mutationObserver = observers.createObserver("mutation", () => this.mutationObserverCallback());
|
|
62
64
|
this.transitionEnd = () => {
|
|
63
65
|
if (!this.editingEnabled && !!this.shouldEmitCancel) {
|
|
64
66
|
this.calciteInlineEditableEditCancel.emit();
|
|
65
67
|
}
|
|
66
68
|
};
|
|
67
69
|
this.enableEditing = () => {
|
|
68
|
-
|
|
70
|
+
var _a, _b;
|
|
71
|
+
this.valuePriorToEditing = (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.value;
|
|
69
72
|
this.editingEnabled = true;
|
|
70
|
-
this.inputElement.setFocus();
|
|
73
|
+
(_b = this.inputElement) === null || _b === void 0 ? void 0 : _b.setFocus();
|
|
71
74
|
this.calciteInlineEditableEnableEditingChange.emit();
|
|
72
75
|
};
|
|
73
76
|
this.disableEditing = () => {
|
|
74
77
|
this.editingEnabled = false;
|
|
75
78
|
};
|
|
76
79
|
this.cancelEditing = () => {
|
|
77
|
-
this.inputElement
|
|
80
|
+
if (this.inputElement) {
|
|
81
|
+
this.inputElement.value = this.valuePriorToEditing;
|
|
82
|
+
}
|
|
78
83
|
this.disableEditing();
|
|
79
84
|
this.enableEditingButton.setFocus();
|
|
80
85
|
};
|
|
81
86
|
this.escapeKeyHandler = async (e) => {
|
|
87
|
+
var _a;
|
|
82
88
|
if (e.key !== "Escape") {
|
|
83
89
|
if (e.key === "Tab" && this.shouldShowControls) {
|
|
84
90
|
if (!e.shiftKey && e.target === this.inputElement) {
|
|
@@ -88,7 +94,7 @@ let CalciteInlineEditable = class {
|
|
|
88
94
|
if (!!e.shiftKey && e.target === this.cancelEditingButton) {
|
|
89
95
|
e.preventDefault();
|
|
90
96
|
e.stopPropagation();
|
|
91
|
-
this.inputElement.setFocus();
|
|
97
|
+
(_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.setFocus();
|
|
92
98
|
}
|
|
93
99
|
}
|
|
94
100
|
return;
|
|
@@ -130,10 +136,14 @@ let CalciteInlineEditable = class {
|
|
|
130
136
|
};
|
|
131
137
|
}
|
|
132
138
|
disabledWatcher(disabled) {
|
|
133
|
-
this.inputElement
|
|
139
|
+
if (this.inputElement) {
|
|
140
|
+
this.inputElement.disabled = disabled;
|
|
141
|
+
}
|
|
134
142
|
}
|
|
135
143
|
editingEnabledWatcher(newValue, oldValue) {
|
|
136
|
-
this.inputElement
|
|
144
|
+
if (this.inputElement) {
|
|
145
|
+
this.inputElement.editingEnabled = newValue;
|
|
146
|
+
}
|
|
137
147
|
if (!newValue && !!oldValue) {
|
|
138
148
|
this.shouldEmitCancel = true;
|
|
139
149
|
}
|
|
@@ -144,17 +154,15 @@ let CalciteInlineEditable = class {
|
|
|
144
154
|
//
|
|
145
155
|
//--------------------------------------------------------------------------
|
|
146
156
|
connectedCallback() {
|
|
157
|
+
var _a;
|
|
147
158
|
label.connectLabel(this);
|
|
159
|
+
(_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });
|
|
160
|
+
this.mutationObserverCallback();
|
|
148
161
|
}
|
|
149
162
|
disconnectedCallback() {
|
|
163
|
+
var _a;
|
|
150
164
|
label.disconnectLabel(this);
|
|
151
|
-
|
|
152
|
-
componentWillLoad() {
|
|
153
|
-
this.inputElement = this.el.querySelector("calcite-input");
|
|
154
|
-
this.inputElement.disabled = this.disabled;
|
|
155
|
-
this.inputElement.label = this.inputElement.label || label.getLabelText(this);
|
|
156
|
-
this.scale =
|
|
157
|
-
this.scale || this.inputElement.scale || dom.getElementProp(this.el, "scale", undefined);
|
|
165
|
+
(_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
158
166
|
}
|
|
159
167
|
render() {
|
|
160
168
|
return (index.h("div", { class: CSS.wrapper, onClick: this.enableEditingHandler, onKeyDown: this.escapeKeyHandler, onTransitionEnd: this.transitionEnd }, index.h("div", { class: CSS.inputWrapper }, index.h("slot", null)), index.h("div", { class: CSS.controlsWrapper }, index.h("calcite-button", { appearance: "transparent", class: CSS.enableEditingButton, color: "neutral", disabled: this.disabled, iconStart: "pencil", label: this.intlEnableEditing, onClick: this.enableEditingHandler, ref: (el) => (this.enableEditingButton = el), scale: this.scale, style: {
|
|
@@ -194,9 +202,26 @@ let CalciteInlineEditable = class {
|
|
|
194
202
|
// Private Methods
|
|
195
203
|
//
|
|
196
204
|
//--------------------------------------------------------------------------
|
|
205
|
+
mutationObserverCallback() {
|
|
206
|
+
var _a;
|
|
207
|
+
this.updateSlottedInput();
|
|
208
|
+
this.scale =
|
|
209
|
+
this.scale || ((_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.scale) || dom.getElementProp(this.el, "scale", undefined);
|
|
210
|
+
}
|
|
197
211
|
onLabelClick() {
|
|
198
212
|
this.setFocus();
|
|
199
213
|
}
|
|
214
|
+
updateSlottedInput() {
|
|
215
|
+
const inputElement = dom.getSlotted(this.el, {
|
|
216
|
+
matches: "calcite-input"
|
|
217
|
+
});
|
|
218
|
+
this.inputElement = inputElement;
|
|
219
|
+
if (!inputElement) {
|
|
220
|
+
return;
|
|
221
|
+
}
|
|
222
|
+
this.inputElement.disabled = this.disabled;
|
|
223
|
+
this.inputElement.label = this.inputElement.label || label.getLabelText(this);
|
|
224
|
+
}
|
|
200
225
|
get shouldShowControls() {
|
|
201
226
|
return this.editingEnabled && this.controls;
|
|
202
227
|
}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index = require('./index-6b5d2de5.js');
|
|
10
|
-
const resources = require('./resources-
|
|
10
|
+
const resources = require('./resources-f70fb01b.js');
|
|
11
11
|
const label = require('./label-6b18ca08.js');
|
|
12
12
|
const form = require('./form-237cf392.js');
|
|
13
13
|
const popper = require('./popper-13a2bb46.js');
|
|
@@ -13,6 +13,7 @@ const form = require('./form-237cf392.js');
|
|
|
13
13
|
const locale = require('./locale-02462821.js');
|
|
14
14
|
const number = require('./number-e813e801.js');
|
|
15
15
|
const math = require('./math-145c80e2.js');
|
|
16
|
+
const observers = require('./observers-79bfb8bc.js');
|
|
16
17
|
require('./guid-b270f0db.js');
|
|
17
18
|
|
|
18
19
|
const CSS = {
|
|
@@ -111,6 +112,7 @@ let CalciteInput = class {
|
|
|
111
112
|
this.childElType = "input";
|
|
112
113
|
/** whether the value of the input was changed as a result of user typing or not */
|
|
113
114
|
this.internalValueChange = false;
|
|
115
|
+
this.mutationObserver = observers.createObserver("mutation", () => this.setDisabledAction());
|
|
114
116
|
//--------------------------------------------------------------------------
|
|
115
117
|
//
|
|
116
118
|
// Private Methods
|
|
@@ -149,7 +151,8 @@ let CalciteInput = class {
|
|
|
149
151
|
}
|
|
150
152
|
};
|
|
151
153
|
this.inputFocusHandler = (event) => {
|
|
152
|
-
|
|
154
|
+
const slottedActionEl = dom.getSlotted(this.el, "action");
|
|
155
|
+
if (event.target !== slottedActionEl) {
|
|
153
156
|
this.setFocus();
|
|
154
157
|
}
|
|
155
158
|
this.calciteInputFocus.emit({
|
|
@@ -393,6 +396,7 @@ let CalciteInput = class {
|
|
|
393
396
|
//
|
|
394
397
|
//--------------------------------------------------------------------------
|
|
395
398
|
connectedCallback() {
|
|
399
|
+
var _a;
|
|
396
400
|
this.scale = dom.getElementProp(this.el, "scale", this.scale);
|
|
397
401
|
this.status = dom.getElementProp(this.el, "status", this.status);
|
|
398
402
|
this.inlineEditableEl = this.el.closest("calcite-inline-editable");
|
|
@@ -409,10 +413,14 @@ let CalciteInput = class {
|
|
|
409
413
|
}
|
|
410
414
|
label.connectLabel(this);
|
|
411
415
|
form.connectForm(this);
|
|
416
|
+
(_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });
|
|
417
|
+
this.setDisabledAction();
|
|
412
418
|
}
|
|
413
419
|
disconnectedCallback() {
|
|
420
|
+
var _a;
|
|
414
421
|
label.disconnectLabel(this);
|
|
415
422
|
form.disconnectForm(this);
|
|
423
|
+
(_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
416
424
|
}
|
|
417
425
|
componentWillLoad() {
|
|
418
426
|
var _a, _b;
|
|
@@ -421,10 +429,6 @@ let CalciteInput = class {
|
|
|
421
429
|
this.minString = (_b = this.min) === null || _b === void 0 ? void 0 : _b.toString();
|
|
422
430
|
this.requestedIcon = dom.setRequestedIcon(INPUT_TYPE_ICONS, this.icon, this.type);
|
|
423
431
|
}
|
|
424
|
-
componentDidLoad() {
|
|
425
|
-
this.slottedActionEl = this.el.querySelector("[slot=action]");
|
|
426
|
-
this.setDisabledAction();
|
|
427
|
-
}
|
|
428
432
|
componentShouldUpdate(newValue, oldValue, property) {
|
|
429
433
|
if (this.type === "number" && property === "value" && newValue && !number.isValidNumber(newValue)) {
|
|
430
434
|
this.setValue({
|
|
@@ -496,10 +500,10 @@ let CalciteInput = class {
|
|
|
496
500
|
}
|
|
497
501
|
}
|
|
498
502
|
setDisabledAction() {
|
|
499
|
-
|
|
503
|
+
const slottedActionEl = dom.getSlotted(this.el, "action");
|
|
504
|
+
if (!slottedActionEl) {
|
|
500
505
|
return;
|
|
501
506
|
}
|
|
502
|
-
const slottedActionEl = this.slottedActionEl;
|
|
503
507
|
this.disabled
|
|
504
508
|
? slottedActionEl.setAttribute("disabled", "")
|
|
505
509
|
: slottedActionEl.removeAttribute("disabled");
|
|
@@ -227,7 +227,7 @@ let CalciteModal = class {
|
|
|
227
227
|
}
|
|
228
228
|
};
|
|
229
229
|
this.updateFooterVisibility = () => {
|
|
230
|
-
this.hasFooter = !!this.el
|
|
230
|
+
this.hasFooter = !!dom.getSlotted(this.el, [SLOTS.back, SLOTS.primary, SLOTS.secondary]);
|
|
231
231
|
};
|
|
232
232
|
}
|
|
233
233
|
//--------------------------------------------------------------------------
|
|
@@ -83,9 +83,6 @@ let CalciteNotice = class {
|
|
|
83
83
|
componentWillLoad() {
|
|
84
84
|
this.requestedIcon = dom.setRequestedIcon(interfaces.StatusIcons, this.icon, this.color);
|
|
85
85
|
}
|
|
86
|
-
componentDidLoad() {
|
|
87
|
-
this.noticeLinkEl = this.el.querySelector("calcite-link");
|
|
88
|
-
}
|
|
89
86
|
render() {
|
|
90
87
|
const { el } = this;
|
|
91
88
|
const closeButton = (index.h("button", { "aria-label": this.intlClose, class: CSS.close, onClick: this.close, ref: (el) => (this.closeButton = el) }, index.h("calcite-icon", { icon: "x", scale: this.scale === "l" ? "m" : "s" })));
|
|
@@ -99,11 +96,12 @@ let CalciteNotice = class {
|
|
|
99
96
|
//--------------------------------------------------------------------------
|
|
100
97
|
/** Sets focus on the component. */
|
|
101
98
|
async setFocus() {
|
|
102
|
-
|
|
99
|
+
const noticeLinkEl = this.el.querySelector("calcite-link");
|
|
100
|
+
if (!this.closeButton && !noticeLinkEl) {
|
|
103
101
|
return;
|
|
104
102
|
}
|
|
105
|
-
if (
|
|
106
|
-
|
|
103
|
+
if (noticeLinkEl) {
|
|
104
|
+
noticeLinkEl.setFocus();
|
|
107
105
|
}
|
|
108
106
|
else if (this.closeButton) {
|
|
109
107
|
this.closeButton.focus();
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index = require('./index-6b5d2de5.js');
|
|
10
|
+
const observers = require('./observers-79bfb8bc.js');
|
|
10
11
|
|
|
11
12
|
const calciteRadioButtonGroupCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;max-width:100vw}:host([layout=horizontal]){-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}:host([layout=horizontal][scale=s]){gap:1rem}:host([layout=horizontal][scale=m]){gap:1.25rem}:host([layout=horizontal][scale=l]){gap:1.5rem}:host([layout=vertical]){-ms-flex-direction:column;flex-direction:column}";
|
|
12
13
|
|
|
@@ -29,6 +30,12 @@ let CalciteRadioButtonGroup = class {
|
|
|
29
30
|
this.required = false;
|
|
30
31
|
/** The scale (size) of the radio button group. */
|
|
31
32
|
this.scale = "m";
|
|
33
|
+
// --------------------------------------------------------------------------
|
|
34
|
+
//
|
|
35
|
+
// Private Properties
|
|
36
|
+
//
|
|
37
|
+
// --------------------------------------------------------------------------
|
|
38
|
+
this.mutationObserver = observers.createObserver("mutation", () => this.passPropsToRadioButtons());
|
|
32
39
|
//--------------------------------------------------------------------------
|
|
33
40
|
//
|
|
34
41
|
// Private Methods
|
|
@@ -65,7 +72,13 @@ let CalciteRadioButtonGroup = class {
|
|
|
65
72
|
//
|
|
66
73
|
//--------------------------------------------------------------------------
|
|
67
74
|
connectedCallback() {
|
|
75
|
+
var _a;
|
|
68
76
|
this.passPropsToRadioButtons();
|
|
77
|
+
(_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
|
|
78
|
+
}
|
|
79
|
+
disconnectedCallback() {
|
|
80
|
+
var _a;
|
|
81
|
+
(_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
69
82
|
}
|
|
70
83
|
//--------------------------------------------------------------------------
|
|
71
84
|
//
|
|
@@ -144,10 +144,6 @@ let CalciteRadioButton = class {
|
|
|
144
144
|
}
|
|
145
145
|
nameChanged() {
|
|
146
146
|
this.checkLastRadioButton();
|
|
147
|
-
const currentValue = this.rootNode.querySelector(`input[name="${this.name}"]:checked`);
|
|
148
|
-
if (!(currentValue === null || currentValue === void 0 ? void 0 : currentValue.value)) {
|
|
149
|
-
this.uncheckAllRadioButtonsInGroup();
|
|
150
|
-
}
|
|
151
147
|
}
|
|
152
148
|
//--------------------------------------------------------------------------
|
|
153
149
|
//
|
|
@@ -19,6 +19,9 @@ function getSupportedLocale(lang = "") {
|
|
|
19
19
|
lang = lang.toLowerCase();
|
|
20
20
|
if (lang.includes("-")) {
|
|
21
21
|
lang = lang.replace(/(\w+)-(\w+)/, (_match, language, region) => `${language}-${region.toUpperCase()}`);
|
|
22
|
+
if (!locale.locales.includes(lang)) {
|
|
23
|
+
lang = lang.split("-")[0];
|
|
24
|
+
}
|
|
22
25
|
}
|
|
23
26
|
return locale.locales.includes(lang) ? lang : "en";
|
|
24
27
|
}
|