@esri/solutions-components 0.0.2 → 0.0.6

package/dist/esm/calcite-alert.entry.js.map

@@ -1 +0,0 @@
-{"file":"calcite-alert.entry.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/calcite-alert/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/calcite-alert/calcite-alert.css?tag=calcite-alert&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/calcite-alert/calcite-alert.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 */\nexport const TEXT = {\n  intlClose: \"Close\"\n};\nexport const DURATIONS = {\n  slow: 14000,\n  medium: 10000,\n  fast: 6000\n};\nexport const SLOTS = {\n  title: \"title\",\n  message: \"message\",\n  link: \"link\"\n};\n","/* mixins & extensions */\n\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n\n:root {\n  --calcite-animation-timing: 300ms;\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/**\n* Currently only used in Checkbox.\n*/\n\n:root {\n  --calcite-popper-transition: 150ms ease-in-out;\n}\n\n:host([hidden]) {\n  display: none;\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-alert-width: the width of the alert\n*/\n\n:host([scale=s]) {\n  --calcite-alert-width: 40em;\n  --calcite-alert-spacing-token-small: 0.5rem;\n  --calcite-alert-spacing-token-large: 0.75rem;\n}\n\n:host([scale=s]) slot[name=title]::slotted(*),\n:host([scale=s]) *::slotted([slot=title]) {\n  font-size: var(--calcite-font-size--1);\n  line-height: 1.375;\n}\n\n:host([scale=s]) slot[name=message]::slotted(*),\n:host([scale=s]) *::slotted([slot=message]) {\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n}\n\n:host([scale=s]) slot[name=link]::slotted(*),\n:host([scale=s]) *::slotted([slot=link]) {\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n}\n\n:host([scale=s]) .alert-queue-count {\n  margin-left: 0.5rem;\n  margin-right: 0.5rem;\n}\n\n:host([scale=s]) .container {\n  --calcite-alert-min-height: 3.5rem;\n}\n\n:host([scale=s]) .alert-close {\n  padding: 0.5rem;\n}\n\n:host([scale=m]) {\n  --calcite-alert-width: 50em;\n  --calcite-alert-spacing-token-small: 0.75rem;\n  --calcite-alert-spacing-token-large: 1rem;\n}\n\n:host([scale=m]) slot[name=title]::slotted(*),\n:host([scale=m]) *::slotted([slot=title]) {\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.375;\n}\n\n:host([scale=m]) slot[name=message]::slotted(*),\n:host([scale=m]) *::slotted([slot=message]) {\n  font-size: var(--calcite-font-size--1);\n  line-height: 1.375;\n}\n\n:host([scale=m]) slot[name=link]::slotted(*),\n:host([scale=m]) *::slotted([slot=link]) {\n  font-size: var(--calcite-font-size--1);\n  line-height: 1.375;\n}\n\n:host([scale=m]) .alert-queue-count {\n  margin-left: 0.75rem;\n  margin-right: 0.75rem;\n}\n\n:host([scale=m]) .container {\n  --calcite-alert-min-height: 4.1875rem;\n}\n\n:host([scale=l]) {\n  --calcite-alert-width: 60em;\n  --calcite-alert-spacing-token-small: 1rem;\n  --calcite-alert-spacing-token-large: 1.25rem;\n}\n\n:host([scale=l]) slot[name=title]::slotted(*),\n:host([scale=l]) *::slotted([slot=title]) {\n  font-size: var(--calcite-font-size-1);\n  line-height: 1.375;\n  margin-bottom: 0.25rem;\n}\n\n:host([scale=l]) slot[name=message]::slotted(*),\n:host([scale=l]) *::slotted([slot=message]) {\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.375;\n}\n\n:host([scale=l]) slot[name=link]::slotted(*),\n:host([scale=l]) *::slotted([slot=link]) {\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.375;\n}\n\n:host([scale=l]) .alert-queue-count {\n  margin-left: 1rem;\n  margin-right: 1rem;\n}\n\n:host([scale=l]) .container {\n  --calcite-alert-min-height: 5.625rem;\n}\n\n:host {\n  display: block;\n}\n\n:host .container {\n  box-shadow: 0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);\n  display: flex;\n  position: fixed;\n  justify-content: center;\n  align-items: center;\n  pointer-events: none;\n  margin-top: 0;\n  margin-bottom: 0;\n  margin-left: auto;\n  margin-right: auto;\n  background-color: var(--calcite-ui-foreground-1);\n  opacity: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border-radius: var(--calcite-border-radius);\n  border-top: 0px solid transparent;\n  border-left: 1px solid var(--calcite-ui-border-3);\n  border-right: 1px solid var(--calcite-ui-border-3);\n  border-bottom: 1px solid var(--calcite-ui-border-3);\n  min-height: var(--calcite-alert-min-height);\n  width: var(--calcite-alert-width);\n  max-width: 90%;\n  max-height: 0;\n  z-index: 101;\n  transform: translate3d(0, 1.5rem, 0);\n  transition: 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity 300ms cubic-bezier(0.215, 0.44, 0.42, 0.88), all 0.15s ease-in-out;\n}\n\n.container {\n  display: flex;\n  width: 100%;\n  justify-content: center;\n  align-items: center;\n}\n\n.alert-close {\n  outline-offset: 0;\n  outline-color: transparent;\n  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;\n}\n\n.alert-close:focus {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: -2px;\n}\n\n:host([active]) .container:not(.queued) {\n  opacity: 1;\n  max-height: 100%;\n  border-top-width: 2px;\n  transform: translate3d(0, -1.5rem, 0);\n  pointer-events: initial;\n}\n\nslot[name=title]::slotted(*),\n*::slotted([slot=title]) {\n  font-weight: var(--calcite-font-weight-medium);\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.375;\n  color: var(--calcite-ui-text-1);\n}\n\nslot[name=message]::slotted(*),\n*::slotted([slot=message]) {\n  display: inline;\n  margin: 0;\n  margin-right: 0.5rem;\n  font-weight: var(--calcite-font-weight-normal);\n  font-size: var(--calcite-font-size--1);\n  line-height: 1.375;\n  color: var(--calcite-ui-text-2);\n}\n\nslot[name=link]::slotted(*),\n*::slotted([slot=link]) {\n  color: var(--calcite-ui-text-link);\n  display: inline-flex;\n}\n\n.calcite--rtl slot[name=message]::slotted(*),\n.calcite--rtl *::slotted([slot=message]) {\n  margin-left: 0.5rem;\n  margin-right: unset;\n}\n\n.alert-content {\n  padding: var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);\n  flex: 0 0 auto;\n  transition: all 0.15s ease-in-out;\n  word-wrap: break-word;\n  overflow-wrap: break-word;\n  background-color: var(--calcite-ui-foreground-1);\n  flex: 1 1 auto;\n  min-width: 0;\n  padding: var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-small) 0;\n  border-bottom-left-radius: var(--calcite-border-radius);\n  border-bottom-right-radius: var(--calcite-border-radius);\n}\n\n.alert-content:first-of-type:not(:only-child) {\n  padding-left: var(--calcite-alert-spacing-token-large);\n}\n\n.alert-content:only-child {\n  padding: var(--calcite-alert-spacing-token-small);\n}\n\n.calcite--rtl .alert-content {\n  padding: var(--calcite-alert-spacing-token-small) 0 var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-small);\n}\n\n.calcite--rtl .alert-content:first-of-type:not(:only-child) {\n  padding-right: var(--calcite-alert-spacing-token-large);\n}\n\n.alert-icon {\n  padding: var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);\n  flex: 0 0 auto;\n  transition: all 0.15s ease-in-out;\n  padding-top: 0;\n  padding-bottom: 0;\n  display: flex;\n  align-self: stretch;\n  align-items: center;\n  background-color: var(--calcite-ui-foreground-1);\n}\n\n.alert-close {\n  padding: var(--calcite-alert-spacing-token-small) var(--calcite-alert-spacing-token-large);\n  flex: 0 0 auto;\n  transition: all 0.15s ease-in-out;\n  padding-top: 0;\n  padding-bottom: 0;\n  align-self: stretch;\n  background-color: var(--calcite-ui-foreground-1);\n  border-style: none;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  cursor: pointer;\n  color: var(--calcite-ui-text-3);\n  overflow: hidden;\n  border-bottom-right-radius: var(--calcite-border-radius);\n}\n\n.alert-close:hover, .alert-close:focus {\n  color: var(--calcite-ui-text-1);\n  background-color: var(--calcite-ui-foreground-2);\n}\n\n.alert-close:active {\n  background-color: var(--calcite-ui-foreground-3);\n}\n\n.calcite--rtl .alert-close {\n  border-bottom-left-radius: var(--calcite-border-radius);\n  border-bottom-right-radius: unset;\n}\n\n.alert-queue-count {\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  align-self: stretch;\n  overflow: hidden;\n  visibility: hidden;\n  font-weight: var(--calcite-font-weight-medium);\n  text-align: center;\n  color: var(--calcite-ui-text-2);\n  background-color: var(--calcite-ui-foreground-1);\n  opacity: 0;\n  cursor: default;\n  border-left: 0px solid transparent;\n  border-right: 0px solid transparent;\n  border-top-right-radius: 0;\n  transition: all 0.15s ease-in-out;\n}\n\n.alert-queue-count.active {\n  visibility: visible;\n  opacity: 1;\n}\n\n:host([auto-dismiss]) > .alert-queue-count {\n  border-right: 0px solid transparent;\n}\n\n:host([auto-dismiss]) .calcite--rtl > .alert-queue-count {\n  border-left: 0px solid transparent;\n}\n\n.alert-dismiss-progress {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  width: 100%;\n  overflow: hidden;\n  top: -2px;\n  height: 2px;\n  z-index: 103;\n  border-radius: var(--calcite-border-radius) var(--calcite-border-radius) 0 0;\n}\n\n.alert-dismiss-progress:after {\n  top: 0;\n  right: 0;\n  display: block;\n  position: absolute;\n  height: 2px;\n  content: \"\";\n  background-color: var(--calcite-alert-dismiss-progress-background);\n  z-index: 104;\n}\n\n.calcite--rtl .alert-dismiss-progress:after {\n  left: 0;\n  right: initial;\n}\n\n:host([color=blue]) .container {\n  border-top-color: var(--calcite-ui-info);\n}\n\n:host([color=blue]) .container .alert-icon {\n  color: var(--calcite-ui-info);\n}\n\n:host([color=red]) .container {\n  border-top-color: var(--calcite-ui-danger);\n}\n\n:host([color=red]) .container .alert-icon {\n  color: var(--calcite-ui-danger);\n}\n\n:host([color=yellow]) .container {\n  border-top-color: var(--calcite-ui-warning);\n}\n\n:host([color=yellow]) .container .alert-icon {\n  color: var(--calcite-ui-warning);\n}\n\n:host([color=green]) .container {\n  border-top-color: var(--calcite-ui-success);\n}\n\n:host([color=green]) .container .alert-icon {\n  color: var(--calcite-ui-success);\n}\n\n:host([auto-dismiss-duration=fast]) .alert-dismiss-progress:after {\n  animation: dismissProgress 6000ms ease-out;\n}\n\n:host([auto-dismiss-duration=medium]) .alert-dismiss-progress:after {\n  animation: dismissProgress 10000ms ease-out;\n}\n\n:host([auto-dismiss-duration=slow]) .alert-dismiss-progress:after {\n  animation: dismissProgress 14000ms ease-out;\n}\n\n@keyframes dismissProgress {\n  0% {\n    width: 0;\n    opacity: 0.75;\n  }\n\n  100% {\n    width: 100%;\n    opacity: 1;\n  }\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 */\nimport { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from \"@stencil/core\";\nimport { getElementDir, setRequestedIcon } from \"../../utils/dom\";\nimport { DURATIONS, SLOTS, TEXT } from \"./resources\";\nimport { StatusIcons } from \"./interfaces\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\n/** Alerts are meant to provide a way to communicate urgent or important information to users, frequently as a result of an action they took in your app. Alerts are positioned\n * at the bottom of the page. Multiple opened alerts will be added to a queue, allowing users to dismiss them in the order they are provided.\n */\n/**\n * @slot title - Title of the alert (optional)\n * @slot message - Main text of the alert\n * @slot link - Optional action to take from the alert (undo, try again, link to page, etc.)\n */\nexport class CalciteAlert {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    //---------------------------------------------------------------------------\n    /** Is the alert currently active or not */\n    this.active = false;\n    /** Close the alert automatically (recommended for passive, non-blocking alerts) */\n    this.autoDismiss = false;\n    /** Duration of autoDismiss (only used with `autoDismiss`) */\n    this.autoDismissDuration = this.autoDismiss ? \"medium\" : null;\n    /** Color for the alert (will apply to top border and icon) */\n    this.color = \"blue\";\n    /** string to override English close text\n     * @default \"Close\"\n     */\n    this.intlClose = TEXT.intlClose;\n    /** specify the scale of the button, defaults to m */\n    this.scale = \"m\";\n    //--------------------------------------------------------------------------\n    //\n    //  Private State/Props\n    //\n    //--------------------------------------------------------------------------\n    /** the list of queued alerts */\n    this.queue = [];\n    /** the count of queued alerts */\n    this.queueLength = 0;\n    /** is the alert queued */\n    this.queued = false;\n    /** close and emit the closed alert and the queue */\n    this.closeAlert = () => {\n      this.queued = false;\n      this.active = false;\n      this.queue = this.queue.filter((e) => e !== this.el);\n      this.determineActiveAlert();\n      this.calciteAlertSync.emit({ queue: this.queue });\n      this.calciteAlertClose.emit({\n        el: this.el,\n        queue: this.queue\n      });\n    };\n  }\n  watchActive() {\n    if (this.active && !this.queued) {\n      this.calciteAlertRegister.emit();\n    }\n    if (!this.active) {\n      this.queue = this.queue.filter((e) => e !== this.el);\n      this.calciteAlertSync.emit({ queue: this.queue });\n    }\n  }\n  updateRequestedIcon() {\n    this.requestedIcon = setRequestedIcon(StatusIcons, this.icon, this.color);\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  connectedCallback() {\n    if (this.active && !this.queued) {\n      this.calciteAlertRegister.emit();\n    }\n  }\n  componentWillLoad() {\n    this.requestedIcon = setRequestedIcon(StatusIcons, this.icon, this.color);\n  }\n  componentDidLoad() {\n    this.alertLinkEl = this.el.querySelectorAll(\"calcite-link\")[0];\n  }\n  render() {\n    const dir = getElementDir(this.el);\n    const closeButton = (h(\"button\", { \"aria-label\": this.intlClose, class: \"alert-close\", onClick: this.closeAlert, ref: (el) => (this.closeButton = el), type: \"button\" },\n      h(\"calcite-icon\", { icon: \"x\", scale: this.scale === \"l\" ? \"m\" : \"s\" })));\n    const queueText = `+${this.queueLength > 2 ? this.queueLength - 1 : 1}`;\n    const queueCount = (h(\"div\", { class: `${this.queueLength > 1 ? \"active \" : \"\"}alert-queue-count` },\n      h(\"calcite-chip\", { scale: this.scale, value: queueText }, queueText)));\n    const { active, autoDismiss, label, queued, requestedIcon } = this;\n    const progress = h(\"div\", { class: \"alert-dismiss-progress\" });\n    const role = autoDismiss ? \"alert\" : \"alertdialog\";\n    const hidden = !active;\n    return (h(Host, { \"aria-hidden\": hidden.toString(), \"aria-label\": label, \"calcite-hydrated-hidden\": hidden, role: role },\n      h(\"div\", { class: {\n          container: true,\n          queued,\n          [CSS_UTILITY.rtl]: dir === \"rtl\"\n        } },\n        requestedIcon ? (h(\"div\", { class: \"alert-icon\" },\n          h(\"calcite-icon\", { icon: requestedIcon, scale: this.scale === \"l\" ? \"m\" : \"s\" }))) : null,\n        h(\"div\", { class: \"alert-content\" },\n          h(\"slot\", { name: SLOTS.title }),\n          h(\"slot\", { name: SLOTS.message }),\n          h(\"slot\", { name: SLOTS.link })),\n        queueCount,\n        !autoDismiss ? closeButton : null,\n        active && !queued && autoDismiss ? progress : null)));\n  }\n  // when an alert is opened or closed, update queue and determine active alert\n  alertSync(event) {\n    if (this.queue !== event.detail.queue) {\n      this.queue = event.detail.queue;\n    }\n    this.queueLength = this.queue.length;\n    this.determineActiveAlert();\n  }\n  // when an alert is first registered, trigger a queue sync to get queue\n  alertRegister() {\n    if (this.active && !this.queue.includes(this.el)) {\n      this.queued = true;\n      this.queue.push(this.el);\n    }\n    this.calciteAlertSync.emit({ queue: this.queue });\n    this.determineActiveAlert();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus() {\n    if (!this.closeButton && !this.alertLinkEl) {\n      return;\n    }\n    else if (this.alertLinkEl) {\n      this.alertLinkEl.setFocus();\n    }\n    else if (this.closeButton) {\n      this.closeButton.focus();\n    }\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  /** determine which alert is active */\n  determineActiveAlert() {\n    var _a;\n    if (((_a = this.queue) === null || _a === void 0 ? void 0 : _a[0]) === this.el) {\n      this.openAlert();\n      clearTimeout(this.autoDismissTimeout);\n      if (this.autoDismiss) {\n        this.autoDismissTimeout = window.setTimeout(() => this.closeAlert(), DURATIONS[this.autoDismissDuration]);\n      }\n    }\n    else {\n      return;\n    }\n  }\n  /** emit the opened alert and the queue */\n  openAlert() {\n    clearTimeout(this.queueTimeout);\n    this.queueTimeout = window.setTimeout(() => (this.queued = false), 300);\n    this.calciteAlertOpen.emit({\n      el: this.el,\n      queue: this.queue\n    });\n  }\n  static get is() { return \"calcite-alert\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"calcite-alert.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"calcite-alert.css\"]\n  }; }\n  static get properties() { return {\n    \"active\": {\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\": \"Is the alert currently active or not\"\n      },\n      \"attribute\": \"active\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"autoDismiss\": {\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\": \"Close the alert automatically (recommended for passive, non-blocking alerts)\"\n      },\n      \"attribute\": \"auto-dismiss\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"autoDismissDuration\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"AlertDuration\",\n        \"resolved\": \"\\\"fast\\\" | \\\"medium\\\" | \\\"slow\\\"\",\n        \"references\": {\n          \"AlertDuration\": {\n            \"location\": \"import\",\n            \"path\": \"./interfaces\"\n          }\n        }\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Duration of autoDismiss (only used with `autoDismiss`)\"\n      },\n      \"attribute\": \"auto-dismiss-duration\",\n      \"reflect\": true,\n      \"defaultValue\": \"this.autoDismiss ? \\\"medium\\\" : null\"\n    },\n    \"color\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"StatusColor\",\n        \"resolved\": \"\\\"blue\\\" | \\\"green\\\" | \\\"red\\\" | \\\"yellow\\\"\",\n        \"references\": {\n          \"StatusColor\": {\n            \"location\": \"import\",\n            \"path\": \"./interfaces\"\n          }\n        }\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Color for the alert (will apply to top border and icon)\"\n      },\n      \"attribute\": \"color\",\n      \"reflect\": true,\n      \"defaultValue\": \"\\\"blue\\\"\"\n    },\n    \"icon\": {\n      \"type\": \"any\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string | boolean\",\n        \"resolved\": \"boolean | string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"when used as a boolean set to true, show a default recommended icon. You can\\nalso pass a calcite-ui-icon name to this prop to display a requested icon\"\n      },\n      \"attribute\": \"icon\",\n      \"reflect\": true\n    },\n    \"intlClose\": {\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\": \"\\\"Close\\\"\"\n          }],\n        \"text\": \"string to override English close text\"\n      },\n      \"attribute\": \"intl-close\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.intlClose\"\n    },\n    \"label\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": true,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Accessible name for the component\"\n      },\n      \"attribute\": \"label\",\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\": \"specify the scale of the button, defaults to m\"\n      },\n      \"attribute\": \"scale\",\n      \"reflect\": true,\n      \"defaultValue\": \"\\\"m\\\"\"\n    }\n  }; }\n  static get states() { return {\n    \"queue\": {},\n    \"queueLength\": {},\n    \"queued\": {},\n    \"requestedIcon\": {}\n  }; }\n  static get events() { return [{\n      \"method\": \"calciteAlertClose\",\n      \"name\": \"calciteAlertClose\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Fired when an alert is closed\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }, {\n      \"method\": \"calciteAlertOpen\",\n      \"name\": \"calciteAlertOpen\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Fired when an alert is opened\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }, {\n      \"method\": \"calciteAlertSync\",\n      \"name\": \"calciteAlertSync\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"internal\",\n            \"text\": undefined\n          }],\n        \"text\": \"Fired to sync queue when opened or closed\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }, {\n      \"method\": \"calciteAlertRegister\",\n      \"name\": \"calciteAlertRegister\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"internal\",\n            \"text\": undefined\n          }],\n        \"text\": \"Fired when an alert is added to dom - used to receive initial queue\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }]; }\n  static get methods() { 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  static get elementRef() { return \"el\"; }\n  static get watchers() { return [{\n      \"propName\": \"active\",\n      \"methodName\": \"watchActive\"\n    }, {\n      \"propName\": \"icon\",\n      \"methodName\": \"updateRequestedIcon\"\n    }, {\n      \"propName\": \"color\",\n      \"methodName\": \"updateRequestedIcon\"\n    }]; }\n  static get listeners() { return [{\n      \"name\": \"calciteAlertSync\",\n      \"method\": \"alertSync\",\n      \"target\": \"window\",\n      \"capture\": false,\n      \"passive\": false\n    }, {\n      \"name\": \"calciteAlertRegister\",\n      \"method\": \"alertRegister\",\n      \"target\": \"window\",\n      \"capture\": false,\n      \"passive\": false\n    }]; }\n}\n"],"version":3}

