@esri/calcite-components 1.0.0-next.347 → 1.0.0-next.348

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

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-5a52b331.js');
+const dom = require('./dom-bc142d0b.js');
 const CalciteHeading = require('./CalciteHeading-112c19f9.js');
 require('./guid-b270f0db.js');
 

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

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-5a52b331.js');
+const dom = require('./dom-bc142d0b.js');
 const observers = require('./observers-41837607.js');
 require('./guid-b270f0db.js');
 

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
 const interfaces = require('./interfaces-54651c1c.js');
-const dom = require('./dom-5a52b331.js');
+const dom = require('./dom-bc142d0b.js');
 require('./guid-b270f0db.js');
 
 const TEXT = {

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

@@ -8,9 +8,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
 const observers = require('./observers-41837607.js');
-const dom = require('./dom-5a52b331.js');
-const label = require('./label-4c5b7b91.js');
-const form = require('./form-4f471f99.js');
+const dom = require('./dom-bc142d0b.js');
+const label = require('./label-58fef992.js');
+const form = require('./form-5721f130.js');
 require('./guid-b270f0db.js');
 
 const calciteOptionCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:block}";

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

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-5a52b331.js');
+const dom = require('./dom-bc142d0b.js');
 const CalciteHeading = require('./CalciteHeading-112c19f9.js');
 const resources = require('./resources-ffe563a2.js');
 require('./guid-b270f0db.js');

package/dist/cjs/calcite-pick-list_3.cjs.entry.js

@@ -7,9 +7,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const resources = require('./resources-7b91cec8.js');
+const resources = require('./resources-9a1c2479.js');
 const observers = require('./observers-41837607.js');
-const dom = require('./dom-5a52b331.js');
+const dom = require('./dom-bc142d0b.js');
 const CalciteHeading = require('./CalciteHeading-112c19f9.js');
 require('./array-a5dedf5a.js');
 require('./debounce-95979061.js');

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

@@ -7,9 +7,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const popper = require('./popper-864013e4.js');
+const popper = require('./popper-581dba36.js');
 const guid = require('./guid-b270f0db.js');
