@esri/solutions-components 0.6.2 → 0.6.3

package/dist/esm/calcite-option_2.entry.js

@@ -4,14 +4,15 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, h, g as getElement, F as Fragment } from './index-d298aca9.js';
-import { c as createObserver } from './observers-b17e5da7.js';
-import { j as focusElement } from './dom-e14bb980.js';
-import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-58f5ab7c.js';
-import { u as updateHostInteraction } from './interactive-eaa1e00b.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-10a81bc6.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-fca3f617.js';
-import './guid-5c8ddb45.js';
-import './resources-a9874e81.js';
+import { c as createObserver } from './observers-76deadbc.js';
+import { e as focusElement } from './dom-03275741.js';
+import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-8396f037.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-e5b2cca0.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-6db1573f.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-3cf62971.js';
+import './guid-1fbbc894.js';
+import './resources-ee3b03a3.js';
+import './browser-f8ca09b7.js';
 
 const optionCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}:host([hidden]){display:none}:host{display:block}";
 
@@ -90,7 +91,7 @@ Option.style = optionCss;
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 const CSS = {
   icon: "icon",
@@ -160,12 +161,14 @@ const Select = class {
       subtree: true,
       childList: true
     });
+    connectInteractive(this);
     connectLabel(this);
     connectForm(this);
   }
   disconnectedCallback() {
     var _a;
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    disconnectInteractive(this);
     disconnectLabel(this);
     disconnectForm(this);
   }

package/dist/esm/calcite-pagination.entry.js