package/dist/esm/calcite-avatar.entry.js.map

@@ -1 +0,0 @@
-{"file":"calcite-avatar.entry.js","mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACO,SAAS,WAAW,CAAC,GAAG,EAAE;AACjC,EAAE,IAAI,IAAI,GAAG,CAAC,CAAC;AACf,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACvC,IAAI,IAAI,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC;AACpD,GAAG;AACH,EAAE,IAAI,GAAG,GAAG,GAAG,CAAC;AAChB,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;AAC9B,IAAI,MAAM,KAAK,GAAG,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC;AAC3C,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAClD,GAAG;AACH,EAAE,OAAO,GAAG,CAAC;AACb,CAAC;AACD;AACA;AACA;AACO,SAAS,QAAQ,CAAC,GAAG,EAAE;AAC9B,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC;AACxB,EAAE,CAAC,IAAI,GAAG,CAAC;AACX,EAAE,CAAC,IAAI,GAAG,CAAC;AACX,EAAE,CAAC,IAAI,GAAG,CAAC;AACX,EAAE,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAChC,EAAE,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAChC,EAAE,MAAM,KAAK,GAAG,GAAG,GAAG,GAAG,CAAC;AAC1B,EAAE,IAAI,GAAG,KAAK,GAAG,EAAE;AACnB,IAAI,OAAO,CAAC,CAAC;AACb,GAAG;AACH,EAAE,IAAI,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,CAAC;AAC5B,EAAE,QAAQ,GAAG;AACb,IAAI,KAAK,CAAC;AACV,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AAC9C,MAAM,MAAM;AACZ,IAAI,KAAK,CAAC;AACV,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC;AAChC,MAAM,MAAM;AACZ,IAAI,KAAK,CAAC;AACV,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC;AAChC,MAAM,MAAM;AACZ,GAAG;AACH,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC;AAC9B,CAAC;AACD;AACA;AACA;AACA;AACO,SAAS,QAAQ,CAAC,GAAG,EAAE;AAC9B,EAAE,OAAO,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;AACjC;;ACvDA,MAAM,gBAAgB,GAAG,04CAA04C;;ICSt5C,aAAa;EACxB;;;;;;;;IAOE,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;;;;;;;IAOjB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;GACpB;;;;;;EAMD,MAAM;IACJ,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAC;GAChC;;;;;;EAMD,gBAAgB;IACd,MAAM,GAAG,GAAG,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACnC,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;MACjC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,EAAE;KACvH;IACD,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;IACzC,MAAM,eAAe,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;IACjD,QAAQ,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,EAAE,EAAE,QAAQ,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE;GAC7O;;;;EAID,iBAAiB;IACf,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,IAAI,CAAC;IAChD,MAAM,KAAK,GAAG,YAAY,CAAC,EAAE,CAAC,CAAC;IAC/B,MAAM,EAAE,GAAG,MAAM,IAAI,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC;IAC5D,MAAM,IAAI,GAAG,QAAQ,IAAI,QAAQ,IAAI,EAAE,CAAC;IACxC,MAAM,GAAG,GAAG,EAAE,IAAI,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;;IAE1D,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;MAC1C,OAAO,gCAAgC,CAAC;KACzC;IACD,MAAM,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC1B,MAAM,CAAC,GAAG,KAAK,KAAK,MAAM,GAAG,EAAE,GAAG,EAAE,CAAC;IACrC,OAAO,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC;GAClC;;;;EAID,gBAAgB;IACd,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IACpC,IAAI,QAAQ,EAAE;MACZ,OAAO,QAAQ;SACZ,IAAI,EAAE;SACN,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SACnC,IAAI,CAAC,EAAE,CAAC,CAAC;KACb;SACI,IAAI,QAAQ,EAAE;MACjB,OAAO,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;KACjC;IACD,OAAO,KAAK,CAAC;GACd;;;;;;;","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/calcite-avatar/utils.js","./node_modules/@esri/calcite-components/dist/collection/components/calcite-avatar/calcite-avatar.css?tag=calcite-avatar&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/calcite-avatar/calcite-avatar.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 */\nimport { hexToRGB } from \"../calcite-color-picker/utils\";\n/**\n * Convert a string to a valid hex by hashing its contents\n * and using the hash as a seed for three distinct color values\n */\nexport function stringToHex(str) {\n  let hash = 0;\n  for (let i = 0; i < str.length; i++) {\n    hash = str.charCodeAt(i) + ((hash << 5) - hash);\n  }\n  let hex = \"#\";\n  for (let j = 0; j < 3; j++) {\n    const value = (hash >> (j * 8)) & 0xff;\n    hex += (\"00\" + value.toString(16)).substr(-2);\n  }\n  return hex;\n}\n/**\n * Find the hue of a color given the separate RGB color channels\n */\nexport function rgbToHue(rgb) {\n  let { r, g, b } = rgb;\n  r /= 255;\n  g /= 255;\n  b /= 255;\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  const delta = max - min;\n  if (max === min) {\n    return 0;\n  }\n  let hue = (max + min) / 2;\n  switch (max) {\n    case r:\n      hue = (g - b) / delta + (g < b ? 6 : 0);\n      break;\n    case g:\n      hue = (b - r) / delta + 2;\n      break;\n    case b:\n      hue = (r - g) / delta + 4;\n      break;\n  }\n  return Math.round(hue * 60);\n}\n/**\n * For a hex color, find the hue\n * @param hex {string} - form of \"#------\"\n */\nexport function hexToHue(hex) {\n  return rgbToHue(hexToRGB(hex));\n}\n","/* mixins & extensions */\n\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n\n:root {\n  --calcite-animation-timing: 300ms;\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/**\n* Currently only used in Checkbox.\n*/\n\n:root {\n  --calcite-popper-transition: 150ms ease-in-out;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  overflow: hidden;\n}\n\n:host([scale=s]) {\n  width: 1.5rem;\n  height: 1.5rem;\n  font-size: var(--calcite-font-size--3);\n}\n\n:host([scale=m]) {\n  width: 2rem;\n  height: 2rem;\n  font-size: var(--calcite-font-size--2);\n}\n\n:host([scale=l]) {\n  width: 2.75rem;\n  height: 2.75rem;\n  font-size: var(--calcite-font-size-0);\n}\n\n.icon {\n  display: flex;\n}\n\n.background {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n}\n\n.initials {\n  font-weight: var(--calcite-font-weight-bold);\n  text-transform: uppercase;\n  color: var(--calcite-ui-text-3);\n}\n\n.thumbnail {\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\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 */\nimport { Component, Element, h, Prop, State } from \"@stencil/core\";\nimport { getElementDir } from \"../../utils/dom\";\nimport { isValidHex } from \"../calcite-color-picker/utils\";\nimport { hexToHue, stringToHex } from \"./utils\";\nimport { getThemeName } from \"../../utils/dom\";\nexport class CalciteAvatar {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    //--------------------------------------------------------------------------\n    /** specify the scale of the avatar, defaults to m */\n    this.scale = \"m\";\n    //--------------------------------------------------------------------------\n    //\n    //  Private State/Props\n    //\n    //--------------------------------------------------------------------------\n    /** True if thumnail fails to load */\n    this.error = false;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  render() {\n    return this.determineContent();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  determineContent() {\n    const dir = getElementDir(this.el);\n    if (this.thumbnail && !this.error) {\n      return (h(\"img\", { alt: \"\", class: \"thumbnail\", dir: dir, onError: () => (this.error = true), src: this.thumbnail }));\n    }\n    const initials = this.generateInitials();\n    const backgroundColor = this.generateFillColor();\n    return (h(\"span\", { class: \"background\", dir: dir, style: { backgroundColor } }, initials ? (h(\"span\", { \"aria-hidden\": \"true\", class: \"initials\" }, initials)) : (h(\"calcite-icon\", { class: \"icon\", icon: \"user\", scale: this.scale }))));\n  }\n  /**\n   * Generate a valid background color that is consistent and unique to this user\n   */\n  generateFillColor() {\n    const { userId, username, fullName, el } = this;\n    const theme = getThemeName(el);\n    const id = userId && `#${userId.substr(userId.length - 6)}`;\n    const name = username || fullName || \"\";\n    const hex = id && isValidHex(id) ? id : stringToHex(name);\n    // if there is not unique information, or an invalid hex is produced, return a default\n    if ((!userId && !name) || !isValidHex(hex)) {\n      return `var(--calcite-ui-foreground-2)`;\n    }\n    const hue = hexToHue(hex);\n    const l = theme === \"dark\" ? 20 : 90;\n    return `hsl(${hue}, 60%, ${l}%)`;\n  }\n  /**\n   * Use fullname or username to generate initials\n   */\n  generateInitials() {\n    const { fullName, username } = this;\n    if (fullName) {\n      return fullName\n        .trim()\n        .split(\" \")\n        .map((name) => name.substring(0, 1))\n        .join(\"\");\n    }\n    else if (username) {\n      return username.substring(0, 2);\n    }\n    return false;\n  }\n  static get is() { return \"calcite-avatar\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"calcite-avatar.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"calcite-avatar.css\"]\n  }; }\n  static get properties() { return {\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\": \"specify the scale of the avatar, defaults to m\"\n      },\n      \"attribute\": \"scale\",\n      \"reflect\": true,\n      \"defaultValue\": \"\\\"m\\\"\"\n    },\n    \"thumbnail\": {\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        \"text\": \"src to an image (remember to add a token if the user is private)\"\n      },\n      \"attribute\": \"thumbnail\",\n      \"reflect\": false\n    },\n    \"fullName\": {\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        \"text\": \"full name of the user\"\n      },\n      \"attribute\": \"full-name\",\n      \"reflect\": false\n    },\n    \"username\": {\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        \"text\": \"user name\"\n      },\n      \"attribute\": \"username\",\n      \"reflect\": false\n    },\n    \"userId\": {\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        \"text\": \"unique id for user\"\n      },\n      \"attribute\": \"user-id\",\n      \"reflect\": false\n    }\n  }; }\n  static get states() { return {\n    \"error\": {}\n  }; }\n  static get elementRef() { return \"el\"; }\n}\n"],"version":3}

