Custom Gis Application with Arcgis Javascript API with modern layouting
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
30 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 ./form ./interactive ./label2 ./loadable ./locale ./observers ./component ./t9n ./dom ./icon ./loader".split(" "),function(k,b,f,c,g,h,l,m,n,d,t,u,v){function p(){"undefined"!==typeof customElements&&["calcite-button","calcite-icon","calcite-loader"].forEach(a=>{switch(a){case "calcite-button":customElements.get(a)||customElements.define(a,q);break;case "calcite-icon":customElements.get(a)||u.defineCustomElement();break;case "calcite-loader":customElements.get(a)||
v.defineCustomElement()}})}const q=b.proxyCustomElement(class extends b.H{constructor(){super();this.__registerHost();this.__attachShadow();this.mutationObserver=m.createObserver("mutation",()=>this.updateHasContent());this.resizeObserver=m.createObserver("resize",()=>this.setTooltipText());this.handleClick=()=>{const {type:a}=this;this.href||("submit"===a?f.submitForm(this):"reset"===a&&f.resetForm(this))};this.setTooltipText=()=>{const {contentEl:a}=this;a&&(this.tooltipText=a.offsetWidth<a.scrollWidth?
this.el.innerText||null:null)};this.setChildEl=a=>{(this.childEl=a)&&this.resizeObserver?.observe(a)};this.alignment="center";this.appearance="solid";this.label=void 0;this.kind="brand";this.disabled=!1;this.form=void 0;this.download=!1;this.iconStart=this.iconFlipRtl=this.iconEnd=this.href=void 0;this.loading=!1;this.rel=this.name=void 0;this.round=!1;this.scale="m";this.splitChild=!1;this.target=void 0;this.type="button";this.width="auto";this.messageOverrides=this.messages=void 0;this.hasLoader=
this.hasContent=!1;this.effectiveLocale="";this.tooltipText=this.defaultMessages=void 0}handleGlobalAttributesChanged(){b.forceUpdate(this)}loadingChanged(a,e){a&&!e&&(this.hasLoader=!0);!a&&e&&window.setTimeout(()=>{this.hasLoader=!1},300)}onMessagesChange(){}async connectedCallback(){c.connectInteractive(this);l.connectLocalized(this);d.connectMessages(this);this.hasLoader=this.loading;this.setupTextContentObserver();g.connectLabel(this);this.formEl=f.findAssociatedForm(this)}disconnectedCallback(){this.mutationObserver?.disconnect();
c.disconnectInteractive(this);g.disconnectLabel(this);l.disconnectLocalized(this);d.disconnectMessages(this);this.resizeObserver?.disconnect();this.formEl=null}async componentWillLoad(){h.setUpLoadableComponent(this);this.updateHasContent();await d.setUpMessages(this)}componentDidLoad(){h.setComponentLoaded(this);this.setTooltipText()}componentDidRender(){c.updateHostInteraction(this)}render(){const a=this.href?"a":"button",e=this.hasLoader?b.h("div",{class:"calcite-button--loader"},b.h("calcite-loader",
{class:this.loading?"loading-in":"loading-out",inline:!0,label:this.messages.loading,scale:"l"===this.scale?"m":"s"})):null,r=!this.iconStart&&!this.iconEnd,w=b.h("calcite-icon",{key:"45941adf90ef50fe1aa5ed4a874dc8a841f4b16f",class:{icon:!0,["icon--start"]:!0},flipRtl:"start"===this.iconFlipRtl||"both"===this.iconFlipRtl,icon:this.iconStart,scale:n.getIconScale(this.scale)}),x=b.h("calcite-icon",{key:"dcd2f544410e55c7dc3a277f9c5c04da0c00b041",class:{icon:!0,["icon--end"]:!0},flipRtl:"end"===this.iconFlipRtl||
"both"===this.iconFlipRtl,icon:this.iconEnd,scale:n.getIconScale(this.scale)}),z=b.h("span",{key:"f69134d138dab0649abf8dda9ad85f129746dded",class:"content",ref:y=>this.contentEl=y},b.h("slot",{key:"0012a57d49d94c50e9fdc9eceb4b4395dfa1424b"}));return b.h(c.InteractiveContainer,{key:"fae594988f9fd052100e50250ac09621066e1cc8",disabled:this.disabled},b.h(a,{key:"afb4ffda9526e954612e2edc2ccee94bc459478a","aria-disabled":"a"===a?t.toAriaBoolean(this.disabled||this.loading):null,"aria-expanded":this.el.getAttribute("aria-expanded"),
"aria-label":this.loading?this.messages.loading:g.getLabelText(this),"aria-live":"polite",class:{["button-padding"]:r,["button-padding--shrunk"]:!r,["content--slotted"]:this.hasContent,["icon-start-empty"]:!this.iconStart,["icon-end-empty"]:!this.iconEnd},disabled:"button"===a?this.disabled||this.loading:null,download:"a"!==a||""!==this.download&&!this.download?null:this.download,href:"a"===a&&this.href,name:"button"===a&&this.name,onClick:this.handleClick,rel:"a"===a&&this.rel,tabIndex:this.disabled?
-1:null,target:"a"===a&&this.target,title:this.tooltipText,type:"button"===a&&this.type,ref:this.setChildEl},e,this.iconStart?w:null,this.hasContent?z:null,this.iconEnd?x:null))}async setFocus(){await h.componentFocusable(this);this.childEl?.focus()}effectiveLocaleChange(){d.updateMessages(this,this.effectiveLocale)}updateHasContent(){const a=0<this.el.textContent.trim().length||0<this.el.childNodes.length;this.hasContent=1===this.el.childNodes.length&&"#text"===this.el.childNodes[0]?.nodeName?0<
this.el.textContent?.trim().length:a}setupTextContentObserver(){this.mutationObserver?.observe(this.el,{childList:!0,subtree:!0})}onLabelClick(){this.handleClick();this.setFocus()}static get assetsDirs(){return["assets"]}get el(){return this}static get watchers(){return{"aria-expanded":["handleGlobalAttributesChanged"],loading:["loadingChanged"],messageOverrides:["onMessagesChange"],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:inline-block;inline-size:auto;vertical-align:middle}:host([round]){border-radius:50px}:host([round]) a,:host([round]) button{border-radius:50px}:host button,:host a{outline-color:transparent}:host button:focus,:host a: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 button,:host a{--calcite-button-content-margin-internal:0.5rem;--calcite-button-padding-x-internal:7px;--calcite-button-padding-y-internal:3px;padding-block:var(--calcite-button-padding-y-internal);padding-inline:var(--calcite-button-padding-x-internal);position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;align-items:center;justify-content:center;border-radius:0px;border-style:none;text-align:center;font-family:inherit;font-weight:var(--calcite-font-weight-normal);text-decoration-line:none;transition:color var(--calcite-animation-timing) ease-in-out, background-color var(--calcite-animation-timing) ease-in-out, box-shadow var(--calcite-animation-timing) ease-in-out, outline-color var(--calcite-internal-animation-timing-fast) ease-in-out}:host button:hover,:host a:hover{text-decoration-line:none}:host button span,:host a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{margin-inline:var(--calcite-button-content-margin-internal)}.icon-start-empty .content{margin-inline-start:unset}.icon-end-empty .content{margin-inline-end:unset}:host([scale\x3dm]) button,:host([scale\x3dm]) a{--calcite-button-content-margin-internal:0.75rem}:host([scale\x3dl]) button,:host([scale\x3dl]) a{--calcite-button-content-margin-internal:1rem}:host([width\x3dauto]){inline-size:auto}:host([width\x3dhalf]){inline-size:50%}:host([width\x3dfull]){inline-size:100%}:host([alignment\x3dcenter]:not([width\x3dauto])) a,:host([alignment\x3dcenter]:not([width\x3dauto])) button{justify-content:center}:host([alignment\x3dstart]:not([width\x3dauto])) a,:host([alignment\x3dstart]:not([width\x3dauto])) button{justify-content:flex-start}:host([alignment\x3dend]:not([width\x3dauto])) a,:host([alignment\x3dend]:not([width\x3dauto])) button{justify-content:flex-end}:host([alignment*\x3dspace-between]:not([width\x3dauto])) a,:host([alignment*\x3dspace-between]:not([width\x3dauto])) button{justify-content:space-between}:host([alignment\x3dicon-start-space-between]:not([width\x3dauto])) .icon--start{margin-inline-end:auto}:host([alignment\x3dicon-start-space-between]:not([width\x3dauto])) a,:host([alignment\x3dicon-start-space-between]:not([width\x3dauto])) button{text-align:unset}:host([alignment\x3dicon-end-space-between]:not([width\x3dauto])) .icon--end{margin-inline-start:auto}:host([alignment\x3dicon-end-space-between]:not([width\x3dauto])) a,:host([alignment\x3dicon-end-space-between]:not([width\x3dauto])) button{text-align:unset}:host([alignment\x3dcenter]) a:not(.content--slotted) .icon--start+.icon--end,:host([alignment\x3dcenter]) button:not(.content--slotted) .icon--start+.icon--end{margin-inline-start:var(--calcite-button-content-margin-internal)}.icon{position:relative;margin:0px;display:inline-flex;font-weight:var(--calcite-font-weight-normal);line-height:inherit}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}@keyframes loader-in{0%{inline-size:0;opacity:0;transform:scale(0.5)}100%{inline-size:1em;opacity:1;transform:scale(1)}}@keyframes loader-out{0%{inline-size:1em;opacity:1;transform:scale(1)}100%{inline-size:0;opacity:0;transform:scale(0.5)}}.calcite-button--loader{display:flex}.calcite-button--loader calcite-loader{margin:0px;transition:inline-size var(--calcite-internal-animation-timing-slow) ease-in-out, opacity var(--calcite-internal-animation-timing-slow) ease-in-out, transform var(--calcite-internal-animation-timing-slow) ease-in-out}.calcite-button--loader calcite-loader.loading-in{animation-name:loader-in;animation-duration:var(--calcite-internal-animation-timing-slow)}.calcite-button--loader calcite-loader.loading-out{animation-name:loader-out;animation-duration:var(--calcite-internal-animation-timing-slow)}:host([loading]) button.content--slotted .calcite-button--loader calcite-loader,:host([loading]) a.content--slotted .calcite-button--loader calcite-loader{margin-inline-end:var(--calcite-button-content-margin-internal)}:host([loading]) button:not(.content--slotted) .icon--start,:host([loading]) button:not(.content--slotted) .icon--end,:host([loading]) a:not(.content--slotted) .icon--start,:host([loading]) a:not(.content--slotted) .icon--end{display:none}:host([appearance]) button,:host([appearance]) a{border-width:1px;border-style:solid;border-color:transparent}:host([kind\x3dbrand]) button,:host([kind\x3dbrand]) a{background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}:host([kind\x3dbrand]) button:hover,:host([kind\x3dbrand]) button:focus,:host([kind\x3dbrand]) a:hover,:host([kind\x3dbrand]) a:focus{background-color:var(--calcite-color-brand-hover)}:host([kind\x3dbrand]) button:active,:host([kind\x3dbrand]) a:active{background-color:var(--calcite-color-brand-press)}:host([kind\x3dbrand]) button calcite-loader,:host([kind\x3dbrand]) a calcite-loader{color:var(--calcite-color-text-inverse)}:host([kind\x3ddanger]) button,:host([kind\x3ddanger]) a{background-color:var(--calcite-color-status-danger);color:var(--calcite-color-text-inverse)}:host([kind\x3ddanger]) button:hover,:host([kind\x3ddanger]) button:focus,:host([kind\x3ddanger]) a:hover,:host([kind\x3ddanger]) a:focus{background-color:var(--calcite-color-status-danger-hover)}:host([kind\x3ddanger]) button:active,:host([kind\x3ddanger]) a:active{background-color:var(--calcite-color-status-danger-press)}:host([kind\x3ddanger]) button calcite-loader,:host([kind\x3ddanger]) a calcite-loader{color:var(--calcite-color-text-inverse)}:host([kind\x3dneutral]) button,:host([kind\x3dneutral]) a{background-color:var(--calcite-color-foreground-3);color:var(--calcite-color-text-1)}:host([kind\x3dneutral]) button:hover,:host([kind\x3dneutral]) button:focus,:host([kind\x3dneutral]) a:hover,:host([kind\x3dneutral]) a:focus{background-color:var(--calcite-color-foreground-2)}:host([kind\x3dneutral]) button:active,:host([kind\x3dneutral]) a:active{background-color:var(--calcite-color-foreground-1)}:host([kind\x3dneutral]) button calcite-loader,:host([kind\x3dneutral]) a calcite-loader{color:var(--calcite-color-text-1)}:host([kind\x3dinverse]) button,:host([kind\x3dinverse]) a{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse)}:host([kind\x3dinverse]) button:hover,:host([kind\x3dinverse]) button:focus,:host([kind\x3dinverse]) a:hover,:host([kind\x3dinverse]) a:focus{background-color:var(--calcite-color-inverse-hover)}:host([kind\x3dinverse]) button:active,:host([kind\x3dinverse]) a:active{background-color:var(--calcite-color-inverse-press)}:host([kind\x3dinverse]) button calcite-loader,:host([kind\x3dinverse]) a calcite-loader{color:var(--calcite-color-text-inverse)}:host([appearance\x3doutline-fill]) button,:host([appearance\x3doutline-fill]) a{border-width:1px;border-style:solid;background-color:var(--calcite-color-foreground-1);box-shadow:inset 0 0 0 1px transparent}:host([appearance\x3doutline-fill][kind\x3dbrand]) button,:host([appearance\x3doutline-fill][kind\x3dbrand]) a{border-color:var(--calcite-color-brand);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-brand)}:host([appearance\x3doutline-fill][kind\x3dbrand]) button:hover,:host([appearance\x3doutline-fill][kind\x3dbrand]) a:hover{border-color:var(--calcite-color-brand-hover);color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}:host([appearance\x3doutline-fill][kind\x3dbrand]) button:focus,:host([appearance\x3doutline-fill][kind\x3dbrand]) a:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-brand);box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host([appearance\x3doutline-fill][kind\x3dbrand]) button:active,:host([appearance\x3doutline-fill][kind\x3dbrand]) a:active{border-color:var(--calcite-color-brand-press);color:var(--calcite-color-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-color-brand-press)}:host([appearance\x3doutline-fill][kind\x3dbrand]) button calcite-loader,:host([appearance\x3doutline-fill][kind\x3dbrand]) a calcite-loader{color:var(--calcite-color-brand)}:host([appearance\x3doutline-fill][kind\x3ddanger]) button,:host([appearance\x3doutline-fill][kind\x3ddanger]) a{border-color:var(--calcite-color-status-danger);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-status-danger)}:host([appearance\x3doutline-fill][kind\x3ddanger]) button:hover,:host([appearance\x3doutline-fill][kind\x3ddanger]) a:hover{border-color:var(--calcite-color-status-danger-hover);color:var(--calcite-color-status-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-status-danger-hover)}:host([appearance\x3doutline-fill][kind\x3ddanger]) button:focus,:host([appearance\x3doutline-fill][kind\x3ddanger]) a:focus{border-color:var(--calcite-color-status-danger);color:var(--calcite-color-status-danger);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger)}:host([appearance\x3doutline-fill][kind\x3ddanger]) button:active,:host([appearance\x3doutline-fill][kind\x3ddanger]) a:active{border-color:var(--calcite-color-status-danger-press);color:var(--calcite-color-status-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger-press)}:host([appearance\x3doutline-fill][kind\x3ddanger]) button calcite-loader,:host([appearance\x3doutline-fill][kind\x3ddanger]) a calcite-loader{color:var(--calcite-color-status-danger)}:host([appearance\x3doutline-fill][kind\x3dneutral]) button,:host([appearance\x3doutline-fill][kind\x3dneutral]) a{background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);border-color:var(--calcite-color-border-1)}:host([appearance\x3doutline-fill][kind\x3dneutral]) button:hover,:host([appearance\x3doutline-fill][kind\x3dneutral]) a:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}:host([appearance\x3doutline-fill][kind\x3dneutral]) button:focus,:host([appearance\x3doutline-fill][kind\x3dneutral]) a:focus{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance\x3doutline-fill][kind\x3dneutral]) button:active,:host([appearance\x3doutline-fill][kind\x3dneutral]) a:active{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance\x3doutline-fill][kind\x3dneutral]) button calcite-loader,:host([appearance\x3doutline-fill][kind\x3dneutral]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance\x3doutline-fill][kind\x3dinverse]) button,:host([appearance\x3doutline-fill][kind\x3dinverse]) a{background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);border-color:var(--calcite-color-inverse)}:host([appearance\x3doutline-fill][kind\x3dinverse]) button:hover,:host([appearance\x3doutline-fill][kind\x3dinverse]) a:hover{border-color:var(--calcite-color-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-inverse-hover)}:host([appearance\x3doutline-fill][kind\x3dinverse]) button:focus,:host([appearance\x3doutline-fill][kind\x3dinverse]) a:focus{border-color:var(--calcite-color-inverse);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse)}:host([appearance\x3doutline-fill][kind\x3dinverse]) button:active,:host([appearance\x3doutline-fill][kind\x3dinverse]) a:active{border-color:var(--calcite-color-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse-press)}:host([appearance\x3doutline-fill][kind\x3dinverse]) button calcite-loader,:host([appearance\x3doutline-fill][kind\x3dinverse]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance\x3doutline]) button,:host([appearance\x3doutline]) a{border-width:1px;border-style:solid;background-color:transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance\x3doutline][kind\x3dbrand]) button,:host([appearance\x3doutline][kind\x3dbrand]) a{border-color:var(--calcite-color-brand);background-color:transparent;color:var(--calcite-color-brand)}:host([appearance\x3doutline][kind\x3dbrand]) button:hover,:host([appearance\x3doutline][kind\x3dbrand]) a:hover{border-color:var(--calcite-color-brand-hover);color:var(--calcite-color-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-brand-hover)}:host([appearance\x3doutline][kind\x3dbrand]) button:focus,:host([appearance\x3doutline][kind\x3dbrand]) a:focus{border-color:var(--calcite-color-brand);color:var(--calcite-color-brand);box-shadow:inset 0 0 0 2px var(--calcite-color-brand)}:host([appearance\x3doutline][kind\x3dbrand]) button:active,:host([appearance\x3doutline][kind\x3dbrand]) a:active{border-color:var(--calcite-color-brand-press);color:var(--calcite-color-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-color-brand-press)}:host([appearance\x3doutline][kind\x3dbrand]) button calcite-loader,:host([appearance\x3doutline][kind\x3dbrand]) a calcite-loader{color:var(--calcite-color-brand)}:host([appearance\x3doutline][kind\x3ddanger]) button,:host([appearance\x3doutline][kind\x3ddanger]) a{border-color:var(--calcite-color-status-danger);background-color:transparent;color:var(--calcite-color-status-danger)}:host([appearance\x3doutline][kind\x3ddanger]) button:hover,:host([appearance\x3doutline][kind\x3ddanger]) a:hover{border-color:var(--calcite-color-status-danger-hover);color:var(--calcite-color-status-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-status-danger-hover)}:host([appearance\x3doutline][kind\x3ddanger]) button:focus,:host([appearance\x3doutline][kind\x3ddanger]) a:focus{border-color:var(--calcite-color-status-danger);color:var(--calcite-color-status-danger);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger)}:host([appearance\x3doutline][kind\x3ddanger]) button:active,:host([appearance\x3doutline][kind\x3ddanger]) a:active{border-color:var(--calcite-color-status-danger-press);color:var(--calcite-color-status-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-color-status-danger-press)}:host([appearance\x3doutline][kind\x3ddanger]) button calcite-loader,:host([appearance\x3doutline][kind\x3ddanger]) a calcite-loader{color:var(--calcite-color-status-danger)}:host([appearance\x3doutline][kind\x3dneutral]) button,:host([appearance\x3doutline][kind\x3dneutral]) a{background-color:transparent;color:var(--calcite-color-text-1);border-color:var(--calcite-color-border-1)}:host([appearance\x3doutline][kind\x3dneutral]) button:hover,:host([appearance\x3doutline][kind\x3dneutral]) a:hover{box-shadow:inset 0 0 0 1px var(--calcite-color-foreground-3)}:host([appearance\x3doutline][kind\x3dneutral]) button:focus,:host([appearance\x3doutline][kind\x3dneutral]) a:focus{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance\x3doutline][kind\x3dneutral]) button:active,:host([appearance\x3doutline][kind\x3dneutral]) a:active{box-shadow:inset 0 0 0 2px var(--calcite-color-foreground-3)}:host([appearance\x3doutline][kind\x3dneutral]) button calcite-loader,:host([appearance\x3doutline][kind\x3dneutral]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance\x3doutline][kind\x3dinverse]) button,:host([appearance\x3doutline][kind\x3dinverse]) a{background-color:transparent;color:var(--calcite-color-text-1);border-color:var(--calcite-color-inverse)}:host([appearance\x3doutline][kind\x3dinverse]) button:hover,:host([appearance\x3doutline][kind\x3dinverse]) a:hover{border-color:var(--calcite-color-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-color-inverse-hover)}:host([appearance\x3doutline][kind\x3dinverse]) button:focus,:host([appearance\x3doutline][kind\x3dinverse]) a:focus{border-color:var(--calcite-color-inverse);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse)}:host([appearance\x3doutline][kind\x3dinverse]) button:active,:host([appearance\x3doutline][kind\x3dinverse]) a:active{border-color:var(--calcite-color-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-color-inverse-press)}:host([appearance\x3doutline][kind\x3dinverse]) button calcite-loader,:host([appearance\x3doutline][kind\x3dinverse]) a calcite-loader{color:var(--calcite-color-text-1)}:host([appearance\x3doutline-fill][split-child\x3dprimary]) button,:host([appearance\x3doutline][split-child\x3dprimary]) button{border-inline-end-width:0;border-inline-start-width:1px}:host([appearance\x3doutline-fill][split-child\x3dsecondary]) button,:host([appearance\x3doutline][split-child\x3dsecondary]) button{border-inline-start-width:0;border-inline-end-width:1px}:host([appearance\x3dtransparent]:not(.enable-editing-button)) button,:host([appearance\x3dtransparent]:not(.enable-editing-button)) a{background-color:transparent}:host([appearance\x3dtransparent]:not(.enable-editing-button)) button:hover,:host([appearance\x3dtransparent]:not(.enable-editing-button)) button:focus,:host([appearance\x3dtransparent]:not(.enable-editing-button)) a:hover,:host([appearance\x3dtransparent]:not(.enable-editing-button)) a:focus{background-color:var(--calcite-color-transparent-hover)}:host([appearance\x3dtransparent]:not(.enable-editing-button)) button:active,:host([appearance\x3dtransparent]:not(.enable-editing-button)) a:active{background-color:var(--calcite-color-transparent-press)}:host([appearance\x3dtransparent][kind\x3dbrand]) button,:host([appearance\x3dtransparent][kind\x3dbrand]) a{color:var(--calcite-color-brand)}:host([appearance\x3dtransparent][kind\x3dbrand]) button:hover,:host([appearance\x3dtransparent][kind\x3dbrand]) a:hover{color:var(--calcite-color-brand-hover)}:host([appearance\x3dtransparent][kind\x3dbrand]) button:focus,:host([appearance\x3dtransparent][kind\x3dbrand]) a:focus{color:var(--calcite-color-brand)}:host([appearance\x3dtransparent][kind\x3dbrand]) button:active,:host([appearance\x3dtransparent][kind\x3dbrand]) a:active{color:var(--calcite-color-brand-press)}:host([appearance\x3dtransparent][kind\x3dbrand]) button calcite-loader,:host([appearance\x3dtransparent][kind\x3dbrand]) a calcite-loader{color:var(--calcite-color-brand)}:host([appearance\x3dtransparent][kind\x3ddanger]) button,:host([appearance\x3dtransparent][kind\x3ddanger]) a{color:var(--calcite-color-status-danger)}:host([appearance\x3dtransparent][kind\x3ddanger]) button:hover,:host([appearance\x3dtransparent][kind\x3ddanger]) a:hover{color:var(--calcite-color-status-danger-hover)}:host([appearance\x3dtransparent][kind\x3ddanger]) button:focus,:host([appearance\x3dtransparent][kind\x3ddanger]) a:focus{color:var(--calcite-color-status-danger)}:host([appearance\x3dtransparent][kind\x3ddanger]) button:active,:host([appearance\x3dtransparent][kind\x3ddanger]) a:active{color:var(--calcite-color-status-danger-press)}:host([appearance\x3dtransparent][kind\x3ddanger]) button calcite-loader,:host([appearance\x3dtransparent][kind\x3ddanger]) a calcite-loader{color:var(--calcite-color-status-danger)}:host([appearance\x3dtransparent][kind\x3dneutral]:not(.cancel-editing-button)) button,:host([appearance\x3dtransparent][kind\x3dneutral]:not(.cancel-editing-button)) a,:host([appearance\x3dtransparent][kind\x3dneutral]:not(.cancel-editing-button)) calcite-loader{color:var(--calcite-color-text-1)}:host([appearance\x3dtransparent][kind\x3dneutral].cancel-editing-button) button{border-block-start-width:1px;border-block-end-width:1px;color:var(--calcite-color-text-3);border-block-start-color:var(--calcite-color-border-input);border-block-end-color:var(--calcite-color-border-input);border-block-style:solid}:host([appearance\x3dtransparent][kind\x3dneutral].cancel-editing-button) button:not(.content--slotted){--calcite-button-padding-y-internal:0}:host([appearance\x3dtransparent][kind\x3dneutral].cancel-editing-button) button:hover{color:var(--calcite-color-text-1)}:host([appearance\x3dtransparent][kind\x3dneutral].enable-editing-button) button{background-color:transparent}:host(.confirm-changes-button) button:focus,:host(.cancel-editing-button) button:focus,:host(.enable-editing-button) button:focus{outline-offset:-2px}:host([appearance\x3dtransparent][kind\x3dinverse]) button,:host([appearance\x3dtransparent][kind\x3dinverse]) a,:host([appearance\x3dtransparent][kind\x3dinverse]) calcite-loader{color:var(--calcite-color-text-inverse)}:host([scale\x3ds]) button.content--slotted,:host([scale\x3ds]) a.content--slotted{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale\x3ds][appearance\x3dtransparent]) button.content--slotted,:host([scale\x3ds][appearance\x3dtransparent]) a.content--slotted{--calcite-button-padding-x-internal:0.5rem}:host([scale\x3ds]) button,:host([scale\x3ds]) a{--calcite-button-padding-y-internal:3px}:host([scale\x3dm]) button.content--slotted,:host([scale\x3dm]) a.content--slotted{--calcite-button-padding-x-internal:11px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale\x3dm]) button,:host([scale\x3dm]) a{--calcite-button-padding-y-internal:7px}:host([scale\x3dm][appearance\x3dtransparent]) button.content--slotted,:host([scale\x3dm][appearance\x3dtransparent]) a.content--slotted{--calcite-button-padding-x-internal:0.75rem}:host([scale\x3dl]) button.content--slotted,:host([scale\x3dl]) a.content--slotted{--calcite-button-padding-x-internal:15px;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale\x3dl]) .button-padding{--calcite-button-padding-x-internal:1rem;--calcite-button-padding-y-internal:11px}:host([scale\x3dl]) .button-padding--shrunk{--calcite-button-padding-y-internal:9px}:host([scale\x3ds]) button:not(.content--slotted),:host([scale\x3ds]) a:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:3px;inline-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:1.5rem}:host([scale\x3dm]) button:not(.content--slotted),:host([scale\x3dm]) a:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:7px;inline-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2rem}:host([scale\x3dl]) button:not(.content--slotted),:host([scale\x3dl]) a:not(.content--slotted){--calcite-button-padding-x-internal:0.125rem;--calcite-button-padding-y-internal:9px;inline-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2.75rem}:host([scale\x3dl][appearance\x3dtransparent]) button:not(.content--slotted),:host([scale\x3dl][appearance\x3dtransparent]) a:not(.content--slotted){--calcite-button-padding-y-internal:0.625rem}:host([scale\x3ds][icon-start][icon-end]) button:not(.content--slotted),:host([scale\x3ds][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x-internal:23px;block-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale\x3ds][icon-start][icon-end][appearance\x3dtransparent]) button:not(.content--slotted),:host([scale\x3ds][icon-start][icon-end][appearance\x3dtransparent]) a:not(.content--slotted){--calcite-button-padding-x-internal:1.5rem}:host([scale\x3dm][icon-start][icon-end]) button:not(.content--slotted),:host([scale\x3dm][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x-internal:2rem;block-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale\x3dm][icon-start][icon-end][appearance\x3dtransparent]) button:not(.content--slotted),:host([scale\x3dm][icon-start][icon-end][appearance\x3dtransparent]) a:not(.content--slotted){--calcite-button-padding-x-internal:33px}:host([scale\x3dl][icon-start][icon-end]) button:not(.content--slotted),:host([scale\x3dl][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x-internal:43px;block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale\x3dl][icon-start][icon-end]) button:not(.content--slotted) .icon--start+.icon--end,:host([scale\x3dl][icon-start][icon-end]) a:not(.content--slotted) .icon--start+.icon--end{margin-inline-start:1rem}:host([scale\x3dl][icon-start][icon-end][appearance\x3dtransparent]) button:not(.content--slotted),:host([scale\x3dl][icon-start][icon-end][appearance\x3dtransparent]) a:not(.content--slotted){--calcite-button-padding-x-internal:2.75rem}:host([hidden]){display:none}[hidden]{display:none}"}},
[1,"calcite-button",{alignment:[513],appearance:[513],label:[1],kind:[513],disabled:[516],form:[513],download:[520],href:[513],iconEnd:[513,"icon-end"],iconFlipRtl:[513,"icon-flip-rtl"],iconStart:[513,"icon-start"],loading:[516],name:[513],rel:[513],round:[516],scale:[513],splitChild:[520,"split-child"],target:[513],type:[513],width:[513],messages:[1040],messageOverrides:[1040],hasContent:[32],hasLoader:[32],effectiveLocale:[32],defaultMessages:[32],tooltipText:[32],setFocus:[64]},void 0,{"aria-expanded":["handleGlobalAttributesChanged"],
loading:["loadingChanged"],messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}]);p();k.Button=q;k.defineCustomElement=p});