@esri/solutions-components 0.2.3 → 0.2.4

package/dist/cjs/calcite-button.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-button.entry.cjs.js","mappings":"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","names":["createObserver","submitForm","resetForm","connectLabel","closestElementCrossShadowBoundary","disconnectLabel","updateHostInteraction","h","getLabelText"],"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/cjs/calcite-card.cjs.entry.js

@@ -147,3 +147,5 @@ const Card = class {
 Card.style = cardCss;
 
 exports.calcite_card = Card;
+
+//# sourceMappingURL=calcite-card.cjs.entry.js.map

package/dist/cjs/calcite-card.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-card.entry.cjs.js","mappings":"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","names":["connectConditionalSlotComponent","disconnectConditionalSlotComponent","h","toAriaBoolean","getSlotted"],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/card/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/card/card.css?tag=calcite-card&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/card/card.js"],"sourcesContent":["/*!\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  container: \"container\",\n  header: \"header\",\n  footer: \"footer\",\n  title: \"title\",\n  subtitle: \"subtitle\",\n  checkboxWrapper: \"checkbox-wrapper\",\n  thumbnailWrapper: \"thumbnail-wrapper\"\n};\nexport const SLOTS = {\n  thumbnail: \"thumbnail\",\n  title: \"title\",\n  subtitle: \"subtitle\",\n  footerLeading: \"footer-leading\",\n  footerTrailing: \"footer-trailing\"\n};\nexport const TEXT = {\n  select: \"Select\",\n  deselect: \"Deselect\",\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 {\n  display: block;\n  max-inline-size: 100%;\n}\n:host .calcite-card-container {\n  position: relative;\n  display: flex;\n  block-size: 100%;\n  flex-direction: column;\n  justify-content: space-between;\n  overflow: hidden;\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-2);\n  background-color: var(--calcite-ui-foreground-1);\n  color: var(--calcite-ui-text-3);\n  --tw-shadow: 0 0 #0000;\n  --tw-shadow-colored: 0 0 #0000;\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  border-radius: var(--calcite-border-radius-base);\n}\n\n.container {\n  position: relative;\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n}\n\n:host([loading]) .calcite-card-container *:not(calcite-loader):not(.calcite-card-loader-container) {\n  pointer-events: none;\n  opacity: 0;\n}\n\n:host([loading]) .calcite-card-loader-container {\n  position: absolute;\n  inset: 0px;\n  display: flex;\n  align-items: center;\n}\n\n.header, \n.footer {\n  display: flex;\n  padding-inline: 0.75rem;\n  padding-block: 0.75rem 0.25rem;\n}\n\n.header {\n  flex-direction: column;\n}\n\n.footer {\n  margin-block-start: auto;\n  flex-direction: row;\n  align-content: space-between;\n  justify-content: space-between;\n  padding-inline: 0.75rem;\n  padding-block: 0.25rem 0.75rem;\n}\n\n.card-content {\n  padding: 0.75rem;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n  color: var(--calcite-ui-text-3);\n}\n\n:host([selected]) .calcite-card-container {\n  border-color: var(--calcite-ui-brand);\n}\n\nslot[name=title]::slotted(*), \n*::slotted([slot=title]) {\n  margin: 0px;\n  font-size: var(--calcite-font-size--1);\n  line-height: 1.375;\n  font-weight: var(--calcite-font-weight-medium);\n  color: var(--calcite-ui-text-1);\n}\n\n:host([selectable]) .header {\n  padding-inline-end: 2rem;\n}\n\nslot[name=subtitle]::slotted(*), \n*::slotted([slot=subtitle]) {\n  margin: 0px;\n  margin-block-start: 0.5rem;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n  font-weight: var(--calcite-font-weight-normal);\n  color: var(--calcite-ui-text-2);\n}\n\nslot[name=thumbnail]::slotted(img), \nimg::slotted([slot=thumbnail]) {\n  min-inline-size: 100%;\n  max-inline-size: 100%;\n}\n\nslot[name=footer-leading]::slotted(*), \n*::slotted([slot=footer-leading]) {\n  align-self: center;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n  margin-inline-end: auto;\n}\n\nslot[name=footer-trailing]::slotted(*), \n*::slotted([slot=footer-trailing]) {\n  align-self: center;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n}\n\n.checkbox-wrapper {\n  position: absolute;\n  margin: 0px;\n  padding: 0px;\n  inset-block-start: 0.5rem;\n  inset-inline-end: 0.5rem;\n}\n\n.thumbnail-wrapper {\n  display: flex;\n}\n\n.calcite-card-container.inline {\n  flex-direction: row;\n}\n.calcite-card-container.inline > .container {\n  inline-size: 60%;\n}\n.calcite-card-container.inline > .thumbnail-wrapper {\n  inline-size: 40%;\n  align-items: flex-start;\n}\n.calcite-card-container.inline slot[name=thumbnail]::slotted(img), \n.calcite-card-container.inline img::slotted([slot=thumbnail]) {\n  inline-size: 100%;\n}\n\nslot[name=footer-leading]::slotted(*), \nslot[name=footer-trailing]::slotted(*) {\n  display: flex;\n  gap: 0.25rem;\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 } from \"@stencil/core\";\nimport { getSlotted, toAriaBoolean } from \"../../utils/dom\";\nimport { CSS, SLOTS, TEXT } from \"./resources\";\nimport { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from \"../../utils/conditionalSlot\";\n/**\n * Cards do not include a grid or bounding container\n * - cards will expand to fit the width of their container\n */\n/**\n * @slot - A slot for adding subheader/description content.\n * @slot thumbnail - A slot for adding a thumbnail to the component.\n * @slot title - A slot for adding a title.\n * @slot subtitle - A slot for adding a subtitle or short summary.\n * @slot footer-leading - A slot for adding a leading footer.\n * @slot footer-trailing - A slot for adding a trailing footer.\n */\nexport class Card {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Public Properties\n    //\n    //--------------------------------------------------------------------------\n    /**  When `true`, a busy indicator is displayed. */\n    this.loading = false;\n    /** When `true`, the component is selected. */\n    this.selected = false;\n    /** When `true`, the component is selectable. */\n    this.selectable = false;\n    /**\n     * Accessible name when the component is loading.\n     *\n     * @default \"Loading\"\n     */\n    this.intlLoading = TEXT.loading;\n    /**\n     * When `selectable` is `true`, the accessible name for the component's checkbox for selection.\n     *\n     * @default \"Select\"\n     */\n    this.intlSelect = TEXT.select;\n    /**\n     * When `selectable` is `true`, the accessible name for the component's checkbox for deselection.\n     *\n     * @default \"Deselect\"\n     */\n    this.intlDeselect = TEXT.deselect;\n    /** Sets the placement of the thumbnail defined in the `thumbnail` slot. */\n    this.thumbnailPosition = \"block-start\";\n    //--------------------------------------------------------------------------\n    //\n    //  Private State/Props\n    //\n    //--------------------------------------------------------------------------\n    //--------------------------------------------------------------------------\n    //\n    //  Private Methods\n    //\n    //--------------------------------------------------------------------------\n    this.cardSelectClick = () => {\n      this.selectCard();\n    };\n    this.cardSelectKeyDown = (event) => {\n      switch (event.key) {\n        case \" \":\n        case \"Enter\":\n          this.selectCard();\n          event.preventDefault();\n          break;\n      }\n    };\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n  connectedCallback() {\n    connectConditionalSlotComponent(this);\n  }\n  disonnectedCallback() {\n    disconnectConditionalSlotComponent(this);\n  }\n  render() {\n    const thumbnailInline = this.thumbnailPosition.startsWith(\"inline\");\n    const thumbnailStart = this.thumbnailPosition.endsWith(\"start\");\n    return (h(\"div\", { class: { \"calcite-card-container\": true, inline: thumbnailInline } }, this.loading ? (h(\"div\", { class: \"calcite-card-loader-container\" }, h(\"calcite-loader\", { active: true, label: this.intlLoading }))) : null, thumbnailStart && this.renderThumbnail(), h(\"section\", { \"aria-busy\": toAriaBoolean(this.loading), class: { [CSS.container]: true } }, this.selectable ? this.renderCheckbox() : null, this.renderHeader(), h(\"div\", { class: \"card-content\" }, h(\"slot\", null)), this.renderFooter()), !thumbnailStart && this.renderThumbnail()));\n  }\n  selectCard() {\n    this.selected = !this.selected;\n    this.calciteCardSelect.emit();\n  }\n  renderThumbnail() {\n    return getSlotted(this.el, SLOTS.thumbnail) ? (h(\"section\", { class: CSS.thumbnailWrapper }, h(\"slot\", { name: SLOTS.thumbnail }))) : null;\n  }\n  renderCheckbox() {\n    const checkboxLabel = this.selected ? this.intlDeselect : this.intlSelect;\n    return (h(\"calcite-label\", { class: CSS.checkboxWrapper, onClick: this.cardSelectClick, onKeyDown: this.cardSelectKeyDown }, h(\"calcite-checkbox\", { checked: this.selected, label: checkboxLabel })));\n  }\n  renderHeader() {\n    const { el } = this;\n    const title = getSlotted(el, SLOTS.title);\n    const subtitle = getSlotted(el, SLOTS.subtitle);\n    const hasHeader = title || subtitle;\n    return hasHeader ? (h(\"header\", { class: CSS.header }, h(\"slot\", { name: SLOTS.title }), h(\"slot\", { name: SLOTS.subtitle }))) : null;\n  }\n  renderFooter() {\n    const { el } = this;\n    const leadingFooter = getSlotted(el, SLOTS.footerLeading);\n    const trailingFooter = getSlotted(el, SLOTS.footerTrailing);\n    const hasFooter = leadingFooter || trailingFooter;\n    return hasFooter ? (h(\"footer\", { class: CSS.footer }, h(\"slot\", { name: SLOTS.footerLeading }), h(\"slot\", { name: SLOTS.footerTrailing }))) : null;\n  }\n  static get is() { return \"calcite-card\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"card.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"card.css\"]\n    };\n  }\n  static get properties() {\n    return {\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.\"\n        },\n        \"attribute\": \"loading\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"selected\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\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`, the component is selected.\"\n        },\n        \"attribute\": \"selected\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"selectable\": {\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`, the component is selectable.\"\n        },\n        \"attribute\": \"selectable\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\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      \"intlSelect\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"default\",\n              \"text\": \"\\\"Select\\\"\"\n            }],\n          \"text\": \"When `selectable` is `true`, the accessible name for the component's checkbox for selection.\"\n        },\n        \"attribute\": \"intl-select\",\n        \"reflect\": false,\n        \"defaultValue\": \"TEXT.select\"\n      },\n      \"intlDeselect\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"default\",\n              \"text\": \"\\\"Deselect\\\"\"\n            }],\n          \"text\": \"When `selectable` is `true`, the accessible name for the component's checkbox for deselection.\"\n        },\n        \"attribute\": \"intl-deselect\",\n        \"reflect\": false,\n        \"defaultValue\": \"TEXT.deselect\"\n      },\n      \"thumbnailPosition\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"LogicalFlowPosition\",\n          \"resolved\": \"\\\"block-end\\\" | \\\"block-start\\\" | \\\"inline-end\\\" | \\\"inline-start\\\"\",\n          \"references\": {\n            \"LogicalFlowPosition\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Sets the placement of the thumbnail defined in the `thumbnail` slot.\"\n        },\n        \"attribute\": \"thumbnail-position\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"block-start\\\"\"\n      }\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteCardSelect\",\n        \"name\": \"calciteCardSelect\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Fires when `selectable` is `true` and the component is selected.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }];\n  }\n  static get elementRef() { return \"el\"; }\n}\n"],"version":3}

