@esri/solutions-components 0.2.1 → 0.2.2

package/dist/components/calcite-dropdown-item.js

@@ -1,237 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { g as getElementProp, t as toAriaBoolean } from './dom.js';
-import { d as defineCustomElement$2 } from './icon.js';
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.97
- */
-const CSS = {
-  containerLink: "container--link",
-  containerSmall: "container--s",
-  containerMedium: "container--m",
-  containerLarge: "container--l",
-  containerMulti: "container--multi-selection",
-  containerSingle: "container--single-selection",
-  containerNone: "container--none-selection"
-};
-
-const dropdownItemCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}.container--s{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.container--m{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-padding-end:0.75rem;padding-inline-end:0.75rem;-webkit-padding-start:2rem;padding-inline-start:2rem}.container--l{padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}.container--s.container--none-selection{-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}.container--s.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}.container--m.container--none-selection{-webkit-padding-start:0.5rem;padding-inline-start:0.5rem}.container--m.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}.container--l.container--none-selection{-webkit-padding-start:0.75rem;padding-inline-start:0.75rem}.container--l.container--none-selection .dropdown-link{-webkit-padding-start:0px;padding-inline-start:0px}:host{position:relative;display:flex;flex-grow:1;align-items:center}.container{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);text-align:start}.dropdown-item-content{flex:1 1 auto;-webkit-padding-end:auto;padding-inline-end:auto;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host,.container--link a{outline-color:transparent}:host(:focus){outline:2px solid transparent;outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.container--link{padding:0px}.container--link a{position:relative;display:flex;flex-grow:1;cursor:pointer;align-items:center;color:var(--calcite-ui-text-3);-webkit-text-decoration-line:none;text-decoration-line:none;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.container--s .dropdown-link{padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem;-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}.container--m .dropdown-link{padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;-webkit-padding-end:0.75rem;padding-inline-end:0.75rem;-webkit-padding-start:2rem;padding-inline-start:2rem}.container--l .dropdown-link{padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}:host(:hover) .container,:host(:active) .container{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1);-webkit-text-decoration-line:none;text-decoration-line:none}:host(:hover) .container--link .dropdown-link,:host(:active) .container--link .dropdown-link{color:var(--calcite-ui-text-1)}:host(:focus) .container{color:var(--calcite-ui-text-1);-webkit-text-decoration-line:none;text-decoration-line:none}:host(:active) .container{background-color:var(--calcite-ui-foreground-3)}:host(:hover) .container:before,:host(:active) .container:before,:host(:focus) .container:before{opacity:1}:host([selected]) .container:not(.container--none-selection),:host([selected]) .container--link .dropdown-link{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([selected]) .container:not(.container--none-selection):before,:host([selected]) .container--link .dropdown-link:before{opacity:1;color:var(--calcite-ui-brand)}:host([selected]) .container:not(.container--none-selection) calcite-icon,:host([selected]) .container--link .dropdown-link calcite-icon{color:var(--calcite-ui-brand)}.container--multi-selection:before,.container--none-selection:before{display:none}.container--s:before{inset-inline-start:0.5rem}.container--m:before{inset-inline-start:0.75rem}.container--l:before{inset-inline-start:1rem}.dropdown-item-icon{position:absolute;opacity:0;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:scale(0.9)}.container--s .dropdown-item-icon{inset-inline-start:0.25rem}.container--m .dropdown-item-icon{inset-inline-start:0.5rem}.container--l .dropdown-item-icon{inset-inline-start:0.75rem}:host(:hover) .dropdown-item-icon{color:var(--calcite-ui-border-1);opacity:1}:host([active]) .dropdown-item-icon{color:var(--calcite-ui-brand);opacity:1}.container--s .dropdown-item-icon-start{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--s .dropdown-item-icon-end{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.container--m .dropdown-item-icon-start{-webkit-margin-end:0.75rem;margin-inline-end:0.75rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--m .dropdown-item-icon-end{-webkit-margin-start:0.75rem;margin-inline-start:0.75rem}.container--l .dropdown-item-icon-start{-webkit-margin-end:1rem;margin-inline-end:1rem;-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}.container--l .dropdown-item-icon-end{-webkit-margin-start:1rem;margin-inline-start:1rem}";
-
-const DropdownItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.calciteInternalDropdownItemSelect = createEvent(this, "calciteInternalDropdownItemSelect", 6);
-    this.calciteInternalDropdownItemKeyEvent = createEvent(this, "calciteInternalDropdownItemKeyEvent", 6);
-    this.calciteInternalDropdownCloseRequest = createEvent(this, "calciteInternalDropdownCloseRequest", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Public Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Indicates whether the item is active.
-     *
-     * @deprecated Use selected instead.
-     */
-    this.active = false;
-    /** When true, item is selected  */
-    this.selected = false;
-  }
-  activeHandler(value) {
-    this.selected = value;
-  }
-  selectedHandler(value) {
-    this.active = value;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  //--------------------------------------------------------------------------
-  /** Sets focus on the component. */
-  async setFocus() {
-    var _a;
-    (_a = this.el) === null || _a === void 0 ? void 0 : _a.focus();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  componentWillLoad() {
-    this.initialize();
-  }
-  connectedCallback() {
-    const isSelected = this.selected || this.active;
-    if (isSelected) {
-      this.activeHandler(isSelected);
-      this.selectedHandler(isSelected);
-    }
-    this.initialize();
-  }
-  render() {
-    const scale = getElementProp(this.el, "scale", "m");
-    const iconStartEl = (h("calcite-icon", { class: "dropdown-item-icon-start", flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: "s" }));
-    const contentNode = (h("span", { class: "dropdown-item-content" }, h("slot", null)));
-    const iconEndEl = (h("calcite-icon", { class: "dropdown-item-icon-end", flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: "s" }));
-    const slottedContent = this.iconStart && this.iconEnd
-      ? [iconStartEl, contentNode, iconEndEl]
-      : this.iconStart
-        ? [iconStartEl, h("slot", null)]
-        : this.iconEnd
-          ? [contentNode, iconEndEl]
-          : contentNode;
-    const contentEl = !this.href ? (slottedContent) : (h("a", { "aria-label": this.label, class: "dropdown-link", href: this.href, ref: (el) => (this.childLink = el), rel: this.rel, target: this.target }, slottedContent));
-    const itemRole = this.href
-      ? null
-      : this.selectionMode === "single"
-        ? "menuitemradio"
-        : this.selectionMode === "multi"
-          ? "menuitemcheckbox"
-          : "menuitem";
-    const itemAria = this.selectionMode !== "none" ? toAriaBoolean(this.selected) : null;
-    return (h(Host, { "aria-checked": itemAria, role: itemRole, tabindex: "0" }, h("div", { class: {
-        container: true,
-        [CSS.containerLink]: !!this.href,
-        [CSS.containerSmall]: scale === "s",
-        [CSS.containerMedium]: scale === "m",
-        [CSS.containerLarge]: scale === "l",
-        [CSS.containerMulti]: this.selectionMode === "multi",
-        [CSS.containerSingle]: this.selectionMode === "single",
-        [CSS.containerNone]: this.selectionMode === "none"
-      } }, this.selectionMode !== "none" ? (h("calcite-icon", { class: "dropdown-item-icon", icon: this.selectionMode === "multi" ? "check" : "bullet-point", scale: "s" })) : null, contentEl)));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Event Listeners
-  //
-  //--------------------------------------------------------------------------
-  onClick() {
-    this.emitRequestedItem();
-  }
-  keyDownHandler(event) {
-    switch (event.key) {
-      case " ":
-      case "Enter":
-        this.emitRequestedItem();
-        if (this.href) {
-          this.childLink.click();
-        }
-        event.preventDefault();
-        break;
-      case "Escape":
-        this.calciteInternalDropdownCloseRequest.emit();
-        event.preventDefault();
-        break;
-      case "Tab":
-        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: event });
-        break;
-      case "ArrowUp":
-      case "ArrowDown":
-      case "Home":
-      case "End":
-        event.preventDefault();
-        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: event });
-        break;
-    }
-  }
-  updateActiveItemOnChange(event) {
-    const parentEmittedChange = event.composedPath().includes(this.parentDropdownGroupEl);
-    if (parentEmittedChange) {
-      this.requestedDropdownGroup = event.detail.requestedDropdownGroup;
-      this.requestedDropdownItem = event.detail.requestedDropdownItem;
-      this.determineActiveItem();
-    }
-    event.stopPropagation();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  initialize() {
-    this.selectionMode = getElementProp(this.el, "selection-mode", "single");
-    this.parentDropdownGroupEl = this.el.closest("calcite-dropdown-group");
-    if (this.selectionMode === "none") {
-      this.selected = false;
-    }
-  }
-  determineActiveItem() {
-    switch (this.selectionMode) {
-      case "multi":
-        if (this.el === this.requestedDropdownItem) {
-          this.selected = !this.selected;
-        }
-        break;
-      case "single":
-        if (this.el === this.requestedDropdownItem) {
-          this.selected = true;
-        }
-        else if (this.requestedDropdownGroup === this.parentDropdownGroupEl) {
-          this.selected = false;
-        }
-        break;
-      case "none":
-        this.selected = false;
-        break;
-    }
-  }
-  emitRequestedItem() {
-    this.calciteInternalDropdownItemSelect.emit({
-      requestedDropdownItem: this.el,
-      requestedDropdownGroup: this.parentDropdownGroupEl
-    });
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "active": ["activeHandler"],
-    "selected": ["selectedHandler"]
-  }; }
-  static get style() { return dropdownItemCss; }
-}, [1, "calcite-dropdown-item", {
-    "active": [1540],
-    "selected": [1540],
-    "iconFlipRtl": [513, "icon-flip-rtl"],
-    "iconStart": [513, "icon-start"],
-    "iconEnd": [513, "icon-end"],
-    "href": [513],
-    "label": [1],
-    "rel": [513],
-    "target": [513],
-    "setFocus": [64]
-  }, [[0, "click", "onClick"], [0, "keydown", "keyDownHandler"], [16, "calciteInternalDropdownItemChange", "updateActiveItemOnChange"]]]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-dropdown-item", "calcite-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-dropdown-item":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, DropdownItem);
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const CalciteDropdownItem = DropdownItem;
-const defineCustomElement = defineCustomElement$1;
-
-export { CalciteDropdownItem, defineCustomElement };
-
-//# sourceMappingURL=calcite-dropdown-item.js.map

package/dist/components/calcite-dropdown-item.js.map

@@ -1 +0,0 @@
-{"file":"calcite-dropdown-item.js","mappings":"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","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/dropdown-item/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/dropdown-item/dropdown-item.css?tag=calcite-dropdown-item&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/dropdown-item/dropdown-item.js"],"sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nexport const CSS = {\n  containerLink: \"container--link\",\n  containerSmall: \"container--s\",\n  containerMedium: \"container--m\",\n  containerLarge: \"container--l\",\n  containerMulti: \"container--multi-selection\",\n  containerSingle: \"container--single-selection\",\n  containerNone: \"container--none-selection\"\n};\n","/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.container--s {\n  padding-block: 0.25rem;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1rem;\n  padding-inline-end: 0.5rem;\n  padding-inline-start: 1.5rem;\n}\n\n.container--m {\n  padding-block: 0.5rem;\n  font-size: var(--calcite-font-size--1);\n  line-height: 1rem;\n  padding-inline-end: 0.75rem;\n  padding-inline-start: 2rem;\n}\n\n.container--l {\n  padding-block: 0.75rem;\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n  padding-inline-end: 1rem;\n  padding-inline-start: 2.5rem;\n}\n\n.container--s.container--none-selection {\n  padding-inline-start: 0.25rem;\n}\n.container--s.container--none-selection .dropdown-link {\n  padding-inline-start: 0px;\n}\n\n.container--m.container--none-selection {\n  padding-inline-start: 0.5rem;\n}\n.container--m.container--none-selection .dropdown-link {\n  padding-inline-start: 0px;\n}\n\n.container--l.container--none-selection {\n  padding-inline-start: 0.75rem;\n}\n.container--l.container--none-selection .dropdown-link {\n  padding-inline-start: 0px;\n}\n\n:host {\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n  align-items: center;\n}\n\n.container {\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n  cursor: pointer;\n  align-items: center;\n  color: var(--calcite-ui-text-3);\n  text-decoration-line: none;\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  text-align: start;\n}\n\n.dropdown-item-content {\n  flex: 1 1 auto;\n  padding-inline-end: auto;\n  padding-inline-start: 0.25rem;\n}\n\n:host, \n.container--link a {\n  outline-color: transparent;\n}\n\n:host(:focus) {\n  outline: 2px solid transparent;\n  outline: 2px solid var(--calcite-ui-brand);\n  outline-offset: -2px;\n}\n\n.container--link {\n  padding: 0px;\n}\n.container--link a {\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n  cursor: pointer;\n  align-items: center;\n  color: var(--calcite-ui-text-3);\n  text-decoration-line: none;\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.container--s .dropdown-link {\n  padding-block: 0.25rem;\n  font-size: var(--calcite-font-size--2);\n  line-height: 1rem;\n  padding-inline-end: 0.5rem;\n  padding-inline-start: 1.5rem;\n}\n\n.container--m .dropdown-link {\n  padding-block: 0.5rem;\n  font-size: var(--calcite-font-size--1);\n  line-height: 1rem;\n  padding-inline-end: 0.75rem;\n  padding-inline-start: 2rem;\n}\n\n.container--l .dropdown-link {\n  padding-block: 0.75rem;\n  font-size: var(--calcite-font-size-0);\n  line-height: 1.25rem;\n  padding-inline-end: 1rem;\n  padding-inline-start: 2.5rem;\n}\n\n:host(:hover) .container, \n:host(:active) .container {\n  background-color: var(--calcite-ui-foreground-2);\n  color: var(--calcite-ui-text-1);\n  text-decoration-line: none;\n}\n\n:host(:hover) .container--link .dropdown-link, \n:host(:active) .container--link .dropdown-link {\n  color: var(--calcite-ui-text-1);\n}\n\n:host(:focus) .container {\n  color: var(--calcite-ui-text-1);\n  text-decoration-line: none;\n}\n\n:host(:active) .container {\n  background-color: var(--calcite-ui-foreground-3);\n}\n\n:host(:hover) .container:before, \n:host(:active) .container:before, \n:host(:focus) .container:before {\n  opacity: 1;\n}\n\n:host([selected]) .container:not(.container--none-selection), \n:host([selected]) .container--link .dropdown-link {\n  font-weight: var(--calcite-font-weight-medium);\n  color: var(--calcite-ui-text-1);\n}\n:host([selected]) .container:not(.container--none-selection):before, \n:host([selected]) .container--link .dropdown-link:before {\n  opacity: 1;\n  color: var(--calcite-ui-brand);\n}\n:host([selected]) .container:not(.container--none-selection) calcite-icon,\n:host([selected]) .container--link .dropdown-link calcite-icon {\n  color: var(--calcite-ui-brand);\n}\n\n.container--multi-selection:before, \n.container--none-selection:before {\n  display: none;\n}\n\n.container--s:before {\n  inset-inline-start: 0.5rem;\n}\n\n.container--m:before {\n  inset-inline-start: 0.75rem;\n}\n\n.container--l:before {\n  inset-inline-start: 1rem;\n}\n\n.dropdown-item-icon {\n  position: absolute;\n  opacity: 0;\n  transition-duration: 150ms;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transform: scale(0.9);\n}\n\n.container--s .dropdown-item-icon {\n  inset-inline-start: 0.25rem;\n}\n\n.container--m .dropdown-item-icon {\n  inset-inline-start: 0.5rem;\n}\n\n.container--l .dropdown-item-icon {\n  inset-inline-start: 0.75rem;\n}\n\n:host(:hover) .dropdown-item-icon {\n  color: var(--calcite-ui-border-1);\n  opacity: 1;\n}\n\n:host([active]) .dropdown-item-icon {\n  color: var(--calcite-ui-brand);\n  opacity: 1;\n}\n\n.container--s .dropdown-item-icon-start {\n  margin-inline-end: 0.5rem;\n  margin-inline-start: 0.25rem;\n}\n.container--s .dropdown-item-icon-end {\n  margin-inline-start: 0.5rem;\n}\n\n.container--m .dropdown-item-icon-start {\n  margin-inline-end: 0.75rem;\n  margin-inline-start: 0.25rem;\n}\n.container--m .dropdown-item-icon-end {\n  margin-inline-start: 0.75rem;\n}\n\n.container--l .dropdown-item-icon-start {\n  margin-inline-end: 1rem;\n  margin-inline-start: 0.25rem;\n}\n.container--l .dropdown-item-icon-end {\n  margin-inline-start: 1rem;\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { h, Host } from \"@stencil/core\";\nimport { getElementProp, toAriaBoolean } from \"../../utils/dom\";\nimport { CSS } from \"./resources\";\n/**\n * @slot - A slot for adding text.\n */\nexport class DropdownItem {\n  constructor() {\n    //--------------------------------------------------------------------------\n    //\n    //  Public Properties\n    //\n    //--------------------------------------------------------------------------\n    /**\n     * Indicates whether the item is active.\n     *\n     * @deprecated Use selected instead.\n     */\n    this.active = false;\n    /** When true, item is selected  */\n    this.selected = false;\n  }\n  activeHandler(value) {\n    this.selected = value;\n  }\n  selectedHandler(value) {\n    this.active = value;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Public Methods\n  //\n  //--------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus() {\n    var _a;\n    (_a = this.el) === null || _a === void 0 ? void 0 : _a.focus();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  componentWillLoad() {\n    this.initialize();\n  }\n  connectedCallback() {\n    const isSelected = this.selected || this.active;\n    if (isSelected) {\n      this.activeHandler(isSelected);\n      this.selectedHandler(isSelected);\n    }\n    this.initialize();\n  }\n  render() {\n    const scale = getElementProp(this.el, \"scale\", \"m\");\n    const iconStartEl = (h(\"calcite-icon\", { class: \"dropdown-item-icon-start\", flipRtl: this.iconFlipRtl === \"start\" || this.iconFlipRtl === \"both\", icon: this.iconStart, scale: \"s\" }));\n    const contentNode = (h(\"span\", { class: \"dropdown-item-content\" }, h(\"slot\", null)));\n    const iconEndEl = (h(\"calcite-icon\", { class: \"dropdown-item-icon-end\", flipRtl: this.iconFlipRtl === \"end\" || this.iconFlipRtl === \"both\", icon: this.iconEnd, scale: \"s\" }));\n    const slottedContent = this.iconStart && this.iconEnd\n      ? [iconStartEl, contentNode, iconEndEl]\n      : this.iconStart\n        ? [iconStartEl, h(\"slot\", null)]\n        : this.iconEnd\n          ? [contentNode, iconEndEl]\n          : contentNode;\n    const contentEl = !this.href ? (slottedContent) : (h(\"a\", { \"aria-label\": this.label, class: \"dropdown-link\", href: this.href, ref: (el) => (this.childLink = el), rel: this.rel, target: this.target }, slottedContent));\n    const itemRole = this.href\n      ? null\n      : this.selectionMode === \"single\"\n        ? \"menuitemradio\"\n        : this.selectionMode === \"multi\"\n          ? \"menuitemcheckbox\"\n          : \"menuitem\";\n    const itemAria = this.selectionMode !== \"none\" ? toAriaBoolean(this.selected) : null;\n    return (h(Host, { \"aria-checked\": itemAria, role: itemRole, tabindex: \"0\" }, h(\"div\", { class: {\n        container: true,\n        [CSS.containerLink]: !!this.href,\n        [CSS.containerSmall]: scale === \"s\",\n        [CSS.containerMedium]: scale === \"m\",\n        [CSS.containerLarge]: scale === \"l\",\n        [CSS.containerMulti]: this.selectionMode === \"multi\",\n        [CSS.containerSingle]: this.selectionMode === \"single\",\n        [CSS.containerNone]: this.selectionMode === \"none\"\n      } }, this.selectionMode !== \"none\" ? (h(\"calcite-icon\", { class: \"dropdown-item-icon\", icon: this.selectionMode === \"multi\" ? \"check\" : \"bullet-point\", scale: \"s\" })) : null, contentEl)));\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Event Listeners\n  //\n  //--------------------------------------------------------------------------\n  onClick() {\n    this.emitRequestedItem();\n  }\n  keyDownHandler(event) {\n    switch (event.key) {\n      case \" \":\n      case \"Enter\":\n        this.emitRequestedItem();\n        if (this.href) {\n          this.childLink.click();\n        }\n        event.preventDefault();\n        break;\n      case \"Escape\":\n        this.calciteInternalDropdownCloseRequest.emit();\n        event.preventDefault();\n        break;\n      case \"Tab\":\n        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: event });\n        break;\n      case \"ArrowUp\":\n      case \"ArrowDown\":\n      case \"Home\":\n      case \"End\":\n        event.preventDefault();\n        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: event });\n        break;\n    }\n  }\n  updateActiveItemOnChange(event) {\n    const parentEmittedChange = event.composedPath().includes(this.parentDropdownGroupEl);\n    if (parentEmittedChange) {\n      this.requestedDropdownGroup = event.detail.requestedDropdownGroup;\n      this.requestedDropdownItem = event.detail.requestedDropdownItem;\n      this.determineActiveItem();\n    }\n    event.stopPropagation();\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n  initialize() {\n    this.selectionMode = getElementProp(this.el, \"selection-mode\", \"single\");\n    this.parentDropdownGroupEl = this.el.closest(\"calcite-dropdown-group\");\n    if (this.selectionMode === \"none\") {\n      this.selected = false;\n    }\n  }\n  determineActiveItem() {\n    switch (this.selectionMode) {\n      case \"multi\":\n        if (this.el === this.requestedDropdownItem) {\n          this.selected = !this.selected;\n        }\n        break;\n      case \"single\":\n        if (this.el === this.requestedDropdownItem) {\n          this.selected = true;\n        }\n        else if (this.requestedDropdownGroup === this.parentDropdownGroupEl) {\n          this.selected = false;\n        }\n        break;\n      case \"none\":\n        this.selected = false;\n        break;\n    }\n  }\n  emitRequestedItem() {\n    this.calciteInternalDropdownItemSelect.emit({\n      requestedDropdownItem: this.el,\n      requestedDropdownGroup: this.parentDropdownGroupEl\n    });\n  }\n  static get is() { return \"calcite-dropdown-item\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"dropdown-item.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"dropdown-item.css\"]\n    };\n  }\n  static get properties() {\n    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              \"name\": \"deprecated\",\n              \"text\": \"Use selected instead.\"\n            }],\n          \"text\": \"Indicates whether the item is active.\"\n        },\n        \"attribute\": \"active\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"selected\": {\n        \"type\": \"boolean\",\n        \"mutable\": true,\n        \"complexType\": {\n          \"original\": \"boolean\",\n          \"resolved\": \"boolean\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When true, item is selected\"\n        },\n        \"attribute\": \"selected\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      },\n      \"iconFlipRtl\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"FlipContext\",\n          \"resolved\": \"\\\"both\\\" | \\\"end\\\" | \\\"start\\\"\",\n          \"references\": {\n            \"FlipContext\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"When true, the icon will be flipped when the element direction is right-to-left (`\\\"rtl\\\"`).\"\n        },\n        \"attribute\": \"icon-flip-rtl\",\n        \"reflect\": true\n      },\n      \"iconStart\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies an icon to display at the start of the component.\"\n        },\n        \"attribute\": \"icon-start\",\n        \"reflect\": true\n      },\n      \"iconEnd\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies an icon to display at the end of the component.\"\n        },\n        \"attribute\": \"icon-end\",\n        \"reflect\": true\n      },\n      \"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 anchor\"\n        },\n        \"attribute\": \"href\",\n        \"reflect\": true\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      \"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\": true\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\": true\n      }\n    };\n  }\n  static get events() {\n    return [{\n        \"method\": \"calciteInternalDropdownItemSelect\",\n        \"name\": \"calciteInternalDropdownItemSelect\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"\"\n        },\n        \"complexType\": {\n          \"original\": \"RequestedItem\",\n          \"resolved\": \"RequestedItem\",\n          \"references\": {\n            \"RequestedItem\": {\n              \"location\": \"import\",\n              \"path\": \"../dropdown-group/interfaces\"\n            }\n          }\n        }\n      }, {\n        \"method\": \"calciteInternalDropdownItemKeyEvent\",\n        \"name\": \"calciteInternalDropdownItemKeyEvent\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"\"\n        },\n        \"complexType\": {\n          \"original\": \"ItemKeyboardEvent\",\n          \"resolved\": \"ItemKeyboardEvent\",\n          \"references\": {\n            \"ItemKeyboardEvent\": {\n              \"location\": \"import\",\n              \"path\": \"../dropdown/interfaces\"\n            }\n          }\n        }\n      }, {\n        \"method\": \"calciteInternalDropdownCloseRequest\",\n        \"name\": \"calciteInternalDropdownCloseRequest\",\n        \"bubbles\": true,\n        \"cancelable\": false,\n        \"composed\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"\"\n        },\n        \"complexType\": {\n          \"original\": \"void\",\n          \"resolved\": \"void\",\n          \"references\": {}\n        }\n      }];\n  }\n  static get methods() {\n    return {\n      \"setFocus\": {\n        \"complexType\": {\n          \"signature\": \"() => Promise<void>\",\n          \"parameters\": [],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<void>\"\n        },\n        \"docs\": {\n          \"text\": \"Sets focus on the component.\",\n          \"tags\": []\n        }\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n  static get watchers() {\n    return [{\n        \"propName\": \"active\",\n        \"methodName\": \"activeHandler\"\n      }, {\n        \"propName\": \"selected\",\n        \"methodName\": \"selectedHandler\"\n      }];\n  }\n  static get listeners() {\n    return [{\n        \"name\": \"click\",\n        \"method\": \"onClick\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }, {\n        \"name\": \"keydown\",\n        \"method\": \"keyDownHandler\",\n        \"target\": undefined,\n        \"capture\": false,\n        \"passive\": false\n      }, {\n        \"name\": \"calciteInternalDropdownItemChange\",\n        \"method\": \"updateActiveItemOnChange\",\n        \"target\": \"body\",\n        \"capture\": false,\n        \"passive\": false\n      }];\n  }\n}\n"],"version":3}

package/dist/components/calcite-dropdown.js

@@ -1,13 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { D as Dropdown, d as defineCustomElement$1 } from './dropdown.js';
-
-const CalciteDropdown = Dropdown;
-const defineCustomElement = defineCustomElement$1;
-
-export { CalciteDropdown, defineCustomElement };
-
-//# sourceMappingURL=calcite-dropdown.js.map

package/dist/components/calcite-dropdown.js.map

@@ -1 +0,0 @@
-{"file":"calcite-dropdown.js","mappings":";;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/calcite-fab.js

@@ -1,146 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { f as focusElement } from './dom.js';
-import { u as updateHostInteraction } from './interactive.js';
-import { d as defineCustomElement$4 } from './button.js';
-import { d as defineCustomElement$3 } from './icon.js';
-import { d as defineCustomElement$2 } from './loader.js';
-
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-beta.97
- */
-const CSS = {
-  button: "button"
-};
-const ICONS = {
-  plus: "plus"
-};
-
-const fabCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:flex;background-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}calcite-button{--tw-shadow:0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}calcite-button:hover{--tw-shadow:0 12px 32px -2px rgba(0, 0, 0, 0.1), 0 4px 20px 0 rgba(0, 0, 0, 0.08);--tw-shadow-colored:0 12px 32px -2px var(--tw-shadow-color), 0 4px 20px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}calcite-button:active{--tw-shadow:0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);--tw-shadow-colored:0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}";
-
-const Fab = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * Used to set the button's appearance. Default is outline.
-     */
-    this.appearance = "outline";
-    /**
-     * Used to set the button's color. Default is light.
-     */
-    this.color = "neutral";
-    /**
-     * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
-     */
-    this.disabled = false;
-    /**
-     * Specifies an icon to display.
-     *
-     * @default "plus"
-     */
-    this.icon = ICONS.plus;
-    /**
-     * When true, content is waiting to be loaded. This state shows a busy indicator.
-     */
-    this.loading = false;
-    /**
-     * Specifies the size of the fab.
-     */
-    this.scale = "m";
-    /**
-     * Indicates whether the text is displayed.
-     */
-    this.textEnabled = false;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  componentDidRender() {
-    updateHostInteraction(this);
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Methods
-  //
-  // --------------------------------------------------------------------------
-  /** Sets focus on the component. */
-  async setFocus() {
-    focusElement(this.buttonEl);
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Render Methods
-  //
-  // --------------------------------------------------------------------------
-  render() {
-    const { appearance, color, disabled, loading, scale, textEnabled, icon, label, text } = this;
-    const title = !textEnabled ? label || text || null : null;
-    return (h("calcite-button", { appearance: appearance === "solid" ? "solid" : "outline", class: CSS.button, color: color, disabled: disabled, iconStart: icon, label: label, loading: loading, ref: (buttonEl) => {
-        this.buttonEl = buttonEl;
-      }, round: true, scale: scale, title: title, type: "button", width: "auto" }, this.textEnabled ? this.text : null));
-  }
-  get el() { return this; }
-  static get style() { return fabCss; }
-}, [1, "calcite-fab", {
-    "appearance": [513],
-    "color": [513],
-    "disabled": [516],
-    "icon": [513],
-    "label": [1],
-    "loading": [516],
-    "scale": [513],
-    "text": [1],
-    "textEnabled": [516, "text-enabled"],
-    "setFocus": [64]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-fab", "calcite-button", "calcite-icon", "calcite-loader"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-fab":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Fab);
-      }
-      break;
-    case "calcite-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "calcite-loader":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const CalciteFab = Fab;
-const defineCustomElement = defineCustomElement$1;
-
-export { CalciteFab, defineCustomElement };
-
-//# sourceMappingURL=calcite-fab.js.map

package/dist/components/calcite-fab.js.map

@@ -1 +0,0 @@
-{"file":"calcite-fab.js","mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACO,MAAM,GAAG,GAAG;AACnB,EAAE,MAAM,EAAE,QAAQ;AAClB,CAAC,CAAC;AACK,MAAM,KAAK,GAAG;AACrB,EAAE,IAAI,EAAE,MAAM;AACd,CAAC;;ACVD,MAAM,MAAM,GAAG,+9EAA+9E;;MCSj+E,GAAG;EACd;;;;;;;;;;;;IASE,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;;;;IAI5B,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;;;;IAIvB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;;;;;;IAMtB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;;;;IAIvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;;;;IAIrB,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;;;;IAIjB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;GAC1B;;;;;;EAMD,kBAAkB;IAChB,qBAAqB,CAAC,IAAI,CAAC,CAAC;GAC7B;;;;;;;EAOD,MAAM,QAAQ;IACZ,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;GAC7B;;;;;;EAMD,MAAM;IACJ,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAC7F,MAAM,KAAK,GAAG,CAAC,WAAW,GAAG,KAAK,IAAI,IAAI,IAAI,IAAI,GAAG,IAAI,CAAC;IAC1D,QAAQ,CAAC,CAAC,gBAAgB,EAAE,EAAE,UAAU,EAAE,UAAU,KAAK,OAAO,GAAG,OAAO,GAAG,SAAS,EAAE,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ;QACxM,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;OAC1B,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE;GACtH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./node_modules/@esri/calcite-components/dist/collection/components/fab/resources.js","./node_modules/@esri/calcite-components/dist/collection/components/fab/fab.css?tag=calcite-fab&encapsulation=shadow","./node_modules/@esri/calcite-components/dist/collection/components/fab/fab.js"],"sourcesContent":["/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nexport const CSS = {\n  button: \"button\"\n};\nexport const ICONS = {\n  plus: \"plus\"\n};\n","/* mixins & extensions */\n@keyframes in {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n@keyframes in-down {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, -5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-up {\n  0% {\n    opacity: 0;\n    transform: translate3D(0, 5px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3D(0, 0, 0);\n  }\n}\n@keyframes in-scale {\n  0% {\n    opacity: 0;\n    transform: scale3D(0.95, 0.95, 1);\n  }\n  100% {\n    opacity: 1;\n    transform: scale3D(1, 1, 1);\n  }\n}\n:root {\n  --calcite-animation-timing: calc(150ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-duration-factor: var(--calcite-duration-factor, 1);\n  --calcite-internal-animation-timing-fast: calc(100ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-medium: calc(200ms * var(--calcite-internal-duration-factor));\n  --calcite-internal-animation-timing-slow: calc(300ms * var(--calcite-internal-duration-factor));\n}\n\n.calcite-animate {\n  opacity: 0;\n  animation-fill-mode: both;\n  animation-duration: var(--calcite-animation-timing);\n}\n\n.calcite-animate__in {\n  animation-name: in;\n}\n\n.calcite-animate__in-down {\n  animation-name: in-down;\n}\n\n.calcite-animate__in-up {\n  animation-name: in-up;\n}\n\n.calcite-animate__in-scale {\n  animation-name: in-scale;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :root {\n    --calcite-internal-duration-factor: 0.01;\n  }\n}\n/**\n* Currently only used in Checkbox.\n*/\n:root {\n  --calcite-floating-ui-transition: var(--calcite-animation-timing);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([disabled]) {\n  pointer-events: none;\n  cursor: default;\n  -webkit-user-select: none;\n          user-select: none;\n  opacity: var(--calcite-ui-opacity-disabled);\n}\n\n:host {\n  display: flex;\n  background-color: transparent;\n}\n\n:host([disabled]) ::slotted([calcite-hydrated][disabled]),\n:host([disabled]) [calcite-hydrated][disabled] {\n  /* prevent opacity stacking */\n  opacity: 1;\n}\n\ncalcite-button {\n  --tw-shadow: 0 6px 20px -4px rgba(0, 0, 0, 0.1), 0 4px 12px -2px rgba(0, 0, 0, 0.08);\n  --tw-shadow-colored: 0 6px 20px -4px var(--tw-shadow-color), 0 4px 12px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\ncalcite-button:hover {\n  --tw-shadow: 0 12px 32px -2px rgba(0, 0, 0, 0.1), 0 4px 20px 0 rgba(0, 0, 0, 0.08);\n  --tw-shadow-colored: 0 12px 32px -2px var(--tw-shadow-color), 0 4px 20px 0 var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\ncalcite-button:active {\n  --tw-shadow: 0 2px 12px -4px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.16);\n  --tw-shadow-colored: 0 2px 12px -4px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}","/*!\n * All material copyright ESRI, All Rights Reserved, unless otherwise specified.\n * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.\n * v1.0.0-beta.97\n */\nimport { h } from \"@stencil/core\";\nimport { CSS, ICONS } from \"./resources\";\nimport { focusElement } from \"../../utils/dom\";\nimport { updateHostInteraction } from \"../../utils/interactive\";\nexport class Fab {\n  constructor() {\n    // --------------------------------------------------------------------------\n    //\n    //  Properties\n    //\n    // --------------------------------------------------------------------------\n    /**\n     * Used to set the button's appearance. Default is outline.\n     */\n    this.appearance = \"outline\";\n    /**\n     * Used to set the button's color. Default is light.\n     */\n    this.color = \"neutral\";\n    /**\n     * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.\n     */\n    this.disabled = false;\n    /**\n     * Specifies an icon to display.\n     *\n     * @default \"plus\"\n     */\n    this.icon = ICONS.plus;\n    /**\n     * When true, content is waiting to be loaded. This state shows a busy indicator.\n     */\n    this.loading = false;\n    /**\n     * Specifies the size of the fab.\n     */\n    this.scale = \"m\";\n    /**\n     * Indicates whether the text is displayed.\n     */\n    this.textEnabled = false;\n  }\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n  componentDidRender() {\n    updateHostInteraction(this);\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  // --------------------------------------------------------------------------\n  /** Sets focus on the component. */\n  async setFocus() {\n    focusElement(this.buttonEl);\n  }\n  // --------------------------------------------------------------------------\n  //\n  //  Render Methods\n  //\n  // --------------------------------------------------------------------------\n  render() {\n    const { appearance, color, disabled, loading, scale, textEnabled, icon, label, text } = this;\n    const title = !textEnabled ? label || text || null : null;\n    return (h(\"calcite-button\", { appearance: appearance === \"solid\" ? \"solid\" : \"outline\", class: CSS.button, color: color, disabled: disabled, iconStart: icon, label: label, loading: loading, ref: (buttonEl) => {\n        this.buttonEl = buttonEl;\n      }, round: true, scale: scale, title: title, type: \"button\", width: \"auto\" }, this.textEnabled ? this.text : null));\n  }\n  static get is() { return \"calcite-fab\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"fab.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"fab.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"appearance\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Extract<\\\"solid\\\" | \\\"outline\\\", Appearance>\",\n          \"resolved\": \"\\\"outline\\\" | \\\"solid\\\"\",\n          \"references\": {\n            \"Extract\": {\n              \"location\": \"global\"\n            },\n            \"Appearance\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Used to set the button's appearance. Default is outline.\"\n        },\n        \"attribute\": \"appearance\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"outline\\\"\"\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\": \"../button/interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Used to set the button's color. Default is light.\"\n        },\n        \"attribute\": \"color\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"neutral\\\"\"\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      \"icon\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"default\",\n              \"text\": \"\\\"plus\\\"\"\n            }],\n          \"text\": \"Specifies an icon to display.\"\n        },\n        \"attribute\": \"icon\",\n        \"reflect\": true,\n        \"defaultValue\": \"ICONS.plus\"\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\": \"Label of the FAB, exposed on hover when textEnabled is false. If no label is provided, the label inherits what's provided for the `text` prop.\"\n        },\n        \"attribute\": \"label\",\n        \"reflect\": false\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      \"scale\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"Scale\",\n          \"resolved\": \"\\\"l\\\" | \\\"m\\\" | \\\"s\\\"\",\n          \"references\": {\n            \"Scale\": {\n              \"location\": \"import\",\n              \"path\": \"../interfaces\"\n            }\n          }\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Specifies the size of the fab.\"\n        },\n        \"attribute\": \"scale\",\n        \"reflect\": true,\n        \"defaultValue\": \"\\\"m\\\"\"\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\": true,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Text that accompanies the FAB icon.\"\n        },\n        \"attribute\": \"text\",\n        \"reflect\": false\n      },\n      \"textEnabled\": {\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 text is displayed.\"\n        },\n        \"attribute\": \"text-enabled\",\n        \"reflect\": true,\n        \"defaultValue\": \"false\"\n      }\n    };\n  }\n  static get methods() {\n    return {\n      \"setFocus\": {\n        \"complexType\": {\n          \"signature\": \"() => Promise<void>\",\n          \"parameters\": [],\n          \"references\": {\n            \"Promise\": {\n              \"location\": \"global\"\n            }\n          },\n          \"return\": \"Promise<void>\"\n        },\n        \"docs\": {\n          \"text\": \"Sets focus on the component.\",\n          \"tags\": []\n        }\n      }\n    };\n  }\n  static get elementRef() { return \"el\"; }\n}\n"],"version":3}