@esri/calcite-components 1.3.0-next.1 → 1.3.0-next.3

package/dist/types/components/action-bar/action-bar.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { Event, EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 import { LoadableComponent } from "../../utils/loadable";
 import { LocalizedComponent } from "../../utils/locale";
@@ -25,6 +25,7 @@ export declare class ActionBar implements ConditionalSlotComponent, LoadableComp
    *  The layout direction of the actions.
    */
   layout: Extract<"horizontal" | "vertical", Layout>;
+  layoutHandler(): void;
   /**
    * Disables automatically overflowing `calcite-action`s that won't fit into menus.
    */
@@ -81,6 +82,9 @@ export declare class ActionBar implements ConditionalSlotComponent, LoadableComp
   conditionallyOverflowActions: () => void;
   toggleExpand: () => void;
   setExpandToggleRef: (el: HTMLCalciteActionElement) => void;
+  updateGroups(): void;
+  setGroupLayout(groups: HTMLCalciteActionGroupElement[]): void;
+  handleDefaultSlotChange: (event: Event) => void;
   renderBottomActionGroup(): VNode;
   render(): VNode;
 }

package/dist/types/components/action-group/action-group.d.ts

@@ -19,6 +19,8 @@ export declare class ActionGroup implements ConditionalSlotComponent, LoadableCo
   expandedHandler(): void;
   /**
    * Indicates the layout of the component.
+   *
+   * @deprecated Use the `layout` property on the component's parent instead.
    */
   layout: Layout;
   /**

package/dist/types/components/action-pad/action-pad.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { Event, EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 import { LoadableComponent } from "../../utils/loadable";
 import { LocalizedComponent } from "../../utils/locale";
@@ -23,6 +23,7 @@ export declare class ActionPad implements ConditionalSlotComponent, LoadableComp
    * Indicates the layout of the component.
    */
   layout: Layout;
+  layoutHandler(): void;
   /**
    * Arranges the component depending on the element's `dir` property.
    */
@@ -47,6 +48,7 @@ export declare class ActionPad implements ConditionalSlotComponent, LoadableComp
    */
   calciteActionPadToggle: EventEmitter<void>;
   el: HTMLCalciteActionPadElement;
+  mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   expandToggleEl: HTMLCalciteActionElement;
   effectiveLocale: string;
   effectiveLocaleChange(): void;
@@ -62,6 +64,9 @@ export declare class ActionPad implements ConditionalSlotComponent, LoadableComp
   actionMenuOpenHandler: (event: CustomEvent<void>) => void;
   toggleExpand: () => void;
   setExpandToggleRef: (el: HTMLCalciteActionElement) => void;
+  updateGroups(): void;
+  setGroupLayout(groups: HTMLCalciteActionGroupElement[]): void;
+  handleDefaultSlotChange: (event: Event) => void;
   renderBottomActionGroup(): VNode;
   render(): VNode;
 }

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

@@ -78,7 +78,6 @@ export declare class Modal implements ConditionalSlotComponent, OpenCloseCompone
   openTransitionProp: string;
   transitionEl: HTMLDivElement;
   focusTrap: FocusTrap;
-  focusTrapEl: HTMLDivElement;
   closeButtonEl: HTMLButtonElement;
   contentId: string;
   cssWidth: string | number;
@@ -133,6 +132,7 @@ export declare class Modal implements ConditionalSlotComponent, OpenCloseCompone
   /** Close the modal, first running the `beforeClose` method */
   close: () => Promise<void>;
   private removeOverflowHiddenClass;
+  private handleMutationObserver;
   private updateFooterVisibility;
   private updateSizeCssVars;
   private contentTopSlotChangeHandler;

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

@@ -7,6 +7,7 @@ import { T9nComponent } from "../../utils/t9n";
 import { PanelMessages } from "./assets/panel/t9n";
 /**
  * @slot - A slot for adding custom content.
+ * @slot action-bar - A slot for adding a `calcite-action-bar` to the component.
  * @slot header-actions-start - A slot for adding actions or content to the start side of the header.
  * @slot header-actions-end - A slot for adding actions or content to the end side of the header.
  * @slot header-content - A slot for adding custom content to the header.
@@ -68,6 +69,7 @@ export declare class Panel implements InteractiveComponent, LoadableComponent, L
   hasEndActions: boolean;
   hasMenuItems: boolean;
   hasHeaderContent: boolean;
+  hasActionBar: boolean;
   hasFooterContent: boolean;
   hasFooterActions: boolean;
   hasFab: boolean;
@@ -92,6 +94,7 @@ export declare class Panel implements InteractiveComponent, LoadableComponent, L
   handleHeaderActionsStartSlotChange: (event: Event) => void;
   handleHeaderActionsEndSlotChange: (event: Event) => void;
   handleHeaderMenuActionsSlotChange: (event: Event) => void;
+  handleActionBarSlotChange: (event: Event) => void;
   handleHeaderContentSlotChange: (event: Event) => void;
   handleFooterSlotChange: (event: Event) => void;
   handleFooterActionsSlotChange: (event: Event) => void;
@@ -113,6 +116,7 @@ export declare class Panel implements InteractiveComponent, LoadableComponent, L
    */
   scrollContentTo(options?: ScrollToOptions): Promise<void>;
   renderHeaderContent(): VNode;