package/dist/esm/calcite-block-section.entry.js.map

@@ -1 +0,0 @@
-{"file":"calcite-block-section.entry.js","mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACO,MAAM,GAAG,GAAG;AACnB,EAAE,OAAO,EAAE,SAAS;AACpB,EAAE,OAAO,EAAE,SAAS;AACpB,EAAE,MAAM,EAAE,QAAQ;AAClB,EAAE,YAAY,EAAE,gBAAgB;AAChC,EAAE,mBAAmB,EAAE,yBAAyB;AAChD,EAAE,gBAAgB,EAAE,sBAAsB;AAC1C,EAAE,aAAa,EAAE,gBAAgB;AACjC,EAAE,iBAAiB,EAAE,sBAAsB;AAC3C,EAAE,UAAU,EAAE,aAAa;AAC3B,EAAE,KAAK,EAAE,OAAO;AAChB,CAAC,CAAC;AACK,MAAM,IAAI,GAAG;AACpB,EAAE,QAAQ,EAAE,UAAU;AACtB,EAAE,MAAM,EAAE,QAAQ;AAClB,CAAC,CAAC;AACK,MAAM,KAAK,GAAG;AACrB,EAAE,QAAQ,EAAE,cAAc;AAC1B,EAAE,cAAc,EAAE,cAAc;AAChC,EAAE,eAAe,EAAE,eAAe;AAClC,EAAE,KAAK,EAAE,cAAc;AACvB,EAAE,OAAO,EAAE,2BAA2B;AACtC,CAAC;;AC1BD,MAAM,sBAAsB,GAAG,89EAA89E;;ICWh/E,mBAAmB;EAC9B;;;;;;IAIE,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;;;;;;IAMlB,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC;;;;;;IAM9B,IAAI,CAAC,mBAAmB,GAAG,CAAC,KAAK;MAC/B,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;QAC9C,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;OACzB;KACF,CAAC;IACF,IAAI,CAAC,aAAa,GAAG;MACnB,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;MACvB,IAAI,CAAC,yBAAyB,CAAC,IAAI,EAAE,CAAC;KACvC,CAAC;GACH;;;;;;EAMD,gBAAgB;IACd,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACxB,MAAM,UAAU,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC;IAC/E,MAAM,iBAAiB,GAAG;MACxB,CAAC,GAAG,CAAC,UAAU,GAAG,IAAI;MACtB,CAAC,GAAG,CAAC,KAAK,GAAG,MAAM,IAAI,OAAO;MAC9B,CAAC,GAAG,CAAC,OAAO,GAAG,MAAM,IAAI,SAAS;KACnC,CAAC;IACF,OAAO,CAAC,CAAC,UAAU,IAAI,CAAC,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,IAAI,CAAC;GAC9G;EACD,MAAM;IACJ,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;IACzE,MAAM,GAAG,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC;IAC9B,MAAM,SAAS,GAAG,IAAI;QAClB,KAAK,CAAC,QAAQ;QACd,GAAG,KAAK,KAAK;UACX,KAAK,CAAC,cAAc;UACpB,KAAK,CAAC,eAAe,CAAC;IAC5B,MAAM,WAAW,GAAG,IAAI,GAAG,YAAY,IAAI,IAAI,CAAC,QAAQ,GAAG,UAAU,IAAI,IAAI,CAAC,MAAM,CAAC;IACrF,MAAM,UAAU,GAAG,aAAa,KAAK,QAAQ,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,YAAY,EAAE,WAAW,EAAE,KAAK,EAAE;QAC1F,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI;QAClB,CAAC,GAAG,CAAC,YAAY,GAAG,IAAI;OACzB,EAAE,OAAO,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,EAAE,IAAI,CAAC,mBAAmB,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EACtG,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,mBAAmB,EAAE,EACzC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,gBAAgB,EAAE,EAAE,IAAI,CAAC,CAAC,EACnD,CAAC,CAAC,gBAAgB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EACpF,IAAI,CAAC,gBAAgB,EAAE,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,EAAE,YAAY,EAAE,WAAW,EAAE,KAAK,EAAE;QAC3E,CAAC,GAAG,CAAC,aAAa,GAAG,IAAI;QACzB,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI;OACnB,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,aAAa,EAAE,EACnD,CAAC,CAAC,cAAc,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAClD,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,iBAAiB,EAAE,EAAE,IAAI,CAAC,EACjD,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC;IAC5B,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG,GAAG,GAAG,KAAK,KAAK,EAAE,EAAE,EACpG,UAAU,EACV,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC,IAAI,EAAE,EAC5C,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE;GACxB;;;;;;;","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/calcite-block-section/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/calcite-block-section/calcite-block-section.css?tag=calcite-block-section&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/calcite-block-section/calcite-block-section.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 */\nexport const CSS = {\n  content: \"content\",\n  invalid: \"invalid\",\n  toggle: \"toggle\",\n  toggleSwitch: \"toggle--switch\",\n  toggleSwitchContent: \"toggle--switch__content\",\n  toggleSwitchText: \"toggle--switch__text\",\n  sectionHeader: \"section-header\",\n  sectionHeaderText: \"section-header__text\",\n  statusIcon: \"status-icon\",\n  valid: \"valid\"\n};\nexport const TEXT = {\n  collapse: \"Collapse\",\n  expand: \"Expand\"\n};\nexport const ICONS = {\n  menuOpen: \"chevron-down\",\n  menuClosedLeft: \"chevron-left\",\n  menuClosedRight: \"chevron-right\",\n  valid: \"check-circle\",\n  invalid: \"exclamation-mark-triangle\"\n};\n","/* mixins & extensions */\n\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n\n:root {\n  --calcite-animation-timing: 300ms;\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/**\n* Currently only used in Checkbox.\n*/\n\n:root {\n  --calcite-popper-transition: 150ms ease-in-out;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host {\n  box-sizing: border-box;\n  background-color: var(--calcite-ui-foreground-1);\n  color: var(--calcite-ui-text-2);\n  font-size: var(--calcite-font-size--1);\n  display: block;\n}\n\n:host([open]) {\n  border-style: solid;\n  border-width: 0;\n  border-bottom-color: var(--calcite-ui-border-3);\n  border-bottom-width: 1px;\n}\n\n:host(:last-child) {\n  border-bottom-width: 0;\n}\n\n.toggle {\n  background-color: transparent;\n  border-width: 0;\n  color: var(--calcite-ui-text-2);\n  font-family: var(--calcite-sans-family);\n  font-weight: var(--calcite-font-weight-medium);\n  width: 100%;\n}\n\n.toggle--switch,\n.section-header {\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  margin-left: 0;\n  margin-right: 0;\n  margin-top: 0.25rem;\n  margin-bottom: 0.25rem;\n  padding-left: 0;\n  padding-right: 0;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  -webkit-user-select: none;\n          user-select: none;\n  font-size: var(--calcite-font-size--1);\n  outline-offset: 0;\n  outline-color: transparent;\n  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;\n}\n\n.toggle--switch:focus,\n.section-header:focus {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: 2px;\n}\n\n.toggle--switch:hover,\n.section-header:hover {\n  color: var(--calcite-ui-text-1);\n}\n\n.section-header .status-icon {\n  align-self: flex-end;\n}\n\n.section-header__text {\n  flex: 1 1 auto;\n  margin-left: 0.75rem;\n  margin-right: 0.75rem;\n  margin-top: 0;\n  margin-bottom: 0;\n  text-align: initial;\n  word-wrap: anywhere;\n}\n\n.toggle--switch calcite-switch {\n  pointer-events: none;\n  margin-left: 0.25rem;\n}\n\n.toggle--switch .status-icon {\n  margin-left: 0.5rem;\n}\n\n.toggle--switch__content {\n  display: flex;\n  align-items: center;\n  flex: 1 1 auto;\n}\n\n.status-icon.valid {\n  color: var(--calcite-ui-success);\n}\n\n.status-icon.invalid {\n  color: var(--calcite-ui-danger);\n}\n\n.calcite--rtl .toggle--switch calcite-switch {\n  margin-left: 0;\n  margin-right: 0.25rem;\n}\n\n.calcite--rtl .toggle--switch .status-icon {\n  margin-left: 0;\n  margin-right: 0.5rem;\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 */\nimport { Component, Element, Event, Prop, h } from \"@stencil/core\";\nimport { getElementDir } from \"../../utils/dom\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport { CSS, ICONS, TEXT } from \"./resources\";\n/**\n * @slot - A slot for adding content to the block section.\n */\nexport class CalciteBlockSection {\n  constructor() {\n    /**\n     * When true, the block's section content will be displayed.\n     */\n    this.open = false;\n    /**\n     * This property determines the look of the section toggle.\n     * If the value is \"switch\", a toggle-switch will be displayed.\n     * If the value is \"button\", a clickable header is displayed.\n     */\n    this.toggleDisplay = \"button\";\n    // --------------------------------------------------------------------------\n    //\n    //  Private Methods\n    //\n    // --------------------------------------------------------------------------\n    this.handleHeaderKeyDown = (event) => {\n      if (event.key === \" \" || event.key === \"Enter\") {\n        this.toggleSection();\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    };\n    this.toggleSection = () => {\n      this.open = !this.open;\n      this.calciteBlockSectionToggle.emit();\n    };\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  renderStatusIcon() {\n    var _a;\n    const { status } = this;\n    const statusIcon = (_a = ICONS[status]) !== null && _a !== void 0 ? _a : false;\n    const statusIconClasses = {\n      [CSS.statusIcon]: true,\n      [CSS.valid]: status == \"valid\",\n      [CSS.invalid]: status == \"invalid\"\n    };\n    return !!statusIcon ? (h(\"calcite-icon\", { class: statusIconClasses, icon: statusIcon, scale: \"s\" })) : null;\n  }\n  render() {\n    const { el, intlCollapse, intlExpand, open, text, toggleDisplay } = this;\n    const dir = getElementDir(el);\n    const arrowIcon = open\n      ? ICONS.menuOpen\n      : dir === \"rtl\"\n        ? ICONS.menuClosedLeft\n        : ICONS.menuClosedRight;\n    const toggleLabel = open ? intlCollapse || TEXT.collapse : intlExpand || TEXT.expand;\n    const headerNode = toggleDisplay === \"switch\" ? (h(\"div\", { \"aria-label\": toggleLabel, class: {\n        [CSS.toggle]: true,\n        [CSS.toggleSwitch]: true\n      }, onClick: this.toggleSection, onKeyDown: this.handleHeaderKeyDown, tabIndex: 0, title: toggleLabel },\n      h(\"div\", { class: CSS.toggleSwitchContent },\n        h(\"span\", { class: CSS.toggleSwitchText }, text)),\n      h(\"calcite-switch\", { checked: open, label: toggleLabel, scale: \"s\", tabIndex: -1 }),\n      this.renderStatusIcon())) : (h(\"button\", { \"aria-label\": toggleLabel, class: {\n        [CSS.sectionHeader]: true,\n        [CSS.toggle]: true\n      }, name: toggleLabel, onClick: this.toggleSection },\n      h(\"calcite-icon\", { icon: arrowIcon, scale: \"s\" }),\n      h(\"span\", { class: CSS.sectionHeaderText }, text),\n      this.renderStatusIcon()));\n    return (h(\"section\", { \"aria-expanded\": open.toString(), class: { [CSS_UTILITY.rtl]: dir === \"rtl\" } },\n      headerNode,\n      h(\"div\", { class: CSS.content, hidden: !open },\n        h(\"slot\", null))));\n  }\n  static get is() { return \"calcite-block-section\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"calcite-block-section.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"calcite-block-section.css\"]\n  }; }\n  static get properties() { return {\n    \"intlCollapse\": {\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\": \"Tooltip used for the toggle when expanded.\"\n      },\n      \"attribute\": \"intl-collapse\",\n      \"reflect\": false\n    },\n    \"intlExpand\": {\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\": \"Tooltip used for the toggle when collapsed.\"\n      },\n      \"attribute\": \"intl-expand\",\n      \"reflect\": false\n    },\n    \"open\": {\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 block's section content will be displayed.\"\n      },\n      \"attribute\": \"open\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"status\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"Status\",\n        \"resolved\": \"\\\"idle\\\" | \\\"invalid\\\" | \\\"valid\\\"\",\n        \"references\": {\n          \"Status\": {\n            \"location\": \"import\",\n            \"path\": \"../interfaces\"\n          }\n        }\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"BlockSection status. Adds indicator to show valid or invalid status.\"\n      },\n      \"attribute\": \"status\",\n      \"reflect\": true\n    },\n    \"text\": {\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        \"text\": \"Text displayed in the button.\"\n      },\n      \"attribute\": \"text\",\n      \"reflect\": false\n    },\n    \"toggleDisplay\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"BlockSectionToggleDisplay\",\n        \"resolved\": \"\\\"button\\\" | \\\"switch\\\"\",\n        \"references\": {\n          \"BlockSectionToggleDisplay\": {\n            \"location\": \"import\",\n            \"path\": \"./interfaces\"\n          }\n        }\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"This property determines the look of the section toggle.\\nIf the value is \\\"switch\\\", a toggle-switch will be displayed.\\nIf the value is \\\"button\\\", a clickable header is displayed.\"\n      },\n      \"attribute\": \"toggle-display\",\n      \"reflect\": true,\n      \"defaultValue\": \"\\\"button\\\"\"\n    }\n  }; }\n  static get events() { return [{\n      \"method\": \"calciteBlockSectionToggle\",\n      \"name\": \"calciteBlockSectionToggle\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Emitted when the header has been clicked.\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }]; }\n  static get elementRef() { return \"el\"; }\n}\n"],"version":3}

