@esri/solutions-components 0.2.1 → 0.2.2

package/dist/components/calcite-tree-item.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 { T as TreeItem, d as defineCustomElement$1 } from './tree-item.js';
-
-const CalciteTreeItem = TreeItem;
-const defineCustomElement = defineCustomElement$1;
-
-export { CalciteTreeItem, defineCustomElement };
-
-//# sourceMappingURL=calcite-tree-item.js.map

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

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

package/dist/components/calcite-tree.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 { T as Tree, d as defineCustomElement$1 } from './tree.js';
-
-const CalciteTree = Tree;
-const defineCustomElement = defineCustomElement$1;
-
-export { CalciteTree, defineCustomElement };
-
-//# sourceMappingURL=calcite-tree.js.map

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

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

package/dist/components/calcite-value-list-item.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 { V as ValueListItem, d as defineCustomElement$1 } from './value-list-item.js';
-
-const CalciteValueListItem = ValueListItem;
-const defineCustomElement = defineCustomElement$1;
-
-export { CalciteValueListItem, defineCustomElement };
-
-//# sourceMappingURL=calcite-value-list-item.js.map

package/dist/components/calcite-value-list-item.js.map

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

package/dist/components/calcite-value-list.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 { V as ValueList, d as defineCustomElement$1 } from './value-list.js';
-
-const CalciteValueList = ValueList;
-const defineCustomElement = defineCustomElement$1;
-
-export { CalciteValueList, defineCustomElement };
-
-//# sourceMappingURL=calcite-value-list.js.map

package/dist/components/calcite-value-list.js.map

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

package/dist/components/check-list.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface CheckList extends Components.CheckList, HTMLElement {}
-export const CheckList: {
-  prototype: CheckList;
-  new (): CheckList;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/check-list.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 { C as CheckList$1, d as defineCustomElement$1 } from './check-list2.js';
-
-const CheckList = CheckList$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CheckList, defineCustomElement };
-
-//# sourceMappingURL=check-list.js.map

package/dist/components/check-list.js.map

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

package/dist/components/check-list2.js