+  renderActionBar(): VNode;
   /**
    * Allows user to override the entire header-content node.
    */

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

@@ -1,4 +1,5 @@
 export declare const CSS: {
+  actionBarContainer: string;
   backButton: string;
   container: string;
   header: string;
@@ -22,6 +23,7 @@ export declare const ICONS: {
   backRight: string;
 };
 export declare const SLOTS: {
+  actionBar: string;
   headerActionsStart: string;
   headerActionsEnd: string;
   headerMenuActions: string;

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

@@ -102,6 +102,7 @@ export declare class Popover implements FloatingUIComponent, OpenCloseComponent,
    * This property can be set to `true` to manage when the component is open.
    */
   triggerDisabled: boolean;
+  mutationObserver: MutationObserver;
   filteredFlipPlacements: EffectivePlacement[];
   el: HTMLCalcitePopoverElement;
   effectiveLocale: string;
@@ -115,7 +116,6 @@ export declare class Popover implements FloatingUIComponent, OpenCloseComponent,
   transitionEl: HTMLDivElement;
   hasLoaded: boolean;
   focusTrap: FocusTrap;
-  focusTrapEl: HTMLDivElement;
   connectedCallback(): void;
   componentWillLoad(): Promise<void>;
   componentDidLoad(): void;

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

@@ -74,4 +74,5 @@ export declare class ShellPanel implements ConditionalSlotComponent, LocalizedCo
   separatorPointerDown: (event: PointerEvent) => void;
   connectSeparator: (separatorEl: HTMLDivElement) => void;
   disconnectSeparator: () => void;
+  handleActionBarSlotChange: (event: Event) => void;
 }

package/dist/types/components.d.ts

@@ -240,6 +240,7 @@ export namespace Components {
         "expanded": boolean;
         /**
           * Indicates the layout of the component.
+          * @deprecated Use the `layout` property on the component's parent instead.
          */
         "layout": Layout;
         /**
@@ -5229,6 +5230,7 @@ declare namespace LocalJSX {
         "expanded"?: boolean;
         /**
           * Indicates the layout of the component.
+          * @deprecated Use the `layout` property on the component's parent instead.
          */
         "layout"?: Layout;
         /**

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export { getAssetPath } from "./stencil-public-runtime";

package/dist/types/utils/focusTrapComponent.d.ts

@@ -1,8 +1,12 @@
 import { FocusTrap as _FocusTrap } from "focus-trap";
 /**
- * Defines interface for components with a focus trap.
+ * Defines interface for components with a focus trap. Focusable content is required for components implementing focus trapping with this interface.
  */
 export interface FocusTrapComponent {
+  /**
+   * The focus trap element.
+   */
+  el: HTMLElement;
   /**
    * When `true`, prevents focus trapping.
    */
@@ -11,10 +15,6 @@ export interface FocusTrapComponent {
    * The focus trap instance.
    */
   focusTrap: FocusTrap;
-  /**
-   * The focus trap element.
-   */
-  focusTrapEl: HTMLElement;
   /**
    * Method to update the element(s) that are used within the FocusTrap component.
    */

package/dist/types/utils/observers.d.ts

@@ -4,7 +4,7 @@ export interface ExtendedMutationObserver extends MutationObserver {
 }
 type ObserverType = "mutation" | "intersection" | "resize";
 type ObserverCallbackType<T extends ObserverType> = T extends "mutation" ? MutationCallback : T extends "intersection" ? IntersectionObserverCallback : T extends "resize" ? ResizeObserverCallback : never;
-type ObserverOptions<T extends ObserverType> = T extends "mutation" ? MutationObserverInit : T extends "intersection" ? IntersectionObserverInit : T extends "resize" ? never : never;
+type ObserverOptions<T extends ObserverType> = T extends "intersection" ? IntersectionObserverInit : never;
 type ObserverInstanceType<T extends ObserverType> = T extends "mutation" ? ExtendedMutationObserver : T extends "intersection" ? IntersectionObserver : T extends "resize" ? ResizeObserver : never;
 /**
  * This utility ensures observers are created only for browser contexts.