@tylertech/forge 3.13.1 → 3.14.0-dev.1

package/esm/autocomplete/autocomplete-core.js

@@ -1,15 +1,19 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { debounce, isDefined, isString, Platform, randomChars } from '@tylertech/forge-core';
-import { highlightTextHTML } from '../core';
-import { ListDropdownAsyncStyle } from '../list-dropdown';
-import { ListDropdownAwareCore } from '../list-dropdown/list-dropdown-aware-core';
-import { AutocompleteMode, AUTOCOMPLETE_CONSTANTS } from './autocomplete-constants';
-import { getSelectedOption, isOptionType, optionEqualPredicate, OptionType } from './autocomplete-utils';
-export class AutocompleteCore extends ListDropdownAwareCore {
+
+import { randomChars, isDefined, debounce, Platform, isString } from '@tylertech/forge-core';
+import '../core/index.js';
+import '../list-dropdown/index.js';
+import { ListDropdownAwareCore } from '../list-dropdown/list-dropdown-aware-core.js';
+import { AutocompleteMode, AUTOCOMPLETE_CONSTANTS } from './autocomplete-constants.js';
+import { isOptionType, OptionType, optionEqualPredicate, getSelectedOption } from './autocomplete-utils.js';
+import { highlightTextHTML } from '../core/utils/utils.js';
+import { ListDropdownAsyncStyle } from '../list-dropdown/list-dropdown-constants.js';
+
+class AutocompleteCore extends ListDropdownAwareCore {
     constructor(_adapter) {
         super();
         this._adapter = _adapter;
@@ -22,6 +26,7 @@ export class AutocompleteCore extends ListDropdownAwareCore {
         this._filterOnFocus = true;
         this._filterFocusFirst = true;
         this._selectFirstOptionOnBlur = false;
+        this._emptyMessage = 'No results found';
         this._options = [];
         this._filterText = '';
         this._selectedOptions = [];
@@ -131,6 +136,9 @@ export class AutocompleteCore extends ListDropdownAwareCore {
         evt.preventDefault(); // Always avoid changing focus when clicking the dropdown
     }
     _onDropdownIconClick(evt) {
+        if (this._adapter.inputElement.disabled) {
+            return;
+        }
         if (!this._isDropdownOpen) {
             this._adapter.focus();
             window.requestAnimationFrame(() => this._showDropdown());
@@ -140,6 +148,9 @@ export class AutocompleteCore extends ListDropdownAwareCore {
         }
     }
     _onClear(evt) {
+        if (this._adapter.inputElement.disabled) {
+            return;
+        }
         evt.preventDefault();
         this._filterText = '';
         this._clearValue();
@@ -319,8 +330,13 @@ export class AutocompleteCore extends ListDropdownAwareCore {
     }
     _onFilterComplete() {
         const shouldSelectOnBlur = this._selectFirstOptionOnBlur && this._selectOnBlurPending;
+        const hasEmptyState = !!this._emptyMessage || !!this._emptyStateBuilder;
         if (!this._options.length) {
             this._selectOnBlurPending = false;
+            if (hasEmptyState && this._isDropdownOpen) {
+                this._adapter.setOptions(this._options, this._filterText, this._emptyMessage, this._emptyStateBuilder);
+                return;
+            }
             if (this._isDropdownOpen) {
                 this._closeDropdown();
             }
@@ -421,7 +437,10 @@ export class AutocompleteCore extends ListDropdownAwareCore {
             activeChangeCallback: this._activeChangeListener,
             targetWidthCallback: this._targetWidthCallback,
             selectCallback: (value) => this._onSelect(value),
-            closeCallback: () => this._closeDropdown()
+            closeCallback: () => this._closeDropdown(),
+            emptyMessage: this._emptyMessage ?? undefined,
+            emptyStateBuilder: this._emptyStateBuilder ?? undefined,
+            filterText: this._filterText
         };
         this._adapter.show(config, this._popupTarget);
         this._adapter.toggleHostAttribute(AUTOCOMPLETE_CONSTANTS.attributes.OPEN, this._isDropdownOpen);
@@ -444,13 +463,15 @@ export class AutocompleteCore extends ListDropdownAwareCore {
         this._dropdownReady({ userTriggered, activateFirst, activateSelected });
     }
     _dropdownReady({ userTriggered = true, activateFirst = false, activateSelected = false } = {}) {
-        if (!this._isDropdownOpen || !this._options.length || (userTriggered && !this._adapter.hasFocus())) {
+        const hasEmptyState = !!this._emptyMessage || !!this._emptyStateBuilder;
+        const shouldClose = !this._isDropdownOpen || (!this._options.length && !hasEmptyState) || (userTriggered && !this._adapter.hasFocus());
+        if (shouldClose) {
             this._closeDropdown();
             return;
         }
         this._sortSelectedOptions();
         this._adapter.setBusyVisibility(false);
-        this._adapter.setOptions(this._options);
+        this._adapter.setOptions(this._options, this._filterText, this._emptyMessage, this._emptyStateBuilder);
         this._adapter.setSelectedOptions(this._selectedOptions);
         this._adapter.setDismissListener(this._dismissListener);
         if (activateSelected && this._selectedOptions.length) {
@@ -972,4 +993,20 @@ export class AutocompleteCore extends ListDropdownAwareCore {
     get popupElement() {
         return this._adapter.getPopupElement();
     }
+    get emptyMessage() {
+        return this._emptyMessage;
+    }
+    set emptyMessage(value) {
+        if (this._emptyMessage !== value) {
+            this._emptyMessage = value;
+        }
+    }
+    get emptyStateBuilder() {
+        return this._emptyStateBuilder;
+    }
+    set emptyStateBuilder(value) {
+        this._emptyStateBuilder = value;
+    }
 }
+
+export { AutocompleteCore };

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

@@ -1,9 +1,4 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { IAutocompleteOption, IAutocompleteOptionGroup } from './autocomplete-constants';
+import { IAutocompleteOption, IAutocompleteOptionGroup } from './autocomplete-constants.js';
 /** The available option types. */
 export declare enum OptionType {
     Option = 0,

package/esm/autocomplete/autocomplete-utils.js

@@ -1,11 +1,13 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { isDefined, isObject, isDeepEqual } from '@tylertech/forge-core';
+
 /** The available option types. */
-export var OptionType;
+var OptionType;
 (function (OptionType) {
     OptionType[OptionType["Option"] = 0] = "Option";
     OptionType[OptionType["Group"] = 1] = "Group";
@@ -15,18 +17,18 @@ export var OptionType;
  * @param options The options either grouped or individual.
  * @param type The type of option to detect.
  */
-export function isOptionType(options, type) {
+function isOptionType(options, type) {
     const optionHasProperty = (o, prop) => Object.prototype.hasOwnProperty.call(o, prop);
     const isOptionGroups = options.some((o) => isDefined(o) && isObject(o) && optionHasProperty(o, 'options') && (optionHasProperty(o, 'text') || optionHasProperty(o, 'builder')));
     const isOptionTypes = options.some((o) => isDefined(o) && isObject(o) && optionHasProperty(o, 'label') && optionHasProperty(o, 'value'));
     return (isOptionGroups && type === OptionType.Group) || (isOptionTypes && type === OptionType.Option);
 }
 /** A utility function to find the matching option in the provided options by the value provided. */
-export function getSelectedOption(options, value) {
+function getSelectedOption(options, value) {
     return options.find(o => o.value === value);
 }
 /** A predicate function that will determine if an option value is equal regardless of primitive type or complex object type. */
-export function optionEqualPredicate(option, value, property = null) {
+function optionEqualPredicate(option, value, property = null) {
     if (property) {
         if (!(property in option.value) || !(property in value)) {
             return false;
@@ -35,3 +37,5 @@ export function optionEqualPredicate(option, value, property = null) {
     }
     return isDeepEqual(option.value, value);
 }
+
+export { OptionType, getSelectedOption, isOptionType, optionEqualPredicate };

package/esm/autocomplete/autocomplete.d.ts

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { IListDropdownAware, ListDropdownAware } from '../list-dropdown/list-dropdown-aware';
-import { AutocompleteFilterCallback, AutocompleteMode, AutocompleteOptionBuilder, AutocompleteSelectedTextBuilder, IAutocompleteForceFilterOptions, IAutocompleteOption, IAutocompleteOptionGroup, IAutocompleteSelectEventData } from './autocomplete-constants';
+import { IListDropdownAware, ListDropdownAware } from '../list-dropdown/list-dropdown-aware.js';
+import { AutocompleteEmptyStateBuilder, AutocompleteFilterCallback, AutocompleteMode, AutocompleteOptionBuilder, AutocompleteSelectedTextBuilder, IAutocompleteForceFilterOptions, IAutocompleteOption, IAutocompleteOptionGroup, IAutocompleteSelectEventData } from './autocomplete-constants.js';
 export interface IAutocompleteComponent extends IListDropdownAware {
     mode: `${AutocompleteMode}`;
     multiple: boolean;
@@ -24,6 +19,8 @@ export interface IAutocompleteComponent extends IListDropdownAware {
     beforeValueChange: (value: any) => boolean | Promise<boolean>;
     isInitialized: boolean;
     open: boolean;
+    emptyMessage: string | null | undefined;
+    emptyStateBuilder: AutocompleteEmptyStateBuilder | null | undefined;
     appendOptions(options: IAutocompleteOption[] | IAutocompleteOptionGroup[]): void;
     openDropdown(): void;
     closeDropdown(): void;
@@ -141,6 +138,13 @@ export declare class AutocompleteComponent extends ListDropdownAware implements
     popupElement: HTMLElement | null;
     /** Sets the callback to be executed when the user selects an option, before the UI is updated to allow for validation. */
     beforeValueChange: (value: any) => boolean | Promise<boolean>;
+    /**
+     * Gets/sets the message displayed when the filter returns no results.
+     * @attribute empty-message
+     */
+    emptyMessage: string | null | undefined;
+    /** Sets the callback to build custom empty state content when the filter returns no results. */
+    emptyStateBuilder: AutocompleteEmptyStateBuilder | null | undefined;
     /** Adds options to the dropdown while it is open. Has no effect if the dropdown is closed.  */
     appendOptions(options: IAutocompleteOption[] | IAutocompleteOptionGroup[]): void;
     /** Opens the dropdown. */

package/esm/autocomplete/autocomplete.html.js

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

package/esm/autocomplete/autocomplete.js

@@ -1,24 +1,34 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { __decorate } from "tslib";
-import { attachShadowTemplate, coerceBoolean, coerceNumber, customElement, ensureChild, coreProperty } from '@tylertech/forge-core';
+
+import { __decorate } from 'tslib';
+import { attachShadowTemplate, ensureChild, coerceBoolean, coerceNumber, coreProperty, customElement } from '@tylertech/forge-core';
 import { tylIconArrowDropDown, tylIconCheckBox, tylIconCheckBoxOutlineBlank } from '@tylertech/tyler-icons';
-import { DividerComponent } from '../divider';
-import { IconComponent, IconRegistry } from '../icon';
-import { LinearProgressComponent } from '../linear-progress';
-import { ListComponent, ListItemComponent } from '../list';
-import { ListDropdownAware } from '../list-dropdown/list-dropdown-aware';
-import { PopoverComponent } from '../popover/popover';
-import { SkeletonComponent } from '../skeleton';
-import { TextFieldComponent } from '../text-field';
-import { AutocompleteAdapter } from './autocomplete-adapter';
-import { AUTOCOMPLETE_CONSTANTS } from './autocomplete-constants';
-import { AutocompleteCore } from './autocomplete-core';
-const template = '<template><slot></slot></template>';
-const styles = ':host{display:block}:host([hidden]){display:none}';
+import '../divider/index.js';
+import '../icon/index.js';
+import '../linear-progress/index.js';
+import '../list/index.js';
+import { ListDropdownAware } from '../list-dropdown/list-dropdown-aware.js';
+import { PopoverComponent } from '../popover/popover.js';
+import '../skeleton/index.js';
+import '../text-field/index.js';
+import { AutocompleteAdapter } from './autocomplete-adapter.js';
+import { AUTOCOMPLETE_CONSTANTS } from './autocomplete-constants.js';
+import { AutocompleteCore } from './autocomplete-core.js';
+import template from './autocomplete.html.js';
+import styles from './autocomplete.scss.js';
+import { IconRegistry } from '../icon/icon-registry.js';
+import { TextFieldComponent } from '../text-field/text-field.js';
+import { ListComponent } from '../list/list/list.js';
+import { ListItemComponent } from '../list/list-item/list-item.js';
+import { DividerComponent } from '../divider/divider.js';
+import { SkeletonComponent } from '../skeleton/skeleton.js';
+import { LinearProgressComponent } from '../linear-progress/linear-progress.js';
+import { IconComponent } from '../icon/icon.js';
+
 /**
  * @tag forge-autocomplete
  *
@@ -42,7 +52,8 @@ let AutocompleteComponent = class AutocompleteComponent extends ListDropdownAwar
             AUTOCOMPLETE_CONSTANTS.attributes.POPUP_TARGET,
             AUTOCOMPLETE_CONSTANTS.attributes.OPEN,
             AUTOCOMPLETE_CONSTANTS.attributes.MATCH_KEY,
-            AUTOCOMPLETE_CONSTANTS.attributes.FILTER_TEXT
+            AUTOCOMPLETE_CONSTANTS.attributes.FILTER_TEXT,
+            AUTOCOMPLETE_CONSTANTS.attributes.EMPTY_MESSAGE
         ];
     }
     constructor() {
@@ -98,6 +109,9 @@ let AutocompleteComponent = class AutocompleteComponent extends ListDropdownAwar
             case AUTOCOMPLETE_CONSTANTS.attributes.FILTER_TEXT:
                 this.filterText = newValue;
                 break;
+            case AUTOCOMPLETE_CONSTANTS.attributes.EMPTY_MESSAGE:
+                this.emptyMessage = newValue !== null ? newValue || AUTOCOMPLETE_CONSTANTS.strings.DEFAULT_EMPTY_MESSAGE : null;
+                break;
         }
     }
     /** Adds options to the dropdown while it is open. Has no effect if the dropdown is closed.  */
@@ -173,6 +187,12 @@ __decorate([
 __decorate([
     coreProperty()
 ], AutocompleteComponent.prototype, "beforeValueChange", void 0);
+__decorate([
+    coreProperty()
+], AutocompleteComponent.prototype, "emptyMessage", void 0);
+__decorate([
+    coreProperty()
+], AutocompleteComponent.prototype, "emptyStateBuilder", void 0);
 AutocompleteComponent = __decorate([
     customElement({
         name: AUTOCOMPLETE_CONSTANTS.elementName,
@@ -188,4 +208,5 @@ AutocompleteComponent = __decorate([
         ]
     })
 ], AutocompleteComponent);
+
 export { AutocompleteComponent };

package/esm/autocomplete/autocomplete.scss.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var styles = ":host{display:block}:host([hidden]){display:none}";
+
+export { styles as default };

package/esm/autocomplete/index.d.ts

@@ -1,12 +1,7 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './autocomplete-adapter';
-export * from './autocomplete-component-delegate';
-export * from './autocomplete-constants';
-export * from './autocomplete-core';
-export * from './autocomplete-utils';
-export * from './autocomplete';
+export * from './autocomplete-adapter.js';
+export * from './autocomplete-component-delegate.js';
+export * from './autocomplete-constants.js';
+export * from './autocomplete-core.js';
+export * from './autocomplete-utils.js';
+export * from './autocomplete.js';
 export declare function defineAutocompleteComponent(): void;

package/esm/autocomplete/index.js

@@ -1,16 +1,19 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { defineCustomElement } from '@tylertech/forge-core';
-import { AutocompleteComponent } from './autocomplete';
-export * from './autocomplete-adapter';
-export * from './autocomplete-component-delegate';
-export * from './autocomplete-constants';
-export * from './autocomplete-core';
-export * from './autocomplete-utils';
-export * from './autocomplete';
-export function defineAutocompleteComponent() {
+import { AutocompleteComponent } from './autocomplete.js';
+export { AutocompleteAdapter } from './autocomplete-adapter.js';
+export { AutocompleteComponentDelegate } from './autocomplete-component-delegate.js';
+export { AUTOCOMPLETE_CONSTANTS, AutocompleteMode } from './autocomplete-constants.js';
+export { AutocompleteCore } from './autocomplete-core.js';
+export { OptionType, getSelectedOption, isOptionType, optionEqualPredicate } from './autocomplete-utils.js';
+
+function defineAutocompleteComponent() {
     defineCustomElement(AutocompleteComponent);
 }
+
+export { AutocompleteComponent, defineAutocompleteComponent };

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

@@ -1,8 +1,3 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
 /** @deprecated - These are internal constants that will be removed/moved in the future. Please avoid using them. */
 export declare const AVATAR_CONSTANTS: {
     elementName: "forge-avatar";

package/esm/avatar/avatar-constants.js

@@ -1,9 +1,11 @@
 /**
  * @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}avatar`;
 const attributes = {
     IMAGE_URL: 'image-url',
@@ -14,8 +16,10 @@ const numbers = {
     DEFAULT_LETTER_COUNT: 2
 };
 /** @deprecated - These are internal constants that will be removed/moved in the future. Please avoid using them. */
-export const AVATAR_CONSTANTS = {
+const AVATAR_CONSTANTS = {
     elementName,
     attributes,
     numbers
 };
+
+export { AVATAR_CONSTANTS };

package/esm/avatar/avatar.d.ts

@@ -1,11 +1,6 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
 import { PropertyValues, TemplateResult } from 'lit';
 import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
-import { BaseLitElement } from '../core/base/base-lit-element';
+import { BaseLitElement } from '../core/base/base-lit-element.js';
 export interface IAvatarComponent extends BaseLitElement {
     text: string;
     letterCount: number;

package/esm/avatar/avatar.js

@@ -1,17 +1,19 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-var _a;
-import { __decorate } from "tslib";
-import { html, nothing, unsafeCSS } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
+
+import { __decorate } from 'tslib';
+import { unsafeCSS, html, nothing } from 'lit';
+import { property, state, customElement } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
-import { BaseLitElement } from '../core/base/base-lit-element';
-const styles = ':host{display:inline-block}:host([hidden]){display:none}.forge-avatar{--_avatar-size:var(--forge-avatar-size, 40px);--_avatar-background:var(--forge-avatar-background, var(--forge-theme-tertiary, #3d5afe));--_avatar-color:var(--forge-avatar-color, var(--forge-theme-on-tertiary, #ffffff));--_avatar-transition-duration:var(--forge-avatar-transition-duration, var(--forge-animation-duration-short4, 200ms));--_avatar-transition-timing:var(--forge-avatar-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_avatar-shape:var(--forge-avatar-shape, calc(var(--forge-shape-round, 50%) * var(--forge-shape-factor, 1)))}.forge-avatar{display:flex;align-items:center;justify-content:center;overflow:hidden;transition:height var(--_avatar-transition-duration) var(--_avatar-transition-timing),width var(--_avatar-transition-duration) var(--_avatar-transition-timing);border-radius:var(--_avatar-shape);box-sizing:border-box;width:var(--_avatar-size);height:var(--_avatar-size);background-color:var(--_avatar-background);background-position:center;background-repeat:no-repeat;background-size:cover;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-subheading2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading2-font-size-scale, 1)));font-weight:var(--forge-typography-subheading2-font-weight,400);line-height:var(--forge-typography-subheading2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading2-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-subheading2-letter-spacing, normal);text-transform:var(--forge-typography-subheading2-text-transform,inherit);text-decoration:var(--forge-typography-subheading2-text-decoration,inherit);color:var(--_avatar-color)}.forge-avatar--image{background-color:inherit}';
+import { BaseLitElement } from '../core/base/base-lit-element.js';
+import styles from './avatar.scss.js';
+
+var _a;
 const charsByLetterCount = (text, count) => {
     if (!text?.trim()) {
         return '';
@@ -24,7 +26,7 @@ const charsByLetterCount = (text, count) => {
         return words.slice(0, count).reduce((prev, curr) => (prev += curr[0].toUpperCase()), '');
     }
 };
-export const AVATAR_TAG_NAME = 'forge-avatar';
+const AVATAR_TAG_NAME = 'forge-avatar';
 /**
  * @tag forge-avatar
  *
@@ -64,6 +66,10 @@ let AvatarComponent = class AvatarComponent extends BaseLitElement {
          */
         this.imageUrl = '';
     }
+    static { _a = CUSTOM_ELEMENT_NAME_PROPERTY; }
+    static { this.styles = unsafeCSS(styles); }
+    /** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
+    static { this[_a] = AVATAR_TAG_NAME; }
     willUpdate(changedProperties) {
         if (changedProperties.has('imageUrl')) {
             this._tryLoadImage();
@@ -92,10 +98,6 @@ let AvatarComponent = class AvatarComponent extends BaseLitElement {
         }
     }
 };
-_a = CUSTOM_ELEMENT_NAME_PROPERTY;
-AvatarComponent.styles = unsafeCSS(styles);
-/** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
-AvatarComponent[_a] = AVATAR_TAG_NAME;
 __decorate([
     property()
 ], AvatarComponent.prototype, "text", void 0);
@@ -111,4 +113,5 @@ __decorate([
 AvatarComponent = __decorate([
     customElement(AVATAR_TAG_NAME)
 ], AvatarComponent);
-export { AvatarComponent };
+
+export { AVATAR_TAG_NAME, AvatarComponent };

package/esm/avatar/avatar.scss.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var styles = ":host{display:inline-block}:host([hidden]){display:none}.forge-avatar{--_avatar-size:var(--forge-avatar-size, 40px);--_avatar-background:var(--forge-avatar-background, var(--forge-theme-tertiary, #3d5afe));--_avatar-color:var(--forge-avatar-color, var(--forge-theme-on-tertiary, #ffffff));--_avatar-transition-duration:var(--forge-avatar-transition-duration, var(--forge-animation-duration-short4, 200ms));--_avatar-transition-timing:var(--forge-avatar-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_avatar-shape:var(--forge-avatar-shape, calc(var(--forge-shape-round, 50%) * var(--forge-shape-factor, 1)))}.forge-avatar{display:flex;align-items:center;justify-content:center;overflow:hidden;transition:height var(--_avatar-transition-duration) var(--_avatar-transition-timing),width var(--_avatar-transition-duration) var(--_avatar-transition-timing);border-radius:var(--_avatar-shape);box-sizing:border-box;width:var(--_avatar-size);height:var(--_avatar-size);background-color:var(--_avatar-background);background-position:center;background-repeat:no-repeat;background-size:cover;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-subheading2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-subheading2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading2-font-size-scale, 1)));font-weight:var(--forge-typography-subheading2-font-weight, 400);line-height:var(--forge-typography-subheading2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-subheading2-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-subheading2-letter-spacing, normal);text-transform:var(--forge-typography-subheading2-text-transform, inherit);text-decoration:var(--forge-typography-subheading2-text-decoration, inherit);color:var(--_avatar-color)}.forge-avatar--image{background-color:inherit}";
+
+export { styles as default };

package/esm/avatar/index.d.ts

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

package/esm/avatar/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 { AvatarComponent } from './avatar';
-export * from './avatar';
-export * from './avatar-constants';
-export function defineAvatarComponent() {
+import { AvatarComponent } from './avatar.js';
+export { AVATAR_TAG_NAME } from './avatar.js';
+export { AVATAR_CONSTANTS } from './avatar-constants.js';
+
+function defineAvatarComponent() {
     defineCustomElement(AvatarComponent);
 }
+
+export { AvatarComponent, defineAvatarComponent };

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

@@ -1,8 +1,3 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
 export declare const BACKDROP_CONSTANTS: {
     elementName: "forge-backdrop";
     observedAttributes: {

package/esm/backdrop/backdrop-constants.js

@@ -1,9 +1,11 @@
 /**
  * @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}backdrop`;
 const observedAttributes = {
     VISIBLE: 'visible',
@@ -19,10 +21,12 @@ const classes = {
 const selectors = {
     ROOT: '.forge-backdrop'
 };
-export const BACKDROP_CONSTANTS = {
+const BACKDROP_CONSTANTS = {
     elementName,
     observedAttributes,
     attributes,
     classes,
     selectors
 };
+
+export { BACKDROP_CONSTANTS };

package/esm/backdrop/backdrop.d.ts

@@ -1,9 +1,4 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseComponent, IBaseComponent } from '../core/base/base-component';
+import { BaseComponent, IBaseComponent } from '../core/base/base-component.js';
 export interface IBackdropComponent extends IBaseComponent {
     visible: boolean;
     fixed: boolean;

package/esm/backdrop/backdrop.html.js

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

package/esm/backdrop/backdrop.js

@@ -1,14 +1,16 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { __decorate } from "tslib";
-import { attachShadowTemplate, coerceBoolean, customElement, getShadowElement } from '@tylertech/forge-core';
-import { BaseComponent } from '../core/base/base-component';
-import { BACKDROP_CONSTANTS } from './backdrop-constants';
-const template = '<template><div class=\"forge-backdrop\" part=\"root\"></div></template>';
-const styles = '@keyframes enter{from{opacity:0}to{opacity:var(--_backdrop-opacity)}}@keyframes exit{from{opacity:var(--_backdrop-opacity)}to{opacity:0}}:host{display:contents}:host([hidden]){display:none}.forge-backdrop{--_backdrop-background:var(--forge-backdrop-background, #000);--_backdrop-opacity:var(--forge-backdrop-opacity, 0.54);--_backdrop-z-index:var(--forge-backdrop-z-index, var(--forge-z-index-backdrop, 7));--_backdrop-enter-animation-duration:var(--forge-backdrop-enter-animation-duration, var(--forge-animation-duration-short4, 200ms));--_backdrop-enter-animation-easing:var(--forge-backdrop-enter-animation-easing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_backdrop-exit-animation-duration:var(--forge-backdrop-exit-animation-duration, var(--forge-animation-duration-short1, 50ms));--_backdrop-exit-animation-easing:var(--forge-backdrop-exit-animation-easing, var(--forge-animation-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15)))}.forge-backdrop{position:absolute;inset:0;z-index:var(--_backdrop-z-index);background:var(--_backdrop-background);opacity:0;animation-fill-mode:forwards}:host([fixed]) .forge-backdrop{position:fixed}:host([visible]) .forge-backdrop{opacity:var(--_backdrop-opacity)}:host([visible]) .forge-backdrop.entering{animation-name:enter;animation-duration:var(--_backdrop-enter-animation-duration);animation-timing-function:var(--_backdrop-enter-animation-easing)}:host([visible]) .forge-backdrop.exiting{animation-name:exit;animation-duration:var(--_backdrop-exit-animation-duration);animation-timing-function:var(--_backdrop-exit-animation-easing)}';
+
+import { __decorate } from 'tslib';
+import { attachShadowTemplate, getShadowElement, coerceBoolean, customElement } from '@tylertech/forge-core';
+import { BaseComponent } from '../core/base/base-component.js';
+import { BACKDROP_CONSTANTS } from './backdrop-constants.js';
+import template from './backdrop.html.js';
+import styles from './backdrop.scss.js';
+
 /**
  * @tag forge-backdrop
  *
@@ -134,4 +136,5 @@ BackdropComponent = __decorate([
         name: BACKDROP_CONSTANTS.elementName
     })
 ], BackdropComponent);
+
 export { BackdropComponent };

package/esm/backdrop/backdrop.scss.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var styles = "@keyframes enter{from{opacity:0}to{opacity:var(--_backdrop-opacity)}}@keyframes exit{from{opacity:var(--_backdrop-opacity)}to{opacity:0}}:host{display:contents}:host([hidden]){display:none}.forge-backdrop{--_backdrop-background:var(--forge-backdrop-background, #000);--_backdrop-opacity:var(--forge-backdrop-opacity, 0.54);--_backdrop-z-index:var(--forge-backdrop-z-index, var(--forge-z-index-backdrop, 7));--_backdrop-enter-animation-duration:var(--forge-backdrop-enter-animation-duration, var(--forge-animation-duration-short4, 200ms));--_backdrop-enter-animation-easing:var(--forge-backdrop-enter-animation-easing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_backdrop-exit-animation-duration:var(--forge-backdrop-exit-animation-duration, var(--forge-animation-duration-short1, 50ms));--_backdrop-exit-animation-easing:var(--forge-backdrop-exit-animation-easing, var(--forge-animation-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15)))}.forge-backdrop{position:absolute;inset:0;z-index:var(--_backdrop-z-index);background:var(--_backdrop-background);opacity:0;animation-fill-mode:forwards}:host([fixed]) .forge-backdrop{position:fixed}:host([visible]) .forge-backdrop{opacity:var(--_backdrop-opacity)}:host([visible]) .forge-backdrop.entering{animation-name:enter;animation-duration:var(--_backdrop-enter-animation-duration);animation-timing-function:var(--_backdrop-enter-animation-easing)}:host([visible]) .forge-backdrop.exiting{animation-name:exit;animation-duration:var(--_backdrop-exit-animation-duration);animation-timing-function:var(--_backdrop-exit-animation-easing)}";
+
+export { styles as default };