@tylertech/forge 3.13.1 → 3.14.0-dev.0

package/esm/select/select-dropdown/select-dropdown-adapter.js

@@ -1,11 +1,13 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { BaseSelectAdapter } from '../core/base-select-adapter';
+
+import { BaseSelectAdapter } from '../core/base-select-adapter.js';
 import { randomChars } from '@tylertech/forge-core';
-export class SelectDropdownAdapter extends BaseSelectAdapter {
+
+class SelectDropdownAdapter extends BaseSelectAdapter {
     constructor(component) {
         super(component);
     }
@@ -122,3 +124,5 @@ export class SelectDropdownAdapter extends BaseSelectAdapter {
         this._component.appendChild(placeholderDiv);
     }
 }
+
+export { SelectDropdownAdapter };

package/esm/select/select-dropdown/select-dropdown-constants.d.ts

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

package/esm/select/select-dropdown/select-dropdown-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}select-dropdown`;
 const observedAttributes = {
     TARGET: 'target',
@@ -16,8 +18,10 @@ const attributes = {
 const events = {
     SCROLLED_BOTTOM: `${elementName}-scrolled-bottom`
 };
-export const SELECT_DROPDOWN_CONSTANTS = {
+const SELECT_DROPDOWN_CONSTANTS = {
     elementName,
     attributes,
     events
 };
+
+export { SELECT_DROPDOWN_CONSTANTS };

package/esm/select/select-dropdown/select-dropdown-core.d.ts

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { ISelectDropdownAdapter } from './select-dropdown-adapter';
-import { BaseSelectCore, IBaseSelectCore } from '../core/base-select-core';
+import { ISelectDropdownAdapter } from './select-dropdown-adapter.js';
+import { BaseSelectCore, IBaseSelectCore } from '../core/base-select-core.js';
 export interface ISelectDropdownCore extends IBaseSelectCore {
     target: string;
     selectedTextTarget: string;

package/esm/select/select-dropdown/select-dropdown-core.js

@@ -1,11 +1,13 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { BaseSelectCore } from '../core/base-select-core';
-import { SELECT_DROPDOWN_CONSTANTS } from './select-dropdown-constants';
-export class SelectDropdownCore extends BaseSelectCore {
+
+import { BaseSelectCore } from '../core/base-select-core.js';
+import { SELECT_DROPDOWN_CONSTANTS } from './select-dropdown-constants.js';
+
+class SelectDropdownCore extends BaseSelectCore {
     constructor(adapter) {
         super(adapter);
         this._syncSelectedText = false;
@@ -86,3 +88,5 @@ export class SelectDropdownCore extends BaseSelectCore {
         }
     }
 }
+
+export { SelectDropdownCore };

package/esm/select/select-dropdown/select-dropdown.d.ts

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { SelectDropdownCore } from './select-dropdown-core';
-import { IBaseSelectComponent, BaseSelectComponent } from '../core/base-select';
+import { SelectDropdownCore } from './select-dropdown-core.js';
+import { IBaseSelectComponent, BaseSelectComponent } from '../core/base-select.js';
 export interface ISelectDropdownComponent extends IBaseSelectComponent {
     target: string;
     selectedTextTarget: string;

package/esm/select/select-dropdown/select-dropdown.html.js

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

package/esm/select/select-dropdown/select-dropdown.js

@@ -1,25 +1,35 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { __decorate } from "tslib";
-import { customElement, coreProperty, attachShadowTemplate, coerceBoolean } from '@tylertech/forge-core';
-import { SelectDropdownCore } from './select-dropdown-core';
-import { SELECT_DROPDOWN_CONSTANTS } from './select-dropdown-constants';
-import { BaseSelectComponent } from '../core/base-select';
-import { BASE_SELECT_CONSTANTS } from '../core/base-select-constants';
-import { SelectDropdownAdapter } from './select-dropdown-adapter';
-import { OptionComponent } from '../option';
-import { OptionGroupComponent } from '../option-group';
-import { ListComponent, ListItemComponent } from '../../list';
-import { CircularProgressComponent } from '../../circular-progress';
-import { ScaffoldComponent } from '../../scaffold';
-import { ToolbarComponent } from '../../toolbar';
-import { IconButtonComponent } from '../../icon-button';
-import { PopoverComponent } from '../../popover/popover';
-const template = '<template></template>';
-const styles = ':host{display:none}';
+
+import { __decorate } from 'tslib';
+import { attachShadowTemplate, coerceBoolean, coreProperty, customElement } from '@tylertech/forge-core';
+import { SelectDropdownCore } from './select-dropdown-core.js';
+import { SELECT_DROPDOWN_CONSTANTS } from './select-dropdown-constants.js';
+import { BaseSelectComponent } from '../core/base-select.js';
+import { BASE_SELECT_CONSTANTS } from '../core/base-select-constants.js';
+import { SelectDropdownAdapter } from './select-dropdown-adapter.js';
+import '../option/index.js';
+import '../option-group/index.js';
+import '../../list/index.js';
+import '../../circular-progress/index.js';
+import '../../scaffold/index.js';
+import '../../toolbar/index.js';
+import '../../icon-button/index.js';
+import { PopoverComponent } from '../../popover/popover.js';
+import template from './select-dropdown.html.js';
+import styles from './select-dropdown.scss.js';
+import { OptionComponent } from '../option/option.js';
+import { OptionGroupComponent } from '../option-group/option-group.js';
+import { ListComponent } from '../../list/list/list.js';
+import { ListItemComponent } from '../../list/list-item/list-item.js';
+import { CircularProgressComponent } from '../../circular-progress/circular-progress.js';
+import { ScaffoldComponent } from '../../scaffold/scaffold.js';
+import { ToolbarComponent } from '../../toolbar/toolbar.js';
+import { IconButtonComponent } from '../../icon-button/icon-button.js';
+
 /**
  * @tag forge-select-dropdown
  *
@@ -85,4 +95,5 @@ SelectDropdownComponent = __decorate([
         ]
     })
 ], SelectDropdownComponent);
+
 export { SelectDropdownComponent };

package/esm/select/select-dropdown/select-dropdown.scss.js

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

package/esm/skeleton/index.d.ts

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

package/esm/skeleton/index.js

@@ -1,12 +1,15 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { defineCustomElement } from '@tylertech/forge-core';
-import { SkeletonComponent } from './skeleton';
-export * from './skeleton-constants';
-export * from './skeleton';
-export function defineSkeletonComponent() {
+import { SkeletonComponent } from './skeleton.js';
+export { SKELETON_CONSTANTS } from './skeleton-constants.js';
+
+function defineSkeletonComponent() {
     defineCustomElement(SkeletonComponent);
 }
+
+export { SkeletonComponent, defineSkeletonComponent };

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

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

package/esm/skeleton/skeleton-constants.js

@@ -1,10 +1,14 @@
 /**
  * @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}skeleton`;
