@esri/solutions-components 0.7.6 → 0.7.7

package/dist/components/interactive.js

@@ -8,7 +8,7 @@ import { Build } from '@stencil/core/internal/client';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.11.1-next.1
+ * v2.0.0
  */
 function getUserAgentData() {
   return navigator.userAgentData;
@@ -26,7 +26,7 @@ function getUserAgentString() {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.11.1-next.1
+ * v2.0.0
  */
 // ⚠️ browser-sniffing is not a best practice and should be avoided ⚠️
 const isFirefox = /firefox/i.test(getUserAgentString());

package/dist/components/key.js

@@ -6,7 +6,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.11.1-next.1
+ * v2.0.0
  */
 function isActivationKey(key) {
   return key === "Enter" || key === " ";

package/dist/components/label.js

@@ -4,11 +4,12 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { d as isBefore, q as queryElementRoots, c as closestElementCrossShadowBoundary } from './dom.js';
+import { c as componentOnReady } from './component.js';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.11.1-next.1
+ * v2.0.0
  */
 /**
  * Exported for testing purposes only
@@ -23,7 +24,7 @@ const labelToLabelables = new WeakMap();
 const onLabelClickMap = new WeakMap();
 const onLabelConnectedMap = new WeakMap();
 const onLabelDisconnectedMap = new WeakMap();
-const unlabeledComponents = new WeakSet();
+const unlabeledComponents = new Set();
 const findLabelForComponent = (componentEl) => {
   const { id } = componentEl;
   const forLabel = id && queryElementRoots(componentEl, { selector: `${labelTagName}[for="${id}"]` });
@@ -60,6 +61,9 @@ function hasAncestorCustomElements(label, componentEl) {
  * @param component
  */
 function connectLabel(component) {
+  if (!component) {
+    return;
+  }
   const labelEl = findLabelForComponent(component.el);
   if ((onLabelClickMap.has(labelEl) && labelEl === component.labelEl) ||
     (!labelEl && unlabeledComponents.has(component))) {
@@ -91,6 +95,9 @@ function connectLabel(component) {
  * @param component
  */
 function disconnectLabel(component) {
+  if (!component) {
+    return;
+  }
   unlabeledComponents.delete(component);
   document.removeEventListener(labelConnectedEvent, onLabelConnectedMap.get(component));
   document.removeEventListener(labelDisconnectedEvent, onLabelDisconnectedMap.get(component));
@@ -144,5 +151,29 @@ function onLabelDisconnected() {
   onLabelConnectedMap.set(this, boundOnLabelConnected);
   document.addEventListener(labelConnectedEvent, boundOnLabelConnected);
 }
+/**
+ * Helper to associate an explicit label (i.e., using `for`) with a labelable component that does not have an associated label.
+ *
+ * @param label - the label element
+ */
+async function associateExplicitLabelToUnlabeledComponent(label) {
+  await componentOnReady(label);
+  const alreadyLabeled = labelToLabelables.has(label);
+  if (alreadyLabeled) {
+    return;
+  }
+  const forComponentEl = label.ownerDocument?.getElementById(label.for);
+  if (!forComponentEl) {
+    return;
+  }
+  requestAnimationFrame(() => {
+    for (const labelable of unlabeledComponents) {
+      if (labelable.el === forComponentEl) {
+        connectLabel(labelable);
+        break;
+      }
+    }
+  });
+}
 
-export { labelDisconnectedEvent as a, connectLabel as c, disconnectLabel as d, getLabelText as g, labelConnectedEvent as l };
+export { associateExplicitLabelToUnlabeledComponent as a, labelDisconnectedEvent as b, connectLabel as c, disconnectLabel as d, getLabelText as g, labelConnectedEvent as l };

package/dist/components/label2.js

@@ -4,18 +4,18 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { l as labelConnectedEvent, a as labelDisconnectedEvent } from './label.js';
+import { a as associateExplicitLabelToUnlabeledComponent, l as labelConnectedEvent, b as labelDisconnectedEvent } from './label.js';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.11.1-next.1
+ * v2.0.0
  */
 const CSS = {
   container: "container",
 };
 
-const labelCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.5rem)}:host([scale=m]) .container{gap:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.75rem)}:host([scale=l]) .container{gap:0.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-ui-text-1)}:host([layout=default]) .container{display:flex;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:flex;flex-direction:row;align-items:center;gap:0.5rem}:host([layout=inline][scale=l]) .container{gap:0.75rem}:host([layout=inline-space-between]) .container{justify-content:space-between}:host([disabled])>.container{opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity:1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}";
+const labelCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}:host([alignment=start]){text-align:start}:host([alignment=end]){text-align:end}:host([alignment=center]){text-align:center}:host([scale=s]) .container{gap:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.5rem)}:host([scale=m]) .container{gap:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;margin-block-end:var(--calcite-label-margin-bottom, 0.75rem)}:host([scale=l]) .container{gap:0.5rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;margin-block-end:var(--calcite-label-margin-bottom, 1rem)}:host .container{margin-inline:0px;margin-block-start:0px;inline-size:100%;line-height:1.375;color:var(--calcite-color-text-1)}:host([layout=default]) .container{display:flex;flex-direction:column}:host([layout=inline]) .container,:host([layout=inline-space-between]) .container{display:flex;flex-direction:row;align-items:center;gap:0.5rem}:host([layout=inline][scale=l]) .container{gap:0.75rem}:host([layout=inline-space-between]) .container{justify-content:space-between}:host([disabled])>.container{opacity:var(--calcite-opacity-disabled)}:host([disabled]) ::slotted(*[disabled]),:host([disabled]) ::slotted(*[disabled] *){--tw-bg-opacity:1}:host([disabled]) ::slotted(calcite-input-message:not([active])){--tw-bg-opacity:0}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}";
 
 const Label = /*@__PURE__*/ proxyCustomElement(class Label extends HTMLElement {
     constructor() {
@@ -38,6 +38,9 @@ const Label = /*@__PURE__*/ proxyCustomElement(class Label extends HTMLElement {
         this.scale = "m";
         this.layout = "default";
     }
+    handleForChange() {
+        associateExplicitLabelToUnlabeledComponent(this.el);
+    }
     //--------------------------------------------------------------------------
     //
     //  Lifecycle
@@ -53,12 +56,17 @@ const Label = /*@__PURE__*/ proxyCustomElement(class Label extends HTMLElement {
         return (h(Host, { onClick: this.labelClickHandler }, h("div", { class: CSS.container }, h("slot", null))));
     }
     get el() { return this; }
+    static get watchers() { return {
+        "for": ["handleForChange"]
+    }; }
     static get style() { return labelCss; }
 }, [1, "calcite-label", {
         "alignment": [513],
         "for": [513],
         "scale": [513],
         "layout": [513]
+    }, undefined, {
+        "for": ["handleForChange"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/components/layer-table2.js

@@ -9,28 +9,42 @@ import { g as getLocaleComponentStrings } from './locale.js';
 import { b as goToSelection, g as getLayerOrTable } from './mapViewUtils.js';
 import { b as queryAllIds, c as queryFeaturesByGlobalID } from './queryUtils.js';
 import { d as downloadCSV } from './downloadUtils.js';
-import { d as defineCustomElement$o } from './action.js';
-import { d as defineCustomElement$n } from './action-bar.js';
-import { d as defineCustomElement$m } from './action-group.js';
-import { d as defineCustomElement$l } from './action-menu.js';
-import { d as defineCustomElement$k } from './button.js';
-import { d as defineCustomElement$j } from './chip.js';
-import { d as defineCustomElement$i } from './combobox.js';
-import { d as defineCustomElement$h } from './combobox-item.js';
-import { d as defineCustomElement$g } from './dropdown.js';
-import { d as defineCustomElement$f } from './dropdown-group.js';
-import { d as defineCustomElement$e } from './dropdown-item.js';
-import { d as defineCustomElement$d } from './icon.js';
-import { d as defineCustomElement$c } from './loader.js';
-import { d as defineCustomElement$b } from './modal.js';
-import { d as defineCustomElement$a } from './notice.js';
-import { d as defineCustomElement$9 } from './option.js';
-import { d as defineCustomElement$8 } from './panel.js';
-import { d as defineCustomElement$7 } from './popover.js';
-import { d as defineCustomElement$6 } from './scrim.js';
-import { d as defineCustomElement$5 } from './select.js';
-import { d as defineCustomElement$4 } from './shell.js';
-import { d as defineCustomElement$3 } from './tooltip.js';
+import { d as defineCustomElement$C } from './action.js';
+import { d as defineCustomElement$B } from './action-bar.js';
+import { d as defineCustomElement$A } from './action-group.js';
+import { d as defineCustomElement$z } from './action-menu.js';
+import { d as defineCustomElement$y } from './block.js';
+import { d as defineCustomElement$x } from './button.js';
+import { d as defineCustomElement$w } from './checkbox.js';
+import { d as defineCustomElement$v } from './chip.js';
+import { d as defineCustomElement$u } from './combobox.js';
+import { d as defineCustomElement$t } from './combobox-item.js';
+import { d as defineCustomElement$s } from './date-picker.js';
+import { d as defineCustomElement$r } from './date-picker-day.js';
+import { d as defineCustomElement$q } from './date-picker-month.js';
+import { d as defineCustomElement$p } from './date-picker-month-header.js';
+import { d as defineCustomElement$o } from './dropdown.js';
+import { d as defineCustomElement$n } from './dropdown-group.js';
+import { d as defineCustomElement$m } from './dropdown-item.js';
+import { d as defineCustomElement$l } from './graph.js';
+import { d as defineCustomElement$k } from './handle.js';
+import { d as defineCustomElement$j } from './icon.js';
+import { d as defineCustomElement$i } from './input-date-picker.js';
+import { d as defineCustomElement$h } from './input-text.js';
+import { d as defineCustomElement$g } from './label2.js';
+import { d as defineCustomElement$f } from './loader.js';
+import { d as defineCustomElement$e } from './modal.js';
+import { d as defineCustomElement$d } from './notice.js';
+import { d as defineCustomElement$c } from './option.js';
+import { d as defineCustomElement$b } from './panel.js';
+import { d as defineCustomElement$a } from './popover.js';
+import { d as defineCustomElement$9 } from './progress.js';
+import { d as defineCustomElement$8 } from './scrim.js';
+import { d as defineCustomElement$7 } from './select.js';
+import { d as defineCustomElement$6 } from './shell.js';
+import { d as defineCustomElement$5 } from './slider.js';
+import { d as defineCustomElement$4 } from './tooltip.js';
+import { d as defineCustomElement$3 } from './instant-apps-filter-list2.js';
 import { d as defineCustomElement$2 } from './instant-apps-social-share2.js';
 import { d as defineCustomElement$1 } from './map-layer-picker2.js';
 
@@ -41,7 +55,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         super();
         this.__registerHost();
         this.featureSelectionChange = createEvent(this, "featureSelectionChange", 7);
-        this.openFilterOptions = createEvent(this, "openFilterOptions", 7);
         /**
          * number[]: A list of all IDs for the current layer
          */
@@ -88,6 +101,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         this._confirmDelete = false;
         this._controlsThatFit = undefined;
         this._fetchingData = false;
+        this._filterOpen = false;
         this._isDeleting = false;
         this._layer = undefined;
         this._selectedIndexes = [];
@@ -164,6 +178,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         this._fetchingData = true;
         await this._resetTable();
         this._updateShareUrl();
+        this._initLayerExpressions();
         this._fetchingData = false;
     }
     /**
@@ -248,7 +263,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         const selected = this._selectedIndexes.length.toString();
         return (h(Host, null, h("calcite-shell", null, this._getTableControlRow("header"), h("div", { class: "height-full-adjusted width-full" }, h("calcite-panel", { class: "height-full width-full" }, h("calcite-loader", { class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { class: tableNodeClass, ref: this.onTableNodeCreate })), h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
             .replace("{{total}}", total)
-            .replace("{{selected}}", selected)))), this._deleteMessage()));
+            .replace("{{selected}}", selected)))), this._deleteMessage(), this._filterModal()));
     }
     /**
      * Called once after the component is loaded
@@ -310,7 +325,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * @returns The dom node that contains the controls
      */
     _getActionBar() {
-        return (h("calcite-action-bar", { expandDisabled: true, expanded: true, id: this._getId("bar"), layout: "horizontal" }, h("div", { class: "border-end", id: "solutions-map-layer-picker-container" }, h("map-layer-picker", { appearance: "transparent", defaultLayerId: this.defaultLayerId, mapView: this.mapView, onLayerSelectionChange: (evt) => this._layerSelectionChanged(evt), onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, placeholderIcon: "layers", scale: "l", showTables: true, type: "dropdown" })), this._getActions()));
+        return (h("calcite-action-bar", { expandDisabled: true, expanded: true, id: this._getId("bar"), layout: "horizontal" }, h("div", { class: "border-end", id: "solutions-map-layer-picker-container" }, h("map-layer-picker", { appearance: "transparent", defaultLayerId: this.defaultLayerId, mapView: this.mapView, onLayerSelectionChange: (evt) => this._layerSelectionChanged(evt), onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, placeholderIcon: "layers", scale: "l", showSingleLayerAsLabel: true, showTables: true, type: "dropdown" })), this._getActions()));
     }
     /**
      * Get the actions that are used for various interactions with the table
@@ -377,9 +392,9 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * @returns void
      */
     _initToolInfos() {
-        var _a;
         const featuresSelected = this._featuresSelected();
         const featuresEmpty = this._featuresEmpty();
+        const hasFilterExpressions = this._hasFilterExpressions();
         this._toolInfos = [this.enableZoom ? {
                 icon: "zoom-to-object",
                 label: this._translations.zoom,
@@ -387,10 +402,10 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                 disabled: !featuresSelected,
                 isOverflow: false
             } : undefined,
-            ((_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filters) ? {
+            hasFilterExpressions ? {
                 icon: "filter",
                 label: this._translations.filters,
-                func: () => this._filter(),
+                func: () => this._toggleFilter(),
                 disabled: false,
                 isOverflow: false
             } : undefined,
@@ -464,6 +479,19 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     _featuresEmpty() {
         return this._allIds.length === 0;
     }
+    /**
+     * Return true when we have at least 1 layer expression for the current layer
+     *
+     * @returns boolean
+     */
+    _hasFilterExpressions() {
+        var _a, _b;
+        let layerExpressions;
+        if ((_b = (_a = this.mapInfo) === null || _a === void 0 ? void 0 : _a.filterConfig) === null || _b === void 0 ? void 0 : _b.layerExpressions) {
+            layerExpressions = this.mapInfo.filterConfig.layerExpressions.filter((exp) => exp.id === this._layer.id);
+        }
+        return (layerExpressions === null || layerExpressions === void 0 ? void 0 : layerExpressions.length) > 0;
+    }
     /**
      * Add/Remove tools from the action bar and dropdown based on available size
      *
@@ -878,6 +906,23 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             }
         }
     }
+    /**
+     * Show filter component in modal
+     *
+     * @returns node to interact with any configured filters for the current layer
+     */
+    _filterModal() {
+        var _a, _b, _c;
+        return (h("calcite-modal", { "aria-labelledby": "modal-title", kind: "brand", onCalciteModalClose: () => this._closeFilter(), open: this._filterOpen, widthScale: "s" }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, (_b = (_a = this._translations) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.replace("{{title}}", (_c = this._layer) === null || _c === void 0 ? void 0 : _c.title)), h("div", { slot: "content" }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: () => this._closeFilter(), layerExpressions: this._layerExpressions, ref: (el) => this._filterList = el, view: this.mapView }))));
+    }
+    /**
+     * Close the filter modal
+     *
+     * @returns void
+     */
+    _closeFilter() {
+        this._filterOpen = false;
+    }
     /**
      * Show delete confirmation message
      *
@@ -978,12 +1023,23 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         (_a = this._table) === null || _a === void 0 ? void 0 : _a.highlightIds.removeAll();
     }
     /**
-     * Show the filter options
+     * When true the filter modal will be displayed
      *
      * @returns void
      */
-    _filter() {
-        this.openFilterOptions.emit();
+    _toggleFilter() {
+        this._filterOpen = !this._filterOpen;
+    }
+    /**
+     * Store any filters for the current layer.
+     * Should only occur on layer change
+     *
+     * @returns void
+     */
+    _initLayerExpressions() {
+        var _a;
+        const layerExpressions = (_a = this.mapInfo.filterConfig) === null || _a === void 0 ? void 0 : _a.layerExpressions;
+        this._layerExpressions = layerExpressions.filter((exp) => exp.id === this._layer.id);
     }
     /**
      * Select all rows that are not currently selectd
@@ -1142,6 +1198,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         "_confirmDelete": [32],
         "_controlsThatFit": [32],
         "_fetchingData": [32],
+        "_filterOpen": [32],
         "_isDeleting": [32],
         "_layer": [32],
         "_selectedIndexes": [32],
@@ -1163,7 +1220,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["layer-table", "calcite-action", "calcite-action-bar", "calcite-action-group", "calcite-action-menu", "calcite-button", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-dropdown", "calcite-dropdown-group", "calcite-dropdown-item", "calcite-icon", "calcite-loader", "calcite-modal", "calcite-notice", "calcite-option", "calcite-panel", "calcite-popover", "calcite-scrim", "calcite-select", "calcite-shell", "calcite-tooltip", "instant-apps-social-share", "map-layer-picker"];
+    const components = ["layer-table", "calcite-action", "calcite-action-bar", "calcite-action-group", "calcite-action-menu", "calcite-block", "calcite-button", "calcite-checkbox", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-date-picker", "calcite-date-picker-day", "calcite-date-picker-month", "calcite-date-picker-month-header", "calcite-dropdown", "calcite-dropdown-group", "calcite-dropdown-item", "calcite-graph", "calcite-handle", "calcite-icon", "calcite-input-date-picker", "calcite-input-text", "calcite-label", "calcite-loader", "calcite-modal", "calcite-notice", "calcite-option", "calcite-panel", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-select", "calcite-shell", "calcite-slider", "calcite-tooltip", "instant-apps-filter-list", "instant-apps-social-share", "map-layer-picker"];
     components.forEach(tagName => { switch (tagName) {
         case "layer-table":
             if (!customElements.get(tagName)) {
@@ -1172,110 +1229,180 @@ function defineCustomElement() {
             break;
         case "calcite-action":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$C();
             }
             break;
         case "calcite-action-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$B();
             }
             break;
         case "calcite-action-group":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$A();
             }
             break;
         case "calcite-action-menu":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$z();
+            }
+            break;
+        case "calcite-block":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$y();
             }
             break;
         case "calcite-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$x();
+            }
+            break;
+        case "calcite-checkbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$w();
             }
             break;
         case "calcite-chip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$v();
             }
             break;
         case "calcite-combobox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$u();
             }
             break;
         case "calcite-combobox-item":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$t();
+            }
+            break;
+        case "calcite-date-picker":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$s();
+            }
+            break;
+        case "calcite-date-picker-day":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$r();
+            }
+            break;
+        case "calcite-date-picker-month":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$q();
+            }
+            break;
+        case "calcite-date-picker-month-header":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$p();
             }
             break;
         case "calcite-dropdown":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$o();
             }
             break;
         case "calcite-dropdown-group":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$n();
             }
             break;
         case "calcite-dropdown-item":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$m();
+            }
+            break;
+        case "calcite-graph":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$l();
+            }
+            break;
+        case "calcite-handle":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$k();
             }
             break;
         case "calcite-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$j();
+            }
+            break;
+        case "calcite-input-date-picker":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$i();
+            }
+            break;
+        case "calcite-input-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$h();
+            }
+            break;
+        case "calcite-label":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$g();
             }
             break;
         case "calcite-loader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$f();
             }
             break;
         case "calcite-modal":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$e();
             }
             break;
         case "calcite-notice":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$d();
             }
             break;
         case "calcite-option":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$c();
             }
             break;
         case "calcite-panel":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$b();
             }
             break;
         case "calcite-popover":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$a();
+            }
+            break;
+        case "calcite-progress":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
             }
             break;
         case "calcite-scrim":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$8();
             }
             break;
         case "calcite-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$7();
             }
             break;
         case "calcite-shell":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$6();
+            }
+            break;
+        case "calcite-slider":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
             }
             break;
         case "calcite-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "instant-apps-filter-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }

package/dist/components/link.js

@@ -10,7 +10,7 @@ import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFoc
 import { C as CSS_UTILITY } from './resources.js';
 import { d as defineCustomElement$1 } from './icon.js';
 
-const linkCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline}:host a,:host span{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:0px;border-style:none;font-family:inherit;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;text-decoration:none;line-height:inherit;font-size:inherit;-webkit-appearance:none}:host a:hover,:host span:hover{text-decoration:none}:host a,:host span{outline-color:transparent}:host a:focus,:host span:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}calcite-icon{inline-size:1em;block-size:1em;min-inline-size:unset;min-block-size:unset}.calcite-link--icon{vertical-align:middle;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;margin-block-start:-0.25em}:host .calcite-link--icon.icon-start{margin-inline-end:0.5rem}:host .calcite-link--icon.icon-end{margin-inline-start:0.5rem}:host span,:host a{position:relative;display:inline;border-style:none;background-color:transparent;padding:0px;color:var(--calcite-ui-text-link);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;line-height:inherit;white-space:initial;background-image:linear-gradient(currentColor, currentColor), linear-gradient(var(--calcite-link-blue-underline), var(--calcite-link-blue-underline));background-position-x:0%, 100%;background-position-y:min(1.5em, 100%);background-repeat:no-repeat, no-repeat;background-size:0% 1px, 100% 1px}:host span:hover,:host span:focus,:host a:hover,:host a:focus{background-size:100% 1px, 100% 1px}:host span:active,:host a:active{background-size:100% 2px, 100% 2px}:host span.calcite--rtl,:host a.calcite--rtl{background-position:100% 100%, 100% 100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}";
+const linkCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:inline}:host a,:host span{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:0px;border-style:none;font-family:inherit;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;text-decoration:none;line-height:inherit;font-size:inherit;-webkit-appearance:none}:host a:hover,:host span:hover{text-decoration:none}:host a,:host span{outline-color:transparent}:host a:focus,:host span:focus{outline:2px solid var(--calcite-color-brand);outline-offset:calc(\n            2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-offset-invert-focus),\n                1\n              )\n            )\n          )}calcite-icon{inline-size:1em;block-size:1em;min-inline-size:unset;min-block-size:unset}.calcite-link--icon{vertical-align:middle;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;margin-block-start:-0.25em}:host .calcite-link--icon.icon-start{margin-inline-end:0.5rem}:host .calcite-link--icon.icon-end{margin-inline-start:0.5rem}:host span,:host a{position:relative;display:inline;border-style:none;background-color:transparent;padding:0px;color:var(--calcite-color-text-link);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;line-height:inherit;white-space:initial;background-image:linear-gradient(currentColor, currentColor), linear-gradient(var(--calcite-color-brand-underline), var(--calcite-color-brand-underline));background-position-x:0%, 100%;background-position-y:min(1.5em, 100%);background-repeat:no-repeat, no-repeat;background-size:0% 1px, 100% 1px}:host span:hover,:host span:focus,:host a:hover,:host a:focus{background-size:100% 1px, 100% 1px}:host span:active,:host a:active{background-size:100% 2px, 100% 2px}:host span.calcite--rtl,:host a.calcite--rtl{background-position:100% 100%, 100% 100%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}";
 
 const Link = /*@__PURE__*/ proxyCustomElement(class Link extends HTMLElement {
     constructor() {