@esri/calcite-components 1.4.3-next.1 → 1.4.3-next.3

package/hydrate/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3-next.1
+ * v1.4.3-next.2
  */
 'use strict';
 
@@ -9306,13 +9306,11 @@ const ICONS$h = {
 function getCalcitePosition(position, el) {
   return position || el.closest("calcite-shell-panel")?.position || "start";
 }
-function toggleChildActionText({ parent, expanded }) {
-  queryActions(parent)
+function toggleChildActionText({ el, expanded }) {
+  queryActions(el)
     .filter((el) => el.slot !== SLOTS$v.menuActions)
     .forEach((action) => (action.textEnabled = expanded));
-  parent
-    .querySelectorAll("calcite-action-group, calcite-action-menu")
-    .forEach((el) => (el.expanded = expanded));
+  el.querySelectorAll("calcite-action-group, calcite-action-menu").forEach((el) => (el.expanded = expanded));
 }
 const setTooltipReference = ({ tooltip, referenceElement, expanded, ref }) => {
   if (tooltip) {
@@ -9383,8 +9381,10 @@ class ActionBar {
       this.resize({ width, height });
     };
     this.resize = debounce(({ width, height }) => {
-      const { el, expanded, expandDisabled, layout } = this;
-      if ((layout === "vertical" && !height) || (layout === "horizontal" && !width)) {
+      const { el, expanded, expandDisabled, layout, overflowActionsDisabled } = this;
+      if (overflowActionsDisabled ||
+        (layout === "vertical" && !height) ||
+        (layout === "horizontal" && !width)) {
         return;
       }
       const actions = queryActions(el);
@@ -9410,11 +9410,6 @@ class ActionBar {
         overflowCount
       });
     }, overflowActionsDebounceInMs);
-    this.conditionallyOverflowActions = () => {
-      if (!this.overflowActionsDisabled) {
-        this.overflowActions();
-      }
-    };
     this.toggleExpand = () => {
       this.expanded = !this.expanded;
       this.calciteActionBarToggle.emit();
@@ -9438,11 +9433,12 @@ class ActionBar {
     this.defaultMessages = undefined;
   }
   expandHandler() {
-    this.conditionallyOverflowActions();
+    this.overflowActions();
   }
-  expandedHandler(expanded) {
-    toggleChildActionText({ parent: this.el, expanded });
-    this.conditionallyOverflowActions();
+  expandedHandler() {
+    const { el, expanded } = this;
+    toggleChildActionText({ el, expanded });
+    this.overflowActions();
   }
   layoutHandler() {
     this.updateGroups();
@@ -9464,19 +9460,21 @@ class ActionBar {
   //
   // --------------------------------------------------------------------------
   componentDidLoad() {
+    const { el, expanded } = this;
     setComponentLoaded(this);
-    this.conditionallyOverflowActions();
+    toggleChildActionText({ el, expanded });
+    this.overflowActions();
   }
   connectedCallback() {
     const { el, expanded } = this;
     connectLocalized(this);
     connectMessages(this);
-    toggleChildActionText({ parent: el, expanded });
+    toggleChildActionText({ el, expanded });
     this.mutationObserver?.observe(el, { childList: true, subtree: true });
     if (!this.overflowActionsDisabled) {
       this.resizeObserver?.observe(el);
     }
-    this.conditionallyOverflowActions();
+    this.overflowActions();
     connectConditionalSlotComponent(this);
   }
   async componentWillLoad() {
@@ -10034,7 +10032,7 @@ class ActionPad {
     this.defaultMessages = undefined;
   }
   expandedHandler(expanded) {
-    toggleChildActionText({ parent: this.el, expanded });
+    toggleChildActionText({ el: this.el, expanded });
   }
   layoutHandler() {
     this.updateGroups();
@@ -10063,7 +10061,7 @@ class ActionPad {
   async componentWillLoad() {
     setUpLoadableComponent(this);
     const { el, expanded } = this;
-    toggleChildActionText({ parent: el, expanded });
+    toggleChildActionText({ el, expanded });
     await setUpMessages(this);
   }
   componentDidLoad() {
@@ -13538,7 +13536,7 @@ var colorString = createCommonjsModule(function (module) {
 
 var hasOwnProperty = Object.hasOwnProperty;
 
-var reverseNames = {};
+var reverseNames = Object.create(null);
 
 // create a list of reverse color names
 for (var name in colorName$1) {
@@ -22078,7 +22076,7 @@ const flowItemCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-do
  * @slot header-content - A slot for adding custom content to the component's header.
  * @slot header-menu-actions - A slot for adding an overflow menu with `calcite-action`s inside a `calcite-dropdown`.
  * @slot fab - A slot for adding a `calcite-fab` (floating action button) to perform an action.
- * @slot footer-actions - [Deprecated] A slot for adding `calcite-button`s to the component's footer.
+ * @slot footer-actions - [Deprecated] Use the `"footer"` slot instead. A slot for adding `calcite-button`s to the component's footer.
  * @slot footer - A slot for adding custom content to the component's footer.
  */
 class FlowItem {
@@ -23633,7 +23631,7 @@ const CSS$A = {
 };
 
 /*!
-* focus-trap 7.4.2
+* focus-trap 7.4.3
 * @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
 */
 
@@ -23915,8 +23913,8 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
     if (node === false) {
       return false;
     }
-    if (node === undefined) {
-      // option not specified: use fallback options
+    if (node === undefined || !isFocusable(node, config.tabbableOptions)) {
+      // option not specified nor focusable: use fallback options
       if (findContainerIndex(doc.activeElement) >= 0) {
         node = doc.activeElement;
       } else {
@@ -24242,6 +24240,43 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
     return trap;
   };
 
+  //
+  // MUTATION OBSERVER
+  //
+
+  var checkDomRemoval = function checkDomRemoval(mutations) {
+    var isFocusedNodeRemoved = mutations.some(function (mutation) {
+      var removedNodes = Array.from(mutation.removedNodes);
+      return removedNodes.some(function (node) {
+        return node === state.mostRecentlyFocusedNode;
+      });
+    });
+
+    // If the currently focused is removed then browsers will move focus to the
+    // <body> element. If this happens, try to move focus back into the trap.
+    if (isFocusedNodeRemoved) {
+      tryFocus(getInitialFocusNode());
+    }
+  };
+
+  // Use MutationObserver - if supported - to detect if focused node is removed
+  // from the DOM.
+  var mutationObserver = typeof window !== 'undefined' && 'MutationObserver' in window ? new MutationObserver(checkDomRemoval) : undefined;
+  var updateObservedNodes = function updateObservedNodes() {
+    if (!mutationObserver) {
+      return;
+    }
+    mutationObserver.disconnect();
+    if (state.active && !state.paused) {
+      state.containers.map(function (container) {
+        mutationObserver.observe(container, {
+          subtree: true,
+          childList: true
+        });
+      });
+    }
+  };
+
   //
   // TRAP DEFINITION
   //
@@ -24272,6 +24307,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
           updateTabbableNodes();
         }
         addListeners();
+        updateObservedNodes();
         onPostActivate === null || onPostActivate === void 0 ? void 0 : onPostActivate();
       };
       if (checkCanFocusTrap) {
@@ -24295,6 +24331,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
       removeListeners();
       state.active = false;
       state.paused = false;
+      updateObservedNodes();
       activeFocusTraps.deactivateTrap(trapStack, trap);
       var onDeactivate = getOption(options, 'onDeactivate');
       var onPostDeactivate = getOption(options, 'onPostDeactivate');
@@ -24325,6 +24362,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
       state.paused = true;
       onPause === null || onPause === void 0 ? void 0 : onPause();
       removeListeners();
+      updateObservedNodes();
       onPostPause === null || onPostPause === void 0 ? void 0 : onPostPause();
       return this;
     },
@@ -24338,6 +24376,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
       onUnpause === null || onUnpause === void 0 ? void 0 : onUnpause();
       updateTabbableNodes();
       addListeners();
+      updateObservedNodes();
       onPostUnpause === null || onPostUnpause === void 0 ? void 0 : onPostUnpause();
       return this;
     },
@@ -24349,6 +24388,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
       if (state.active) {
         updateTabbableNodes();
       }
+      updateObservedNodes();
       return this;
     }
   };
@@ -26690,7 +26730,7 @@ var Dayjs = /*#__PURE__*/function () {
 
     var matches = {
       YY: String(this.$y).slice(-2),
-      YYYY: this.$y,
+      YYYY: Utils.s(this.$y, 4, '0'),
       M: $M + 1,
       MM: Utils.s($M + 1, 2, '0'),
       MMM: getShort(locale.monthsShort, $M, months, 3),
@@ -29059,7 +29099,7 @@ class Modal {
     this.effectiveLocale = undefined;
     this.defaultMessages = undefined;
   }
-  handlefocusTrapDisabled(focusTrapDisabled) {
+  handleFocusTrapDisabled(focusTrapDisabled) {
     if (!this.open) {
       return;
     }
@@ -29264,7 +29304,7 @@ class Modal {
   static get assetsDirs() { return ["assets"]; }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "focusTrapDisabled": ["handlefocusTrapDisabled"],
+    "focusTrapDisabled": ["handleFocusTrapDisabled"],
     "messageOverrides": ["onMessagesChange"],
     "effectiveLocale": ["effectiveLocaleChange"],
     "open": ["toggleModal"]
@@ -29803,7 +29843,7 @@ const panelCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{
  * @slot header-content - A slot for adding custom content to the header.
  * @slot header-menu-actions - A slot for adding an overflow menu with actions inside a `calcite-dropdown`.
  * @slot fab - A slot for adding a `calcite-fab` (floating action button) to perform an action.
- * @slot footer-actions - [Deprecated] A slot for adding buttons to the footer.
+ * @slot footer-actions - [Deprecated] Use the `"footer"` slot instead. A slot for adding `calcite-button`s to the component's footer.
  * @slot footer - A slot for adding custom content to the footer.
  */
 class Panel {
@@ -31675,10 +31715,11 @@ class RadioButtonGroup {
     //
     //--------------------------------------------------------------------------
     this.passPropsToRadioButtons = () => {
-      const radioButtons = this.el.querySelectorAll("calcite-radio-button");
-      this.selectedItem = Array.from(radioButtons).find((radioButton) => radioButton.checked) || null;
-      if (radioButtons.length > 0) {
-        radioButtons.forEach((radioButton) => {
+      this.radioButtons = Array.from(this.el.querySelectorAll("calcite-radio-button"));
+      this.selectedItem =
+        Array.from(this.radioButtons).find((radioButton) => radioButton.checked) || null;
+      if (this.radioButtons.length > 0) {
+        this.radioButtons.forEach((radioButton) => {
           radioButton.disabled = this.disabled || radioButton.disabled;
           radioButton.hidden = this.hidden;
           radioButton.name = this.name;
@@ -31694,6 +31735,7 @@ class RadioButtonGroup {
     this.required = false;
     this.selectedItem = null;
     this.scale = "m";
+    this.radioButtons = [];
   }
   onDisabledChange() {
     this.passPropsToRadioButtons();
@@ -31716,9 +31758,34 @@ class RadioButtonGroup {
     this.passPropsToRadioButtons();
     this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
   }
+  componentWillLoad() {
+    setUpLoadableComponent(this);
+  }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   disconnectedCallback() {
     this.mutationObserver?.disconnect();
   }
+  getFocusableRadioButton() {
+    return this.radioButtons.find((radiobutton) => !radiobutton.disabled) ?? null;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Public Method
+  //
+  //--------------------------------------------------------------------------
+  /** Sets focus on the fist focusable `calcite-radio-button` element in the component. */
+  async setFocus() {
+    await componentLoaded(this);
+    if (this.selectedItem && !this.selectedItem.disabled) {
+      this.selectedItem.setFocus();
+      return;
+    }
+    if (this.radioButtons.length > 0) {
+      this.getFocusableRadioButton()?.setFocus();
+    }
+  }
   //--------------------------------------------------------------------------
   //
   //  Event Listeners
@@ -31736,7 +31803,6 @@ class RadioButtonGroup {
   render() {
     return (hAsync(Host, { role: "radiogroup" }, hAsync("slot", null)));
   }
-  static get delegatesFocus() { return true; }
   get el() { return getElement(this); }
   static get watchers() { return {
     "disabled": ["onDisabledChange"],
@@ -31746,7 +31812,7 @@ class RadioButtonGroup {
   }; }
   static get style() { return radioButtonGroupCss; }
   static get cmpMeta() { return {
-    "$flags$": 25,
+    "$flags$": 9,
     "$tagName$": "calcite-radio-button-group",
     "$members$": {
       "disabled": [516],
@@ -31755,7 +31821,9 @@ class RadioButtonGroup {
       "name": [513],
       "required": [516],
       "selectedItem": [1040],
-      "scale": [513]
+      "scale": [513],
+      "radioButtons": [32],
+      "setFocus": [64]
     },
     "$listeners$": [[0, "calciteRadioButtonChange", "radioButtonChangeHandler"]],
     "$lazyBundleId$": "-",
@@ -32618,7 +32686,7 @@ const shellCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{
  * @slot panel-end - A slot for adding the ending `calcite-shell-panel`.
  * @slot panel-top - A slot for adding the top `calcite-shell-center-row`.
  * @slot panel-bottom - A slot for adding the bottom `calcite-shell-center-row`.
- * @slot center-row - [Deprecated] use `"panel-bottom"` instead. A slot for adding the bottom `calcite-shell-center-row`.
+ * @slot center-row - [Deprecated] Use the `"panel-bottom"` slot instead. A slot for adding the bottom `calcite-shell-center-row`.
  * @slot modals - A slot for adding `calcite-modal` components. When placed in this slot, the modal position will be constrained to the extent of the shell.
  * @slot alerts - A slot for adding `calcite-alert` components. When placed in this slot, the alert position will be constrained to the extent of the shell.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.4.3-next.1",
+  "version": "1.4.3-next.3",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -23,6 +23,7 @@
     "build:watch": "npm run util:prep-build-reqs && stencil build --no-docs --watch",
     "build:watch-dev": "npm run util:prep-build-reqs && stencil build --no-docs --dev --watch",
     "build-storybook": "npm run util:build-docs && build-storybook --output-dir ./docs --quiet",
+    "clean": "npm run util:clean-js-files && rimraf node_modules dist www hydrate docs .turbo src/components.d.ts",
     "deps:update": "updtr --exclude chalk cheerio typescript @types/jest jest jest-cli ts-jest puppeteer @whitespace/storybook-addon-html && npm audit fix",
     "docs": "concurrently --kill-others --raw \"npm run build-storybook\" \"ts-node --esm ./support/cleanOnProcessExit.ts --path ./__docs-temp__\"",
     "docs:preview": "concurrently --raw \"npm:util:build-docs && start-storybook\" \"ts-node --esm ./support/cleanOnProcessExit.ts --path ./__docs-temp__\"",
@@ -30,38 +31,24 @@
     "lint:html": "prettier --write \"**/*.html\" >/dev/null",
     "lint:json": "prettier --write \"**/*.json\" >/dev/null",
     "lint:md": "markdownlint \"**/*.md\" --fix --ignore node_modules --disable MD024 MD013 MD041 MD033 && prettier --write \"**/*.md\" >/dev/null",
-    "lint:yml": "prettier --write \"**/*.yml\" >/dev/null",
     "lint:scss": "stylelint --fix \"src/**/*.scss\" && prettier --write \"**/*.scss\" >/dev/null",
     "lint:ts": "eslint --ext .ts,.tsx --fix . && prettier --write \"**/*.ts?(x)\" >/dev/null",
     "posttest": "npm run test:prerender",
-    "prepare": "husky install",
-    "prepublishOnly": "ts-node --esm ./support/prepublish.ts",
     "release:docs": "npm run docs && storybook-to-ghpages --existing-output-dir=docs",
-    "release:next": "npm ci && npm test && npm run util:deploy-next",
-    "release:prepare": "npm run util:is-working-tree-clean && npm ci && npm test && standard-version && npm run build",
-    "release:publish": "npm run util:test-types && npm run util:push-tags && npm publish && ts-node --esm ./support/releaseToGitHub.ts",
     "start": "concurrently --kill-others --raw \"tsc --project ./tsconfig-demos.json --watch\" \"npm run build:watch-dev -- --serve\" \"ts-node --esm ./support/cleanOnProcessExit.ts --path ./src/demos/**/*.js \"",
-    "test": "npm run build && npm run test:existing-build",
-    "test:existing-build": "stencil test --no-docs --no-build --spec --e2e",
+    "test": "stencil test --no-docs --no-build --spec --e2e",
     "test:prerender": "stencil build --no-docs --prerender",
-    "test:watch": "npm run test -- -- --watchAll",
+    "test:watch": "npm run build && npm run test -- -- --watchAll",
     "util:build-docs": "npm run util:prep-build-reqs && stencil build --docs --config stencil.storybook.config.ts",
     "util:clean-tested-build": "npm ci && npm test && npm run build",
     "util:copy-assets": "npm run util:copy-icons",
-    "util:copy-icons": "cpy \"./node_modules/@esri/calcite-ui-icons/js/*.json\" \"./src/components/icon/assets/icon/\" --flat",
-    "util:deploy-next": "npm run util:prep-next && npm run util:publish-next",
-    "util:deploy-next-from-ci": "ts-node --esm support/deployNextFromCI.ts",
+    "util:copy-icons": "cpy \"../../node_modules/@esri/calcite-ui-icons/js/*.json\" \"./src/components/icon/assets/icon/\" --flat",
     "util:generate-t9n-types": "ts-node --esm support/generateT9nTypes.ts",
     "util:hydration-styles": "ts-node --esm support/hydrationStyles.ts",
-    "util:is-next-deployable": "ts-node --esm support/isNextDeployable.ts",
     "util:patch": "npm run util:patch-esm-resolution && npm run util:patch-tree-shaking",
     "util:patch-esm-resolution": "ts-node --esm support/patchESMResolution.ts",
     "util:patch-tree-shaking": "ts-node --esm support/patchTreeShaking.ts",
     "util:prep-build-reqs": "npm run util:copy-assets && npm run util:generate-t9n-types",
-    "util:prep-next": "npm run util:is-working-tree-clean && standard-version --prerelease next && npm run build",
-    "util:publish-next": "npm run util:test-types && npm publish --tag next && npm run util:push-tags",
-    "util:check-squash-mergeable-branch": "ts-node --esm support/checkSquashMergeableBranch.ts",
-    "util:push-tags": "git push --atomic origin master \"$(git describe --tags --abbrev=0)\"",
     "util:sync-t9n-en-bundles": "ts-node --esm support/syncEnT9nBundles.ts",
     "util:test-types": "tsc --esModuleInterop dist/types/**/*.d.ts dist/components/*.d.ts && ! grep -rnw 'dist/types' -e '<reference types=' && npm run util:clean-js-files",
     "util:clean-js-files": "find src .storybook support -name '*.js' | xargs rm -rf && find . -maxdepth 1 -name '*.js' | xargs rm -rf",
@@ -77,95 +64,24 @@
     "@types/color": "3.0.3",
     "color": "4.2.3",
     "composed-offset-position": "0.0.4",
-    "dayjs": "1.11.7",
-    "focus-trap": "7.4.2",
+    "dayjs": "1.11.8",
+    "focus-trap": "7.4.3",
     "form-request-submit-polyfill": "2.0.0",
     "lodash-es": "4.17.21",
     "sortablejs": "1.15.0"
   },
   "devDependencies": {
-    "@babel/preset-react": "7.18.6",
-    "@esri/calcite-base": "^1.2.0",
-    "@esri/calcite-colors": "6.1.0",
     "@esri/calcite-design-tokens": "1.0.0",
-    "@esri/calcite-ui-icons": "3.22.8",
-    "@esri/eslint-plugin-calcite-components": "0.2.2",
+    "@esri/calcite-ui-icons": "3.22.9",
     "@stencil-community/eslint-plugin": "0.5.0",
     "@stencil/postcss": "2.1.0",
-    "@stencil/sass": "3.0.0",
-    "@stencil/state-tunnel": "^1.0.1",
-    "@storybook/addon-a11y": "6.5.16",
-    "@storybook/addon-docs": "6.5.15",
-    "@storybook/addon-interactions": "6.5.16",
-    "@storybook/addon-knobs": "6.4.0",
-    "@storybook/html": "6.5.15",
-    "@storybook/storybook-deployer": "2.8.16",
-    "@storybook/testing-library": "0.0.13",
-    "@types/dedent": "0.7.0",
-    "@types/jest": "27.0.3",
-    "@types/jest-axe": "3.5.5",
-    "@types/lodash-es": "4.17.7",
-    "@types/semver": "7.3.13",
-    "@types/shell-quote": "1.7.1",
-    "@types/sortablejs": "1.15.1",
-    "@types/standard-version": "7.0.1",
-    "@types/yargs": "17.0.24",
-    "@typescript-eslint/eslint-plugin": "5.59.5",
-    "@typescript-eslint/parser": "5.48.2",
-    "@whitespace/storybook-addon-html": "5.0.0",
-    "autoprefixer": "10.4.13",
-    "axe-core": "4.6.3",
-    "babel-loader": "8.3.0",
-    "chalk": "4.1.2",
-    "cheerio": "1.0.0-rc.10",
-    "chokidar": "3.5.3",
-    "chromatic": "6.17.4",
-    "concurrently": "8.0.1",
-    "conventional-changelog-cli": "2.2.2",
-    "cpy-cli": "4.2.0",
-    "dedent": "0.7.0",
-    "eslint": "8.41.0",
-    "eslint-config-prettier": "8.8.0",
-    "eslint-plugin-import": "2.27.5",
-    "eslint-plugin-jest": "27.2.1",
-    "eslint-plugin-jsdoc": "44.2.5",
-    "eslint-plugin-prettier": "4.2.1",
-    "eslint-plugin-react": "7.32.2",
-    "eslint-plugin-unicorn": "46.0.0",
-    "gh-release": "7.0.2",
-    "git-semver-tags": "4.1.1",
-    "husky": "8.0.3",
-    "jest": "27.4.5",
-    "jest-axe": "7.0.1",
-    "jest-cli": "27.4.5",
-    "lint-staged": "13.2.1",
-    "markdownlint-cli": "0.33.0",
-    "postcss": "8.4.21",
-    "prettier": "2.8.1",
-    "puppeteer": "10.0.0",
-    "quicktype-core": "23.0.12",
-    "rimraf": "4.1.2",
-    "semver": "7.3.8",
-    "shell-quote": "1.8.0",
-    "standard-version": "9.5.0",
-    "stencil-eslint-core": "0.3.1",
-    "storybook": "6.5.16",
-    "storybook-addon-themes": "6.1.0",
-    "storybook-rtl-addon": "0.3.3",
-    "stylelint": "14.16.1",
-    "stylelint-config-recommended-scss": "8.0.0",
-    "stylelint-use-logical-spec": "5.0.0",
-    "tailwindcss": "3.3.1",
-    "ts-jest": "27.1.5",
-    "ts-node": "10.9.1",
-    "type-fest": "3.5.0",
-    "typescript": "4.9.5",
-    "updtr": "4.0.0",
-    "workbox-build": "6.5.4",
-    "yargs": "17.7.2"
+    "@stencil/react-output-target": "0.4.0",
+    "@stencil/sass": "3.0.4",
+    "@stencil/state-tunnel": "1.0.1"
   },
-  "license": "SEE LICENSE IN copyright.txt",
+  "license": "SEE LICENSE.md",
   "volta": {
-    "node": "16.20.0"
-  }
+    "extends": "../../package.json"
+  },
+  "gitHead": "7860faa033d59f3cc27c44d631abe318d90e56ce"
 }

package/readme.md

@@ -12,6 +12,8 @@ Calcite Components, part of Esri's Calcite Design System, is a rich library of f
 
 The most common approach for loading Calcite Components is to use the version hosted on the CDN. The components can be loaded via `<script>` and `<link>` tags in the head of your HTML document:
 
+<!-- x-release-please-start-version -->
+
 ```html
 <script
   type="module"
@@ -24,6 +26,8 @@ The most common approach for loading Calcite Components is to use the version ho
 />
 ```
 
+<!-- x-release-please-end -->
+
 Once these tags are added, components can be used like any other HTML element. Only components that are used in the application will be loaded.
 
 ## Use the NPM package

package/dist/calcite/p-1b3d8969.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3-next.1
- */
-import{r as t,c as e,h as i,a}from"./p-f35a724d.js";import{c as n,d as o}from"./p-38bf798a.js";import{t as r,g as s}from"./p-507011a2.js";import{c,d as l}from"./p-2b11b501.js";import{c as d,d as m,s as h,u as f}from"./p-93e93072.js";import"./p-1a4a1a53.js";import"./p-d8247b8a.js";import"./p-9e0e63fd.js";import"./p-58610f6e.js";const p="thumbnail",u="title",g="subtitle",b="footer-start",v="footer-end",x=class{constructor(i){t(this,i),this.calciteCardSelect=e(this,"calciteCardSelect",6),this.cardSelectClick=()=>{this.selectCard()},this.cardSelectKeyDown=t=>{switch(t.key){case" ":case"Enter":this.selectCard(),t.preventDefault()}},this.loading=!1,this.selected=!1,this.selectable=!1,this.thumbnailPosition="block-start",this.messages=void 0,this.messageOverrides=void 0,this.effectiveLocale=void 0,this.defaultMessages=void 0}onMessagesChange(){}connectedCallback(){n(this),c(this),d(this)}disonnectedCallback(){o(this),l(this),m(this)}async componentWillLoad(){await h(this)}render(){const t=this.thumbnailPosition.startsWith("inline"),e=this.thumbnailPosition.endsWith("start");return i("div",{class:{"calcite-card-container":!0,inline:t}},this.loading?i("div",{class:"calcite-card-loader-container"},i("calcite-loader",{label:this.messages.loading})):null,e&&this.renderThumbnail(),i("section",{"aria-busy":r(this.loading),class:{container:!0}},this.selectable?this.renderCheckbox():null,this.renderHeader(),i("div",{class:"card-content"},i("slot",null)),this.renderFooter()),!e&&this.renderThumbnail())}effectiveLocaleChange(){f(this,this.effectiveLocale)}selectCard(){this.selected=!this.selected,this.calciteCardSelect.emit()}renderThumbnail(){return s(this.el,p)?i("section",{class:"thumbnail-wrapper"},i("slot",{name:p})):null}renderCheckbox(){return i("calcite-label",{class:"checkbox-wrapper",onClick:this.cardSelectClick,onKeyDown:this.cardSelectKeyDown},i("calcite-checkbox",{checked:this.selected,label:this.messages.select}))}renderHeader(){const{el:t}=this,e=s(t,u),a=s(t,g);return e||a?i("header",{class:"header"},i("slot",{name:u}),i("slot",{name:g})):null}renderFooter(){const{el:t}=this,e=s(t,b),a=s(t,v);return e||a?i("footer",{class:"footer"},i("slot",{name:b}),i("slot",{name:v})):null}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],effectiveLocale:["effectiveLocaleChange"]}}};x.style="@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-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 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-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.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);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}:host([hidden]){display:none}:host{display:block;max-inline-size:100%}:host .calcite-card-container{position:relative;display:flex;block-size:100%;flex-direction:column;justify-content:space-between;overflow:hidden;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-3);--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);border-radius:var(--calcite-border-radius-base)}.container{position:relative;display:flex;flex:1 1 auto;flex-direction:column}:host([loading]) .calcite-card-container *:not(calcite-loader):not(.calcite-card-loader-container){pointer-events:none;opacity:0}:host([loading]) .calcite-card-loader-container{position:absolute;inset:0px;display:flex;align-items:center}.header,.footer{display:flex;padding-inline:0.75rem;padding-block:0.75rem 0.25rem}.header{flex-direction:column}.footer{margin-block-start:auto;flex-direction:row;align-content:space-between;justify-content:space-between;padding-inline:0.75rem;padding-block:0.25rem 0.75rem}.card-content{padding:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;color:var(--calcite-ui-text-3)}:host([selected]) .calcite-card-container{border-color:var(--calcite-ui-brand)}slot[name=title]::slotted(*),*::slotted([slot=title]){margin:0px;font-size:var(--calcite-font-size--1);line-height:1.375;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([selectable]) .header{padding-inline-end:2rem}slot[name=subtitle]::slotted(*),*::slotted([slot=subtitle]){margin:0px;margin-block-start:0.5rem;font-size:var(--calcite-font-size--2);line-height:1.375;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-2)}slot[name=thumbnail]::slotted(img),img::slotted([slot=thumbnail]){min-inline-size:100%;max-inline-size:100%}slot[name=footer-start]::slotted(*),*::slotted([slot=footer-start]){align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375;margin-inline-end:auto}slot[name=footer-end]::slotted(*),*::slotted([slot=footer-end]){align-self:center;font-size:var(--calcite-font-size--2);line-height:1.375}.checkbox-wrapper{position:absolute;margin:0px;padding:0px;inset-block-start:0.5rem;inset-inline-end:0.5rem}.thumbnail-wrapper{display:flex}.calcite-card-container.inline{flex-direction:row}.calcite-card-container.inline>.container{inline-size:60%}.calcite-card-container.inline>.thumbnail-wrapper{inline-size:40%;align-items:flex-start}.calcite-card-container.inline slot[name=thumbnail]::slotted(img),.calcite-card-container.inline img::slotted([slot=thumbnail]){inline-size:100%}slot[name=footer-start]::slotted(*),slot[name=footer-end]::slotted(*){display:flex;gap:0.25rem}";export{x as calcite_card}

package/dist/calcite/p-2c7fc8ba.js

@@ -1,10 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3-next.1
- */
-import{k as n,l as t,m as e,n as r,f as o,o as u}from"./p-507011a2.js";
-/*!
-* focus-trap 7.4.2
-* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
-*/function i(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),e.push.apply(e,r)}return e}function a(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?i(Object(e),!0).forEach((function(t){c(n,t,e[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):i(Object(e)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))}))}return n}function c(n,t,e){return(t=function(n){var t=function(n){if("object"!=typeof n||null===n)return n;var t=n[Symbol.toPrimitive];if(void 0!==t){var e=t.call(n,"string");if("object"!=typeof e)return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==typeof t?t:String(t)}(t))in n?Object.defineProperty(n,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):n[t]=e,n}var f=function(n){return"Tab"===n.key||9===n.keyCode},s=function(n){return f(n)&&!n.shiftKey},l=function(n){return f(n)&&n.shiftKey},v=function(n){return setTimeout(n,0)},d=function(n,t){var e=-1;return n.every((function(n,r){return!t(n)||(e=r,!1)})),e},b=function(n){for(var t=arguments.length,e=new Array(t>1?t-1:0),r=1;r<t;r++)e[r-1]=arguments[r];return"function"==typeof n?n.apply(void 0,e):n},p=function(n){return n.target.shadowRoot&&"function"==typeof n.composedPath?n.composedPath()[0]:n.target},h=[];const w=[];function m(i,c){const{el:m}=i,y=c?.focusTrapEl||m;if(!y)return;const F={clickOutsideDeactivates:!0,escapeDeactivates:!1,fallbackFocus:y,setReturnFocus:n=>(o(n),!1),...c?.focusTrapOptions,document:m.ownerDocument,tabbableOptions:u,trapStack:w};i.focusTrap=function(o,u){var i,c=(null==u?void 0:u.document)||document,w=(null==u?void 0:u.trapStack)||h,m=a({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,isKeyForward:s,isKeyBackward:l},u),y={containers:[],containerGroups:[],tabbableGroups:[],nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,delayInitialFocusTimer:void 0},F=function(n,t,e){return n&&void 0!==n[t]?n[t]:m[e||t]},k=function(n,t){var e="function"==typeof(null==t?void 0:t.composedPath)?t.composedPath():void 0;return y.containerGroups.findIndex((function(t){var r=t.container,o=t.tabbableNodes;return r.contains(n)||(null==e?void 0:e.includes(r))||o.find((function(t){return t===n}))}))},O=function(n){var t=m[n];if("function"==typeof t){for(var e=arguments.length,r=new Array(e>1?e-1:0),o=1;o<e;o++)r[o-1]=arguments[o];t=t.apply(void 0,r)}if(!0===t&&(t=void 0),!t){if(void 0===t||!1===t)return t;throw new Error("`".concat(n,"` was specified but was not a node, or did not return a node"))}var u=t;if("string"==typeof t&&!(u=c.querySelector(t)))throw new Error("`".concat(n,"` as selector refers to no known node"));return u},j=function(){var n=O("initialFocus");if(!1===n)return!1;if(void 0===n)if(k(c.activeElement)>=0)n=c.activeElement;else{var t=y.tabbableGroups[0];n=t&&t.firstTabbableNode||O("fallbackFocus")}if(!n)throw new Error("Your focus-trap needs to have at least one focusable element");return n},D=function(){if(y.containerGroups=y.containers.map((function(r){var o=n(r,m.tabbableOptions),u=t(r,m.tabbableOptions);return{container:r,tabbableNodes:o,focusableNodes:u,firstTabbableNode:o.length>0?o[0]:null,lastTabbableNode:o.length>0?o[o.length-1]:null,nextTabbableNode:function(n){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=u.findIndex((function(t){return t===n}));if(!(r<0))return t?u.slice(r+1).find((function(n){return e(n,m.tabbableOptions)})):u.slice(0,r).reverse().find((function(n){return e(n,m.tabbableOptions)}))}}})),y.tabbableGroups=y.containerGroups.filter((function(n){return n.tabbableNodes.length>0})),y.tabbableGroups.length<=0&&!O("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times")},T=function n(t){!1!==t&&t!==c.activeElement&&(t&&t.focus?(t.focus({preventScroll:!!m.preventScroll}),y.mostRecentlyFocusedNode=t,function(n){return n.tagName&&"input"===n.tagName.toLowerCase()&&"function"==typeof n.select}(t)&&t.select()):n(j()))},g=function(n){var t=O("setReturnFocus",n);return t||!1!==t&&n},E=function(n){var t=p(n);k(t,n)>=0||(b(m.clickOutsideDeactivates,n)?i.deactivate({returnFocus:m.returnFocusOnDeactivate}):b(m.allowOutsideClick,n)||n.preventDefault())},P=function(n){var t=p(n),e=k(t,n)>=0;e||t instanceof Document?e&&(y.mostRecentlyFocusedNode=t):(n.stopImmediatePropagation(),T(y.mostRecentlyFocusedNode||j()))},N=function(n){if(("Escape"===(t=n).key||"Esc"===t.key||27===t.keyCode)&&!1!==b(m.escapeDeactivates,n))return n.preventDefault(),void i.deactivate();var t;(m.isKeyForward(n)||m.isKeyBackward(n))&&function(n){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],o=p(n);D();var u=null;if(y.tabbableGroups.length>0){var i=k(o,n),a=i>=0?y.containerGroups[i]:void 0;if(i<0)u=t?y.tabbableGroups[y.tabbableGroups.length-1].lastTabbableNode:y.tabbableGroups[0].firstTabbableNode;else if(t){var c=d(y.tabbableGroups,(function(n){return o===n.firstTabbableNode}));c<0&&(a.container===o||r(o,m.tabbableOptions)&&!e(o,m.tabbableOptions)&&!a.nextTabbableNode(o,!1))&&(c=i),c>=0?u=y.tabbableGroups[0===c?y.tabbableGroups.length-1:c-1].lastTabbableNode:f(n)||(u=a.nextTabbableNode(o,!1))}else{var s=d(y.tabbableGroups,(function(n){return o===n.lastTabbableNode}));s<0&&(a.container===o||r(o,m.tabbableOptions)&&!e(o,m.tabbableOptions)&&!a.nextTabbableNode(o))&&(s=i),s>=0?u=y.tabbableGroups[s===y.tabbableGroups.length-1?0:s+1].firstTabbableNode:f(n)||(u=a.nextTabbableNode(o))}}else u=O("fallbackFocus");u&&(f(n)&&n.preventDefault(),T(u))}(n,m.isKeyBackward(n))},A=function(n){var t=p(n);k(t,n)>=0||b(m.clickOutsideDeactivates,n)||b(m.allowOutsideClick,n)||(n.preventDefault(),n.stopImmediatePropagation())},R=function(){if(y.active)return function(n,t){if(n.length>0){var e=n[n.length-1];e!==t&&e.pause()}var r=n.indexOf(t);-1===r||n.splice(r,1),n.push(t)}(w,i),y.delayInitialFocusTimer=m.delayInitialFocus?v((function(){T(j())})):T(j()),c.addEventListener("focusin",P,!0),c.addEventListener("mousedown",E,{capture:!0,passive:!1}),c.addEventListener("touchstart",E,{capture:!0,passive:!1}),c.addEventListener("click",A,{capture:!0,passive:!1}),c.addEventListener("keydown",N,{capture:!0,passive:!1}),i},S=function(){if(y.active)return c.removeEventListener("focusin",P,!0),c.removeEventListener("mousedown",E,!0),c.removeEventListener("touchstart",E,!0),c.removeEventListener("click",A,!0),c.removeEventListener("keydown",N,!0),i};return(i={get active(){return y.active},get paused(){return y.paused},activate:function(n){if(y.active)return this;var t=F(n,"onActivate"),e=F(n,"onPostActivate"),r=F(n,"checkCanFocusTrap");r||D(),y.active=!0,y.paused=!1,y.nodeFocusedBeforeActivation=c.activeElement,null==t||t();var o=function(){r&&D(),R(),null==e||e()};return r?(r(y.containers.concat()).then(o,o),this):(o(),this)},deactivate:function(n){if(!y.active)return this;var t=a({onDeactivate:m.onDeactivate,onPostDeactivate:m.onPostDeactivate,checkCanReturnFocus:m.checkCanReturnFocus},n);clearTimeout(y.delayInitialFocusTimer),y.delayInitialFocusTimer=void 0,S(),y.active=!1,y.paused=!1,function(n,t){var e=n.indexOf(t);-1!==e&&n.splice(e,1),n.length>0&&n[n.length-1].unpause()}(w,i);var e=F(t,"onDeactivate"),r=F(t,"onPostDeactivate"),o=F(t,"checkCanReturnFocus"),u=F(t,"returnFocus","returnFocusOnDeactivate");null==e||e();var c=function(){v((function(){u&&T(g(y.nodeFocusedBeforeActivation)),null==r||r()}))};return u&&o?(o(g(y.nodeFocusedBeforeActivation)).then(c,c),this):(c(),this)},pause:function(n){if(y.paused||!y.active)return this;var t=F(n,"onPause"),e=F(n,"onPostPause");return y.paused=!0,null==t||t(),S(),null==e||e(),this},unpause:function(n){if(!y.paused||!y.active)return this;var t=F(n,"onUnpause"),e=F(n,"onPostUnpause");return y.paused=!1,null==t||t(),D(),R(),null==e||e(),this},updateContainerElements:function(n){var t=[].concat(n).filter(Boolean);return y.containers=t.map((function(n){return"string"==typeof n?c.querySelector(n):n})),y.active&&D(),this}}).updateContainerElements(o),i}(y,F)}function y(n,t){n.focusTrapDisabled||n.focusTrap?.activate(t)}function F(n,t){n.focusTrap?.deactivate(t)}function k(n){n.focusTrap?.updateContainerElements(n.el)}export{y as a,m as c,F as d,k as u}

package/dist/calcite/p-38bf798a.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3-next.1
- */
-import{f as t}from"./p-f35a724d.js";import{c as o}from"./p-1a4a1a53.js";const n=new Set;let a;const s={childList:!0};function c(t){a||(a=o("mutation",i)),a.observe(t.el,s)}function f(t){n.delete(t.el),i(a.takeRecords()),a.disconnect();for(const[t]of n.entries())a.observe(t,s)}function i(o){o.forEach((({target:o})=>{t(o)}))}export{c,f as d}