@esri/calcite-components 1.0.0-next.690 → 1.0.0-next.692

package/dist/loader/index.es2017.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.690
+ * v1.0.0-next.692
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.690
+ * v1.0.0-next.692
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

package/dist/types/components/alert/alert.d.ts

@@ -56,6 +56,13 @@ export declare class Alert implements OpenCloseComponent, LoadableComponent, T9n
    */
   messageOverrides: Partial<Messages>;
   onMessagesChange(): void;
+  /**
+   * This internal property, managed by a containing calcite-shell, is used
+   * to inform the component if special configuration or styles are needed
+   *
+   * @internal
+   */
+  slottedInShell: boolean;
   updateRequestedIcon(): void;
   updateDuration(): void;
   connectedCallback(): void;

package/dist/types/components/alert/resources.d.ts

@@ -13,4 +13,5 @@ export declare const CSS: {
   actionsEnd: string;
   container: string;
   close: string;
+  slottedInShell: string;
 };

package/dist/types/components/input-date-picker/input-date-picker.d.ts

@@ -37,18 +37,6 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   headingLevel: HeadingLevel;
   /** The component's value as a full date object. */
   valueAsDate: Date | Date[];
-  /**
-   * The component's start date as a full date object.
-   *
-   * @deprecated use `valueAsDate` instead.
-   */
-  startAsDate: Date;
-  /**
-   * The component's end date as a full date object.
-   *
-   * @deprecated use `valueAsDate` instead.
-   */
-  endAsDate: Date;
   /** Specifies the earliest allowed date as a full date object. */
   minAsDate: Date;
   /** Specifies the latest allowed date as a full date object. */
@@ -87,18 +75,6 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
    * @internal
    */
   required: boolean;
-  /**
-   * The component's start date.
-   *
-   * @deprecated use `value` instead.
-   */
-  start: string;
-  /**
-   * The component's end date.
-   *
-   * @deprecated use `value` instead.
-   */
-  end: string;
   /**
    * Determines the type of positioning to use for the overlaid content.
    *
@@ -193,8 +169,6 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   setFloatingEl: (el: HTMLDivElement) => void;
   setStartWrapper: (el: HTMLDivElement) => void;
   setEndWrapper: (el: HTMLDivElement) => void;
-  startWatcher(start: string): void;
-  endWatcher(end: string): void;
   private loadLocaleData;
   /**
    * Event handler for when the selected date changes

package/dist/types/components/modal/modal.d.ts

@@ -55,6 +55,13 @@ export declare class Modal implements ConditionalSlotComponent, OpenCloseCompone
    */
   messageOverrides: Partial<Messages>;
   onMessagesChange(): void;
+  /**
+   * This internal property, managed by a containing calcite-shell, is used
+   * to inform the component if special configuration or styles are needed
+   *
+   * @internal
+   */
+  slottedInShell: boolean;
   componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   connectedCallback(): void;

package/dist/types/components/modal/resources.d.ts

