@esri/solutions-components 0.5.0 → 0.5.2

package/dist/types/components/map-select-tools/map-select-tools.d.ts

@@ -68,6 +68,21 @@ export declare class MapSelectTools {
    * boolean: When true the buffer tools will be available for use
    */
   showBufferTools: boolean;
+  /**
+   * esri/symbols/SimpleLineSymbol | JSON representation : https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html
+   *
+   */
+  sketchLineSymbol: __esri.SimpleLineSymbol;
+  /**
+   * esri/symbols/SimpleMarkerSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html
+   *
+   */
+  sketchPointSymbol: __esri.SimpleMarkerSymbol;
+  /**
+   * esri/symbols/SimpleFillSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html
+   *
+   */
+  sketchPolygonSymbol: __esri.SimpleFillSymbol;
   _layerSelectChecked: boolean;
   /**
    * string: Text entered by the end user.
@@ -256,7 +271,7 @@ export declare class MapSelectTools {
    *
    * @protected
    */
-  protected _initSelectionSet(): void;
+  protected _initSelectionSet(): Promise<void>;
   /**
    * Get the default label base when the user has not provided a value
    *

package/dist/types/components/public-notification/public-notification.d.ts

@@ -80,6 +80,30 @@ export declare class PublicNotification {
    * boolean: When false no buffer distance or unit controls will be exposed
    */
   showSearchSettings: boolean;
+  /**
+   * esri/symbols/SimpleLineSymbol | JSON representation : https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html
+   *
+   * A JSON representation of the instance in the ArcGIS format.
+   * See the ArcGIS REST API documentation for examples of the structure of various input JSON objects.
+   * https://developers.arcgis.com/documentation/common-data-types/symbol-objects.htm
+   */
+  sketchLineSymbol: __esri.SimpleLineSymbol | any;
+  /**
+   * esri/symbols/SimpleMarkerSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html
+   *
+   * A JSON representation of the instance in the ArcGIS format.
+   * See the ArcGIS REST API documentation for examples of the structure of various input JSON objects.
+   * https://developers.arcgis.com/documentation/common-data-types/symbol-objects.htm
+   */
+  sketchPointSymbol: __esri.SimpleMarkerSymbol | any;
+  /**
+   * esri/symbols/SimpleFillSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html
+   *
+   * A JSON representation of the instance in the ArcGIS format.
+   * See the ArcGIS REST API documentation for examples of the structure of various input JSON objects.
+   * https://developers.arcgis.com/documentation/common-data-types/symbol-objects.htm
+   */
+  sketchPolygonSymbol: __esri.SimpleFillSymbol | any;
   /**
    * esri/views/layers/FeatureLayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html
    */
@@ -147,6 +171,10 @@ export declare class PublicNotification {
    * esri/geometry/geometryEngine: https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry-geometryEngine.html
    */
   protected _geometryEngine: __esri.geometryEngine;
+  /**
+   * esri/symbols/support/jsonUtils: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-support-jsonUtils.html
+   */
+  protected _jsonUtils: __esri.symbolsSupportJsonUtils;
   /**
    * CustomEvent: Used to prevent default behavior of layer selection change
    */
@@ -190,9 +218,17 @@ export declare class PublicNotification {
    */
   watchSearchConfigurationHandler(newValue: ISearchConfiguration, oldValue: ISearchConfiguration): Promise<void>;
   /**
-   * Called each time the selectionSets prop is changed.
+   * Called each time the sketchLineSymbol prop is changed.
    */
-  selectionSetsWatchHandler(v: ISelectionSet[], oldV: ISelectionSet[]): Promise<void>;
+  sketchLineSymbolWatchHandler(v: __esri.SimpleLineSymbol | any, oldV: __esri.SimpleLineSymbol): Promise<void>;
+  /**
+   * Called each time the sketchPointSymbol prop is changed.
+   */
+  sketchPointSymbolWatchHandler(v: __esri.SimpleMarkerSymbol | any, oldV: __esri.SimpleMarkerSymbol): Promise<void>;
+  /**
+   * Called each time the sketchPolygonSymbol prop is changed.
+   */
+  sketchPolygonSymbolWatchHandler(v: __esri.SimpleFillSymbol | any, oldV: __esri.SimpleFillSymbol): Promise<void>;
   /**
    * Called each time the pageType prop is changed.
    */
@@ -241,6 +277,36 @@ export declare class PublicNotification {
    * @protected
    */
   protected _initModules(): Promise<void>;
+  /**
+   * Initialize the default symbols that will be used when creating new graphics
+   *
+   * @protected
+   */
+  protected _initSymbols(): void;
+  /**
+   * Convert a JSON representation of a line symbol and/or set the line symbol
+   *
+   * @param v SimpleLineSymbol or a JSON representation of a line symbol
+   *
+   * @protected
+   */
+  protected _setLineSymbol(v: __esri.SimpleLineSymbol | any): void;
+  /**
+   * Convert a JSON representation of a point symbol and/or set the point symbol
+   *
+   * @param v SimpleMarkerSymbol or a JSON representation of a point symbol
+   *
+   * @protected
+   */
+  protected _setPointSymbol(v: __esri.SimpleMarkerSymbol | any): void;
+  /**
+   * Convert a JSON representation of a polygon symbol and/or set the polygon symbol
+   *
+   * @param v SimpleFillSymbol or a JSON representation of a polygon symbol
+   *
+   * @protected
+   */
+  protected _setPolygonSymbol(v: __esri.SimpleFillSymbol | any): void;
   /**
    * Get a calcite action group for the current action
    *
@@ -313,13 +379,29 @@ export declare class PublicNotification {
    */
   protected _handleLayerChange(): Promise<void>;
   /**
-   * Check if any selection sets exist.
+   * Check if any valid selection sets exist.
    *
-   * @returns true if selection sets exist
+   * @returns true if valid selection sets exist
    *
    * @protected
    */
   protected _hasSelections(): boolean;
+  /**
+   * Check if any duplicates exist
+   *
+   * @returns true if duplicates are found
+   *
+   * @protected
+   */
+  protected _hasDuplicates(): boolean;
+  /**
+   * Check if a selection set is valid (exists or has at least one added if its a refine set)
+   *
+   * @returns true if selection set is valid
+   *
+   * @protected
+   */
+  protected _isValidSet(ss: ISelectionSet): boolean;
   /**
    * Create the Select page that shows the selection workflows
    *

package/dist/types/components.d.ts

@@ -53,6 +53,10 @@ export namespace Components {
     interface CommentCard {
     }
     interface CrowdsourceManager {
+        /**
+          * IMapInfo[]: array of map infos (name and id)
+         */
+        "mapInfos": IMapInfo[];
     }
     interface CrowdsourceReporter {
     }
@@ -125,6 +129,10 @@ export namespace Components {
           * IMapInfo[]: array of map infos (name and id)
          */
         "mapInfos": IMapInfo[];
+        /**
+          * esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+         */
+        "mapView": __esri.MapView;
     }
     interface MapDrawTools {
         /**
@@ -253,6 +261,18 @@ export namespace Components {
           * boolean: When true the buffer tools will be available for use
          */
         "showBufferTools": boolean;
+        /**
+          * esri/symbols/SimpleLineSymbol | JSON representation : https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html
+         */
+        "sketchLineSymbol": __esri.SimpleLineSymbol;
+        /**
+          * esri/symbols/SimpleMarkerSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html
+         */
+        "sketchPointSymbol": __esri.SimpleMarkerSymbol;
+        /**
+          * esri/symbols/SimpleFillSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html
+         */
+        "sketchPolygonSymbol": __esri.SimpleFillSymbol;
     }
     interface MediaCard {
         /**
@@ -346,6 +366,18 @@ export namespace Components {
           * boolean: When false no buffer distance or unit controls will be exposed
          */
         "showSearchSettings": boolean;
+        /**
+          * esri/symbols/SimpleLineSymbol | JSON representation : https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html  A JSON representation of the instance in the ArcGIS format. See the ArcGIS REST API documentation for examples of the structure of various input JSON objects. https://developers.arcgis.com/documentation/common-data-types/symbol-objects.htm
+         */
+        "sketchLineSymbol": __esri.SimpleLineSymbol | any;
+        /**
+          * esri/symbols/SimpleMarkerSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html  A JSON representation of the instance in the ArcGIS format. See the ArcGIS REST API documentation for examples of the structure of various input JSON objects. https://developers.arcgis.com/documentation/common-data-types/symbol-objects.htm
+         */
+        "sketchPointSymbol": __esri.SimpleMarkerSymbol | any;
+        /**
+          * esri/symbols/SimpleFillSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html  A JSON representation of the instance in the ArcGIS format. See the ArcGIS REST API documentation for examples of the structure of various input JSON objects. https://developers.arcgis.com/documentation/common-data-types/symbol-objects.htm
+         */
+        "sketchPolygonSymbol": __esri.SimpleFillSymbol | any;
     }
     interface RefineSelection {
         "GraphicsLayer": any;
@@ -957,6 +989,10 @@ declare namespace LocalJSX {
     interface CommentCard {
     }
     interface CrowdsourceManager {
+        /**
+          * IMapInfo[]: array of map infos (name and id)
+         */
+        "mapInfos"?: IMapInfo[];
     }
     interface CrowdsourceReporter {
     }
@@ -1013,10 +1049,18 @@ declare namespace LocalJSX {
           * IMapInfo[]: array of map infos (name and id)
          */
         "mapInfos"?: IMapInfo[];
+        /**
+          * esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+         */
+        "mapView"?: __esri.MapView;
         /**
           * Emitted when the expand button is clicked
          */
         "onExpandMap"?: (event: MapCardCustomEvent<EExpandType>) => void;
+        /**
+          * Emitted when a new map is loaded
+         */
+        "onMapChanged"?: (event: MapCardCustomEvent<__esri.MapView>) => void;
     }
     interface MapDrawTools {
         /**
@@ -1153,6 +1197,18 @@ declare namespace LocalJSX {
           * boolean: When true the buffer tools will be available for use
          */
         "showBufferTools"?: boolean;
+        /**
+          * esri/symbols/SimpleLineSymbol | JSON representation : https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html
+         */
+        "sketchLineSymbol"?: __esri.SimpleLineSymbol;
+        /**
+          * esri/symbols/SimpleMarkerSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html
+         */
+        "sketchPointSymbol"?: __esri.SimpleMarkerSymbol;
+        /**
+          * esri/symbols/SimpleFillSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html
+         */
+        "sketchPolygonSymbol"?: __esri.SimpleFillSymbol;
     }
     interface MediaCard {
         /**
@@ -1237,6 +1293,18 @@ declare namespace LocalJSX {
           * boolean: When false no buffer distance or unit controls will be exposed
          */
         "showSearchSettings"?: boolean;
+        /**
+          * esri/symbols/SimpleLineSymbol | JSON representation : https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html  A JSON representation of the instance in the ArcGIS format. See the ArcGIS REST API documentation for examples of the structure of various input JSON objects. https://developers.arcgis.com/documentation/common-data-types/symbol-objects.htm
+         */
+        "sketchLineSymbol"?: __esri.SimpleLineSymbol | any;
+        /**
+          * esri/symbols/SimpleMarkerSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html  A JSON representation of the instance in the ArcGIS format. See the ArcGIS REST API documentation for examples of the structure of various input JSON objects. https://developers.arcgis.com/documentation/common-data-types/symbol-objects.htm
+         */
+        "sketchPointSymbol"?: __esri.SimpleMarkerSymbol | any;
+        /**
+          * esri/symbols/SimpleFillSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html  A JSON representation of the instance in the ArcGIS format. See the ArcGIS REST API documentation for examples of the structure of various input JSON objects. https://developers.arcgis.com/documentation/common-data-types/symbol-objects.htm
+         */
+        "sketchPolygonSymbol"?: __esri.SimpleFillSymbol | any;
     }
     interface RefineSelection {
         "GraphicsLayer"?: any;

package/dist/types/preact.d.ts

@@ -438,8 +438,9 @@ declare module "preact/src/jsx" {
 
       "list-item": JSX.SolutionsListItem & JSXInternal.HTMLAttributes<HTMLSolutionsListItemElement>
 
-      "map-card": Omit<JSX.SolutionsMapCard, "onExpandMap"> & JSXInternal.HTMLAttributes<HTMLSolutionsMapCardElement> & {
+      "map-card": Omit<JSX.SolutionsMapCard, "onExpandMap" | "onMapChanged"> & JSXInternal.HTMLAttributes<HTMLSolutionsMapCardElement> & {
         "onexpandMap"?: (event: CustomEvent<any>) => void;
+        "onmapChanged"?: (event: CustomEvent<any>) => void;
       }
 
       "map-draw-tools": Omit<JSX.SolutionsMapDrawTools, "onSketchGraphicsChange"> & JSXInternal.HTMLAttributes<HTMLSolutionsMapDrawToolsElement> & {

package/dist/types/utils/csvDownload.d.ts

@@ -0,0 +1,24 @@
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * Download the CSV file
+ *
+ * @param title Title (without file extension) to use for file; defaults to "export"
+ * @param outputLines Lines of output to write to file
+ *
+ * @see {@link https://medium.com/@danny.pule/export-json-to-csv-file-using-javascript-a0b7bc5b00d2}
+ */
+export declare function downloadCSVFile(title: string, outputLines: string[]): void;

package/dist/types/utils/csvUtils.d.ts

@@ -16,6 +16,7 @@
 /**
  * Export a csv of the attributes from the features that match the provided ids
  *
+ * @param title Title to use for file
  * @param labels Labels to write
  */
-export declare function exportCSV(labels: string[][]): void;
+export declare function exportCSV(title: string, labels: string[][]): void;

package/dist/types/utils/downloadUtils.d.ts

@@ -40,3 +40,28 @@ export declare function downloadCSV(selectionSetNames: string[], layer: __esri.F
  * @returns Promise resolving when function is done
  */
 export declare function downloadPDF(selectionSetNames: string[], layer: __esri.FeatureLayer, ids: number[], removeDuplicates: boolean, labelPageDescription: ILabel): Promise<void>;
+/**
+ * Converts a set of fieldInfos into template lines.
+ *
+ * @param fieldInfos Layer's fieldInfos structure
+ * @param bypassFieldVisiblity Indicates if the configured fieldInfo visibility property should be ignored
+ * @return Label spec with lines separated by `lineSeparatorChar`
+ */
+export declare function _convertPopupFieldsToLabelSpec(fieldInfos: __esri.FieldInfo[], bypassFieldVisiblity?: boolean): string;
+/**
+ * Converts the text of a custom popup into a multiline label specification; conversion splits text into
+ * lines on <br>s, and removes HTML tags. It does not handle Arcade and related records.
+ *
+ * @param popupInfo Layer's popupInfo structure containing description, fieldInfos, and expressionInfos, e.g.,
+ * "<div style='text-align: left;'>{NAME}<br />{STREET}<br />{CITY}, {STATE} {ZIP} <br /></div>"
+ * @return Label spec with lines separated by `lineSeparatorChar`
+ */
+export declare function _convertPopupTextToLabelSpec(popupInfo: string): string;
+/**
+ * Creates a title from a list of selection set names.
+ *
+ * @param selectionSetNames Names to use in title
+ * @return Title composed of the selectionSetNames separated by commas; if there are no
+ * selection set names supplied, "download" is returned
+ */
+export declare function _createTitle(selectionSetNames: string[]): string;

package/dist/types/utils/interfaces.d.ts

@@ -15,6 +15,11 @@
  */
 /// <reference types="arcgis-js-api" />
 import { IDeployFileCopyPath, IItemTemplate } from '@esri/solution-common';
+export declare enum ELayoutMode {
+  GRID = "GRID",
+  HORIZONTAL = "HORIZONTAL",
+  VERTICAL = "VERTICAL"
+}
 /**
  * Resource update types
  */

package/dist/types/utils/pdfUtils.d.ts

@@ -18,7 +18,8 @@ export { ILabel } from "../assets/arcgis-pdf-creator/PDFLabels";
 /**
  * Exports a PDF of labels.
  *
+ * @param title Title to use for file
  * @param labels Labels to write
  * @param labelPageDescription Page format to use for labels
  */
-export declare function exportPDF(labels: string[][], labelPageDescription: PDFLabels.ILabel): void;
+export declare function exportPDF(title: string, labels: string[][], labelPageDescription: PDFLabels.ILabel): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/solutions-components",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "description": "Web Components for Esri's Solutions Applications",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -36,7 +36,7 @@
     "@stencil/sass": "^2.0.0",
     "@stencil/store": "^2.0.1",
     "@types/arcgis-js-api": "^4.25.0-next.20221031",
-    "@types/jest": "^27.0.3",
+    "@types/jest": "^27.5.2",
     "@types/node": "^16.11.11",
     "@types/puppeteer": "^5.4.2",
     "@typescript-eslint/eslint-plugin": "^5.4.0",
@@ -53,8 +53,8 @@
     "esri-loader": "3.4.0",
     "form-request-submit-polyfill": "^2.0.0",
     "gh-release": "^6.0.3",
-    "jest": "^26.6.3",
-    "jest-cli": "^26.6.3",
+    "jest": "^27.5.1",
+    "jest-cli": "^27.5.1",
     "pify": "^5.0.0",
     "prettier": "2.4.1",
     "puppeteer": "^13.5.1",

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

@@ -1,142 +0,0 @@
-/*!
- * Copyright 2022 Esri
- * Licensed under the Apache License, Version 2.0
- * http://www.apache.org/licenses/LICENSE-2.0
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-c6979cbb.js');
-const dom = require('./dom-4a580af6.js');
-const guid = require('./guid-84ac4d91.js');
-const conditionalSlot = require('./conditionalSlot-baada7a3.js');
-require('./resources-b56bce71.js');
-require('./observers-5311faf8.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 = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.calciteChipDismiss = index.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.guid();
-  }
-  handleDismissible(value) {
-    this.closable = value;
-  }
-  handleClosable(value) {
-    this.dismissible = value;
-  }
-  // --------------------------------------------------------------------------
-  //
-  //  Lifecycle
-  //
-  // --------------------------------------------------------------------------
-  connectedCallback() {
-    conditionalSlot.connectConditionalSlotComponent(this);
-    if (this.dismissible) {
-      this.handleDismissible(this.dismissible);
-    }
-    if (this.closable) {
-      this.handleClosable(this.closable);
-    }
-  }
-  disconnectedCallback() {
-    conditionalSlot.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 = dom.getSlotted(el, SLOTS.image);
-    return hasChipImage ? (index.h("div", { class: CSS.imageContainer, key: "image" }, index.h("slot", { name: SLOTS.image }))) : null;
-  }
-  render() {
-    const iconEl = (index.h("calcite-icon", { class: CSS.chipIcon, flipRtl: this.iconFlipRtl, icon: this.icon, scale: "s" }));
-    const closeButton = (index.h("button", { "aria-describedby": this.guid, "aria-label": this.dismissLabel, class: CSS.close, onClick: this.closeClickHandler, ref: (el) => (this.closeButton = el) }, index.h("calcite-icon", { class: CSS.closeIcon, icon: ICONS.close, scale: "s" })));
-    return (index.h("div", { class: "container" }, this.renderChipImage(), this.icon ? iconEl : null, index.h("span", { class: CSS.title, id: this.guid }, index.h("slot", null)), this.closable ? closeButton : null));
-  }
-  get el() { return index.getElement(this); }
-  static get watchers() { return {
-    "dismissible": ["handleDismissible"],
-    "closable": ["handleClosable"]
-  }; }
-};
-Chip.style = chipCss;
-
-exports.calcite_chip = Chip;