-const dom = require('./dom-5a52b331.js');
+const dom = require('./dom-bc142d0b.js');
 const CalciteHeading = require('./CalciteHeading-112c19f9.js');
 
 const CSS = {
@@ -208,7 +208,7 @@ let CalcitePopover = class {
   getReferenceElement() {
     const { referenceElement, el } = this;
     return ((typeof referenceElement === "string"
-      ? dom.queryElementRoots(el, `#${referenceElement}`)
+      ? dom.queryElementRoots(el, { id: referenceElement })
       : referenceElement) || null);
   }
   getModifiers() {
@@ -325,7 +325,7 @@ let CalcitePopoverManager = class {
       var _a;
       const { selector, el } = this;
       const id = (_a = element.closest(selector)) === null || _a === void 0 ? void 0 : _a.getAttribute(POPOVER_REFERENCE);
-      return dom.queryElementRoots(el, `#${id}`);
+      return dom.queryElementRoots(el, { id });
     };
   }
   // --------------------------------------------------------------------------

package/dist/cjs/calcite-radio-button.cjs.entry.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
 const guid = require('./guid-b270f0db.js');
-const dom = require('./dom-5a52b331.js');
-const label = require('./label-4c5b7b91.js');
-const form = require('./form-4f471f99.js');
+const dom = require('./dom-bc142d0b.js');
+const label = require('./label-58fef992.js');
+const form = require('./form-5721f130.js');
 const array = require('./array-a5dedf5a.js');
 
 const CSS = {

package/dist/cjs/calcite-radio-group_2.cjs.entry.js

@@ -7,9 +7,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-5a52b331.js');
-const label = require('./label-4c5b7b91.js');
-const form = require('./form-4f471f99.js');
+const dom = require('./dom-bc142d0b.js');
+const label = require('./label-58fef992.js');
+const form = require('./form-5721f130.js');
 require('./guid-b270f0db.js');
 
 const calciteRadioGroupCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;background-color:var(--calcite-ui-foreground-1);width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;outline:1px solid var(--calcite-ui-border-input);outline-offset:-1px}:host([layout=vertical]){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-item-align:start;align-self:flex-start}:host([width=full]){width:100%;min-width:-moz-fit-content;min-width:-webkit-fit-content;min-width:fit-content}:host([width=full]) ::slotted(calcite-radio-group-item){-ms-flex:1 1 auto;flex:1 1 auto}:host([width=full][layout=vertical]) ::slotted(calcite-radio-group-item){-ms-flex-pack:start;justify-content:flex-start}::slotted(calcite-radio-group-item[checked]),::slotted(calcite-radio-group-item:focus){z-index:0}:host([disabled]){pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";

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

@@ -8,9 +8,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
 const guid = require('./guid-b270f0db.js');
-const label = require('./label-4c5b7b91.js');
-const form = require('./form-4f471f99.js');
-require('./dom-5a52b331.js');
+const label = require('./label-58fef992.js');
+const form = require('./form-5721f130.js');
+require('./dom-bc142d0b.js');
 
 const TEXT = {
   rating: "Rating",

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

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-5a52b331.js');
+const dom = require('./dom-bc142d0b.js');
 const math = require('./math-145c80e2.js');
 require('./guid-b270f0db.js');
 

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

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-5a52b331.js');
+const dom = require('./dom-bc142d0b.js');
 require('./guid-b270f0db.js');
 
 const calciteStepperCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex;width:100%;min-width:100%;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between}:host([layout=vertical]){-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column}:host ::slotted(.calcite-stepper-content){display:-ms-flexbox;display:flex;width:100%;min-width:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}";

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

@@ -7,9 +7,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-5a52b331.js');
-const label = require('./label-4c5b7b91.js');
-const form = require('./form-4f471f99.js');
+const dom = require('./dom-bc142d0b.js');
+const label = require('./label-58fef992.js');
+const form = require('./form-5721f130.js');
 require('./guid-b270f0db.js');
 
 const calciteSwitchCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host([scale=s]) .container{height:0.75rem}:host([scale=s]) .track{height:0.75rem;width:1.5rem}:host([scale=s]) .handle{height:0.5rem;width:0.5rem}:host([scale=m]) .container{height:1rem}:host([scale=m]) .track{height:1rem;width:2rem}:host([scale=m]) .handle{height:0.75rem;width:0.75rem}:host([scale=l]) .container{height:1.5rem}:host([scale=l]) .track{height:1.5rem;width:3rem}:host([scale=l]) .handle{height:1.25rem;width:1.25rem}:host{position:relative;display:inline-block;width:auto;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]){pointer-events:none;cursor:default;opacity:var(--calcite-ui-opacity-disabled)}:host{width:auto;outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}.track{pointer-events:none;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-2);vertical-align:top;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.handle{pointer-events:none;position:absolute;display:block;border-radius:9999px;border-width:2px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);top:-1px;inset-inline:-1px auto}:host(:hover) .handle,:host(:focus) .handle{border-color:var(--calcite-ui-brand);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([checked]) .track{border-color:var(--calcite-ui-brand-hover);background-color:var(--calcite-ui-brand)}:host([checked]) .handle{border-color:var(--calcite-ui-brand);inset-inline:auto -1px}:host([checked]:hover) .track{border-color:var(--calcite-ui-brand-hover);background-color:var(--calcite-ui-brand)}:host([checked]:hover) .handle{border-color:var(--calcite-ui-brand-hover);-webkit-box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}.container:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
 const guid = require('./guid-b270f0db.js');
-const dom = require('./dom-5a52b331.js');
+const dom = require('./dom-bc142d0b.js');
 const observers = require('./observers-41837607.js');
 
 const calciteTabCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 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;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:150ms ease-in-out}:host([hidden]){display:none}:host([active]) section{display:block}:host{display:none;height:100%;width:100%}:host([active]){display:block;height:100%;width:100%;overflow:auto}section{display:none;height:100%;width:100%}:host([scale=s]){padding-top:0.25rem;padding-bottom:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){padding-top:0.5rem;padding-bottom:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){padding-top:0.75rem;padding-bottom:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}";

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

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-5a52b331.js');
+const dom = require('./dom-bc142d0b.js');
 require('./guid-b270f0db.js');
 
 const SLOTS = {

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

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-5a52b331.js');
+const dom = require('./dom-bc142d0b.js');
 const CalciteHeading = require('./CalciteHeading-112c19f9.js');
 const observers = require('./observers-41837607.js');
 require('./guid-b270f0db.js');

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

@@ -8,8 +8,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
 const guid = require('./guid-b270f0db.js');
-const popper = require('./popper-864013e4.js');
-const dom = require('./dom-5a52b331.js');
+const popper = require('./popper-581dba36.js');
+const dom = require('./dom-bc142d0b.js');
 
 const CSS = {
   container: "container",
@@ -140,7 +140,7 @@ let CalciteTooltip = class {
   getReferenceElement() {
     const { referenceElement, el } = this;
     return ((typeof referenceElement === "string"
-      ? dom.queryElementRoots(el, `#${referenceElement}`)
+      ? dom.queryElementRoots(el, { id: referenceElement })
       : referenceElement) || null);
   }
   getModifiers() {
@@ -230,7 +230,7 @@ let CalciteTooltipManager = class {
       var _a;
       const { selector, el } = this;
       const id = (_a = element.closest(selector)) === null || _a === void 0 ? void 0 : _a.getAttribute(TOOLTIP_REFERENCE);
-      return dom.queryElementRoots(el, `#${id}`);
+      return dom.queryElementRoots(el, { id });
     };
     this.clearHoverTimeout = (tooltip) => {
       const { hoverTimeouts } = this;

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

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-5a52b331.js');
+const dom = require('./dom-bc142d0b.js');
 require('./guid-b270f0db.js');
 
 var TreeSelectionMode;

package/dist/cjs/calcite-value-list_2.cjs.entry.js

@@ -8,11 +8,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
 const sortable_esm = require('./sortable.esm-d7a4560b.js');
-const resources = require('./resources-7b91cec8.js');
+const resources = require('./resources-9a1c2479.js');
 const array = require('./array-a5dedf5a.js');
 const observers = require('./observers-41837607.js');
 const guid = require('./guid-b270f0db.js');
-const dom = require('./dom-5a52b331.js');
+const dom = require('./dom-bc142d0b.js');
 require('./debounce-95979061.js');
 
 const CSS = {

package/dist/cjs/{dom-5a52b331.js → dom-bc142d0b.js}

@@ -56,10 +56,14 @@ function getRootNode(el) {
 function getHost(root) {
   return root.host || null;
 }
-// Queries an element's rootNode and any ancestor rootNodes.
-// based on https://stackoverflow.com/q/54520554/194216
+/**
+ * This helper queries an element's rootNodes and any ancestor rootNodes.
+ *
+ * @returns {Element[]} The elements.
+ */
 function queryElementsRoots(element, selector) {
   // Gets the rootNode and any ancestor rootNodes (shadowRoot or document) of an element and queries them for a selector.
+  // Based on: https://stackoverflow.com/q/54520554/194216
   function queryFromAll(el, allResults) {
     if (!el) {
       return allResults;
@@ -76,10 +80,16 @@ function queryElementsRoots(element, selector) {
   }
   return queryFromAll(element, []);
 }
-// Queries an element's rootNode and any ancestor rootNodes.
-// based on https://stackoverflow.com/q/54520554/194216
-function queryElementRoots(element, selector) {
+/**
+ * This helper queries an element's rootNode and any ancestor rootNodes.
+ *
+ * If both an 'id' and 'selector' are supplied, 'id' will take precedence over 'selector'.
+ *
+ * @returns {Element} The element.
+ */
+function queryElementRoots(element, { selector, id }) {
   // Gets the rootNode and any ancestor rootNodes (shadowRoot or document) of an element and queries them for a selector.
+  // Based on: https://stackoverflow.com/q/54520554/194216
   function queryFrom(el) {
     if (!el) {
       return null;
@@ -88,7 +98,11 @@ function queryElementRoots(element, selector) {
       el = el.assignedSlot;
     }
     const rootNode = getRootNode(el);
-    const found = rootNode.querySelector(selector);
+    const found = id
+      ? rootNode.getElementById(id)
+      : selector
+        ? rootNode.querySelector(selector)
+        : null;
     const host = getHost(rootNode);
     return found ? found : host ? queryFrom(host) : null;
   }

package/dist/cjs/{form-4f471f99.js → form-5721f130.js}

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-const dom = require('./dom-5a52b331.js');
+const dom = require('./dom-bc142d0b.js');
 const index = require('./index-6b5d2de5.js');
 
 /**

package/dist/cjs/{label-4c5b7b91.js → label-58fef992.js}

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-const dom = require('./dom-5a52b331.js');
+const dom = require('./dom-bc142d0b.js');
 
 /**
  * Exported for testing purposes only
@@ -15,7 +15,7 @@ const labelTagName = "calcite-label";
 const onLabelClickMap = new WeakMap();
 const findLabelForComponent = (componentEl) => {
   const { id } = componentEl;
-  const forLabel = id && dom.queryElementRoots(componentEl, `${labelTagName}[for="${id}"]`);
+  const forLabel = id && dom.queryElementRoots(componentEl, { selector: `${labelTagName}[for="${id}"]` });
   if (forLabel) {
     return forLabel;
   }

package/dist/cjs/{popper-864013e4.js → popper-581dba36.js}

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-const dom = require('./dom-5a52b331.js');
+const dom = require('./dom-bc142d0b.js');
 
 var top = 'top';
 var bottom = 'bottom';

package/dist/cjs/{resources-7b91cec8.js → resources-9a1c2479.js}

@@ -4,7 +4,7 @@
  */
 'use strict';
 
-const dom = require('./dom-5a52b331.js');
+const dom = require('./dom-bc142d0b.js');
 const array = require('./array-a5dedf5a.js');
 const debounce = require('./debounce-95979061.js');
 const index = require('./index-6b5d2de5.js');

package/dist/collection/components/calcite-popover/calcite-popover.js

@@ -183,7 +183,7 @@ export class CalcitePopover {
   getReferenceElement() {
     const { referenceElement, el } = this;
     return ((typeof referenceElement === "string"
-      ? queryElementRoots(el, `#${referenceElement}`)
+      ? queryElementRoots(el, { id: referenceElement })
       : referenceElement) || null);
   }
   getModifiers() {

package/dist/collection/components/calcite-popover-manager/calcite-popover-manager.js

@@ -33,7 +33,7 @@ export class CalcitePopoverManager {
       var _a;
       const { selector, el } = this;
       const id = (_a = element.closest(selector)) === null || _a === void 0 ? void 0 : _a.getAttribute(POPOVER_REFERENCE);
-      return queryElementRoots(el, `#${id}`);
+      return queryElementRoots(el, { id });
     };
   }
   // --------------------------------------------------------------------------

package/dist/collection/components/calcite-tooltip/calcite-tooltip.js

@@ -128,7 +128,7 @@ export class CalciteTooltip {
   getReferenceElement() {
     const { referenceElement, el } = this;
     return ((typeof referenceElement === "string"
-      ? queryElementRoots(el, `#${referenceElement}`)
+      ? queryElementRoots(el, { id: referenceElement })
       : referenceElement) || null);
   }
   getModifiers() {

package/dist/collection/components/calcite-tooltip-manager/calcite-tooltip-manager.js

@@ -30,7 +30,7 @@ export class CalciteTooltipManager {
       var _a;
       const { selector, el } = this;
       const id = (_a = element.closest(selector)) === null || _a === void 0 ? void 0 : _a.getAttribute(TOOLTIP_REFERENCE);
-      return queryElementRoots(el, `#${id}`);
+      return queryElementRoots(el, { id });
     };
     this.clearHoverTimeout = (tooltip) => {
       const { hoverTimeouts } = this;

package/dist/collection/utils/dom.js

@@ -41,10 +41,14 @@ export function getRootNode(el) {
 export function getHost(root) {
   return root.host || null;
 }
-// Queries an element's rootNode and any ancestor rootNodes.
-// based on https://stackoverflow.com/q/54520554/194216
+/**
+ * This helper queries an element's rootNodes and any ancestor rootNodes.
+ *
+ * @returns {Element[]} The elements.
+ */
 export function queryElementsRoots(element, selector) {
   // Gets the rootNode and any ancestor rootNodes (shadowRoot or document) of an element and queries them for a selector.
+  // Based on: https://stackoverflow.com/q/54520554/194216
   function queryFromAll(el, allResults) {
     if (!el) {
       return allResults;
@@ -61,10 +65,16 @@ export function queryElementsRoots(element, selector) {
   }
   return queryFromAll(element, []);
 }
-// Queries an element's rootNode and any ancestor rootNodes.
-// based on https://stackoverflow.com/q/54520554/194216
-export function queryElementRoots(element, selector) {
+/**
+ * This helper queries an element's rootNode and any ancestor rootNodes.
+ *
+ * If both an 'id' and 'selector' are supplied, 'id' will take precedence over 'selector'.
+ *
+ * @returns {Element} The element.
+ */
+export function queryElementRoots(element, { selector, id }) {
   // Gets the rootNode and any ancestor rootNodes (shadowRoot or document) of an element and queries them for a selector.
+  // Based on: https://stackoverflow.com/q/54520554/194216
   function queryFrom(el) {
     if (!el) {
       return null;
@@ -73,7 +83,11 @@ export function queryElementRoots(element, selector) {
       el = el.assignedSlot;
     }
     const rootNode = getRootNode(el);
-    const found = rootNode.querySelector(selector);
+    const found = id
+      ? rootNode.getElementById(id)
+      : selector
+        ? rootNode.querySelector(selector)
+        : null;
     const host = getHost(rootNode);
     return found ? found : host ? queryFrom(host) : null;
   }

package/dist/collection/utils/label.js

@@ -12,7 +12,7 @@ const labelTagName = "calcite-label";
 const onLabelClickMap = new WeakMap();
 const findLabelForComponent = (componentEl) => {
   const { id } = componentEl;
-  const forLabel = id && queryElementRoots(componentEl, `${labelTagName}[for="${id}"]`);
+  const forLabel = id && queryElementRoots(componentEl, { selector: `${labelTagName}[for="${id}"]` });
   if (forLabel) {
     return forLabel;
   }

package/dist/components/calcite-popover-manager.js

@@ -36,7 +36,7 @@ let CalcitePopoverManager$1 = class extends HTMLElement {
       var _a;
       const { selector, el } = this;
       const id = (_a = element.closest(selector)) === null || _a === void 0 ? void 0 : _a.getAttribute(POPOVER_REFERENCE);
-      return queryElementRoots(el, `#${id}`);
+      return queryElementRoots(el, { id });
     };
   }
   // --------------------------------------------------------------------------

package/dist/components/calcite-popover2.js

@@ -191,7 +191,7 @@ let CalcitePopover = class extends HTMLElement {
   getReferenceElement() {
     const { referenceElement, el } = this;
     return ((typeof referenceElement === "string"
-      ? queryElementRoots(el, `#${referenceElement}`)
+      ? queryElementRoots(el, { id: referenceElement })
       : referenceElement) || null);
   }
   getModifiers() {

package/dist/components/calcite-tooltip-manager2.js

@@ -33,7 +33,7 @@ let CalciteTooltipManager = class extends HTMLElement {
       var _a;
       const { selector, el } = this;
       const id = (_a = element.closest(selector)) === null || _a === void 0 ? void 0 : _a.getAttribute(TOOLTIP_REFERENCE);
-      return queryElementRoots(el, `#${id}`);
+      return queryElementRoots(el, { id });
     };
     this.clearHoverTimeout = (tooltip) => {
       const { hoverTimeouts } = this;

package/dist/components/calcite-tooltip.js

@@ -131,7 +131,7 @@ let CalciteTooltip$1 = class extends HTMLElement {
   getReferenceElement() {
     const { referenceElement, el } = this;
     return ((typeof referenceElement === "string"
-      ? queryElementRoots(el, `#${referenceElement}`)
+      ? queryElementRoots(el, { id: referenceElement })
       : referenceElement) || null);
   }
   getModifiers() {

package/dist/components/dom.js

@@ -54,10 +54,14 @@ function getRootNode(el) {
 function getHost(root) {
   return root.host || null;
 }
-// Queries an element's rootNode and any ancestor rootNodes.
-// based on https://stackoverflow.com/q/54520554/194216
+/**
+ * This helper queries an element's rootNodes and any ancestor rootNodes.
+ *
+ * @returns {Element[]} The elements.
+ */
 function queryElementsRoots(element, selector) {
   // Gets the rootNode and any ancestor rootNodes (shadowRoot or document) of an element and queries them for a selector.
+  // Based on: https://stackoverflow.com/q/54520554/194216
   function queryFromAll(el, allResults) {
     if (!el) {
       return allResults;
@@ -74,10 +78,16 @@ function queryElementsRoots(element, selector) {
   }
   return queryFromAll(element, []);
 }
-// Queries an element's rootNode and any ancestor rootNodes.
-// based on https://stackoverflow.com/q/54520554/194216
-function queryElementRoots(element, selector) {
+/**
+ * This helper queries an element's rootNode and any ancestor rootNodes.
+ *
+ * If both an 'id' and 'selector' are supplied, 'id' will take precedence over 'selector'.
+ *
+ * @returns {Element} The element.
+ */
+function queryElementRoots(element, { selector, id }) {
   // Gets the rootNode and any ancestor rootNodes (shadowRoot or document) of an element and queries them for a selector.
+  // Based on: https://stackoverflow.com/q/54520554/194216
   function queryFrom(el) {
     if (!el) {
       return null;
@@ -86,7 +96,11 @@ function queryElementRoots(element, selector) {
       el = el.assignedSlot;
     }
     const rootNode = getRootNode(el);
-    const found = rootNode.querySelector(selector);
+    const found = id
+      ? rootNode.getElementById(id)
+      : selector
+        ? rootNode.querySelector(selector)
+        : null;
     const host = getHost(rootNode);
     return found ? found : host ? queryFrom(host) : null;
   }

package/dist/components/label.js

@@ -13,7 +13,7 @@ const labelTagName = "calcite-label";
 const onLabelClickMap = new WeakMap();
 const findLabelForComponent = (componentEl) => {
   const { id } = componentEl;
-  const forLabel = id && queryElementRoots(componentEl, `${labelTagName}[for="${id}"]`);
+  const forLabel = id && queryElementRoots(componentEl, { selector: `${labelTagName}[for="${id}"]` });
   if (forLabel) {
     return forLabel;
   }