@@ -4,19 +4,19 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-d298aca9.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-fca3f617.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-b550eae4.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-4c43412c.js';
-import './dom-e14bb980.js';
-import './guid-5c8ddb45.js';
-import './resources-a9874e81.js';
-import './key-2c25459c.js';
-import './observers-b17e5da7.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-3cf62971.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-ead7fa24.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-ece1047e.js';
+import './dom-03275741.js';
+import './guid-1fbbc894.js';
+import './resources-ee3b03a3.js';
+import './key-d6bc268b.js';
+import './observers-76deadbc.js';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 const CSS = {
   page: "page",

package/dist/esm/calcite-panel_2.entry.js

@@ -4,19 +4,20 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-d298aca9.js';
-import { s as slotChangeGetAssignedElements, w as focusFirstTabbable, t as toAriaBoolean, e as slotChangeHasAssignedElement } from './dom-e14bb980.js';
-import { u as updateHostInteraction } from './interactive-eaa1e00b.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-fca3f617.js';
-import { c as createObserver } from './observers-b17e5da7.js';
-import { S as SLOTS$2 } from './resources-09757d0c.js';
-import { H as Heading } from './Heading-c36f4400.js';
-import { S as SLOTS$1, C as CSS$1, I as ICONS } from './resources-f5fec753.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-b550eae4.js';
-import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-4c43412c.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-e9ec914f.js';
-import './guid-5c8ddb45.js';
-import './resources-a9874e81.js';
-import './key-2c25459c.js';
+import { s as slotChangeGetAssignedElements, p as focusFirstTabbable, t as toAriaBoolean, o as slotChangeHasAssignedElement } from './dom-03275741.js';
+import { c as connectInteractive, u as updateHostInteraction, d as disconnectInteractive } from './interactive-e5b2cca0.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-3cf62971.js';
+import { c as createObserver } from './observers-76deadbc.js';
+import { S as SLOTS$2 } from './resources-684bbbfe.js';
+import { H as Heading } from './Heading-14bfe249.js';
+import { S as SLOTS$1, C as CSS$1, I as ICONS } from './resources-3600c05b.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-ead7fa24.js';
+import { c as connectMessages, s as setUpMessages, d as disconnectMessages, u as updateMessages } from './t9n-ece1047e.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-b651e48a.js';
+import './guid-1fbbc894.js';
+import './resources-ee3b03a3.js';
+import './browser-f8ca09b7.js';
+import './key-d6bc268b.js';
 
 const panelCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:host{box-sizing:border-box;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-2);font-size:var(--calcite-font-size--1)}:host *{box-sizing:border-box}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}:host([hidden]){display:none}:host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;display:flex;block-size:100%;inline-size:100%;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3);--calcite-panel-footer-padding:0.5rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.container{margin:0px;display:flex;inline-size:100%;flex:1 1 auto;flex-direction:column;align-items:stretch;background-color:var(--calcite-ui-background);padding:0px;transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}.container[hidden]{display:none}.header{-webkit-border-after:1px solid;border-block-end:1px solid;z-index:var(--calcite-app-z-index-header);inline-size:100%;align-items:stretch;justify-content:flex-start;background-color:var(--calcite-ui-foreground-1);border-block-end-color:var(--calcite-ui-border-3);flex:0 0 auto}.action-bar-container{-webkit-border-after:1px solid;border-block-end:1px solid;z-index:var(--calcite-app-z-index-header);inline-size:100%;border-block-end-color:var(--calcite-ui-border-3)}.action-bar-container ::slotted(calcite-action-bar){inline-size:100%}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;-webkit-margin-end:auto;margin-inline-end:auto}.header-content .heading,.header-content .description{display:block;overflow-wrap:break-word;padding:0px}.header-content .heading{margin-inline:0px;margin-block:0px 0.25rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-weight:var(--calcite-font-weight-medium)}.header-content .heading:only-child{-webkit-margin-after:0px;margin-block-end:0px}.header-content .description{font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}.back-button{border-width:0px;border-style:solid;border-color:var(--calcite-ui-border-3);border-inline-end-width:1px}.header-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch}.header-actions--end{-webkit-margin-start:auto;margin-inline-start:auto}.content-wrapper{overflow:auto}.content-height{block-size:100%}.content-container{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;background-color:var(--calcite-ui-background)}.footer{-webkit-border-before:1px solid;border-block-start:1px solid;display:flex;inline-size:100%;justify-content:space-evenly;background-color:var(--calcite-ui-foreground-1);border-block-start-color:var(--calcite-ui-border-3);flex:0 0 auto;padding:var(--calcite-panel-footer-padding)}.fab-container{position:sticky;inset-block-end:0px;z-index:var(--calcite-app-z-index-sticky);margin-block:0px;margin-inline:auto;display:block;padding:0.5rem;inset-inline:0;inline-size:-moz-fit-content;inline-size:fit-content}[hidden]{display:none}";
 
@@ -148,6 +149,7 @@ const Panel = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
+    connectInteractive(this);
     connectLocalized(this);
     connectMessages(this);
   }
