@esri/solutions-components 0.2.1 → 0.2.2

package/dist/components/button.js

@@ -1,265 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement as HTMLElement$1, Build, h } from '@stencil/core/internal/client';
-import { k as closestElementCrossShadowBoundary } from './dom.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label2.js';
-import { c as createObserver } from './observers.js';
-import { u as updateHostInteraction } from './interactive.js';
-import { s as submitForm, r as resetForm } from './form.js';
-import { d as defineCustomElement$2 } from './icon.js';
-import { d as defineCustomElement$1 } from './loader.js';
-
-(function(prototype) {
-  if (typeof prototype.requestSubmit == "function") return
-
-  prototype.requestSubmit = function(submitter) {
-    if (submitter) {
-      validateSubmitter(submitter, this);
-      submitter.click();
-    } else {
-      submitter = document.createElement("input");
-      submitter.type = "submit";
-      submitter.hidden = true;
-      this.appendChild(submitter);
-      submitter.click();
-      this.removeChild(submitter);
-    }
-  };
-
-  function validateSubmitter(submitter, form) {
-    submitter instanceof HTMLElement || raise(TypeError, "parameter 1 is not of type 'HTMLElement'");
-    submitter.type == "submit" || raise(TypeError, "The specified element is not a submit button");
-    submitter.form == form || raise(DOMException, "The specified element is not owned by this form element", "NotFoundError");
-  }
-
-  function raise(errorConstructor, message, name) {
-    throw new errorConstructor("Failed to execute 'requestSubmit' on 'HTMLFormElement': " + message + ".", name)
-  }
-})(HTMLFormElement.prototype);
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.97
- */
-const CSS = {
-  buttonLoader: "calcite-button--loader",
-  content: "content",
-  contentSlotted: "content--slotted",
-  icon: "icon",
-  iconStart: "icon--start",
-  iconEnd: "icon--end",
-  loadingIn: "loading-in",
-  loadingOut: "loading-out",
-  iconStartEmpty: "icon-start-empty",
-  iconEndEmpty: "icon-end-empty"
-};
-const TEXT = {
-  loading: "Loading"
-};
-
-const buttonCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}: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-brand);outline-offset:2px}:host button,:host a{--calcite-button-content-margin:0.5rem;--calcite-button-padding-x:7px;--calcite-button-padding-y:3px;padding-block:var(--calcite-button-padding-y);padding-inline:var(--calcite-button-padding-x);position:relative;box-sizing:border-box;display:flex;block-size:100%;inline-size:100%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance: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);-webkit-text-decoration-line:none;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{-webkit-text-decoration-line:none;text-decoration-line:none}.content{display:flex;flex-basis:auto;margin-inline:var(--calcite-button-content-margin)}.icon-start-empty .content{-webkit-margin-start:unset;margin-inline-start:unset}.icon-end-empty .content{-webkit-margin-end:unset;margin-inline-end:unset}:host([scale=m]) button,:host([scale=m]) a{--calcite-button-content-margin:0.75rem}:host([scale=l]) button,:host([scale=l]) a{--calcite-button-content-margin:1rem}:host([width=auto]){inline-size:auto}:host([width=half]){inline-size:50%}:host([width=full]){inline-size:100%}:host([alignment=center]:not([width=auto])) a,:host([alignment=center]:not([width=auto])) button{justify-content:center}:host([alignment=start]:not([width=auto])) a,:host([alignment=start]:not([width=auto])) button{justify-content:flex-start}:host([alignment=end]:not([width=auto])) a,:host([alignment=end]:not([width=auto])) button{justify-content:flex-end}:host([alignment*=space-between]:not([width=auto])) a,:host([alignment*=space-between]:not([width=auto])) button{justify-content:space-between}:host([alignment=icon-start-space-between]:not([width=auto])) .icon--start{-webkit-margin-end:auto;margin-inline-end:auto}:host([alignment=icon-start-space-between]:not([width=auto])) a,:host([alignment=icon-start-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=icon-end-space-between]:not([width=auto])) .icon--end{-webkit-margin-start:auto;margin-inline-start:auto}:host([alignment=icon-end-space-between]:not([width=auto])) a,:host([alignment=icon-end-space-between]:not([width=auto])) button{text-align:unset}:host([alignment=center]) a:not(.content--slotted) .icon--start+.icon--end,:host([alignment=center]) button:not(.content--slotted) .icon--start+.icon--end{-webkit-margin-start:var(--calcite-button-content-margin);margin-inline-start:var(--calcite-button-content-margin)}.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}:host([loading]){pointer-events:none}:host([loading]) button,:host([loading]) a{pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}@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{-webkit-margin-end:var(--calcite-button-content-margin);margin-inline-end:var(--calcite-button-content-margin)}: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=solid]) button,:host([appearance=solid]) a{border-width:1px;border-style:solid;border-color:transparent}:host([color=blue]) button,:host([color=blue]) a{background-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-inverse)}:host([color=blue]) button:hover,:host([color=blue]) button:focus,:host([color=blue]) a:hover,:host([color=blue]) a:focus{background-color:var(--calcite-ui-brand-hover)}:host([color=blue]) button:active,:host([color=blue]) a:active{background-color:var(--calcite-ui-brand-press)}:host([color=blue]) button calcite-loader,:host([color=blue]) a calcite-loader{color:var(--calcite-ui-text-inverse)}:host([color=red]) button,:host([color=red]) a{background-color:var(--calcite-ui-danger);color:var(--calcite-ui-text-inverse)}:host([color=red]) button:hover,:host([color=red]) button:focus,:host([color=red]) a:hover,:host([color=red]) a:focus{background-color:var(--calcite-ui-danger-hover)}:host([color=red]) button:active,:host([color=red]) a:active{background-color:var(--calcite-ui-danger-press)}:host([color=red]) button calcite-loader,:host([color=red]) a calcite-loader{color:var(--calcite-ui-text-inverse)}:host([color=neutral]) button,:host([color=neutral]) a{background-color:var(--calcite-ui-foreground-3);color:var(--calcite-ui-text-1)}:host([color=neutral]) button:hover,:host([color=neutral]) button:focus,:host([color=neutral]) a:hover,:host([color=neutral]) a:focus{background-color:var(--calcite-ui-foreground-2)}:host([color=neutral]) button:active,:host([color=neutral]) a:active{background-color:var(--calcite-ui-foreground-1)}:host([color=neutral]) button calcite-loader,:host([color=neutral]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([color=inverse]) button,:host([color=inverse]) a{color:var(--calcite-ui-text-inverse);background-color:var(--calcite-ui-inverse)}:host([color=inverse]) button:hover,:host([color=inverse]) button:focus,:host([color=inverse]) a:hover,:host([color=inverse]) a:focus{background-color:var(--calcite-ui-inverse-hover)}:host([color=inverse]) button:active,:host([color=inverse]) a:active{background-color:var(--calcite-ui-inverse-press)}:host([color=inverse]) button calcite-loader,:host([color=inverse]) a calcite-loader{color:var(--calcite-ui-text-inverse)}:host([appearance=outline]) button,:host([appearance=outline]) a{border-width:1px;border-style:solid;background-color:var(--calcite-ui-foreground-1);box-shadow:inset 0 0 0 1px transparent}:host([appearance=outline][color=blue]) button,:host([appearance=outline][color=blue]) a{border-color:var(--calcite-ui-brand);background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-brand)}:host([appearance=outline][color=blue]) button:hover,:host([appearance=outline][color=blue]) a:hover{border-color:var(--calcite-ui-brand-hover);color:var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}:host([appearance=outline][color=blue]) button:focus,:host([appearance=outline][color=blue]) a:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host([appearance=outline][color=blue]) button:active,:host([appearance=outline][color=blue]) a:active{border-color:var(--calcite-ui-brand-press);color:var(--calcite-ui-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand-press)}:host([appearance=outline][color=blue]) button calcite-loader,:host([appearance=outline][color=blue]) a calcite-loader{color:var(--calcite-ui-brand)}:host([appearance=outline][color=red]) button,:host([appearance=outline][color=red]) a{border-color:var(--calcite-ui-danger);background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-danger)}:host([appearance=outline][color=red]) button:hover,:host([appearance=outline][color=red]) a:hover{border-color:var(--calcite-ui-danger-hover);color:var(--calcite-ui-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-danger-hover)}:host([appearance=outline][color=red]) button:focus,:host([appearance=outline][color=red]) a:focus{border-color:var(--calcite-ui-danger);color:var(--calcite-ui-danger);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger)}:host([appearance=outline][color=red]) button:active,:host([appearance=outline][color=red]) a:active{border-color:var(--calcite-ui-danger-press);color:var(--calcite-ui-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger-press)}:host([appearance=outline][color=red]) button calcite-loader,:host([appearance=outline][color=red]) a calcite-loader{color:var(--calcite-ui-danger)}:host([appearance=outline][color=neutral]) button,:host([appearance=outline][color=neutral]) a{background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-foreground-3)}:host([appearance=outline][color=neutral]) button:hover,:host([appearance=outline][color=neutral]) a:hover{box-shadow:inset 0 0 0 1px var(--calcite-ui-foreground-3)}:host([appearance=outline][color=neutral]) button:focus,:host([appearance=outline][color=neutral]) a:focus{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}:host([appearance=outline][color=neutral]) button:active,:host([appearance=outline][color=neutral]) a:active{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}:host([appearance=outline][color=neutral]) button calcite-loader,:host([appearance=outline][color=neutral]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=outline][color=inverse]) button,:host([appearance=outline][color=inverse]) a{background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-inverse)}:host([appearance=outline][color=inverse]) button:hover,:host([appearance=outline][color=inverse]) a:hover{border-color:var(--calcite-ui-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-inverse-hover)}:host([appearance=outline][color=inverse]) button:focus,:host([appearance=outline][color=inverse]) a:focus{border-color:var(--calcite-ui-inverse);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse)}:host([appearance=outline][color=inverse]) button:active,:host([appearance=outline][color=inverse]) a:active{border-color:var(--calcite-ui-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse-press)}:host([appearance=outline][color=inverse]) button calcite-loader,:host([appearance=outline][color=inverse]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=clear]) button,:host([appearance=clear]) a,:host([appearance=minimal]) button,:host([appearance=minimal]) a{border-width:1px;border-style:solid;background-color:transparent;box-shadow:inset 0 0 0 1px transparent}:host([appearance=clear][color=blue]) button,:host([appearance=clear][color=blue]) a,:host([appearance=minimal][color=blue]) button,:host([appearance=minimal][color=blue]) a{border-color:var(--calcite-ui-brand);background-color:transparent;color:var(--calcite-ui-brand)}:host([appearance=clear][color=blue]) button:hover,:host([appearance=clear][color=blue]) a:hover,:host([appearance=minimal][color=blue]) button:hover,:host([appearance=minimal][color=blue]) a:hover{border-color:var(--calcite-ui-brand-hover);color:var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}:host([appearance=clear][color=blue]) button:focus,:host([appearance=clear][color=blue]) a:focus,:host([appearance=minimal][color=blue]) button:focus,:host([appearance=minimal][color=blue]) a:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-brand);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}:host([appearance=clear][color=blue]) button:active,:host([appearance=clear][color=blue]) a:active,:host([appearance=minimal][color=blue]) button:active,:host([appearance=minimal][color=blue]) a:active{border-color:var(--calcite-ui-brand-press);color:var(--calcite-ui-brand-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-brand-press)}:host([appearance=clear][color=blue]) button calcite-loader,:host([appearance=clear][color=blue]) a calcite-loader,:host([appearance=minimal][color=blue]) button calcite-loader,:host([appearance=minimal][color=blue]) a calcite-loader{color:var(--calcite-ui-brand)}:host([appearance=clear][color=red]) button,:host([appearance=clear][color=red]) a,:host([appearance=minimal][color=red]) button,:host([appearance=minimal][color=red]) a{border-color:var(--calcite-ui-danger);background-color:transparent;color:var(--calcite-ui-danger)}:host([appearance=clear][color=red]) button:hover,:host([appearance=clear][color=red]) a:hover,:host([appearance=minimal][color=red]) button:hover,:host([appearance=minimal][color=red]) a:hover{border-color:var(--calcite-ui-danger-hover);color:var(--calcite-ui-danger-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-danger-hover)}:host([appearance=clear][color=red]) button:focus,:host([appearance=clear][color=red]) a:focus,:host([appearance=minimal][color=red]) button:focus,:host([appearance=minimal][color=red]) a:focus{border-color:var(--calcite-ui-danger);color:var(--calcite-ui-danger);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger)}:host([appearance=clear][color=red]) button:active,:host([appearance=clear][color=red]) a:active,:host([appearance=minimal][color=red]) button:active,:host([appearance=minimal][color=red]) a:active{border-color:var(--calcite-ui-danger-press);color:var(--calcite-ui-danger-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-danger-press)}:host([appearance=clear][color=red]) button calcite-loader,:host([appearance=clear][color=red]) a calcite-loader,:host([appearance=minimal][color=red]) button calcite-loader,:host([appearance=minimal][color=red]) a calcite-loader{color:var(--calcite-ui-danger)}:host([appearance=clear][color=neutral]) button,:host([appearance=clear][color=neutral]) a,:host([appearance=minimal][color=neutral]) button,:host([appearance=minimal][color=neutral]) a{background-color:transparent;color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-foreground-3)}:host([appearance=clear][color=neutral]) button:hover,:host([appearance=clear][color=neutral]) a:hover,:host([appearance=minimal][color=neutral]) button:hover,:host([appearance=minimal][color=neutral]) a:hover{box-shadow:inset 0 0 0 1px var(--calcite-ui-foreground-3)}:host([appearance=clear][color=neutral]) button:focus,:host([appearance=clear][color=neutral]) a:focus,:host([appearance=minimal][color=neutral]) button:focus,:host([appearance=minimal][color=neutral]) a:focus{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}:host([appearance=clear][color=neutral]) button:active,:host([appearance=clear][color=neutral]) a:active,:host([appearance=minimal][color=neutral]) button:active,:host([appearance=minimal][color=neutral]) a:active{box-shadow:inset 0 0 0 2px var(--calcite-ui-foreground-3)}:host([appearance=clear][color=neutral]) button calcite-loader,:host([appearance=clear][color=neutral]) a calcite-loader,:host([appearance=minimal][color=neutral]) button calcite-loader,:host([appearance=minimal][color=neutral]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=clear][color=inverse]) button,:host([appearance=clear][color=inverse]) a,:host([appearance=minimal][color=inverse]) button,:host([appearance=minimal][color=inverse]) a{background-color:transparent;color:var(--calcite-ui-text-1);border-color:var(--calcite-ui-inverse)}:host([appearance=clear][color=inverse]) button:hover,:host([appearance=clear][color=inverse]) a:hover,:host([appearance=minimal][color=inverse]) button:hover,:host([appearance=minimal][color=inverse]) a:hover{border-color:var(--calcite-ui-inverse-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-inverse-hover)}:host([appearance=clear][color=inverse]) button:focus,:host([appearance=clear][color=inverse]) a:focus,:host([appearance=minimal][color=inverse]) button:focus,:host([appearance=minimal][color=inverse]) a:focus{border-color:var(--calcite-ui-inverse);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse)}:host([appearance=clear][color=inverse]) button:active,:host([appearance=clear][color=inverse]) a:active,:host([appearance=minimal][color=inverse]) button:active,:host([appearance=minimal][color=inverse]) a:active{border-color:var(--calcite-ui-inverse-press);box-shadow:inset 0 0 0 2px var(--calcite-ui-inverse-press)}:host([appearance=clear][color=inverse]) button calcite-loader,:host([appearance=clear][color=inverse]) a calcite-loader,:host([appearance=minimal][color=inverse]) button calcite-loader,:host([appearance=minimal][color=inverse]) a calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=outline][split-child=primary]) button,:host([appearance=clear][split-child=primary]) button,:host([appearance=minimal][split-child=primary]) button{border-inline-end-width:0;border-inline-start-width:1px}:host([appearance=outline][split-child=secondary]) button,:host([appearance=clear][split-child=secondary]) button,:host([appearance=minimal][split-child=secondary]) button{border-inline-start-width:0;border-inline-end-width:1px}:host([appearance=transparent]:not(.enable-editing-button)) button,:host([appearance=transparent]:not(.enable-editing-button)) a{background-color:transparent}:host([appearance=transparent]:not(.enable-editing-button)) button:hover,:host([appearance=transparent]:not(.enable-editing-button)) button:focus,:host([appearance=transparent]:not(.enable-editing-button)) a:hover,:host([appearance=transparent]:not(.enable-editing-button)) a:focus{background-color:var(--calcite-button-transparent-hover)}:host([appearance=transparent]:not(.enable-editing-button)) button:active,:host([appearance=transparent]:not(.enable-editing-button)) a:active{background-color:var(--calcite-button-transparent-press)}:host([appearance=transparent][color=blue]) button,:host([appearance=transparent][color=blue]) a{color:var(--calcite-ui-brand)}:host([appearance=transparent][color=blue]) button:hover,:host([appearance=transparent][color=blue]) a:hover{color:var(--calcite-ui-brand-hover)}:host([appearance=transparent][color=blue]) button:focus,:host([appearance=transparent][color=blue]) a:focus{color:var(--calcite-ui-brand)}:host([appearance=transparent][color=blue]) button:active,:host([appearance=transparent][color=blue]) a:active{color:var(--calcite-ui-brand-press)}:host([appearance=transparent][color=blue]) button calcite-loader,:host([appearance=transparent][color=blue]) a calcite-loader{color:var(--calcite-ui-brand)}:host([appearance=transparent][color=red]) button,:host([appearance=transparent][color=red]) a{color:var(--calcite-ui-danger)}:host([appearance=transparent][color=red]) button:hover,:host([appearance=transparent][color=red]) a:hover{color:var(--calcite-ui-danger-hover)}:host([appearance=transparent][color=red]) button:focus,:host([appearance=transparent][color=red]) a:focus{color:var(--calcite-ui-danger)}:host([appearance=transparent][color=red]) button:active,:host([appearance=transparent][color=red]) a:active{color:var(--calcite-ui-danger-press)}:host([appearance=transparent][color=red]) button calcite-loader,:host([appearance=transparent][color=red]) a calcite-loader{color:var(--calcite-ui-danger)}:host([appearance=transparent][color=neutral]:not(.cancel-editing-button)) button,:host([appearance=transparent][color=neutral]:not(.cancel-editing-button)) a,:host([appearance=transparent][color=neutral]:not(.cancel-editing-button)) calcite-loader{color:var(--calcite-ui-text-1)}:host([appearance=transparent][color=neutral].cancel-editing-button) button{border-block-start-width:1px;border-block-end-width:1px;color:var(--calcite-ui-text-3);border-block-start-color:var(--calcite-ui-border-input);border-block-end-color:var(--calcite-ui-border-input);border-block-style:solid}:host([appearance=transparent][color=neutral].cancel-editing-button) button:not(.content--slotted){--calcite-button-padding-y:0}:host([appearance=transparent][color=neutral].cancel-editing-button) button:hover{color:var(--calcite-ui-text-1)}:host([appearance=transparent][color=neutral].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=transparent][color=inverse]) button,:host([appearance=transparent][color=inverse]) a,:host([appearance=transparent][color=inverse]) calcite-loader{color:var(--calcite-ui-text-inverse)}:host([scale=s]) button.content--slotted,:host([scale=s]) a.content--slotted{font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s][appearance=transparent]) button.content--slotted,:host([scale=s][appearance=transparent]) a.content--slotted{--calcite-button-padding-x:0.5rem;--calcite-button-padding-y:0.25rem}:host([scale=m]) button.content--slotted,:host([scale=m]) a.content--slotted{--calcite-button-padding-x:11px;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]:not([appearance=transparent])) button.content--slotted,:host([scale=m]:not([appearance=transparent])) a.content--slotted{--calcite-button-padding-y:7px}:host([scale=m][appearance=transparent]) button.content--slotted,:host([scale=m][appearance=transparent]) a.content--slotted{--calcite-button-padding-x:0.75rem;--calcite-button-padding-y:0.5rem}:host([scale=l]) button.content--slotted,:host([scale=l]) a.content--slotted{--calcite-button-padding-x:15px;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]:not([appearance=transparent])) button.content--slotted,:host([scale=l]:not([appearance=transparent])) a.content--slotted{--calcite-button-padding-y:11px}:host([scale=l][appearance=transparent]) button.content--slotted,:host([scale=l][appearance=transparent]) a.content--slotted{--calcite-button-padding-x:1rem;--calcite-button-padding-y:0.75rem}:host([scale=s]) button:not(.content--slotted),:host([scale=s]) a:not(.content--slotted){--calcite-button-padding-x:0.125rem;--calcite-button-padding-y:3px;inline-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:1.5rem}:host([scale=s][appearance=transparent]) button:not(.content--slotted),:host([scale=s][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-y:0.25rem}:host([scale=m]) button:not(.content--slotted),:host([scale=m]) a:not(.content--slotted){--calcite-button-padding-x:0.125rem;--calcite-button-padding-y:7px;inline-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2rem}:host([scale=m][appearance=transparent]) button:not(.content--slotted),:host([scale=m][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-y:0.5rem}:host([scale=l]) button:not(.content--slotted),:host([scale=l]) a:not(.content--slotted){--calcite-button-padding-x:0.125rem;--calcite-button-padding-y:9px;inline-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-block-size:2.75rem}:host([scale=l][appearance=transparent]) button:not(.content--slotted),:host([scale=l][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-y:0.625rem}:host([scale=s][icon-start][icon-end]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x:23px;block-size:1.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=s][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=s][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x:1.5rem}:host([scale=m][icon-start][icon-end]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x:2rem;block-size:2rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=m][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x:33px}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end]) a:not(.content--slotted){--calcite-button-padding-x:43px;block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l][icon-start][icon-end]) button:not(.content--slotted) .icon--start+.icon--end,:host([scale=l][icon-start][icon-end]) a:not(.content--slotted) .icon--start+.icon--end{-webkit-margin-start:1rem;margin-inline-start:1rem}:host([scale=l][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),:host([scale=l][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted){--calcite-button-padding-x:2.75rem}";
-
-const Button = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement$1 {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /** Specifies the alignment of the component's elements. */
-    this.alignment = "center";
-    /** Specifies the appearance style of the component. */
-    this.appearance = "solid";
-    /** Specifies the color of the component. */
-    this.color = "blue";
-    /**  When `true`, interaction is prevented and the component is displayed with lower opacity. */
-    this.disabled = false;
-    /**
-     * Accessible name when the component is loading.
-     *
-     * @default "Loading"
-     */
-    this.intlLoading = TEXT.loading;
-    /**
-     * When `true`, a busy indicator is displayed and interaction is disabled.
-     */
-    this.loading = false;
-    /** When `true`, adds a round style to the component. */
-    this.round = false;
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    /** Specifies if the component is a child of a `calcite-split-button`. */
-    this.splitChild = false;
-    /**
-     * Specifies the default behavior of the button.
-     *
-     * @mdn [type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type)
-     */
-    this.type = "button";
-    /** Specifies the width of the component. */
-    this.width = "auto";
-    /** watches for changing text content */
-    this.mutationObserver = createObserver("mutation", () => this.updateHasContent());
-    /** determine if there is slotted content for styling purposes */
-    this.hasContent = false;
-    /** determine if loader present for styling purposes */
-    this.hasLoader = false;
-    // act on a requested or nearby form based on type
-    this.handleClick = () => {
-      const { type } = this;
-      if (this.href) {
-        return;
-      }
-      // this.type refers to type attribute, not child element type
-      if (type === "submit") {
-        submitForm(this);
-      }
-      else if (type === "reset") {
-        resetForm(this);
-      }
-    };
-  }
-  loadingChanged(newValue, oldValue) {
-    if (!!newValue && !oldValue) {
-      this.hasLoader = true;
-    }
-    if (!newValue && !!oldValue) {
-      window.setTimeout(() => {
-        this.hasLoader = false;
-      }, 300);
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  connectedCallback() {
-    this.hasLoader = this.loading;
-    this.setupTextContentObserver();
-    connectLabel(this);
-    this.formEl = closestElementCrossShadowBoundary(this.el, this.form ? `#${this.form}` : "form");
-  }
-  disconnectedCallback() {
-    var _a;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-    disconnectLabel(this);
-    this.formEl = null;
-  }
-  componentWillLoad() {
-    if (Build.isBrowser) {
-      this.updateHasContent();
-    }
-  }
-  componentDidRender() {
-    updateHostInteraction(this);
-  }
-  render() {
-    const childElType = this.href ? "a" : "button";
-    const Tag = childElType;
-    const loaderNode = this.hasLoader ? (h("div", { class: CSS.buttonLoader }, h("calcite-loader", { active: true, class: this.loading ? CSS.loadingIn : CSS.loadingOut, inline: true, label: this.intlLoading, scale: this.scale === "l" ? "m" : "s" }))) : null;
-    const iconStartEl = (h("calcite-icon", { class: { [CSS.icon]: true, [CSS.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: this.scale === "l" ? "m" : "s" }));
-    const iconEndEl = (h("calcite-icon", { class: { [CSS.icon]: true, [CSS.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: this.scale === "l" ? "m" : "s" }));
-    const contentEl = (h("span", { class: CSS.content }, h("slot", null)));
-    return (h(Tag, { "aria-label": getLabelText(this), class: {
-        [CSS.contentSlotted]: this.hasContent,
-        [CSS.iconStartEmpty]: !this.iconStart,
-        [CSS.iconEndEmpty]: !this.iconEnd
-      }, disabled: this.disabled || this.loading, href: childElType === "a" && this.href, name: childElType === "button" && this.name, onClick: this.handleClick, ref: (el) => (this.childEl = el), rel: childElType === "a" && this.rel, tabIndex: this.disabled || this.loading ? -1 : null, target: childElType === "a" && this.target, type: childElType === "button" && this.type }, loaderNode, this.iconStart ? iconStartEl : null, this.hasContent ? contentEl : null, this.iconEnd ? iconEndEl : null));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  //--------------------------------------------------------------------------
-  /** Sets focus on the component. */
-  async setFocus() {
-    var _a;
-    (_a = this.childEl) === null || _a === void 0 ? void 0 : _a.focus();
-  }
-  updateHasContent() {
-    var _a, _b;
-    const slottedContent = this.el.textContent.trim().length > 0 || this.el.childNodes.length > 0;
-    this.hasContent =
-      this.el.childNodes.length === 1 && ((_a = this.el.childNodes[0]) === null || _a === void 0 ? void 0 : _a.nodeName) === "#text"
-        ? ((_b = this.el.textContent) === null || _b === void 0 ? void 0 : _b.trim().length) > 0
-        : slottedContent;
-  }
-  setupTextContentObserver() {
-    var _a;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  onLabelClick() {
-    this.handleClick();
-    this.setFocus();
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "loading": ["loadingChanged"]
-  }; }
-  static get style() { return buttonCss; }
-}, [1, "calcite-button", {
-    "alignment": [513],
-    "appearance": [513],
-    "label": [1],
-    "color": [513],
-    "disabled": [516],
-    "href": [513],
-    "iconEnd": [513, "icon-end"],
-    "iconFlipRtl": [513, "icon-flip-rtl"],
-    "iconStart": [513, "icon-start"],
-    "intlLoading": [1, "intl-loading"],
-    "loading": [516],
-    "name": [513],
-    "rel": [513],
-    "form": [1],
-    "round": [516],
-    "scale": [513],
-    "splitChild": [520, "split-child"],
-    "target": [513],
-    "type": [1537],
-    "width": [513],
-    "hasContent": [32],
-    "hasLoader": [32],
-    "setFocus": [64]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-button", "calcite-icon", "calcite-loader"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-button":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Button);
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "calcite-loader":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { Button as B, defineCustomElement as d };
-
-//# sourceMappingURL=button.js.map

package/dist/components/button.js.map

@@ -1 +0,0 @@
-{"file":"button.js","mappings":"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","names":[],"sources":["./node_modules/form-request-submit-polyfill/form-request-submit-polyfill.js","./node_modules/@esri/calcite-components/dist/collection/components/button/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/button/button.css?tag=calcite-button&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/button/button.js"],"sourcesContent":["(function(prototype) {\n  if (typeof prototype.requestSubmit == \"function\") return\n\n  prototype.requestSubmit = function(submitter) {\n    if (submitter) {\n      validateSubmitter(submitter, this)\n      submitter.click()\n    } else {\n      submitter = document.createElement(\"input\")\n      submitter.type = \"submit\"\n      submitter.hidden = true\n      this.appendChild(submitter)\n      submitter.click()\n      this.removeChild(submitter)\n    }\n  }\n\n  function validateSubmitter(submitter, form) {\n    submitter instanceof HTMLElement || raise(TypeError, \"parameter 1 is not of type 'HTMLElement'\")\n    submitter.type == \"submit\" || raise(TypeError, \"The specified element is not a submit button\")\n    submitter.form == form || raise(DOMException, \"The specified element is not owned by this form element\", \"NotFoundError\")\n  }\n\n  function raise(errorConstructor, message, name) {\n    throw new errorConstructor(\"Failed to execute 'requestSubmit' on 'HTMLFormElement': \" + message + \".\", name)\n  }\n})(HTMLFormElement.prototype);\n","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nexport const CSS = {\n  buttonLoader: \"calcite-button--loader\",\n  content: \"content\",\n  contentSlotted: \"content--slotted\",\n  icon: \"icon\",\n  iconStart: \"icon--start\",\n  iconEnd: \"icon--end\",\n  loadingIn: \"loading-in\",\n  loadingOut: \"loading-out\",\n  iconStartEmpty: \"icon-start-empty\",\n  iconEndEmpty: \"icon-end-empty\"\n};\nexport const TEXT = {\n  loading: \"Loading\"\n};\n","/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([disabled]) {\n  pointer-events: none;\n  cursor: default;\n  -webkit-user-select: none;\n          user-select: none;\n  opacity: var(--calcite-ui-opacity-disabled);\n}\n\n:host {\n  display: inline-block;\n  inline-size: auto;\n  vertical-align: middle;\n}\n\n:host([round]) {\n  border-radius: 50px;\n}\n:host([round]) a, :host([round]) button {\n  border-radius: 50px;\n}\n\n:host button, \n:host a {\n  outline-color: transparent;\n}\n:host button:focus, \n:host a:focus {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: 2px;\n}\n\n:host button,\n:host a {\n  --calcite-button-content-margin: 0.5rem;\n  --calcite-button-padding-x: 7px;\n  --calcite-button-padding-y: 3px;\n  padding-block: var(--calcite-button-padding-y);\n  padding-inline: var(--calcite-button-padding-x);\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  block-size: 100%;\n  inline-size: 100%;\n  cursor: pointer;\n  -webkit-user-select: none;\n          user-select: none;\n  -webkit-appearance: none;\n          appearance: none;\n  align-items: center;\n  justify-content: center;\n  border-radius: 0px;\n  border-style: none;\n  text-align: center;\n  font-family: inherit;\n  font-weight: var(--calcite-font-weight-normal);\n  text-decoration-line: none;\n  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;\n}\n:host button:hover, \n:host a:hover {\n  text-decoration-line: none;\n}\n\n.content {\n  display: flex;\n  flex-basis: auto;\n  margin-inline: var(--calcite-button-content-margin);\n}\n\n.icon-start-empty .content {\n  margin-inline-start: unset;\n}\n\n.icon-end-empty .content {\n  margin-inline-end: unset;\n}\n\n:host([scale=m]) button,\n:host([scale=m]) a {\n  --calcite-button-content-margin: 0.75rem;\n}\n\n:host([scale=l]) button,\n:host([scale=l]) a {\n  --calcite-button-content-margin: 1rem;\n}\n\n:host([width=auto]) {\n  inline-size: auto;\n}\n\n:host([width=half]) {\n  inline-size: 50%;\n}\n\n:host([width=full]) {\n  inline-size: 100%;\n}\n\n:host([alignment=center]:not([width=auto])) a, \n:host([alignment=center]:not([width=auto])) button {\n  justify-content: center;\n}\n\n:host([alignment=start]:not([width=auto])) a, \n:host([alignment=start]:not([width=auto])) button {\n  justify-content: flex-start;\n}\n\n:host([alignment=end]:not([width=auto])) a, \n:host([alignment=end]:not([width=auto])) button {\n  justify-content: flex-end;\n}\n\n:host([alignment*=space-between]:not([width=auto])) a, \n:host([alignment*=space-between]:not([width=auto])) button {\n  justify-content: space-between;\n}\n\n:host([alignment=icon-start-space-between]:not([width=auto])) .icon--start {\n  margin-inline-end: auto;\n}\n:host([alignment=icon-start-space-between]:not([width=auto])) a,\n:host([alignment=icon-start-space-between]:not([width=auto])) button {\n  text-align: unset;\n}\n\n:host([alignment=icon-end-space-between]:not([width=auto])) .icon--end {\n  margin-inline-start: auto;\n}\n:host([alignment=icon-end-space-between]:not([width=auto])) a,\n:host([alignment=icon-end-space-between]:not([width=auto])) button {\n  text-align: unset;\n}\n\n:host([alignment=center]) a:not(.content--slotted) .icon--start + .icon--end,\n:host([alignment=center]) button:not(.content--slotted) .icon--start + .icon--end {\n  margin-inline-start: var(--calcite-button-content-margin);\n}\n\n.icon {\n  position: relative;\n  margin: 0px;\n  display: inline-flex;\n  font-weight: var(--calcite-font-weight-normal);\n  line-height: inherit;\n}\n\n:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled] {\n  /* prevent opacity stacking */\n  opacity: 1;\n}\n\n:host([loading]) {\n  pointer-events: none;\n}\n:host([loading]) button, \n:host([loading]) a {\n  pointer-events: none;\n  opacity: var(--calcite-ui-opacity-disabled);\n}\n\n@keyframes loader-in {\n  0% {\n    inline-size: 0;\n    opacity: 0;\n    transform: scale(0.5);\n  }\n  100% {\n    inline-size: 1em;\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes loader-out {\n  0% {\n    inline-size: 1em;\n    opacity: 1;\n    transform: scale(1);\n  }\n  100% {\n    inline-size: 0;\n    opacity: 0;\n    transform: scale(0.5);\n  }\n}\n.calcite-button--loader {\n  display: flex;\n}\n.calcite-button--loader calcite-loader {\n  margin: 0px;\n  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;\n}\n.calcite-button--loader calcite-loader.loading-in {\n  animation-name: loader-in;\n  animation-duration: var(--calcite-internal-animation-timing-slow);\n}\n.calcite-button--loader calcite-loader.loading-out {\n  animation-name: loader-out;\n  animation-duration: var(--calcite-internal-animation-timing-slow);\n}\n\n:host([loading]) button.content--slotted .calcite-button--loader calcite-loader,\n:host([loading]) a.content--slotted .calcite-button--loader calcite-loader {\n  margin-inline-end: var(--calcite-button-content-margin);\n}\n:host([loading]) button:not(.content--slotted) .icon--start, \n:host([loading]) button:not(.content--slotted) .icon--end, \n:host([loading]) a:not(.content--slotted) .icon--start, \n:host([loading]) a:not(.content--slotted) .icon--end {\n  display: none;\n}\n\n:host([appearance=solid]) button, \n:host([appearance=solid]) a {\n  border-width: 1px;\n  border-style: solid;\n  border-color: transparent;\n}\n\n:host([color=blue]) button, \n:host([color=blue]) a {\n  background-color: var(--calcite-ui-brand);\n  color: var(--calcite-ui-text-inverse);\n}\n:host([color=blue]) button:hover,  :host([color=blue]) button:focus, \n:host([color=blue]) a:hover, \n:host([color=blue]) a:focus {\n  background-color: var(--calcite-ui-brand-hover);\n}\n:host([color=blue]) button:active, \n:host([color=blue]) a:active {\n  background-color: var(--calcite-ui-brand-press);\n}\n:host([color=blue]) button calcite-loader, \n:host([color=blue]) a calcite-loader {\n  color: var(--calcite-ui-text-inverse);\n}\n\n:host([color=red]) button, \n:host([color=red]) a {\n  background-color: var(--calcite-ui-danger);\n  color: var(--calcite-ui-text-inverse);\n}\n:host([color=red]) button:hover,  :host([color=red]) button:focus, \n:host([color=red]) a:hover, \n:host([color=red]) a:focus {\n  background-color: var(--calcite-ui-danger-hover);\n}\n:host([color=red]) button:active, \n:host([color=red]) a:active {\n  background-color: var(--calcite-ui-danger-press);\n}\n:host([color=red]) button calcite-loader, \n:host([color=red]) a calcite-loader {\n  color: var(--calcite-ui-text-inverse);\n}\n\n:host([color=neutral]) button, \n:host([color=neutral]) a {\n  background-color: var(--calcite-ui-foreground-3);\n  color: var(--calcite-ui-text-1);\n}\n:host([color=neutral]) button:hover,  :host([color=neutral]) button:focus, \n:host([color=neutral]) a:hover, \n:host([color=neutral]) a:focus {\n  background-color: var(--calcite-ui-foreground-2);\n}\n:host([color=neutral]) button:active, \n:host([color=neutral]) a:active {\n  background-color: var(--calcite-ui-foreground-1);\n}\n:host([color=neutral]) button calcite-loader, \n:host([color=neutral]) a calcite-loader {\n  color: var(--calcite-ui-text-1);\n}\n\n:host([color=inverse]) button, \n:host([color=inverse]) a {\n  color: var(--calcite-ui-text-inverse);\n  background-color: var(--calcite-ui-inverse);\n}\n:host([color=inverse]) button:hover, :host([color=inverse]) button:focus,\n:host([color=inverse]) a:hover,\n:host([color=inverse]) a:focus {\n  background-color: var(--calcite-ui-inverse-hover);\n}\n:host([color=inverse]) button:active,\n:host([color=inverse]) a:active {\n  background-color: var(--calcite-ui-inverse-press);\n}\n:host([color=inverse]) button calcite-loader, \n:host([color=inverse]) a calcite-loader {\n  color: var(--calcite-ui-text-inverse);\n}\n\n:host([appearance=outline]) button, \n:host([appearance=outline]) a {\n  border-width: 1px;\n  border-style: solid;\n  background-color: var(--calcite-ui-foreground-1);\n  box-shadow: inset 0 0 0 1px transparent;\n}\n\n:host([appearance=outline][color=blue]) button, \n:host([appearance=outline][color=blue]) a {\n  border-color: var(--calcite-ui-brand);\n  background-color: var(--calcite-ui-foreground-1);\n  color: var(--calcite-ui-brand);\n}\n:host([appearance=outline][color=blue]) button:hover, \n:host([appearance=outline][color=blue]) a:hover {\n  border-color: var(--calcite-ui-brand-hover);\n  color: var(--calcite-ui-brand-hover);\n  box-shadow: inset 0 0 0 1px var(--calcite-ui-brand-hover);\n}\n:host([appearance=outline][color=blue]) button:focus, \n:host([appearance=outline][color=blue]) a:focus {\n  border-color: var(--calcite-ui-brand);\n  color: var(--calcite-ui-brand);\n  box-shadow: inset 0 0 0 2px var(--calcite-ui-brand);\n}\n:host([appearance=outline][color=blue]) button:active, \n:host([appearance=outline][color=blue]) a:active {\n  border-color: var(--calcite-ui-brand-press);\n  color: var(--calcite-ui-brand-press);\n  box-shadow: inset 0 0 0 2px var(--calcite-ui-brand-press);\n}\n:host([appearance=outline][color=blue]) button calcite-loader,\n:host([appearance=outline][color=blue]) a calcite-loader {\n  color: var(--calcite-ui-brand);\n}\n\n:host([appearance=outline][color=red]) button, \n:host([appearance=outline][color=red]) a {\n  border-color: var(--calcite-ui-danger);\n  background-color: var(--calcite-ui-foreground-1);\n  color: var(--calcite-ui-danger);\n}\n:host([appearance=outline][color=red]) button:hover, \n:host([appearance=outline][color=red]) a:hover {\n  border-color: var(--calcite-ui-danger-hover);\n  color: var(--calcite-ui-danger-hover);\n  box-shadow: inset 0 0 0 1px var(--calcite-ui-danger-hover);\n}\n:host([appearance=outline][color=red]) button:focus, \n:host([appearance=outline][color=red]) a:focus {\n  border-color: var(--calcite-ui-danger);\n  color: var(--calcite-ui-danger);\n  box-shadow: inset 0 0 0 2px var(--calcite-ui-danger);\n}\n:host([appearance=outline][color=red]) button:active, \n:host([appearance=outline][color=red]) a:active {\n  border-color: var(--calcite-ui-danger-press);\n  color: var(--calcite-ui-danger-press);\n  box-shadow: inset 0 0 0 2px var(--calcite-ui-danger-press);\n}\n:host([appearance=outline][color=red]) button calcite-loader,\n:host([appearance=outline][color=red]) a calcite-loader {\n  color: var(--calcite-ui-danger);\n}\n\n:host([appearance=outline][color=neutral]) button, \n:host([appearance=outline][color=neutral]) a {\n  background-color: var(--calcite-ui-foreground-1);\n  color: var(--calcite-ui-text-1);\n  border-color: var(--calcite-ui-foreground-3);\n}\n:host([appearance=outline][color=neutral]) button:hover,\n:host([appearance=outline][color=neutral]) a:hover {\n  box-shadow: inset 0 0 0 1px var(--calcite-ui-foreground-3);\n}\n:host([appearance=outline][color=neutral]) button:focus,\n:host([appearance=outline][color=neutral]) a:focus {\n  box-shadow: inset 0 0 0 2px var(--calcite-ui-foreground-3);\n}\n:host([appearance=outline][color=neutral]) button:active,\n:host([appearance=outline][color=neutral]) a:active {\n  box-shadow: inset 0 0 0 2px var(--calcite-ui-foreground-3);\n}\n:host([appearance=outline][color=neutral]) button calcite-loader, \n:host([appearance=outline][color=neutral]) a calcite-loader {\n  color: var(--calcite-ui-text-1);\n}\n\n:host([appearance=outline][color=inverse]) button, \n:host([appearance=outline][color=inverse]) a {\n  background-color: var(--calcite-ui-foreground-1);\n  color: var(--calcite-ui-text-1);\n  border-color: var(--calcite-ui-inverse);\n}\n:host([appearance=outline][color=inverse]) button:hover,\n:host([appearance=outline][color=inverse]) a:hover {\n  border-color: var(--calcite-ui-inverse-hover);\n  box-shadow: inset 0 0 0 1px var(--calcite-ui-inverse-hover);\n}\n:host([appearance=outline][color=inverse]) button:focus,\n:host([appearance=outline][color=inverse]) a:focus {\n  border-color: var(--calcite-ui-inverse);\n  box-shadow: inset 0 0 0 2px var(--calcite-ui-inverse);\n}\n:host([appearance=outline][color=inverse]) button:active,\n:host([appearance=outline][color=inverse]) a:active {\n  border-color: var(--calcite-ui-inverse-press);\n  box-shadow: inset 0 0 0 2px var(--calcite-ui-inverse-press);\n}\n:host([appearance=outline][color=inverse]) button calcite-loader, \n:host([appearance=outline][color=inverse]) a calcite-loader {\n  color: var(--calcite-ui-text-1);\n}\n\n:host([appearance=clear]) button, \n:host([appearance=clear]) a, \n:host([appearance=minimal]) button, \n:host([appearance=minimal]) a {\n  border-width: 1px;\n  border-style: solid;\n  background-color: transparent;\n  box-shadow: inset 0 0 0 1px transparent;\n}\n\n:host([appearance=clear][color=blue]) button, \n:host([appearance=clear][color=blue]) a, \n:host([appearance=minimal][color=blue]) button, \n:host([appearance=minimal][color=blue]) a {\n  border-color: var(--calcite-ui-brand);\n  background-color: transparent;\n  color: var(--calcite-ui-brand);\n}\n:host([appearance=clear][color=blue]) button:hover, \n:host([appearance=clear][color=blue]) a:hover, \n:host([appearance=minimal][color=blue]) button:hover, \n:host([appearance=minimal][color=blue]) a:hover {\n  border-color: var(--calcite-ui-brand-hover);\n  color: var(--calcite-ui-brand-hover);\n  box-shadow: inset 0 0 0 1px var(--calcite-ui-brand-hover);\n}\n:host([appearance=clear][color=blue]) button:focus, \n:host([appearance=clear][color=blue]) a:focus, \n:host([appearance=minimal][color=blue]) button:focus, \n:host([appearance=minimal][color=blue]) a:focus {\n  border-color: var(--calcite-ui-brand);\n  color: var(--calcite-ui-brand);\n  box-shadow: inset 0 0 0 2px var(--calcite-ui-brand);\n}\n:host([appearance=clear][color=blue]) button:active, \n:host([appearance=clear][color=blue]) a:active, \n:host([appearance=minimal][color=blue]) button:active, \n:host([appearance=minimal][color=blue]) a:active {\n  border-color: var(--calcite-ui-brand-press);\n  color: var(--calcite-ui-brand-press);\n  box-shadow: inset 0 0 0 2px var(--calcite-ui-brand-press);\n}\n:host([appearance=clear][color=blue]) button calcite-loader,\n:host([appearance=clear][color=blue]) a calcite-loader,\n:host([appearance=minimal][color=blue]) button calcite-loader,\n:host([appearance=minimal][color=blue]) a calcite-loader {\n  color: var(--calcite-ui-brand);\n}\n\n:host([appearance=clear][color=red]) button, \n:host([appearance=clear][color=red]) a, \n:host([appearance=minimal][color=red]) button, \n:host([appearance=minimal][color=red]) a {\n  border-color: var(--calcite-ui-danger);\n  background-color: transparent;\n  color: var(--calcite-ui-danger);\n}\n:host([appearance=clear][color=red]) button:hover, \n:host([appearance=clear][color=red]) a:hover, \n:host([appearance=minimal][color=red]) button:hover, \n:host([appearance=minimal][color=red]) a:hover {\n  border-color: var(--calcite-ui-danger-hover);\n  color: var(--calcite-ui-danger-hover);\n  box-shadow: inset 0 0 0 1px var(--calcite-ui-danger-hover);\n}\n:host([appearance=clear][color=red]) button:focus, \n:host([appearance=clear][color=red]) a:focus, \n:host([appearance=minimal][color=red]) button:focus, \n:host([appearance=minimal][color=red]) a:focus {\n  border-color: var(--calcite-ui-danger);\n  color: var(--calcite-ui-danger);\n  box-shadow: inset 0 0 0 2px var(--calcite-ui-danger);\n}\n:host([appearance=clear][color=red]) button:active, \n:host([appearance=clear][color=red]) a:active, \n:host([appearance=minimal][color=red]) button:active, \n:host([appearance=minimal][color=red]) a:active {\n  border-color: var(--calcite-ui-danger-press);\n  color: var(--calcite-ui-danger-press);\n  box-shadow: inset 0 0 0 2px var(--calcite-ui-danger-press);\n}\n:host([appearance=clear][color=red]) button calcite-loader,\n:host([appearance=clear][color=red]) a calcite-loader,\n:host([appearance=minimal][color=red]) button calcite-loader,\n:host([appearance=minimal][color=red]) a calcite-loader {\n  color: var(--calcite-ui-danger);\n}\n\n:host([appearance=clear][color=neutral]) button, \n:host([appearance=clear][color=neutral]) a, \n:host([appearance=minimal][color=neutral]) button, \n:host([appearance=minimal][color=neutral]) a {\n  background-color: transparent;\n  color: var(--calcite-ui-text-1);\n  border-color: var(--calcite-ui-foreground-3);\n}\n:host([appearance=clear][color=neutral]) button:hover,\n:host([appearance=clear][color=neutral]) a:hover,\n:host([appearance=minimal][color=neutral]) button:hover,\n:host([appearance=minimal][color=neutral]) a:hover {\n  box-shadow: inset 0 0 0 1px var(--calcite-ui-foreground-3);\n}\n:host([appearance=clear][color=neutral]) button:focus,\n:host([appearance=clear][color=neutral]) a:focus,\n:host([appearance=minimal][color=neutral]) button:focus,\n:host([appearance=minimal][color=neutral]) a:focus {\n  box-shadow: inset 0 0 0 2px var(--calcite-ui-foreground-3);\n}\n:host([appearance=clear][color=neutral]) button:active,\n:host([appearance=clear][color=neutral]) a:active,\n:host([appearance=minimal][color=neutral]) button:active,\n:host([appearance=minimal][color=neutral]) a:active {\n  box-shadow: inset 0 0 0 2px var(--calcite-ui-foreground-3);\n}\n:host([appearance=clear][color=neutral]) button calcite-loader, \n:host([appearance=clear][color=neutral]) a calcite-loader, \n:host([appearance=minimal][color=neutral]) button calcite-loader, \n:host([appearance=minimal][color=neutral]) a calcite-loader {\n  color: var(--calcite-ui-text-1);\n}\n\n:host([appearance=clear][color=inverse]) button, \n:host([appearance=clear][color=inverse]) a, \n:host([appearance=minimal][color=inverse]) button, \n:host([appearance=minimal][color=inverse]) a {\n  background-color: transparent;\n  color: var(--calcite-ui-text-1);\n  border-color: var(--calcite-ui-inverse);\n}\n:host([appearance=clear][color=inverse]) button:hover,\n:host([appearance=clear][color=inverse]) a:hover,\n:host([appearance=minimal][color=inverse]) button:hover,\n:host([appearance=minimal][color=inverse]) a:hover {\n  border-color: var(--calcite-ui-inverse-hover);\n  box-shadow: inset 0 0 0 1px var(--calcite-ui-inverse-hover);\n}\n:host([appearance=clear][color=inverse]) button:focus,\n:host([appearance=clear][color=inverse]) a:focus,\n:host([appearance=minimal][color=inverse]) button:focus,\n:host([appearance=minimal][color=inverse]) a:focus {\n  border-color: var(--calcite-ui-inverse);\n  box-shadow: inset 0 0 0 2px var(--calcite-ui-inverse);\n}\n:host([appearance=clear][color=inverse]) button:active,\n:host([appearance=clear][color=inverse]) a:active,\n:host([appearance=minimal][color=inverse]) button:active,\n:host([appearance=minimal][color=inverse]) a:active {\n  border-color: var(--calcite-ui-inverse-press);\n  box-shadow: inset 0 0 0 2px var(--calcite-ui-inverse-press);\n}\n:host([appearance=clear][color=inverse]) button calcite-loader, \n:host([appearance=clear][color=inverse]) a calcite-loader, \n:host([appearance=minimal][color=inverse]) button calcite-loader, \n:host([appearance=minimal][color=inverse]) a calcite-loader {\n  color: var(--calcite-ui-text-1);\n}\n\n:host([appearance=outline][split-child=primary]) button,\n:host([appearance=clear][split-child=primary]) button,\n:host([appearance=minimal][split-child=primary]) button {\n  border-inline-end-width: 0;\n  border-inline-start-width: 1px;\n}\n\n:host([appearance=outline][split-child=secondary]) button,\n:host([appearance=clear][split-child=secondary]) button,\n:host([appearance=minimal][split-child=secondary]) button {\n  border-inline-start-width: 0;\n  border-inline-end-width: 1px;\n}\n\n:host([appearance=transparent]:not(.enable-editing-button)) button, \n:host([appearance=transparent]:not(.enable-editing-button)) a {\n  background-color: transparent;\n}\n:host([appearance=transparent]:not(.enable-editing-button)) button:hover, :host([appearance=transparent]:not(.enable-editing-button)) button:focus,\n:host([appearance=transparent]:not(.enable-editing-button)) a:hover,\n:host([appearance=transparent]:not(.enable-editing-button)) a:focus {\n  background-color: var(--calcite-button-transparent-hover);\n}\n:host([appearance=transparent]:not(.enable-editing-button)) button:active,\n:host([appearance=transparent]:not(.enable-editing-button)) a:active {\n  background-color: var(--calcite-button-transparent-press);\n}\n\n:host([appearance=transparent][color=blue]) button,\n:host([appearance=transparent][color=blue]) a {\n  color: var(--calcite-ui-brand);\n}\n:host([appearance=transparent][color=blue]) button:hover,\n:host([appearance=transparent][color=blue]) a:hover {\n  color: var(--calcite-ui-brand-hover);\n}\n:host([appearance=transparent][color=blue]) button:focus,\n:host([appearance=transparent][color=blue]) a:focus {\n  color: var(--calcite-ui-brand);\n}\n:host([appearance=transparent][color=blue]) button:active,\n:host([appearance=transparent][color=blue]) a:active {\n  color: var(--calcite-ui-brand-press);\n}\n:host([appearance=transparent][color=blue]) button calcite-loader,\n:host([appearance=transparent][color=blue]) a calcite-loader {\n  color: var(--calcite-ui-brand);\n}\n\n:host([appearance=transparent][color=red]) button,\n:host([appearance=transparent][color=red]) a {\n  color: var(--calcite-ui-danger);\n}\n:host([appearance=transparent][color=red]) button:hover,\n:host([appearance=transparent][color=red]) a:hover {\n  color: var(--calcite-ui-danger-hover);\n}\n:host([appearance=transparent][color=red]) button:focus,\n:host([appearance=transparent][color=red]) a:focus {\n  color: var(--calcite-ui-danger);\n}\n:host([appearance=transparent][color=red]) button:active,\n:host([appearance=transparent][color=red]) a:active {\n  color: var(--calcite-ui-danger-press);\n}\n:host([appearance=transparent][color=red]) button calcite-loader,\n:host([appearance=transparent][color=red]) a calcite-loader {\n  color: var(--calcite-ui-danger);\n}\n\n:host([appearance=transparent][color=neutral]:not(.cancel-editing-button)) button, \n:host([appearance=transparent][color=neutral]:not(.cancel-editing-button)) a, \n:host([appearance=transparent][color=neutral]:not(.cancel-editing-button)) calcite-loader {\n  color: var(--calcite-ui-text-1);\n}\n\n:host([appearance=transparent][color=neutral].cancel-editing-button) button {\n  border-block-start-width: 1px;\n  border-block-end-width: 1px;\n  color: var(--calcite-ui-text-3);\n  border-block-start-color: var(--calcite-ui-border-input);\n  border-block-end-color: var(--calcite-ui-border-input);\n  border-block-style: solid;\n}\n:host([appearance=transparent][color=neutral].cancel-editing-button) button:not(.content--slotted) {\n  --calcite-button-padding-y: 0;\n}\n:host([appearance=transparent][color=neutral].cancel-editing-button) button:hover {\n  color: var(--calcite-ui-text-1);\n}\n\n:host([appearance=transparent][color=neutral].enable-editing-button) button {\n  background-color: transparent;\n}\n\n:host(.confirm-changes-button) button:focus,\n:host(.cancel-editing-button) button:focus,\n:host(.enable-editing-button) button:focus {\n  outline-offset: -2px;\n}\n\n:host([appearance=transparent][color=inverse]) button, \n:host([appearance=transparent][color=inverse]) a, \n:host([appearance=transparent][color=inverse]) calcite-loader {\n  color: var(--calcite-ui-text-inverse);\n}\n\n:host([scale=s]) button.content--slotted, \n:host([scale=s]) a.content--slotted {\n  font-size: var(--calcite-font-size--2);\n  line-height: 1rem;\n}\n\n:host([scale=s][appearance=transparent]) button.content--slotted,\n:host([scale=s][appearance=transparent]) a.content--slotted {\n  --calcite-button-padding-x: 0.5rem;\n  --calcite-button-padding-y: 0.25rem;\n}\n\n:host([scale=m]) button.content--slotted,\n:host([scale=m]) a.content--slotted {\n  --calcite-button-padding-x: 11px;\n  font-size: var(--calcite-font-size--1);\n  line-height: 1rem;\n}\n\n:host([scale=m]:not([appearance=transparent])) button.content--slotted,\n:host([scale=m]:not([appearance=transparent])) a.content--slotted {\n  --calcite-button-padding-y: 7px;\n}\n\n:host([scale=m][appearance=transparent]) button.content--slotted,\n:host([scale=m][appearance=transparent]) a.content--slotted {\n  --calcite-button-padding-x: 0.75rem;\n  --calcite-button-padding-y: 0.5rem;\n}\n\n:host([scale=l]) button.content--slotted,\n:host([scale=l]) a.content--slotted {\n  --calcite-button-padding-x: 15px;\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n}\n\n:host([scale=l]:not([appearance=transparent])) button.content--slotted,\n:host([scale=l]:not([appearance=transparent])) a.content--slotted {\n  --calcite-button-padding-y: 11px;\n}\n\n:host([scale=l][appearance=transparent]) button.content--slotted,\n:host([scale=l][appearance=transparent]) a.content--slotted {\n  --calcite-button-padding-x: 1rem;\n  --calcite-button-padding-y: 0.75rem;\n}\n\n:host([scale=s]) button:not(.content--slotted),\n:host([scale=s]) a:not(.content--slotted) {\n  --calcite-button-padding-x: 0.125rem;\n  --calcite-button-padding-y: 3px;\n  inline-size: 1.5rem;\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n  min-block-size: 1.5rem;\n}\n\n:host([scale=s][appearance=transparent]) button:not(.content--slotted),\n:host([scale=s][appearance=transparent]) a:not(.content--slotted) {\n  --calcite-button-padding-y: 0.25rem;\n}\n\n:host([scale=m]) button:not(.content--slotted),\n:host([scale=m]) a:not(.content--slotted) {\n  --calcite-button-padding-x: 0.125rem;\n  --calcite-button-padding-y: 7px;\n  inline-size: 2rem;\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n  min-block-size: 2rem;\n}\n\n:host([scale=m][appearance=transparent]) button:not(.content--slotted),\n:host([scale=m][appearance=transparent]) a:not(.content--slotted) {\n  --calcite-button-padding-y: 0.5rem;\n}\n\n:host([scale=l]) button:not(.content--slotted),\n:host([scale=l]) a:not(.content--slotted) {\n  --calcite-button-padding-x: 0.125rem;\n  --calcite-button-padding-y: 9px;\n  inline-size: 2.75rem;\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n  min-block-size: 2.75rem;\n}\n\n:host([scale=l][appearance=transparent]) button:not(.content--slotted),\n:host([scale=l][appearance=transparent]) a:not(.content--slotted) {\n  --calcite-button-padding-y: 0.625rem;\n}\n\n:host([scale=s][icon-start][icon-end]) button:not(.content--slotted),\n:host([scale=s][icon-start][icon-end]) a:not(.content--slotted) {\n  --calcite-button-padding-x: 23px;\n  block-size: 1.5rem;\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n}\n\n:host([scale=s][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),\n:host([scale=s][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted) {\n  --calcite-button-padding-x: 1.5rem;\n}\n\n:host([scale=m][icon-start][icon-end]) button:not(.content--slotted),\n:host([scale=m][icon-start][icon-end]) a:not(.content--slotted) {\n  --calcite-button-padding-x: 2rem;\n  block-size: 2rem;\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n}\n\n:host([scale=m][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),\n:host([scale=m][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted) {\n  --calcite-button-padding-x: 33px;\n}\n\n:host([scale=l][icon-start][icon-end]) button:not(.content--slotted),\n:host([scale=l][icon-start][icon-end]) a:not(.content--slotted) {\n  --calcite-button-padding-x: 43px;\n  block-size: 2.75rem;\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n}\n:host([scale=l][icon-start][icon-end]) button:not(.content--slotted) .icon--start + .icon--end,\n:host([scale=l][icon-start][icon-end]) a:not(.content--slotted) .icon--start + .icon--end {\n  margin-inline-start: 1rem;\n}\n\n:host([scale=l][icon-start][icon-end][appearance=transparent]) button:not(.content--slotted),\n:host([scale=l][icon-start][icon-end][appearance=transparent]) a:not(.content--slotted) {\n  --calcite-button-padding-x: 2.75rem;\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport \"form-request-submit-polyfill/form-request-submit-polyfill\";\nimport { h, Build } from \"@stencil/core\";\nimport { CSS, TEXT } from \"./resources\";\nimport { closestElementCrossShadowBoundary } from \"../../utils/dom\";\nimport { connectLabel, disconnectLabel, getLabelText } from \"../../utils/label\";\nimport { createObserver } from \"../../utils/observers\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\nimport { submitForm, resetForm } from \"../../utils/form\";\n/** Passing a 'href' will render an anchor link, instead of a button. Role will be set to link, or button, depending on this. */\n/** It is the consumers responsibility to add aria information, rel, target, for links, and any button attributes for form submission */\n/** @slot - A slot for adding text. */\nexport class Button {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    //--------------------------------------------------------------------------\n    /** Specifies the alignment of the component's elements. */\n    this.alignment = \"center\";\n    /** Specifies the appearance style of the component. */\n    this.appearance = \"solid\";\n    /** Specifies the color of the component. */\n    this.color = \"blue\";\n    /**  When `true`, interaction is prevented and the component is displayed with lower opacity. */\n    this.disabled = false;\n    /**\n     * Accessible name when the component is loading.\n     *\n     * @default \"Loading\"\n     */\n    this.intlLoading = TEXT.loading;\n    /**\n     * When `true`, a busy indicator is displayed and interaction is disabled.\n     */\n    this.loading = false;\n    /** When `true`, adds a round style to the component. */\n    this.round = false;\n    /** Specifies the size of the component. */\n    this.scale = \"m\";\n    /** Specifies if the component is a child of a `calcite-split-button`. */\n    this.splitChild = false;\n    /**\n     * Specifies the default behavior of the button.\n     *\n     * @mdn [type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type)\n     */\n    this.type = \"button\";\n    /** Specifies the width of the component. */\n    this.width = \"auto\";\n    /** watches for changing text content */\n    this.mutationObserver = createObserver(\"mutation\", () => this.updateHasContent());\n    /** determine if there is slotted content for styling purposes */\n    this.hasContent = false;\n    /** determine if loader present for styling purposes */\n    this.hasLoader = false;\n    // act on a requested or nearby form based on type\n    this.handleClick = () => {\n      const { type } = this;\n      if (this.href) {\n        return;\n      }\n      // this.type refers to type attribute, not child element type\n      if (type === \"submit\") {\n        submitForm(this);\n      }\n      else if (type === \"reset\") {\n        resetForm(this);\n      }\n    };\n  }\n  loadingChanged(newValue, oldValue) {\n    if (!!newValue && !oldValue) {\n      this.hasLoader = true;\n    }\n    if (!newValue && !!oldValue) {\n      window.setTimeout(() => {\n        this.hasLoader = false;\n      }, 300);\n    }\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  connectedCallback() {\n    this.hasLoader = this.loading;\n    this.setupTextContentObserver();\n    connectLabel(this);\n    this.formEl = closestElementCrossShadowBoundary(this.el, this.form ? `#${this.form}` : \"form\");\n  }\n  disconnectedCallback() {\n    var _a;\n    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    disconnectLabel(this);\n    this.formEl = null;\n  }\n  componentWillLoad() {\n    if (Build.isBrowser) {\n      this.updateHasContent();\n    }\n  }\n  componentDidRender() {\n    updateHostInteraction(this);\n  }\n  render() {\n    const childElType = this.href ? \"a\" : \"button\";\n    const Tag = childElType;\n    const loaderNode = this.hasLoader ? (h(\"div\", { class: CSS.buttonLoader }, h(\"calcite-loader\", { active: true, class: this.loading ? CSS.loadingIn : CSS.loadingOut, inline: true, label: this.intlLoading, scale: this.scale === \"l\" ? \"m\" : \"s\" }))) : null;\n    const iconStartEl = (h(\"calcite-icon\", { class: { [CSS.icon]: true, [CSS.iconStart]: true }, flipRtl: this.iconFlipRtl === \"start\" || this.iconFlipRtl === \"both\", icon: this.iconStart, scale: this.scale === \"l\" ? \"m\" : \"s\" }));\n    const iconEndEl = (h(\"calcite-icon\", { class: { [CSS.icon]: true, [CSS.iconEnd]: true }, flipRtl: this.iconFlipRtl === \"end\" || this.iconFlipRtl === \"both\", icon: this.iconEnd, scale: this.scale === \"l\" ? \"m\" : \"s\" }));\n    const contentEl = (h(\"span\", { class: CSS.content }, h(\"slot\", null)));\n    return (h(Tag, { \"aria-label\": getLabelText(this), class: {\n        [CSS.contentSlotted]: this.hasContent,\n        [CSS.iconStartEmpty]: !this.iconStart,\n        [CSS.iconEndEmpty]: !this.iconEnd\n      }, disabled: this.disabled || this.loading, href: childElType === \"a\" && this.href, name: childElType === \"button\" && this.name, onClick: this.handleClick, ref: (el) => (this.childEl = el), rel: childElType === \"a\" && this.rel, tabIndex: this.disabled || this.loading ? -1 : null, target: childElType === \"a\" && this.target, type: childElType === \"button\" && this.type }, loaderNode, this.iconStart ? iconStartEl : null, this.hasContent ? contentEl : null, this.iconEnd ? iconEndEl : null));\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus() {\n    var _a;\n    (_a = this.childEl) === null || _a === void 0 ? void 0 : _a.focus();\n  }\n  updateHasContent() {\n    var _a, _b;\n    const slottedContent = this.el.textContent.trim().length > 0 || this.el.childNodes.length > 0;\n    this.hasContent =\n      this.el.childNodes.length === 1 && ((_a = this.el.childNodes[0]) === null || _a === void 0 ? void 0 : _a.nodeName) === \"#text\"\n        ? ((_b = this.el.textContent) === null || _b === void 0 ? void 0 : _b.trim().length) > 0\n        : slottedContent;\n  }\n  setupTextContentObserver() {\n    var _a;\n    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  onLabelClick() {\n    this.handleClick();\n    this.setFocus();\n  }\n  static get is() { return \"calcite-button\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"button.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"button.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"alignment\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"ButtonAlignment\",\n          \"resolved\": \"\\\"center\\\" | \\\"end\\\" | \\\"icon-end-space-between\\\" | \\\"icon-start-space-between\\\" | \\\"space-between\\\" | \\\"start\\\"\",\n          \"references\": {\n            \"ButtonAlignment\": {\n              \"location\": \"import\",\n              \"path\": \"./interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the alignment of the component's elements.\"\n        },\n        \"attribute\": \"alignment\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"center\\\"\"\n      },\n      \"appearance\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"ButtonAppearance\",\n          \"resolved\": \"\\\"clear\\\" | \\\"minimal\\\" | \\\"outline\\\" | \\\"solid\\\" | \\\"transparent\\\"\",\n          \"references\": {\n            \"ButtonAppearance\": {\n              \"location\": \"import\",\n              \"path\": \"./interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the appearance style of the component.\"\n        },\n        \"attribute\": \"appearance\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"solid\\\"\"\n      },\n      \"label\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Accessible name for the component.\"\n        },\n        \"attribute\": \"label\",\n        \"reflect\": false\n      },\n      \"color\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"ButtonColor\",\n          \"resolved\": \"\\\"blue\\\" | \\\"inverse\\\" | \\\"neutral\\\" | \\\"red\\\"\",\n          \"references\": {\n            \"ButtonColor\": {\n              \"location\": \"import\",\n              \"path\": \"./interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the color of the component.\"\n        },\n        \"attribute\": \"color\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"blue\\\"\"\n      },\n      \"disabled\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, interaction is prevented and the component is displayed with lower opacity.\"\n        },\n        \"attribute\": \"disabled\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"href\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the URL of the linked resource, which can be set as an absolute or relative path.\"\n        },\n        \"attribute\": \"href\",\n        \"reflect\": true\n      },\n      \"iconEnd\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies an icon to display at the end of the component.\"\n        },\n        \"attribute\": \"icon-end\",\n        \"reflect\": true\n      },\n      \"iconFlipRtl\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"FlipContext\",\n          \"resolved\": \"\\\"both\\\" | \\\"end\\\" | \\\"start\\\"\",\n          \"references\": {\n            \"FlipContext\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, the icon will be flipped when the element direction is right-to-left (`\\\"rtl\\\"`).\"\n        },\n        \"attribute\": \"icon-flip-rtl\",\n        \"reflect\": true\n      },\n      \"iconStart\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies an icon to display at the start of the component.\"\n        },\n        \"attribute\": \"icon-start\",\n        \"reflect\": true\n      },\n      \"intlLoading\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"default\",\n              \"text\": \"\\\"Loading\\\"\"\n            }],\n          \"text\": \"Accessible name when the component is loading.\"\n        },\n        \"attribute\": \"intl-loading\",\n        \"reflect\": false,\n        \"defaultValue\": \"TEXT.loading\"\n      },\n      \"loading\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, a busy indicator is displayed and interaction is disabled.\"\n        },\n        \"attribute\": \"loading\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"name\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the name of the component on form submission.\"\n        },\n        \"attribute\": \"name\",\n        \"reflect\": true\n      },\n      \"rel\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"mdn\",\n              \"text\": \"[rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)\"\n            }],\n          \"text\": \"Defines the relationship between the `href` value and the current document.\"\n        },\n        \"attribute\": \"rel\",\n        \"reflect\": true\n      },\n      \"form\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"deprecated\",\n              \"text\": \"\\u2013 The property is no longer needed if the component is placed inside a form.\"\n            }],\n          \"text\": \"The form ID to associate with the component.\"\n        },\n        \"attribute\": \"form\",\n        \"reflect\": false\n      },\n      \"round\": {\n        \"type\": \"boolean\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When `true`, adds a round style to the component.\"\n        },\n        \"attribute\": \"round\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"scale\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Scale\",\n          \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n          \"references\": {\n            \"Scale\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the size of the component.\"\n        },\n        \"attribute\": \"scale\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"m\\\"\"\n      },\n      \"splitChild\": {\n        \"type\": \"any\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"\\\"primary\\\" | \\\"secondary\\\" | false\",\n          \"resolved\": \"\\\"primary\\\" | \\\"secondary\\\" | boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies if the component is a child of a `calcite-split-button`.\"\n        },\n        \"attribute\": \"split-child\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"target\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"mdn\",\n              \"text\": \"[target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)\"\n            }],\n          \"text\": \"Specifies where to open the linked document defined in the `href` property.\"\n        },\n        \"attribute\": \"target\",\n        \"reflect\": true\n      },\n      \"type\": {\n        \"type\": \"string\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"mdn\",\n              \"text\": \"[type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type)\"\n            }],\n          \"text\": \"Specifies the default behavior of the button.\"\n        },\n        \"attribute\": \"type\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"button\\\"\"\n      },\n      \"width\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Width\",\n          \"resolved\": \"\\\"auto\\\" | \\\"full\\\" | \\\"half\\\"\",\n          \"references\": {\n            \"Width\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the width of the component.\"\n        },\n        \"attribute\": \"width\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"auto\\\"\"\n      }\n    };\n  }\n  static get states() {\n    return {\n      \"hasContent\": {},\n      \"hasLoader\": {}\n    };\n  }\n  static get methods() {\n    return {\n      \"setFocus\": {\n        \"complexType\": {\n          \"signature\": \"() => Promise<void>\",\n          \"parameters\": [],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<void>\"\n        },\n        \"docs\": {\n          \"text\": \"Sets focus on the component.\",\n          \"tags\": []\n        }\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n  static get watchers() {\n    return [{\n        \"propName\": \"loading\",\n        \"methodName\": \"loadingChanged\"\n      }];\n  }\n}\n"],"version":3}