package/dist/cjs/calcite-checkbox.cjs.entry.js

@@ -140,3 +140,5 @@ const Checkbox = class {
 Checkbox.style = checkboxCss;
 
 exports.calcite_checkbox = Checkbox;
+
+//# sourceMappingURL=calcite-checkbox.cjs.entry.js.map

package/dist/cjs/calcite-checkbox.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-checkbox.entry.cjs.js","mappings":"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","names":["isActivationKey","guid","connectLabel","connectForm","disconnectLabel","disconnectForm","updateHostInteraction","h","Host","toAriaBoolean","getLabelText","HiddenFormInputSlot"],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/checkbox/checkbox.css?tag=calcite-checkbox&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/checkbox/checkbox.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/**\n* CSS Custom Properties\n*\n* These properties can be overridden using the component's tag as selector.\n*\n* @prop --calcite-checkbox-size: Specifies the component's height and width.\n*/\n:host([scale=s]) {\n  --calcite-checkbox-size: 0.75rem;\n}\n\n:host([scale=m]) {\n  --calcite-checkbox-size: var(--calcite-font-size--1);\n}\n\n:host([scale=l]) {\n  --calcite-checkbox-size: 1rem;\n}\n\n:host {\n  position: relative;\n  display: inline-flex;\n  cursor: pointer;\n  -webkit-user-select: none;\n          user-select: none;\n  -webkit-tap-highlight-color: transparent;\n}\n:host .check-svg,\n:host .toggle {\n  inline-size: var(--calcite-checkbox-size);\n  block-size: var(--calcite-checkbox-size);\n}\n:host .check-svg {\n  pointer-events: none;\n  box-sizing: border-box;\n  display: block;\n  overflow: hidden;\n  background-color: var(--calcite-ui-foreground-1);\n  fill: currentColor;\n  stroke: currentColor;\n  stroke-width: 1;\n  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;\n  box-shadow: inset 0 0 0 1px var(--calcite-ui-border-input);\n  color: var(--calcite-ui-background);\n}\n\n:host([checked]) .check-svg, \n:host([indeterminate]) .check-svg {\n  background-color: var(--calcite-ui-brand);\n  box-shadow: inset 0 0 0 1px var(--calcite-ui-brand);\n}\n\n:host([hovered]) .toggle .check-svg,\n:host .toggle:hover .check-svg {\n  box-shadow: inset 0 0 0 2px var(--calcite-ui-brand);\n}\n\n.toggle {\n  outline-color: transparent;\n}\n.toggle:active,  .toggle:focus,  .toggle:focus-visible {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: 2px;\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::slotted(input[slot=hidden-form-input]) {\n  margin: 0 !important;\n  opacity: 0 !important;\n  outline: none !important;\n  padding: 0 !important;\n  position: absolute !important;\n  inset: 0 !important;\n  transform: none !important;\n  -webkit-appearance: none !important;\n  z-index: -1 !important;\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 { guid } from \"../../utils/guid\";\nimport { HiddenFormInputSlot } from \"../../utils/form\";\nimport { connectLabel, disconnectLabel, getLabelText } from \"../../utils/label\";\nimport { connectForm, disconnectForm } from \"../../utils/form\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\nimport { toAriaBoolean } from \"../../utils/dom\";\nimport { isActivationKey } from \"../../utils/key\";\nexport class Checkbox {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    //--------------------------------------------------------------------------\n    /** When `true`, the component is checked. */\n    this.checked = false;\n    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */\n    this.disabled = false;\n    /**\n     * The hovered state of the checkbox.\n     *\n     * @internal\n     */\n    this.hovered = false;\n    /**\n     * When `true`, the component is initially indeterminate, which is independent from its `checked` value.\n     *\n     * The state is visual only, and can look different across browsers.\n     *\n     * @mdn [indeterminate](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes)\n     */\n    this.indeterminate = false;\n    /**\n     * When `true`, the component must have a value in order for the form to submit.\n     *\n     * @internal\n     */\n    this.required = false;\n    /** Specifies the size of the component. */\n    this.scale = \"m\";\n    //--------------------------------------------------------------------------\n    //\n    //  Private Properties\n    //\n    //--------------------------------------------------------------------------\n    this.checkedPath = \"M5.5 12L2 8.689l.637-.636L5.5 10.727l8.022-7.87.637.637z\";\n    this.indeterminatePath = \"M13 8v1H3V8z\";\n    //--------------------------------------------------------------------------\n    //\n    //  Private Methods\n    //\n    //--------------------------------------------------------------------------\n    this.getPath = () => this.indeterminate ? this.indeterminatePath : this.checked ? this.checkedPath : \"\";\n    this.toggle = () => {\n      if (!this.disabled) {\n        this.checked = !this.checked;\n        this.setFocus();\n        this.indeterminate = false;\n        this.calciteCheckboxChange.emit();\n      }\n    };\n    this.keyDownHandler = (event) => {\n      if (isActivationKey(event.key)) {\n        this.toggle();\n        event.preventDefault();\n      }\n    };\n    this.clickHandler = () => {\n      this.toggle();\n    };\n    //--------------------------------------------------------------------------\n    //\n    //  Event Listeners\n    //\n    //--------------------------------------------------------------------------\n    this.onToggleBlur = () => {\n      this.calciteInternalCheckboxBlur.emit(false);\n    };\n    this.onToggleFocus = () => {\n      this.calciteInternalCheckboxFocus.emit(true);\n    };\n    this.onLabelClick = () => {\n      this.toggle();\n    };\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus() {\n    var _a;\n    (_a = this.toggleEl) === null || _a === void 0 ? void 0 : _a.focus();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  connectedCallback() {\n    this.guid = this.el.id || `calcite-checkbox-${guid()}`;\n    connectLabel(this);\n    connectForm(this);\n  }\n  disconnectedCallback() {\n    disconnectLabel(this);\n    disconnectForm(this);\n  }\n  componentDidRender() {\n    updateHostInteraction(this);\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  render() {\n    return (h(Host, { onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h(\"div\", { \"aria-checked\": toAriaBoolean(this.checked), \"aria-label\": getLabelText(this), class: \"toggle\", onBlur: this.onToggleBlur, onFocus: this.onToggleFocus, ref: (toggleEl) => (this.toggleEl = toggleEl), role: \"checkbox\", tabIndex: this.disabled ? undefined : 0 }, h(\"svg\", { \"aria-hidden\": \"true\", class: \"check-svg\", viewBox: \"0 0 16 16\" }, h(\"path\", { d: this.getPath() })), h(\"slot\", null)), h(HiddenFormInputSlot, { component: this })));\n  }\n  static get is() { return \"calcite-checkbox\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"checkbox.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"checkbox.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"checked\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\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`, the component is checked.\"\n        },\n        \"attribute\": \"checked\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\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      \"guid\": {\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          \"text\": \"The `id` attribute of the component. When omitted, a globally unique identifier is used.\"\n        },\n        \"attribute\": \"guid\",\n        \"reflect\": true\n      },\n      \"hovered\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"The hovered state of the checkbox.\"\n        },\n        \"attribute\": \"hovered\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"indeterminate\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"mdn\",\n              \"text\": \"[indeterminate](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes)\"\n            }],\n          \"text\": \"When `true`, the component is initially indeterminate, which is independent from its `checked` value.\\n\\nThe state is visual only, and can look different across browsers.\"\n        },\n        \"attribute\": \"indeterminate\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\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              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"Accessible name for the component.\"\n        },\n        \"attribute\": \"label\",\n        \"reflect\": false\n      },\n      \"name\": {\n        \"type\": \"any\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"any\",\n          \"resolved\": \"any\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the name of the component on form submission.\"\n        },\n        \"attribute\": \"name\",\n        \"reflect\": true\n      },\n      \"required\": {\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              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"When `true`, the component must have a value in order for the form to submit.\"\n        },\n        \"attribute\": \"required\",\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      \"value\": {\n        \"type\": \"any\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"any\",\n          \"resolved\": \"any\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"The component's value.\"\n        },\n        \"attribute\": \"value\",\n        \"reflect\": false\n      }\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteInternalCheckboxBlur\",\n        \"name\": \"calciteInternalCheckboxBlur\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"Emits when the component is blurred.\"\n        },\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        }\n      }, {\n        \"method\": \"calciteCheckboxChange\",\n        \"name\": \"calciteCheckboxChange\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Emits when the component's `checked` status changes.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }, {\n        \"method\": \"calciteInternalCheckboxFocus\",\n        \"name\": \"calciteInternalCheckboxFocus\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"Emits when the component is focused.\"\n        },\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\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}\n"],"version":3}

package/dist/cjs/calcite-chip.cjs.entry.js

@@ -140,3 +140,5 @@ const Chip = class {
 Chip.style = chipCss;
 
 exports.calcite_chip = Chip;
+
+//# sourceMappingURL=calcite-chip.cjs.entry.js.map

package/dist/cjs/calcite-chip.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-chip.entry.cjs.js","mappings":"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","names":["guid","connectConditionalSlotComponent","disconnectConditionalSlotComponent","getSlotted","h"],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/chip/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/chip/chip.css?tag=calcite-chip&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/chip/chip.js"],"sourcesContent":["/*!\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  title: \"title\",\n  close: \"close\",\n  imageContainer: \"image-container\",\n  chipIcon: \"chip-icon\",\n  closeIcon: \"close-icon\"\n};\nexport const TEXT = {\n  close: \"Close\"\n};\nexport const SLOTS = {\n  image: \"image\"\n};\nexport const ICONS = {\n  close: \"x\"\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([scale=s]) {\n  block-size: 1.5rem;\n  font-size: var(--calcite-font-size--2);\n  --calcite-chip-spacing-unit-l: 0.5rem;\n  --calcite-chip-spacing-unit-s: 0.25rem;\n}\n:host([scale=s]) .image-container {\n  block-size: 1.25rem;\n  inline-size: 1.25rem;\n}\n\n:host([scale=m]) {\n  block-size: 2rem;\n  font-size: var(--calcite-font-size--1);\n  --calcite-chip-spacing-unit-l: 0.75rem;\n  --calcite-chip-spacing-unit-s: 6px;\n}\n:host([scale=m]) .image-container {\n  block-size: 1.5rem;\n  inline-size: 1.5rem;\n  padding-inline-start: 0.25rem;\n}\n\n:host([scale=l]) {\n  block-size: 2.75rem;\n  font-size: var(--calcite-font-size-0);\n  --calcite-chip-spacing-unit-l: 1rem;\n  --calcite-chip-spacing-unit-s: 0.5rem;\n}\n:host([scale=l]) .image-container {\n  block-size: 2rem;\n  inline-size: 2rem;\n  padding-inline-start: 0.25rem;\n}\n\n:host {\n  box-sizing: border-box;\n  display: inline-flex;\n  cursor: default;\n  align-items: center;\n  border-radius: 9999px;\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-1);\n  font-weight: var(--calcite-font-weight-medium);\n  color: var(--calcite-ui-text-1);\n}\n\n.container {\n  display: inline-flex;\n  block-size: 100%;\n  max-inline-size: 100%;\n  align-items: center;\n}\n\n.title {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n:host span {\n  padding-block: 0;\n  padding-inline: var(--calcite-chip-spacing-unit-l);\n}\n\n:host([closable]) span {\n  padding-inline: var(--calcite-chip-spacing-unit-l) var(--calcite-chip-spacing-unit-s);\n}\n\n:host([icon]:not([closable])) span {\n  padding-block: 0;\n  padding-inline: var(--calcite-chip-spacing-unit-l);\n}\n\n:host button {\n  margin: 0px;\n  display: inline-flex;\n  max-block-size: 100%;\n  min-block-size: 100%;\n  cursor: pointer;\n  align-items: center;\n  align-self: stretch;\n  border-style: none;\n  background-color: transparent;\n  color: var(--calcite-ui-text-1);\n  outline-color: transparent;\n  transition: all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;\n  -webkit-appearance: none;\n  border-start-start-radius: 0;\n  border-start-end-radius: 50px;\n  border-end-end-radius: 50px;\n  border-end-start-radius: 0;\n  padding-block: 0;\n  padding-inline: var(--calcite-chip-spacing-unit-s);\n  color: inherit;\n  --calcite-chip-transparent-hover: var(--calcite-button-transparent-hover);\n  --calcite-chip-transparent-press: var(--calcite-button-transparent-press);\n}\n:host button:hover {\n  background-color: var(--calcite-chip-transparent-hover);\n}\n:host button:focus {\n  background-color: var(--calcite-chip-transparent-hover);\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: -2px;\n}\n:host button:active {\n  background-color: var(--calcite-chip-transparent-press);\n}\n\n.image-container {\n  display: inline-flex;\n  overflow: hidden;\n  border-radius: 50%;\n}\n\n:host slot[name=image]::slotted(*) {\n  display: flex;\n  block-size: 100%;\n  inline-size: 100%;\n  overflow: hidden;\n  border-radius: 50%;\n}\n\n.chip-icon {\n  position: relative;\n  margin-block: 0px;\n  display: inline-flex;\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  margin-inline-end: 0;\n  margin-inline-start: var(--calcite-chip-spacing-unit-l);\n  border-start-start-radius: 0;\n  border-start-end-radius: 50px;\n  border-end-end-radius: 50px;\n  border-end-start-radius: 0;\n}\n\n:host([color=blue]) {\n  border-color: transparent;\n  background-color: var(--calcite-ui-info);\n  color: var(--calcite-ui-text-inverse);\n}\n\n:host([color=red]) {\n  border-color: transparent;\n  background-color: var(--calcite-ui-danger);\n  color: var(--calcite-ui-text-inverse);\n}\n\n:host([color=yellow]) {\n  border-color: transparent;\n  background-color: var(--calcite-ui-warning);\n  color: #151515;\n}\n\n:host([color=green]) {\n  border-color: transparent;\n  background-color: var(--calcite-ui-success);\n  color: #151515;\n}\n\n:host([color=grey]) {\n  border-color: transparent;\n  background-color: var(--calcite-ui-foreground-2);\n  color: var(--calcite-ui-text-1);\n}\n:host([color=grey]) button,\n:host([color=grey]) .close-icon {\n  color: var(--calcite-ui-text-3);\n}\n:host([color=grey]) .chip-icon {\n  color: var(--calcite-ui-icon-color, var(--calcite-ui-text-3));\n}\n\n:host([appearance=clear]), \n:host([appearance=transparent]) {\n  background-color: transparent;\n  color: var(--calcite-ui-text-1);\n}\n\n:host([color=blue][appearance=clear]),\n:host([color=blue][appearance=transparent]) {\n  border-color: var(--calcite-ui-info);\n}\n:host([color=blue][appearance=clear]) .chip-icon,\n:host([color=blue][appearance=transparent]) .chip-icon {\n  color: var(--calcite-ui-icon-color, var(--calcite-ui-info));\n}\n\n:host([color=red][appearance=clear]),\n:host([color=red][appearance=transparent]) {\n  border-color: var(--calcite-ui-danger);\n}\n:host([color=red][appearance=clear]) .chip-icon,\n:host([color=red][appearance=transparent]) .chip-icon {\n  color: var(--calcite-ui-icon-color, var(--calcite-ui-danger));\n}\n\n:host([color=yellow][appearance=clear]),\n:host([color=yellow][appearance=transparent]) {\n  border-color: var(--calcite-ui-warning);\n}\n:host([color=yellow][appearance=clear]) .chip-icon,\n:host([color=yellow][appearance=transparent]) .chip-icon {\n  color: var(--calcite-ui-icon-color, var(--calcite-ui-warning));\n}\n\n:host([color=green][appearance=clear]),\n:host([color=green][appearance=transparent]) {\n  border-color: var(--calcite-ui-success);\n}\n:host([color=green][appearance=clear]) .chip-icon,\n:host([color=green][appearance=transparent]) .chip-icon {\n  color: var(--calcite-ui-icon-color, var(--calcite-ui-success));\n}\n\n:host([color=grey][appearance=clear]),\n:host([color=grey][appearance=transparent]) {\n  border-color: var(--calcite-ui-border-1);\n}\n:host([color=grey][appearance=clear]) .chip-icon,\n:host([color=grey][appearance=transparent]) .chip-icon {\n  color: var(--calcite-ui-icon-color, var(--calcite-ui-text-3));\n}\n\n:host([closed]) {\n  display: none;\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 } from \"@stencil/core\";\nimport { getSlotted } from \"../../utils/dom\";\nimport { guid } from \"../../utils/guid\";\nimport { CSS, TEXT, SLOTS, ICONS } from \"./resources\";\nimport { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from \"../../utils/conditionalSlot\";\n/**\n * @slot - A slot for adding text.\n * @slot image - A slot for adding an image.\n */\nexport class Chip {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Public Properties\n    //\n    //--------------------------------------------------------------------------\n    /** Specifies the appearance style of the component. */\n    this.appearance = \"solid\";\n    /** Specifies the color for the component. */\n    this.color = \"grey\";\n    /**\n     * When `true`, a close button is added to the component.\n     *\n     * @deprecated use `closable` instead.\n     */\n    this.dismissible = false;\n    /** When `true`, a close button is added to the component. */\n    this.closable = false;\n    /**\n     * Accessible name for the component's close button.\n     *\n     * @default \"Close\"\n     */\n    this.dismissLabel = TEXT.close;\n    /** When `true`, the icon will be flipped when the element direction is right-to-left (`\"rtl\"`). */\n    this.iconFlipRtl = false;\n    /** Specifies the size of the component. */\n    this.scale = \"m\";\n    /** When `true`, hides the component. */\n    this.closed = false;\n    // --------------------------------------------------------------------------\n    //\n    //  Private Methods\n    //\n    // --------------------------------------------------------------------------\n    this.closeClickHandler = (event) => {\n      event.preventDefault();\n      this.calciteChipDismiss.emit(this.el);\n      this.closed = true;\n    };\n    this.guid = guid();\n  }\n  handleDismissible(value) {\n    this.closable = value;\n  }\n  handleClosable(value) {\n    this.dismissible = value;\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n  connectedCallback() {\n    connectConditionalSlotComponent(this);\n    if (this.dismissible) {\n      this.handleDismissible(this.dismissible);\n    }\n    if (this.closable) {\n      this.handleClosable(this.closable);\n    }\n  }\n  disconnectedCallback() {\n    disconnectConditionalSlotComponent(this);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus() {\n    var _a;\n    (_a = this.closeButton) === null || _a === void 0 ? void 0 : _a.focus();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  //--------------------------------------------------------------------------\n  renderChipImage() {\n    const { el } = this;\n    const hasChipImage = getSlotted(el, SLOTS.image);\n    return hasChipImage ? (h(\"div\", { class: CSS.imageContainer, key: \"image\" }, h(\"slot\", { name: SLOTS.image }))) : null;\n  }\n  render() {\n    const iconEl = (h(\"calcite-icon\", { class: CSS.chipIcon, flipRtl: this.iconFlipRtl, icon: this.icon, scale: \"s\" }));\n    const closeButton = (h(\"button\", { \"aria-describedby\": this.guid, \"aria-label\": this.dismissLabel, class: CSS.close, onClick: this.closeClickHandler, ref: (el) => (this.closeButton = el) }, h(\"calcite-icon\", { class: CSS.closeIcon, icon: ICONS.close, scale: \"s\" })));\n    return (h(\"div\", { class: \"container\" }, this.renderChipImage(), this.icon ? iconEl : null, h(\"span\", { class: CSS.title, id: this.guid }, h(\"slot\", null)), this.closable ? closeButton : null));\n  }\n  static get is() { return \"calcite-chip\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"chip.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"chip.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"appearance\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Extract<\\\"solid\\\" | \\\"clear\\\", Appearance>\",\n          \"resolved\": \"\\\"clear\\\" | \\\"solid\\\"\",\n          \"references\": {\n            \"Extract\": {\n              \"location\": \"global\"\n            },\n            \"Appearance\": {\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      \"color\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"ChipColor\",\n          \"resolved\": \"\\\"blue\\\" | \\\"green\\\" | \\\"grey\\\" | \\\"red\\\" | \\\"yellow\\\"\",\n          \"references\": {\n            \"ChipColor\": {\n              \"location\": \"import\",\n              \"path\": \"./interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the color for the component.\"\n        },\n        \"attribute\": \"color\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"grey\\\"\"\n      },\n      \"dismissible\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"deprecated\",\n              \"text\": \"use `closable` instead.\"\n            }],\n          \"text\": \"When `true`, a close button is added to the component.\"\n        },\n        \"attribute\": \"dismissible\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"closable\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\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 close button is added to the component.\"\n        },\n        \"attribute\": \"closable\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"dismissLabel\": {\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\": \"\\\"Close\\\"\"\n            }],\n          \"text\": \"Accessible name for the component's close button.\"\n        },\n        \"attribute\": \"dismiss-label\",\n        \"reflect\": false,\n        \"defaultValue\": \"TEXT.close\"\n      },\n      \"icon\": {\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.\"\n        },\n        \"attribute\": \"icon\",\n        \"reflect\": true\n      },\n      \"iconFlipRtl\": {\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`, the icon will be flipped when the element direction is right-to-left (`\\\"rtl\\\"`).\"\n        },\n        \"attribute\": \"icon-flip-rtl\",\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      \"value\": {\n        \"type\": \"any\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"any\",\n          \"resolved\": \"any\",\n          \"references\": {}\n        },\n        \"required\": true,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"The component's value.\"\n        },\n        \"attribute\": \"value\",\n        \"reflect\": false\n      },\n      \"closed\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\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`, hides the component.\"\n        },\n        \"attribute\": \"closed\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      }\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteChipDismiss\",\n        \"name\": \"calciteChipDismiss\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Fires when the dismiss button is clicked.\\n\\n**Note:**: The `el` event payload props is deprecated, please use the event's `target`/`currentTarget` instead.\"\n        },\n        \"complexType\": {\n          \"original\": \"DeprecatedEventPayload\",\n          \"resolved\": \"any\",\n          \"references\": {\n            \"DeprecatedEventPayload\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\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 watchers() {\n    return [{\n        \"propName\": \"dismissible\",\n        \"methodName\": \"handleDismissible\"\n      }, {\n        \"propName\": \"closable\",\n        \"methodName\": \"handleClosable\"\n      }];\n  }\n}\n"],"version":3}