@@ -163,6 +165,7 @@ const Panel = class {
   }
   disconnectedCallback() {
     var _a;
+    disconnectInteractive(this);
     disconnectLocalized(this);
     disconnectMessages(this);
     (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
@@ -285,7 +288,7 @@ Panel.style = panelCss;
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 const CSS = {
   main: "main",

package/dist/esm/calcite-pick-list-group.entry.js

@@ -4,13 +4,13 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, h, F as Fragment, g as getElement } from './index-d298aca9.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-e9ec914f.js';
-import { a as getSlotted } from './dom-e14bb980.js';
-import { H as Heading, c as constrainHeadingLevel } from './Heading-c36f4400.js';
-import { S as SLOTS, C as CSS } from './resources-23bce35b.js';
-import './observers-b17e5da7.js';
-import './guid-5c8ddb45.js';
-import './resources-a9874e81.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-b651e48a.js';
+import { a as getSlotted } from './dom-03275741.js';
+import { H as Heading, c as constrainHeadingLevel } from './Heading-14bfe249.js';
+import { S as SLOTS, C as CSS } from './resources-a3b9b875.js';
+import './observers-76deadbc.js';
+import './guid-1fbbc894.js';
+import './resources-ee3b03a3.js';
 
 const pickListGroupCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}:host([hidden]){display:none}:host{-webkit-margin-after:0.25rem;margin-block-end:0.25rem;box-sizing:border-box;display:block;background-color:transparent;font-size:var(--calcite-font-size--1);color:var(--calcite-ui-text-2)}:host *{box-sizing:border-box}:host(:last-child){-webkit-margin-after:0px;margin-block-end:0px}.header{margin:0px;display:flex;align-content:space-between;align-items:center;fill:var(--calcite-ui-text-2);color:var(--calcite-ui-text-2)}.heading{margin:0px;padding:0px;font-weight:var(--calcite-font-weight-medium)}.header .heading{flex:1 1 auto;padding:0.5rem}.heading{margin-block:0.5rem;margin-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;font-size:var(--calcite-font-size--1);line-height:1.375;color:var(--calcite-ui-text-3)}.container--indented{-webkit-margin-start:1.5rem;margin-inline-start:1.5rem}";
 

package/dist/esm/calcite-pick-list-item.entry.js

@@ -4,18 +4,19 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-d298aca9.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-e9ec914f.js';
-import { a as getSlotted, t as toAriaBoolean } from './dom-e14bb980.js';
-import { u as updateHostInteraction } from './interactive-eaa1e00b.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-fca3f617.js';
-import { c as connectLocalized, d as disconnectLocalized } from './locale-b550eae4.js';
-import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-4c43412c.js';
-import { I as ICON_TYPES } from './resources-bf1eeffc.js';
-import { I as ICONS, C as CSS, S as SLOTS } from './resources-ac65ccee.js';
-import './observers-b17e5da7.js';
-import './guid-5c8ddb45.js';
-import './resources-a9874e81.js';
-import './key-2c25459c.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-b651e48a.js';
+import { a as getSlotted, t as toAriaBoolean } from './dom-03275741.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-e5b2cca0.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-3cf62971.js';
+import { c as connectLocalized, d as disconnectLocalized } from './locale-ead7fa24.js';
+import { u as updateMessages, c as connectMessages, s as setUpMessages, d as disconnectMessages } from './t9n-ece1047e.js';
+import { I as ICON_TYPES } from './resources-4d6ec614.js';
+import { I as ICONS, C as CSS, S as SLOTS } from './resources-e7e4115c.js';
+import './observers-76deadbc.js';
+import './guid-1fbbc894.js';
+import './resources-ee3b03a3.js';
+import './browser-f8ca09b7.js';
+import './key-d6bc268b.js';
 
 const pickListItemCss = "@charset \"UTF-8\";@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}:host([hidden]){display:none}:host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{margin:0px;-webkit-margin-after:1px;margin-block-end:1px;box-sizing:border-box;display:flex;align-items:stretch;background-color:var(--calcite-ui-foreground-1);font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-1);--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);transition:background-color var(--calcite-animation-timing);animation:calcite-fade-in var(--calcite-animation-timing)}:host *{box-sizing:border-box}.label{display:flex;flex:1 1 auto;cursor:pointer;align-items:center;background-color:transparent;outline-color:transparent}.label:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.label:hover{background-color:var(--calcite-ui-foreground-2)}:host([non-interactive]:hover){background-color:var(--calcite-ui-foreground-1)}:host([non-interactive]) .label,:host([non-interactive]) .icon{pointer-events:none}.icon{margin-block:0px;display:flex;cursor:pointer;align-items:center;padding:0.25rem;color:var(--calcite-ui-brand);flex:0 0 auto;line-height:0}.icon:hover{background-color:var(--calcite-ui-foreground-2)}.icon-dot{display:flex;inline-size:1.5rem;align-items:center;padding:0.5rem}.icon-dot:before{opacity:0;content:\"•\"}.icon calcite-icon{opacity:0}:host([selected]) .icon-dot:before,:host([selected]) .icon calcite-icon{transition:opacity var(--calcite-animation-timing);opacity:1}.text-container{pointer-events:none;display:flex;flex-direction:column;flex-wrap:nowrap;overflow:hidden;padding-block:0.5rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--2);line-height:1.375;word-wrap:break-word;word-break:break-word}.title{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1)}.description{-webkit-margin-before:0.125rem;margin-block-start:0.125rem;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}.actions{margin:0px;display:flex;flex:0 1 auto;align-items:stretch;justify-content:flex-end}.actions--start~.label{-webkit-padding-start:0.25rem;padding-inline-start:0.25rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";
 
@@ -99,6 +100,7 @@ const PickListItem = class {
   //
   // --------------------------------------------------------------------------
   connectedCallback() {
+    connectInteractive(this);
     connectLocalized(this);
     connectMessages(this);
     connectConditionalSlotComponent(this);
@@ -111,6 +113,7 @@ const PickListItem = class {
     setComponentLoaded(this);
   }
   disconnectedCallback() {
+    disconnectInteractive(this);
     disconnectLocalized(this);
     disconnectMessages(this);
     disconnectConditionalSlotComponent(this);

package/dist/esm/calcite-pick-list.entry.js

@@ -0,0 +1,142 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d298aca9.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-e5b2cca0.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-3cf62971.js';
+import { c as createObserver } from './observers-76deadbc.js';
+import { I as ICON_TYPES } from './resources-4d6ec614.js';
+import { m as mutationObserverCallback, d as deselectRemovedItems, a as deselectSiblingItems, s as selectSiblings, h as handleFilter, b as handleFilterEvent, g as getItemData, k as keyDownHandler, i as initialize, c as initializeObserver, e as cleanUpObserver, f as handleInitialFilter, r as removeItem, j as calciteListItemChangeHandler, l as calciteInternalListItemValueChangeHandler, n as calciteListFocusOutHandler, o as setUpItems, p as setFocus, L as List } from './shared-list-render-19de1661.js';
+import './browser-f8ca09b7.js';
+import './array-e32fb269.js';
+import './dom-03275741.js';
+import './guid-1fbbc894.js';
+import './resources-ee3b03a3.js';
+import './resources-a3b9b875.js';
+import './debounce-4c884e5c.js';
+
+const pickListCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}:host([hidden]){display:none}:host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;flex-grow:1;flex-direction:column;align-items:stretch;background-color:transparent;font-size:var(--calcite-font-size--1);line-height:1rem;color:var(--calcite-ui-text-2)}:host *{box-sizing:border-box}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([filter-enabled]) header{-webkit-margin-after:0.25rem;margin-block-end:0.25rem;display:flex;align-items:stretch;justify-content:flex-end;background-color:var(--calcite-ui-foreground-1);--tw-shadow:0 1px 0 var(--calcite-ui-border-3);--tw-shadow-colored:0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([filter-enabled]) header.sticky-pos{position:sticky;inset-block-start:0px;z-index:var(--calcite-app-z-index)}calcite-filter{-webkit-margin-after:0px;margin-block-end:0px}:host([loading][disabled]){min-block-size:2rem}";
+
+const PickList = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.calciteListChange = createEvent(this, "calciteListChange", 6);
+    this.calciteListFilter = createEvent(this, "calciteListFilter", 6);
+    this.lastSelectedItem = null;
+    this.mutationObserver = createObserver("mutation", mutationObserverCallback.bind(this));
+    this.setFilterEl = (el) => {
+      this.filterEl = el;
+    };
+    this.setFilteredItems = (filteredItems) => {
+      this.filteredItems = filteredItems;
+    };
+    this.deselectRemovedItems = deselectRemovedItems.bind(this);
+    this.deselectSiblingItems = deselectSiblingItems.bind(this);
+    this.selectSiblings = selectSiblings.bind(this);
+    this.handleFilter = handleFilter.bind(this);
+    this.handleFilterEvent = handleFilterEvent.bind(this);
+    this.getItemData = getItemData.bind(this);
+    this.keyDownHandler = keyDownHandler.bind(this);
+    this.disabled = false;
+    this.filteredItems = [];
+    this.filteredData = [];
+    this.filterEnabled = false;
+    this.filterPlaceholder = undefined;
+    this.filterText = undefined;
+    this.headingLevel = undefined;
+    this.loading = false;
+    this.multiple = false;
+    this.selectionFollowsFocus = false;
+    this.selectedValues = new Map();
+    this.dataForFilter = [];
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  // --------------------------------------------------------------------------
+  connectedCallback() {
+    initialize.call(this);
+    initializeObserver.call(this);
+    connectInteractive(this);
+  }
+  disconnectedCallback() {
+    cleanUpObserver.call(this);
+    disconnectInteractive(this);
+  }
+  componentWillLoad() {
+    setUpLoadableComponent(this);
+  }
+  componentDidLoad() {
+    setComponentLoaded(this);
+    handleInitialFilter.call(this);
+  }
+  componentDidRender() {
+    updateHostInteraction(this);
+  }
+  calciteListItemRemoveHandler(event) {
+    removeItem.call(this, event);
+  }
+  calciteListItemChangeHandler(event) {
+    calciteListItemChangeHandler.call(this, event);
+  }
+  calciteInternalListItemPropsChangeHandler(event) {
+    event.stopPropagation();
+    this.setUpFilter();
+  }
+  calciteInternalListItemValueChangeHandler(event) {
+    calciteInternalListItemValueChangeHandler.call(this, event);
+    event.stopPropagation();
+  }
+  calciteListFocusOutHandler(event) {
+    calciteListFocusOutHandler.call(this, event);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Private Methods
+  //
+  // --------------------------------------------------------------------------
+  setUpItems() {
+    setUpItems.call(this, "calcite-pick-list-item");
+  }
+  setUpFilter() {
+    if (this.filterEnabled) {
+      this.dataForFilter = this.getItemData();
+    }
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  // --------------------------------------------------------------------------
+  /** Returns the component's selected `calcite-pick-list-item`s. */
+  async getSelectedItems() {
+    return this.selectedValues;
+  }
+  /**
+   * Sets focus on the component's first focusable element.
+   *
+   * @param focusId
+   */
+  async setFocus(focusId) {
+    await componentLoaded(this);
+    return setFocus.call(this, focusId);
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  getIconType() {
+    return this.multiple ? ICON_TYPES.square : ICON_TYPES.circle;
+  }
+  render() {
+    return h(List, { onKeyDown: this.keyDownHandler, props: this });
+  }
+  get el() { return getElement(this); }
+};
+PickList.style = pickListCss;
+
+export { PickList as calcite_pick_list };

package/dist/esm/calcite-radio-button-group.entry.js

@@ -4,7 +4,8 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d298aca9.js';
-import { c as createObserver } from './observers-b17e5da7.js';
+import { c as createObserver } from './observers-76deadbc.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-3cf62971.js';
 
 const radioButtonGroupCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-right{0%{opacity:0;transform:translate3D(-5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-left{0%{opacity:0;transform:translate3D(5px, 0, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-right{animation-name:in-right}.calcite-animate__in-left{animation-name:in-left}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:var(--calcite-app-z-index-dropdown)}:host([hidden]){display:none}:host{display:flex;max-inline-size:100vw}:host([layout=horizontal]){flex-direction:row;flex-wrap:wrap}:host([layout=horizontal][scale=s]){gap:1rem}:host([layout=horizontal][scale=m]){gap:1.25rem}:host([layout=horizontal][scale=l]){gap:1.5rem}:host([layout=vertical]){flex-direction:column}";
 
@@ -24,10 +25,11 @@ const RadioButtonGroup = class {
     //
     //--------------------------------------------------------------------------
     this.passPropsToRadioButtons = () => {
-      const radioButtons = this.el.querySelectorAll("calcite-radio-button");
-      this.selectedItem = Array.from(radioButtons).find((radioButton) => radioButton.checked) || null;
-      if (radioButtons.length > 0) {
-        radioButtons.forEach((radioButton) => {
+      this.radioButtons = Array.from(this.el.querySelectorAll("calcite-radio-button"));
+      this.selectedItem =
+        Array.from(this.radioButtons).find((radioButton) => radioButton.checked) || null;
+      if (this.radioButtons.length > 0) {
+        this.radioButtons.forEach((radioButton) => {
           radioButton.disabled = this.disabled || radioButton.disabled;
           radioButton.hidden = this.hidden;
           radioButton.name = this.name;
@@ -43,6 +45,7 @@ const RadioButtonGroup = class {
     this.required = false;
     this.selectedItem = null;
     this.scale = "m";
+    this.radioButtons = [];
   }
   onDisabledChange() {
     this.passPropsToRadioButtons();
@@ -66,10 +69,37 @@ const RadioButtonGroup = class {
     this.passPropsToRadioButtons();
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
   }
+  componentWillLoad() {
+    setUpLoadableComponent(this);
+  }
+  componentDidLoad() {
+    setComponentLoaded(this);
+  }
   disconnectedCallback() {
     var _a;
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
   }
+  getFocusableRadioButton() {
+    var _a;
+    return (_a = this.radioButtons.find((radiobutton) => !radiobutton.disabled)) !== null && _a !== void 0 ? _a : null;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Public Method
+  //
+  //--------------------------------------------------------------------------
+  /** Sets focus on the fist focusable `calcite-radio-button` element in the component. */
+  async setFocus() {
+    var _a;
+    await componentLoaded(this);
+    if (this.selectedItem && !this.selectedItem.disabled) {
+      this.selectedItem.setFocus();
+      return;
+    }
+    if (this.radioButtons.length > 0) {
+      (_a = this.getFocusableRadioButton()) === null || _a === void 0 ? void 0 : _a.setFocus();
+    }
+  }
   //--------------------------------------------------------------------------
   //
   //  Event Listeners
@@ -87,7 +117,6 @@ const RadioButtonGroup = class {
   render() {
     return (h(Host, { role: "radiogroup" }, h("slot", null)));
   }
-  static get delegatesFocus() { return true; }
   get el() { return getElement(this); }
   static get watchers() { return {
     "disabled": ["onDisabledChange"],

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

@@ -3,20 +3,21 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d298aca9.js';
-import { g as getRoundRobinIndex } from './array-af5e433b.js';
-import { b as getElementDir, j as focusElement, t as toAriaBoolean } from './dom-e14bb980.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-58f5ab7c.js';
-import { g as guid } from './guid-5c8ddb45.js';
-import { u as updateHostInteraction } from './interactive-eaa1e00b.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-10a81bc6.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-fca3f617.js';
-import './resources-a9874e81.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-d298aca9.js';
+import { g as getRoundRobinIndex } from './array-e32fb269.js';
+import { b as getElementDir, e as focusElement, t as toAriaBoolean } from './dom-03275741.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-8396f037.js';
+import { g as guid } from './guid-1fbbc894.js';
+import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-e5b2cca0.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-6db1573f.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-3cf62971.js';
+import './resources-ee3b03a3.js';
+import './browser-f8ca09b7.js';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.2
+ * v1.4.3
  */
 const CSS = {
   container: "container"
@@ -37,19 +38,24 @@ const RadioButton = class {
     this.queryButtons = () => {
       return Array.from(this.rootNode.querySelectorAll("calcite-radio-button:not([hidden])")).filter((radioButton) => radioButton.name === this.name);
     };
-    this.isDefaultSelectable = () => {
+    this.isFocusable = () => {
       const radioButtons = this.queryButtons();
-      return !radioButtons.some((radioButton) => radioButton.checked) && radioButtons[0] === this.el;
+      const firstFocusable = radioButtons.find((radioButton) => !radioButton.disabled);
+      const checked = radioButtons.find((radioButton) => radioButton.checked);
+      return firstFocusable === this.el && !checked;
     };
     this.check = () => {
       if (this.disabled) {
         return;
       }
+      this.focused = true;
+      this.setFocus();
+      if (this.checked) {
+        return;
+      }
       this.uncheckAllRadioButtonsInGroup();
       this.checked = true;
-      this.focused = true;
       this.calciteRadioButtonChange.emit();
-      this.setFocus();
     };
     this.clickHandler = () => {
       if (this.disabled) {
@@ -134,6 +140,12 @@ const RadioButton = class {
     }
     this.calciteInternalRadioButtonCheckedChange.emit();
   }
+  disabledChanged() {
+    this.updateTabIndexOfOtherRadioButtonsInGroup();
+  }
+  hiddenChanged() {
+    this.updateTabIndexOfOtherRadioButtonsInGroup();
+  }
   nameChanged() {
     this.checkLastRadioButton();
   }
@@ -158,19 +170,24 @@ const RadioButton = class {
     input.type = "radio";
   }
   onLabelClick(event) {
-    if (!this.disabled && !this.hidden) {
-      this.uncheckOtherRadioButtonsInGroup();
-      const label = event.currentTarget;
-      const radioButton = label.for
-        ? this.rootNode.querySelector(`calcite-radio-button[id="${label.for}"]`)
-        : label.querySelector(`calcite-radio-button[name="${this.name}"]`);
-      if (radioButton) {
-        radioButton.checked = true;
-        radioButton.focused = true;
-      }
-      this.calciteRadioButtonChange.emit();
-      this.setFocus();
+    if (this.disabled || this.hidden) {
+      return;
+    }
+    const label = event.currentTarget;
+    const radioButton = label.for
+      ? this.rootNode.querySelector(`calcite-radio-button[id="${label.for}"]`)
+      : label.querySelector(`calcite-radio-button[name="${this.name}"]`);
+    if (!radioButton) {
+      return;
     }
+    radioButton.focused = true;
+    this.setFocus();
+    if (radioButton.checked) {
+      return;
+    }
+    this.uncheckOtherRadioButtonsInGroup();
+    radioButton.checked = true;
+    this.calciteRadioButtonChange.emit();
   }
   checkLastRadioButton() {
     const radioButtons = this.queryButtons();
@@ -208,11 +225,18 @@ const RadioButton = class {
       }
     });
   }
+  updateTabIndexOfOtherRadioButtonsInGroup() {
+    const radioButtons = this.queryButtons();
+    const otherFocusableRadioButtons = radioButtons.filter((radioButton) => radioButton.guid !== this.guid && !radioButton.disabled);
+    otherFocusableRadioButtons.forEach((radioButton) => {
+      forceUpdate(radioButton);
+    });
+  }
   getTabIndex() {
     if (this.disabled) {
       return undefined;
     }
-    return this.checked || this.isDefaultSelectable() ? 0 : -1;
+    return this.checked || this.isFocusable() ? 0 : -1;
   }
   //--------------------------------------------------------------------------
   //
@@ -242,8 +266,10 @@ const RadioButton = class {
     if (this.name) {
       this.checkLastRadioButton();
     }
+    connectInteractive(this);
     connectLabel(this);
     connectForm(this);
+    this.updateTabIndexOfOtherRadioButtonsInGroup();
   }
   componentWillLoad() {
     setUpLoadableComponent(this);
@@ -255,8 +281,10 @@ const RadioButton = class {
     }
   }
   disconnectedCallback() {
+    disconnectInteractive(this);
     disconnectLabel(this);
     disconnectForm(this);
+    this.updateTabIndexOfOtherRadioButtonsInGroup();
   }
   componentDidRender() {
     updateHostInteraction(this);
@@ -275,6 +303,8 @@ const RadioButton = class {
   get el() { return getElement(this); }
   static get watchers() { return {
     "checked": ["checkedChanged"],
+    "disabled": ["disabledChanged"],
+    "hidden": ["hiddenChanged"],
     "name": ["nameChanged"]
   }; }
 };