@@ -10,6 +10,8 @@ export declare const CSS: {
   secondary: string;
   primary: string;
   overflowHidden: string;
+  container: string;
+  slottedInShell: string;
   openingIdle: string;
   openingActive: string;
   closingIdle: string;

package/dist/types/components/shell/resources.d.ts

@@ -3,6 +3,8 @@ export declare const CSS: {
   content: string;
   contentBehind: string;
   footer: string;
+  positionedSlotWrapper: string;
+  container: string;
 };
 export declare const SLOTS: {
   centerRow: string;
@@ -10,4 +12,6 @@ export declare const SLOTS: {
   panelEnd: string;
   header: string;
   footer: string;
+  alerts: string;
+  modals: string;
 };

package/dist/types/components/shell/shell.d.ts

@@ -7,6 +7,8 @@ import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
  * @slot panel-start - A slot for adding the starting `calcite-shell-panel`.
  * @slot panel-end - A slot for adding the ending `calcite-shell-panel`.
  * @slot center-row - A slot for adding content to the center row.
+ * @slot modal - A slot for adding `calcite-modal` components. When placed in this slot, the modal position will be constrained to the extent of the shell.
+ * @slot alerts - A slot for adding `calcite-alert` components. When placed in this slot, the alert position will be constrained to the extent of the shell.
  */
 export declare class Shell implements ConditionalSlotComponent {
   /**
@@ -14,11 +16,22 @@ export declare class Shell implements ConditionalSlotComponent {
    */
   contentBehind: boolean;
   el: HTMLCalciteShellElement;
+  hasHeader: boolean;
+  hasFooter: boolean;
+  hasAlerts: boolean;
+  hasModals: boolean;
   connectedCallback(): void;
   disconnectedCallback(): void;
+  handleHeaderSlotChange: (event: Event) => void;
+  handleFooterSlotChange: (event: Event) => void;
+  handleAlertsSlotChange: (event: Event) => void;
+  handleModalsSlotChange: (event: Event) => void;
   renderHeader(): VNode;
-  renderContent(): VNode[];
   renderFooter(): VNode;
+  renderAlerts(): VNode;
+  renderModals(): VNode;
+  renderContent(): VNode[];
   renderMain(): VNode;
+  renderPositionedSlots(): VNode;
   render(): VNode;
 }

package/dist/types/components.d.ts

@@ -378,6 +378,10 @@ export namespace Components {
           * Sets focus on the component.
          */
         "setFocus": () => Promise<void>;
+        /**
+          * This internal property, managed by a containing calcite-shell, is used to inform the component if special configuration or styles are needed
+         */
+        "slottedInShell": boolean;
     }
     interface CalciteAvatar {
         /**
@@ -1686,16 +1690,6 @@ export namespace Components {
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
-        /**
-          * The component's end date.
-          * @deprecated use `value` instead.
-         */
-        "end": string;
-        /**
-          * The component's end date as a full date object.
-          * @deprecated use `valueAsDate` instead.
-         */
-        "endAsDate": Date;
         /**
           * Defines the available placements that can be used when a flip occurs.
          */
@@ -1779,16 +1773,6 @@ export namespace Components {
           * Sets focus on the component.
          */
         "setFocus": () => Promise<void>;
-        /**
-          * The component's start date.
-          * @deprecated use `value` instead.
-         */
-        "start": string;
-        /**
-          * The component's start date as a full date object.
-          * @deprecated use `valueAsDate` instead.
-         */
-        "startAsDate": Date;
         /**
           * Selected date as a string in ISO format (YYYY-MM-DD)
          */
@@ -2429,6 +2413,10 @@ export namespace Components {
           * @param focusId
          */
         "setFocus": (focusId?: "close-button") => Promise<void>;
+        /**
+          * This internal property, managed by a containing calcite-shell, is used to inform the component if special configuration or styles are needed
+         */
+        "slottedInShell": boolean;
         /**
           * Specifies the width of the component. Can use scale sizes or pass a number (displays in pixels).
          */
@@ -6444,16 +6432,6 @@ declare namespace LocalJSX {
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
-        /**
-          * The component's end date.
-          * @deprecated use `value` instead.
-         */
-        "end"?: string;
-        /**
-          * The component's end date as a full date object.
-          * @deprecated use `valueAsDate` instead.
-         */
-        "endAsDate"?: Date;
         /**
           * Defines the available placements that can be used when a flip occurs.
          */
@@ -6550,16 +6528,6 @@ declare namespace LocalJSX {
           * Specifies the size of the component.
          */
         "scale"?: "s" | "m" | "l";
-        /**
-          * The component's start date.
-          * @deprecated use `value` instead.
-         */
-        "start"?: string;
-        /**
-          * The component's start date as a full date object.
-          * @deprecated use `valueAsDate` instead.
-         */
-        "startAsDate"?: Date;
         /**
           * Selected date as a string in ISO format (YYYY-MM-DD)
          */