-export const SKELETON_CONSTANTS = {
+const SKELETON_CONSTANTS = {
     elementName
 };
+
+export { SKELETON_CONSTANTS };

package/esm/skeleton/skeleton.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 ISkeletonComponent extends IBaseComponent {
 }
 declare global {

package/esm/skeleton/skeleton.html.js

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

package/esm/skeleton/skeleton.js

@@ -1,14 +1,16 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { __decorate } from "tslib";
-import { customElement, attachShadowTemplate } from '@tylertech/forge-core';
-import { BaseComponent } from '../core/base/base-component';
-import { SKELETON_CONSTANTS } from './skeleton-constants';
-const template = '<template><div class=\"forge-skeleton\" part=\"root\"></div></template>';
-const styles = '@keyframes forge-skeleton-loading{100%,25%{transform:translateX(100%)}}:host{--_skeleton-animation-duration:var(--forge-skeleton-animation-duration, 1500ms);--_skeleton-width:var(--forge-skeleton-width, auto);--_skeleton-height:var(--forge-skeleton-height, 48px);--_skeleton-background:var(--forge-skeleton-background, var(--forge-theme-surface-container, #e0e0e0));--_skeleton-shape:var(--forge-skeleton-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_skeleton-margin:var(--forge-skeleton-margin, var(--forge-spacing-medium, 16px) 0);--_skeleton-button-height:var(--forge-skeleton-button-height, var(--forge-button-height, 36px));--_skeleton-button-width:var(--forge-skeleton-button-width, 72px);--_skeleton-form-field-height:var(--forge-skeleton-form-field-height, 40px);--_skeleton-form-field-width:var(--forge-skeleton-form-field-width, 256px);--_skeleton-chip-height:var(--forge-skeleton-chip-height, 32px);--_skeleton-chip-width:var(--forge-skeleton-chip-width, 72px);--_skeleton-chip-shape:var(--forge-skeleton-chip-shape, calc(var(--forge-shape-extra-large, 16px) * var(--forge-shape-factor, 1)));--_skeleton-list-item-height:var(--forge-skeleton-list-item-height, 32px);--_skeleton-list-item-margin:var(--forge-skeleton-list-item-margin, 12px 8px);--_skeleton-text-height:var(--forge-skeleton-text-height, 1rem);--_skeleton-gradient-color:var(--forge-skeleton-gradient-color, var(--forge-theme-surface-container-low, #ebebeb));--_skeleton-avatar-size:var(--forge-skeleton-avatar-size, var(--forge-avatar-size, 40px));--_skeleton-avatar-shape:var(--forge-skeleton-avatar-shape, var(--forge-avatar-shape, calc(var(--forge-shape-round, 50%) * var(--forge-shape-factor, 1))))}:host{height:var(--_skeleton-height);width:var(--_skeleton-width);margin:var(--_skeleton-margin);border-radius:var(--_skeleton-shape);background-color:var(--_skeleton-background);position:relative;display:block;overflow:hidden;box-sizing:border-box}:host([hidden]){display:none}.forge-skeleton{display:block}.forge-skeleton::after{position:absolute;display:block;width:100%;height:100%;transform:translateX(-100%);background-repeat:no-repeat;background-image:linear-gradient(90deg,transparent,var(--_skeleton-gradient-color),transparent);animation:forge-skeleton-loading var(--_skeleton-animation-duration) ease-in infinite;content:\"\"}:host([avatar]){--_skeleton-height:var(--_skeleton-avatar-size);--_skeleton-width:var(--_skeleton-avatar-size);--_skeleton-shape:var(--_skeleton-avatar-shape)}:host([list-item]){--_skeleton-height:var(--_skeleton-list-item-height);--_skeleton-margin:var(--_skeleton-list-item-margin)}:host([text]){--_skeleton-height:var(--_skeleton-text-height)}:host([stretch]){height:100%;width:100%}:host([chip]){--_skeleton-height:var(--_skeleton-chip-height);--_skeleton-width:var(--_skeleton-chip-width);--_skeleton-shape:var(--_skeleton-chip-shape)}:host([button]){--_skeleton-height:var(--_skeleton-button-height);--_skeleton-width:var(--_skeleton-button-width)}:host([form-field]){--_skeleton-height:var(--_skeleton-form-field-height);--_skeleton-width:var(--_skeleton-form-field-width)}';
+
+import { __decorate } from 'tslib';
+import { attachShadowTemplate, customElement } from '@tylertech/forge-core';
+import { BaseComponent } from '../core/base/base-component.js';
+import { SKELETON_CONSTANTS } from './skeleton-constants.js';
+import template from './skeleton.html.js';
+import styles from './skeleton.scss.js';
+
 /**
  * @tag forge-skeleton
  *
@@ -63,4 +65,5 @@ SkeletonComponent = __decorate([
         name: SKELETON_CONSTANTS.elementName
     })
 ], SkeletonComponent);
+
 export { SkeletonComponent };

package/esm/skeleton/skeleton.scss.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var styles = "@keyframes forge-skeleton-loading{25%,100%{transform:translateX(100%)}}:host{--_skeleton-animation-duration:var(--forge-skeleton-animation-duration, 1500ms);--_skeleton-width:var(--forge-skeleton-width, auto);--_skeleton-height:var(--forge-skeleton-height, 48px);--_skeleton-background:var(--forge-skeleton-background, var(--forge-theme-surface-container, #e0e0e0));--_skeleton-shape:var(--forge-skeleton-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_skeleton-margin:var(--forge-skeleton-margin, var(--forge-spacing-medium, 16px) 0);--_skeleton-button-height:var(--forge-skeleton-button-height, var(--forge-button-height, 36px));--_skeleton-button-width:var(--forge-skeleton-button-width, 72px);--_skeleton-form-field-height:var(--forge-skeleton-form-field-height, 40px);--_skeleton-form-field-width:var(--forge-skeleton-form-field-width, 256px);--_skeleton-chip-height:var(--forge-skeleton-chip-height, 32px);--_skeleton-chip-width:var(--forge-skeleton-chip-width, 72px);--_skeleton-chip-shape:var(--forge-skeleton-chip-shape, calc(var(--forge-shape-extra-large, 16px) * var(--forge-shape-factor, 1)));--_skeleton-list-item-height:var(--forge-skeleton-list-item-height, 32px);--_skeleton-list-item-margin:var(--forge-skeleton-list-item-margin, 12px 8px);--_skeleton-text-height:var(--forge-skeleton-text-height, 1rem);--_skeleton-gradient-color:var(--forge-skeleton-gradient-color, var(--forge-theme-surface-container-low, #ebebeb));--_skeleton-avatar-size:var(--forge-skeleton-avatar-size, var(--forge-avatar-size, 40px));--_skeleton-avatar-shape:var(--forge-skeleton-avatar-shape, var(--forge-avatar-shape, calc(var(--forge-shape-round, 50%) * var(--forge-shape-factor, 1))))}:host{height:var(--_skeleton-height);width:var(--_skeleton-width);margin:var(--_skeleton-margin);border-radius:var(--_skeleton-shape);background-color:var(--_skeleton-background);position:relative;display:block;overflow:hidden;box-sizing:border-box}:host([hidden]){display:none}.forge-skeleton{display:block}.forge-skeleton::after{position:absolute;display:block;width:100%;height:100%;transform:translateX(-100%);background-repeat:no-repeat;background-image:linear-gradient(90deg, transparent, var(--_skeleton-gradient-color), transparent);animation:forge-skeleton-loading var(--_skeleton-animation-duration) ease-in infinite;content:\"\"}:host([avatar]){--_skeleton-height:var(--_skeleton-avatar-size);--_skeleton-width:var(--_skeleton-avatar-size);--_skeleton-shape:var(--_skeleton-avatar-shape)}:host([list-item]){--_skeleton-height:var(--_skeleton-list-item-height);--_skeleton-margin:var(--_skeleton-list-item-margin)}:host([text]){--_skeleton-height:var(--_skeleton-text-height)}:host([stretch]){height:100%;width:100%}:host([chip]){--_skeleton-height:var(--_skeleton-chip-height);--_skeleton-width:var(--_skeleton-chip-width);--_skeleton-shape:var(--_skeleton-chip-shape)}:host([button]){--_skeleton-height:var(--_skeleton-button-height);--_skeleton-width:var(--_skeleton-button-width)}:host([form-field]){--_skeleton-height:var(--_skeleton-form-field-height);--_skeleton-width:var(--_skeleton-form-field-width)}";
+
+export { styles as default };

package/esm/skip-link/index.d.ts

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

package/esm/skip-link/index.js

@@ -1,12 +1,15 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { defineCustomElement } from '@tylertech/forge-core';
-import { SkipLinkComponent } from './skip-link';
-export * from './skip-link-constants';
-export * from './skip-link';
-export function defineSkipLinkComponent() {
+import { SkipLinkComponent } from './skip-link.js';
+export { SKIP_LINK_CONSTANTS } from './skip-link-constants.js';
+
+function defineSkipLinkComponent() {
     defineCustomElement(SkipLinkComponent);
 }
+
+export { SkipLinkComponent, defineSkipLinkComponent };

package/esm/skip-link/skip-link-constants.d.ts

@@ -1,9 +1,4 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { Theme } from '../constants';
+import { Theme } from '../constants.js';
 export declare const SKIP_LINK_CONSTANTS: {
     elementName: "forge-skip-link";
     observedAttributes: {

package/esm/skip-link/skip-link-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}skip-link`;
 const observedAttributes = {
     TARGET: 'target',
@@ -19,9 +21,11 @@ const attributes = {
 const selectors = {
     ANCHOR: 'a'
 };
-export const SKIP_LINK_CONSTANTS = {
+const SKIP_LINK_CONSTANTS = {
     elementName,
     observedAttributes,
     attributes,
     selectors
 };
+
+export { SKIP_LINK_CONSTANTS };

package/esm/skip-link/skip-link.d.ts

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseComponent, IBaseComponent } from '../core';
-import { SkipLinkTheme } from './skip-link-constants';
+import { BaseComponent, IBaseComponent } from '../core/index.js';
+import { SkipLinkTheme } from './skip-link-constants.js';
 export interface ISkipLinkComponent extends IBaseComponent {
     target: string;
     theme: SkipLinkTheme;

package/esm/skip-link/skip-link.html.js

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

package/esm/skip-link/skip-link.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, getShadowElement } from '@tylertech/forge-core';
-import { BaseComponent } from '../core';
-import { FocusIndicatorComponent } from '../focus-indicator';
-import { StateLayerComponent } from '../state-layer';
-import { SKIP_LINK_CONSTANTS } from './skip-link-constants';
-const template = '<template><a class=\"forge-skip-link\" part=\"anchor\"><slot>Skip to main content</slot><forge-focus-indicator part=\"focus-indicator\"></forge-focus-indicator><forge-state-layer exportparts=\"surface:state-layer\"></forge-state-layer></a></template>';
-const style = ':host{--_skip-link-inset:var(--forge-skip-link-inset, var(--forge-spacing-xsmall, 8px) var(--forge-spacing-medium, 16px));--_skip-link-z-index:var(--forge-skip-link-z-index, var(--forge-z-index-popup, 10));--_skip-link-transition-duration:var(--forge-skip-link-transition-duration, var(--forge-animation-duration-short4, 200ms));--_skip-link-transition-timing-function:var(--forge-skip-link-transition-timing-function, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)))}:host{transition-property:opacity,transform;transition-duration:var(--_skip-link-transition-duration);transition-timing-function:var(--_skip-link-transition-timing-function);display:block;position:fixed;inset:var(--_skip-link-inset);z-index:var(--_skip-link-z-index);block-size:fit-content;inline-size:fit-content;opacity:0;transform:translateY(-100%)}:host([hidden]){display:none}:host(:where(:focus-within,[persistent])){transition-property:opacity,transform;transition-duration:var(--_skip-link-transition-duration);transition-timing-function:var(--_skip-link-transition-timing-function);transform:translateY(0);opacity:1}.forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-secondary, #ffc107));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-secondary, #000000));--_skip-link-shape:var(--forge-skip-link-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_skip-link-elevation:var(--forge-skip-link-elevation, 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12));--_skip-link-padding-block:var(--forge-skip-link-padding-block, var(--forge-spacing-xsmall, 8px));--_skip-link-padding-inline:var(--forge-skip-link-padding-inline, var(--forge-spacing-medium, 16px));--_skip-link-focus-indicator-color:var(--forge-skip-link-focus-indicator-color, var(--_skip-link-background))}.forge-skip-link{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1)));font-weight:var(--forge-typography-body2-font-weight,400);line-height:var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375)));letter-spacing:var(--forge-typography-body2-letter-spacing, .015625em);text-transform:var(--forge-typography-body2-text-transform,inherit);text-decoration:var(--forge-typography-body2-text-decoration,inherit);display:block;outline:0;box-shadow:var(--_skip-link-elevation);border-radius:var(--_skip-link-shape);background:var(--_skip-link-background);padding-block:var(--_skip-link-padding-block);padding-inline:var(--_skip-link-padding-inline);cursor:pointer;color:var(--_skip-link-color);text-decoration:underline}:host([theme=primary]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-primary, #3f51b5));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-primary, #ffffff))}:host([theme=primary][muted]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-primary-container-high, #b6bde3));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-primary-container-high, #000000))}:host([theme=secondary]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-secondary, #ffc107));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-secondary, #000000))}:host([theme=secondary][muted]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-secondary-container-high, #ffe7a1));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-secondary-container-high, #000000))}:host([theme=tertiary]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-tertiary, #3d5afe));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-tertiary, #ffffff))}:host([theme=tertiary][muted]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-tertiary-container-high, #b5c0ff));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-tertiary-container-high, #000000))}:host([theme=success]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-success, #2e7d32));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-success, #ffffff))}:host([theme=success][muted]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-success-container-high, #b0ceb1));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-success-container-high, #000000))}:host([theme=error]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-error, #b00020));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-error, #ffffff))}:host([theme=error][muted]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-error-container-high, #e19eaa));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-error-container-high, #000000))}:host([theme=warning]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-warning, #d14900));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-warning, #ffffff))}:host([theme=warning][muted]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-warning-container-high, #eeba9e));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-warning-container-high, #000000))}:host([theme=info]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-info, #1565c0));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-info, #ffffff))}:host([theme=info][muted]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-info-container-high, #a6c4e7));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-info-container-high, #000000))}:host(:where(:not([theme]),[theme=default])[muted]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-secondary-container-high, #ffe7a1));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-secondary-container-high, #000000))}:host([inline]){position:absolute;transform:none}forge-focus-indicator{--forge-focus-indicator-color:var(--_skip-link-focus-indicator-color);--forge-focus-indicator-shape:var(--_skip-link-shape)}@media (prefers-reduced-motion:reduce){:host{--_skip-link-transition-duration:var(--forge-skip-link-transition-duration, 0s)}}';
+
+import { __decorate } from 'tslib';
+import { attachShadowTemplate, getShadowElement, coerceBoolean, customElement } from '@tylertech/forge-core';
+import '../core/index.js';
+import '../focus-indicator/index.js';
+import '../state-layer/index.js';
+import { SKIP_LINK_CONSTANTS } from './skip-link-constants.js';
+import template from './skip-link.html.js';
+import style from './skip-link.scss.js';
+import { BaseComponent } from '../core/base/base-component.js';
+import { FocusIndicatorComponent } from '../focus-indicator/focus-indicator.js';
+import { StateLayerComponent } from '../state-layer/state-layer.js';
+
 /**
  * @tag forge-skip-link
  *
@@ -178,4 +183,5 @@ SkipLinkComponent = __decorate([
         dependencies: [FocusIndicatorComponent, StateLayerComponent]
     })
 ], SkipLinkComponent);
+
 export { SkipLinkComponent };

package/esm/skip-link/skip-link.scss.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var style = ":host{--_skip-link-inset:var(--forge-skip-link-inset, var(--forge-spacing-xsmall, 8px) var(--forge-spacing-medium, 16px));--_skip-link-z-index:var(--forge-skip-link-z-index, var(--forge-z-index-popup, 10));--_skip-link-transition-duration:var(--forge-skip-link-transition-duration, var(--forge-animation-duration-short4, 200ms));--_skip-link-transition-timing-function:var(--forge-skip-link-transition-timing-function, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)))}:host{transition-property:opacity,transform;transition-duration:var(--_skip-link-transition-duration);transition-timing-function:var(--_skip-link-transition-timing-function);display:block;position:fixed;inset:var(--_skip-link-inset);z-index:var(--_skip-link-z-index);block-size:fit-content;inline-size:fit-content;opacity:0;transform:translateY(-100%)}:host([hidden]){display:none}:host(:where(:focus-within,[persistent])){transition-property:opacity,transform;transition-duration:var(--_skip-link-transition-duration);transition-timing-function:var(--_skip-link-transition-timing-function);transform:translateY(0);opacity:1}.forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-secondary, #ffc107));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-secondary, #000000));--_skip-link-shape:var(--forge-skip-link-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_skip-link-elevation:var(--forge-skip-link-elevation, 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12));--_skip-link-padding-block:var(--forge-skip-link-padding-block, var(--forge-spacing-xsmall, 8px));--_skip-link-padding-inline:var(--forge-skip-link-padding-inline, var(--forge-spacing-medium, 16px));--_skip-link-focus-indicator-color:var(--forge-skip-link-focus-indicator-color, var(--_skip-link-background))}.forge-skip-link{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1)));font-weight:var(--forge-typography-body2-font-weight, 400);line-height:var(--forge-typography-body2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.375)));letter-spacing:var(--forge-typography-body2-letter-spacing, 0.015625em);text-transform:var(--forge-typography-body2-text-transform, inherit);text-decoration:var(--forge-typography-body2-text-decoration, inherit);display:block;outline:none;box-shadow:var(--_skip-link-elevation);border-radius:var(--_skip-link-shape);background:var(--_skip-link-background);padding-block:var(--_skip-link-padding-block);padding-inline:var(--_skip-link-padding-inline);cursor:pointer;color:var(--_skip-link-color);text-decoration:underline}:host([theme=primary]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-primary, #3f51b5));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-primary, #ffffff))}:host([theme=primary][muted]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-primary-container-high, #b6bde3));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-primary-container-high, #000000))}:host([theme=secondary]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-secondary, #ffc107));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-secondary, #000000))}:host([theme=secondary][muted]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-secondary-container-high, #ffe7a1));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-secondary-container-high, #000000))}:host([theme=tertiary]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-tertiary, #3d5afe));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-tertiary, #ffffff))}:host([theme=tertiary][muted]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-tertiary-container-high, #b5c0ff));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-tertiary-container-high, #000000))}:host([theme=success]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-success, #2e7d32));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-success, #ffffff))}:host([theme=success][muted]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-success-container-high, #b0ceb1));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-success-container-high, #000000))}:host([theme=error]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-error, #b00020));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-error, #ffffff))}:host([theme=error][muted]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-error-container-high, #e19eaa));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-error-container-high, #000000))}:host([theme=warning]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-warning, #d14900));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-warning, #ffffff))}:host([theme=warning][muted]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-warning-container-high, #eeba9e));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-warning-container-high, #000000))}:host([theme=info]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-info, #1565c0));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-info, #ffffff))}:host([theme=info][muted]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-info-container-high, #a6c4e7));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-info-container-high, #000000))}:host(:where(:not([theme]),[theme=default])[muted]) .forge-skip-link{--_skip-link-background:var(--forge-skip-link-background, var(--forge-theme-secondary-container-high, #ffe7a1));--_skip-link-color:var(--forge-skip-link-color, var(--forge-theme-on-secondary-container-high, #000000))}:host([inline]){position:absolute;transform:none}forge-focus-indicator{--forge-focus-indicator-color: var(--_skip-link-focus-indicator-color);--forge-focus-indicator-shape: var(--_skip-link-shape)}@media(prefers-reduced-motion: reduce){:host{--_skip-link-transition-duration:var(--forge-skip-link-transition-duration, 0s)}}";
+
+export { style as default };

package/esm/slider/index.d.ts

@@ -1,9 +1,4 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './slider-constants';
-export * from './slider';
-export * from './slider-component-delegate';
+export * from './slider-constants.js';
+export * from './slider.js';
+export * from './slider-component-delegate.js';
 export declare function defineSliderComponent(): void;

package/esm/slider/index.js

@@ -1,13 +1,16 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { defineCustomElement } from '@tylertech/forge-core';
-import { SliderComponent } from './slider';
-export * from './slider-constants';
-export * from './slider';
-export * from './slider-component-delegate';
-export function defineSliderComponent() {
+import { SliderComponent } from './slider.js';
+export { SLIDER_CONSTANTS } from './slider-constants.js';
+export { SliderComponentDelegate } from './slider-component-delegate.js';
+
+function defineSliderComponent() {
     defineCustomElement(SliderComponent);
 }
+
+export { SliderComponent, defineSliderComponent };

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

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';
-import { ISliderComponent } from '../slider';
+import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter.js';
+import { ISliderComponent } from '../slider/index.js';
 export interface ISliderState {
     startFraction: number;
     endFraction: number;

package/esm/slider/slider-adapter.js

@@ -1,16 +1,19 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { getShadowElement, toggleAttribute, toggleClass } from '@tylertech/forge-core';
-import { internals } from '../constants';
-import { BaseAdapter } from '../core/base/base-adapter';
-import { elementsOverlapping, isPointerOverElement } from '../core/utils/utils';
-import { STATE_LAYER_CONSTANTS } from '../state-layer';
-import { SLIDER_CONSTANTS } from './slider-constants';
-import { createLabel, createStartHandleElement, createStartInputElement } from './slider-utils';
-export class SliderAdapter extends BaseAdapter {
+
+import { getShadowElement, toggleClass, toggleAttribute } from '@tylertech/forge-core';
+import { internals } from '../constants.js';
+import { BaseAdapter } from '../core/base/base-adapter.js';
+import { isPointerOverElement, elementsOverlapping } from '../core/utils/utils.js';
+import '../state-layer/index.js';
+import { SLIDER_CONSTANTS } from './slider-constants.js';
+import { createStartInputElement, createStartHandleElement, createLabel } from './slider-utils.js';
+import { STATE_LAYER_CONSTANTS } from '../state-layer/state-layer-constants.js';
+
+class SliderAdapter extends BaseAdapter {
     constructor(component) {
         super(component);
         this._rootElement = getShadowElement(component, SLIDER_CONSTANTS.selectors.ROOT);
@@ -173,3 +176,5 @@ export class SliderAdapter extends BaseAdapter {
         return [...inputs, this._endInputElement];
     }
 }
+
+export { SliderAdapter };

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

@@ -1,12 +1,7 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { FormFieldComponentDelegate, IFormFieldComponentDelegateOptions } from '../core';
-import { IBaseComponentDelegateConfig } from '../core/delegates/base-component-delegate';
-import { ISliderComponent } from '../slider';
-import { ISliderChangeEventData, ISliderRangeChangeEventData } from './slider-constants';
+import { FormFieldComponentDelegate, IFormFieldComponentDelegateOptions } from '../core/index.js';
+import { IBaseComponentDelegateConfig } from '../core/delegates/base-component-delegate.js';
+import { ISliderComponent } from '../slider/index.js';
+import { ISliderChangeEventData, ISliderRangeChangeEventData } from './slider-constants.js';
 export type SliderComponentDelegateProps = Partial<ISliderComponent>;
 export interface ISliderComponentDelegateOptions extends IFormFieldComponentDelegateOptions {
 }
@@ -35,11 +30,11 @@ export declare class SliderComponentDelegate extends FormFieldComponentDelegate<
     set labeled(value: boolean);
     get labelBuilder(): (value: number, which?: 'start' | 'end') => string;
     set labelBuilder(value: (value: number, which?: 'start' | 'end') => string);
-    onInput(listener: (value: ISliderChangeEventData) => void): void;
-    onChange(listener: (value: ISliderChangeEventData) => void): void;
-    onRangeInput(listener: (value: ISliderRangeChangeEventData) => void): void;
-    onRangeChange(listener: (value: ISliderRangeChangeEventData) => void): void;
-    onFocus(listener: (evt: Event) => void): void;
-    onBlur(listener: (evt: Event) => void): void;
+    onInput(listener: (value: ISliderChangeEventData) => void, options?: AddEventListenerOptions): void;
+    onChange(listener: (value: ISliderChangeEventData) => void, options?: AddEventListenerOptions): void;
+    onRangeInput(listener: (value: ISliderRangeChangeEventData) => void, options?: AddEventListenerOptions): void;
+    onRangeChange(listener: (value: ISliderRangeChangeEventData) => void, options?: AddEventListenerOptions): void;
+    onFocus(listener: (evt: Event) => void, options?: AddEventListenerOptions): void;
+    onBlur(listener: (evt: Event) => void, options?: AddEventListenerOptions): void;
     protected _build(): ISliderComponent;
 }