@tylertech/forge 3.13.1 → 3.14.0-dev.0

package/esm/open-icon/open-icon.js

@@ -1,29 +1,28 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { __decorate } from "tslib";
-import { customElement, attachShadowTemplate, coerceBoolean } from '@tylertech/forge-core';
-import { tylIconKeyboardArrowRight, tylIconKeyboardArrowDown } from '@tylertech/tyler-icons';
-import { OPEN_ICON_CONSTANTS } from './open-icon-constants';
-import { IconRegistry, IconComponent } from '../icon';
-import { BaseComponent } from '../core/base/base-component';
-const template = '<template><span class=\"forge-open-icon\" part=\"root\"><slot><forge-icon class=\"icon\" part=\"icon\" name=\"keyboard_arrow_down\"></forge-icon></slot></span></template>';
-const styles = ':host{display:inline-flex}:host([hidden]){display:none}.forge-open-icon{--_open-icon-color:var(--forge-open-icon-color, var(--forge-theme-text-high, rgba(0, 0, 0, 0.87)));--_open-icon-size:var(--forge-open-icon-size, 24px);--_open-icon-height:var(--forge-open-icon-height, var(--_open-icon-size));--_open-icon-width:var(--forge-open-icon-width, var(--_open-icon-size));--_open-icon-initial-rotation:var(--forge-open-icon-initial-rotation, 0);--_open-icon-open-rotation:var(--forge-open-icon-open-rotation, 180deg);--_open-icon-animation-duration:var(--forge-open-icon-animation-duration, var(--forge-animation-duration-medium4, 400ms));--_open-icon-half-animation-duration:var(--forge-open-icon-half-animation-duration, var(--forge-animation-duration-short4, 200ms));--_open-icon-animation-timing:var(--forge-open-icon-animation-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)))}.forge-open-icon{height:var(--_open-icon-height);width:var(--_open-icon-width);color:var(--_open-icon-color);rotate:var(--_open-icon-initial-rotation);transition:rotate var(--_open-icon-animation-duration) var(--_open-icon-animation-timing)}::slotted(forge-icon),forge-icon{--forge-icon-size:var(--_open-icon-size)}:host([open]) .forge-open-icon{rotate:var(--_open-icon-open-rotation)}:host([orientation=horizontal]) .forge-open-icon{--_open-icon-initial-rotation:var(--forge-open-icon-initial-rotation, -90deg);--_open-icon-open-rotation:var(--forge-open-icon-open-rotation, 90deg)}:host([rotation=half]) .forge-open-icon{--_open-icon-open-rotation:var(--forge-open-icon-open-rotation, -90deg);--_open-icon-animation-duration:var(--_open-icon-half-animation-duration)}:host([orientation=horizontal][rotation=half]) .forge-open-icon{--_open-icon-initial-rotation:var(--forge-open-icon-initial-rotation, -90deg);--_open-icon-open-rotation:var(--forge-open-icon-open-rotation, 0);--_open-icon-animation-duration:var(--_open-icon-half-animation-duration)}@media prefers-reduced-motion{.forge-open-icon{transition:none}}';
+
+import { __decorate } from 'tslib';
+import { CUSTOM_ELEMENT_NAME_PROPERTY, CUSTOM_ELEMENT_DEPENDENCIES_PROPERTY } from '@tylertech/forge-core';
+import { tylIconKeyboardArrowDown } from '@tylertech/tyler-icons';
+import { unsafeCSS, html } from 'lit';
+import { property, customElement } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { BaseLitElement } from '../core/base/base-lit-element.js';
+import { toggleState } from '../core/utils/utils.js';
+import '../icon/index.js';
+import { OPEN_ICON_CONSTANTS } from './open-icon-constants.js';
+import styles from './open-icon.scss.js';
+import { IconComponent } from '../icon/icon.js';
+import { IconRegistry } from '../icon/icon-registry.js';
+
+var _a, _b;
 /**
  * @tag forge-open-icon
  *
  * @summary Open icons are icons used to indicate whether a section is open or closed. They provide an animated transition between the two states to enhance the user experience.
- 
- *
- * @property {boolean} [open=false] - Whether the icon is open or closed.
- * @property {OpenIconOrientation} [orientation=vertical] - The orientation of the rotation.
- * @property {OpenIconRotation} [rotation=full] - The rotation amount.
- *
- * @attribute {boolean} [open=false] - Whether the icon is open or closed.
- * @attribute {OpenIconOrientation} [orientation=vertical] - The orientation of the rotation.
- * @attribute {OpenIconRotation} [rotation=full] - The rotation amount.
  *
  * @cssproperty --forge-open-icon-color - The color of the icon.
  * @cssproperty --forge-open-icon-size - The size of the icon.
@@ -39,65 +38,74 @@ const styles = ':host{display:inline-flex}:host([hidden]){display:none}.forge-op
  * @csspart icon - The icon element.
  *
  * @slot - The icon to display when open.
+ *
+ * @state open - Applied when the icon is in the open state.
  */
