@tylertech/forge 3.0.0-next.5 → 3.0.0-next.7

package/esm/bottom-sheet/bottom-sheet.js

@@ -17,11 +17,6 @@ const styles = '.forge-icon-button{display:-webkit-inline-box;display:inline-fle
  * @tag forge-bottom-sheet
  */
 let BottomSheetComponent = class BottomSheetComponent extends HTMLElement {
-    constructor() {
-        super();
-        attachShadowTemplate(this, template, styles);
-        this._foundation = new BottomSheetFoundation(new BottomSheetAdapter(this));
-    }
     static get observedAttributes() {
         return [
             BOTTOM_SHEET_CONSTANTS.attributes.BACKDROP_CLOSE,
@@ -31,6 +26,11 @@ let BottomSheetComponent = class BottomSheetComponent extends HTMLElement {
             BOTTOM_SHEET_CONSTANTS.attributes.SHOW_BACKDROP
         ];
     }
+    constructor() {
+        super();
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new BottomSheetFoundation(new BottomSheetAdapter(this));
+    }
     connectedCallback() {
         this._foundation.initialize();
     }

package/esm/busy-indicator/busy-indicator-constants.d.ts

@@ -46,4 +46,4 @@ export declare const BUSY_INDICATOR_CONSTANTS: {
         SURFACE_FIXED: string;
     };
 };
-export declare type BusyIndicatorLayoutDirection = 'row' | 'column' | undefined;
+export type BusyIndicatorLayoutDirection = 'row' | 'column' | undefined;

package/esm/busy-indicator/busy-indicator.js

@@ -21,11 +21,6 @@ const styles = '.mdc-elevation-overlay{position:absolute;border-radius:inherit;p
  * @tag forge-busy-indicator
  */
 let BusyIndicatorComponent = class BusyIndicatorComponent extends BaseComponent {
-    constructor() {
-        super();
-        attachShadowTemplate(this, template, styles);
-        this._foundation = new BusyIndicatorFoundation(new BusyIndicatorAdapter(this));
-    }
     static get observedAttributes() {
         return [
             BUSY_INDICATOR_CONSTANTS.attributes.TITLE_TEXT,
@@ -37,6 +32,11 @@ let BusyIndicatorComponent = class BusyIndicatorComponent extends BaseComponent
             BUSY_INDICATOR_CONSTANTS.attributes.FIXED
         ];
     }
+    constructor() {
+        super();
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new BusyIndicatorFoundation(new BusyIndicatorAdapter(this));
+    }
     initializedCallback() {
         this._foundation.show();
     }

package/esm/button/button-component-delegate.d.ts

@@ -5,7 +5,7 @@
  */
 import { BaseComponentDelegate, IBaseComponentDelegateConfig, IBaseComponentDelegateOptions } from '../core/delegates/base-component-delegate';
 import { IButtonComponent } from './button';
-export declare type ButtonComponentDelegateProps = Partial<IButtonComponent>;
+export type ButtonComponentDelegateProps = Partial<IButtonComponent>;
 export interface IButtonComponentDelegateOptions extends IBaseComponentDelegateOptions {
     type?: 'button' | 'submit';
     text?: string;

package/esm/button/button.js

@@ -15,12 +15,12 @@ import { ForgeRipple } from '../ripple';
  * @tag forge-button
  */
 let ButtonComponent = class ButtonComponent extends BaseComponent {
-    constructor() {
-        super();
-    }
     static get observedAttributes() {
         return [BUTTON_CONSTANTS.attributes.TYPE];
     }
+    constructor() {
+        super();
+    }
     connectedCallback() {
         if (this.children.length) {
             this._initialize();

package/esm/button-toggle/button-toggle/button-toggle.js

@@ -17,12 +17,6 @@ const styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animatio
  * @tag forge-button-toggle
  */
 let ButtonToggleComponent = class ButtonToggleComponent extends BaseComponent {
-    constructor() {
-        super();
-        attachShadowTemplate(this, template, styles);
-        this._foundation = new ButtonToggleFoundation(new ButtonToggleAdapter(this));
-        this._buttonElement = getShadowElement(this, BUTTON_TOGGLE_CONSTANTS.selectors.BUTTON);
-    }
     static get observedAttributes() {
         return [
             BUTTON_TOGGLE_CONSTANTS.attributes.VALUE,
@@ -32,6 +26,12 @@ let ButtonToggleComponent = class ButtonToggleComponent extends BaseComponent {
             BUTTON_TOGGLE_CONSTANTS.attributes.BUTTON_ARIA_LABEL
         ];
     }
+    constructor() {
+        super();
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new ButtonToggleFoundation(new ButtonToggleAdapter(this));
+        this._buttonElement = getShadowElement(this, BUTTON_TOGGLE_CONSTANTS.selectors.BUTTON);
+    }
     initializedCallback() {
         this._foundation.initialize();
     }

package/esm/button-toggle/button-toggle-group/button-toggle-group-constants.d.ts

@@ -25,8 +25,8 @@ export declare const BUTTON_TOGGLE_GROUP_CONSTANTS: {
         CHANGE: string;
     };
 };
-export declare type IButtonToggleGroupChangeEventData<T = any> = T;
-export declare type ButtonToggleIconType = 'font' | 'component';
+export type IButtonToggleGroupChangeEventData<T = any> = T;
+export type ButtonToggleIconType = 'font' | 'component';
 export interface IButtonToggleOption {
     label?: string;
     icon?: string;

package/esm/button-toggle/button-toggle-group/button-toggle-group.js

@@ -18,11 +18,6 @@ const styles = '.forge-button-toggle-group{display:-webkit-box;display:flex}.for
  * @tag forge-button-toggle-group
  */
 let ButtonToggleGroupComponent = class ButtonToggleGroupComponent extends BaseComponent {
-    constructor() {
-        super();
-        attachShadowTemplate(this, template, styles);
-        this._foundation = new ButtonToggleGroupFoundation(new ButtonToggleGroupAdapter(this));
-    }
     static get observedAttributes() {
         return [
             BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.VALUE,
@@ -34,6 +29,11 @@ let ButtonToggleGroupComponent = class ButtonToggleGroupComponent extends BaseCo
             BUTTON_TOGGLE_GROUP_CONSTANTS.attributes.DENSE
         ];
     }
+    constructor() {
+        super();
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new ButtonToggleGroupFoundation(new ButtonToggleGroupAdapter(this));
+    }
     initializedCallback() {
         this._foundation.initialize();
     }

package/esm/calendar/calendar-component-delegate.d.ts

@@ -6,7 +6,7 @@
 import { BaseComponentDelegate, IBaseComponentDelegateConfig, IBaseComponentDelegateOptions } from '../core/delegates/base-component-delegate';
 import { ICalendarComponent } from './calendar';
 import { CalendarView, ICalendarDateSelectEventData, ICalendarFocusChangeEventData, ICalendarMonthChangeEventData } from './calendar-constants';
-export declare type CalendarComponentDelegateProps = Partial<ICalendarComponent>;
+export type CalendarComponentDelegateProps = Partial<ICalendarComponent>;
 export interface ICalendarComponentDelegateOptions extends IBaseComponentDelegateOptions {
 }
 export interface ICalendarComponentDelegateConfig extends IBaseComponentDelegateConfig<ICalendarComponent, ICalendarComponentDelegateOptions> {

package/esm/calendar/calendar-constants.d.ts

@@ -165,16 +165,16 @@ export declare const CALENDAR_CONSTANTS: {
         YEARS_IN_VIEW: number;
     };
 };
-export declare type CalendarDateBuilder = (date: ICalendarDateConfig, element: HTMLElement) => HTMLElement;
-export declare type CalendarDateSelectCallback = (date: ICalendarDate) => boolean | Promise<boolean>;
-export declare type CalendarDayBuilder = (day: DayOfWeek, element: HTMLElement) => HTMLElement;
-export declare type CalendarDisabledDateBuilder = (date: Date) => boolean;
-export declare type CalendarEventBuilder = (date: Date) => ICalendarEvent[] | ICalendarEvent | null;
-export declare type CalendarTooltipBuilder = (date: ICalendarDate, content: string) => string | null;
-export declare type CalendarMode = 'single' | 'multiple' | 'range';
-export declare type CalendarView = 'date' | 'month' | 'year';
-export declare type RangeSelectionState = 'none' | 'from' | 'to';
-export declare type CalendarEventColor = 'primary' | 'secondary' | 'blue' | 'light-green' | 'cyan' | 'teal' | 'orange' | 'blue-grey' | 'grey' | 'red' | 'pink' | 'purple' | 'light-blue' | 'deep-purple' | 'green' | 'lime' | 'yellow' | 'brown' | 'deep-orange';
+export type CalendarDateBuilder = (date: ICalendarDateConfig, element: HTMLElement) => HTMLElement;
+export type CalendarDateSelectCallback = (date: ICalendarDate) => boolean | Promise<boolean>;
+export type CalendarDayBuilder = (day: DayOfWeek, element: HTMLElement) => HTMLElement;
+export type CalendarDisabledDateBuilder = (date: Date) => boolean;
+export type CalendarEventBuilder = (date: Date) => ICalendarEvent[] | ICalendarEvent | null;
+export type CalendarTooltipBuilder = (date: ICalendarDate, content: string) => string | null;
+export type CalendarMode = 'single' | 'multiple' | 'range';
+export type CalendarView = 'date' | 'month' | 'year';
+export type RangeSelectionState = 'none' | 'from' | 'to';
+export type CalendarEventColor = 'primary' | 'secondary' | 'blue' | 'light-green' | 'cyan' | 'teal' | 'orange' | 'blue-grey' | 'grey' | 'red' | 'pink' | 'purple' | 'light-blue' | 'deep-purple' | 'green' | 'lime' | 'yellow' | 'brown' | 'deep-orange';
 export interface ICalendarDate {
     date: Date;
     selected: boolean;

package/esm/calendar/calendar-dropdown/calendar-dropdown.js

@@ -9,11 +9,6 @@ import { CALENDAR_CONSTANTS } from '../calendar-constants';
 import { getDateId } from '../calendar-dom-utils';
 import { CALENDAR_DROPDOWN_CONSTANTS } from './calendar-dropdown-constants';
 export class CalendarDropdown {
-    constructor(targetElement, id) {
-        this._popupClasses = [];
-        this.targetElement = targetElement;
-        this.id = id;
-    }
     get isOpen() {
         var _a, _b;
         return (_b = (_a = this.dropdownElement) === null || _a === void 0 ? void 0 : _a.open) !== null && _b !== void 0 ? _b : false;
@@ -24,6 +19,11 @@ export class CalendarDropdown {
     set popupClasses(value) {
         this._popupClasses = !!value ? isArray(value) ? [...value] : [value] : [];
     }
+    constructor(targetElement, id) {
+        this._popupClasses = [];
+        this.targetElement = targetElement;
+        this.id = id;
+    }
     close() {
         if (!this.dropdownElement) {
             return;

package/esm/calendar/calendar-menu/calendar-menu-constants.d.ts

@@ -70,5 +70,5 @@ export interface ICalendarMenuOption extends Omit<IOption, 'value'> {
     selected?: boolean;
     value: number;
 }
-export declare type CalendarDirection = 'left' | 'right';
-export declare type CalendarMenuAnimationType = 'scale' | 'fade' | 'none';
+export type CalendarDirection = 'left' | 'right';
+export type CalendarMenuAnimationType = 'scale' | 'fade' | 'none';

package/esm/calendar/calendar-menu/calendar-menu.js

@@ -17,17 +17,17 @@ const styles = '.forge-calendar-menu{background-color:#fff;background-color:var(
  * @tag forge-calendar-menu
  */
 let CalendarMenuComponent = class CalendarMenuComponent extends HTMLElement {
-    constructor() {
-        super();
-        attachShadowTemplate(this, template, styles);
-        this._foundation = new CalendarMenuFoundation(new CalendarMenuAdapter(this));
-    }
     static get observedAttributes() {
         return [
             CALENDAR_MENU_CONSTANTS.attributes.ANIMATION_TYPE,
             CALENDAR_MENU_CONSTANTS.attributes.PREVENT_FOCUS
         ];
     }
+    constructor() {
+        super();
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new CalendarMenuFoundation(new CalendarMenuAdapter(this));
+    }
     connectedCallback() {
         // To simulate the :host-context() selector for Firefox until they implement it, we need to determine if the
         // calendar is within a popup for auto-styling the calendar when included within a popup. Check to see if

package/esm/calendar/calendar.js

@@ -22,12 +22,6 @@ const styles = '.mdc-elevation-overlay{position:absolute;border-radius:inherit;p
  * @tag forge-calendar
  */
 let CalendarComponent = class CalendarComponent extends HTMLElement {
-    constructor() {
-        super();
-        IconRegistry.define([tylIconKeyboardArrowLeft, tylIconKeyboardArrowRight, tylIconArrowDropDown, tylIconLens, tylIconAdd]);
-        attachShadowTemplate(this, template, styles);
-        this._foundation = new CalendarFoundation(new CalendarAdapter(this));
-    }
     static get observedAttributes() {
         return [
             CALENDAR_CONSTANTS.attributes.ALLOW_SINGLE_DATE_RANGE,
@@ -54,6 +48,12 @@ let CalendarComponent = class CalendarComponent extends HTMLElement {
             CALENDAR_CONSTANTS.attributes.YEAR_RANGE
         ];
     }
+    constructor() {
+        super();
+        IconRegistry.define([tylIconKeyboardArrowLeft, tylIconKeyboardArrowRight, tylIconArrowDropDown, tylIconLens, tylIconAdd]);
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new CalendarFoundation(new CalendarAdapter(this));
+    }
     connectedCallback() {
         // To simulate the :host-context() selector for Firefox until they implement it, we need to determine if the
         // calendar is within a popup for auto-styling the calendar when included within a popup. Check to see if

package/esm/card/card.js

@@ -15,17 +15,17 @@ const styles = '.forge-card{background-color:#fff;background-color:var(--mdc-the
  * @tag forge-card
  */
 let CardComponent = class CardComponent extends BaseComponent {
+    static get observedAttributes() {
+        return [
+            CARD_CONSTANTS.attributes.OUTLINED
+        ];
+    }
     constructor() {
         super();
         this._outlined = false;
         attachShadowTemplate(this, template, styles);
         this._rootElement = getShadowElement(this, CARD_CONSTANTS.selectors.ROOT);
     }
-    static get observedAttributes() {
-        return [
-            CARD_CONSTANTS.attributes.OUTLINED
-        ];
-    }
     connectedCallback() {
         this._applyOutlined();
     }

package/esm/checkbox/checkbox-component-delegate.d.ts

@@ -6,7 +6,7 @@
 import { FormFieldComponentDelegate, IFormFieldComponentDelegateOptions } from '../core';
 import { IBaseComponentDelegateConfig } from '../core/delegates/base-component-delegate';
 import { ICheckboxComponent } from './checkbox';
-export declare type CheckboxComponentDelegateProps = Partial<ICheckboxComponent>;
+export type CheckboxComponentDelegateProps = Partial<ICheckboxComponent>;
 export interface ICheckboxComponentDelegateOptions extends IFormFieldComponentDelegateOptions {
     id?: string;
     label?: string;

package/esm/checkbox/checkbox.js

@@ -17,14 +17,14 @@ const styles = '.mdc-checkbox{padding:calc((40px - 18px)/ 2);padding:calc((var(-
  * @tag forge-checkbox
  */
 let CheckboxComponent = class CheckboxComponent extends BaseComponent {
+    static get observedAttributes() {
+        return [CHECKBOX_CONSTANTS.attributes.DENSE];
+    }
     constructor() {
         super();
         attachShadowTemplate(this, template, styles);
         this._foundation = new CheckboxFoundation(new CheckboxAdapter(this));
     }
-    static get observedAttributes() {
-        return [CHECKBOX_CONSTANTS.attributes.DENSE];
-    }
     async connectedCallback() {
         await this._ensureInputElement();
         this._foundation.connect();

package/esm/chip-field/chip-field-component-delegate.d.ts

@@ -6,7 +6,7 @@
 import { IBaseComponentDelegateConfig } from '../core/delegates/base-component-delegate';
 import { FormFieldComponentDelegate, IFormFieldComponentDelegateOptions } from '../core/delegates/form-field-component-delegate';
 import { IChipFieldComponent } from './chip-field';
-export declare type ChipFieldComponentDelegateProps = Partial<IChipFieldComponent>;
+export type ChipFieldComponentDelegateProps = Partial<IChipFieldComponent>;
 export interface IChipFieldComponentDelegateOptions extends IFormFieldComponentDelegateOptions {
     id?: string;
     label?: string;

package/esm/chips/chip/chip.js

@@ -19,12 +19,6 @@ const styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animatio
  * @tag forge-chip
  */
 let ChipComponent = class ChipComponent extends BaseComponent {
-    constructor() {
-        super();
-        IconRegistry.define(tylIconCancel);
-        attachShadowTemplate(this, template, styles);
-        this._foundation = new ChipFoundation(new ChipAdapter(this));
-    }
     static get observedAttributes() {
         return [
             CHIP_CONSTANTS.attributes.TYPE,
@@ -36,6 +30,12 @@ let ChipComponent = class ChipComponent extends BaseComponent {
             CHIP_CONSTANTS.attributes.EMULATE_FOCUS
         ];
     }
+    constructor() {
+        super();
+        IconRegistry.define(tylIconCancel);
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new ChipFoundation(new ChipAdapter(this));
+    }
     connectedCallback() {
         this._foundation.initialize();
     }

package/esm/chips/chip-set/chip-set.js

@@ -18,11 +18,6 @@ const styles = '.forge-chip-set{gap:4px;gap:var(--forge-chip-set-spacing,4px);di
  * @tag forge-chip-set
  */
 let ChipSetComponent = class ChipSetComponent extends BaseComponent {
-    constructor() {
-        super();
-        attachShadowTemplate(this, template, styles);
-        this._foundation = new ChipSetFoundation(new ChipSetAdapter(this));
-    }
     static get observedAttributes() {
         return [
             CHIP_SET_CONSTANTS.attributes.VERTICAL,
@@ -31,6 +26,11 @@ let ChipSetComponent = class ChipSetComponent extends BaseComponent {
             CHIP_SET_CONSTANTS.attributes.DISABLED
         ];
     }
+    constructor() {
+        super();
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new ChipSetFoundation(new ChipSetAdapter(this));
+    }
     connectedCallback() {
         this._foundation.initialize();
     }

package/esm/circular-progress/circular-progress.js

@@ -39,11 +39,6 @@ const styles = ':host{display:-webkit-inline-box;display:inline-flex;vertical-al
  * @csspart progressbar - Styles the progress bar container element
  */
 let CircularProgressComponent = class CircularProgressComponent extends BaseComponent {
-    constructor() {
-        super();
-        attachShadowTemplate(this, template, styles);
-        this._foundation = new CircularProgressFoundation(new CircularProgressAdapter(this));
-    }
     static get observedAttributes() {
         return [
             CIRCULAR_PROGRESS_CONSTANTS.attributes.DETERMINATE,
@@ -51,6 +46,11 @@ let CircularProgressComponent = class CircularProgressComponent extends BaseComp
             CIRCULAR_PROGRESS_CONSTANTS.attributes.ARIA_LABEL
         ];
     }
+    constructor() {
+        super();
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new CircularProgressFoundation(new CircularProgressAdapter(this));
+    }
     connectedCallback() {
         this._foundation.initialize();
     }

package/esm/color-picker/color-picker-constants.d.ts

@@ -67,8 +67,8 @@ export interface IHSVA {
     v: number;
     a: number;
 }
-export declare type ColorPickerChangeEventType = 'slider' | 'input';
-export declare type ColorPickerChangeEventSource = 'gradient' | 'hue' | 'opacity' | 'hex' | 'rgba' | 'hsva';
+export type ColorPickerChangeEventType = 'slider' | 'input';
+export type ColorPickerChangeEventSource = 'gradient' | 'hue' | 'opacity' | 'hex' | 'rgba' | 'hsva';
 export interface IColorPickerChangeEventData {
     type: ColorPickerChangeEventType;
     source: ColorPickerChangeEventSource;

package/esm/color-picker/color-picker.js

@@ -21,12 +21,6 @@ const styles = '.forge-icon-button{display:-webkit-inline-box;display:inline-fle
  * @tag forge-color-picker
  */
 let ColorPickerComponent = class ColorPickerComponent extends BaseComponent {
-    constructor() {
-        super();
-        IconRegistry.define(tylIconUnfoldMore);
-        attachShadowTemplate(this, template, styles);
-        this._foundation = new ColorPickerFoundation(new ColorPickerAdapter(this));
-    }
     static get observedAttributes() {
         return [
             COLOR_PICKER_CONSTANTS.attributes.VALUE,
@@ -34,6 +28,12 @@ let ColorPickerComponent = class ColorPickerComponent extends BaseComponent {
             COLOR_PICKER_CONSTANTS.attributes.DEBOUNCE_CHANGE_EVENT
         ];
     }
+    constructor() {
+        super();
+        IconRegistry.define(tylIconUnfoldMore);
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new ColorPickerFoundation(new ColorPickerAdapter(this));
+    }
     connectedCallback() {
         this._foundation.initialize();
     }

package/esm/core/delegates/base-component-delegate.d.ts

@@ -3,7 +3,7 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-export declare type BaseComponentDelegateProps<T extends HTMLElement> = Partial<T>;
+export type BaseComponentDelegateProps<T extends HTMLElement> = Partial<T>;
 export interface IBaseComponentDelegateOptions {
     style?: Partial<CSSStyleDeclaration> | {
         [key: string]: string;

package/esm/core/delegates/base-component-delegate.js

@@ -5,13 +5,13 @@
  */
 import { removeAllChildren, removeElement } from '@tylertech/forge-core';
 export class BaseComponentDelegate {
+    get element() {
+        return this._element;
+    }
     constructor(_config = {}) {
         this._config = _config;
         this._initialize();
     }
-    get element() {
-        return this._element;
-    }
     destroy() {
         this.disconnect();
     }

package/esm/core/delegates/form-field-component-delegate.d.ts

@@ -4,7 +4,7 @@
  * License: Apache-2.0
  */
 import { BaseComponentDelegate, IBaseComponentDelegate, IBaseComponentDelegateOptions, IBaseComponentDelegateConfig } from './base-component-delegate';
-export declare type FormFieldComponentDelegateProps<T> = Partial<T>;
+export type FormFieldComponentDelegateProps<T> = Partial<T>;
 export interface IFormFieldComponentDelegateOptions extends IBaseComponentDelegateOptions {
 }
 export interface IFormFieldComponentDelegate<T extends HTMLElement> extends IBaseComponentDelegate<T> {

package/esm/core/mask/time-segment-parser.d.ts

@@ -3,7 +3,7 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-export declare type TimeSegmentType = 'hours' | 'minutes' | 'seconds' | 'meridiem';
+export type TimeSegmentType = 'hours' | 'minutes' | 'seconds' | 'meridiem';
 export interface ISegmentDescriptor {
     segment: TimeSegmentType;
     value: string;

package/esm/core/utils/utils.d.ts

@@ -59,3 +59,20 @@ export declare function safeMin(...args: (number | undefined)[]): number;
  * @returns The max value or `Number.NEGATIVE_INFINITY` if all values are `undefined`.
  */
 export declare function safeMax(...args: (number | undefined)[]): number;
+/**
+ * Determines if two elements are overlapping.
+ * @param elA {Element | null}
+ * @param elB {Element | null}
+ * @returns
+ */
+export declare function elementsOverlapping(elA: Element | null, elB: Element | null): boolean;
+/**
+ * Determines if a pointer event is over an element.
+ * @param event {PointerEvent} The pointer event to test.
+ * @param element {HTMElement} The element to test against.
+ * @returns
+ */
+export declare function isPointerOverElement({ x, y }: {
+    x: number;
+    y: number;
+}, element: HTMLElement | null): boolean;

package/esm/core/utils/utils.js

@@ -113,3 +113,30 @@ export function safeMin(...args) {
 export function safeMax(...args) {
     return Math.max(...args.map(arg => arg !== null && arg !== void 0 ? arg : Number.NEGATIVE_INFINITY));
 }
+/**
+ * Determines if two elements are overlapping.
+ * @param elA {Element | null}
+ * @param elB {Element | null}
+ * @returns
+ */
+export function elementsOverlapping(elA, elB) {
+    if (!(elA && elB)) {
+        return false;
+    }
+    const a = elA.getBoundingClientRect();
+    const b = elB.getBoundingClientRect();
+    return !(a.top > b.bottom || a.right < b.left || a.bottom < b.top || a.left > b.right);
+}
+/**
+ * Determines if a pointer event is over an element.
+ * @param event {PointerEvent} The pointer event to test.
+ * @param element {HTMElement} The element to test against.
+ * @returns
+ */
+export function isPointerOverElement({ x, y }, element) {
+    if (!element) {
+        return false;
+    }
+    const { top, left, bottom, right } = element.getBoundingClientRect();
+    return x >= left && x <= right && y >= top && y <= bottom;
+}

package/esm/date-picker/date-picker-component-delegate.d.ts

@@ -7,7 +7,7 @@ import { IBaseComponentDelegateConfig } from '../core/delegates/base-component-d
 import { FormFieldComponentDelegate, IFormFieldComponentDelegateOptions } from '../core/delegates/form-field-component-delegate';
 import { ITextFieldComponent, ITextFieldComponentDelegateConfig } from '../text-field';
 import { IDatePickerComponent } from './date-picker';
-export declare type DatePickerComponentDelegateProps = Partial<IDatePickerComponent>;
+export type DatePickerComponentDelegateProps = Partial<IDatePickerComponent>;
 export interface IDatePickerComponentDelegateOptions extends IFormFieldComponentDelegateOptions {
     useDropdownIcon?: boolean;
     textFieldDelegateConfig?: ITextFieldComponentDelegateConfig;

package/esm/date-range-picker/date-range-picker-component-delegate.d.ts

@@ -8,7 +8,7 @@ import { FieldDensityType } from '../field/field-constants';
 import { ITextFieldComponent } from '../text-field';
 import { IDateRangePickerComponent } from './date-range-picker';
 import { IDateRangePickerChangeEventData } from './date-range-picker-constants';
-export declare type DateRangePickerComponentDelegateProps = Partial<IDateRangePickerComponent>;
+export type DateRangePickerComponentDelegateProps = Partial<IDateRangePickerComponent>;
 export interface IDateRangePickerComponentDelegateOptions extends IFormFieldComponentDelegateOptions {
     useDropdownIcon?: boolean;
     fromPlaceholder?: string;

package/esm/dialog/dialog-constants.d.ts

@@ -61,5 +61,5 @@ export interface IDialogMoveContext {
 }
 export interface IDialogMoveStartEventData extends IDialogMoveEventData {
 }
-export declare type DialogPositionType = 'absolute' | 'relative';
-export declare type DialogStateCallback = () => boolean | void | Promise<boolean | void>;
+export type DialogPositionType = 'absolute' | 'relative';
+export type DialogStateCallback = () => boolean | void | Promise<boolean | void>;

package/esm/dialog/dialog.js

@@ -18,11 +18,6 @@ const styles = '.forge-dialog{position:fixed;top:0;bottom:0;left:0;right:0;z-ind
  * @tag forge-dialog
  */
 let DialogComponent = class DialogComponent extends BaseComponent {
-    constructor() {
-        super();
-        attachShadowTemplate(this, template, styles);
-        this._foundation = new DialogFoundation(new DialogAdapter(this));
-    }
     static get observedAttributes() {
         return [
             DIALOG_CONSTANTS.attributes.BACKDROP_CLOSE,
@@ -36,6 +31,11 @@ let DialogComponent = class DialogComponent extends BaseComponent {
             DIALOG_CONSTANTS.attributes.MOVE_TARGET
         ];
     }
+    constructor() {
+        super();
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new DialogFoundation(new DialogAdapter(this));
+    }
     connectedCallback() {
         this._foundation.initialize();
     }

package/esm/drawer/base/base-drawer-constants.d.ts

@@ -24,4 +24,4 @@ export declare const BASE_DRAWER_CONSTANTS: {
         AFTER_CLOSE: string;
     };
 };
-export declare type DrawerDirection = 'left' | 'right';
+export type DrawerDirection = 'left' | 'right';

package/esm/expansion-panel/expansion-panel.js

@@ -17,11 +17,6 @@ const styles = '.forge-expansion-panel{display:block;display:var(--forge-expansi
  * @tag forge-expansion-panel
  */
 let ExpansionPanelComponent = class ExpansionPanelComponent extends BaseComponent {
-    constructor() {
-        super();
-        attachShadowTemplate(this, template, styles);
-        this._foundation = new ExpansionPanelFoundation(new ExpansionPanelAdapter(this));
-    }
     static get observedAttributes() {
         return [
             EXPANSION_PANEL_CONSTANTS.attributes.OPEN,
@@ -29,6 +24,11 @@ let ExpansionPanelComponent = class ExpansionPanelComponent extends BaseComponen
             EXPANSION_PANEL_CONSTANTS.attributes.USE_ANIMATIONS
         ];
     }
+    constructor() {
+        super();
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new ExpansionPanelFoundation(new ExpansionPanelAdapter(this));
+    }
     initializedCallback() {
         this._foundation.initialize();
     }

package/esm/field/field-constants.d.ts

@@ -34,6 +34,6 @@ export declare const FIELD_CONSTANTS: {
         LABEL: string;
     };
 };
-export declare type FieldDensityType = 'roomy' | 'default' | 'dense';
-export declare type FieldFloatLabelType = 'always' | 'auto';
-export declare type FieldShapeType = 'default' | 'rounded';
+export type FieldDensityType = 'roomy' | 'default' | 'dense';
+export type FieldFloatLabelType = 'always' | 'auto';
+export type FieldShapeType = 'default' | 'rounded';