@esri/calcite-components 1.0.0-next.647 → 1.0.0-next.649

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

@@ -1,17 +1,17 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c6d69d86.js';
-import { g as getSlotted, f as focusElement, j as ensureId } from './dom-df543551.js';
-import { c as createObserver } from './observers-7fa5fbcb.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-481251d8.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-9320ad08.js';
-import { c as connectFocusTrap, a as activateFocusTrap, d as deactivateFocusTrap } from './focusTrapComponent-f58e5d83.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-74b01ca3.js';
-import './resources-34a80758.js';
-import './guid-59a872ce.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d4c908c6.js';
+import { g as getSlotted, f as focusElement, j as ensureId } from './dom-53c74dbf.js';
+import { c as createObserver } from './observers-4d673b8c.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-6ccf2844.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-cb58fdf0.js';
+import { c as connectFocusTrap, a as activateFocusTrap, d as deactivateFocusTrap } from './focusTrapComponent-1c2099dd.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-3bf8aeb1.js';
+import './resources-31e2614a.js';
+import './guid-9344597e.js';
 
 const CSS = {
   modal: "modal",
@@ -55,53 +55,6 @@ const Modal = class {
     this.calciteModalClose = createEvent(this, "calciteModalClose", 6);
     this.calciteModalBeforeOpen = createEvent(this, "calciteModalBeforeOpen", 6);
     this.calciteModalOpen = createEvent(this, "calciteModalOpen", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `true`, the component is active.
-     *
-     * @deprecated use `open` instead.
-     */
-    this.active = false;
-    /** When `true`, displays and positions the component.  */
-    this.open = false;
-    /** Passes a function to run before the component closes. */
-    this.beforeClose = () => Promise.resolve();
-    /** When `true`, disables the component's close button. */
-    this.disableCloseButton = false;
-    /** When `true`, disables the closing of the component when clicked outside. */
-    this.disableOutsideClose = false;
-    /** Accessible name for the component's close button. */
-    this.intlClose = TEXT.close;
-    /** When `true`, disables the default close on escape behavior. */
-    this.disableEscape = false;
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    /** Specifies the width of the component. Can use scale sizes or pass a number (displays in pixels). */
-    this.width = "m";
-    /** Sets the background color of the component's content. */
-    this.backgroundColor = "white";
-    /**
-     * When `true`, disables spacing to the content area slot.
-     *
-     * @deprecated  Use `--calcite-modal-padding` CSS variable instead.
-     */
-    this.noPadding = false;
-    //--------------------------------------------------------------------------
-    //
-    //  Variables
-    //
-    //--------------------------------------------------------------------------
-    this.hasFooter = true;
-    /**
-     * We use internal variable to make sure initially open modal can transition from closed state when rendered
-     *
-     * @private
-     */
-    this.isOpen = false;
     this.mutationObserver = createObserver("mutation", () => this.updateFooterVisibility());
     this.openTransitionProp = "opacity";
     //--------------------------------------------------------------------------
@@ -137,6 +90,22 @@ const Modal = class {
     this.updateFooterVisibility = () => {
       this.hasFooter = !!getSlotted(this.el, [SLOTS.back, SLOTS.primary, SLOTS.secondary]);
     };
+    this.active = false;
+    this.open = false;
+    this.beforeClose = () => Promise.resolve();
+    this.disableCloseButton = false;
+    this.disableOutsideClose = false;
+    this.intlClose = TEXT.close;
+    this.docked = undefined;
+    this.disableEscape = false;
+    this.scale = "m";
+    this.width = "m";
+    this.fullscreen = undefined;
+    this.color = undefined;
+    this.backgroundColor = "white";
+    this.noPadding = false;
+    this.hasFooter = true;
+    this.isOpen = false;
   }
   //--------------------------------------------------------------------------
   //

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

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-c6d69d86.js';
-import { S as StatusIcons } from './interfaces-0fced29f.js';
-import { b as setRequestedIcon, g as getSlotted } from './dom-df543551.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-481251d8.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-74b01ca3.js';
-import './resources-34a80758.js';
-import './guid-59a872ce.js';
-import './observers-7fa5fbcb.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d4c908c6.js';
+import { S as StatusIcons } from './interfaces-b46836c5.js';
+import { b as setRequestedIcon, g as getSlotted } from './dom-53c74dbf.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-6ccf2844.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-3bf8aeb1.js';
+import './resources-31e2614a.js';
+import './guid-9344597e.js';
+import './observers-4d673b8c.js';
 
 const TEXT = {
   close: "Close"
@@ -38,46 +38,22 @@ const Notice = class {
     this.calciteNoticeOpen = createEvent(this, "calciteNoticeOpen", 6);
     //--------------------------------------------------------------------------
     //
-    //  Properties
+    //  Private Methods
     //
-    //---------------------------------------------------------------------------
-    /**
-     * When `true`, the component is active.
-     *
-     * @deprecated Use `open` instead.
-     */
+    //--------------------------------------------------------------------------
+    this.close = () => {
+      this.open = false;
+      this.calciteNoticeClose.emit();
+    };
     this.active = false;
-    /** When `true`, the component is visible. */
     this.open = false;
-    /** The color for the component's top border and icon. */
     this.color = "blue";
-    /**
-     * When `true`, a close button is added to the component.
-     *
-     * @deprecated use `closable` instead.
-     */
     this.dismissible = false;
-    /** When `true`, a close button is added to the component. */
     this.closable = false;
-    /**
-     * Accessible name for the close button.
-     *
-     * @default "Close"
-     */
+    this.icon = undefined;
     this.intlClose = TEXT.close;
-    /** Specifies the size of the component. */
     this.scale = "m";
-    /** Specifies the width of the component. */
     this.width = "auto";
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    this.close = () => {
-      this.open = false;
-      this.calciteNoticeClose.emit();
-    };
   }
   activeHandler(value) {
     this.open = value;

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

@@ -1,17 +1,17 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
-import { r as registerInstance, c as createEvent, h, g as getElement, F as Fragment } from './index-c6d69d86.js';
-import { c as createObserver } from './observers-7fa5fbcb.js';
-import { f as focusElement } from './dom-df543551.js';
-import { c as connectLabel, d as disconnectLabel } from './label-a198d818.js';
-import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-f4c22557.js';
-import { u as updateHostInteraction } from './interactive-f7547b52.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-74b01ca3.js';
-import './resources-34a80758.js';
-import './guid-59a872ce.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, F as Fragment } from './index-d4c908c6.js';
+import { c as createObserver } from './observers-4d673b8c.js';
+import { f as focusElement } from './dom-53c74dbf.js';
+import { c as connectLabel, d as disconnectLabel } from './label-28684879.js';
+import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-2b1e2659.js';
+import { u as updateHostInteraction } from './interactive-9b5fc420.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-3bf8aeb1.js';
+import './resources-31e2614a.js';
+import './guid-9344597e.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-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-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)}:host([hidden]){display:none}:host{display:block}";
 
@@ -19,19 +19,14 @@ const Option = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteInternalOptionChange = createEvent(this, "calciteInternalOptionChange", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    this.disabled = false;
     this.mutationObserver = createObserver("mutation", () => {
       this.ensureTextContentDependentProps();
       this.calciteInternalOptionChange.emit();
     });
+    this.disabled = false;
+    this.label = undefined;
+    this.selected = undefined;
+    this.value = undefined;
   }
   handlePropChange(_newValue, _oldValue, propName) {
     if (propName === "label" || propName === "value") {
@@ -98,15 +93,8 @@ const OptionGroup = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteInternalOptionGroupChange = createEvent(this, "calciteInternalOptionGroupChange", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
     this.disabled = false;
+    this.label = undefined;
   }
   handlePropChange() {
     this.calciteInternalOptionGroupChange.emit();
@@ -144,31 +132,6 @@ const Select = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteSelectChange = createEvent(this, "calciteSelectChange", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    this.disabled = false;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     *
-     * @internal
-     */
-    this.required = false;
-    /**
-     * Specifies the size of the component.
-     */
-    this.scale = "m";
-    /** The component's `selectedOption` value. */
-    this.value = null;
-    /**
-     * Specifies the width of the component.
-     */
-    this.width = "auto";
     this.componentToNativeEl = new Map();
     this.mutationObserver = createObserver("mutation", () => this.populateInternalSelect());
     this.handleInternalSelectChange = () => {
@@ -190,6 +153,14 @@ const Select = class {
     this.emitChangeEvent = () => {
       this.calciteSelectChange.emit();
     };
+    this.disabled = false;
+    this.label = undefined;
+    this.name = undefined;
+    this.required = false;
+    this.scale = "m";
+    this.value = null;
+    this.selectedOption = undefined;
+    this.width = "auto";
   }
   valueHandler(value) {
     const items = this.el.querySelectorAll("calcite-option");

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

@@ -1,15 +1,15 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-c6d69d86.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-170639e4.js';
-import './key-8c900334.js';
-import './observers-7fa5fbcb.js';
-import './dom-df543551.js';
-import './resources-34a80758.js';
-import './guid-59a872ce.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-d4c908c6.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-124c1c4a.js';
+import './key-ce94af02.js';
+import './observers-4d673b8c.js';
+import './dom-53c74dbf.js';
+import './resources-31e2614a.js';
+import './guid-9344597e.js';
 
 const CSS = {
   page: "page",
@@ -34,41 +34,6 @@ const Pagination = class {
     registerInstance(this, hostRef);
     this.calcitePaginationUpdate = createEvent(this, "calcitePaginationUpdate", 6);
     this.calcitePaginationChange = createEvent(this, "calcitePaginationChange", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Public Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `true`, number values are displayed with a group separator corresponding to the language and country format.
-     */
-    this.groupSeparator = false;
-    /** Specifies the number of items per page. */
-    this.num = 20;
-    /** Specifies the starting item number. */
-    this.start = 1;
-    /** Specifies the total number of items. */
-    this.total = 0;
-    /**
-     * Accessible name for the component's next button.
-     *
-     * @default "Next"
-     */
-    this.textLabelNext = TEXT.nextLabel;
-    /**
-     * Accessible name for the component's previous button.
-     *
-     * @default "Previous"
-     */
-    this.textLabelPrevious = TEXT.previousLabel;
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    //--------------------------------------------------------------------------
-    //
-    //  State
-    //
-    //--------------------------------------------------------------------------
-    this.effectiveLocale = "";
     this.previousClicked = () => {
       this.previousPage().then();
       this.emitUpdate();
@@ -77,6 +42,15 @@ const Pagination = class {
       this.nextPage();
       this.emitUpdate();
     };
+    this.groupSeparator = false;
+    this.num = 20;
+    this.numberingSystem = undefined;
+    this.start = 1;
+    this.total = 0;
+    this.textLabelNext = TEXT.nextLabel;
+    this.textLabelPrevious = TEXT.previousLabel;
+    this.scale = "m";
+    this.effectiveLocale = "";
   }
   effectiveLocaleWatcher() {
     numberStringFormatter.numberFormatOptions = {

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

@@ -1,18 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-c6d69d86.js';
-import { S as SLOTS, C as CSS, I as ICONS, T as TEXT } from './resources-f7edd4ec.js';
-import { t as toAriaBoolean } from './dom-df543551.js';
-import { H as Heading } from './Heading-680eaccf.js';
-import { S as SLOTS$1 } from './resources-bae0d589.js';
-import { u as updateHostInteraction } from './interactive-f7547b52.js';
-import { c as createObserver } from './observers-7fa5fbcb.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-74b01ca3.js';
-import './resources-34a80758.js';
-import './guid-59a872ce.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-d4c908c6.js';
+import { S as SLOTS, C as CSS, I as ICONS, T as TEXT } from './resources-680c5d42.js';
+import { t as toAriaBoolean } from './dom-53c74dbf.js';
+import { H as Heading } from './Heading-d24a31c2.js';
+import { S as SLOTS$1 } from './resources-8d698f58.js';
+import { u as updateHostInteraction } from './interactive-9b5fc420.js';
+import { c as createObserver } from './observers-4d673b8c.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-3bf8aeb1.js';
+import './resources-31e2614a.js';
+import './guid-9344597e.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-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-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)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{position:relative;display:flex;inline-size:100%;flex:1 1 auto;overflow:hidden;--calcite-min-header-height:calc(var(--calcite-icon-size) * 3);--calcite-panel-max-height:unset;--calcite-panel-width:100%;--calcite-panel-min-width:unset;--calcite-panel-max-width:unset}: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;max-block-size:var(--calcite-panel-max-height);inline-size:var(--calcite-panel-width);max-inline-size:var(--calcite-panel-max-width);min-inline-size:var(--calcite-panel-min-width);transition:max-block-size var(--calcite-animation-timing), inline-size var(--calcite-animation-timing)}:host([height-scale=s]){--calcite-panel-max-height:40vh}:host([height-scale=m]){--calcite-panel-max-height:60vh}:host([height-scale=l]){--calcite-panel-max-height:80vh}:host([width-scale=s]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 12vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 300px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 150px)}:host([width-scale=m]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 20vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 420px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 240px)}:host([width-scale=l]){--calcite-panel-width:calc(var(--calcite-panel-width-multiplier) * 45vw);--calcite-panel-max-width:calc(var(--calcite-panel-width-multiplier) * 680px);--calcite-panel-min-width:calc(var(--calcite-panel-width-multiplier) * 340px)}.container[hidden]{display:none}.header{border-block-end:1px solid;position:sticky;inset-block-start:0px;z-index:400;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}.header-content{display:flex;flex-direction:column;overflow:hidden;padding-inline:0.75rem;padding-block:0.875rem;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{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{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{border-block-start:1px solid;position:sticky;inset-block-end:0px;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;min-block-size:3rem;padding:0.5rem}.fab-container{position:sticky;inset-block-end:0px;z-index:300;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}";
 
@@ -21,35 +21,7 @@ const Panel = class {
     registerInstance(this, hostRef);
     this.calcitePanelClose = createEvent(this, "calcitePanelClose", 6);
     this.calcitePanelScroll = createEvent(this, "calcitePanelScroll", 6);
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /** When `true`, the component will be hidden. */
-    this.closed = false;
-    /**
-     *  When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    this.disabled = false;
-    /** When `true`, displays a close button in the trailing side of the header. */
-    this.closable = false;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    this.loading = false;
-    /**
-     * When `true`, the action menu items in the `header-menu-actions` slot are open.
-     */
-    this.menuOpen = false;
     this.resizeObserver = createObserver("resize", () => this.resizeHandler());
-    this.hasStartActions = false;
-    this.hasEndActions = false;
-    this.hasMenuItems = false;
-    this.hasHeaderContent = false;
-    this.hasFooterContent = false;
-    this.hasFooterActions = false;
-    this.hasFab = false;
     // --------------------------------------------------------------------------
     //
     //  Private Methods
@@ -137,6 +109,25 @@ const Panel = class {
         this.resizeHandler();
       }
     };
+    this.closed = false;
+    this.disabled = false;
+    this.closable = false;
+    this.headingLevel = undefined;
+    this.heightScale = undefined;
+    this.widthScale = undefined;
+    this.loading = false;
+    this.intlClose = undefined;
+    this.intlOptions = undefined;
+    this.heading = undefined;
+    this.description = undefined;
+    this.menuOpen = false;
+    this.hasStartActions = false;
+    this.hasEndActions = false;
+    this.hasMenuItems = false;
+    this.hasHeaderContent = false;
+    this.hasFooterContent = false;
+    this.hasFooterActions = false;
+    this.hasFab = false;
   }
   //--------------------------------------------------------------------------
   //

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

@@ -1,20 +1,20 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.649
  */
-import { r as registerInstance, c as createEvent, h, g as getElement, F as Fragment } from './index-c6d69d86.js';
-import { m as mutationObserverCallback, d as deselectRemovedItems, a as deselectSiblingItems, s as selectSiblings, h as handleFilter, b as handleFilterEvent, c as getItemData, k as keyDownHandler, i as initialize, f as initializeObserver, l as cleanUpObserver, j as handleInitialFilter, r as removeItem, o as calciteListItemChangeHandler, p as calciteInternalListItemValueChangeHandler, n as calciteListFocusOutHandler, q as setUpItems, t as setFocus, I as ICON_TYPES, L as List, u as SLOTS, v as CSS, T as TEXT, w as ICONS, C as CSS$1, S as SLOTS$1 } from './resources-8b7dfc30.js';
-import { c as createObserver } from './observers-7fa5fbcb.js';
-import { u as updateHostInteraction } from './interactive-f7547b52.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-74b01ca3.js';
-import { g as getSlotted, t as toAriaBoolean } from './dom-df543551.js';
-import { H as Heading, c as constrainHeadingLevel } from './Heading-680eaccf.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-481251d8.js';
-import './array-a701c716.js';
-import './debounce-9201530e.js';
-import './resources-34a80758.js';
-import './guid-59a872ce.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, F as Fragment } from './index-d4c908c6.js';
+import { m as mutationObserverCallback, d as deselectRemovedItems, a as deselectSiblingItems, s as selectSiblings, h as handleFilter, b as handleFilterEvent, c as getItemData, k as keyDownHandler, i as initialize, f as initializeObserver, l as cleanUpObserver, j as handleInitialFilter, r as removeItem, o as calciteListItemChangeHandler, p as calciteInternalListItemValueChangeHandler, n as calciteListFocusOutHandler, q as setUpItems, t as setFocus, I as ICON_TYPES, L as List, u as SLOTS, v as CSS, T as TEXT, w as ICONS, C as CSS$1, S as SLOTS$1 } from './resources-cd6e5e62.js';
+import { c as createObserver } from './observers-4d673b8c.js';
+import { u as updateHostInteraction } from './interactive-9b5fc420.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-3bf8aeb1.js';
+import { g as getSlotted, t as toAriaBoolean } from './dom-53c74dbf.js';
+import { H as Heading, c as constrainHeadingLevel } from './Heading-d24a31c2.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-6ccf2844.js';
+import './array-4b1788f5.js';
+import './debounce-a93c0e41.js';
+import './resources-31e2614a.js';
+import './guid-9344597e.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-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-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)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}: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{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:1}calcite-filter{margin-block-end:0px}:host([loading][disabled]){min-block-size:2rem}";
 
@@ -23,53 +23,6 @@ const PickList = class {
     registerInstance(this, hostRef);
     this.calciteListChange = createEvent(this, "calciteListChange", 6);
     this.calciteListFilter = createEvent(this, "calciteListFilter", 6);
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    this.disabled = false;
-    /**
-     * **read-only** The currently filtered items
-     *
-     * @readonly
-     */
-    this.filteredItems = [];
-    /**
-     * **read-only** The currently filtered items
-     *
-     * @readonly
-     */
-    this.filteredData = [];
-    /**
-     * When `true`, an input appears at the top of the list that can be used by end users to filter items in the list.
-     */
-    this.filterEnabled = false;
-    /**
-     * When `true`, a busy indicator is displayed.
-     */
-    this.loading = false;
-    /**
-     * Similar to standard radio buttons and checkboxes.
-     * When `true`, a user can select multiple `calcite-pick-list-item`s at a time.
-     * When `false`, only a single `calcite-pick-list-item` can be selected at a time,
-     * and a new selection will deselect previous selections.
-     */
-    this.multiple = false;
-    /**
-     * When `true` and single selection is enabled, the selection changes when navigating `calcite-pick-list-item`s via keyboard.
-     */
-    this.selectionFollowsFocus = false;
-    // --------------------------------------------------------------------------
-    //
-    //  Private Properties
-    //
-    // --------------------------------------------------------------------------
-    this.selectedValues = new Map();
-    this.dataForFilter = [];
     this.lastSelectedItem = null;
     this.mutationObserver = createObserver("mutation", mutationObserverCallback.bind(this));
     this.setFilterEl = (el) => {
@@ -85,6 +38,18 @@ const PickList = class {
     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 = [];
   }
   // --------------------------------------------------------------------------
   //
@@ -176,6 +141,8 @@ const pickListGroupCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes
 const PickListGroup = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.groupTitle = undefined;
+    this.headingLevel = undefined;
   }
   // --------------------------------------------------------------------------
   //
@@ -220,38 +187,6 @@ const PickListItem = class {
     this.calciteListItemRemove = createEvent(this, "calciteListItemRemove", 7);
     this.calciteInternalListItemPropsChange = createEvent(this, "calciteInternalListItemPropsChange", 6);
     this.calciteInternalListItemValueChange = createEvent(this, "calciteInternalListItemValueChange", 6);
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    this.disabled = false;
-    /**
-     * When `false`, the component cannot be deselected by user interaction.
-     */
-    this.disableDeselect = false;
-    /**
-     * @internal
-     */
-    this.nonInteractive = false;
-    /**
-     * Determines the icon SVG symbol that will be shown. Options are `"circle"`, `"square"`, `"grip"` or `null`.
-     *
-     * @see [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)
-     */
-    this.icon = null;
-    /**
-     * When `true`, displays a remove action that removes the item from the list.
-     */
-    this.removable = false;
-    /**
-     * When `true`, selects an item. Toggles when an item is checked/unchecked.
-     */
-    this.selected = false;
-    /**
-     * When `removable` is `true`, the accessible name for the component's remove button.
-     *
-     * @default "Remove"
-     */
-    this.intlRemove = TEXT.remove;
     // --------------------------------------------------------------------------
     //
     //  Private Methods
@@ -276,6 +211,17 @@ const PickListItem = class {
     this.removeClickHandler = () => {
       this.calciteListItemRemove.emit();
     };
+    this.description = undefined;
+    this.disabled = false;
+    this.disableDeselect = false;
+    this.nonInteractive = false;
+    this.icon = null;
+    this.label = undefined;
+    this.metadata = undefined;
+    this.removable = false;
+    this.selected = false;
+    this.intlRemove = TEXT.remove;
+    this.value = undefined;
   }
   descriptionWatchHandler() {
     this.calciteInternalListItemPropsChange.emit();