@esri/solutions-components 0.2.2 → 0.2.3

package/dist/solutions-components/p-45556aff.entry.js

@@ -1,215 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, h, g as getElement } from './p-58c69df2.js';
-import { c as closestElementCrossShadowBoundary } from './p-32a67cb2.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './p-dbad98e8.js';
-import { c as createObserver } from './p-9a9955db.js';
-import { u as updateHostInteraction } from './p-7daea1df.js';
-import { s as submitForm, r as resetForm } from './p-3f6b0af4.js';
-import './p-729708a3.js';
-import './p-a80b3880.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 = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    //--------------------------------------------------------------------------
-    //
-    //  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() {
-    {
-      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 getElement(this); }
-  static get watchers() { return {
-    "loading": ["loadingChanged"]
-  }; }
-};
-Button.style = buttonCss;
-
-export { Button as calcite_button };
-
-//# sourceMappingURL=p-45556aff.entry.js.map

package/dist/solutions-components/p-45556aff.entry.js.map

@@ -1 +0,0 @@
-{"file":"calcite-button.entry.esm.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}

package/dist/solutions-components/p-49aaa793.entry.js

@@ -1,95 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { r as registerInstance, h, H as Host, g as getElement } from './p-58c69df2.js';
-import { b as getElementDir, f as focusElement } from './p-32a67cb2.js';
-import { C as CSS_UTILITY } from './p-729708a3.js';
-import { u as updateHostInteraction } from './p-7daea1df.js';
-import './p-a80b3880.js';
-
-const linkCss = "@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}:host a,:host span{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:0px;border-style:none;font-family:inherit;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;text-decoration:none;line-height:inherit;font-size:inherit;-webkit-appearance:none}:host a:hover,:host span:hover{text-decoration:none}:host a,:host span{outline-color:transparent}:host a:focus,:host span:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}calcite-icon{inline-size:1em;block-size:1em;min-inline-size:unset;min-block-size:unset}.calcite-link--icon{vertical-align:text-top;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;-webkit-margin-before:0.125rem;margin-block-start:0.125rem}:host .calcite-link--icon.icon-start{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host .calcite-link--icon.icon-end{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}:host span,:host a{position:relative;display:inline;border-style:none;background-color:transparent;padding:0px;color:var(--calcite-ui-text-link);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;line-height:inherit;white-space:initial;background-image:linear-gradient(currentColor, currentColor), linear-gradient(var(--calcite-link-blue-underline), var(--calcite-link-blue-underline));background-position:0% 100%, 100% 100%;background-repeat:no-repeat, no-repeat;background-size:0% 1px, 100% 1px}:host span:hover,:host span:focus,:host a:hover,:host a:focus{background-size:100% 1px, 100% 1px}:host span:active,:host a:active{background-size:100% 2px, 100% 2px}:host span.calcite--rtl,:host a.calcite--rtl{background-position:100% 100%, 100% 100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";
-
-const Link = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
-    this.disabled = false;
-    /**
-     * Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value:
-     * Without a value, the browser will suggest a filename/extension
-     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download.
-     */
-    this.download = false;
-    this.childElClickHandler = (event) => {
-      if (!event.isTrusted) {
-        // click was invoked internally, we stop it here
-        event.stopPropagation();
-      }
-    };
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    this.storeTagRef = (el) => {
-      this.childEl = el;
-    };
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  componentDidRender() {
-    updateHostInteraction(this);
-  }
-  render() {
-    const { download, el } = this;
-    const dir = getElementDir(el);
-    const childElType = this.href ? "a" : "span";
-    const iconStartEl = (h("calcite-icon", { class: "calcite-link--icon icon-start", flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: "s" }));
-    const iconEndEl = (h("calcite-icon", { class: "calcite-link--icon icon-end", flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: "s" }));
-    const Tag = childElType;
-    const role = childElType === "span" ? "link" : null;
-    const tabIndex = childElType === "span" ? 0 : null;
-    return (h(Host, { role: "presentation" }, h(Tag, { class: { [CSS_UTILITY.rtl]: dir === "rtl" },
-      /*
-      When the 'download' property of type 'boolean | string' is set to true, the value is "".
-      This works around that issue for now.
-      */
-      download: Tag === "a" && (download === "" || download) ? download : null, href: Tag === "a" && this.href, onClick: this.childElClickHandler, ref: this.storeTagRef, rel: Tag === "a" && this.rel, role: role, tabIndex: tabIndex, target: Tag === "a" && this.target }, this.iconStart ? iconStartEl : null, h("slot", null), this.iconEnd ? iconEndEl : null)));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Events
-  //
-  //--------------------------------------------------------------------------
-  clickHandler(event) {
-    // forwards the click() to the internal link for non user-initiated events
-    if (!event.isTrusted) {
-      this.childEl.click();
-    }
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  //--------------------------------------------------------------------------
-  /** Sets focus on the component. */
-  async setFocus() {
-    focusElement(this.childEl);
-  }
-  get el() { return getElement(this); }
-};
-Link.style = linkCss;
-
-export { Link as calcite_link };
-
-//# sourceMappingURL=p-49aaa793.entry.js.map

package/dist/solutions-components/p-49aaa793.entry.js.map

@@ -1 +0,0 @@
-{"file":"calcite-link.entry.esm.js","mappings":";;;;;;;;;;;AAAA,MAAM,OAAO,GAAG,0yGAA0yG;;MCa7yG,IAAI;EACf;;;;;;;;IAOE,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;;;;;;IAMtB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACtB,IAAI,CAAC,mBAAmB,GAAG,CAAC,KAAK;MAC/B,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;;QAEpB,KAAK,CAAC,eAAe,EAAE,CAAC;OACzB;KACF,CAAC;;;;;;IAMF,IAAI,CAAC,WAAW,GAAG,CAAC,EAAE;MACpB,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;KACnB,CAAC;GACH;;;;;;EAMD,kBAAkB;IAChB,qBAAqB,CAAC,IAAI,CAAC,CAAC;GAC7B;EACD,MAAM;IACJ,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;IAC9B,MAAM,GAAG,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC;IAC9B,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,MAAM,CAAC;IAC7C,MAAM,WAAW,IAAI,CAAC,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,+BAA+B,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,KAAK,OAAO,IAAI,IAAI,CAAC,WAAW,KAAK,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;IAC5L,MAAM,SAAS,IAAI,CAAC,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,6BAA6B,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,KAAK,KAAK,IAAI,IAAI,CAAC,WAAW,KAAK,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;IACpL,MAAM,GAAG,GAAG,WAAW,CAAC;IACxB,MAAM,IAAI,GAAG,WAAW,KAAK,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACpD,MAAM,QAAQ,GAAG,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC;IACnD,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,GAAG,GAAG,KAAK,KAAK,EAAE;;;;;MAK5F,QAAQ,EAAE,GAAG,KAAK,GAAG,KAAK,QAAQ,KAAK,EAAE,IAAI,QAAQ,CAAC,GAAG,QAAQ,GAAG,IAAI,EAAE,IAAI,EAAE,GAAG,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,mBAAmB,EAAE,GAAG,EAAE,IAAI,CAAC,WAAW,EAAE,GAAG,EAAE,GAAG,KAAK,GAAG,IAAI,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,GAAG,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,SAAS,GAAG,WAAW,GAAG,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC,CAAC,EAAE;GACpW;;;;;;EAMD,YAAY,CAAC,KAAK;;IAEhB,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;MACpB,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;KACtB;GACF;;;;;;;EAOD,MAAM,QAAQ;IACZ,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;GAC5B;;;;;;;","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/link/link.css?tag=calcite-link&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/link/link.js"],"sourcesContent":["/* 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;\n}\n\n:host a, \n:host span {\n  position: relative;\n  display: flex;\n  cursor: pointer;\n  align-items: center;\n  justify-content: center;\n  border-radius: 0px;\n  border-style: none;\n  font-family: inherit;\n  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;\n  text-decoration: none;\n  line-height: inherit;\n  font-size: inherit;\n  -webkit-appearance: none;\n}\n:host a:hover,\n:host span:hover {\n  text-decoration: none;\n}\n\n:host a, \n:host span {\n  outline-color: transparent;\n}\n:host a:focus, \n:host span:focus {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: -2px;\n}\n\ncalcite-icon {\n  inline-size: 1em;\n  block-size: 1em;\n  min-inline-size: unset;\n  min-block-size: unset;\n}\n\n.calcite-link--icon {\n  vertical-align: text-top;\n  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;\n  margin-block-start: 0.125rem;\n}\n\n:host .calcite-link--icon.icon-start {\n  margin-inline-end: 0.5rem;\n}\n\n:host .calcite-link--icon.icon-end {\n  margin-inline-start: 0.5rem;\n}\n\n:host span, \n:host a {\n  position: relative;\n  display: inline;\n  border-style: none;\n  background-color: transparent;\n  padding: 0px;\n  color: var(--calcite-ui-text-link);\n  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;\n  line-height: inherit;\n  white-space: initial;\n  background-image: linear-gradient(currentColor, currentColor), linear-gradient(var(--calcite-link-blue-underline), var(--calcite-link-blue-underline));\n  background-position: 0% 100%, 100% 100%;\n  background-repeat: no-repeat, no-repeat;\n  background-size: 0% 1px, 100% 1px;\n}\n:host span:hover, :host span:focus,\n:host a:hover,\n:host a:focus {\n  background-size: 100% 1px, 100% 1px;\n}\n:host span:active,\n:host a:active {\n  background-size: 100% 2px, 100% 2px;\n}\n:host span.calcite--rtl,\n:host a.calcite--rtl {\n  background-position: 100% 100%, 100% 100%;\n}\n\n:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled] {\n  /* prevent opacity stacking */\n  opacity: 1;\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 { h, Host } from \"@stencil/core\";\nimport { focusElement, getElementDir } from \"../../utils/dom\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\n/** Any attributes placed on <calcite-link> component will propagate to the rendered child */\n/** Passing a 'href' will render an anchor link, instead of a span. Role will be set to link, or link, depending on this. */\n/** It is the consumers responsibility to add aria information, rel, target, for links, and any link attributes for form submission */\n/** @slot - A slot for adding text. */\nexport class Link {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    //--------------------------------------------------------------------------\n    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n    this.disabled = false;\n    /**\n     * Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value:\n     * Without a value, the browser will suggest a filename/extension\n     * See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download.\n     */\n    this.download = false;\n    this.childElClickHandler = (event) => {\n      if (!event.isTrusted) {\n        // click was invoked internally, we stop it here\n        event.stopPropagation();\n      }\n    };\n    //--------------------------------------------------------------------------\n    //\n    //  Private Methods\n    //\n    //--------------------------------------------------------------------------\n    this.storeTagRef = (el) => {\n      this.childEl = el;\n    };\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  componentDidRender() {\n    updateHostInteraction(this);\n  }\n  render() {\n    const { download, el } = this;\n    const dir = getElementDir(el);\n    const childElType = this.href ? \"a\" : \"span\";\n    const iconStartEl = (h(\"calcite-icon\", { class: \"calcite-link--icon icon-start\", flipRtl: this.iconFlipRtl === \"start\" || this.iconFlipRtl === \"both\", icon: this.iconStart, scale: \"s\" }));\n    const iconEndEl = (h(\"calcite-icon\", { class: \"calcite-link--icon icon-end\", flipRtl: this.iconFlipRtl === \"end\" || this.iconFlipRtl === \"both\", icon: this.iconEnd, scale: \"s\" }));\n    const Tag = childElType;\n    const role = childElType === \"span\" ? \"link\" : null;\n    const tabIndex = childElType === \"span\" ? 0 : null;\n    return (h(Host, { role: \"presentation\" }, h(Tag, { class: { [CSS_UTILITY.rtl]: dir === \"rtl\" },\n      /*\n      When the 'download' property of type 'boolean | string' is set to true, the value is \"\".\n      This works around that issue for now.\n      */\n      download: Tag === \"a\" && (download === \"\" || download) ? download : null, href: Tag === \"a\" && this.href, onClick: this.childElClickHandler, ref: this.storeTagRef, rel: Tag === \"a\" && this.rel, role: role, tabIndex: tabIndex, target: Tag === \"a\" && this.target }, this.iconStart ? iconStartEl : null, h(\"slot\", null), this.iconEnd ? iconEndEl : null)));\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n  clickHandler(event) {\n    // forwards the click() to the internal link for non user-initiated events\n    if (!event.isTrusted) {\n      this.childEl.click();\n    }\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus() {\n    focusElement(this.childEl);\n  }\n  static get is() { return \"calcite-link\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"link.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"link.css\"]\n    };\n  }\n  static get properties() {\n    return {\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      \"download\": {\n        \"type\": \"any\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string | boolean\",\n          \"resolved\": \"boolean | string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value:\\nWithout a value, the browser will suggest a filename/extension\\nSee https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download.\"\n        },\n        \"attribute\": \"download\",\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      \"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          \"text\": \"Specifies the relationship to the linked document defined in `href`.\"\n        },\n        \"attribute\": \"rel\",\n        \"reflect\": 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          \"text\": \"Specifies the frame or window to open the linked document.\"\n        },\n        \"attribute\": \"target\",\n        \"reflect\": false\n      }\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 listeners() {\n    return [{\n        \"name\": \"click\",\n        \"method\": \"clickHandler\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }];\n  }\n}\n"],"version":3}