package/dist/esm/calcite-block.entry.js.map

@@ -1 +0,0 @@
-{"file":"calcite-block.entry.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/calcite-block/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/calcite-block/calcite-block.css?tag=calcite-block&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/calcite-block/calcite-block.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 */\nexport const CSS = {\n  article: \"article\",\n  content: \"content\",\n  headerContainer: \"header-container\",\n  icon: \"icon\",\n  statusIcon: \"status-icon\",\n  toggle: \"toggle\",\n  toggleIcon: \"toggle-icon\",\n  title: \"title\",\n  heading: \"heading\",\n  header: \"header\",\n  button: \"button\",\n  summary: \"summary\",\n  controlContainer: \"control-container\",\n  valid: \"valid\",\n  invalid: \"invalid\",\n  loading: \"loading\"\n};\nexport const TEXT = {\n  collapse: \"Collapse\",\n  expand: \"Expand\",\n  loading: \"Loading\",\n  options: \"Options\"\n};\nexport const SLOTS = {\n  icon: \"icon\",\n  control: \"control\",\n  headerMenuActions: \"header-menu-actions\"\n};\nexport const ICONS = {\n  opened: \"chevron-up\",\n  closed: \"chevron-down\",\n  valid: \"check-circle\",\n  invalid: \"exclamation-mark-triangle\",\n  refresh: \"refresh\"\n};\nexport const HEADING_LEVEL = 4;\n","/* mixins & extensions */\n\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n\n:root {\n  --calcite-animation-timing: 300ms;\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/**\n* Currently only used in Checkbox.\n*/\n\n:host {\n  /* Base \":host\" styles for the component */\n  box-sizing: border-box;\n  background-color: var(--calcite-ui-foreground-1);\n  color: var(--calcite-ui-text-2);\n  font-size: var(--calcite-font-size--1);\n}\n\n:host * {\n  box-sizing: border-box;\n}\n\n:host {\n  /* Component spacing variables */\n  --calcite-icon-size: 1rem;\n  --calcite-spacing-eighth: 0.125rem;\n  --calcite-spacing-quarter: 0.25rem;\n  --calcite-spacing-half: 0.5rem;\n  --calcite-spacing-three-quarters: 0.75rem;\n  --calcite-spacing: 1rem;\n  --calcite-spacing-plus-quarter: 1.25rem;\n  --calcite-spacing-plus-half: 1.5rem;\n  --calcite-spacing-double: 2rem;\n  --calcite-menu-min-width: 10rem;\n  --calcite-header-min-height: 3rem;\n  --calcite-footer-min-height: 3rem;\n}\n\n:root {\n  --calcite-popper-transition: 150ms ease-in-out;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host {\n  display: flex;\n  flex-grow: 0;\n  flex-shrink: 0;\n  flex-direction: column;\n  padding: 0;\n  transition-property: margin;\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.215, 0.440, 0.420, 0.880);\n  border-width: 0;\n  border-bottom-width: 1px;\n  border-color: var(--calcite-ui-border-3);\n  border-style: solid;\n  flex-basis: auto;\n}\n\n/* Shared styles for header elements */\n\n.header {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  align-content: space-between;\n  color: var(--calcite-ui-text-2);\n  fill: ;\n}\n\n.heading {\n  font-weight: var(--calcite-font-weight-medium);\n  margin: 0;\n  padding: 0;\n}\n\n.header .heading {\n  flex: 1 1 auto;\n  padding: 0.5rem;\n}\n\nh1.heading {\n  font-size: var(--calcite-font-size-2);\n  line-height: 1.5rem;\n}\n\nh2.heading {\n  font-size: var(--calcite-font-size-1);\n  line-height: 1.5rem;\n}\n\nh3.heading {\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n}\n\nh4.heading,\nh5.heading {\n  font-size: var(--calcite-font-size--1);\n  line-height: 1rem;\n}\n\n.header {\n  justify-content: flex-start;\n  padding: 0;\n}\n\n.header,\n.toggle {\n  grid-area: header;\n}\n\n.header-container {\n  display: grid;\n  align-items: stretch;\n  grid-template: auto/auto 1fr auto auto;\n  grid-template-areas: \"handle header control menu\";\n  grid-column: header-start/menu-end;\n  grid-row: 1/2;\n}\n\n.header-container > .header {\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n  padding-left: 0;\n  padding-right: 0;\n}\n\n.toggle {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: space-between;\n  font-family: inherit;\n  align-items: center;\n  margin: 0;\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n  padding-left: 0;\n  padding-right: 0;\n  border-style: none;\n  cursor: pointer;\n  outline-offset: 0;\n  outline-color: transparent;\n  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;\n  text-align: initial;\n  background-color: transparent;\n}\n\n.toggle:hover {\n  background-color: var(--calcite-ui-foreground-2);\n}\n\n.toggle:focus {\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: -2px;\n}\n\ncalcite-loader[inline] {\n  grid-area: control;\n  align-self: center;\n}\n\ncalcite-handle {\n  grid-area: handle;\n}\n\n.title {\n  margin: 0;\n  padding-inline: 0.75rem;\n  padding-block: 0px;\n}\n\n.header .title .heading {\n  padding: 0;\n  font-size: var(--calcite-font-size--1);\n  color: var(--calcite-ui-text-2);\n  font-weight: var(--calcite-font-weight-medium);\n  word-wrap: break-word;\n  word-break: break-word;\n  line-height: 1.25;\n  transition-property: color;\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.summary {\n  padding: 0;\n  font-size: var(--calcite-font-size--2);\n  color: var(--calcite-ui-text-3);\n  margin-top: 0.125rem;\n  word-wrap: break-word;\n  word-break: break-word;\n}\n\n.icon {\n  margin-inline-start: 0.75rem;\n  margin-inline-end: 0px;\n}\n\n.status-icon.valid {\n  color: var(--calcite-ui-success);\n}\n\n.status-icon.invalid {\n  color: var(--calcite-ui-danger);\n}\n\n.status-icon.loading {\n  animation: spin 2s linear infinite;\n}\n\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  50% {\n    transform: rotate(180deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.toggle-icon {\n  align-self: center;\n  color: var(--calcite-ui-text-3);\n  transition-property: color;\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  margin-inline-end: 1rem;\n  margin-inline-start: 0px;\n}\n\n.toggle:hover .toggle-icon {\n  color: var(--calcite-ui-text-1);\n}\n\n.content {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  position: relative;\n  animation: in var(--calcite-animation-timing) ease-in-out;\n}\n\n.control-container {\n  display: flex;\n  margin: 0;\n  grid-area: control;\n}\n\ncalcite-action-menu {\n  grid-area: menu;\n}\n\n:host([open]) {\n  margin-top: 0.5rem;\n  margin-bottom: 0.5rem;\n}\n\n:host([open]) .header .title .heading {\n  color: var(--calcite-ui-text-1);\n}\n\n:host([disabled]) {\n  pointer-events: none;\n  -webkit-user-select: none;\n          user-select: none;\n  pointer-events: none;\n  user-select: none;\n}\n\n:host([disabled]) .header-container {\n  opacity: 0.5;\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 */\nimport { Component, Element, Event, h, Host, Prop } from \"@stencil/core\";\nimport { CSS, HEADING_LEVEL, ICONS, SLOTS, TEXT } from \"./resources\";\nimport { getSlotted } from \"../../utils/dom\";\nimport { CalciteHeading } from \"../functional/CalciteHeading\";\n/**\n * @slot - A slot for adding content to the block.\n * @slot icon - A slot for adding a leading header icon.\n * @slot control - A slot for adding a single HTML input element in a header.\n * @slot header-menu-actions - a slot for adding an overflow menu with actions inside a dropdown.\n */\nexport class CalciteBlock {\n  constructor() {\n    // --------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    // --------------------------------------------------------------------------\n    /**\n     * When true, this block will be collapsible.\n     */\n    this.collapsible = false;\n    /**\n     * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.\n     */\n    this.disabled = false;\n    /**\n     * When true, displays a drag handle in the header.\n     */\n    this.dragHandle = false;\n    /** string to override English loading text\n     * @default \"Loading\"\n     */\n    this.intlLoading = TEXT.loading;\n    /** Text string used for the actions menu\n     * @default \"Options\"\n     */\n    this.intlOptions = TEXT.options;\n    /**\n     * When true, content is waiting to be loaded. This state shows a busy indicator.\n     */\n    this.loading = false;\n    /**\n     * When true, the block's content will be displayed.\n     */\n    this.open = false;\n    // --------------------------------------------------------------------------\n    //\n    //  Private Methods\n    //\n    // --------------------------------------------------------------------------\n    this.onHeaderClick = () => {\n      this.open = !this.open;\n      this.calciteBlockToggle.emit();\n    };\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  renderScrim() {\n    const { disabled, loading } = this;\n    const defaultSlot = h(\"slot\", null);\n    return [loading || disabled ? h(\"calcite-scrim\", { loading: loading }) : null, defaultSlot];\n  }\n  renderIcon() {\n    const { el, status } = this;\n    const showingLoadingStatus = this.loading && !this.open;\n    const statusIcon = showingLoadingStatus ? ICONS.refresh : ICONS[status];\n    const hasIcon = getSlotted(el, SLOTS.icon) || statusIcon;\n    const iconEl = !statusIcon ? (h(\"slot\", { name: SLOTS.icon })) : (h(\"calcite-icon\", { class: {\n        [CSS.statusIcon]: true,\n        [CSS.valid]: status == \"valid\",\n        [CSS.invalid]: status == \"invalid\",\n        [CSS.loading]: showingLoadingStatus\n      }, icon: statusIcon, scale: \"m\" }));\n    return hasIcon ? h(\"div\", { class: CSS.icon }, iconEl) : null;\n  }\n  render() {\n    const { collapsible, disabled, el, heading, intlCollapse, intlExpand, loading, open, summary, intlLoading, headingLevel } = this;\n    const toggleLabel = open ? intlCollapse || TEXT.collapse : intlExpand || TEXT.expand;\n    const headerContent = (h(\"header\", { class: CSS.header },\n      this.renderIcon(),\n      h(\"div\", { class: CSS.title },\n        h(CalciteHeading, { class: CSS.heading, level: headingLevel || HEADING_LEVEL }, heading),\n        summary ? h(\"div\", { class: CSS.summary }, summary) : null)));\n    const hasControl = !!getSlotted(el, SLOTS.control);\n    const hasMenuActions = !!getSlotted(el, SLOTS.headerMenuActions);\n    const collapseIcon = open ? ICONS.opened : ICONS.closed;\n    const headerNode = (h(\"div\", { class: CSS.headerContainer },\n      this.dragHandle ? h(\"calcite-handle\", null) : null,\n      collapsible ? (h(\"button\", { \"aria-expanded\": collapsible ? open.toString() : null, \"aria-label\": toggleLabel, class: CSS.toggle, onClick: this.onHeaderClick, title: toggleLabel },\n        headerContent,\n        !hasControl && !hasMenuActions ? (h(\"calcite-icon\", { \"aria-hidden\": \"true\", class: CSS.toggleIcon, icon: collapseIcon, scale: \"s\" })) : null)) : (headerContent),\n      loading ? (h(\"calcite-loader\", { inline: true, \"is-active\": true, label: intlLoading })) : hasControl ? (h(\"div\", { class: CSS.controlContainer },\n        h(\"slot\", { name: SLOTS.control }))) : null,\n      hasMenuActions ? (h(\"calcite-action-menu\", { label: this.intlOptions || TEXT.options },\n        h(\"slot\", { name: SLOTS.headerMenuActions }))) : null));\n    return (h(Host, { tabIndex: disabled ? -1 : null },\n      h(\"article\", { \"aria-busy\": loading.toString(), class: {\n          [CSS.article]: true\n        } },\n        headerNode,\n        h(\"div\", { class: CSS.content, hidden: !open }, this.renderScrim()))));\n  }\n  static get is() { return \"calcite-block\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"calcite-block.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"calcite-block.css\"]\n  }; }\n  static get properties() { return {\n    \"collapsible\": {\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, this block will be collapsible.\"\n      },\n      \"attribute\": \"collapsible\",\n      \"reflect\": false,\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, disabled prevents interaction. This state shows items with lower opacity/grayed.\"\n      },\n      \"attribute\": \"disabled\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"dragHandle\": {\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, displays a drag handle in the header.\"\n      },\n      \"attribute\": \"drag-handle\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"heading\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": true,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Block heading.\"\n      },\n      \"attribute\": \"heading\",\n      \"reflect\": false\n    },\n    \"headingLevel\": {\n      \"type\": \"number\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"HeadingLevel\",\n        \"resolved\": \"1 | 2 | 3 | 4 | 5 | 6\",\n        \"references\": {\n          \"HeadingLevel\": {\n            \"location\": \"import\",\n            \"path\": \"../functional/CalciteHeading\"\n          }\n        }\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Number at which section headings should start for this component.\"\n      },\n      \"attribute\": \"heading-level\",\n      \"reflect\": false\n    },\n    \"intlCollapse\": {\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\": \"Tooltip used for the toggle when expanded.\"\n      },\n      \"attribute\": \"intl-collapse\",\n      \"reflect\": false\n    },\n    \"intlExpand\": {\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\": \"Tooltip used for the toggle when collapsed.\"\n      },\n      \"attribute\": \"intl-expand\",\n      \"reflect\": 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\": \"string to override English loading text\"\n      },\n      \"attribute\": \"intl-loading\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.loading\"\n    },\n    \"intlOptions\": {\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\": \"\\\"Options\\\"\"\n          }],\n        \"text\": \"Text string used for the actions menu\"\n      },\n      \"attribute\": \"intl-options\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.options\"\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, content is waiting to be loaded. This state shows a busy indicator.\"\n      },\n      \"attribute\": \"loading\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"open\": {\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 block's content will be displayed.\"\n      },\n      \"attribute\": \"open\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"status\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"Status\",\n        \"resolved\": \"\\\"idle\\\" | \\\"invalid\\\" | \\\"valid\\\"\",\n        \"references\": {\n          \"Status\": {\n            \"location\": \"import\",\n            \"path\": \"../interfaces\"\n          }\n        }\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Block status. Updates or adds icon to show related icon and color.\"\n      },\n      \"attribute\": \"status\",\n      \"reflect\": true\n    },\n    \"summary\": {\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        \"text\": \"Block summary.\"\n      },\n      \"attribute\": \"summary\",\n      \"reflect\": false\n    }\n  }; }\n  static get events() { return [{\n      \"method\": \"calciteBlockToggle\",\n      \"name\": \"calciteBlockToggle\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Emitted when the header has been clicked.\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }]; }\n  static get elementRef() { return \"el\"; }\n}\n"],"version":3}

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