package/dist/cjs/calcite-color-picker-hex-input.cjs.entry.js

@@ -215,3 +215,5 @@ const ColorPickerHexInput = class {
 ColorPickerHexInput.style = colorPickerHexInputCss;
 
 exports.calcite_color_picker_hex_input = ColorPickerHexInput;
+
+//# sourceMappingURL=calcite-color-picker-hex-input.cjs.entry.js.map

package/dist/cjs/calcite-color-picker-hex-input.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-color-picker-hex-input.entry.cjs.js","mappings":"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","names":["Color","TEXT","normalizeHex","isValidHex","isLonghandHex","rgbToHex","hexChar","h","focusElement"],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/color-picker-hex-input/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/color-picker-hex-input/color-picker-hex-input.css?tag=calcite-color-picker-hex-input&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/color-picker-hex-input/color-picker-hex-input.js"],"sourcesContent":["/*!\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  container: \"container\",\n  preview: \"preview\",\n  input: \"input\"\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 {\n  display: block;\n}\n\n.container {\n  display: inline-grid;\n  inline-size: 100%;\n  align-items: center;\n  grid-template-columns: 1fr auto;\n}\n\n.preview {\n  grid-column: 2/3;\n  pointer-events: none;\n  margin-block: 0px;\n  margin-inline: 0.25rem;\n  display: flex;\n  align-items: center;\n}\n\n.preview,\n.input {\n  grid-row: 1;\n}\n\n.input {\n  grid-column: 1/3;\n  inline-size: 100%;\n  text-transform: uppercase;\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 } from \"@stencil/core\";\nimport { hexChar, isLonghandHex, isValidHex, normalizeHex, rgbToHex } from \"../color-picker/utils\";\nimport Color from \"color\";\nimport { CSS } from \"./resources\";\nimport { focusElement } from \"../../utils/dom\";\nimport { TEXT } from \"../color-picker/resources\";\nconst DEFAULT_COLOR = Color();\nexport class ColorPickerHexInput {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Public Properties\n    //\n    //--------------------------------------------------------------------------\n    /**\n     * When `false`, an empty color (`null`) will be allowed as a `value`. Otherwise, a color value is enforced on the component.\n     *\n     * When `true`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`. When `false`, an empty color (`null`) will be allowed as a `value`.\n     */\n    this.allowEmpty = false;\n    /**\n     * Accessible name for the Hex input.\n     *\n     * @default \"Hex\"\n     */\n    this.intlHex = TEXT.hex;\n    /**\n     * Accessible name for the Hex input when there is no color selected.\n     *\n     * @default \"No color\"\n     */\n    this.intlNoColor = TEXT.noColor;\n    /** Specifies the size of the component. */\n    this.scale = \"m\";\n    /**\n     * The Hex value.\n     */\n    this.value = normalizeHex(DEFAULT_COLOR.hex());\n    this.onCalciteInternalInputBlur = () => {\n      const node = this.inputNode;\n      const inputValue = node.value;\n      const hex = `#${inputValue}`;\n      const willClearValue = this.allowEmpty && !inputValue;\n      if (willClearValue || (isValidHex(hex) && isLonghandHex(hex))) {\n        return;\n      }\n      // manipulating DOM directly since rerender doesn't update input value\n      node.value =\n        this.allowEmpty && !this.internalColor\n          ? \"\"\n          : this.formatForInternalInput(rgbToHex(this.internalColor.object()));\n    };\n    this.onInputChange = () => {\n      this.internalSetValue(this.inputNode.value, this.value);\n    };\n    /**\n     * The last valid/selected color. Used as a fallback if an invalid hex code is entered.\n     */\n    this.internalColor = DEFAULT_COLOR;\n    this.previousNonNullValue = this.value;\n    this.storeInputRef = (node) => {\n      this.inputNode = node;\n    };\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  connectedCallback() {\n    const { allowEmpty, value } = this;\n    if (value) {\n      const normalized = normalizeHex(value);\n      if (isValidHex(normalized)) {\n        this.internalSetValue(normalized, normalized, false);\n      }\n      return;\n    }\n    if (allowEmpty) {\n      this.internalSetValue(null, null, false);\n    }\n  }\n  handleValueChange(value, oldValue) {\n    this.internalSetValue(value, oldValue, false);\n  }\n  // using @Listen as a workaround for VDOM listener not firing\n  onInputKeyDown(event) {\n    const { altKey, ctrlKey, metaKey, shiftKey } = event;\n    const { internalColor, value } = this;\n    const { key } = event;\n    if (key === \"Tab\" || key === \"Enter\") {\n      this.onInputChange();\n      return;\n    }\n    const isNudgeKey = key === \"ArrowDown\" || key === \"ArrowUp\";\n    const oldValue = this.value;\n    if (isNudgeKey) {\n      if (!value) {\n        this.internalSetValue(this.previousNonNullValue, oldValue);\n        event.preventDefault();\n        return;\n      }\n      const direction = key === \"ArrowUp\" ? 1 : -1;\n      const bump = shiftKey ? 10 : 1;\n      this.internalSetValue(normalizeHex(this.nudgeRGBChannels(internalColor, bump * direction).hex()), oldValue);\n      event.preventDefault();\n      return;\n    }\n    const withModifiers = altKey || ctrlKey || metaKey;\n    const singleChar = key.length === 1;\n    const validHexChar = hexChar.test(key);\n    if (singleChar && !withModifiers && !validHexChar) {\n      event.preventDefault();\n    }\n  }\n  onPaste(event) {\n    const hex = event.clipboardData.getData(\"text\");\n    if (isValidHex(hex)) {\n      event.preventDefault();\n      this.inputNode.value = hex.slice(1);\n    }\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  render() {\n    const { intlHex, value } = this;\n    const hexInputValue = this.formatForInternalInput(value);\n    return (h(\"div\", { class: CSS.container }, h(\"calcite-input\", { class: CSS.input, label: intlHex, maxLength: 6, numberingSystem: this.numberingSystem, onCalciteInputChange: this.onInputChange, onCalciteInternalInputBlur: this.onCalciteInternalInputBlur, onKeyDown: this.handleKeyDown, onPaste: this.onPaste, prefixText: \"#\", ref: this.storeInputRef, scale: this.scale, value: hexInputValue }), hexInputValue ? (h(\"calcite-color-picker-swatch\", { active: true, class: CSS.preview, color: `#${hexInputValue}`, scale: this.scale })) : null));\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus() {\n    focusElement(this.inputNode);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  internalSetValue(value, oldValue, emit = true) {\n    if (value) {\n      const normalized = normalizeHex(value);\n      if (isValidHex(normalized)) {\n        const { internalColor } = this;\n        const changed = !internalColor || normalized !== normalizeHex(internalColor.hex());\n        this.internalColor = Color(normalized);\n        this.previousNonNullValue = normalized;\n        this.value = normalized;\n        if (changed && emit) {\n          this.calciteColorPickerHexInputChange.emit();\n        }\n        return;\n      }\n    }\n    else if (this.allowEmpty) {\n      this.internalColor = null;\n      this.value = null;\n      if (emit) {\n        this.calciteColorPickerHexInputChange.emit();\n      }\n      return;\n    }\n    this.value = oldValue;\n  }\n  formatForInternalInput(hex) {\n    return hex ? hex.replace(\"#\", \"\") : \"\";\n  }\n  nudgeRGBChannels(color, amount) {\n    return Color.rgb(color.array().map((channel) => channel + amount));\n  }\n  handleKeyDown(event) {\n    if (event.key === \"Enter\") {\n      event.preventDefault();\n    }\n  }\n  static get is() { return \"calcite-color-picker-hex-input\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"color-picker-hex-input.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"color-picker-hex-input.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"allowEmpty\": {\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 `false`, an empty color (`null`) will be allowed as a `value`. Otherwise, a color value is enforced on the component.\\n\\nWhen `true`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`. When `false`, an empty color (`null`) will be allowed as a `value`.\"\n        },\n        \"attribute\": \"allow-empty\",\n        \"reflect\": false,\n        \"defaultValue\": \"false\"\n      },\n      \"intlHex\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"default\",\n              \"text\": \"\\\"Hex\\\"\"\n            }],\n          \"text\": \"Accessible name for the Hex input.\"\n        },\n        \"attribute\": \"intl-hex\",\n        \"reflect\": false,\n        \"defaultValue\": \"TEXT.hex\"\n      },\n      \"intlNoColor\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"default\",\n              \"text\": \"\\\"No color\\\"\"\n            }],\n          \"text\": \"Accessible name for the Hex input when there is no color selected.\"\n        },\n        \"attribute\": \"intl-no-color\",\n        \"reflect\": false,\n        \"defaultValue\": \"TEXT.noColor\"\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      \"value\": {\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          \"text\": \"The Hex value.\"\n        },\n        \"attribute\": \"value\",\n        \"reflect\": true,\n        \"defaultValue\": \"normalizeHex(DEFAULT_COLOR.hex())\"\n      },\n      \"numberingSystem\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"NumberingSystem\",\n          \"resolved\": \"\\\"arab\\\" | \\\"arabext\\\" | \\\"bali\\\" | \\\"beng\\\" | \\\"deva\\\" | \\\"fullwide\\\" | \\\"gujr\\\" | \\\"guru\\\" | \\\"hanidec\\\" | \\\"khmr\\\" | \\\"knda\\\" | \\\"laoo\\\" | \\\"latn\\\" | \\\"limb\\\" | \\\"mlym\\\" | \\\"mong\\\" | \\\"mymr\\\" | \\\"orya\\\" | \\\"tamldec\\\" | \\\"telu\\\" | \\\"thai\\\" | \\\"tibt\\\"\",\n          \"references\": {\n            \"NumberingSystem\": {\n              \"location\": \"import\",\n              \"path\": \"../../utils/locale\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the Unicode numeral system used by the component for localization.\"\n        },\n        \"attribute\": \"numbering-system\",\n        \"reflect\": false\n      }\n    };\n  }\n  static get states() {\n    return {\n      \"internalColor\": {}\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteColorPickerHexInputChange\",\n        \"name\": \"calciteColorPickerHexInputChange\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Emitted when the hex value changes.\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\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 watchers() {\n    return [{\n        \"propName\": \"value\",\n        \"methodName\": \"handleValueChange\"\n      }];\n  }\n  static get listeners() {\n    return [{\n        \"name\": \"keydown\",\n        \"method\": \"onInputKeyDown\",\n        \"target\": undefined,\n        \"capture\": true,\n        \"passive\": false\n      }];\n  }\n}\n"],"version":3}

