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.
15 lines
9.6 KiB
15 lines
9.6 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 ./observers ./component ./Validation ./icon ./input-message".split(" "),function(k,c,q,e,f,l,m,r,t,u,v,w){function g(a){return"CALCITE-OPTION"===a.tagName}function n(){"undefined"!==typeof customElements&&["calcite-select","calcite-icon","calcite-input-message"].forEach(a=>{switch(a){case "calcite-select":customElements.get(a)||customElements.define(a,p);break;case "calcite-icon":customElements.get(a)||v.defineCustomElement(); |
|
break;case "calcite-input-message":customElements.get(a)||w.defineCustomElement()}})}const p=c.proxyCustomElement(class extends c.H{constructor(){super();this.__registerHost();this.__attachShadow();this.calciteSelectChange=c.createEvent(this,"calciteSelectChange",6);this.componentToNativeEl=new Map;this.mutationObserver=r.createObserver("mutation",()=>this.populateInternalSelect());this.handleInternalSelectChange=()=>{this.selectFromNativeOption(this.selectEl.selectedOptions[0]);requestAnimationFrame(()=> |
|
this.emitChangeEvent())};this.populateInternalSelect=()=>{const a=Array.from(this.el.children).filter(b=>"CALCITE-OPTION"===b.tagName||"CALCITE-OPTION-GROUP"===b.tagName);this.clearInternalSelect();a.forEach(b=>this.selectEl?.append(this.toNativeElement(b)))};this.storeSelectRef=a=>{this.selectEl=a;this.populateInternalSelect();this.selectFromNativeOption(this.selectEl.selectedOptions[0])};this.emitChangeEvent=()=>{this.calciteSelectChange.emit()};this.disabled=!1;this.validationIcon=this.validationMessage= |
|
this.label=this.form=void 0;this.validity={valid:!1,badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1};this.name=void 0;this.required=!1;this.scale="m";this.status="idle";this.value=null;this.selectedOption=void 0;this.width="auto"}valueHandler(a){this.el.querySelectorAll("calcite-option").forEach(b=>b.selected=b.value===a)}selectedOptionHandler(a){this.value=a?.value}connectedCallback(){const {el:a}= |
|
this;this.mutationObserver?.observe(a,{subtree:!0,childList:!0});f.connectInteractive(this);l.connectLabel(this);e.connectForm(this)}disconnectedCallback(){this.mutationObserver?.disconnect();f.disconnectInteractive(this);l.disconnectLabel(this);e.disconnectForm(this)}componentWillLoad(){m.setUpLoadableComponent(this)}componentDidLoad(){m.setComponentLoaded(this);e.afterConnectDefaultValueSet(this,this.selectedOption?.value??"")}componentDidRender(){f.updateHostInteraction(this)}async setFocus(){await m.componentFocusable(this); |
|
q.focusElement(this.selectEl)}handleOptionOrGroupChange(a){a.stopPropagation();a=a.target;const b=this.componentToNativeEl.get(a);b&&(this.updateNativeElement(a,b),g(a)&&a.selected&&(this.deselectAllExcept(a),this.selectedOption=a))}onLabelClick(){this.setFocus()}updateNativeElement(a,b){b.disabled=a.disabled;b.label=a.label;g(a)&&(b.selected=a.selected,b.value=a.value,b.innerText=a.label)}clearInternalSelect(){this.componentToNativeEl.forEach(a=>a.remove());this.componentToNativeEl.clear()}selectFromNativeOption(a){if(a){var b; |
|
this.componentToNativeEl.forEach((d,h)=>{g(h)&&d===a&&(h.selected=!0,b=h,this.deselectAllExcept(h))});b&&(this.selectedOption=b)}}toNativeElement(a){if(g(a)){const b=document.createElement("option");this.updateNativeElement(a,b);this.componentToNativeEl.set(a,b);return b}if("CALCITE-OPTION-GROUP"===a.tagName){const b=document.createElement("optgroup");this.updateNativeElement(a,b);Array.from(a.children).forEach(d=>{d=this.toNativeElement(d);b.append(d);this.componentToNativeEl.set(a,d)});this.componentToNativeEl.set(a, |
|
b);return b}throw Error("unsupported element child provided");}deselectAllExcept(a){this.el.querySelectorAll("calcite-option").forEach(b=>{b!==a&&(b.selected=!1)})}renderChevron(){return c.h("div",{class:"icon-container"},c.h("calcite-icon",{class:"icon",icon:"chevron-down",scale:t.getIconScale(this.scale)}))}render(){const {disabled:a}=this;return c.h(c.Host,{key:"86822f587da89633e725f5fe6426f588f367b266"},c.h(f.InteractiveContainer,{key:"93d728f3ee9cee364d439d7af2eda096a93bee10",disabled:a},c.h("div", |
|
{key:"e399054306a1f62b920ffbd0276fcb2da35950ad",class:"wrapper"},c.h("select",{key:"61e58c1f549ab066e6508efad18ec20a0629bb87","aria-label":l.getLabelText(this),class:"select",disabled:a,onChange:this.handleInternalSelectChange,ref:this.storeSelectRef},c.h("slot",{key:"feae368c462d5562396458a434d6be9574236d20"})),this.renderChevron(),c.h(e.HiddenFormInputSlot,{key:"8c2ee60a5f1192b063ef0d190a44e4afbd8b66ca",component:this})),this.validationMessage&&"invalid"===this.status?c.h(u.Validation,{icon:this.validationIcon, |
|
message:this.validationMessage,scale:this.scale,status:this.status}):null))}get el(){return this}static get watchers(){return{value:["valueHandler"],selectedOption:["selectedOptionHandler"]}}static get style(){return":host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex;flex-direction:column}.wrapper{position:relative;display:flex;align-items:stretch;inline-size:var(--select-width)}.wrapper:focus-within .icon,.wrapper:active .icon,.wrapper:hover .icon{color:var(--calcite-color-text-1)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host([scale\x3ds]){--calcite-select-font-size:var(--calcite-font-size--2);--calcite-select-spacing-inline:0.5rem 2rem}:host([scale\x3ds]) .wrapper{block-size:1.5rem}:host([scale\x3ds]) .icon-container{padding-inline:0.5rem}:host([scale\x3dm]){--calcite-select-font-size:var(--calcite-font-size--1);--calcite-select-spacing-inline:0.75rem 2.5rem}:host([scale\x3dm]) .wrapper{block-size:2rem}:host([scale\x3dm]) .icon-container{padding-inline:0.75rem}:host([scale\x3dl]){--calcite-select-font-size:var(--calcite-font-size-0);--calcite-select-spacing-inline:1rem 3rem}:host([scale\x3dl]) .wrapper{block-size:44px}:host([scale\x3dl]) .icon-container{padding-inline:1rem}:host([width\x3dauto]){inline-size:auto}:host([width\x3dhalf]){inline-size:50%}:host([width\x3dfull]){inline-size:100%}.select{margin:0px;box-sizing:border-box;inline-size:100%;cursor:pointer;appearance:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:var(--calcite-color-foreground-1);font-family:inherit;color:var(--calcite-color-text-2);outline-color:transparent;font-size:var(--calcite-select-font-size);padding-inline:var(--calcite-select-spacing-inline);border-inline-end-width:0px}.select: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 )}select:disabled{border-color:var(--calcite-color-border-input);--tw-bg-opacity:1}.icon-container{pointer-events:none;position:absolute;inset-block:0px;display:flex;align-items:center;border-width:0px;border-style:solid;border-color:var(--calcite-color-border-input);background-color:transparent;color:var(--calcite-color-text-2);inset-inline-end:0px;border-inline-width:0px 1px}.icon-container .icon{color:var(--calcite-color-text-3)}:host([status\x3dinvalid]) select,:host([status\x3dinvalid]) .icon-container{border-color:var(--calcite-color-status-danger)}:host([status\x3dinvalid]) select:focus,:host([status\x3dinvalid]) .icon-container: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 )}.select:focus~.icon-container{border-color:transparent}.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-select",{disabled:[516],form:[513],label:[1],validationMessage:[1,"validation-message"],validationIcon:[520,"validation-icon"],validity:[1040],name:[513],required:[516],scale:[513],status:[513],value:[1025],selectedOption:[1040],width:[513],setFocus:[64]},[[0,"calciteInternalOptionChange","handleOptionOrGroupChange"],[0,"calciteInternalOptionGroupChange","handleOptionOrGroupChange"]],{value:["valueHandler"],selectedOption:["selectedOptionHandler"]}]);n();k.CalciteSelect=p;k.defineCustomElement= |
|
n;Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})}); |