@@ -1 +0,0 @@
-{"file":"calcite-button.entry.js","mappings":"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","names":[],"sources":["./node_modules/form-request-submit-polyfill/form-request-submit-polyfill.js","./node_modules/@esri/calcite-components/dist/collection/components/calcite-button/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/calcite-button/calcite-button.css?tag=calcite-button&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/calcite-button/calcite-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 */\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};\nexport const TEXT = {\n  loading: \"Loading\"\n};\n","/* mixins & extensions */\n\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n\n:root {\n  --calcite-animation-timing: 300ms;\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/**\n* Currently only used in Checkbox.\n*/\n\n:root {\n  --calcite-popper-transition: 150ms ease-in-out;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host {\n  display: inline-block;\n  width: auto;\n  vertical-align: middle;\n}\n\n:host([round]) {\n  border-radius: 50px;\n}\n\n:host([round]) a, :host([round]) button {\n  border-radius: 50px;\n}\n\n:host button,\n:host a {\n  outline-offset: 0;\n  outline-color: transparent;\n  transition: outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;\n}\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: var(--calcite-button-padding-y) var(--calcite-button-padding-x) var(--calcite-button-padding-y) var(--calcite-button-padding-x);\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  width: 100%;\n  height: 100%;\n  border-radius: 0;\n  border-style: none;\n  -webkit-user-select: none;\n          user-select: none;\n  -webkit-appearance: none;\n          appearance: none;\n  cursor: pointer;\n  text-align: center;\n  box-sizing: border-box;\n  font-family: inherit;\n  font-weight: var(--calcite-font-weight-normal);\n  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;\n}\n\n:host button:hover,\n:host a:hover {\n  text-decoration: none;\n}\n\n.content {\n  display: flex;\n  flex-basis: auto;\n  margin-left: var(--calcite-button-content-margin);\n  margin-right: var(--calcite-button-content-margin);\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(:not([icon-start])) .content {\n  margin-left: unset;\n}\n\n:host(:not([icon-end])) .content {\n  margin-right: unset;\n}\n\n:host([icon-start]:not([icon-end])) .calcite--rtl .content {\n  margin-left: unset;\n  margin-right: var(--calcite-button-content-margin);\n}\n\n:host([icon-end]:not([icon-start])) .calcite--rtl .content {\n  margin-right: unset;\n  margin-left: var(--calcite-button-content-margin);\n}\n\n:host([width=auto]) {\n  width: auto;\n}\n\n:host([width=half]) {\n  width: 50%;\n}\n\n:host([width=full]) {\n  width: 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-right: auto;\n}\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-left: auto;\n}\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=icon-start-space-between]:not([width=auto])) .calcite--rtl .icon--start {\n  margin-right: unset;\n  margin-left: auto;\n}\n\n:host([alignment=icon-end-space-between]:not([width=auto])) .calcite--rtl .icon--end {\n  margin-left: unset;\n  margin-right: auto;\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-left: var(--calcite-button-content-margin);\n}\n\n:host([alignment=center]) a.calcite--rtl:not(.content--slotted) .icon--start + .icon--end,\n:host([alignment=center]) button.calcite--rtl:not(.content--slotted) .icon--start + .icon--end {\n  margin-left: unset;\n  margin-right: var(--calcite-button-content-margin);\n}\n\n.icon {\n  display: inline-flex;\n  position: relative;\n  margin: 0;\n  font-weight: var(--calcite-font-weight-normal);\n  line-height: inherit;\n}\n\n:host([loading]),\n:host([disabled]) {\n  pointer-events: none;\n}\n\n:host([loading]) button,\n:host([loading]) a,\n:host([disabled]) button,\n:host([disabled]) a {\n  pointer-events: none;\n  opacity: var(--calcite-ui-opacity-disabled);\n}\n\n@keyframes loader-in {\n  0% {\n    width: 0;\n    opacity: 0;\n    transform: scale(0.5);\n  }\n\n  100% {\n    width: 1em;\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes loader-out {\n  0% {\n    width: 1em;\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  100% {\n    width: 0;\n    opacity: 0;\n    transform: scale(0.5);\n  }\n}\n\n.calcite-button--loader {\n  display: flex;\n}\n\n.calcite-button--loader calcite-loader {\n  margin: 0;\n  transition: width 300ms ease-in-out, opacity 300ms ease-in-out, transform 300ms ease-in-out;\n}\n\n.calcite-button--loader calcite-loader.loading-in {\n  animation-name: loader-in;\n  animation-duration: 310ms;\n}\n\n.calcite-button--loader calcite-loader.loading-out {\n  animation-name: loader-out;\n  animation-duration: 310ms;\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\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([appearance=solid][color=blue]) button,\n:host([appearance=solid][color=blue]) a {\n  color: var(--calcite-ui-text-inverse);\n  background-color: var(--calcite-ui-brand);\n}\n\n:host([appearance=solid][color=blue]) button:hover, :host([appearance=solid][color=blue]) button:focus,\n:host([appearance=solid][color=blue]) a:hover,\n:host([appearance=solid][color=blue]) a:focus {\n  background-color: var(--calcite-ui-brand-hover);\n}\n\n:host([appearance=solid][color=blue]) button:active,\n:host([appearance=solid][color=blue]) a:active {\n  background-color: var(--calcite-ui-brand-press);\n}\n\n:host([appearance=solid][color=blue]) button calcite-loader,\n:host([appearance=solid][color=blue]) a calcite-loader {\n  color: var(--calcite-ui-text-inverse);\n}\n\n:host([appearance=solid][color=red]) button,\n:host([appearance=solid][color=red]) a {\n  color: var(--calcite-ui-text-inverse);\n  background-color: var(--calcite-ui-danger);\n}\n\n:host([appearance=solid][color=red]) button:hover, :host([appearance=solid][color=red]) button:focus,\n:host([appearance=solid][color=red]) a:hover,\n:host([appearance=solid][color=red]) a:focus {\n  background-color: var(--calcite-ui-danger-hover);\n}\n\n:host([appearance=solid][color=red]) button:active,\n:host([appearance=solid][color=red]) a:active {\n  background-color: var(--calcite-ui-danger-press);\n}\n\n:host([appearance=solid][color=red]) button calcite-loader,\n:host([appearance=solid][color=red]) a calcite-loader {\n  color: var(--calcite-ui-text-inverse);\n}\n\n:host([appearance=solid][color=neutral]) button,\n:host([appearance=solid][color=neutral]) a {\n  color: var(--calcite-ui-text-1);\n  background-color: var(--calcite-ui-foreground-3);\n}\n\n:host([appearance=solid][color=neutral]) button:hover, :host([appearance=solid][color=neutral]) button:focus,\n:host([appearance=solid][color=neutral]) a:hover,\n:host([appearance=solid][color=neutral]) a:focus {\n  background-color: var(--calcite-ui-foreground-2);\n}\n\n:host([appearance=solid][color=neutral]) button:active,\n:host([appearance=solid][color=neutral]) a:active {\n  background-color: var(--calcite-ui-foreground-1);\n}\n\n:host([appearance=solid][color=neutral]) button calcite-loader,\n:host([appearance=solid][color=neutral]) a calcite-loader {\n  color: var(--calcite-ui-text-1);\n}\n\n:host([appearance=solid][color=inverse]) button,\n:host([appearance=solid][color=inverse]) a {\n  color: var(--calcite-ui-text-inverse);\n  background-color: var(--calcite-ui-inverse);\n}\n\n:host([appearance=solid][color=inverse]) button:hover, :host([appearance=solid][color=inverse]) button:focus,\n:host([appearance=solid][color=inverse]) a:hover,\n:host([appearance=solid][color=inverse]) a:focus {\n  background-color: var(--calcite-ui-inverse-hover);\n}\n\n:host([appearance=solid][color=inverse]) button:active,\n:host([appearance=solid][color=inverse]) a:active {\n  background-color: var(--calcite-ui-inverse-press);\n}\n\n:host([appearance=solid][color=inverse]) button calcite-loader,\n:host([appearance=solid][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  background-color: var(--calcite-ui-foreground-1);\n  border-width: 1px;\n  border-style: solid;\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  color: var(--calcite-ui-brand);\n}\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\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\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\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  color: var(--calcite-ui-danger);\n}\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\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\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\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  color: var(--calcite-ui-text-1);\n  border-color: var(--calcite-ui-foreground-3);\n}\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\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\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\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  color: var(--calcite-ui-text-1);\n  border-color: var(--calcite-ui-inverse);\n}\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\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\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\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  background-color: transparent;\n  border-width: 1px;\n  border-style: solid;\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  border-color: var(--calcite-ui-brand);\n  color: var(--calcite-ui-brand);\n}\n\n:host([appearance=clear][color=blue]) button:hover,\n:host([appearance=clear][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\n:host([appearance=clear][color=blue]) button:focus,\n:host([appearance=clear][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\n:host([appearance=clear][color=blue]) button:active,\n:host([appearance=clear][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\n:host([appearance=clear][color=blue]) button calcite-loader,\n:host([appearance=clear][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  border-color: var(--calcite-ui-danger);\n  color: var(--calcite-ui-danger);\n}\n\n:host([appearance=clear][color=red]) button:hover,\n:host([appearance=clear][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\n:host([appearance=clear][color=red]) button:focus,\n:host([appearance=clear][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\n:host([appearance=clear][color=red]) button:active,\n:host([appearance=clear][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\n:host([appearance=clear][color=red]) button calcite-loader,\n:host([appearance=clear][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  color: var(--calcite-ui-text-1);\n  border-color: var(--calcite-ui-foreground-3);\n}\n\n:host([appearance=clear][color=neutral]) button:hover,\n:host([appearance=clear][color=neutral]) a:hover {\n  box-shadow: inset 0 0 0 1px var(--calcite-ui-foreground-3);\n}\n\n:host([appearance=clear][color=neutral]) button:focus,\n:host([appearance=clear][color=neutral]) a:focus {\n  box-shadow: inset 0 0 0 2px var(--calcite-ui-foreground-3);\n}\n\n:host([appearance=clear][color=neutral]) button:active,\n:host([appearance=clear][color=neutral]) a:active {\n  box-shadow: inset 0 0 0 2px var(--calcite-ui-foreground-3);\n}\n\n:host([appearance=clear][color=neutral]) button calcite-loader,\n:host([appearance=clear][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  color: var(--calcite-ui-text-1);\n  border-color: var(--calcite-ui-inverse);\n}\n\n:host([appearance=clear][color=inverse]) button:hover,\n:host([appearance=clear][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\n:host([appearance=clear][color=inverse]) button:focus,\n:host([appearance=clear][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\n:host([appearance=clear][color=inverse]) button:active,\n:host([appearance=clear][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\n:host([appearance=clear][color=inverse]) button calcite-loader,\n:host([appearance=clear][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  border-right-width: 0;\n  border-left-width: 1px;\n}\n\n:host([appearance=outline][split-child=primary]) button.calcite--rtl,\n:host([appearance=clear][split-child=primary]) button.calcite--rtl {\n  border-left-width: 0;\n  border-right-width: 1px;\n}\n\n:host([appearance=outline][split-child=secondary]) button,\n:host([appearance=clear][split-child=secondary]) button {\n  border-left-width: 0;\n  border-right-width: 1px;\n}\n\n:host([appearance=outline][split-child=secondary]) button.calcite--rtl,\n:host([appearance=clear][split-child=secondary]) button.calcite--rtl {\n  border-right-width: 0;\n  border-left-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\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\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\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\n:host([appearance=transparent][color=blue]) button:focus,\n:host([appearance=transparent][color=blue]) a:focus {\n  color: var(--calcite-ui-brand);\n}\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\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\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\n:host([appearance=transparent][color=red]) button:focus,\n:host([appearance=transparent][color=red]) a:focus {\n  color: var(--calcite-ui-danger);\n}\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\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  color: var(--calcite-ui-text-3);\n  border-top-width: 1px;\n  border-top-color: var(--calcite-ui-border-input);\n  border-bottom-width: 1px;\n  border-bottom-color: var(--calcite-ui-border-input);\n  border-bottom-style: solid;\n  border-top-style: solid;\n}\n\n:host([appearance=transparent][color=neutral].cancel-editing-button) button:not(.content--slotted) {\n  --calcite-button-padding-y: 0;\n}\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  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n  width: 1.5rem;\n  min-height: 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  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n  width: 2rem;\n  min-height: 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  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n  width: 2.75rem;\n  min-height: 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  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n  height: 1.5rem;\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  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n  height: 2rem;\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  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n  height: 2.75rem;\n}\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 */\nimport \"form-request-submit-polyfill/form-request-submit-polyfill\";\nimport { Component, Element, h, Method, Prop, Build, State, Watch } from \"@stencil/core\";\nimport { CSS, TEXT } from \"./resources\";\nimport { closestElementCrossShadowBoundary, getElementDir } from \"../../utils/dom\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\nimport { connectLabel, disconnectLabel, getLabelText } from \"../../utils/label\";\nimport { createObserver } from \"../../utils/observers\";\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 CalciteButton {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    //--------------------------------------------------------------------------\n    /** optionally specify alignment of button elements. */\n    this.alignment = \"center\";\n    /** specify the appearance style of the button, defaults to solid. */\n    this.appearance = \"solid\";\n    /** specify the color of the button, defaults to blue */\n    this.color = \"blue\";\n    /** is the button disabled  */\n    this.disabled = false;\n    /** string to override English loading text\n     * @default \"Loading\"\n     */\n    this.intlLoading = TEXT.loading;\n    /** optionally add a calcite-loader component to the button, disabling interaction.  */\n    this.loading = false;\n    /** optionally add a round style to the button  */\n    this.round = false;\n    /** specify the scale of the button, defaults to m */\n    this.scale = \"m\";\n    /** is the button a child of a calcite-split-button */\n    this.splitChild = false;\n    /** specify the width of the button, defaults to auto */\n    this.width = \"auto\";\n    /** watches for changing text content **/\n    this.mutationObserver = createObserver(\"mutation\", () => this.updateHasContent());\n    /** the node type of the rendered child element */\n    this.childElType = \"button\";\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 { childElType, formEl, type } = this;\n      // this.type refers to type attribute, not child element type\n      if (childElType === \"button\" && type !== \"button\") {\n        if (type === \"submit\") {\n          formEl === null || formEl === void 0 ? void 0 : formEl.requestSubmit();\n        }\n        else if (type === \"reset\") {\n          formEl === null || formEl === void 0 ? void 0 : formEl.reset();\n        }\n      }\n    };\n  }\n  hrefHandler(href) {\n    this.childElType = href ? \"a\" : \"button\";\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.childElType = this.href ? \"a\" : \"button\";\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      if (this.childElType === \"button\" && !this.type) {\n        this.type = \"submit\";\n      }\n    }\n  }\n  render() {\n    const dir = getElementDir(this.el);\n    const Tag = this.childElType;\n    const loader = (h(\"div\", { class: CSS.buttonLoader }, this.hasLoader ? (h(\"calcite-loader\", { active: true, class: this.loading ? CSS.loadingIn : CSS.loadingOut, inline: true, label: this.intlLoading, scale: \"m\" })) : 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: \"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: \"s\" }));\n    const contentEl = (h(\"span\", { class: CSS.content },\n      h(\"slot\", null)));\n    return (h(Tag, { \"aria-label\": getLabelText(this), class: { [CSS_UTILITY.rtl]: dir === \"rtl\", [CSS.contentSlotted]: this.hasContent }, disabled: this.disabled || this.loading, href: this.childElType === \"a\" && this.href, name: this.childElType === \"button\" && this.name, onClick: this.handleClick, ref: (el) => (this.childEl = el), rel: this.childElType === \"a\" && this.rel, tabIndex: this.disabled || this.loading ? -1 : null, target: this.childElType === \"a\" && this.target, type: this.childElType === \"button\" && this.type },\n      loader,\n      this.iconStart ? iconStartEl : null,\n      this.hasContent ? contentEl : null,\n      this.iconEnd ? iconEndEl : null));\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus() {\n    this.childEl.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() { return {\n    \"$\": [\"calcite-button.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"calcite-button.css\"]\n  }; }\n  static get properties() { 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\": \"optionally specify alignment of button 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\\\" | \\\"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\": \"specify the appearance style of the button, defaults to solid.\"\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\": \"Applies to the aria-label attribute on the button or hyperlink\"\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\": \"specify the color of the button, defaults to blue\"\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\": \"is the button disabled\"\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\": \"optionally pass a href - used to determine if the component should render as a button or an anchor\"\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\": \"optionally pass an icon to display at the end of a button - accepts calcite ui icon names\"\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\": \"flip the icon(s) in 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\": \"optionally pass an icon to display at the start of a button - accepts calcite ui icon names\"\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\": \"string to override English loading text\"\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\": \"optionally add a calcite-loader component to the button, disabling interaction.\"\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\": \"The name attribute to apply to the button\"\n      },\n      \"attribute\": \"name\",\n      \"reflect\": false\n    },\n    \"rel\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"The rel attribute to apply to the hyperlink\"\n      },\n      \"attribute\": \"rel\",\n      \"reflect\": false\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 this property is no longer needed if 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\": \"optionally add a round style to the button\"\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\": \"specify the scale of the button, defaults to m\"\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\": \"is the button 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        \"text\": \"The target attribute to apply to the hyperlink\"\n      },\n      \"attribute\": \"target\",\n      \"reflect\": false\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\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"The type attribute to apply to the button\"\n      },\n      \"attribute\": \"type\",\n      \"reflect\": false\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\": \"specify the width of the button, defaults to auto\"\n      },\n      \"attribute\": \"width\",\n      \"reflect\": true,\n      \"defaultValue\": \"\\\"auto\\\"\"\n    }\n  }; }\n  static get states() { return {\n    \"childElType\": {},\n    \"hasContent\": {},\n    \"hasLoader\": {}\n  }; }\n  static get methods() { 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  static get elementRef() { return \"el\"; }\n  static get watchers() { return [{\n      \"propName\": \"href\",\n      \"methodName\": \"hrefHandler\"\n    }, {\n      \"propName\": \"loading\",\n      \"methodName\": \"loadingChanged\"\n    }]; }\n}\n"],"version":3}

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