package/dist/cjs/calcite-color-picker-swatch.cjs.entry.js

@@ -74,3 +74,5 @@ const ColorPickerSwatch = class {
 ColorPickerSwatch.style = colorPickerSwatchCss;
 
 exports.calcite_color_picker_swatch = ColorPickerSwatch;
+
+//# sourceMappingURL=calcite-color-picker-swatch.cjs.entry.js.map

package/dist/cjs/calcite-color-picker-swatch.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"calcite-color-picker-swatch.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACO,MAAM,GAAG,GAAG;AACnB,EAAE,MAAM,EAAE,QAAQ;AAClB,EAAE,WAAW,EAAE,eAAe;AAC9B,CAAC,CAAC;AACK,MAAM,MAAM,GAAG;AACtB,EAAE,WAAW,EAAE,oBAAoB;AACnC,EAAE,UAAU,EAAE,2BAA2B;AACzC,CAAC;;ACZD,MAAM,oBAAoB,GAAG,6tDAA6tD;;MCS7uD,iBAAiB;EAC5B;;;;;;;;;;IASE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;;;;IAIpB,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;GAClB;EACD,iBAAiB,CAAC,KAAK;IACrB,IAAI,CAAC,aAAa,GAAGA,aAAK,CAAC,KAAK,CAAC,CAAC;GACnC;;;;;;EAMD,iBAAiB;IACf,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;GACpC;EACD,MAAM;IACJ,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;IAC3C,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC;IAC3C,MAAM,GAAG,GAAG,aAAa,CAAC,GAAG,EAAE,CAAC;IAChC,MAAM,KAAK,GAAGC,gBAAY,CAAC,EAAE,CAAC,CAAC;IAC/B,MAAM,WAAW,GAAG,KAAK,KAAK,OAAO,GAAG,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;IAC/E,QAAQC,OAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,4BAA4B,EAAE,EAAEA,OAAC,CAAC,OAAO,EAAE,IAAI,EAAE,GAAG,CAAC,EAAEA,OAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,iBAAiB,YAAY,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE;GACnS;;;;;;;;;;","names":["Color","getThemeName","h"],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/color-picker-swatch/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/color-picker-swatch/color-picker-swatch.css?tag=calcite-color-picker-swatch&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/color-picker-swatch/color-picker-swatch.js"],"sourcesContent":["/*!\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  swatch: \"swatch\",\n  noColorIcon: \"no-color-icon\"\n};\nexport const COLORS = {\n  borderLight: \"rgba(0, 0, 0, 0.3)\",\n  borderDark: \"rgba(255, 255, 255, 0.15)\"\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 {\n  position: relative;\n  display: inline-flex;\n}\n\n:host([scale=s]) {\n  block-size: 1.25rem;\n  inline-size: 1.25rem;\n}\n\n:host([scale=m]) {\n  block-size: 1.5rem;\n  inline-size: 1.5rem;\n}\n\n:host([scale=l]) {\n  block-size: 2rem;\n  inline-size: 2rem;\n}\n\n.swatch {\n  overflow: visible;\n  block-size: inherit;\n  inline-size: inherit;\n}\n.swatch rect {\n  transition-property: all;\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.no-color-icon {\n  position: absolute;\n  inset: 0px;\n  block-size: 100%;\n  inline-size: 100%;\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 } from \"@stencil/core\";\nimport Color from \"color\";\nimport { COLORS, CSS } from \"./resources\";\nimport { getThemeName } from \"../../utils/dom\";\nexport class ColorPickerSwatch {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    //--------------------------------------------------------------------------\n    /**\n     * When `true`, the component is active.\n     */\n    this.active = false;\n    /**\n     * Specifies the size of the component.\n     */\n    this.scale = \"m\";\n  }\n  handleColorChange(color) {\n    this.internalColor = Color(color);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  componentWillLoad() {\n    this.handleColorChange(this.color);\n  }\n  render() {\n    const { active, el, internalColor } = this;\n    const borderRadius = active ? \"100%\" : \"0\";\n    const hex = internalColor.hex();\n    const theme = getThemeName(el);\n    const borderColor = theme === \"light\" ? COLORS.borderLight : COLORS.borderDark;\n    return (h(\"svg\", { class: CSS.swatch, xmlns: \"http://www.w3.org/2000/svg\" }, h(\"title\", null, hex), h(\"rect\", { fill: hex, height: \"100%\", id: \"swatch\", rx: borderRadius, stroke: borderColor, \"stroke-width\": \"2\", style: { \"clip-path\": `inset(0 round ${borderRadius})` }, width: \"100%\" })));\n  }\n  static get is() { return \"calcite-color-picker-swatch\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"color-picker-swatch.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"color-picker-swatch.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"active\": {\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`, the component is active.\"\n        },\n        \"attribute\": \"active\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"color\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"see\",\n              \"text\": \"https://developer.mozilla.org/en-US/docs/Web/CSS/color_value\"\n            }],\n          \"text\": \"The color value.\"\n        },\n        \"attribute\": \"color\",\n        \"reflect\": 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    };\n  }\n  static get elementRef() { return \"el\"; }\n  static get watchers() {\n    return [{\n        \"propName\": \"color\",\n        \"methodName\": \"handleColorChange\"\n      }];\n  }\n}\n"],"version":3}

package/dist/cjs/calcite-color-picker.cjs.entry.js

@@ -915,3 +915,5 @@ const ColorPicker = class {
 ColorPicker.style = colorPickerCss;
 
 exports.calcite_color_picker = ColorPicker;
+
+//# sourceMappingURL=calcite-color-picker.cjs.entry.js.map