@esri/solutions-components 0.10.4 → 0.10.6

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

@@ -8,17 +8,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
-const interactive = require('./interactive-c120e7de.js');
-const dom = require('./dom-93443cc1.js');
-const loadable = require('./loadable-52223908.js');
-require('./browser-9f13ebb0.js');
-require('./guid-9a92730c.js');
-require('./resources-543ff11e.js');
+const interactive = require('./interactive-272b8484.js');
+const dom = require('./dom-63b93b3b.js');
+const loadable = require('./loadable-ef8f0acf.js');
+require('./browser-02cbd1d9.js');
+require('./guid-4bc1bc0f.js');
+require('./resources-8556a9ce.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     container: "container",
@@ -49,7 +49,7 @@ const SLOTS = {
     contentTop: "content-top",
 };
 
-const tileCss = ":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{--calcite-tile-background-color:var(--calcite-color-foreground-1);--calcite-tile-border-color:var(--calcite-color-border-2);--calcite-tile-description-text-color:var(--calcite-color-text-3);--calcite-tile-heading-text-color:var(--calcite-color-text-2);--calcite-ui-icon-color:var(--calcite-color-text-3);box-sizing:border-box;display:inline-block}.container{background-color:var(--calcite-tile-background-color);block-size:var(--calcite-container-size-content-fluid);box-sizing:border-box;inline-size:var(--calcite-container-size-content-fluid);outline:var(--calcite-border-width-sm, 1px) solid var(--calcite-tile-border-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.container.interactive{cursor:pointer}.container.interactive:hover,.container.interactive:focus,.container.interactive.selected{outline-color:var(--calcite-color-brand);position:relative}.container.interactive:hover .selection-icon,.container.interactive:focus .selection-icon,.container.interactive.selected .selection-icon{--calcite-ui-icon-color:var(--calcite-color-brand)}.container.interactive.selected{z-index:var(--calcite-z-index)}.container.interactive:focus{box-shadow:inset 0px 0px 0px 1px var(--calcite-color-brand);z-index:var(--calcite-z-index-sticky)}.content-container,.row{align-items:flex-start;display:flex}.content-container{flex-direction:column}.text-content-container{inline-size:100%;outline-color:transparent;padding:0}.text-content{display:flex;flex-direction:column}.heading{color:var(--calcite-tile-heading-text-color);font-weight:var(--calcite-font-weight-medium);line-height:1.20313rem;overflow-wrap:break-word}.large-visual-deprecated{align-items:center;justify-content:center;min-block-size:12rem;text-align:center}.large-visual-deprecated calcite-icon{align-self:center;block-size:64px;inline-size:64px}.large-visual-deprecated .text-content-container{justify-content:center}.description{color:var(--calcite-tile-description-text-color);font-weight:var(--calcite-font-weight-regular);overflow-wrap:break-word}:host([alignment=center]) .icon{align-self:center}:host([alignment=center]) .text-content{text-align:center}:host([alignment=center]) slot[name=content-start]::slotted(*),:host([alignment=center]) slot[name=content-end]::slotted(*){align-self:center}:host([scale=s]){max-inline-size:400px;min-inline-size:100px}:host([scale=s]) .container{padding:var(--calcite-spacing-sm)}:host([scale=s]) .content-container--has-content,:host([scale=s]) .row{gap:var(--calcite-spacing-sm)}:host([scale=s]) .heading{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=s]) .description{font-size:var(--calcite-font-size--3);line-height:0.85938rem}:host([scale=s]) .content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]){max-inline-size:460px;min-inline-size:140px}:host([scale=m]) .container{padding:var(--calcite-spacing-md)}:host([scale=m]) .content-container--has-content,:host([scale=m]) .row{gap:var(--calcite-spacing-md)}:host([scale=m]) .heading{font-size:var(--calcite-font-size--1);line-height:1.20313rem}:host([scale=m]) .description{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=m]) .content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-spacing-md)}:host([scale=l]){max-inline-size:520px;min-inline-size:160px}:host([scale=l]) .container{padding:var(--calcite-spacing-xl)}:host([scale=l]) .content-container--has-content,:host([scale=l]) .row{gap:var(--calcite-spacing-xl)}:host([scale=l]) .heading{font-size:var(--calcite-font-size-0);line-height:1.375rem}:host([scale=l]) .description{font-size:var(--calcite-font-size--1);line-height:1.20313rem}:host([scale=l]) .content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-spacing-xl)}:host([selection-appearance=border][layout=horizontal]) .container.selected:focus::before,:host([selection-appearance=border][layout=vertical]) .container.selected:focus::before{block-size:100%;box-shadow:inset 0px 0px 0px 1px var(--calcite-color-brand);content:\"\";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([selection-appearance=border][layout=horizontal]) .container.selected{box-shadow:inset 0px -4px 0px 0px var(--calcite-color-brand)}:host([selection-appearance=border][layout=vertical]) .container.selected{box-shadow:inset 4px 0px 0px 0px var(--calcite-color-brand)}:host([href]:focus:not([disabled])),:host([href]:hover:not([disabled])){--calcite-tile-border-color:var(--calcite-color-text-link);--calcite-tile-heading-text-color:var(--calcite-color-text-link);--calcite-ui-icon-color:var(--calcite-color-text-link)}:host([href]:focus:not([disabled])) .container,:host([href]:hover:not([disabled])) .container{position:relative;z-index:var(--calcite-z-index)}:host([href]:active:not([disabled])) .container{box-shadow:0 0 0 3px var(--calcite-tile-border-color)}:host([embed]) .container{box-shadow:none;padding:0}:host([selection-mode=none]) .container{outline-color:var(--calcite-tile-border-color)}:host([selection-mode=none]) .container:focus{outline-color:var(--calcite-color-brand);position:relative}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host(:hover:not([disabled])),:host([active]:not([disabled])){--calcite-tile-description-text-color:var(--calcite-color-text-2);--calcite-tile-heading-text-color:var(--calcite-color-text-1)}:host([hidden]){display:none}[hidden]{display:none}::slotted(*){max-inline-size:100%}";
+const tileCss = ":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{--calcite-tile-background-color:var(--calcite-color-foreground-1);--calcite-tile-border-color:var(--calcite-color-border-2);--calcite-tile-description-text-color:var(--calcite-color-text-3);--calcite-tile-heading-text-color:var(--calcite-color-text-2);--calcite-ui-icon-color:var(--calcite-color-text-3);box-sizing:border-box;display:inline-block}.container{background-color:var(--calcite-tile-background-color);block-size:var(--calcite-container-size-content-fluid);box-sizing:border-box;inline-size:var(--calcite-container-size-content-fluid);outline:var(--calcite-border-width-sm, 1px) solid var(--calcite-tile-border-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.container.interactive{cursor:pointer}.container.interactive:hover,.container.interactive:focus,.container.interactive.selected{outline-color:var(--calcite-color-brand);position:relative}.container.interactive:hover .selection-icon,.container.interactive:focus .selection-icon,.container.interactive.selected .selection-icon{--calcite-ui-icon-color:var(--calcite-color-brand)}.container.interactive.selected{z-index:var(--calcite-z-index)}.container.interactive:focus{box-shadow:inset 0 0 0 1px var(--calcite-color-brand);z-index:var(--calcite-z-index-sticky)}.content-container,.row{align-items:flex-start;display:flex}.content-container{flex-direction:column}.text-content-container{inline-size:100%;outline-color:transparent;padding:0}.text-content{display:flex;flex-direction:column}.heading{color:var(--calcite-tile-heading-text-color);font-weight:var(--calcite-font-weight-medium);line-height:1.20313rem;overflow-wrap:break-word}.large-visual-deprecated{align-items:center;justify-content:center;min-block-size:12rem;text-align:center}.large-visual-deprecated calcite-icon{align-self:center;block-size:64px;inline-size:64px}.large-visual-deprecated .text-content-container{justify-content:center}.description{color:var(--calcite-tile-description-text-color);font-weight:var(--calcite-font-weight-regular);overflow-wrap:break-word}:host([alignment=center]) .icon{align-self:center}:host([alignment=center]) .text-content-container{justify-content:center}:host([alignment=center]) .text-content{text-align:center}:host([alignment=center]) slot[name=content-start]::slotted(*),:host([alignment=center]) slot[name=content-end]::slotted(*),:host([alignment=center]) slot[name=content-top]::slotted(*),:host([alignment=center]) slot[name=content-bottom]::slotted(*){align-self:center}:host([scale=s]){max-inline-size:400px;min-inline-size:100px}:host([scale=s]) .container{padding:var(--calcite-spacing-sm)}:host([scale=s]) .content-container--has-content,:host([scale=s]) .row{gap:var(--calcite-spacing-sm)}:host([scale=s]) .heading{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=s]) .description{font-size:var(--calcite-font-size--3);line-height:0.85938rem}:host([scale=s]) .content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-spacing-sm)}:host([scale=m]){max-inline-size:460px;min-inline-size:140px}:host([scale=m]) .container{padding:var(--calcite-spacing-md)}:host([scale=m]) .content-container--has-content,:host([scale=m]) .row{gap:var(--calcite-spacing-md)}:host([scale=m]) .heading{font-size:var(--calcite-font-size--1);line-height:1.20313rem}:host([scale=m]) .description{font-size:var(--calcite-font-size--2);line-height:1.03125rem}:host([scale=m]) .content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-spacing-md)}:host([scale=l]){max-inline-size:520px;min-inline-size:160px}:host([scale=l]) .container{padding:var(--calcite-spacing-xl)}:host([scale=l]) .content-container--has-content,:host([scale=l]) .row{gap:var(--calcite-spacing-xl)}:host([scale=l]) .heading{font-size:var(--calcite-font-size-0);line-height:1.375rem}:host([scale=l]) .description{font-size:var(--calcite-font-size--1);line-height:1.20313rem}:host([scale=l]) .content-container--has-only-content-top-and-bottom slot[name=content-top]::slotted(*){margin-block-end:var(--calcite-spacing-xl)}:host([selection-appearance=border][layout=horizontal]) .container.selected:focus::before,:host([selection-appearance=border][layout=vertical]) .container.selected:focus::before{block-size:100%;box-shadow:inset 0 0 0 1px var(--calcite-color-brand);content:\"\";display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;position:absolute}:host([selection-appearance=border][layout=horizontal]) .container.selected{box-shadow:inset 0 -4px 0 0 var(--calcite-color-brand)}:host([selection-appearance=border][layout=vertical]) .container.selected{box-shadow:inset 4px 0 0 0 var(--calcite-color-brand)}:host([href]:focus:not([disabled])),:host([href]:hover:not([disabled])){--calcite-tile-border-color:var(--calcite-color-text-link);--calcite-tile-heading-text-color:var(--calcite-color-text-link);--calcite-ui-icon-color:var(--calcite-color-text-link)}:host([href]:focus:not([disabled])) .container,:host([href]:hover:not([disabled])) .container{position:relative;z-index:var(--calcite-z-index)}:host([href]:active:not([disabled])) .container{box-shadow:0 0 0 3px var(--calcite-tile-border-color)}:host([embed]) .container{box-shadow:none;padding:0}:host([selection-mode=none]) .container{outline-color:var(--calcite-tile-border-color)}:host([selection-mode=none]) .container:focus{outline-color:var(--calcite-color-brand);position:relative}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.interaction-container{display:contents}:host(:hover:not([disabled])),:host([active]:not([disabled])){--calcite-tile-description-text-color:var(--calcite-color-text-2);--calcite-tile-heading-text-color:var(--calcite-color-text-1)}:host([hidden]){display:none}[hidden]{display:none}::slotted(*){max-inline-size:100%}";
 const CalciteTileStyle0 = tileCss;
 
 const Tile = class {
@@ -207,7 +207,7 @@ const Tile = class {
     }
     render() {
         const { disabled } = this;
-        return (index.h(interactive.InteractiveContainer, { key: 'fefee534d623f2cb2c3d672ebe389fbf27bcd916', disabled: disabled }, this.href ? (index.h("calcite-link", { disabled: disabled, href: this.href }, this.renderTile())) : (this.renderTile())));
+        return (index.h(interactive.InteractiveContainer, { key: '44e009a3b57314cffef00440f612e3d1667e1872', disabled: disabled }, this.href ? (index.h("calcite-link", { disabled: disabled, href: this.href }, this.renderTile())) : (this.renderTile())));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/calcite-time-picker.cjs.entry.js

@@ -8,22 +8,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
-const key = require('./key-f95b815e.js');
-const locale = require('./locale-4d226d16.js');
-const t9n = require('./t9n-d102c87b.js');
-const time = require('./time-b80cd446.js');
-const component = require('./component-8ff3f229.js');
-const loadable = require('./loadable-52223908.js');
-const math = require('./math-fb91def5.js');
-require('./dom-93443cc1.js');
-require('./guid-9a92730c.js');
-require('./resources-543ff11e.js');
-require('./observers-304eec4e.js');
+const key = require('./key-e4dd32ff.js');
+const locale = require('./locale-428354f0.js');
+const t9n = require('./t9n-e5fb720b.js');
+const time = require('./time-35e40020.js');
+const component = require('./component-9d0efa36.js');
+const loadable = require('./loadable-ef8f0acf.js');
+const math = require('./math-8677dfd7.js');
+require('./dom-63b93b3b.js');
+require('./guid-4bc1bc0f.js');
+require('./resources-8556a9ce.js');
+require('./observers-3440c668.js');
+require('./browser-02cbd1d9.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     button: "button",
@@ -437,8 +438,6 @@ const TimePicker = class {
                 if (localizedMeridiem) {
                     this.localizedMeridiem = localizedMeridiem;
                     this.meridiem = time.getMeridiem(this.hour);
-                    const formatParts = time.getTimeParts({ value, locale, numberingSystem });
-                    this.meridiemOrder = this.getMeridiemOrder(formatParts);
                 }
             }
             else {
@@ -697,21 +696,11 @@ const TimePicker = class {
         this.showSecond = this.step < 60;
         this.showFractionalSecond = math.decimalPlaces(this.step) > 0;
     }
-    getMeridiemOrder(formatParts) {
-        const locale = this.effectiveLocale;
-        const isRTLKind = locale === "ar" || locale === "he";
-        if (formatParts && !isRTLKind) {
-            const index = formatParts.findIndex((parts) => {
-                return parts.value === this.localizedMeridiem;
-            });
-            return index;
-        }
-        return 0;
-    }
     updateLocale() {
         t9n.updateMessages(this, this.effectiveLocale);
         this.hourCycle = time.getLocaleHourCycle(this.effectiveLocale, this.numberingSystem);
         this.localizedDecimalSeparator = time.getLocalizedDecimalSeparator(this.effectiveLocale, this.numberingSystem);
+        this.meridiemOrder = time.getMeridiemOrder(this.effectiveLocale);
         this.setValue(this.sanitizeValue(this.value));
     }
     // --------------------------------------------------------------------------
@@ -724,11 +713,6 @@ const TimePicker = class {
         this.updateLocale();
         t9n.connectMessages(this);
         this.toggleSecond();
-        this.meridiemOrder = this.getMeridiemOrder(time.getTimeParts({
-            value: "0:00:00",
-            locale: this.effectiveLocale,
-            numberingSystem: this.numberingSystem,
-        }));
     }
     async componentWillLoad() {
         loadable.setUpLoadableComponent(this);
@@ -753,69 +737,69 @@ const TimePicker = class {
         const secondIsNumber = locale.isValidNumber(this.second);
         const fractionalSecondIsNumber = locale.isValidNumber(this.fractionalSecond);
         const showMeridiem = this.hourCycle === "12";
-        return (index.h("div", { key: '0b13e9884c7e6795911ece9275702f5f70afc8d8', class: {
+        return (index.h("div", { key: 'd5039206cbfa6109176b2c8b0658f18bf44b1331', class: {
                 [CSS.timePicker]: true,
                 [CSS.showMeridiem]: showMeridiem,
                 [CSS.showSecond]: this.showSecond,
                 [CSS[`scale-${this.scale}`]]: true,
-            }, dir: "ltr" }, index.h("div", { key: '40a627116c384a11a65bbaaf5359ed56a9b0a954', class: CSS.column, role: "group" }, index.h("span", { key: '8d14e974bcce95a1715b809d90d152f956613166', "aria-label": this.messages.hourUp, class: {
+            }, dir: "ltr" }, index.h("div", { key: '4a39656a37249af5ff6df76fd77db246fa748c9d', class: CSS.column, role: "group" }, index.h("span", { key: 'ec4eef25dc3b26f896f778ba6c3eff916f64e612', "aria-label": this.messages.hourUp, class: {
                 [CSS.button]: true,
                 [CSS.buttonHourUp]: true,
                 [CSS.buttonTopLeft]: true,
-            }, onClick: this.hourUpClickHandler, role: "button" }, index.h("calcite-icon", { key: 'bfacb03ba5eb88301232149d29d1763d909de847', icon: "chevron-up", scale: iconScale })), index.h("span", { key: 'b2e006317fd8997ca45c8a693a45b0cb34e1c012', "aria-label": this.messages.hour, "aria-valuemax": "23", "aria-valuemin": "1", "aria-valuenow": (hourIsNumber && parseInt(this.hour)) || "0", "aria-valuetext": this.hour, class: {
+            }, onClick: this.hourUpClickHandler, role: "button" }, index.h("calcite-icon", { key: 'cb00900c5c4eef3b2b274ffc3a0b9260fa791f9b', icon: "chevron-up", scale: iconScale })), index.h("span", { key: '13f4bfdcd4bbffcf41a51b3fdfd0c365feee1395', "aria-label": this.messages.hour, "aria-valuemax": "23", "aria-valuemin": "1", "aria-valuenow": (hourIsNumber && parseInt(this.hour)) || "0", "aria-valuetext": this.hour, class: {
                 [CSS.input]: true,
                 [CSS.hour]: true,
                 [CSS.inputFocus]: this.activeEl && this.activeEl === this.hourEl,
-            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.hourKeyDownHandler, ref: this.setHourEl, role: "spinbutton", tabIndex: 0 }, this.localizedHour || "--"), index.h("span", { key: '94e3b7eb596549e4d5e509bc9d6eacc6e814571f', "aria-label": this.messages.hourDown, class: {
+            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.hourKeyDownHandler, ref: this.setHourEl, role: "spinbutton", tabIndex: 0 }, this.localizedHour || "--"), index.h("span", { key: '0ccfcd3eeb04e85f7da68a93e098cf9512917ce5', "aria-label": this.messages.hourDown, class: {
                 [CSS.button]: true,
                 [CSS.buttonHourDown]: true,
                 [CSS.buttonBottomLeft]: true,
-            }, onClick: this.hourDownClickHandler, role: "button" }, index.h("calcite-icon", { key: 'e6a6354f3c1528f4d9a7c58f97e763a291404745', icon: "chevron-down", scale: iconScale }))), index.h("span", { key: 'da9e69c5a2f162704153d2d799689332c6cfe96b', class: CSS.delimiter }, this.localizedHourSuffix), index.h("div", { key: '538ff4b0daf92d4d1a3bc250c1096303e9343967', class: CSS.column, role: "group" }, index.h("span", { key: '6df3c2cb459000de7f813f32dc074fb48bf60f55', "aria-label": this.messages.minuteUp, class: {
+            }, onClick: this.hourDownClickHandler, role: "button" }, index.h("calcite-icon", { key: '4192e90218a65516ecde8a458787610f9b9edd19', icon: "chevron-down", scale: iconScale }))), index.h("span", { key: 'dcd3c4dd5b288d58399c14fd0ed900c5c5f232c8', class: CSS.delimiter }, this.localizedHourSuffix), index.h("div", { key: 'c76be45fb0e44c8ebc4eb9b8f3fe1f2bbce6ff2a', class: CSS.column, role: "group" }, index.h("span", { key: '33ced1cb8a027ff0cf97405d6e237ae8edfc752c', "aria-label": this.messages.minuteUp, class: {
                 [CSS.button]: true,
                 [CSS.buttonMinuteUp]: true,
-            }, onClick: this.minuteUpClickHandler, role: "button" }, index.h("calcite-icon", { key: 'ecfb35802542db3da0af57ce1ac6356dc031a248', icon: "chevron-up", scale: iconScale })), index.h("span", { key: '58a1bbcd49a4cf5d8dbac2362b8d06eefe9841ed', "aria-label": this.messages.minute, "aria-valuemax": "12", "aria-valuemin": "1", "aria-valuenow": (minuteIsNumber && parseInt(this.minute)) || "0", "aria-valuetext": this.minute, class: {
+            }, onClick: this.minuteUpClickHandler, role: "button" }, index.h("calcite-icon", { key: '8e76ca8a979024044251d8fa7238d78b21f1ab7d', icon: "chevron-up", scale: iconScale })), index.h("span", { key: '1624aa7493b83aa3ebe4ad8f98d747357cb85133', "aria-label": this.messages.minute, "aria-valuemax": "12", "aria-valuemin": "1", "aria-valuenow": (minuteIsNumber && parseInt(this.minute)) || "0", "aria-valuetext": this.minute, class: {
                 [CSS.input]: true,
                 [CSS.minute]: true,
                 [CSS.inputFocus]: this.activeEl && this.activeEl === this.minuteEl,
-            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.minuteKeyDownHandler, ref: this.setMinuteEl, role: "spinbutton", tabIndex: 0 }, this.localizedMinute || "--"), index.h("span", { key: '70a9b29aa4cd256e58c1a97ea3a8dc8b0a2390c7', "aria-label": this.messages.minuteDown, class: {
+            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.minuteKeyDownHandler, ref: this.setMinuteEl, role: "spinbutton", tabIndex: 0 }, this.localizedMinute || "--"), index.h("span", { key: 'c49716f1dc2b7b38919ad223aead9238afc578c4', "aria-label": this.messages.minuteDown, class: {
                 [CSS.button]: true,
                 [CSS.buttonMinuteDown]: true,
-            }, onClick: this.minuteDownClickHandler, role: "button" }, index.h("calcite-icon", { key: 'ab7abba85f6b75bb46d6e774a468fb2976cf93c5', icon: "chevron-down", scale: iconScale }))), this.showSecond && index.h("span", { key: '87793f21ee3c354a25b5d717862fcc60aa258597', class: CSS.delimiter }, this.localizedMinuteSuffix), this.showSecond && (index.h("div", { key: 'f7f674498673ea4fd01e753b18d01fb43c022690', class: CSS.column, role: "group" }, index.h("span", { key: 'e29e4cf67839dda1db29122ad2caa440f983368b', "aria-label": this.messages.secondUp, class: {
+            }, onClick: this.minuteDownClickHandler, role: "button" }, index.h("calcite-icon", { key: '71993e8095abe2cc7c59f85570f65d21f79d2a1a', icon: "chevron-down", scale: iconScale }))), this.showSecond && index.h("span", { key: '04deb17685d535f071c173306c9f130e40b7dca2', class: CSS.delimiter }, this.localizedMinuteSuffix), this.showSecond && (index.h("div", { key: 'f9ef625ca2de1e3f4b51eaffe5c110919cfefcaf', class: CSS.column, role: "group" }, index.h("span", { key: '449a6e446bdeec64f2fc2ff9b3e28b35c9fac974', "aria-label": this.messages.secondUp, class: {
                 [CSS.button]: true,
                 [CSS.buttonSecondUp]: true,
-            }, onClick: this.secondUpClickHandler, role: "button" }, index.h("calcite-icon", { key: '2cf5d11dc7b9b6687371b6c46bf753bb7174ef6b', icon: "chevron-up", scale: iconScale })), index.h("span", { key: 'ed2af614eb1ae9c747d0a91999ff0d47761f3c83', "aria-label": this.messages.second, "aria-valuemax": "59", "aria-valuemin": "0", "aria-valuenow": (secondIsNumber && parseInt(this.second)) || "0", "aria-valuetext": this.second, class: {
+            }, onClick: this.secondUpClickHandler, role: "button" }, index.h("calcite-icon", { key: '2264a34b57406266a37fb410636b3b90450444ee', icon: "chevron-up", scale: iconScale })), index.h("span", { key: '354db8faf89154c0e35b916fbce4589983c60391', "aria-label": this.messages.second, "aria-valuemax": "59", "aria-valuemin": "0", "aria-valuenow": (secondIsNumber && parseInt(this.second)) || "0", "aria-valuetext": this.second, class: {
                 [CSS.input]: true,
                 [CSS.second]: true,
                 [CSS.inputFocus]: this.activeEl && this.activeEl === this.secondEl,
-            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.secondKeyDownHandler, ref: this.setSecondEl, role: "spinbutton", tabIndex: 0 }, this.localizedSecond || "--"), index.h("span", { key: '7da3d99f1e8d7e504a6b360f347628cb8201bd19', "aria-label": this.messages.secondDown, class: {
+            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.secondKeyDownHandler, ref: this.setSecondEl, role: "spinbutton", tabIndex: 0 }, this.localizedSecond || "--"), index.h("span", { key: 'bcbb4dd9b52ee9d181c82872bdf052baf616f36f', "aria-label": this.messages.secondDown, class: {
                 [CSS.button]: true,
                 [CSS.buttonSecondDown]: true,
-            }, onClick: this.secondDownClickHandler, role: "button" }, index.h("calcite-icon", { key: '4b461d08f3d81395cdbeb09cb433f07b3f5d96ad', icon: "chevron-down", scale: iconScale })))), this.showFractionalSecond && (index.h("span", { key: 'a243778b6ccd13ff93d1cdd36bc95f7f4f30abf3', class: CSS.delimiter }, this.localizedDecimalSeparator)), this.showFractionalSecond && (index.h("div", { key: '69d58a727a9b9129a86cdf4229607792f405a872', class: CSS.column, role: "group" }, index.h("span", { key: '52d582ae745c98da28d46250089c717bc9a465e8', "aria-label": this.messages.fractionalSecondUp, class: {
+            }, onClick: this.secondDownClickHandler, role: "button" }, index.h("calcite-icon", { key: '929587373f82a19260f9523391dd66c8efb75142', icon: "chevron-down", scale: iconScale })))), this.showFractionalSecond && (index.h("span", { key: '7a8c6a7617c2e2297f2af95bb7dd86b6e3ab467c', class: CSS.delimiter }, this.localizedDecimalSeparator)), this.showFractionalSecond && (index.h("div", { key: '30670756880931411b29affce8882a918477a84e', class: CSS.column, role: "group" }, index.h("span", { key: '21e24abf5a5cf4b2e09e35cf6dd34e2579b239ff', "aria-label": this.messages.fractionalSecondUp, class: {
                 [CSS.button]: true,
                 [CSS.buttonFractionalSecondUp]: true,
-            }, onClick: this.fractionalSecondUpClickHandler, role: "button" }, index.h("calcite-icon", { key: '5f5e04f54beb477106ae636acab8e77c6ac4ceb6', icon: "chevron-up", scale: iconScale })), index.h("span", { key: '3826e4fcf70095ae262fe2091573de436e15e8f2', "aria-label": this.messages.fractionalSecond, "aria-valuemax": "999", "aria-valuemin": "1", "aria-valuenow": (fractionalSecondIsNumber && parseInt(this.fractionalSecond)) || "0", "aria-valuetext": this.localizedFractionalSecond, class: {
+            }, onClick: this.fractionalSecondUpClickHandler, role: "button" }, index.h("calcite-icon", { key: 'f63960ef5b8ba94dcfde877a5afbb8627e7746f8', icon: "chevron-up", scale: iconScale })), index.h("span", { key: '320dcee216bb975470a901a10704f6d5c3964fea', "aria-label": this.messages.fractionalSecond, "aria-valuemax": "999", "aria-valuemin": "1", "aria-valuenow": (fractionalSecondIsNumber && parseInt(this.fractionalSecond)) || "0", "aria-valuetext": this.localizedFractionalSecond, class: {
                 [CSS.input]: true,
                 [CSS.fractionalSecond]: true,
                 [CSS.inputFocus]: this.activeEl && this.activeEl === this.fractionalSecondEl,
-            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.fractionalSecondKeyDownHandler, ref: this.setFractionalSecondEl, role: "spinbutton", tabIndex: 0 }, this.localizedFractionalSecond || "--"), index.h("span", { key: '10eb9f6fc3033f4398dd147e4ad752f041a54c26', "aria-label": this.messages.fractionalSecondDown, class: {
+            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.fractionalSecondKeyDownHandler, ref: this.setFractionalSecondEl, role: "spinbutton", tabIndex: 0 }, this.localizedFractionalSecond || "--"), index.h("span", { key: 'c50801abf8b63bd907e4bcc74cf89c0645fe8a8d', "aria-label": this.messages.fractionalSecondDown, class: {
                 [CSS.button]: true,
                 [CSS.buttonFractionalSecondDown]: true,
-            }, onClick: this.fractionalSecondDownClickHandler, role: "button" }, index.h("calcite-icon", { key: '6a9e74fb67f77bbe6c5f03ad433724305ceaff8d', icon: "chevron-down", scale: iconScale })))), this.localizedSecondSuffix && (index.h("span", { key: 'c60b3cdc1b6afbc0c579d0f2eae9be9d01b0f8cc', class: CSS.delimiter }, this.localizedSecondSuffix)), showMeridiem && (index.h("div", { key: '69065ed996cac1ac49ee6e93d15cdb2cb87cb7b9', class: {
+            }, onClick: this.fractionalSecondDownClickHandler, role: "button" }, index.h("calcite-icon", { key: 'fdc6bd9e080141a81e353a2ce1da7e8239481c28', icon: "chevron-down", scale: iconScale })))), this.localizedSecondSuffix && (index.h("span", { key: '132cccc017aab84aa27e95a70513c85a25ae43bb', class: CSS.delimiter }, this.localizedSecondSuffix)), showMeridiem && (index.h("div", { key: '9d35ac58eb3febd7365bf8f5d5422a2b82e7b58c', class: {
                 [CSS.column]: true,
                 [CSS.meridiemStart]: this.meridiemOrder === 0,
-            }, role: "group" }, index.h("span", { key: '69d653fbec25b856caa75f531e33ef93ee2dd52e', "aria-label": this.messages.meridiemUp, class: {
+            }, role: "group" }, index.h("span", { key: '89f0d5da6089d4497fc1b26c9b49053881225aa0', "aria-label": this.messages.meridiemUp, class: {
                 [CSS.button]: true,
                 [CSS.buttonMeridiemUp]: true,
                 [CSS.buttonTopRight]: true,
-            }, onClick: this.meridiemUpClickHandler, role: "button" }, index.h("calcite-icon", { key: 'b5994501a7d83a2d76892802cc6a1290d035b20a', icon: "chevron-up", scale: iconScale })), index.h("span", { key: '005bbc86ba9cc3e28fba696527c16bbabc9898a8', "aria-label": this.messages.meridiem, "aria-valuemax": "2", "aria-valuemin": "1", "aria-valuenow": (this.meridiem === "PM" && "2") || "1", "aria-valuetext": this.meridiem, class: {
+            }, onClick: this.meridiemUpClickHandler, role: "button" }, index.h("calcite-icon", { key: 'cbebff3749840bd6de63f96eab55e3e1d7e6fe9a', icon: "chevron-up", scale: iconScale })), index.h("span", { key: 'b4f0bd3e47d8cbfadfab045a9c87dbd539f0ee06', "aria-label": this.messages.meridiem, "aria-valuemax": "2", "aria-valuemin": "1", "aria-valuenow": (this.meridiem === "PM" && "2") || "1", "aria-valuetext": this.meridiem, class: {
                 [CSS.input]: true,
                 [CSS.meridiem]: true,
                 [CSS.inputFocus]: this.activeEl && this.activeEl === this.meridiemEl,
-            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.meridiemKeyDownHandler, ref: this.setMeridiemEl, role: "spinbutton", tabIndex: 0 }, this.localizedMeridiem || "--"), index.h("span", { key: '74bf7d0880945afa9b15d518d39da2217efac32f', "aria-label": this.messages.meridiemDown, class: {
+            }, onClick: this.inputClickHandler, onFocus: this.focusHandler, onKeyDown: this.meridiemKeyDownHandler, ref: this.setMeridiemEl, role: "spinbutton", tabIndex: 0 }, this.localizedMeridiem || "--"), index.h("span", { key: '4c4530826eaa567d8a23757601539b3432464b52', "aria-label": this.messages.meridiemDown, class: {
                 [CSS.button]: true,
                 [CSS.buttonMeridiemDown]: true,
                 [CSS.buttonBottomRight]: true,
-            }, onClick: this.meridiemDownClickHandler, role: "button" }, index.h("calcite-icon", { key: '3c2b9a5f00d2eb194166814ef32ffdf5077f177a', icon: "chevron-down", scale: iconScale }))))));
+            }, onClick: this.meridiemDownClickHandler, role: "button" }, index.h("calcite-icon", { key: '835a086eb26e6548b89257ba9709863783e7d115', icon: "chevron-down", scale: iconScale }))))));
     }
     static get delegatesFocus() { return true; }
     static get assetsDirs() { return ["assets"]; }

package/dist/cjs/calcite-tip-group.cjs.entry.js

@@ -8,17 +8,24 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
+const logger = require('./logger-bb2cd9dd.js');
+require('./config-6a670c0d.js');
 
 const tipGroupCss = ":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteTipGroupStyle0 = tipGroupCss;
 
+logger.logger.deprecated("component", {
+    name: "tip-group",
+    removalVersion: 4,
+    suggested: ["carousel", "carousel-item"],
+});
 const TipGroup = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.groupTitle = undefined;
     }
     render() {
-        return index.h("slot", { key: '6d0bbdf7afacf20d36729395f92a6affdc5d9eb8' });
+        return index.h("slot", { key: 'c0b850aee69bf797ee288d75f02201f9a318c4ba' });
     }
 };
 TipGroup.style = CalciteTipGroupStyle0;

package/dist/cjs/calcite-tip-manager.cjs.entry.js

@@ -8,19 +8,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
-const dom = require('./dom-93443cc1.js');
-const locale = require('./locale-4d226d16.js');
-const observers = require('./observers-304eec4e.js');
-const t9n = require('./t9n-d102c87b.js');
-const Heading = require('./Heading-97656cb9.js');
-require('./guid-9a92730c.js');
-require('./resources-543ff11e.js');
-require('./key-f95b815e.js');
+const dom = require('./dom-63b93b3b.js');
+const locale = require('./locale-428354f0.js');
+const observers = require('./observers-3440c668.js');
+const t9n = require('./t9n-e5fb720b.js');
+const Heading = require('./Heading-5b274572.js');
+const logger = require('./logger-bb2cd9dd.js');
+require('./guid-4bc1bc0f.js');
+require('./resources-8556a9ce.js');
+require('./key-e4dd32ff.js');
+require('./browser-02cbd1d9.js');
+require('./config-6a670c0d.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     header: "header",
@@ -44,6 +47,11 @@ const ICONS = {
 const tipManagerCss = ":host{box-sizing:border-box;display:block;background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2);--calcite-tip-manager-height:19vh}:host *{box-sizing:border-box}:host([closed]){display:none}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{border-width:0px;border-block-end-width:1px;border-style:solid;border-color:var(--calcite-color-border-3);padding-block:0px;padding-inline-end:0px;padding-inline-start:1rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-1);line-height:1.5rem;font-weight:var(--calcite-font-weight-bold);color:var(--calcite-color-text-1)}.container{position:relative;overflow:hidden;outline-color:transparent;min-block-size:150px}.container:focus{outline:2px solid var(--calcite-ui-focus-color, 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          )}.tip-container{margin-block-start:1px;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:1rem;outline-color:transparent;animation-name:none;animation-duration:var(--calcite-animation-timing);block-size:var(--calcite-tip-manager-height)}.tip-container:focus{outline:2px solid var(--calcite-ui-focus-color, 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          )}::slotted(calcite-tip){margin:0px;border-style:none;max-inline-size:var(--calcite-tip-max-width)}.tip-container--advancing{animation-name:tip-advance}.tip-container--retreating{animation-name:tip-retreat}.pagination{display:flex;align-items:center;justify-content:center;padding-inline:0px;padding-block:0.75rem 0.5rem}.page-position{margin-block:0px;margin-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}@keyframes tip-advance{0%{opacity:0;transform:translate3d(50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}@keyframes tip-retreat{0%{opacity:0;transform:translate3d(-50px, 0, 0) scale(0.99)}100%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteTipManagerStyle0 = tipManagerCss;
 
+logger.logger.deprecated("component", {
+    name: "tip-manager",
+    removalVersion: 4,
+    suggested: "carousel",
+});
 const TipManager = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);

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

@@ -8,20 +8,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
-const conditionalSlot = require('./conditionalSlot-764a9738.js');
-const dom = require('./dom-93443cc1.js');
-const locale = require('./locale-4d226d16.js');
-const t9n = require('./t9n-d102c87b.js');
-const Heading = require('./Heading-97656cb9.js');
-require('./observers-304eec4e.js');
-require('./guid-9a92730c.js');
-require('./resources-543ff11e.js');
-require('./key-f95b815e.js');
+const conditionalSlot = require('./conditionalSlot-fe01e316.js');
+const dom = require('./dom-63b93b3b.js');
+const locale = require('./locale-428354f0.js');
+const t9n = require('./t9n-e5fb720b.js');
+const Heading = require('./Heading-5b274572.js');
+const logger = require('./logger-bb2cd9dd.js');
+require('./observers-3440c668.js');
+require('./browser-02cbd1d9.js');
+require('./guid-4bc1bc0f.js');
+require('./resources-8556a9ce.js');
+require('./key-e4dd32ff.js');
+require('./config-6a670c0d.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     container: "container",
@@ -42,6 +45,11 @@ const SLOTS = {
 const tipCss = ":host{position:relative;margin:1rem;box-sizing:border-box;display:flex;flex-direction:row;border-width:1px;border-style:solid;border-color:var(--calcite-color-border-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-color-text-2)}:host *{box-sizing:border-box}.container{inline-size:100%;padding:1rem}:host([closed]),:host([closed]) .container{display:none}:host([selected]) .container{margin:0px;border-style:none;padding:0px}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-color-text-2);color:var(--calcite-color-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.header{margin-block-end:0.5rem}.header .heading{padding:0px;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-color-text-1)}.container[hidden]{display:none}.content{display:flex}.info{padding-block:0px;padding-inline:1rem;inline-size:70%}.info:only-child{inline-size:100%;padding-inline:0px}::slotted(p){margin-block-start:0px}::slotted(a){outline-color:transparent;color:var(--calcite-color-brand)}::slotted(a:focus){outline:2px solid var(--calcite-ui-focus-color, 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          )}.image-frame{inline-size:25%}.image-frame img{max-inline-size:100%}::slotted(img){max-inline-size:100%}:host([hidden]){display:none}[hidden]{display:none}";
 const CalciteTipStyle0 = tipCss;
 
+logger.logger.deprecated("component", {
+    name: "tip",
+    removalVersion: 4,
+    suggested: ["card", "notice", "panel", "tile"],
+});
 const Tip = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -116,7 +124,7 @@ const Tip = class {
         return (index.h("div", { class: CSS.content }, this.renderImageFrame(), this.renderInfoNode()));
     }
     render() {
-        return (index.h(index.Fragment, { key: '883679cf3cadde5f70e23f3431798e47a669b589' }, index.h("article", { key: 'c821d3ce0496b9e1dfd9689d021ad08e40e87a67', class: CSS.container }, this.renderHeader(), this.renderContent()), this.renderDismissButton()));
+        return (index.h(index.Fragment, { key: '8562df36264e7b71164b7b42209d35a6f8bc8295' }, index.h("article", { key: '99430d7005b542649c03153f1f22710a061c3d90', class: CSS.container }, this.renderHeader(), this.renderContent()), this.renderDismissButton()));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return index.getElement(this); }

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

@@ -8,18 +8,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
-const dom = require('./dom-93443cc1.js');
-const floatingUi = require('./floating-ui-c597830e.js');
-const guid = require('./guid-9a92730c.js');
-const openCloseComponent = require('./openCloseComponent-7cf2d6c4.js');
-const FloatingArrow = require('./FloatingArrow-e81372ea.js');
-require('./resources-543ff11e.js');
+const dom = require('./dom-63b93b3b.js');
+const floatingUi = require('./floating-ui-1ef64f13.js');
+const guid = require('./guid-4bc1bc0f.js');
+const openCloseComponent = require('./openCloseComponent-f9bf524b.js');
+const FloatingArrow = require('./FloatingArrow-f78d627c.js');
+require('./resources-8556a9ce.js');
+require('./browser-02cbd1d9.js');
 require('./debounce-7f1e04d6.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 const CSS = {
     container: "container",
@@ -31,7 +32,7 @@ const ARIA_DESCRIBED_BY = "aria-describedby";
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 function getEffectiveReferenceElement(tooltip) {
     const { referenceElement } = tooltip;
@@ -42,7 +43,7 @@ function getEffectiveReferenceElement(tooltip) {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
- * v2.10.1
+ * v2.11.1
  */
 class TooltipManager {
     constructor() {
@@ -55,8 +56,6 @@ class TooltipManager {
         this.registeredShadowRootCounts = new WeakMap();
         this.hoverOpenTimeout = null;
         this.hoverCloseTimeout = null;
-        this.hoveredTooltip = null;
-        this.clickedTooltip = null;
         this.activeTooltip = null;
         this.registeredElementCount = 0;
         // --------------------------------------------------------------------------
@@ -85,37 +84,47 @@ class TooltipManager {
         this.pointerMoveHandler = (event) => {
             const composedPath = event.composedPath();
             const { activeTooltip } = this;
-            const hoveringActiveTooltip = activeTooltip?.open && composedPath.includes(activeTooltip);
-            if (hoveringActiveTooltip) {
-                this.clearHoverTimeout();
-                return;
-            }
             const tooltip = this.queryTooltip(composedPath);
-            this.hoveredTooltip = tooltip;
-            if (this.isClosableClickedTooltip(tooltip)) {
+            if (this.pathHasOpenTooltip(tooltip, composedPath)) {
+                this.clearHoverTimeout();
                 return;
             }
-            this.clickedTooltip = null;
             if (tooltip) {
                 this.openHoveredTooltip(tooltip);
             }
-            else if (activeTooltip) {
+            else if (activeTooltip?.open) {
                 this.closeHoveredTooltip();
             }
         };
         this.clickHandler = (event) => {
-            const clickedTooltip = this.queryTooltip(event.composedPath());
-            this.clickedTooltip = clickedTooltip;
-            if (clickedTooltip?.closeOnClick) {
-                this.toggleTooltip(clickedTooltip, false);
+            const composedPath = event.composedPath();
+            const tooltip = this.queryTooltip(composedPath);
+            if (this.pathHasOpenTooltip(tooltip, composedPath)) {
                 this.clearHoverTimeout();
+                return;
             }
+            this.closeActiveTooltip();
+            if (!tooltip) {
+                return;
+            }
+            this.clearHoverTimeout();
+            if (tooltip.closeOnClick) {
+                this.toggleTooltip(tooltip, false);
+                return;
+            }
+            this.toggleTooltip(tooltip, true);
         };
-        this.focusInHandler = (event) => {
-            this.queryFocusedTooltip(event, true);
+        this.blurHandler = () => {
+            this.closeActiveTooltip();
         };
-        this.focusOutHandler = (event) => {
-            this.queryFocusedTooltip(event, false);
+        this.focusInHandler = (event) => {
+            const composedPath = event.composedPath();
+            const tooltip = this.queryTooltip(composedPath);
+            this.closeTooltipIfNotActive(tooltip);
+            if (!tooltip) {
+                return;
+            }
+            this.toggleFocusedTooltip(tooltip, true);
         };
         this.openHoveredTooltip = (tooltip) => {
             this.hoverOpenTimeout = window.setTimeout(() => {
@@ -123,15 +132,9 @@ class TooltipManager {
                     return;
                 }
                 this.clearHoverCloseTimeout();
-                if (this.activeTooltip === this.hoveredTooltip) {
-                    return;
-                }
-                this.closeActiveTooltip();
-                if (tooltip !== this.hoveredTooltip) {
-                    return;
-                }
+                this.closeTooltipIfNotActive(tooltip);
                 this.toggleTooltip(tooltip, true);
-            }, this.activeTooltip ? 0 : TOOLTIP_OPEN_DELAY_MS);
+            }, this.activeTooltip?.open ? 0 : TOOLTIP_OPEN_DELAY_MS);
         };
         this.closeHoveredTooltip = () => {
             this.hoverCloseTimeout = window.setTimeout(() => {
@@ -170,27 +173,29 @@ class TooltipManager {
             this.removeListeners();
         }
     }
+    pathHasOpenTooltip(tooltip, composedPath) {
+        const { activeTooltip } = this;
+        return ((activeTooltip?.open && composedPath.includes(activeTooltip)) || (tooltip?.open && composedPath.includes(tooltip)));
+    }
     addShadowListeners(shadowRoot) {
         shadowRoot.addEventListener("focusin", this.focusInHandler, { capture: true });
-        shadowRoot.addEventListener("focusout", this.focusOutHandler, { capture: true });
     }
     removeShadowListeners(shadowRoot) {
         shadowRoot.removeEventListener("focusin", this.focusInHandler, { capture: true });
-        shadowRoot.removeEventListener("focusout", this.focusOutHandler, { capture: true });
     }
     addListeners() {
         window.addEventListener("keydown", this.keyDownHandler, { capture: true });
         window.addEventListener("pointermove", this.pointerMoveHandler, { capture: true });
         window.addEventListener("click", this.clickHandler, { capture: true });
         window.addEventListener("focusin", this.focusInHandler, { capture: true });
-        window.addEventListener("focusout", this.focusOutHandler, { capture: true });
+        window.addEventListener("blur", this.blurHandler);
     }
     removeListeners() {
         window.removeEventListener("keydown", this.keyDownHandler, { capture: true });
         window.removeEventListener("pointermove", this.pointerMoveHandler, { capture: true });
         window.removeEventListener("click", this.clickHandler, { capture: true });
         window.removeEventListener("focusin", this.focusInHandler, { capture: true });
-        window.removeEventListener("focusout", this.focusOutHandler, { capture: true });
+        window.removeEventListener("blur", this.blurHandler);
     }
     clearHoverOpenTimeout() {
         window.clearTimeout(this.hoverOpenTimeout);
@@ -204,6 +209,11 @@ class TooltipManager {
         this.clearHoverOpenTimeout();
         this.clearHoverCloseTimeout();
     }
+    closeTooltipIfNotActive(tooltip) {
+        if (this.activeTooltip !== tooltip) {
+            this.closeActiveTooltip();
+        }
+    }
     closeActiveTooltip() {
         const { activeTooltip } = this;
         if (activeTooltip?.open) {
@@ -211,7 +221,6 @@ class TooltipManager {
         }
     }
     toggleFocusedTooltip(tooltip, open) {
-        this.closeActiveTooltip();
         if (open) {
             this.clearHoverTimeout();
         }
@@ -221,19 +230,10 @@ class TooltipManager {
         tooltip.open = open;
         this.activeTooltip = open ? tooltip : null;
     }
-    queryFocusedTooltip(event, open) {
-        const tooltip = this.queryTooltip(event.composedPath());
-        if (!tooltip || this.isClosableClickedTooltip(tooltip)) {
-            return;
-        }
-        this.toggleFocusedTooltip(tooltip, open);
-    }
-    isClosableClickedTooltip(tooltip) {
-        return tooltip?.closeOnClick && tooltip === this.clickedTooltip;
-    }
     registerShadowRoot(shadowRoot) {
         const { registeredShadowRootCounts } = this;
-        const newCount = (registeredShadowRootCounts.get(shadowRoot) ?? 0) + 1;
+        const count = registeredShadowRootCounts.get(shadowRoot);
+        const newCount = Math.min((typeof count === "number" ? count : 0) + 1, 1);
         if (newCount === 1) {
             this.addShadowListeners(shadowRoot);
         }
@@ -241,7 +241,8 @@ class TooltipManager {
     }
     unregisterShadowRoot(shadowRoot) {
         const { registeredShadowRootCounts } = this;
-        const newCount = registeredShadowRootCounts.get(shadowRoot) - 1;
+        const count = registeredShadowRootCounts.get(shadowRoot);
+        const newCount = Math.max((typeof count === "number" ? count : 1) - 1, 0);
         if (newCount === 0) {
             this.removeShadowListeners(shadowRoot);
         }
@@ -410,10 +411,10 @@ const Tooltip = class {
         const { effectiveReferenceElement, label, open, floatingLayout } = this;
         const displayed = effectiveReferenceElement && open;
         const hidden = !displayed;
-        return (index.h(index.Host, { key: 'efe45cfea02c55dc9485e7f1760aef938aff1999', "aria-hidden": dom.toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, index.h("div", { key: '0110992190776206883f22752e73f2dc215890ed', class: {
+        return (index.h(index.Host, { key: 'fc8b3d3b7c730b670afe3d15ad110548841e08cb', "aria-hidden": dom.toAriaBoolean(hidden), "aria-label": label, "aria-live": "polite", "calcite-hydrated-hidden": hidden, id: this.getId(), role: "tooltip" }, index.h("div", { key: '4a0d137962212382b6c1979c5405f31ffab156fc', class: {
                 [floatingUi.FloatingCSS.animation]: true,
                 [floatingUi.FloatingCSS.animationActive]: displayed,
-            }, ref: this.setTransitionEl }, index.h(FloatingArrow.FloatingArrow, { key: '993f3df44f2104096966c5865217465868a028c3', floatingLayout: floatingLayout, ref: (arrowEl) => (this.arrowEl = arrowEl) }), index.h("div", { key: '3289d59eba5264aa5bff0285441452861ac49d8b', class: CSS.container }, index.h("slot", { key: 'e060c878105353e47ecb5dfc9b85888be791c8c9' })))));
+            }, ref: this.setTransitionEl }, index.h(FloatingArrow.FloatingArrow, { key: '6543e9d376fea7bad9bb1691238c7f7d76779f04', floatingLayout: floatingLayout, ref: (arrowEl) => (this.arrowEl = arrowEl) }), index.h("div", { key: '0e628ca7befad9ffafbf5af533c805e590cfd8e1', class: CSS.container }, index.h("slot", { key: 'c4e11f40221197e9d717e1975812d85cff4ff5f7' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {