@esri/solutions-components 0.2.3 → 0.2.5

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,95 @@
+/*!
+ * 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

@@ -0,0 +1 @@
+{"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}