@@ -1 +0,0 @@
-{"file":"calcite-card.entry.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/calcite-card/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/calcite-card/calcite-card.css?tag=calcite-card&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/calcite-card/calcite-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 */\nexport const CSS = {\n  container: \"container\",\n  header: \"header\",\n  footer: \"footer\",\n  title: \"title\",\n  subtitle: \"subtitle\",\n  thumbnailWrapper: \"thumbnail-wrapper\",\n  checkboxWrapper: \"checkbox-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\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n\n:root {\n  --calcite-animation-timing: 300ms;\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/**\n* Currently only used in Checkbox.\n*/\n\n:root {\n  --calcite-popper-transition: 150ms ease-in-out;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host {\n  max-width: 100%;\n  display: block;\n}\n\n:host .calcite-card-container {\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  justify-content: space-between;\n  background-color: var(--calcite-ui-foreground-1);\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--calcite-ui-border-2);\n  color: var(--calcite-ui-text-3);\n  box-shadow: none;\n}\n\n:host .calcite-card-container:hover {\n  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08), 0 2px 8px 0 rgba(0, 0, 0, 0.04);\n  z-index: 1;\n}\n\n:host .calcite-card-container:active {\n  box-shadow: 0 1px 6px -1px rgba(0, 0, 0, 0.16), 0 1px 2px -1px rgba(0, 0, 0, 0.08);\n  transition-duration: 75ms;\n  z-index: 1;\n}\n\n.container {\n  flex: 1 1 auto;\n  display: flex;\n  flex-direction: column;\n}\n\n:host([loading]) .calcite-card-container *:not(calcite-loader):not(.calcite-card-loader-container) {\n  opacity: 0;\n  pointer-events: none;\n}\n\n:host([loading]) .calcite-card-loader-container {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n}\n\n.header,\n.footer {\n  padding-top: 0.75rem;\n  padding-bottom: 0.25rem;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  display: flex;\n}\n\n.header {\n  flex-direction: column;\n}\n\n.footer {\n  padding-top: 0.25rem;\n  padding-bottom: 0.75rem;\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  flex-direction: row;\n  align-content: space-between;\n  justify-content: space-between;\n  margin-top: auto;\n}\n\n.card-content {\n  padding: 0.75rem;\n  color: var(--calcite-ui-text-3);\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n}\n\n:host([selectable]) .calcite-card-container:active {\n  box-shadow: 0 1px 6px -1px rgba(0, 0, 0, 0.16), 0 1px 2px -1px rgba(0, 0, 0, 0.08);\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  font-weight: var(--calcite-font-weight-medium);\n  color: var(--calcite-ui-text-1);\n  margin: 0;\n  font-size: var(--calcite-font-size--1);\n  line-height: 1.375;\n}\n\nslot[name=subtitle]::slotted(*),\n*::slotted([slot=subtitle]) {\n  font-weight: var(--calcite-font-weight-normal);\n  color: var(--calcite-ui-text-2);\n  margin: 0;\n  margin-top: 0.5rem;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1.375;\n}\n\nslot[name=thumbnail]::slotted(img),\nimg::slotted([slot=thumbnail]) {\n  max-width: 100%;\n  min-width: 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.thumbnail-wrapper {\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.375;\n}\n\n.checkbox-wrapper {\n  position: absolute;\n  margin: 0;\n  padding: 0;\n  top: 0.5rem;\n  right: 0.5rem;\n}\n\n.calcite--rtl .checkbox-wrapper {\n  right: auto;\n  left: 0.5rem;\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 */\nimport { Component, Element, Event, h, Prop } from \"@stencil/core\";\nimport { CSS, SLOTS, TEXT } from \"./resources\";\nimport { getElementDir } from \"../../utils/dom\";\nimport { getKey } from \"../../utils/key\";\nimport { CSS_UTILITY } from \"../../utils/resources\";\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 card.\n * @slot title - A slot for adding a card title.\n * @slot subtitle - A slot for adding a card 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 CalciteCard {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Public Properties\n    //\n    //--------------------------------------------------------------------------\n    /**  When true, the cards content is waiting to be loaded. This state shows a busy indicator.*/\n    this.loading = false;\n    /** Indicates whether the card is selected. */\n    this.selected = false;\n    /** Indicates whether the card is selectable. */\n    this.selectable = false;\n    /** string to override English loading text\n     * @default \"Loading\"\n     */\n    this.intlLoading = TEXT.loading;\n    /** string to override English select text for checkbox when selectable is true\n     * @default \"Select\"\n     */\n    this.intlSelect = TEXT.select;\n    /** string to override English deselect text for checkbox when selectable is true\n     * @default \"Deselect\"\n     */\n    this.intlDeselect = TEXT.deselect;\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 = (e) => {\n      switch (getKey(e.key)) {\n        case \" \":\n        case \"Enter\":\n          this.selectCard();\n          e.preventDefault();\n          break;\n      }\n    };\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  // --------------------------------------------------------------------------\n  render() {\n    const dir = getElementDir(this.el);\n    return (h(\"div\", { class: { \"calcite-card-container\": true, [CSS_UTILITY.rtl]: dir === \"rtl\" } },\n      this.loading ? (h(\"div\", { class: \"calcite-card-loader-container\" },\n        h(\"calcite-loader\", { active: true, label: this.intlLoading }))) : null,\n      h(\"section\", { \"aria-busy\": this.loading.toString(), class: { [CSS.container]: true } },\n        this.selectable ? this.renderCheckbox() : null,\n        this.renderThumbnail(),\n        this.renderHeader(),\n        h(\"div\", { class: \"card-content\" },\n          h(\"slot\", null)),\n        this.renderFooter())));\n  }\n  selectCard() {\n    this.selected = !this.selected;\n    this.calciteCardSelect.emit();\n  }\n  renderThumbnail() {\n    const hasThumbnail = this.el.querySelector(`[slot=${SLOTS.thumbnail}]`);\n    return hasThumbnail ? (h(\"div\", { class: CSS.thumbnailWrapper },\n      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 },\n      h(\"calcite-checkbox\", { checked: this.selected, label: checkboxLabel })));\n  }\n  renderHeader() {\n    const title = this.el.querySelector(`[slot=${SLOTS.title}]`);\n    const subtitle = this.el.querySelector(`[slot=${SLOTS.subtitle}]`);\n    const hasHeader = title || subtitle;\n    return hasHeader ? (h(\"header\", { class: CSS.header },\n      h(\"slot\", { name: SLOTS.title }),\n      h(\"slot\", { name: SLOTS.subtitle }))) : null;\n  }\n  renderFooter() {\n    const leadingFooter = this.el.querySelector(`[slot=${SLOTS.footerLeading}]`);\n    const trailingFooter = this.el.querySelector(`[slot=${SLOTS.footerTrailing}]`);\n    const hasFooter = leadingFooter || trailingFooter;\n    return hasFooter ? (h(\"footer\", { class: CSS.footer },\n      h(\"slot\", { name: SLOTS.footerLeading }),\n      h(\"slot\", { name: SLOTS.footerTrailing }))) : null;\n  }\n  static get is() { return \"calcite-card\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"calcite-card.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"calcite-card.css\"]\n  }; }\n  static get properties() { 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, the cards content is waiting to be loaded. This state shows a busy indicator.\"\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\": \"Indicates whether the card 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\": \"Indicates whether the card 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\": \"string to override English loading text\"\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\": \"string to override English select text for checkbox when selectable is true\"\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\": \"string to override English deselect text for checkbox when selectable is true\"\n      },\n      \"attribute\": \"intl-deselect\",\n      \"reflect\": false,\n      \"defaultValue\": \"TEXT.deselect\"\n    }\n  }; }\n  static get events() { return [{\n      \"method\": \"calciteCardSelect\",\n      \"name\": \"calciteCardSelect\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Fired when a selectable card is selected\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }]; }\n  static get elementRef() { return \"el\"; }\n}\n"],"version":3}