@tylertech/forge 3.13.1 → 3.14.0-dev.0

package/esm/floating-action-button/index.js

@@ -1,15 +1,18 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { defineCustomElement } from '@tylertech/forge-core';
-import { FloatingActionButtonComponent } from './floating-action-button';
-export * from './floating-action-button';
-export * from './floating-action-button-adapter';
-export * from './floating-action-button-component-delegate';
-export * from './floating-action-button-constants';
-export * from './floating-action-button-core';
-export function defineFloatingActionButtonComponent() {
+import { FloatingActionButtonComponent } from './floating-action-button.js';
+export { FloatingActionButtonAdapter } from './floating-action-button-adapter.js';
+export { FloatingActionButtonComponentDelegate } from './floating-action-button-component-delegate.js';
+export { FLOATING_ACTION_BUTTON_CONSTANTS } from './floating-action-button-constants.js';
+export { FloatingActionButtonCore } from './floating-action-button-core.js';
+
+function defineFloatingActionButtonComponent() {
     defineCustomElement(FloatingActionButtonComponent);
 }
+
+export { FloatingActionButtonComponent, defineFloatingActionButtonComponent };

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

@@ -1,8 +1,3 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
 export declare const FOCUS_INDICATOR_CONSTANTS: {
     /** @deprecated use `FOCUS_INDICATOR_TAG_NAME` instead. */
     elementName: "forge-focus-indicator";

package/esm/focus-indicator/focus-indicator-constants.js

@@ -1,11 +1,15 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { COMPONENT_NAME_PREFIX } from '../constants';
+
+import { COMPONENT_NAME_PREFIX } from '../constants.js';
+
 const elementName = `${COMPONENT_NAME_PREFIX}focus-indicator`;
-export const FOCUS_INDICATOR_CONSTANTS = {
+const FOCUS_INDICATOR_CONSTANTS = {
     /** @deprecated use `FOCUS_INDICATOR_TAG_NAME` instead. */
     elementName
 };
+
+export { FOCUS_INDICATOR_CONSTANTS };

package/esm/focus-indicator/focus-indicator.d.ts

@@ -1,13 +1,8 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
 import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
 import { nothing, PropertyValues } from 'lit';
-import { IBaseComponent } from '../core/base/base-component';
-import { BaseLitElement } from '../core/base/base-lit-element';
-import { FocusIndicatorFocusMode } from './focus-indicator-constants';
+import { IBaseComponent } from '../core/base/base-component.js';
+import { BaseLitElement } from '../core/base/base-lit-element.js';
+import { FocusIndicatorFocusMode } from './focus-indicator-constants.js';
 export interface IFocusIndicatorComponent extends IBaseComponent {
     targetElement: HTMLElement | undefined;
     target: string | null;

package/esm/focus-indicator/focus-indicator.js

@@ -1,17 +1,19 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-var _FocusIndicatorComponent_instances, _FocusIndicatorComponent_targetElement, _FocusIndicatorComponent_internals, _FocusIndicatorComponent_detachTargetListeners, _FocusIndicatorComponent_attachTargetListeners, _FocusIndicatorComponent_handleTargetInteraction, _FocusIndicatorComponent_isActive, _FocusIndicatorComponent_handleTargetChange, _FocusIndicatorComponent_handleActiveChange, _a;
-import { __classPrivateFieldGet, __classPrivateFieldSet, __decorate } from "tslib";
+
+import { __decorate } from 'tslib';
 import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
-import { nothing, unsafeCSS } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { BaseLitElement } from '../core/base/base-lit-element';
-import { locateTargetHeuristic, toggleState } from '../core/utils/utils';
-const styles = ':host{--_focus-indicator-display:var(--forge-focus-indicator-display, flex);--_focus-indicator-width:var(--forge-focus-indicator-width, var(--forge-border-medium, 2px));--_focus-indicator-active-width:var(--forge-focus-indicator-active-width, 6px);--_focus-indicator-color:var(--forge-focus-indicator-color, var(--forge-theme-primary, #3f51b5));--_focus-indicator-shape:var(--forge-focus-indicator-shape, calc(var(--forge-shape-extra-small, 1px) * var(--forge-shape-factor, 1)));--_focus-indicator-duration:var(--forge-focus-indicator-duration, var(--forge-animation-duration-long4, 600ms));--_focus-indicator-easing:var(--forge-focus-indicator-easing, var(--forge-animation-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)));--_focus-indicator-shape-start-start:var(--forge-focus-indicator-shape-start-start, var(--_focus-indicator-shape));--_focus-indicator-shape-start-end:var(--forge-focus-indicator-shape-start-end, var(--_focus-indicator-shape));--_focus-indicator-shape-end-end:var(--forge-focus-indicator-shape-end-end, var(--_focus-indicator-shape));--_focus-indicator-shape-end-start:var(--forge-focus-indicator-shape-end-start, var(--_focus-indicator-shape));--_focus-indicator-outward-offset:var(--forge-focus-indicator-outward-offset, var(--forge-spacing-xxsmall, 4px));--_focus-indicator-inward-offset:var(--forge-focus-indicator-inward-offset, 0px);--_focus-indicator-offset-block:var(--forge-focus-indicator-offset-block, 0);--_focus-indicator-offset-inline:var(--forge-focus-indicator-offset-inline, 0)}:host{animation-delay:0s,calc(var(--_focus-indicator-duration) * .25);animation-duration:calc(var(--_focus-indicator-duration) * .25),calc(var(--_focus-indicator-duration) * .75);animation-timing-function:var(--_focus-indicator-easing);box-sizing:border-box;color:var(--_focus-indicator-color);display:none;pointer-events:none;position:absolute;margin-block:var(--_focus-indicator-offset-block);margin-inline:var(--_focus-indicator-offset-inline)}:host([hidden]){display:none}:host(:where(:state(active),[active])){display:var(--_focus-indicator-display)}:host(:not([inward])){animation-name:forge-focus-indicator-outward-grow,forge-focus-indicator-outward-shrink;border-end-end-radius:calc(var(--_focus-indicator-shape-end-end) + var(--_focus-indicator-outward-offset));border-end-start-radius:calc(var(--_focus-indicator-shape-end-start) + var(--_focus-indicator-outward-offset));border-start-end-radius:calc(var(--_focus-indicator-shape-start-end) + var(--_focus-indicator-outward-offset));border-start-start-radius:calc(var(--_focus-indicator-shape-start-start) + var(--_focus-indicator-outward-offset));inset:calc(-1 * var(--_focus-indicator-outward-offset));outline:var(--_focus-indicator-width) solid currentColor}:host([inward]){animation-name:forge-focus-indicator-inward-grow,forge-focus-indicator-inward-shrink;border-end-end-radius:calc(var(--_focus-indicator-shape-end-end) - var(--_focus-indicator-inward-offset));border-end-start-radius:calc(var(--_focus-indicator-shape-end-start) - var(--_focus-indicator-inward-offset));border-start-end-radius:calc(var(--_focus-indicator-shape-start-end) - var(--_focus-indicator-inward-offset));border-start-start-radius:calc(var(--_focus-indicator-shape-start-start) - var(--_focus-indicator-inward-offset));border:var(--_focus-indicator-width) solid currentColor;inset:var(--_focus-indicator-inward-offset)}:host([circular]){--_focus-indicator-shape:var(--forge-focus-indicator-shape, 50%)}@keyframes forge-focus-indicator-outward-grow{from{outline-width:0}to{outline-width:var(--_focus-indicator-active-width)}}@keyframes forge-focus-indicator-outward-shrink{from{outline-width:var(--_focus-indicator-active-width)}}@keyframes forge-focus-indicator-inward-grow{from{border-width:0}to{border-width:var(--_focus-indicator-active-width)}}@keyframes forge-focus-indicator-inward-shrink{from{border-width:var(--_focus-indicator-active-width)}}@media (prefers-reduced-motion){:host{animation:none}}';
-export const FOCUS_INDICATOR_TAG_NAME = 'forge-focus-indicator';
+import { unsafeCSS, nothing } from 'lit';
+import { property, customElement } from 'lit/decorators.js';
+import { BaseLitElement } from '../core/base/base-lit-element.js';
+import { locateTargetHeuristic, toggleState } from '../core/utils/utils.js';
+import styles from './focus-indicator.scss.js';
+
+var _a;
+const FOCUS_INDICATOR_TAG_NAME = 'forge-focus-indicator';
 /**
  * @tag forge-focus-indicator
  *
@@ -41,23 +43,28 @@ export const FOCUS_INDICATOR_TAG_NAME = 'forge-focus-indicator';
  * @cssclass forge-focus-indicator--inward - Renders the focus inside the target element.
  */
 let FocusIndicatorComponent = class FocusIndicatorComponent extends BaseLitElement {
+    static { _a = CUSTOM_ELEMENT_NAME_PROPERTY; }
+    static { this.styles = unsafeCSS(styles); }
+    /** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
+    static { this[_a] = FOCUS_INDICATOR_TAG_NAME; }
     /**
      * The element to attach the focus indicator to.
      * @default undefined
      */
     set targetElement(value) {
-        __classPrivateFieldGet(this, _FocusIndicatorComponent_instances, "m", _FocusIndicatorComponent_detachTargetListeners).call(this);
-        __classPrivateFieldSet(this, _FocusIndicatorComponent_targetElement, value, "f");
+        this.#detachTargetListeners();
+        this.#targetElement = value;
         if (this.isConnected) {
-            __classPrivateFieldGet(this, _FocusIndicatorComponent_instances, "m", _FocusIndicatorComponent_attachTargetListeners).call(this);
+            this.#attachTargetListeners();
         }
     }
     get targetElement() {
-        return __classPrivateFieldGet(this, _FocusIndicatorComponent_targetElement, "f");
+        return this.#targetElement;
     }
+    #targetElement;
+    #internals;
     constructor() {
         super();
-        _FocusIndicatorComponent_instances.add(this);
         /**
          * The id of the element to attach the focus indicator to.
          * @default null
@@ -94,83 +101,74 @@ let FocusIndicatorComponent = class FocusIndicatorComponent extends BaseLitEleme
          * @attribute focus-mode
          */
         this.focusMode = 'focusin';
-        _FocusIndicatorComponent_targetElement.set(this, void 0);
-        _FocusIndicatorComponent_internals.set(this, void 0);
-        _FocusIndicatorComponent_handleTargetInteraction.set(this, (evt) => {
+        this.#handleTargetInteraction = (evt) => {
             const target = evt.target;
             switch (evt.type) {
                 case this.focusMode:
-                    this.active = __classPrivateFieldGet(this, _FocusIndicatorComponent_instances, "m", _FocusIndicatorComponent_isActive).call(this, this.allowFocus ? ':focus' : ':focus-visible', target);
+                    this.active = this.#isActive(this.allowFocus ? ':focus' : ':focus-visible', target);
                     break;
                 case 'focusout':
                     this.active = false;
                     break;
                 case 'pointerdown':
-                    this.active = this.allowFocus ? __classPrivateFieldGet(this, _FocusIndicatorComponent_instances, "m", _FocusIndicatorComponent_isActive).call(this, ':focus', target) : __classPrivateFieldGet(this, _FocusIndicatorComponent_instances, "m", _FocusIndicatorComponent_isActive).call(this, ':focus-visible', target);
+                    this.active = this.allowFocus ? this.#isActive(':focus', target) : this.#isActive(':focus-visible', target);
                     break;
             }
-        });
-        __classPrivateFieldSet(this, _FocusIndicatorComponent_internals, this.attachInternals(), "f");
+        };
+        this.#internals = this.attachInternals();
     }
     connectedCallback() {
         super.connectedCallback();
-        if (!__classPrivateFieldGet(this, _FocusIndicatorComponent_targetElement, "f")) {
-            __classPrivateFieldSet(this, _FocusIndicatorComponent_targetElement, locateTargetHeuristic(this, this.target) ?? undefined, "f");
+        if (!this.#targetElement) {
+            this.#targetElement = locateTargetHeuristic(this, this.target) ?? undefined;
         }
-        __classPrivateFieldGet(this, _FocusIndicatorComponent_instances, "m", _FocusIndicatorComponent_attachTargetListeners).call(this);
+        this.#attachTargetListeners();
     }
     disconnectedCallback() {
         super.disconnectedCallback();
-        __classPrivateFieldGet(this, _FocusIndicatorComponent_instances, "m", _FocusIndicatorComponent_detachTargetListeners).call(this);
-        __classPrivateFieldSet(this, _FocusIndicatorComponent_targetElement, undefined, "f");
+        this.#detachTargetListeners();
+        this.#targetElement = undefined;
     }
     willUpdate(changedProperties) {
         if (this.hasUpdated) {
             if (changedProperties.has('target')) {
-                __classPrivateFieldGet(this, _FocusIndicatorComponent_instances, "m", _FocusIndicatorComponent_handleTargetChange).call(this);
+                this.#handleTargetChange();
             }
         }
         if (changedProperties.has('active')) {
-            __classPrivateFieldGet(this, _FocusIndicatorComponent_instances, "m", _FocusIndicatorComponent_handleActiveChange).call(this);
+            this.#handleActiveChange();
         }
     }
     render() {
         return nothing; // This component does not render any elements, it only applies encapsulated styles to the host element.
     }
-};
-_FocusIndicatorComponent_targetElement = new WeakMap();
-_FocusIndicatorComponent_internals = new WeakMap();
-_FocusIndicatorComponent_handleTargetInteraction = new WeakMap();
-_FocusIndicatorComponent_instances = new WeakSet();
-_a = CUSTOM_ELEMENT_NAME_PROPERTY;
-_FocusIndicatorComponent_detachTargetListeners = function _FocusIndicatorComponent_detachTargetListeners() {
-    __classPrivateFieldGet(this, _FocusIndicatorComponent_targetElement, "f")?.removeEventListener(this.focusMode, __classPrivateFieldGet(this, _FocusIndicatorComponent_handleTargetInteraction, "f"));
-    __classPrivateFieldGet(this, _FocusIndicatorComponent_targetElement, "f")?.removeEventListener('focusout', __classPrivateFieldGet(this, _FocusIndicatorComponent_handleTargetInteraction, "f"));
-    __classPrivateFieldGet(this, _FocusIndicatorComponent_targetElement, "f")?.removeEventListener('pointerdown', __classPrivateFieldGet(this, _FocusIndicatorComponent_handleTargetInteraction, "f"));
-};
-_FocusIndicatorComponent_attachTargetListeners = function _FocusIndicatorComponent_attachTargetListeners() {
-    __classPrivateFieldGet(this, _FocusIndicatorComponent_targetElement, "f")?.addEventListener(this.focusMode, __classPrivateFieldGet(this, _FocusIndicatorComponent_handleTargetInteraction, "f"));
-    __classPrivateFieldGet(this, _FocusIndicatorComponent_targetElement, "f")?.addEventListener('focusout', __classPrivateFieldGet(this, _FocusIndicatorComponent_handleTargetInteraction, "f"));
-    __classPrivateFieldGet(this, _FocusIndicatorComponent_targetElement, "f")?.addEventListener('pointerdown', __classPrivateFieldGet(this, _FocusIndicatorComponent_handleTargetInteraction, "f"));
-};
-_FocusIndicatorComponent_isActive = function _FocusIndicatorComponent_isActive(selector, el) {
-    const targetedEl = el ?? __classPrivateFieldGet(this, _FocusIndicatorComponent_targetElement, "f");
-    return !!targetedEl?.matches(selector);
-};
-_FocusIndicatorComponent_handleTargetChange = function _FocusIndicatorComponent_handleTargetChange() {
-    __classPrivateFieldGet(this, _FocusIndicatorComponent_instances, "m", _FocusIndicatorComponent_detachTargetListeners).call(this);
-    if (this.isConnected) {
-        __classPrivateFieldSet(this, _FocusIndicatorComponent_targetElement, locateTargetHeuristic(this, this.target) ?? undefined, "f");
-        __classPrivateFieldGet(this, _FocusIndicatorComponent_instances, "m", _FocusIndicatorComponent_attachTargetListeners).call(this);
+    #detachTargetListeners() {
+        this.#targetElement?.removeEventListener(this.focusMode, this.#handleTargetInteraction);
+        this.#targetElement?.removeEventListener('focusout', this.#handleTargetInteraction);
+        this.#targetElement?.removeEventListener('pointerdown', this.#handleTargetInteraction);
+    }
+    #attachTargetListeners() {
+        this.#targetElement?.addEventListener(this.focusMode, this.#handleTargetInteraction);
+        this.#targetElement?.addEventListener('focusout', this.#handleTargetInteraction);
+        this.#targetElement?.addEventListener('pointerdown', this.#handleTargetInteraction);
+    }
+    #handleTargetInteraction;
+    #isActive(selector, el) {
+        const targetedEl = el ?? this.#targetElement;
+        return !!targetedEl?.matches(selector);
+    }
+    #handleTargetChange() {
+        this.#detachTargetListeners();
+        if (this.isConnected) {
+            this.#targetElement = locateTargetHeuristic(this, this.target) ?? undefined;
+            this.#attachTargetListeners();
+        }
+    }
+    #handleActiveChange() {
+        this.toggleAttribute('active', this.active);
+        toggleState(this.#internals, 'active', this.active);
     }
 };
-_FocusIndicatorComponent_handleActiveChange = function _FocusIndicatorComponent_handleActiveChange() {
-    this.toggleAttribute('active', this.active);
-    toggleState(__classPrivateFieldGet(this, _FocusIndicatorComponent_internals, "f"), 'active', this.active);
-};
-FocusIndicatorComponent.styles = unsafeCSS(styles);
-/** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
-FocusIndicatorComponent[_a] = FOCUS_INDICATOR_TAG_NAME;
 __decorate([
     property({ attribute: false })
 ], FocusIndicatorComponent.prototype, "targetElement", null);
@@ -195,4 +193,5 @@ __decorate([
 FocusIndicatorComponent = __decorate([
     customElement(FOCUS_INDICATOR_TAG_NAME)
 ], FocusIndicatorComponent);
-export { FocusIndicatorComponent };
+
+export { FOCUS_INDICATOR_TAG_NAME, FocusIndicatorComponent };

package/esm/focus-indicator/focus-indicator.scss.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var styles = ":host{--_focus-indicator-display:var(--forge-focus-indicator-display, flex);--_focus-indicator-width:var(--forge-focus-indicator-width, var(--forge-border-medium, 2px));--_focus-indicator-active-width:var(--forge-focus-indicator-active-width, 6px);--_focus-indicator-color:var(--forge-focus-indicator-color, var(--forge-theme-primary, #3f51b5));--_focus-indicator-shape:var(--forge-focus-indicator-shape, calc(var(--forge-shape-extra-small, 1px) * var(--forge-shape-factor, 1)));--_focus-indicator-duration:var(--forge-focus-indicator-duration, var(--forge-animation-duration-long4, 600ms));--_focus-indicator-easing:var(--forge-focus-indicator-easing, var(--forge-animation-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)));--_focus-indicator-shape-start-start:var(--forge-focus-indicator-shape-start-start, var(--_focus-indicator-shape));--_focus-indicator-shape-start-end:var(--forge-focus-indicator-shape-start-end, var(--_focus-indicator-shape));--_focus-indicator-shape-end-end:var(--forge-focus-indicator-shape-end-end, var(--_focus-indicator-shape));--_focus-indicator-shape-end-start:var(--forge-focus-indicator-shape-end-start, var(--_focus-indicator-shape));--_focus-indicator-outward-offset:var(--forge-focus-indicator-outward-offset, var(--forge-spacing-xxsmall, 4px));--_focus-indicator-inward-offset:var(--forge-focus-indicator-inward-offset, 0px);--_focus-indicator-offset-block:var(--forge-focus-indicator-offset-block, 0);--_focus-indicator-offset-inline:var(--forge-focus-indicator-offset-inline, 0)}:host{animation-delay:0s,calc(var(--_focus-indicator-duration)*.25);animation-duration:calc(var(--_focus-indicator-duration)*.25),calc(var(--_focus-indicator-duration)*.75);animation-timing-function:var(--_focus-indicator-easing);box-sizing:border-box;color:var(--_focus-indicator-color);display:none;pointer-events:none;position:absolute;margin-block:var(--_focus-indicator-offset-block);margin-inline:var(--_focus-indicator-offset-inline)}:host([hidden]){display:none}:host(:where(:state(active),[active])){display:var(--_focus-indicator-display)}:host(:not([inward])){animation-name:forge-focus-indicator-outward-grow,forge-focus-indicator-outward-shrink;border-end-end-radius:calc(var(--_focus-indicator-shape-end-end) + var(--_focus-indicator-outward-offset));border-end-start-radius:calc(var(--_focus-indicator-shape-end-start) + var(--_focus-indicator-outward-offset));border-start-end-radius:calc(var(--_focus-indicator-shape-start-end) + var(--_focus-indicator-outward-offset));border-start-start-radius:calc(var(--_focus-indicator-shape-start-start) + var(--_focus-indicator-outward-offset));inset:calc(-1*var(--_focus-indicator-outward-offset));outline:var(--_focus-indicator-width) solid currentColor}:host([inward]){animation-name:forge-focus-indicator-inward-grow,forge-focus-indicator-inward-shrink;border-end-end-radius:calc(var(--_focus-indicator-shape-end-end) - var(--_focus-indicator-inward-offset));border-end-start-radius:calc(var(--_focus-indicator-shape-end-start) - var(--_focus-indicator-inward-offset));border-start-end-radius:calc(var(--_focus-indicator-shape-start-end) - var(--_focus-indicator-inward-offset));border-start-start-radius:calc(var(--_focus-indicator-shape-start-start) - var(--_focus-indicator-inward-offset));border:var(--_focus-indicator-width) solid currentColor;inset:var(--_focus-indicator-inward-offset)}:host([circular]){--_focus-indicator-shape:var(--forge-focus-indicator-shape, 50%)}@keyframes forge-focus-indicator-outward-grow{from{outline-width:0}to{outline-width:var(--_focus-indicator-active-width)}}@keyframes forge-focus-indicator-outward-shrink{from{outline-width:var(--_focus-indicator-active-width)}}@keyframes forge-focus-indicator-inward-grow{from{border-width:0}to{border-width:var(--_focus-indicator-active-width)}}@keyframes forge-focus-indicator-inward-shrink{from{border-width:var(--_focus-indicator-active-width)}}@media(prefers-reduced-motion){:host{animation:none}}";
+
+export { styles as default };

package/esm/focus-indicator/index.d.ts

@@ -1,8 +1,3 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './focus-indicator-constants';
-export * from './focus-indicator';
+export * from './focus-indicator-constants.js';
+export * from './focus-indicator.js';
 export declare function defineFocusIndicatorComponent(): void;

package/esm/focus-indicator/index.js

@@ -1,12 +1,16 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { defineCustomElement } from '@tylertech/forge-core';
-import { FocusIndicatorComponent } from './focus-indicator';
-export * from './focus-indicator-constants';
-export * from './focus-indicator';
-export function defineFocusIndicatorComponent() {
+import { FocusIndicatorComponent } from './focus-indicator.js';
+export { FOCUS_INDICATOR_TAG_NAME } from './focus-indicator.js';
+export { FOCUS_INDICATOR_CONSTANTS } from './focus-indicator-constants.js';
+
+function defineFocusIndicatorComponent() {
     defineCustomElement(FocusIndicatorComponent);
 }
+
+export { FocusIndicatorComponent, defineFocusIndicatorComponent };

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

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseComponentDelegate, IBaseComponentDelegateOptions, IBaseComponentDelegateConfig } from '../core/delegates/base-component-delegate';
-import { IIconComponent } from './icon';
+import { BaseComponentDelegate, IBaseComponentDelegateOptions, IBaseComponentDelegateConfig } from '../core/delegates/base-component-delegate.js';
+import { IIconComponent } from './icon.js';
 export interface IIconComponentDelegateOptions extends IBaseComponentDelegateOptions {
 }
 export interface IIconComponentDelegateConfig extends IBaseComponentDelegateConfig<IIconComponent, IIconComponentDelegateOptions> {

package/esm/icon/icon-component-delegate.js

@@ -1,11 +1,13 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { BaseComponentDelegate } from '../core/delegates/base-component-delegate';
-import { ICON_CONSTANTS } from './icon-constants';
-export class IconComponentDelegate extends BaseComponentDelegate {
+
+import { BaseComponentDelegate } from '../core/delegates/base-component-delegate.js';
+import { ICON_CONSTANTS } from './icon-constants.js';
+
+class IconComponentDelegate extends BaseComponentDelegate {
     constructor(config) {
         super(config);
     }
@@ -13,3 +15,5 @@ export class IconComponentDelegate extends BaseComponentDelegate {
         return document.createElement(ICON_CONSTANTS.elementName);
     }
 }
+
+export { IconComponentDelegate };

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

@@ -1,9 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { Theme } from '../constants';
+import { Theme } from '../constants.js';
+/** @deprecated - These are internal constants that will be removed/moved in the future. Please avoid using them. */
 export declare const ICON_CONSTANTS: {
     elementName: "forge-icon";
     observedAttributes: {

package/esm/icon/icon-constants.js

@@ -1,9 +1,11 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { COMPONENT_NAME_PREFIX, CDN_BASE_URL } from '../constants';
+
+import { COMPONENT_NAME_PREFIX, CDN_BASE_URL } from '../constants.js';
+
 const elementName = `${COMPONENT_NAME_PREFIX}icon`;
 const observedAttributes = {
     NAME: 'name',
@@ -26,11 +28,14 @@ const strings = {
     DEFAULT_NETWORK_BASE_URL: `${CDN_BASE_URL}v1/icons/svg`,
     ALL_NETWORK_BASE_URL: `${CDN_BASE_URL}v1/icons/svg/all`
 };
-export const ICON_CONSTANTS = {
+/** @deprecated - These are internal constants that will be removed/moved in the future. Please avoid using them. */
+const ICON_CONSTANTS = {
     elementName,
     observedAttributes,
     attributes,
     numbers,
     strings
 };
-export const ICON_REGISTRY_KEY = 'forgeIcons';
+const ICON_REGISTRY_KEY = 'forgeIcons';
+
+export { ICON_CONSTANTS, ICON_REGISTRY_KEY };

package/esm/icon/icon-registry.d.ts

@@ -1,9 +1,4 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { ICON_REGISTRY_KEY } from './icon-constants';
+import { ICON_REGISTRY_KEY } from './icon-constants.js';
 /** The shape of an SVG icon that can be defined with the icon registry. */
 export interface IIcon {
     /** The unique name of the icon. */

package/esm/icon/icon-registry.js

@@ -1,19 +1,22 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { ICON_REGISTRY_KEY } from './icon-constants';
+
+import { ICON_REGISTRY_KEY } from './icon-constants.js';
+
 /**
  * The registry for SVG icon instances being used within the current context.
  */
-export class IconRegistry {
+class IconRegistry {
     static get _icons() {
         if (!window[ICON_REGISTRY_KEY]) {
             window[ICON_REGISTRY_KEY] = new Map();
         }
         return window[ICON_REGISTRY_KEY];
     }
+    static { this._listeners = new Map(); }
     /**
      * Defines a new icon.
      * @param icon The icon(s) to register.
@@ -102,4 +105,5 @@ export class IconRegistry {
         return typeof icon === 'object' && Object.prototype.hasOwnProperty.call(icon, 'name') && Object.prototype.hasOwnProperty.call(icon, 'data');
     }
 }
-IconRegistry._listeners = new Map();
+
+export { IconRegistry };

package/esm/icon/icon-utils.d.ts

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { IIconDescriptor } from './icon-registry';
-import { IconExternalType } from './icon-constants';
+import { IIconDescriptor } from './icon-registry.js';
+import { IconExternalType } from './icon-constants.js';
 /**
  * Creates an SVG element from a string of SVG content, and sanitizes it for injection into the DOM.
  */

package/esm/icon/icon-utils.js

@@ -1,16 +1,18 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { IconRegistry } from './icon-registry';
-import { ICON_CONSTANTS } from './icon-constants';
-import { createSvgFromString } from '../core/utils/svg-utils';
+
+import { IconRegistry } from './icon-registry.js';
+import { ICON_CONSTANTS } from './icon-constants.js';
+import { createSvgFromString } from '../core/utils/svg-utils.js';
+
 const _activeIconRequests = new Map();
 /**
  * Creates an SVG element from a string of SVG content, and sanitizes it for injection into the DOM.
  */
-export function createSanitizedSvg(svgContent, customViewBox, usePartAttrs = true) {
+function createSanitizedSvg(svgContent, customViewBox, usePartAttrs = true) {
     if (!svgContent || !svgContent.includes('svg')) {
         return null;
     }
@@ -23,16 +25,16 @@ export function createSanitizedSvg(svgContent, customViewBox, usePartAttrs = tru
     }
     return svgElement;
 }
-export function getCachedIcon(key) {
+function getCachedIcon(key) {
     return IconRegistry.get(key);
 }
-export function awaitIconDefinition(key, listener) {
+function awaitIconDefinition(key, listener) {
     IconRegistry.awaitIcon(key, listener);
 }
-export function removeIconListener(key, listener) {
+function removeIconListener(key, listener) {
     IconRegistry.removeListener(key, listener);
 }
-export function fetchIconContent(url, name) {
+function fetchIconContent(url, name) {
     // Check if we already have an active request for this URL
     let request = _activeIconRequests.get(url);
     if (!request) {
@@ -59,7 +61,9 @@ export function fetchIconContent(url, name) {
     }
     return request || Promise.resolve('');
 }
-export function sanitizeExternalType(type) {
+function sanitizeExternalType(type) {
     const isValidType = ['standard', 'extended', 'custom', 'all'].includes(type);
     return isValidType ? type : 'all';
 }
+
+export { awaitIconDefinition, createSanitizedSvg, fetchIconContent, getCachedIcon, removeIconListener, sanitizeExternalType };