@tylertech/forge 3.13.1 → 3.14.0-dev.0

package/esm/date-range-picker/date-range-picker-component-delegate.js

@@ -1,12 +1,16 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { FormFieldComponentDelegate } from '../core/delegates';
-import { TEXT_FIELD_CONSTANTS } from '../text-field';
-import { DATE_RANGE_PICKER_CONSTANTS } from './date-range-picker-constants';
-export class DateRangeComponentDelegate extends FormFieldComponentDelegate {
+
+import '../core/delegates/index.js';
+import '../text-field/index.js';
+import { DATE_RANGE_PICKER_CONSTANTS } from './date-range-picker-constants.js';
+import { FormFieldComponentDelegate } from '../core/delegates/form-field-component-delegate.js';
+import { TEXT_FIELD_CONSTANTS } from '../text-field/text-field-constants.js';
+
+class DateRangeComponentDelegate extends FormFieldComponentDelegate {
     constructor(config) {
         super(config);
     }
@@ -42,24 +46,24 @@ export class DateRangeComponentDelegate extends FormFieldComponentDelegate {
     set invalid(value) {
         this._textField.invalid = value;
     }
-    onChange(listener) {
-        this._element.addEventListener(DATE_RANGE_PICKER_CONSTANTS.events.CHANGE, (evt) => listener(evt.detail));
+    onChange(listener, options) {
+        this._element.addEventListener(DATE_RANGE_PICKER_CONSTANTS.events.CHANGE, (evt) => listener(evt.detail), options);
     }
-    onFocus(listener) {
+    onFocus(listener, options) {
         this._element.addEventListener('focusin', (evt) => {
             const isFocusWithin = !this._element.contains(evt.relatedTarget);
             if (isFocusWithin) {
                 listener(evt);
             }
-        });
+        }, options);
     }
-    onBlur(listener) {
+    onBlur(listener, options) {
         this._element.addEventListener('focusout', (evt) => {
             const isFocusOutside = !this._element.contains(evt.relatedTarget);
             if (isFocusOutside) {
                 listener(evt);
             }
-        });
+        }, options);
     }
     _attachTextField(dateRangePicker) {
         this._textField = document.createElement(TEXT_FIELD_CONSTANTS.elementName);
@@ -83,3 +87,5 @@ export class DateRangeComponentDelegate extends FormFieldComponentDelegate {
         dateRangePicker.appendChild(this._textField);
     }
 }
+
+export { DateRangeComponentDelegate };

package/esm/date-range-picker/date-range-picker-constants.d.ts

@@ -1,8 +1,3 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
 export declare class DatePickerRange implements IDatePickerRange {
     from?: Date | string | null;
     to?: Date | string | null;

package/esm/date-range-picker/date-range-picker-constants.js

@@ -1,11 +1,13 @@
 /**
  * @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}date-range-picker`;
-export class DatePickerRange {
+class DatePickerRange {
     constructor(range) {
         if (range) {
             this.from = range.from;
@@ -30,9 +32,11 @@ const events = {
     CLOSE: `${elementName}-close`,
     INPUT: `${elementName}-input`
 };
-export const DATE_RANGE_PICKER_CONSTANTS = {
+const DATE_RANGE_PICKER_CONSTANTS = {
     elementName,
     selectors,
     events,
     observedAttributes
 };
+
+export { DATE_RANGE_PICKER_CONSTANTS, DatePickerRange };

package/esm/date-range-picker/date-range-picker-core.d.ts

@@ -1,12 +1,7 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { CalendarMode, DateRange, ICalendarDateSelectEventData } from '../calendar';
-import { BaseDatePickerCore, IBaseDatePickerCore } from '../date-picker/base/base-date-picker-core';
-import { IDateRangePickerAdapter } from './date-range-picker-adapter';
-import { IDatePickerRange } from './date-range-picker-constants';
+import { CalendarMode, DateRange, ICalendarDateSelectEventData } from '../calendar/index.js';
+import { BaseDatePickerCore, IBaseDatePickerCore } from '../date-picker/base/base-date-picker-core.js';
+import { IDateRangePickerAdapter } from './date-range-picker-adapter.js';
+import { IDatePickerRange } from './date-range-picker-constants.js';
 export interface IDateRangePickerCore extends IBaseDatePickerCore<IDatePickerRange> {
     from: Date | string | null | undefined;
     to: Date | string | null | undefined;

package/esm/date-range-picker/date-range-picker-core.js

@@ -1,14 +1,17 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { isDate, isValidDate, Platform } from '@tylertech/forge-core';
-import { DateRange } from '../calendar';
-import { isSameDate } from '../core/utils/date-utils';
-import { BaseDatePickerCore } from '../date-picker/base/base-date-picker-core';
-import { DatePickerRange, DATE_RANGE_PICKER_CONSTANTS } from './date-range-picker-constants';
-export class DateRangePickerCore extends BaseDatePickerCore {
+
+import { isValidDate, Platform, isDate } from '@tylertech/forge-core';
+import '../calendar/index.js';
+import { isSameDate } from '../core/utils/date-utils.js';
+import { BaseDatePickerCore } from '../date-picker/base/base-date-picker-core.js';
+import { DatePickerRange, DATE_RANGE_PICKER_CONSTANTS } from './date-range-picker-constants.js';
+import { DateRange } from '../calendar/core/date-range.js';
+
+class DateRangePickerCore extends BaseDatePickerCore {
     constructor(adapter) {
         super(adapter);
         this._mode = 'range';
@@ -425,3 +428,5 @@ export class DateRangePickerCore extends BaseDatePickerCore {
         }
     }
 }
+
+export { DateRangePickerCore };

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

@@ -1,11 +1,6 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseDatePickerComponent, IBaseDatePickerComponent } from '../date-picker/base/base-date-picker';
-import { IDatePickerRange, IDateRangePickerChangeEventData } from './date-range-picker-constants';
-import { DateRangePickerCore } from './date-range-picker-core';
+import { BaseDatePickerComponent, IBaseDatePickerComponent } from '../date-picker/base/base-date-picker.js';
+import { IDatePickerRange, IDateRangePickerChangeEventData } from './date-range-picker-constants.js';
+import { DateRangePickerCore } from './date-range-picker-core.js';
 export interface IDateRangePickerComponent extends IBaseDatePickerComponent<IDatePickerRange> {
     from: Date | string | null | undefined;
     to: Date | string | null | undefined;

package/esm/date-range-picker/date-range-picker.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/date-range-picker/date-range-picker.js

@@ -1,22 +1,29 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { __decorate } from "tslib";
-import { attachShadowTemplate, customElement, coreProperty } from '@tylertech/forge-core';
+
+import { __decorate } from 'tslib';
+import { attachShadowTemplate, coreProperty, customElement } from '@tylertech/forge-core';
 import { tylIconDateRange } from '@tylertech/tyler-icons';
-import { CalendarComponent } from '../calendar';
-import { BaseDatePickerComponent } from '../date-picker/base/base-date-picker';
-import { BASE_DATE_PICKER_CONSTANTS } from '../date-picker/base/base-date-picker-constants';
-import { IconComponent, IconRegistry } from '../icon';
-import { IconButtonComponent } from '../icon-button';
-import { PopoverComponent } from '../popover';
-import { DateRangePickerAdapter } from './date-range-picker-adapter';
-import { DATE_RANGE_PICKER_CONSTANTS } from './date-range-picker-constants';
-import { DateRangePickerCore } from './date-range-picker-core';
-const template = '<template><slot></slot></template>';
-const styles = ':host{display:block}:host([hidden]){display:none}';
+import '../calendar/index.js';
+import { BaseDatePickerComponent } from '../date-picker/base/base-date-picker.js';
+import { BASE_DATE_PICKER_CONSTANTS } from '../date-picker/base/base-date-picker-constants.js';
+import '../icon/index.js';
+import '../icon-button/index.js';
+import '../popover/index.js';
+import { DateRangePickerAdapter } from './date-range-picker-adapter.js';
+import { DATE_RANGE_PICKER_CONSTANTS } from './date-range-picker-constants.js';
+import { DateRangePickerCore } from './date-range-picker-core.js';
+import template from './date-range-picker.html.js';
+import styles from './date-range-picker.scss.js';
+import { IconRegistry } from '../icon/icon-registry.js';
+import { PopoverComponent } from '../popover/popover.js';
+import { CalendarComponent } from '../calendar/calendar.js';
+import { IconButtonComponent } from '../icon-button/icon-button.js';
+import { IconComponent } from '../icon/icon.js';
+
 /**
  * @summary A date input component with integrated calendar popup for selecting date ranges with separate "from" and "to" date values.
  *
@@ -90,4 +97,5 @@ DateRangePickerComponent = __decorate([
         dependencies: [PopoverComponent, CalendarComponent, IconButtonComponent, IconComponent]
     })
 ], DateRangePickerComponent);
+
 export { DateRangePickerComponent };

package/esm/date-range-picker/date-range-picker.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/date-range-picker/index.d.ts

@@ -1,11 +1,6 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './date-range-picker';
-export * from './date-range-picker-adapter';
-export * from './date-range-picker-constants';
-export * from './date-range-picker-core';
-export * from './date-range-picker-component-delegate';
+export * from './date-range-picker.js';
+export * from './date-range-picker-adapter.js';
+export * from './date-range-picker-constants.js';
+export * from './date-range-picker-core.js';
+export * from './date-range-picker-component-delegate.js';
 export declare function defineDateRangePickerComponent(): void;

package/esm/date-range-picker/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 { DateRangePickerComponent } from './date-range-picker';
-export * from './date-range-picker';
-export * from './date-range-picker-adapter';
-export * from './date-range-picker-constants';
-export * from './date-range-picker-core';
-export * from './date-range-picker-component-delegate';
-export function defineDateRangePickerComponent() {
+import { DateRangePickerComponent } from './date-range-picker.js';
+export { DateRangePickerAdapter } from './date-range-picker-adapter.js';
+export { DATE_RANGE_PICKER_CONSTANTS, DatePickerRange } from './date-range-picker-constants.js';
+export { DateRangePickerCore } from './date-range-picker-core.js';
+export { DateRangeComponentDelegate } from './date-range-picker-component-delegate.js';
+
+function defineDateRangePickerComponent() {
     defineCustomElement(DateRangePickerComponent);
 }
+
+export { DateRangePickerComponent, defineDateRangePickerComponent };

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

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseComponentDelegate, IBaseComponentDelegateConfig, IBaseComponentDelegateOptions } from '../../core/delegates/base-component-delegate';
-import { IDeprecatedButtonComponent } from './deprecated-button';
+import { BaseComponentDelegate, IBaseComponentDelegateConfig, IBaseComponentDelegateOptions } from '../../core/delegates/base-component-delegate.js';
+import { IDeprecatedButtonComponent } from './deprecated-button.js';
 export type DeprecatedButtonComponentDelegateProps = Partial<IDeprecatedButtonComponent>;
 export interface IDeprecatedButtonComponentDelegateOptions extends IBaseComponentDelegateOptions {
     type?: 'button' | 'submit';

package/esm/deprecated/button/deprecated-button-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 { DEPRECATED_BUTTON_CONSTANTS } from './deprecated-button-constants';
-export class DeprecatedButtonComponentDelegate extends BaseComponentDelegate {
+
+import { BaseComponentDelegate } from '../../core/delegates/base-component-delegate.js';
+import { DEPRECATED_BUTTON_CONSTANTS } from './deprecated-button-constants.js';
+
+class DeprecatedButtonComponentDelegate extends BaseComponentDelegate {
     constructor(config) {
         super(config);
     }
@@ -33,3 +35,5 @@ export class DeprecatedButtonComponentDelegate extends BaseComponentDelegate {
         this._buttonElement?.addEventListener('blur', evt => listener(evt));
     }
 }
+
+export { DeprecatedButtonComponentDelegate };

package/esm/deprecated/button/deprecated-button-constants.d.ts

@@ -1,8 +1,3 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
 export declare const DEPRECATED_BUTTON_CONSTANTS: {
     elementName: "forge-deprecated-button";
     attributes: {

package/esm/deprecated/button/deprecated-button-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}deprecated-button`;
 const attributes = {
     TYPE: 'type',
@@ -13,8 +15,10 @@ const attributes = {
 const selectors = {
     BUTTON: 'button,a'
 };
-export const DEPRECATED_BUTTON_CONSTANTS = {
+const DEPRECATED_BUTTON_CONSTANTS = {
     elementName,
     attributes,
     selectors
 };
+
+export { DEPRECATED_BUTTON_CONSTANTS };

package/esm/deprecated/button/deprecated-button.d.ts

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { DeprecatedButtonType } from './deprecated-button-constants';
-import { BaseComponent, IBaseComponent } from '../../core/base/base-component';
+import { DeprecatedButtonType } from './deprecated-button-constants.js';
+import { BaseComponent, IBaseComponent } from '../../core/base/base-component.js';
 /**
  * @deprecated Use `IButtonComponent` component instead.
  */

package/esm/deprecated/button/deprecated-button.html.js

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

package/esm/deprecated/button/deprecated-button.js

@@ -1,16 +1,21 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { __decorate } from "tslib";
-import { attachShadowTemplate, coerceBoolean, customElement, ensureChildren, getShadowElement, toggleAttribute } from '@tylertech/forge-core';
-import { FocusIndicatorComponent, FOCUS_INDICATOR_TAG_NAME } from '../../focus-indicator';
-import { StateLayerComponent, STATE_LAYER_CONSTANTS } from '../../state-layer';
-import { DEPRECATED_BUTTON_CONSTANTS } from './deprecated-button-constants';
-import { BaseComponent } from '../../core/base/base-component';
-const template = '<template><slot></slot><forge-focus-indicator part=\"focus-indicator\"></forge-focus-indicator><forge-state-layer exportparts=\"surface:state-layer\"></forge-state-layer></template>';
-const styles = ':host{--_button-primary-color:var(--forge-button-primary-color, var(--forge-theme-primary, #3f51b5));--_button-text-color:var(--forge-button-text-color, var(--_button-primary-color));--_button-disabled-color:var(--forge-button-disabled-color, var(--forge-theme-surface-container, #e0e0e0));--_button-padding:var(--forge-button-padding, var(--forge-spacing-medium, 16px));--_button-display:var(--forge-button-display, inline-grid);--_button-justify:var(--forge-button-justify, center);--_button-shape:var(--forge-button-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_button-height:var(--forge-button-height, 36px);--_button-min-width:var(--forge-button-min-width, 64px);--_button-spacing:var(--forge-button-spacing, var(--forge-spacing-xsmall, 8px));--_button-border-width:var(--forge-button-border-width, medium);--_button-border-style:var(--forge-button-border-style, none);--_button-border-color:var(--forge-button-border-color, currentColor);--_button-shape-start-start-radius:var(--forge-button-shape-start-start-radius, var(--_button-shape));--_button-shape-start-end-radius:var(--forge-button-shape-start-end-radius, var(--_button-shape));--_button-shape-end-start-radius:var(--forge-button-shape-end-start-radius, var(--_button-shape));--_button-shape-end-end-radius:var(--forge-button-shape-end-end-radius, var(--_button-shape));--_button-padding-block:var(--forge-button-padding-block, var(--_button-0));--_button-padding-inline:var(--forge-button-padding-inline, var(--_button-padding));--_button-background:var(--forge-button-background, transparent);--_button-hover-background:var(--forge-button-hover-background, var(--_button-background));--_button-active-background:var(--forge-button-active-background, var(--_button-background));--_button-color:var(--forge-button-color, var(--_button-text-color));--_button-icon-size:var(--forge-button-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1.125));--_button-shadow:var(--forge-button-shadow, none);--_button-hover-shadow:var(--forge-button-hover-shadow, none);--_button-active-shadow:var(--forge-button-active-shadow, none);--_button-cursor:var(--forge-button-cursor, pointer);--_button-transition-duration:var(--forge-button-transition-duration, var(--forge-animation-duration-short3, 150ms));--_button-transition-timing:var(--forge-button-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_button-text-padding-inline:var(--forge-button-text-padding-inline, var(--forge-spacing-xsmall, 8px));--_button-outlined-background:var(--forge-button-outlined-background, transparent);--_button-outlined-color:var(--forge-button-outlined-color, var(--_button-primary-color));--_button-outlined-border-width:var(--forge-button-outlined-border-width, var(--forge-border-thin, 1px));--_button-outlined-border-style:var(--forge-button-outlined-border-style, solid);--_button-outlined-border-color:var(--forge-button-outlined-border-color, var(--_button-primary-color));--_button-tonal-background:var(--forge-button-tonal-background, var(--forge-theme-primary-container, #d1d5ed));--_button-tonal-disabled-background:var(--forge-button-tonal-disabled-background, var(--_button-disabled-color));--_button-tonal-color:var(--forge-button-tonal-color, var(--forge-theme-on-primary-container, #222c62));--_button-tonal-disabled-color:var(--forge-button-tonal-disabled-color, var(--_button-disabled-text-color));--_button-filled-background:var(--forge-button-filled-background, var(--_button-primary-color));--_button-filled-disabled-background:var(--forge-button-filled-disabled-background, var(--_button-disabled-color));--_button-filled-color:var(--forge-button-filled-color, var(--forge-theme-on-primary, #ffffff));--_button-filled-disabled-color:var(--forge-button-filled-disabled-color, var(--_button-disabled-text-color));--_button-raised-background:var(--forge-button-raised-background, var(--_button-primary-color));--_button-raised-disabled-background:var(--forge-button-raised-disabled-background, var(--_button-disabled-color));--_button-raised-color:var(--forge-button-raised-color, var(--forge-theme-on-primary, #ffffff));--_button-raised-disabled-color:var(--forge-button-raised-disabled-color, var(--_button-disabled-text-color));--_button-raised-shadow:var(--forge-button-raised-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12));--_button-raised-hover-shadow:var(--forge-button-raised-hover-shadow, 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12));--_button-raised-active-shadow:var(--forge-button-raised-active-shadow, 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12));--_button-raised-disabled-shadow:var(--forge-button-raised-disabled-shadow, none);--_button-link-color:var(--forge-button-link-color, var(--_button-primary-color));--_button-link-text-decoration:var(--forge-button-link-text-decoration, underline);--_button-link-height:var(--forge-button-link-height, auto);--_button-link-padding:var(--forge-button-link-padding, 0);--_button-link-line-height:var(--forge-button-link-line-height, normal);--_button-link-width:var(--forge-button-link-width, auto);--_button-link-hover-text-decoration:var(--forge-button-link-hover-text-decoration, none);--_button-link-active-opacity:var(--forge-button-link-active-opacity, 0.65);--_button-link-transition-duration:var(--forge-button-link-transition-duration, var(--forge-animation-duration-short3, 150ms));--_button-link-transition-timing:var(--forge-button-link-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_button-disabled-cursor:var(--forge-button-disabled-cursor, not-allowed);--_button-disabled-text-color:var(--forge-button-disabled-text-color, var(--forge-theme-text-low, rgba(0, 0, 0, 0.38)));--_button-disabled-background:var(--forge-button-disabled-background, transparent);--_button-disabled-border-color:var(--forge-button-disabled-border-color, var(--_button-disabled-color));--_button-disabled-shadow:var(--forge-button-disabled-shadow, none);--_button-dense-height:var(--forge-button-dense-height, 24px);--_button-pill-shape:var(--forge-button-pill-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));--_button-pill-padding-inline:var(--forge-button-pill-padding-inline, var(--forge-spacing-small, 12px));--_button-focus-indicator-offset:var(--forge-button-focus-indicator-offset, 4px);--_button-text-focus-indicator-offset:var(--forge-button-text-focus-indicator-offset, 0px);--_button-link-focus-indicator-offset:var(--forge-button-link-focus-indicator-offset, 2px);--_button-popover-icon-transition-duration:var(--forge-button-popover-icon-transition-duration, var(--forge-animation-duration-short3, 150ms));--_button-popover-icon-transition-timing:var(--forge-button-popover-icon-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_button-popover-icon-open-rotation:var(--forge-button-popover-icon-open-rotation, 180deg)}:host{display:var(--_button-display);position:relative;outline:0;vertical-align:middle;-webkit-tap-highlight-color:transparent;border-radius:var(--_button-shape)}:host([hidden]){display:none}::slotted(:is(button,a)){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-button-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-button-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-button-font-size-scale, .875)));font-weight:var(--forge-typography-button-font-weight,500);line-height:var(--forge-typography-button-line-height, normal);letter-spacing:var(--forge-typography-button-letter-spacing, .0714285714em);text-transform:var(--forge-typography-button-text-transform,inherit);text-decoration:var(--forge-typography-button-text-decoration,inherit);position:relative;display:var(--_button-display);grid-auto-flow:column;align-items:center;justify-content:var(--_button-justify);gap:var(--_button-spacing);z-index:0;box-sizing:border-box;min-inline-size:var(--_button-min-width);height:var(--_button-height);inline-size:100%;border-width:var(--_button-border-width);border-style:var(--_button-border-style);border-color:var(--_button-border-color);border-start-start-radius:var(--_button-shape-start-start-radius);border-start-end-radius:var(--_button-shape-start-end-radius);border-end-start-radius:var(--_button-shape-end-start-radius);border-end-end-radius:var(--_button-shape-end-end-radius);padding-block:var(--_button-padding-block);padding-inline:var(--_button-padding-inline);box-shadow:var(--_button-shadow);outline:0;user-select:none;-webkit-appearance:none;vertical-align:middle;text-decoration:none;white-space:nowrap;background:var(--_button-background);color:var(--_button-color);cursor:var(--_button-cursor);transition-property:box-shadow,background;transition-duration:var(--_button-transition-duration);transition-timing-function:var(--_button-transition-timing)}::slotted(:is(button,a))::-moz-focus-inner{padding:0;border:0}::slotted(:is(button,a)):hover{--_button-shadow:var(--_button-hover-shadow);background:var(--_button-hover-background)}::slotted(:is(button,a)):active{--_button-shadow:var(--_button-active-shadow);background:var(--_button-active-background)}::slotted(:is(button,a)){--forge-icon-font-size:1.25em}::slotted(a){text-decoration:none;--forge-typography-link-text-decoration:none}forge-state-layer{--forge-state-layer-color:var(--_button-color)}forge-focus-indicator{--forge-focus-indicator-color:var(--_button-primary-color);--forge-focus-indicator-outward-offset:var(--_button-focus-indicator-offset)}:host(:is([type*=unelevated],[type*=raised])) ::slotted(:is(button,a)){--_button-background:var(--_button-filled-background);--_button-color:var(--_button-filled-color)}:host(:is([type*=unelevated],[type*=raised])) forge-state-layer{--forge-state-layer-color:var(--_button-filled-color)}:host([type*=raised]) ::slotted(:is(button,a)){--_button-background:var(--_button-raised-background);--_button-color:var(--_button-raised-color);--_button-shadow:var(--_button-raised-shadow)}:host([type*=raised]) ::slotted(:is(button,a)):hover{--_button-shadow:var(--_button-raised-hover-shadow)}:host([type*=raised]) ::slotted(:is(button,a)):active{--_button-shadow:var(--_button-raised-active-shadow)}:host([type*=outlined]) ::slotted(:is(button,a)){--_button-background:var(--_button-outlined-background);--_button-color:var(--_button-outlined-color);--_button-border-width:var(--_button-outlined-border-width);--_button-border-style:var(--_button-outlined-border-style);--_button-border-color:var(--_button-outlined-border-color)}:host([full-width]){width:100%}:host(:is([dense],[type*=dense])) ::slotted(:is(button,a)){--_button-height:var(--_button-dense-height)}:host([disabled]){cursor:var(--_button-disabled-cursor)}:host([disabled]) ::slotted(button[disabled]){--_button-background:var(--_button-disabled-background);--_button-color:var(--_button-disabled-text-color);--_button-shadow:var(--_button-disabled-shadow);pointer-events:none}:host([type*=outlined][disabled]) ::slotted(button[disabled]){--_button-border-color:var(--_button-disabled-border-color)}:host(:is([type*=unelevated],[type*=raised])[disabled]) ::slotted(button[disabled]){--_button-background:var(--_button-filled-disabled-background);--_button-color:var(--_button-filled-disabled-color)}:host([type*=raised][disabled]) ::slotted(button[disabled]){--_button-background:var(--_button-raised-disabled-background);--_button-color:var(--_button-raised-disabled-color);--_button-shadow:var(--_button-raised-disabled-shadow)}';
+
+import { __decorate } from 'tslib';
+import { attachShadowTemplate, getShadowElement, ensureChildren, coerceBoolean, toggleAttribute, customElement } from '@tylertech/forge-core';
+import '../../focus-indicator/index.js';
+import '../../state-layer/index.js';
+import { DEPRECATED_BUTTON_CONSTANTS } from './deprecated-button-constants.js';
+import { BaseComponent } from '../../core/base/base-component.js';
+import template from './deprecated-button.html.js';
+import styles from './deprecated-button.scss.js';
+import { FOCUS_INDICATOR_TAG_NAME, FocusIndicatorComponent } from '../../focus-indicator/focus-indicator.js';
+import { STATE_LAYER_CONSTANTS } from '../../state-layer/state-layer-constants.js';
+import { StateLayerComponent } from '../../state-layer/state-layer.js';
+
 /**
  * @tag forge-deprecated-button
  *
@@ -143,4 +148,5 @@ DeprecatedButtonComponent = __decorate([
         dependencies: [FocusIndicatorComponent, StateLayerComponent]
     })
 ], DeprecatedButtonComponent);
+
 export { DeprecatedButtonComponent };

package/esm/deprecated/button/deprecated-button.scss.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var styles = ":host{--_button-primary-color:var(--forge-button-primary-color, var(--forge-theme-primary, #3f51b5));--_button-text-color:var(--forge-button-text-color, var(--_button-primary-color));--_button-disabled-color:var(--forge-button-disabled-color, var(--forge-theme-surface-container, #e0e0e0));--_button-padding:var(--forge-button-padding, var(--forge-spacing-medium, 16px));--_button-display:var(--forge-button-display, inline-grid);--_button-justify:var(--forge-button-justify, center);--_button-shape:var(--forge-button-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_button-height:var(--forge-button-height, 36px);--_button-min-width:var(--forge-button-min-width, 64px);--_button-spacing:var(--forge-button-spacing, var(--forge-spacing-xsmall, 8px));--_button-border-width:var(--forge-button-border-width, medium);--_button-border-style:var(--forge-button-border-style, none);--_button-border-color:var(--forge-button-border-color, currentColor);--_button-shape-start-start-radius:var(--forge-button-shape-start-start-radius, var(--_button-shape));--_button-shape-start-end-radius:var(--forge-button-shape-start-end-radius, var(--_button-shape));--_button-shape-end-start-radius:var(--forge-button-shape-end-start-radius, var(--_button-shape));--_button-shape-end-end-radius:var(--forge-button-shape-end-end-radius, var(--_button-shape));--_button-padding-block:var(--forge-button-padding-block, var(--_button-0));--_button-padding-inline:var(--forge-button-padding-inline, var(--_button-padding));--_button-background:var(--forge-button-background, transparent);--_button-hover-background:var(--forge-button-hover-background, var(--_button-background));--_button-active-background:var(--forge-button-active-background, var(--_button-background));--_button-color:var(--forge-button-color, var(--_button-text-color));--_button-icon-size:var(--forge-button-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1.125));--_button-shadow:var(--forge-button-shadow, none);--_button-hover-shadow:var(--forge-button-hover-shadow, none);--_button-active-shadow:var(--forge-button-active-shadow, none);--_button-cursor:var(--forge-button-cursor, pointer);--_button-transition-duration:var(--forge-button-transition-duration, var(--forge-animation-duration-short3, 150ms));--_button-transition-timing:var(--forge-button-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_button-text-padding-inline:var(--forge-button-text-padding-inline, var(--forge-spacing-xsmall, 8px));--_button-outlined-background:var(--forge-button-outlined-background, transparent);--_button-outlined-color:var(--forge-button-outlined-color, var(--_button-primary-color));--_button-outlined-border-width:var(--forge-button-outlined-border-width, var(--forge-border-thin, 1px));--_button-outlined-border-style:var(--forge-button-outlined-border-style, solid);--_button-outlined-border-color:var(--forge-button-outlined-border-color, var(--_button-primary-color));--_button-tonal-background:var(--forge-button-tonal-background, var(--forge-theme-primary-container, #d1d5ed));--_button-tonal-disabled-background:var(--forge-button-tonal-disabled-background, var(--_button-disabled-color));--_button-tonal-color:var(--forge-button-tonal-color, var(--forge-theme-on-primary-container, #222c62));--_button-tonal-disabled-color:var(--forge-button-tonal-disabled-color, var(--_button-disabled-text-color));--_button-filled-background:var(--forge-button-filled-background, var(--_button-primary-color));--_button-filled-disabled-background:var(--forge-button-filled-disabled-background, var(--_button-disabled-color));--_button-filled-color:var(--forge-button-filled-color, var(--forge-theme-on-primary, #ffffff));--_button-filled-disabled-color:var(--forge-button-filled-disabled-color, var(--_button-disabled-text-color));--_button-raised-background:var(--forge-button-raised-background, var(--_button-primary-color));--_button-raised-disabled-background:var(--forge-button-raised-disabled-background, var(--_button-disabled-color));--_button-raised-color:var(--forge-button-raised-color, var(--forge-theme-on-primary, #ffffff));--_button-raised-disabled-color:var(--forge-button-raised-disabled-color, var(--_button-disabled-text-color));--_button-raised-shadow:var(--forge-button-raised-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12));--_button-raised-hover-shadow:var(--forge-button-raised-hover-shadow, 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12));--_button-raised-active-shadow:var(--forge-button-raised-active-shadow, 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12));--_button-raised-disabled-shadow:var(--forge-button-raised-disabled-shadow, none);--_button-link-color:var(--forge-button-link-color, var(--_button-primary-color));--_button-link-text-decoration:var(--forge-button-link-text-decoration, underline);--_button-link-height:var(--forge-button-link-height, auto);--_button-link-padding:var(--forge-button-link-padding, 0);--_button-link-line-height:var(--forge-button-link-line-height, normal);--_button-link-width:var(--forge-button-link-width, auto);--_button-link-hover-text-decoration:var(--forge-button-link-hover-text-decoration, none);--_button-link-active-opacity:var(--forge-button-link-active-opacity, 0.65);--_button-link-transition-duration:var(--forge-button-link-transition-duration, var(--forge-animation-duration-short3, 150ms));--_button-link-transition-timing:var(--forge-button-link-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_button-disabled-cursor:var(--forge-button-disabled-cursor, not-allowed);--_button-disabled-text-color:var(--forge-button-disabled-text-color, var(--forge-theme-text-low, rgba(0, 0, 0, 0.38)));--_button-disabled-background:var(--forge-button-disabled-background, transparent);--_button-disabled-border-color:var(--forge-button-disabled-border-color, var(--_button-disabled-color));--_button-disabled-shadow:var(--forge-button-disabled-shadow, none);--_button-dense-height:var(--forge-button-dense-height, 24px);--_button-pill-shape:var(--forge-button-pill-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));--_button-pill-padding-inline:var(--forge-button-pill-padding-inline, var(--forge-spacing-small, 12px));--_button-focus-indicator-offset:var(--forge-button-focus-indicator-offset, 4px);--_button-text-focus-indicator-offset:var(--forge-button-text-focus-indicator-offset, 0px);--_button-link-focus-indicator-offset:var(--forge-button-link-focus-indicator-offset, 2px);--_button-popover-icon-transition-duration:var(--forge-button-popover-icon-transition-duration, var(--forge-animation-duration-short3, 150ms));--_button-popover-icon-transition-timing:var(--forge-button-popover-icon-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_button-popover-icon-open-rotation:var(--forge-button-popover-icon-open-rotation, 180deg)}:host{display:var(--_button-display);position:relative;outline:none;vertical-align:middle;-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:var(--_button-shape)}:host([hidden]){display:none}::slotted(:is(button,a)){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-button-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-button-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-button-font-size-scale, 0.875)));font-weight:var(--forge-typography-button-font-weight, 500);line-height:var(--forge-typography-button-line-height, normal);letter-spacing:var(--forge-typography-button-letter-spacing, 0.0714285714em);text-transform:var(--forge-typography-button-text-transform, inherit);text-decoration:var(--forge-typography-button-text-decoration, inherit);position:relative;display:var(--_button-display);grid-auto-flow:column;align-items:center;justify-content:var(--_button-justify);gap:var(--_button-spacing);z-index:0;box-sizing:border-box;min-inline-size:var(--_button-min-width);height:var(--_button-height);inline-size:100%;border-width:var(--_button-border-width);border-style:var(--_button-border-style);border-color:var(--_button-border-color);border-start-start-radius:var(--_button-shape-start-start-radius);border-start-end-radius:var(--_button-shape-start-end-radius);border-end-start-radius:var(--_button-shape-end-start-radius);border-end-end-radius:var(--_button-shape-end-end-radius);padding-block:var(--_button-padding-block);padding-inline:var(--_button-padding-inline);box-shadow:var(--_button-shadow);outline:none;user-select:none;-webkit-appearance:none;vertical-align:middle;text-decoration:none;white-space:nowrap;background:var(--_button-background);color:var(--_button-color);cursor:var(--_button-cursor);transition-property:box-shadow,background;transition-duration:var(--_button-transition-duration);transition-timing-function:var(--_button-transition-timing)}::slotted(:is(button,a))::-moz-focus-inner{padding:0;border:0}::slotted(:is(button,a)):hover{--_button-shadow:var(--_button-hover-shadow);background:var(--_button-hover-background)}::slotted(:is(button,a)):active{--_button-shadow:var(--_button-active-shadow);background:var(--_button-active-background)}::slotted(:is(button,a)){--forge-icon-font-size: 1.25em}::slotted(a){text-decoration:none;--forge-typography-link-text-decoration: none}forge-state-layer{--forge-state-layer-color: var(--_button-color)}forge-focus-indicator{--forge-focus-indicator-color: var(--_button-primary-color);--forge-focus-indicator-outward-offset: var(--_button-focus-indicator-offset)}:host(:is([type*=unelevated],[type*=raised])) ::slotted(:is(button,a)){--_button-background:var(--_button-filled-background);--_button-color:var(--_button-filled-color)}:host(:is([type*=unelevated],[type*=raised])) forge-state-layer{--forge-state-layer-color: var(--_button-filled-color)}:host([type*=raised]) ::slotted(:is(button,a)){--_button-background:var(--_button-raised-background);--_button-color:var(--_button-raised-color);--_button-shadow:var(--_button-raised-shadow)}:host([type*=raised]) ::slotted(:is(button,a)):hover{--_button-shadow:var(--_button-raised-hover-shadow)}:host([type*=raised]) ::slotted(:is(button,a)):active{--_button-shadow:var(--_button-raised-active-shadow)}:host([type*=outlined]) ::slotted(:is(button,a)){--_button-background:var(--_button-outlined-background);--_button-color:var(--_button-outlined-color);--_button-border-width:var(--_button-outlined-border-width);--_button-border-style:var(--_button-outlined-border-style);--_button-border-color:var(--_button-outlined-border-color)}:host([full-width]){width:100%}:host(:is([dense],[type*=dense])) ::slotted(:is(button,a)){--_button-height:var(--_button-dense-height)}:host([disabled]){cursor:var(--_button-disabled-cursor)}:host([disabled]) ::slotted(button[disabled]){--_button-background:var(--_button-disabled-background);--_button-color:var(--_button-disabled-text-color);--_button-shadow:var(--_button-disabled-shadow);pointer-events:none}:host([type*=outlined][disabled]) ::slotted(button[disabled]){--_button-border-color:var(--_button-disabled-border-color)}:host(:is([type*=unelevated],[type*=raised])[disabled]) ::slotted(button[disabled]){--_button-background:var(--_button-filled-disabled-background);--_button-color:var(--_button-filled-disabled-color)}:host([type*=raised][disabled]) ::slotted(button[disabled]){--_button-background:var(--_button-raised-disabled-background);--_button-color:var(--_button-raised-disabled-color);--_button-shadow:var(--_button-raised-disabled-shadow)}";
+
+export { styles as default };

package/esm/deprecated/button/index.d.ts

@@ -1,11 +1,6 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './deprecated-button';
-export * from './deprecated-button-component-delegate';
-export * from './deprecated-button-constants';
+export * from './deprecated-button.js';
+export * from './deprecated-button-component-delegate.js';
+export * from './deprecated-button-constants.js';
 /**
  * @deprecated Use `defineButtonComponent()` instead for the `<forge-button>` element.
  */

package/esm/deprecated/button/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 { DeprecatedButtonComponent } from './deprecated-button';
-export * from './deprecated-button';
-export * from './deprecated-button-component-delegate';
-export * from './deprecated-button-constants';
+import { DeprecatedButtonComponent } from './deprecated-button.js';
+export { DeprecatedButtonComponentDelegate } from './deprecated-button-component-delegate.js';
+export { DEPRECATED_BUTTON_CONSTANTS } from './deprecated-button-constants.js';
+
 /**
  * @deprecated Use `defineButtonComponent()` instead for the `<forge-button>` element.
  */
-export function defineDeprecatedButtonComponent() {
+function defineDeprecatedButtonComponent() {
     defineCustomElement(DeprecatedButtonComponent);
 }
+
+export { DeprecatedButtonComponent, defineDeprecatedButtonComponent };

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

@@ -1,13 +1,8 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseComponentDelegate, IBaseComponentDelegateConfig, IBaseComponentDelegateOptions } from '../../core/delegates/base-component-delegate';
-import { IIconComponent } from '../../icon/icon';
-import { IconExternalType } from '../../icon/icon-constants';
-import { TooltipPlacement } from '../../tooltip/tooltip-constants';
-import { IDeprecatedIconButtonComponent } from './deprecated-icon-button';
+import { BaseComponentDelegate, IBaseComponentDelegateConfig, IBaseComponentDelegateOptions } from '../../core/delegates/base-component-delegate.js';
+import { IIconComponent } from '../../icon/icon.js';
+import { IconExternalType } from '../../icon/icon-constants.js';
+import { TooltipPlacement } from '../../tooltip/tooltip-constants.js';
+import { IDeprecatedIconButtonComponent } from './deprecated-icon-button.js';
 export type DeprecatedIconButtonComponentDelegateProps = Partial<IDeprecatedIconButtonComponent>;
 export interface IDeprecatedIconButtonComponentDelegateOptions extends IBaseComponentDelegateOptions {
     iconName?: string;

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

@@ -1,13 +1,15 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { ICON_CLASS_NAME } from '../../constants';
-import { BaseComponentDelegate } from '../../core/delegates/base-component-delegate';
-import { ICON_CONSTANTS } from '../../icon/icon-constants';
-import { DEPRECATED_ICON_BUTTON_CONSTANTS } from './deprecated-icon-button-constants';
-export class DeprecatedIconButtonComponentDelegate extends BaseComponentDelegate {
+
+import { ICON_CLASS_NAME } from '../../constants.js';
+import { BaseComponentDelegate } from '../../core/delegates/base-component-delegate.js';
+import { ICON_CONSTANTS } from '../../icon/icon-constants.js';
+import { DEPRECATED_ICON_BUTTON_CONSTANTS } from './deprecated-icon-button-constants.js';
+
+class DeprecatedIconButtonComponentDelegate extends BaseComponentDelegate {
     constructor(config) {
         super(config);
     }
@@ -86,3 +88,5 @@ export class DeprecatedIconButtonComponentDelegate extends BaseComponentDelegate
         }
     }
 }
+
+export { DeprecatedIconButtonComponentDelegate };

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

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

package/esm/deprecated/icon-button/deprecated-icon-button-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}deprecated-icon-button`;
 const observedAttributes = {
     DISABLED: 'disabled',
@@ -22,10 +24,12 @@ const selectors = {
 const events = {
     TOGGLE: 'forge-icon-button-toggle'
 };
-export const DEPRECATED_ICON_BUTTON_CONSTANTS = {
+const DEPRECATED_ICON_BUTTON_CONSTANTS = {
     elementName,
     observedAttributes,
     attributes,
     selectors,
     events
 };
+
+export { DEPRECATED_ICON_BUTTON_CONSTANTS };

package/esm/deprecated/icon-button/deprecated-icon-button.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';
 /**
  * @deprecated Use `IIconButtonComponent` component instead.
  */