@@ -1,128 +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, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './checkbox.js';
-import { d as defineCustomElement$1 } from './label.js';
-
-const checkListCss = ":host{display:block}";
-
-const CheckList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    //--------------------------------------------------------------------------
-    //
-    //  Properties (protected)
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * A list of all checkbox elements for this component
-     *
-     * @protected
-     */
-    this._elements = [];
-    this.defaultChecked = true;
-    this.values = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Returns a key/value pair that represents the checkbox value and checked state
-   *
-   * @returns Promise with the state of the checkboxes
-   */
-  async getConfigInfo() {
-    return this._elements.reduce((prev, cur) => {
-      prev[cur.value] = cur.checked;
-      return prev;
-    }, {});
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Events (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
-   */
-  async componentDidLoad() {
-    if (this.defaultChecked) {
-      this._elements.forEach(el => {
-        el.checked = true;
-      });
-    }
-  }
-  /**
-   * Renders the component.
-   */
-  render() {
-    return (h(Host, null, h("div", null, this._renderCheckboxes(this.values))));
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Render a checkbox with a label for each of the types listed in the NLS
-   *
-   * @returns Array of label/checkbox input nodes
-   * @protected
-   */
-  _renderCheckboxes(values) {
-    return values.map(v => {
-      return (h("calcite-label", { layout: "inline" }, h("calcite-checkbox", { ref: (el) => this._elements.push(el), value: v }), v));
-    });
-  }
-  get el() { return this; }
-  static get style() { return checkListCss; }
-}, [1, "check-list", {
-    "defaultChecked": [516, "default-checked"],
-    "values": [16],
-    "getConfigInfo": [64]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["check-list", "calcite-checkbox", "calcite-label"];
-  components.forEach(tagName => { switch (tagName) {
-    case "check-list":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, CheckList);
-      }
-      break;
-    case "calcite-checkbox":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "calcite-label":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { CheckList as C, defineCustomElement as d };
-
-//# sourceMappingURL=check-list2.js.map

package/dist/components/check-list2.js.map

@@ -1 +0,0 @@
-{"file":"check-list2.js","mappings":";;;;;;;;;AAAA,MAAM,YAAY,GAAG,sBAAsB;;MCuB9B,SAAS;;;;;;;;;;;;;;;IAoCV,cAAS,GAAiC,EAAE,CAAC;0BAlBb,IAAI;;;;;;;;;;;;;;;;;;EAsC9C,MAAM,aAAa;IACjB,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,GAAG;MACrC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC;MAC9B,OAAO,IAAI,CAAC;KACb,EAAE,EAAE,CAAC,CAAC;GACR;;;;;;;;;;;;;;EAiBD,MAAM,gBAAgB;IACpB,IAAI,IAAI,CAAC,cAAc,EAAE;MACvB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE;QACvB,EAAE,CAAC,OAAO,GAAG,IAAI,CAAC;OACnB,CAAC,CAAC;KACJ;GACF;;;;EAKD,MAAM;IACJ,QACE,EAAC,IAAI,QACH,eACG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,CAChC,CACD,EACP;GACH;;;;;;;;;;;;EAcS,iBAAiB,CACzB,MAAgB;IAEhB,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;MACjB,QACE,qBAAe,MAAM,EAAC,QAAQ,IAC5B,wBAAkB,GAAG,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,GAAI,EACnE,CAAC,CACY,EAChB;KACH,CAAC,CAAA;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/check-list/check-list.css?tag=check-list&encapsulation=shadow","./src/components/check-list/check-list.tsx"],"sourcesContent":[":host {\r\n  display: block;\r\n}\r\n","/** @license\r\n * Copyright 2022 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the \"License\");\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an \"AS IS\" BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\n import { Component, Element, Host, h, Method, Prop, VNode} from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'check-list',\r\n  styleUrl: 'check-list.css',\r\n  shadow: true,\r\n})\r\nexport class CheckList {\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Host element access\r\n  //\r\n  //--------------------------------------------------------------------------\r\n  @Element() el: HTMLCheckListElement;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * boolean: All checkboxes checked state will be set with this value on first render.\r\n   * Default is true\r\n   */\r\n  @Prop({ reflect: true }) defaultChecked = true;\r\n\r\n  /**\r\n   * string []: The values to render beside the checkboxes\r\n   */\r\n  @Prop() values: string[];\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * A list of all checkbox elements for this component\r\n   *\r\n   * @protected\r\n   */\r\n  protected _elements: HTMLCalciteCheckboxElement[] = [];\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Methods (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Returns a key/value pair that represents the checkbox value and checked state\r\n   *\r\n   * @returns Promise with the state of the checkboxes\r\n   */\r\n  @Method()\r\n  async getConfigInfo(): Promise<{ [key: string]: boolean }> {\r\n    return this._elements.reduce((prev, cur) => {\r\n      prev[cur.value] = cur.checked;\r\n      return prev;\r\n    }, {});\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Events (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (lifecycle)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * StencilJS: Called once just after the component is fully loaded and the first render() occurs.\r\n   */\r\n  async componentDidLoad(): Promise<void> {\r\n    if (this.defaultChecked) {\r\n      this._elements.forEach(el => {\r\n        el.checked = true;\r\n      });\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Renders the component.\r\n   */\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <div>\r\n          {this._renderCheckboxes(this.values)}\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (protected)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Render a checkbox with a label for each of the types listed in the NLS\r\n   *\r\n   * @returns Array of label/checkbox input nodes\r\n   * @protected\r\n   */\r\n  protected _renderCheckboxes(\r\n    values: string[]\r\n  ): VNode[] {\r\n    return values.map(v => {\r\n      return (\r\n        <calcite-label layout=\"inline\">\r\n          <calcite-checkbox ref={(el) => this._elements.push(el)} value={v} />\r\n          {v}\r\n        </calcite-label>\r\n      );\r\n    })\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/checkbox.js

@@ -1,167 +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 guid } from './guid.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label2.js';
-import { u as updateHostInteraction } from './interactive.js';
-import { t as toAriaBoolean } from './dom.js';
-import { i as isActivationKey } from './key.js';
-
-const checkboxCss = "@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([scale=s]){--calcite-checkbox-size:0.75rem}:host([scale=m]){--calcite-checkbox-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-checkbox-size:1rem}:host{position:relative;display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host .check-svg,:host .toggle{inline-size:var(--calcite-checkbox-size);block-size:var(--calcite-checkbox-size)}:host .check-svg{pointer-events:none;box-sizing:border-box;display:block;overflow:hidden;background-color:var(--calcite-ui-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);color:var(--calcite-ui-background)}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([hovered]) .toggle .check-svg,:host .toggle:hover .check-svg{box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}.toggle{outline-color:transparent}.toggle:active,.toggle:focus,.toggle:focus-visible{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
-
-const Checkbox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.calciteInternalCheckboxBlur = createEvent(this, "calciteInternalCheckboxBlur", 6);
-    this.calciteCheckboxChange = createEvent(this, "calciteCheckboxChange", 6);
-    this.calciteInternalCheckboxFocus = createEvent(this, "calciteInternalCheckboxFocus", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /** When `true`, the component is checked. */
-    this.checked = false;
-    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
-    this.disabled = false;
-    /**
-     * The hovered state of the checkbox.
-     *
-     * @internal
-     */
-    this.hovered = false;
-    /**
-     * When `true`, the component is initially indeterminate, which is independent from its `checked` value.
-     *
-     * The state is visual only, and can look different across browsers.
-     *
-     * @mdn [indeterminate](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes)
-     */
-    this.indeterminate = false;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     *
-     * @internal
-     */
-    this.required = false;
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    //--------------------------------------------------------------------------
-    //
-    //  Private Properties
-    //
-    //--------------------------------------------------------------------------
-    this.checkedPath = "M5.5 12L2 8.689l.637-.636L5.5 10.727l8.022-7.87.637.637z";
-    this.indeterminatePath = "M13 8v1H3V8z";
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    this.getPath = () => this.indeterminate ? this.indeterminatePath : this.checked ? this.checkedPath : "";
-    this.toggle = () => {
-      if (!this.disabled) {
-        this.checked = !this.checked;
-        this.setFocus();
-        this.indeterminate = false;
-        this.calciteCheckboxChange.emit();
-      }
-    };
-    this.keyDownHandler = (event) => {
-      if (isActivationKey(event.key)) {
-        this.toggle();
-        event.preventDefault();
-      }
-    };
-    this.clickHandler = () => {
-      this.toggle();
-    };
-    //--------------------------------------------------------------------------
-    //
-    //  Event Listeners
-    //
-    //--------------------------------------------------------------------------
-    this.onToggleBlur = () => {
-      this.calciteInternalCheckboxBlur.emit(false);
-    };
-    this.onToggleFocus = () => {
-      this.calciteInternalCheckboxFocus.emit(true);
-    };
-    this.onLabelClick = () => {
-      this.toggle();
-    };
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  //--------------------------------------------------------------------------
-  /** Sets focus on the component. */
-  async setFocus() {
-    var _a;
-    (_a = this.toggleEl) === null || _a === void 0 ? void 0 : _a.focus();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  //--------------------------------------------------------------------------
-  connectedCallback() {
-    this.guid = this.el.id || `calcite-checkbox-${guid()}`;
-    connectLabel(this);
-    connectForm(this);
-  }
-  disconnectedCallback() {
-    disconnectLabel(this);
-    disconnectForm(this);
-  }
-  componentDidRender() {
-    updateHostInteraction(this);
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Render Methods
-  //
-  // --------------------------------------------------------------------------
-  render() {
-    return (h(Host, { onClick: this.clickHandler, onKeyDown: this.keyDownHandler }, h("div", { "aria-checked": toAriaBoolean(this.checked), "aria-label": getLabelText(this), class: "toggle", onBlur: this.onToggleBlur, onFocus: this.onToggleFocus, ref: (toggleEl) => (this.toggleEl = toggleEl), role: "checkbox", tabIndex: this.disabled ? undefined : 0 }, h("svg", { "aria-hidden": "true", class: "check-svg", viewBox: "0 0 16 16" }, h("path", { d: this.getPath() })), h("slot", null)), h(HiddenFormInputSlot, { component: this })));
-  }
-  get el() { return this; }
-  static get style() { return checkboxCss; }
-}, [1, "calcite-checkbox", {
-    "checked": [1540],
-    "disabled": [516],
-    "guid": [1537],
-    "hovered": [1540],
-    "indeterminate": [1540],
-    "label": [1],
-    "name": [520],
-    "required": [516],
-    "scale": [513],
-    "value": [8],
-    "setFocus": [64]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-checkbox"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-checkbox":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Checkbox);
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { Checkbox as C, defineCustomElement as d };
-
-//# sourceMappingURL=checkbox.js.map

package/dist/components/checkbox.js.map

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

package/dist/components/chip.js

@@ -1,172 +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 } from '@stencil/core/internal/client';
-import { b as getSlotted } from './dom.js';
-import { g as guid } from './guid.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
-import { d as defineCustomElement$1 } 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 = {
-  title: "title",
-  close: "close",
-  imageContainer: "image-container",
-  chipIcon: "chip-icon",
-  closeIcon: "close-icon"
-};
-const TEXT = {
-  close: "Close"
-};
-const SLOTS = {
-  image: "image"
-};
-const ICONS = {
-  close: "x"
-};
-
-const chipCss = "@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([scale=s]){block-size:1.5rem;font-size:var(--calcite-font-size--2);--calcite-chip-spacing-unit-l:0.5rem;--calcite-chip-spacing-unit-s:0.25rem}:host([scale=s]) .image-container{block-size:1.25rem;inline-size:1.25rem}:host([scale=m]){block-size:2rem;font-size:var(--calcite-font-size--1);--calcite-chip-spacing-unit-l:0.75rem;--calcite-chip-spacing-unit-s:6px}:host([scale=m]) .image-container{block-size:1.5rem;inline-size:1.5rem;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host([scale=l]){block-size:2.75rem;font-size:var(--calcite-font-size-0);--calcite-chip-spacing-unit-l:1rem;--calcite-chip-spacing-unit-s:0.5rem}:host([scale=l]) .image-container{block-size:2rem;inline-size:2rem;-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host{box-sizing:border-box;display:inline-flex;cursor:default;align-items:center;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}.container{display:inline-flex;block-size:100%;max-inline-size:100%;align-items:center}.title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host span{padding-block:0;padding-inline:var(--calcite-chip-spacing-unit-l)}:host([closable]) span{padding-inline:var(--calcite-chip-spacing-unit-l) var(--calcite-chip-spacing-unit-s)}:host([icon]:not([closable])) span{padding-block:0;padding-inline:var(--calcite-chip-spacing-unit-l)}:host button{margin:0px;display:inline-flex;max-block-size:100%;min-block-size:100%;cursor:pointer;align-items:center;align-self:stretch;border-style:none;background-color:transparent;color:var(--calcite-ui-text-1);outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;-webkit-appearance:none;border-start-start-radius:0;border-start-end-radius:50px;border-end-end-radius:50px;border-end-start-radius:0;padding-block:0;padding-inline:var(--calcite-chip-spacing-unit-s);color:inherit;--calcite-chip-transparent-hover:var(--calcite-button-transparent-hover);--calcite-chip-transparent-press:var(--calcite-button-transparent-press)}:host button:hover{background-color:var(--calcite-chip-transparent-hover)}:host button:focus{background-color:var(--calcite-chip-transparent-hover);outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host button:active{background-color:var(--calcite-chip-transparent-press)}.image-container{display:inline-flex;overflow:hidden;border-radius:50%}:host slot[name=image]::slotted(*){display:flex;block-size:100%;inline-size:100%;overflow:hidden;border-radius:50%}.chip-icon{position:relative;margin-block:0px;display:inline-flex;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-start:var(--calcite-chip-spacing-unit-l);margin-inline-start:var(--calcite-chip-spacing-unit-l);border-start-start-radius:0;border-start-end-radius:50px;border-end-end-radius:50px;border-end-start-radius:0}:host([color=blue]){border-color:transparent;background-color:var(--calcite-ui-info);color:var(--calcite-ui-text-inverse)}:host([color=red]){border-color:transparent;background-color:var(--calcite-ui-danger);color:var(--calcite-ui-text-inverse)}:host([color=yellow]){border-color:transparent;background-color:var(--calcite-ui-warning);color:#151515}:host([color=green]){border-color:transparent;background-color:var(--calcite-ui-success);color:#151515}:host([color=grey]){border-color:transparent;background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-text-1)}:host([color=grey]) button,:host([color=grey]) .close-icon{color:var(--calcite-ui-text-3)}:host([color=grey]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-text-3))}:host([appearance=clear]),:host([appearance=transparent]){background-color:transparent;color:var(--calcite-ui-text-1)}:host([color=blue][appearance=clear]),:host([color=blue][appearance=transparent]){border-color:var(--calcite-ui-info)}:host([color=blue][appearance=clear]) .chip-icon,:host([color=blue][appearance=transparent]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-info))}:host([color=red][appearance=clear]),:host([color=red][appearance=transparent]){border-color:var(--calcite-ui-danger)}:host([color=red][appearance=clear]) .chip-icon,:host([color=red][appearance=transparent]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-danger))}:host([color=yellow][appearance=clear]),:host([color=yellow][appearance=transparent]){border-color:var(--calcite-ui-warning)}:host([color=yellow][appearance=clear]) .chip-icon,:host([color=yellow][appearance=transparent]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-warning))}:host([color=green][appearance=clear]),:host([color=green][appearance=transparent]){border-color:var(--calcite-ui-success)}:host([color=green][appearance=clear]) .chip-icon,:host([color=green][appearance=transparent]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-success))}:host([color=grey][appearance=clear]),:host([color=grey][appearance=transparent]){border-color:var(--calcite-ui-border-1)}:host([color=grey][appearance=clear]) .chip-icon,:host([color=grey][appearance=transparent]) .chip-icon{color:var(--calcite-ui-icon-color, var(--calcite-ui-text-3))}:host([closed]){display:none}";
-
-const Chip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.calciteChipDismiss = createEvent(this, "calciteChipDismiss", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Public Properties
-    //
-    //--------------------------------------------------------------------------
-    /** Specifies the appearance style of the component. */
-    this.appearance = "solid";
-    /** Specifies the color for the component. */
-    this.color = "grey";
-    /**
-     * When `true`, a close button is added to the component.
-     *
-     * @deprecated use `closable` instead.
-     */
-    this.dismissible = false;
-    /** When `true`, a close button is added to the component. */
-    this.closable = false;
-    /**
-     * Accessible name for the component's close button.
-     *
-     * @default "Close"
-     */
-    this.dismissLabel = TEXT.close;
-    /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
-    this.iconFlipRtl = false;
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    /** When `true`, hides the component. */
-    this.closed = false;
-    // --------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    // --------------------------------------------------------------------------
-    this.closeClickHandler = (event) => {
-      event.preventDefault();
-      this.calciteChipDismiss.emit(this.el);
-      this.closed = true;
-    };
-    this.guid = guid();
-  }
-  handleDismissible(value) {
-    this.closable = value;
-  }
-  handleClosable(value) {
-    this.dismissible = value;
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  // --------------------------------------------------------------------------
-  connectedCallback() {
-    connectConditionalSlotComponent(this);
-    if (this.dismissible) {
-      this.handleDismissible(this.dismissible);
-    }
-    if (this.closable) {
-      this.handleClosable(this.closable);
-    }
-  }
-  disconnectedCallback() {
-    disconnectConditionalSlotComponent(this);
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  //--------------------------------------------------------------------------
-  /** Sets focus on the component. */
-  async setFocus() {
-    var _a;
-    (_a = this.closeButton) === null || _a === void 0 ? void 0 : _a.focus();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Render Methods
-  //
-  //--------------------------------------------------------------------------
-  renderChipImage() {
-    const { el } = this;
-    const hasChipImage = getSlotted(el, SLOTS.image);
-    return hasChipImage ? (h("div", { class: CSS.imageContainer, key: "image" }, h("slot", { name: SLOTS.image }))) : null;
-  }
-  render() {
-    const iconEl = (h("calcite-icon", { class: CSS.chipIcon, flipRtl: this.iconFlipRtl, icon: this.icon, scale: "s" }));
-    const closeButton = (h("button", { "aria-describedby": this.guid, "aria-label": this.dismissLabel, class: CSS.close, onClick: this.closeClickHandler, ref: (el) => (this.closeButton = el) }, h("calcite-icon", { class: CSS.closeIcon, icon: ICONS.close, scale: "s" })));
-    return (h("div", { class: "container" }, this.renderChipImage(), this.icon ? iconEl : null, h("span", { class: CSS.title, id: this.guid }, h("slot", null)), this.closable ? closeButton : null));
-  }
-  get el() { return this; }
-  static get watchers() { return {
-    "dismissible": ["handleDismissible"],
-    "closable": ["handleClosable"]
-  }; }
-  static get style() { return chipCss; }
-}, [1, "calcite-chip", {
-    "appearance": [513],
-    "color": [513],
-    "dismissible": [1540],
-    "closable": [1540],
-    "dismissLabel": [1, "dismiss-label"],
-    "icon": [513],
-    "iconFlipRtl": [516, "icon-flip-rtl"],
-    "scale": [513],
-    "value": [8],
-    "closed": [1540],
-    "setFocus": [64]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["calcite-chip", "calcite-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "calcite-chip":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Chip);
-      }
-      break;
-    case "calcite-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { Chip as C, defineCustomElement as d };
-
-//# sourceMappingURL=chip.js.map