You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
24 lines
18 KiB
24 lines
18 KiB
// All material copyright Esri, All Rights Reserved, unless otherwise specified. |
|
// See https://js.arcgis.com/4.30/esri/copyright.txt for details. |
|
//>>built |
|
define("exports ./componentsUtils ./dom ./form ./interactive ./label2 ./loadable ./locale ./observers ./t9n ./component ./Validation ./input ./icon ./input-message ./progress".split(" "),function(t,b,f,d,h,l,m,p,u,k,q,v,w,x,y,z){function r(){"undefined"!==typeof customElements&&["calcite-input-text","calcite-icon","calcite-input-message","calcite-progress"].forEach(a=>{switch(a){case "calcite-input-text":customElements.get(a)||customElements.define(a,A);break;case "calcite-icon":customElements.get(a)|| |
|
x.defineCustomElement();break;case "calcite-input-message":customElements.get(a)||y.defineCustomElement();break;case "calcite-progress":customElements.get(a)||z.defineCustomElement()}})}const A=b.proxyCustomElement(class extends b.H{constructor(){super();this.__registerHost();this.__attachShadow();this.calciteInternalInputTextFocus=b.createEvent(this,"calciteInternalInputTextFocus",7);this.calciteInternalInputTextBlur=b.createEvent(this,"calciteInternalInputTextBlur",7);this.calciteInputTextInput= |
|
b.createEvent(this,"calciteInputTextInput",7);this.calciteInputTextChange=b.createEvent(this,"calciteInputTextChange",7);this.previousValueOrigin="initial";this.mutationObserver=u.createObserver("mutation",()=>this.setDisabledAction());this.userChangedValue=!1;this.keyDownHandler=a=>{this.readOnly||this.disabled||a.defaultPrevented||(this.isClearable&&"Escape"===a.key&&(this.clearInputTextValue(a),a.preventDefault()),"Enter"===a.key&&d.submitForm(this)&&a.preventDefault())};this.clearInputTextValue= |
|
a=>{this.setValue({committing:!0,nativeEvent:a,origin:"user",value:""})};this.emitChangeIfUserModified=()=>{"user"===this.previousValueOrigin&&this.value!==this.previousEmittedValue&&(this.calciteInputTextChange.emit(),this.setPreviousEmittedValue(this.value))};this.inputTextBlurHandler=()=>{this.calciteInternalInputTextBlur.emit({element:this.childEl,value:this.value});this.emitChangeIfUserModified()};this.clickHandler=a=>{if(!this.disabled){var c=f.getSlotted(this.el,"action");a.target!==c&&this.setFocus()}}; |
|
this.inputTextFocusHandler=()=>{this.calciteInternalInputTextFocus.emit({element:this.childEl,value:this.value})};this.inputTextInputHandler=a=>{this.disabled||this.readOnly||this.setValue({nativeEvent:a,origin:"user",value:a.target.value})};this.inputTextKeyDownHandler=a=>{this.disabled||this.readOnly||"Enter"===a.key&&this.emitChangeIfUserModified()};this.onHiddenFormInputInput=a=>{a.target.name===this.name&&this.setValue({value:a.target.value,origin:"direct"});this.setFocus();a.stopPropagation()}; |
|
this.setChildElRef=a=>{this.childEl=a};this.setInputValue=a=>{this.childEl&&(this.childEl.value=a)};this.setPreviousEmittedValue=a=>{this.previousEmittedValue=a};this.setPreviousValue=a=>{this.previousValue=a};this.setValue=({committing:a=!1,nativeEvent:c,origin:g,previousValue:n,value:e})=>{this.setPreviousValue(n??this.value);this.previousValueOrigin=g;this.userChangedValue="user"===g&&e!==this.value;this.value=e;"direct"===g&&(this.setInputValue(e),this.setPreviousEmittedValue(e));c&&(this.calciteInputTextInput.emit().defaultPrevented? |
|
this.value=this.previousValue:a&&this.emitChangeIfUserModified())};this.alignment="start";this.autofocus=void 0;this.disabled=this.clearable=!1;this.icon=this.form=this.enterKeyHint=void 0;this.iconFlipRtl=!1;this.label=this.inputMode=void 0;this.loading=!1;this.validationIcon=this.validationMessage=this.minLength=this.maxLength=void 0;this.validity={valid:!1,badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1}; |
|
this.prefixText=this.placeholder=this.name=void 0;this.required=this.readOnly=!1;this.scale="m";this.status="idle";this.suffixText=this.pattern=this.autocomplete=void 0;this.editingEnabled=!1;this.value="";this.defaultMessages=this.effectiveLocale=this.messageOverrides=this.messages=void 0;this.slottedActionElDisabledInternally=!1}handleGlobalAttributesChanged(){b.forceUpdate(this)}disabledWatcher(){this.setDisabledAction()}onMessagesChange(){}valueWatcher(a,c){this.userChangedValue||this.setValue({origin:"direct", |
|
previousValue:c,value:a?a:""});this.userChangedValue=!1}updateRequestedIcon(){this.requestedIcon=f.setRequestedIcon({},this.icon,"text")}get isClearable(){return this.clearable&&0<this.value.length}effectiveLocaleChange(){k.updateMessages(this,this.effectiveLocale)}connectedCallback(){h.connectInteractive(this);p.connectLocalized(this);k.connectMessages(this);if(this.inlineEditableEl=this.el.closest("calcite-inline-editable"))this.editingEnabled=this.inlineEditableEl.editingEnabled||!1;l.connectLabel(this); |
|
d.connectForm(this);this.mutationObserver?.observe(this.el,{childList:!0});this.setDisabledAction();this.el.addEventListener(d.internalHiddenInputInputEvent,this.onHiddenFormInputInput)}disconnectedCallback(){h.disconnectInteractive(this);l.disconnectLabel(this);d.disconnectForm(this);p.disconnectLocalized(this);k.disconnectMessages(this);this.mutationObserver?.disconnect();this.el.removeEventListener(d.internalHiddenInputInputEvent,this.onHiddenFormInputInput)}async componentWillLoad(){m.setUpLoadableComponent(this); |
|
this.requestedIcon=f.setRequestedIcon({},this.icon,"text");await k.setUpMessages(this);this.setPreviousEmittedValue(this.value);this.setPreviousValue(this.value)}componentDidLoad(){m.setComponentLoaded(this)}componentDidRender(){h.updateHostInteraction(this)}async setFocus(){await m.componentFocusable(this);this.childEl?.focus()}async selectText(){this.childEl?.select()}onLabelClick(){this.setFocus()}syncHiddenFormInput(a){w.syncHiddenFormInput("text",this,a)}setDisabledAction(){const a=f.getSlotted(this.el, |
|
"action");a&&(this.disabled?(null==a.getAttribute("disabled")&&(this.slottedActionElDisabledInternally=!0),a.setAttribute("disabled","")):this.slottedActionElDisabledInternally&&(a.removeAttribute("disabled"),this.slottedActionElDisabledInternally=!1))}render(){const a=f.getElementDir(this.el),c=b.h("div",{key:"3ec4d8fc6ae7436c6086ad86720f1c72d9de48dd",class:"loader"},b.h("calcite-progress",{key:"67595008bf888677b7d5d7c87552e1a50f4150aa",label:this.messages.loading,type:"indeterminate"})),g=b.h("button", |
|
{key:"bcecf1bbde5f7f4e406c1ab5086eea1acba8cb9c","aria-label":this.messages.clear,class:"clear-button",disabled:this.disabled||this.readOnly,onClick:this.clearInputTextValue,tabIndex:-1,type:"button"},b.h("calcite-icon",{key:"cd3290a3f64344e5cfe6b16dd1ffff1251499ad3",icon:"x",scale:q.getIconScale(this.scale)})),n=b.h("calcite-icon",{key:"8fe4f4cb00f59dac67ef7c7b9b48e5126cf38e31",class:"icon",flipRtl:this.iconFlipRtl,icon:this.requestedIcon,scale:q.getIconScale(this.scale)}),e=b.h("div",{key:"dced1c574af69b545b8110601378cb469a116094", |
|
class:"prefix"},this.prefixText),B=b.h("div",{key:"91a3117072c6c0ef67df4c8784b1e81a002dbe73",class:"suffix"},this.suffixText),C=b.h("input",{key:"0c365313279ee7bd6ec9f5f9776262ea849e0402","aria-label":l.getLabelText(this),autocomplete:this.autocomplete,autofocus:this.el.autofocus?!0:null,class:{["editing-enabled"]:this.editingEnabled,["inline-child"]:!!this.inlineEditableEl},defaultValue:this.defaultValue,disabled:this.disabled?!0:null,enterKeyHint:this.el.enterKeyHint||this.el.getAttribute("enterkeyhint"), |
|
inputMode:this.el.inputMode||this.el.getAttribute("inputmode"),maxLength:this.maxLength,minLength:this.minLength,name:this.name,onBlur:this.inputTextBlurHandler,onFocus:this.inputTextFocusHandler,onInput:this.inputTextInputHandler,onKeyDown:this.inputTextKeyDownHandler,pattern:this.pattern,placeholder:this.placeholder||"",readOnly:this.readOnly,required:this.required?!0:null,tabIndex:this.disabled||this.inlineEditableEl&&!this.editingEnabled?-1:null,type:"text",value:this.value,ref:this.setChildElRef}); |
|
return b.h(b.Host,{key:"16c5db61c7b866dbc617430a72da693c678088af",onClick:this.clickHandler,onKeyDown:this.keyDownHandler},b.h(h.InteractiveContainer,{key:"a645d05104fd36be24d3b1c4a3f96ffe18742da5",disabled:this.disabled},b.h("div",{key:"6e51fa8c007842480459eeb1669fb48500908a31",class:{wrapper:!0,[b.CSS_UTILITY.rtl]:"rtl"===a}},this.prefixText?e:null,b.h("div",{key:"c5e8d14f2f707e26c5f9d4bca5c3b17e6d2d3a00",class:"element-wrapper"},C,this.isClearable?g:null,this.requestedIcon?n:null,this.loading? |
|
c:null),b.h("div",{key:"3bc807289e5f477e96b191f858512ab6fe6bc6f2",class:"action-wrapper"},b.h("slot",{key:"bbcfcd54de5bcd90560109835b766f7747563951",name:"action"})),this.suffixText?B:null,b.h(d.HiddenFormInputSlot,{key:"ad29ed06d9124d489d2825599d0697a8c37fcd7b",component:this})),this.validationMessage&&"invalid"===this.status?b.h(v.Validation,{icon:this.validationIcon,message:this.validationMessage,scale:this.scale,status:this.status}):null))}static get assetsDirs(){return["assets"]}get el(){return this}static get watchers(){return{autofocus:["handleGlobalAttributesChanged"], |
|
enterkeyhint:["handleGlobalAttributesChanged"],inputmode:["handleGlobalAttributesChanged"],disabled:["disabledWatcher"],messageOverrides:["onMessagesChange"],value:["valueWatcher"],icon:["updateRequestedIcon"],effectiveLocale:["effectiveLocaleChange"]}}static get style(){return":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block}:host([scale\x3ds]) input{padding-inline-start:0.5rem;padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, 0.5rem)}:host([scale\x3ds]) input,:host([scale\x3ds]) .prefix,:host([scale\x3ds]) .suffix{block-size:1.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale\x3ds]) .prefix,:host([scale\x3ds]) .suffix{padding-inline:0.5rem}:host([scale\x3ds]) .action-wrapper calcite-button,:host([scale\x3ds]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale\x3ds]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale\x3dm]) input{padding-inline-start:0.75rem;padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, 0.75rem)}:host([scale\x3dm]) input,:host([scale\x3dm]) .prefix,:host([scale\x3dm]) .suffix{block-size:2rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale\x3dm]) .prefix,:host([scale\x3dm]) .suffix{padding-inline:0.75rem}:host([scale\x3dm]) .action-wrapper calcite-button,:host([scale\x3dm]) .action-wrapper calcite-button button{block-size:2rem}:host([scale\x3dm]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale\x3dl]) input{padding-inline-start:1rem;padding-inline-end:var(--calcite-internal-input-text-input-padding-inline-end, 1rem)}:host([scale\x3dl]) input,:host([scale\x3dl]) .prefix,:host([scale\x3dl]) .suffix{block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale\x3dl]) .prefix,:host([scale\x3dl]) .suffix{padding-inline:1rem}:host([scale\x3dl]) .action-wrapper calcite-button,:host([scale\x3dl]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale\x3dl]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}input{transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;box-sizing:border-box;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;flex:1 1 0%;text-overflow:ellipsis;border-radius:0px;background-color:var(--calcite-color-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-1)}input:placeholder-shown{text-overflow:ellipsis}input{border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);color:var(--calcite-color-text-1)}input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-3)}input:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-text-1)}input[readonly]{background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium)}input[readonly]:focus{color:var(--calcite-color-text-1)}calcite-icon{color:var(--calcite-color-text-3)}input{outline-color:transparent}input:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n -2px *\n calc(\n 1 -\n 2 * clamp(\n 0,\n var(--calcite-offset-invert-focus),\n 1\n )\n )\n )}:host([status\x3dinvalid]) input{border-color:var(--calcite-color-status-danger)}:host([status\x3dinvalid]) input:focus{outline:2px solid var(--calcite-color-status-danger);outline-offset:calc(\n -2px *\n calc(\n 1 -\n 2 * clamp(\n 0,\n var(--calcite-offset-invert-focus),\n 1\n )\n )\n )}:host([scale\x3ds]) .icon{inset-inline-start:0.5rem}:host([scale\x3dm]) .icon{inset-inline-start:0.75rem}:host([scale\x3dl]) .icon{inset-inline-start:1rem}:host([icon][scale\x3ds]) input{padding-inline-start:2rem}:host([icon][scale\x3dm]) input{padding-inline-start:2.5rem}:host([icon][scale\x3dl]) input{padding-inline-start:3.5rem}.element-wrapper{position:relative;order:3;display:inline-flex;flex:1 1 0%;align-items:center}.icon{pointer-events:none;position:absolute;z-index:var(--calcite-z-index);display:block;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input[type\x3dtext]::-ms-clear,input[type\x3dtext]::-ms-reveal{display:none;block-size:0px;inline-size:0px}.clear-button{pointer-events:initial;order:4;margin:0px;box-sizing:border-box;display:flex;min-block-size:100%;cursor:pointer;align-items:center;justify-content:center;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-color-foreground-2);transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-color-text-1);transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:active{background-color:var(--calcite-color-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-color-text-1)}.clear-button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-color-brand));outline-offset:calc(\n -2px *\n calc(\n 1 -\n 2 * clamp(\n 0,\n var(--calcite-offset-invert-focus),\n 1\n )\n )\n )}.clear-button:disabled{opacity:var(--calcite-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{order:7;display:flex}.prefix,.suffix{box-sizing:border-box;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;user-select:none;align-content:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-color-text-2)}.prefix{order:2;border-inline-end-width:0px}.suffix{order:5;border-inline-start-width:0px}:host([alignment\x3dstart]) input{text-align:start}:host([alignment\x3dend]) input{text-align:end}.wrapper{position:relative;display:flex;flex-direction:row;align-items:center}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-color-border-1)}input.inline-child{background-color:transparent;transition:background-color, block-size, border-color, box-shadow, color, inset-block-end, inset-block-start, inset-inline-end, inset-inline-start inset-size, opacity, outline-color, transform var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input.inline-child .editing-enabled{background-color:inherit}input.inline-child:not(.editing-enabled){display:flex;cursor:pointer;text-overflow:ellipsis;border-color:transparent;padding-inline-start:0}.validation-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}:host([scale\x3dm]) .validation-container,:host([scale\x3dl]) .validation-container{padding-block-start:0.5rem}:host([scale\x3ds]) .validation-container{padding-block-start:0.25rem}::slotted(input[slot\x3dhidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}"}}, |
|
[1,"calcite-input-text",{alignment:[513],autofocus:[4],clearable:[516],disabled:[516],enterKeyHint:[1,"enter-key-hint"],form:[513],icon:[520],iconFlipRtl:[516,"icon-flip-rtl"],inputMode:[1,"input-mode"],label:[1],loading:[516],maxLength:[514,"max-length"],minLength:[514,"min-length"],validationMessage:[1,"validation-message"],validationIcon:[520,"validation-icon"],validity:[1040],name:[513],placeholder:[1],prefixText:[1,"prefix-text"],readOnly:[516,"read-only"],required:[516],scale:[513],status:[513], |
|
autocomplete:[1],pattern:[1],suffixText:[1,"suffix-text"],editingEnabled:[1540,"editing-enabled"],value:[1025],messages:[1040],messageOverrides:[1040],effectiveLocale:[32],defaultMessages:[32],slottedActionElDisabledInternally:[32],setFocus:[64],selectText:[64]},void 0,{autofocus:["handleGlobalAttributesChanged"],enterkeyhint:["handleGlobalAttributesChanged"],inputmode:["handleGlobalAttributesChanged"],disabled:["disabledWatcher"],messageOverrides:["onMessagesChange"],value:["valueWatcher"],icon:["updateRequestedIcon"], |
|
effectiveLocale:["effectiveLocaleChange"]}]);r();t.defineCustomElement=r}); |