-let OpenIconComponent = class OpenIconComponent extends BaseComponent {
-    static get observedAttributes() {
-        return Object.values(OPEN_ICON_CONSTANTS.observedAttributes);
-    }
-    constructor() {
-        super();
-        this._open = false;
-        this._orientation = OPEN_ICON_CONSTANTS.defaults.ORIENTATION;
-        this._rotation = OPEN_ICON_CONSTANTS.defaults.ROTATION;
-        IconRegistry.define([tylIconKeyboardArrowRight, tylIconKeyboardArrowDown]);
-        attachShadowTemplate(this, template, styles);
+let OpenIconComponent = class OpenIconComponent extends BaseLitElement {
+    static { _a = CUSTOM_ELEMENT_NAME_PROPERTY, _b = CUSTOM_ELEMENT_DEPENDENCIES_PROPERTY; }
+    static { this.styles = unsafeCSS(styles); }
+    /** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
+    static { this[_a] = OPEN_ICON_CONSTANTS.elementName; }
+    /** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
+    static { this[_b] = [IconComponent]; }
+    static {
+        IconRegistry.define(tylIconKeyboardArrowDown);
     }
-    attributeChangedCallback(name, oldValue, newValue) {
-        switch (name) {
-            case OPEN_ICON_CONSTANTS.attributes.OPEN:
-                this.open = coerceBoolean(newValue);
-                break;
-            case OPEN_ICON_CONSTANTS.attributes.ORIENTATION:
-                this.orientation = newValue;
-                break;
-            case OPEN_ICON_CONSTANTS.attributes.ROTATION:
-                this.rotation = newValue;
-                break;
+    #internals;
+    willUpdate(changedProperties) {
+        if (changedProperties.has('open')) {
+            toggleState(this.#internals, 'open', this.open);
         }
     }
-    get open() {
-        return this._open;
-    }
-    set open(value) {
-        value = Boolean(value);
-        if (this._open !== value) {
-            this._open = value;
-            this.toggleAttribute(OPEN_ICON_CONSTANTS.attributes.OPEN, value);
-        }
-    }
-    get orientation() {
-        return this._orientation;
-    }
-    set orientation(value) {
-        if (this._orientation !== value) {
-            this._orientation = value;
-            this.setAttribute(OPEN_ICON_CONSTANTS.attributes.ORIENTATION, value);
-        }
-    }
-    get rotation() {
-        return this._rotation;
+    constructor() {
+        super();
+        // TODO: Remove attribute reflection
+        /**
+         * Whether the icon is open or closed.
+         * @default false
+         * @attribute
+         */
+        this.open = false;
+        /**
+         * The orientation of the rotation.
+         * @default 'vertical'
+         * @attribute
+         */
+        this.orientation = 'vertical';
+        /**
+         * The rotation amount.
+         * @default 'full'
+         * @attribute
+         */
+        this.rotation = 'full';
+        this.#internals = this.attachInternals();
     }
-    set rotation(value) {
-        if (this._rotation !== value) {
-            this._rotation = value;
-            this.setAttribute(OPEN_ICON_CONSTANTS.attributes.ROTATION, value);
-        }
+    render() {
+        const rootClasses = {
+            'forge-open-icon': true,
+            horizontal: this.orientation === 'horizontal',
+            'half-rotation': this.rotation === 'half'
+        };
+        return html `
+      <span class=${classMap(rootClasses)} part="root">
+        <slot>
+          <forge-icon class="icon" part="icon" name="keyboard_arrow_down"></forge-icon>
+        </slot>
+      </span>
+    `;
     }
 };
+__decorate([
+    property({ type: Boolean, reflect: true })
+], OpenIconComponent.prototype, "open", void 0);
+__decorate([
+    property({ reflect: true })
+], OpenIconComponent.prototype, "orientation", void 0);
+__decorate([
+    property({ reflect: true })
+], OpenIconComponent.prototype, "rotation", void 0);
 OpenIconComponent = __decorate([
-    customElement({
-        name: OPEN_ICON_CONSTANTS.elementName,
-        dependencies: [IconComponent]
-    })
+    customElement(OPEN_ICON_CONSTANTS.elementName)
 ], OpenIconComponent);
+
 export { OpenIconComponent };

package/esm/open-icon/open-icon.scss.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var styles = ":host{display:inline-flex}:host([hidden]){display:none}.forge-open-icon{--_open-icon-color:var(--forge-open-icon-color, var(--forge-theme-text-high, rgba(0, 0, 0, 0.87)));--_open-icon-size:var(--forge-open-icon-size, 24px);--_open-icon-height:var(--forge-open-icon-height, var(--_open-icon-size));--_open-icon-width:var(--forge-open-icon-width, var(--_open-icon-size));--_open-icon-initial-rotation:var(--forge-open-icon-initial-rotation, 0);--_open-icon-open-rotation:var(--forge-open-icon-open-rotation, 180deg);--_open-icon-animation-duration:var(--forge-open-icon-animation-duration, var(--forge-animation-duration-medium4, 400ms));--_open-icon-half-animation-duration:var(--forge-open-icon-half-animation-duration, var(--forge-animation-duration-short4, 200ms));--_open-icon-animation-timing:var(--forge-open-icon-animation-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)))}.forge-open-icon{height:var(--_open-icon-height);width:var(--_open-icon-width);color:var(--_open-icon-color);rotate:var(--_open-icon-initial-rotation);transition:rotate var(--_open-icon-animation-duration) var(--_open-icon-animation-timing)}::slotted(forge-icon),forge-icon{--forge-icon-size: var(--_open-icon-size)}:host(:state(open)) .forge-open-icon{rotate:var(--_open-icon-open-rotation)}.forge-open-icon.horizontal{--_open-icon-initial-rotation:var(--forge-open-icon-initial-rotation, -90deg);--_open-icon-open-rotation:var(--forge-open-icon-open-rotation, 90deg)}.forge-open-icon.half-rotation{--_open-icon-open-rotation:var(--forge-open-icon-open-rotation, -90deg);--_open-icon-animation-duration:var(--_open-icon-half-animation-duration)}.forge-open-icon.horizontal.half-rotation{--_open-icon-initial-rotation:var(--forge-open-icon-initial-rotation, -90deg);--_open-icon-open-rotation:var(--forge-open-icon-open-rotation, 0);--_open-icon-animation-duration:var(--_open-icon-half-animation-duration)}@media prefers-reduced-motion{.forge-open-icon{transition:none}}";
+
+export { styles as default };

package/esm/overlay/base/base-overlay-core.d.ts

@@ -1,11 +1,6 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { IBaseAdapter } from '../../core';
-import { PositionPlacement, VirtualElement } from '../../core/utils/position-utils';
-import { IOverlayOffset, OverlayFlipState, OverlayHideState, OverlayPlacement, OverlayPositionStrategy, OverlayShiftState } from '../overlay-constants';
+import { IBaseAdapter } from '../../core/index.js';
+import { PositionPlacement, VirtualElement } from '../../core/utils/position-utils.js';
+import { IOverlayOffset, OverlayFlipState, OverlayHideState, OverlayPlacement, OverlayPositionStrategy, OverlayShiftState } from '../overlay-constants.js';
 export interface IBaseOverlayCore {
     initialize(): void;
     destroy(): void;

package/esm/overlay/base/base-overlay-core.js

@@ -1,11 +1,14 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-export class BaseOverlayCore {
+
+class BaseOverlayCore {
     constructor(_adapter) {
         this._adapter = _adapter;
     }
     initialize() { }
 }
+
+export { BaseOverlayCore };

package/esm/overlay/base/base-overlay.d.ts

@@ -1,12 +1,7 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseComponent, IBaseComponent } from '../../core/base/base-component';
-import { IBaseOverlayCore } from './base-overlay-core';
-import { IOverlayOffset, OverlayFlipState, OverlayHideState, OverlayPlacement, OverlayPositionStrategy, OverlayShiftState } from '../overlay-constants';
-import { PositionPlacement, VirtualElement } from '../../core/utils/position-utils';
+import { BaseComponent, IBaseComponent } from '../../core/base/base-component.js';
+import { IBaseOverlayCore } from './base-overlay-core.js';
+import { IOverlayOffset, OverlayFlipState, OverlayHideState, OverlayPlacement, OverlayPositionStrategy, OverlayShiftState } from '../overlay-constants.js';
+import { PositionPlacement, VirtualElement } from '../../core/utils/position-utils.js';
 export interface IBaseOverlay extends IBaseComponent {
     anchorElement: HTMLElement | VirtualElement | null;
     anchor: string | null;

package/esm/overlay/base/base-overlay.js

@@ -1,14 +1,17 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { __decorate } from "tslib";
+
+import { __decorate } from 'tslib';
 import { coerceBoolean, coreProperty } from '@tylertech/forge-core';
-import { BaseComponent } from '../../core/base/base-component';
-import { OVERLAY_CONSTANTS } from '../overlay-constants';
-import { coerceStringToArray } from '../../core/utils';
-export class BaseOverlay extends BaseComponent {
+import { BaseComponent } from '../../core/base/base-component.js';
+import { OVERLAY_CONSTANTS } from '../overlay-constants.js';
+import '../../core/utils/index.js';
+import { coerceStringToArray } from '../../core/utils/utils.js';
+
+class BaseOverlay extends BaseComponent {
     constructor() {
         super();
     }
@@ -111,3 +114,5 @@ __decorate([
 __decorate([
     coreProperty()
 ], BaseOverlay.prototype, "fallbackPlacements", void 0);
+
+export { BaseOverlay };

package/esm/overlay/base/overlay-aware-adapter.d.ts

@@ -1,11 +1,6 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseAdapter, IBaseAdapter } from '../../core';
-import { IOverlayComponent } from '../overlay';
-import { IOverlayAware } from '../base/overlay-aware';
+import { BaseAdapter, IBaseAdapter } from '../../core/index.js';
+import { IOverlayComponent } from '../overlay.js';
+import { IOverlayAware } from '../base/overlay-aware.js';
 export interface IOverlayAwareAdapter<T extends IOverlayAware = IOverlayAware> extends IBaseAdapter<T> {
     readonly overlayElement: IOverlayComponent;
 }

package/esm/overlay/base/overlay-aware-adapter.js

@@ -1,10 +1,13 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { BaseAdapter } from '../../core';
-export class OverlayAwareAdapter extends BaseAdapter {
+
+import '../../core/index.js';
+import { BaseAdapter } from '../../core/base/base-adapter.js';
+
+class OverlayAwareAdapter extends BaseAdapter {
     constructor(component) {
         super(component);
         this._initializeOverlayElement();
@@ -13,3 +16,5 @@ export class OverlayAwareAdapter extends BaseAdapter {
         return this._overlayElement;
     }
 }
+
+export { OverlayAwareAdapter };

package/esm/overlay/base/overlay-aware-core.d.ts

@@ -1,13 +1,8 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { IBaseOverlayCore } from './base-overlay-core';
-import { IOverlayComponent } from '../overlay';
-import { IOverlayAwareAdapter } from './overlay-aware-adapter';
-import { IOverlayOffset, OverlayFlipState, OverlayHideState, OverlayPlacement, OverlayPositionStrategy, OverlayShiftState } from '../overlay-constants';
-import { PositionPlacement, VirtualElement } from '../../core/utils/position-utils';
+import { IBaseOverlayCore } from './base-overlay-core.js';
+import { IOverlayComponent } from '../overlay.js';
+import { IOverlayAwareAdapter } from './overlay-aware-adapter.js';
+import { IOverlayOffset, OverlayFlipState, OverlayHideState, OverlayPlacement, OverlayPositionStrategy, OverlayShiftState } from '../overlay-constants.js';
+import { PositionPlacement, VirtualElement } from '../../core/utils/position-utils.js';
 export interface IOverlayAwareCore extends IBaseOverlayCore {
     readonly overlayElement: IOverlayComponent;
 }

package/esm/overlay/base/overlay-aware-core.js

@@ -1,11 +1,13 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { OVERLAY_CONSTANTS } from '../overlay-constants';
+
+import { OVERLAY_CONSTANTS } from '../overlay-constants.js';
 import { toggleAttribute } from '@tylertech/forge-core';
-export class OverlayAwareCore {
+
+class OverlayAwareCore {
     constructor(_adapter) {
         this._adapter = _adapter;
         this._lightDismissListener = (evt) => this._onOverlayLightDismiss(evt);
@@ -157,3 +159,5 @@ export class OverlayAwareCore {
         this._adapter.overlayElement.position();
     }
 }
+
+export { OverlayAwareCore };

package/esm/overlay/base/overlay-aware.d.ts

@@ -1,14 +1,9 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseComponent, IBaseComponent } from '../../core/base/base-component';
-import { IOverlayComponent } from '../overlay';
-import { IOverlayAwareCore } from './overlay-aware-core';
-import { IOverlayOffset, OverlayFlipState, OverlayHideState, OverlayPlacement, OverlayPositionStrategy, OverlayShiftState } from '../overlay-constants';
-import { PositionPlacement, VirtualElement } from '../../core/utils/position-utils';
-import { IBaseOverlay } from './base-overlay';
+import { BaseComponent, IBaseComponent } from '../../core/base/base-component.js';
+import { IOverlayComponent } from '../overlay.js';
+import { IOverlayAwareCore } from './overlay-aware-core.js';
+import { IOverlayOffset, OverlayFlipState, OverlayHideState, OverlayPlacement, OverlayPositionStrategy, OverlayShiftState } from '../overlay-constants.js';
+import { PositionPlacement, VirtualElement } from '../../core/utils/position-utils.js';
+import { IBaseOverlay } from './base-overlay.js';
 export interface IOverlayAware extends IBaseComponent, IBaseOverlay {
     readonly overlay: IOverlayComponent;
 }

package/esm/overlay/base/overlay-aware.js

@@ -1,12 +1,14 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { __decorate } from "tslib";
+
+import { __decorate } from 'tslib';
 import { coerceBoolean, coreProperty } from '@tylertech/forge-core';
-import { BaseComponent } from '../../core/base/base-component';
-import { OVERLAY_CONSTANTS } from '../overlay-constants';
+import { BaseComponent } from '../../core/base/base-component.js';
+import { OVERLAY_CONSTANTS } from '../overlay-constants.js';
+
 /**
  * @property {HTMLElement | VirtualElement | null} anchorElement - The anchor element to position the overlay relative to.
  * @property {string | null} anchor - The IDREF of the anchor element to position the overlay relative to.
@@ -38,7 +40,7 @@ import { OVERLAY_CONSTANTS } from '../overlay-constants';
  * @attribute {OverlayFlipState} [flip="auto"] - Whether the overlay should flip placements to another side fit within the viewport.
  * @attribute {string | null} boundary - An IDREF to boundary element to constrain the overlay within.
  */
-export class OverlayAware extends BaseComponent {
+class OverlayAware extends BaseComponent {
     constructor() {
         super();
     }
@@ -134,3 +136,5 @@ __decorate([
 __decorate([
     coreProperty()
 ], OverlayAware.prototype, "fallbackPlacements", void 0);
+
+export { OverlayAware };

package/esm/overlay/index.d.ts

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './overlay-adapter';
-export * from './overlay-constants';
-export * from './overlay-core';
-export * from './overlay';
+export * from './overlay-adapter.js';
+export * from './overlay-constants.js';
+export * from './overlay-core.js';
+export * from './overlay.js';
 export declare function defineOverlayComponent(): void;

package/esm/overlay/index.js

@@ -1,14 +1,17 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { defineCustomElement } from '@tylertech/forge-core';
-import { OverlayComponent } from './overlay';
-export * from './overlay-adapter';
-export * from './overlay-constants';
-export * from './overlay-core';
-export * from './overlay';
-export function defineOverlayComponent() {
+import { OverlayComponent } from './overlay.js';
+export { OverlayAdapter } from './overlay-adapter.js';
+export { OVERLAY_CONSTANTS, SUPPORTS_POPOVER, overlayStack } from './overlay-constants.js';
+export { OverlayCore } from './overlay-core.js';
+
+function defineOverlayComponent() {
     defineCustomElement(OverlayComponent);
 }
+
+export { OverlayComponent, defineOverlayComponent };

package/esm/overlay/overlay-adapter.d.ts

@@ -1,12 +1,7 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';
-import { PositionPlacement, VirtualElement } from '../core/utils/position-utils';
-import { IOverlayComponent } from './overlay';
-import { IOverlayOffset, OverlayFlipState, OverlayHideState, OverlayLightDismissReason, OverlayPositionStrategy, OverlayShiftState } from './overlay-constants';
+import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter.js';
+import { PositionPlacement, VirtualElement } from '../core/utils/position-utils.js';
+import { IOverlayComponent } from './overlay.js';
+import { IOverlayOffset, OverlayFlipState, OverlayHideState, OverlayLightDismissReason, OverlayPositionStrategy, OverlayShiftState } from './overlay-constants.js';
 export interface IOverlayAdapter extends IBaseAdapter<IOverlayComponent> {
     show(): void;
     hide(): void;

package/esm/overlay/overlay-adapter.js

@@ -1,16 +1,18 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { autoUpdate } from '@floating-ui/dom';
 import { getShadowElement } from '@tylertech/forge-core';
-import { BaseAdapter } from '../core/base/base-adapter';
-import { positionElementAsync, VirtualElement } from '../core/utils/position-utils';
-import { locateElementById } from '../core/utils/utils';
-import { OverlayComponent } from './overlay';
-import { OVERLAY_CONSTANTS, overlayStack, SUPPORTS_POPOVER } from './overlay-constants';
-export class OverlayAdapter extends BaseAdapter {
+import { BaseAdapter } from '../core/base/base-adapter.js';
+import { positionElementAsync, VirtualElement } from '../core/utils/position-utils.js';
+import { locateElementById } from '../core/utils/utils.js';
+import { OverlayComponent } from './overlay.js';
+import { OVERLAY_CONSTANTS, SUPPORTS_POPOVER, overlayStack } from './overlay-constants.js';
+
+class OverlayAdapter extends BaseAdapter {
     constructor(component) {
         super(component);
         this._lightDismissController = new AbortController();
@@ -191,3 +193,5 @@ export class OverlayAdapter extends BaseAdapter {
         return descendantOverlays;
     }
 }
+
+export { OverlayAdapter };

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

@@ -1,9 +1,4 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { PositionPlacement } from '../core/utils/position-utils';
+import { PositionPlacement } from '../core/utils/position-utils.js';
 export declare const OVERLAY_CONSTANTS: {
     elementName: "forge-overlay";
     observedAttributes: {

package/esm/overlay/overlay-constants.js

@@ -1,10 +1,13 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { COMPONENT_NAME_PREFIX } from '../constants';
-import { supportsPopover } from '../core';
+
+import { COMPONENT_NAME_PREFIX } from '../constants.js';
+import '../core/index.js';
+import { supportsPopover } from '../core/utils/feature-detection.js';
+
 const elementName = `${COMPONENT_NAME_PREFIX}overlay`;
 const observedAttributes = {
     ANCHOR: 'anchor',
@@ -41,7 +44,7 @@ const defaults = {
     FLIP: 'auto',
     SHIFT: 'auto'
 };
-export const OVERLAY_CONSTANTS = {
+const OVERLAY_CONSTANTS = {
     elementName,
     observedAttributes,
     attributes,
@@ -50,5 +53,7 @@ export const OVERLAY_CONSTANTS = {
     events,
     defaults
 };
-export const SUPPORTS_POPOVER = supportsPopover();
-export const overlayStack = Symbol('overlayStack');
+const SUPPORTS_POPOVER = supportsPopover();
+const overlayStack = Symbol('overlayStack');
+
+export { OVERLAY_CONSTANTS, SUPPORTS_POPOVER, overlayStack };

package/esm/overlay/overlay-core.d.ts

@@ -1,12 +1,7 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { PositionPlacement } from '../core/utils/position-utils';
-import { IBaseOverlayCore, BaseOverlayCore } from './base/base-overlay-core';
-import { IOverlayAdapter } from './overlay-adapter';
-import { IOverlayOffset, OverlayPlacement, OverlayPositionStrategy, OverlayFlipState, OverlayHideState, OverlayShiftState } from './overlay-constants';
+import { PositionPlacement } from '../core/utils/position-utils.js';
+import { IBaseOverlayCore, BaseOverlayCore } from './base/base-overlay-core.js';
+import { IOverlayAdapter } from './overlay-adapter.js';
+import { IOverlayOffset, OverlayPlacement, OverlayPositionStrategy, OverlayFlipState, OverlayHideState, OverlayShiftState } from './overlay-constants.js';
 export interface IOverlayCore extends IBaseOverlayCore {
     arrowElement: HTMLElement;
     arrowElementOffset: number;

package/esm/overlay/overlay-core.js

@@ -1,11 +1,13 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { BaseOverlayCore } from './base/base-overlay-core';
-import { SUPPORTS_POPOVER, OVERLAY_CONSTANTS } from './overlay-constants';
-export class OverlayCore extends BaseOverlayCore {
+
+import { BaseOverlayCore } from './base/base-overlay-core.js';
+import { OVERLAY_CONSTANTS, SUPPORTS_POPOVER } from './overlay-constants.js';
+
+class OverlayCore extends BaseOverlayCore {
     constructor(adapter) {
         super(adapter);
         this._noAnchor = false;
@@ -305,3 +307,5 @@ export class OverlayCore extends BaseOverlayCore {
         }
     }
 }
+
+export { OverlayCore };

package/esm/overlay/overlay.d.ts

@@ -1,11 +1,6 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { OverlayLightDismissEventData, overlayStack } from './overlay-constants';
-import { OverlayCore } from './overlay-core';
-import { BaseOverlay, IBaseOverlay } from './base/base-overlay';
+import { OverlayLightDismissEventData, overlayStack } from './overlay-constants.js';
+import { OverlayCore } from './overlay-core.js';
+import { BaseOverlay, IBaseOverlay } from './base/base-overlay.js';
 export interface IOverlayComponent extends IBaseOverlay {
     arrowElement: HTMLElement | undefined;
     arrowElementOffset: number;

package/esm/overlay/overlay.html.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var template = "<template>\n  <div class=\"forge-overlay\" part=\"root\">\n    <slot></slot>\n  </div>\n</template>\n";
+
+export { template as default };