@tylertech/forge 3.13.1 → 3.14.0-dev.0

package/esm/tooltip/tooltip-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 { ITooltipComponent } from './tooltip';
+import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter.js';
+import { ITooltipComponent } from './tooltip.js';
 export interface ITooltipAdapter extends IBaseAdapter<ITooltipComponent> {
     readonly hostElement: ITooltipComponent;
     readonly anchorElement: HTMLElement | null;

package/esm/tooltip/tooltip-adapter.js

@@ -1,15 +1,18 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { getShadowElement, randomChars } from '@tylertech/forge-core';
-import { setDefaultAria } from '../constants';
-import { locateElementById } from '../core/utils/utils';
-import { BaseAdapter } from '../core/base/base-adapter';
-import { OVERLAY_CONSTANTS } from '../overlay';
-import { TOOLTIP_CONSTANTS } from './tooltip-constants';
-export class TooltipAdapter extends BaseAdapter {
+import { setDefaultAria } from '../constants.js';
+import { locateElementById } from '../core/utils/utils.js';
+import { BaseAdapter } from '../core/base/base-adapter.js';
+import '../overlay/index.js';
+import { TOOLTIP_CONSTANTS } from './tooltip-constants.js';
+import { OVERLAY_CONSTANTS } from '../overlay/overlay-constants.js';
+
+class TooltipAdapter extends BaseAdapter {
     constructor(component) {
         super(component);
         this._anchorElement = null;
@@ -144,3 +147,5 @@ export class TooltipAdapter extends BaseAdapter {
         return (this._component.previousElementSibling ?? this._component.parentElement);
     }
 }
+
+export { TooltipAdapter };

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

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

package/esm/tooltip/tooltip-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}tooltip`;
 const observedAttributes = {
     ID: 'id',
@@ -40,7 +42,7 @@ const selectors = {
     ARROW: '.arrow',
     DEFAULT_SLOT: 'slot:not([name])'
 };
-export const TOOLTIP_CONSTANTS = {
+const TOOLTIP_CONSTANTS = {
     elementName,
     observedAttributes,
     attributes,
@@ -48,3 +50,5 @@ export const TOOLTIP_CONSTANTS = {
     defaults,
     selectors
 };
+
+export { TOOLTIP_CONSTANTS };

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

@@ -1,12 +1,7 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { ITooltipAdapter } from './tooltip-adapter';
-import { TooltipPlacement, TooltipTriggerType, TooltipType } from './tooltip-constants';
-import { OverlayFlipState } from '../overlay/overlay-constants';
-import { PositionPlacement } from '../core/utils/position-utils';
+import { ITooltipAdapter } from './tooltip-adapter.js';
+import { TooltipPlacement, TooltipTriggerType, TooltipType } from './tooltip-constants.js';
+import { OverlayFlipState } from '../overlay/overlay-constants.js';
+import { PositionPlacement } from '../core/utils/position-utils.js';
 export interface ITooltipCore {
     open: boolean;
     type: TooltipType;
@@ -22,7 +17,7 @@ export interface ITooltipCore {
     triggerType: TooltipTriggerType | TooltipTriggerType[];
     syncTooltipAria(): void;
 }
-declare const TooltipCore_base: import("../constants").AbstractConstructor<import("../core/mixins/interactions/longpress/with-longpress-listener").WithLongpressListenerContract> & ObjectConstructor;
+declare const TooltipCore_base: import("../constants.js").AbstractConstructor<import("../core/mixins/interactions/longpress/with-longpress-listener.js").WithLongpressListenerContract> & ObjectConstructor;
 export declare class TooltipCore extends TooltipCore_base implements ITooltipCore {
     private _adapter;
     private _open;

package/esm/tooltip/tooltip-core.js

@@ -1,13 +1,15 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { TOOLTIP_CONSTANTS } from './tooltip-constants';
-import { WithLongpressListener } from '../core/mixins/interactions/longpress/with-longpress-listener';
-import { canUserHoverElements } from '../constants';
-import { DismissibleStack } from '../core/utils/dismissible-stack';
-export class TooltipCore extends WithLongpressListener(Object) {
+
+import { TOOLTIP_CONSTANTS } from './tooltip-constants.js';
+import { WithLongpressListener } from '../core/mixins/interactions/longpress/with-longpress-listener.js';
+import { canUserHoverElements } from '../constants.js';
+import { DismissibleStack } from '../core/utils/dismissible-stack.js';
+
+class TooltipCore extends WithLongpressListener(Object) {
     constructor(_adapter) {
         super();
         this._adapter = _adapter;
@@ -299,7 +301,7 @@ export class TooltipCore extends WithLongpressListener(Object) {
         return this._type;
     }
     set type(value) {
-        value ?? (value = TOOLTIP_CONSTANTS.defaults.TYPE);
+        value ??= TOOLTIP_CONSTANTS.defaults.TYPE;
         if (this._type !== value) {
             this._type = value;
             if (this._adapter.isConnected) {
@@ -353,7 +355,7 @@ export class TooltipCore extends WithLongpressListener(Object) {
         return this._placement;
     }
     set placement(value) {
-        value ?? (value = TOOLTIP_CONSTANTS.defaults.PLACEMENT);
+        value ??= TOOLTIP_CONSTANTS.defaults.PLACEMENT;
         if (this._placement !== value) {
             this._placement = value;
             this._adapter.setHostAttribute(TOOLTIP_CONSTANTS.attributes.PLACEMENT, String(this._placement));
@@ -363,7 +365,7 @@ export class TooltipCore extends WithLongpressListener(Object) {
         return this._offset;
     }
     set offset(value) {
-        value ?? (value = TOOLTIP_CONSTANTS.defaults.OFFSET);
+        value ??= TOOLTIP_CONSTANTS.defaults.OFFSET;
         if (this._offset !== value) {
             this._offset = value;
             this._adapter.toggleHostAttribute(TOOLTIP_CONSTANTS.attributes.OFFSET, this._offset !== TOOLTIP_CONSTANTS.defaults.OFFSET, String(this._offset));
@@ -373,7 +375,7 @@ export class TooltipCore extends WithLongpressListener(Object) {
         return this._flip;
     }
     set flip(value) {
-        value ?? (value = TOOLTIP_CONSTANTS.defaults.FLIP);
+        value ??= TOOLTIP_CONSTANTS.defaults.FLIP;
         if (this._flip !== value) {
             this._flip = value;
             this._adapter.toggleHostAttribute(TOOLTIP_CONSTANTS.attributes.FLIP, this._flip !== TOOLTIP_CONSTANTS.defaults.FLIP, String(this._flip));
@@ -424,3 +426,5 @@ export class TooltipCore extends WithLongpressListener(Object) {
         }
     }
 }
+
+export { TooltipCore };

package/esm/tooltip/tooltip.d.ts

@@ -1,15 +1,10 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { TooltipPlacement, TooltipTriggerType, TooltipType } from './tooltip-constants';
-import { BaseComponent } from '../core/base/base-component';
-import { IWithDefaultAria } from '../core/mixins/internals/with-default-aria';
-import { IWithElementInternals } from '../core/mixins/internals/with-element-internals';
-import { OverlayFlipState } from '../overlay/overlay-constants';
-import { PositionPlacement } from '../core/utils/position-utils';
-import { IDismissible, IDismissibleStackState, tryDismiss } from '../core/utils/dismissible-stack';
+import { TooltipPlacement, TooltipTriggerType, TooltipType } from './tooltip-constants.js';
+import { BaseComponent } from '../core/base/base-component.js';
+import { IWithDefaultAria } from '../core/mixins/internals/with-default-aria.js';
+import { IWithElementInternals } from '../core/mixins/internals/with-element-internals.js';
+import { OverlayFlipState } from '../overlay/overlay-constants.js';
+import { PositionPlacement } from '../core/utils/position-utils.js';
+import { IDismissible, IDismissibleStackState, tryDismiss } from '../core/utils/dismissible-stack.js';
 export interface ITooltipComponent extends IWithDefaultAria, IWithElementInternals, IDismissible {
     open: boolean;
     type: TooltipType;
@@ -33,7 +28,7 @@ declare global {
         'forge-tooltip': ITooltipComponent;
     }
 }
-declare const TooltipComponent_base: import("..").AbstractConstructor<import("../core/mixins/internals/with-default-aria").WithDefaultAriaContract> & import("..").AbstractConstructor<import("../core/mixins/internals/with-element-internals").WithElementInternalsContract> & typeof BaseComponent;
+declare const TooltipComponent_base: import("../constants.js").AbstractConstructor<import("../core/mixins/internals/with-default-aria.js").WithDefaultAriaContract> & import("../constants.js").AbstractConstructor<import("../core/mixins/internals/with-element-internals.js").WithElementInternalsContract> & typeof BaseComponent;
 /**
  * @tag forge-tooltip
  *

package/esm/tooltip/tooltip.html.js

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

package/esm/tooltip/tooltip.js

@@ -1,21 +1,23 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { __decorate } from "tslib";
-import { customElement, coerceNumber, coreProperty, coerceBoolean, attachShadowTemplate } from '@tylertech/forge-core';
-import { TooltipAdapter } from './tooltip-adapter';
-import { TooltipCore } from './tooltip-core';
-import { TOOLTIP_CONSTANTS } from './tooltip-constants';
-import { BaseComponent } from '../core/base/base-component';
-import { OverlayComponent } from '../overlay/overlay';
-import { coerceStringToArray } from '../core/utils/utils';
-import { WithDefaultAria } from '../core/mixins/internals/with-default-aria';
-import { WithElementInternals } from '../core/mixins/internals/with-element-internals';
-import { tryDismiss } from '../core/utils/dismissible-stack';
-const template = '<template><div class=\"forge-tooltip\" part=\"surface\"><slot></slot><div class=\"arrow\" part=\"arrow\"></div></div></template>';
-const styles = '@keyframes slidein{from{opacity:0;transform:translateX(var(--_tooltip-slidein-x)) translateY(var(--_tooltip-slidein-y))}to{opacity:1;transform:translateX(0) translateY(0)}}:host{display:contents}:host([hidden]){display:none}.forge-tooltip{--_tooltip-background:var(--forge-tooltip-background, var(--forge-theme-surface-inverse, #333333));--_tooltip-color:var(--forge-tooltip-color, var(--forge-theme-on-surface-inverse, #ffffff));--_tooltip-shape:var(--forge-tooltip-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_tooltip-padding:var(--forge-tooltip-padding, var(--forge-spacing-xsmall, 8px));--_tooltip-padding-block:var(--forge-tooltip-padding-block, var(--_tooltip-padding));--_tooltip-padding-inline:var(--forge-tooltip-padding-inline, var(--_tooltip-padding));--_tooltip-width:var(--forge-tooltip-width, max-content);--_tooltip-max-width:var(--forge-tooltip-max-width, 320px);--_tooltip-elevation:var(--forge-tooltip-elevation, var(--forge-theme-surface-bright-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)));--_tooltip-content-align:var(--forge-tooltip-content-align, center);--_tooltip-border-width:var(--forge-tooltip-border-width, 0);--_tooltip-border-style:var(--forge-tooltip-border-style, solid);--_tooltip-border-color:var(--forge-tooltip-border-color, var(--forge-theme-outline, #e0e0e0));--_tooltip-animation-timing:var(--forge-tooltip-animation-timing, var(--forge-animation-easing-decelerate, cubic-bezier(0, 0, 0, 1)));--_tooltip-animation-duration:var(--forge-tooltip-animation-duration, var(--forge-animation-duration-short3, 150ms));--_tooltip-animation-offset:var(--forge-tooltip-animation-offset, 24px);--_tooltip-arrow-size:var(--forge-tooltip-arrow-size, 8px);--_tooltip-arrow-height:var(--forge-tooltip-arrow-height, var(--_tooltip-arrow-size));--_tooltip-arrow-width:var(--forge-tooltip-arrow-width, var(--_tooltip-arrow-size));--_tooltip-arrow-shape:var(--forge-tooltip-arrow-shape, calc(var(--forge-shape-small, 2px) * var(--forge-shape-factor, 1)));--_tooltip-arrow-rotation:var(--forge-tooltip-arrow-rotation, 0deg);--_tooltip-arrow-top-rotation:var(--forge-tooltip-arrow-top-rotation, 315deg);--_tooltip-arrow-right-rotation:var(--forge-tooltip-arrow-right-rotation, 45deg);--_tooltip-arrow-bottom-rotation:var(--forge-tooltip-arrow-bottom-rotation, 135deg);--_tooltip-arrow-left-rotation:var(--forge-tooltip-arrow-left-rotation, 225deg)}.forge-tooltip{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body1-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-body1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, .875)));font-weight:var(--forge-typography-body1-font-weight,400);line-height:var(--forge-typography-body1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.125)));letter-spacing:var(--forge-typography-body1-letter-spacing, .0357142857em);text-transform:var(--forge-typography-body1-text-transform,inherit);text-decoration:var(--forge-typography-body1-text-decoration,inherit);position:relative;background:var(--_tooltip-background);color:var(--_tooltip-color);border-radius:var(--_tooltip-shape);border-width:var(--_tooltip-border-width);border-style:var(--_tooltip-border-style);border-color:var(--_tooltip-border-color);padding-block:var(--_tooltip-padding-block);padding-inline:var(--_tooltip-padding-inline);box-shadow:var(--_tooltip-elevation);width:var(--_tooltip-width);max-width:var(--_tooltip-max-width);text-align:var(--_tooltip-content-align);line-height:normal;white-space:normal;animation-duration:var(--_tooltip-animation-duration);animation-timing-function:var(--_tooltip-animation-timing);animation-name:slidein;animation-fill-mode:forwards}:host(:not([open])) .forge-tooltip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.arrow{position:absolute;contain:strict;background-color:inherit;height:var(--_tooltip-arrow-height);width:var(--_tooltip-arrow-width);box-shadow:inherit;border:inherit;border-end-start-radius:var(--_tooltip-arrow-shape);rotate:var(--_tooltip-arrow-rotation);clip-path:var(--_tooltip-arrow-clip-path);--_tooltip-arrow-translate-x:0;--_tooltip-arrow-translate-y:0;--_tooltip-arrow-clip-path:polygon(0 0, 0 100%, 100% 100%)}.forge-tooltip{--_tooltip-slidein-x:0;--_tooltip-slidein-y:0}forge-overlay[open][position-placement^=top] .forge-tooltip{--_tooltip-slidein-y:var(--forge-tooltip-slidein-y, var(--_tooltip-animation-offset))}forge-overlay[open][position-placement^=top] .arrow{--_tooltip-arrow-rotation:var(--_tooltip-arrow-top-rotation);margin-block-end:var(--_tooltip-border-width)}forge-overlay[open][position-placement^=right] .forge-tooltip{--_tooltip-slidein-x:var(--forge-tooltip-slidein-x, calc(var(--_tooltip-animation-offset) * -1))}forge-overlay[open][position-placement^=right] .arrow{--_tooltip-arrow-rotation:var(--_tooltip-arrow-right-rotation);margin-inline-start:var(--_tooltip-border-width)}forge-overlay[open][position-placement^=bottom] .forge-tooltip{--_tooltip-slidein-y:var(--forge-tooltip-slidein-y, calc(var(--_tooltip-animation-offset) * -1))}forge-overlay[open][position-placement^=bottom] .arrow{--_tooltip-arrow-rotation:var(--_tooltip-arrow-bottom-rotation);margin-block-start:var(--_tooltip-border-width)}forge-overlay[open][position-placement^=left] .forge-tooltip{--_tooltip-slidein-x:var(--forge-tooltip-slidein-x, var(--_tooltip-animation-offset))}forge-overlay[open][position-placement^=left] .arrow{--_tooltip-arrow-rotation:var(--_tooltip-arrow-left-rotation);margin-inline-end:var(--_tooltip-border-width)}';
+
+import { __decorate } from 'tslib';
+import { attachShadowTemplate, coerceNumber, coerceBoolean, coreProperty, customElement } from '@tylertech/forge-core';
+import { TooltipAdapter } from './tooltip-adapter.js';
+import { TooltipCore } from './tooltip-core.js';
+import { TOOLTIP_CONSTANTS } from './tooltip-constants.js';
+import { BaseComponent } from '../core/base/base-component.js';
+import { OverlayComponent } from '../overlay/overlay.js';
+import { coerceStringToArray } from '../core/utils/utils.js';
+import { WithDefaultAria } from '../core/mixins/internals/with-default-aria.js';
+import { WithElementInternals } from '../core/mixins/internals/with-element-internals.js';
+import { tryDismiss } from '../core/utils/dismissible-stack.js';
+import template from './tooltip.html.js';
+import styles from './tooltip.scss.js';
+
 /**
  * @tag forge-tooltip
  *
@@ -192,4 +194,5 @@ TooltipComponent = __decorate([
         dependencies: [OverlayComponent]
     })
 ], TooltipComponent);
+
 export { TooltipComponent };

package/esm/tooltip/tooltip.scss.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var styles = "@keyframes slidein{from{opacity:0;transform:translateX(var(--_tooltip-slidein-x)) translateY(var(--_tooltip-slidein-y))}to{opacity:1;transform:translateX(0) translateY(0)}}:host{display:contents}:host([hidden]){display:none}.forge-tooltip{--_tooltip-background:var(--forge-tooltip-background, var(--forge-theme-surface-inverse, #333333));--_tooltip-color:var(--forge-tooltip-color, var(--forge-theme-on-surface-inverse, #ffffff));--_tooltip-shape:var(--forge-tooltip-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_tooltip-padding:var(--forge-tooltip-padding, var(--forge-spacing-xsmall, 8px));--_tooltip-padding-block:var(--forge-tooltip-padding-block, var(--_tooltip-padding));--_tooltip-padding-inline:var(--forge-tooltip-padding-inline, var(--_tooltip-padding));--_tooltip-width:var(--forge-tooltip-width, max-content);--_tooltip-max-width:var(--forge-tooltip-max-width, 320px);--_tooltip-elevation:var(--forge-tooltip-elevation, var(--forge-theme-surface-bright-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)));--_tooltip-content-align:var(--forge-tooltip-content-align, center);--_tooltip-border-width:var(--forge-tooltip-border-width, 0);--_tooltip-border-style:var(--forge-tooltip-border-style, solid);--_tooltip-border-color:var(--forge-tooltip-border-color, var(--forge-theme-outline, #e0e0e0));--_tooltip-animation-timing:var(--forge-tooltip-animation-timing, var(--forge-animation-easing-decelerate, cubic-bezier(0, 0, 0, 1)));--_tooltip-animation-duration:var(--forge-tooltip-animation-duration, var(--forge-animation-duration-short3, 150ms));--_tooltip-animation-offset:var(--forge-tooltip-animation-offset, 24px);--_tooltip-arrow-size:var(--forge-tooltip-arrow-size, 8px);--_tooltip-arrow-height:var(--forge-tooltip-arrow-height, var(--_tooltip-arrow-size));--_tooltip-arrow-width:var(--forge-tooltip-arrow-width, var(--_tooltip-arrow-size));--_tooltip-arrow-shape:var(--forge-tooltip-arrow-shape, calc(var(--forge-shape-small, 2px) * var(--forge-shape-factor, 1)));--_tooltip-arrow-rotation:var(--forge-tooltip-arrow-rotation, 0deg);--_tooltip-arrow-top-rotation:var(--forge-tooltip-arrow-top-rotation, 315deg);--_tooltip-arrow-right-rotation:var(--forge-tooltip-arrow-right-rotation, 45deg);--_tooltip-arrow-bottom-rotation:var(--forge-tooltip-arrow-bottom-rotation, 135deg);--_tooltip-arrow-left-rotation:var(--forge-tooltip-arrow-left-rotation, 225deg)}.forge-tooltip{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body1-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-body1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 0.875)));font-weight:var(--forge-typography-body1-font-weight, 400);line-height:var(--forge-typography-body1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.125)));letter-spacing:var(--forge-typography-body1-letter-spacing, 0.0357142857em);text-transform:var(--forge-typography-body1-text-transform, inherit);text-decoration:var(--forge-typography-body1-text-decoration, inherit);position:relative;background:var(--_tooltip-background);color:var(--_tooltip-color);border-radius:var(--_tooltip-shape);border-width:var(--_tooltip-border-width);border-style:var(--_tooltip-border-style);border-color:var(--_tooltip-border-color);padding-block:var(--_tooltip-padding-block);padding-inline:var(--_tooltip-padding-inline);box-shadow:var(--_tooltip-elevation);width:var(--_tooltip-width);max-width:var(--_tooltip-max-width);text-align:var(--_tooltip-content-align);line-height:normal;white-space:normal;animation-duration:var(--_tooltip-animation-duration);animation-timing-function:var(--_tooltip-animation-timing);animation-name:slidein;animation-fill-mode:forwards}:host(:not([open])) .forge-tooltip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0}.arrow{position:absolute;contain:strict;background-color:inherit;height:var(--_tooltip-arrow-height);width:var(--_tooltip-arrow-width);box-shadow:inherit;border:inherit;border-end-start-radius:var(--_tooltip-arrow-shape);rotate:var(--_tooltip-arrow-rotation);clip-path:var(--_tooltip-arrow-clip-path);--_tooltip-arrow-translate-x:0;--_tooltip-arrow-translate-y:0;--_tooltip-arrow-clip-path:polygon(0 0, 0 100%, 100% 100%)}.forge-tooltip{--_tooltip-slidein-x:0;--_tooltip-slidein-y:0}forge-overlay[open][position-placement^=top] .forge-tooltip{--_tooltip-slidein-y:var(--forge-tooltip-slidein-y, var(--_tooltip-animation-offset))}forge-overlay[open][position-placement^=top] .arrow{--_tooltip-arrow-rotation:var(--_tooltip-arrow-top-rotation);margin-block-end:var(--_tooltip-border-width)}forge-overlay[open][position-placement^=right] .forge-tooltip{--_tooltip-slidein-x:var(--forge-tooltip-slidein-x, calc(var(--_tooltip-animation-offset) * -1))}forge-overlay[open][position-placement^=right] .arrow{--_tooltip-arrow-rotation:var(--_tooltip-arrow-right-rotation);margin-inline-start:var(--_tooltip-border-width)}forge-overlay[open][position-placement^=bottom] .forge-tooltip{--_tooltip-slidein-y:var(--forge-tooltip-slidein-y, calc(var(--_tooltip-animation-offset) * -1))}forge-overlay[open][position-placement^=bottom] .arrow{--_tooltip-arrow-rotation:var(--_tooltip-arrow-bottom-rotation);margin-block-start:var(--_tooltip-border-width)}forge-overlay[open][position-placement^=left] .forge-tooltip{--_tooltip-slidein-x:var(--forge-tooltip-slidein-x, var(--_tooltip-animation-offset))}forge-overlay[open][position-placement^=left] .arrow{--_tooltip-arrow-rotation:var(--_tooltip-arrow-left-rotation);margin-inline-end:var(--_tooltip-border-width)}";
+
+export { styles as default };

package/esm/tree/index.d.ts

@@ -1,7 +1,2 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './tree';
-export * from './tree-item';
+export * from './tree/index.js';
+export * from './tree-item/index.js';

package/esm/tree/index.js

@@ -1,7 +1,8 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-export * from './tree';
-export * from './tree-item';
+
+export { defineTreeComponent } from './tree/index.js';
+export { defineTreeItemComponent } from './tree-item/index.js';

package/esm/tree/tree/index.d.ts

@@ -1,7 +1,2 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './tree';
+export * from './tree.js';
 export declare function defineTreeComponent(): void;

package/esm/tree/tree/index.js

@@ -1,11 +1,15 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { tryDefine } from '@tylertech/forge-core';
-import { TreeComponent } from './tree';
-export * from './tree';
-export function defineTreeComponent() {
+import { TreeComponent } from './tree.js';
+export { TREE_CONTEXT } from './tree.js';
+
+function defineTreeComponent() {
     tryDefine('forge-tree', TreeComponent);
 }
+
+export { TreeComponent, defineTreeComponent };

package/esm/tree/tree/tree-selection-controller.d.ts

@@ -1,11 +1,6 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
 import { ReactiveController } from 'lit';
-import { TreeItemComponent } from '../tree-item';
-import { TreeComponent } from './tree';
+import { TreeItemComponent } from '../tree-item/index.js';
+import { TreeComponent } from './tree.js';
 export interface ITreeItemSnapshot {
     el: TreeItemComponent;
     indeterminate: boolean;

package/esm/tree/tree/tree-selection-controller.js

@@ -1,10 +1,12 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { getChildItems, getFirstChildItem, getNextItem, getParentItem, getPreviousItem, getTreeItemFromEvent, indeterminate, isIndeterminate } from '../tree-utils';
-export class TreeSelectionController {
+
+import { getChildItems, getNextItem, getPreviousItem, getTreeItemFromEvent, indeterminate, isIndeterminate, getParentItem, getFirstChildItem } from '../tree-utils.js';
+
+class TreeSelectionController {
     /**
      * An array containing the values of all selected tree items.
      */
@@ -373,3 +375,5 @@ export class TreeSelectionController {
         item.selected = force;
     }
 }
+
+export { TreeSelectionController };

package/esm/tree/tree/tree.d.ts

@@ -1,8 +1,3 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
 import { LitElement, PropertyValues, TemplateResult } from 'lit';
 export type TreeMode = 'single' | 'multiple' | 'leaf' | 'off';
 export interface ITreeContext {

package/esm/tree/tree/tree.js

@@ -1,20 +1,22 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { __decorate } from "tslib";
+
+import { __decorate } from 'tslib';
 import { createContext, provide } from '@lit/context';
-import { html, LitElement, unsafeCSS } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
+import { LitElement, unsafeCSS, html } from 'lit';
+import { property, customElement } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
-import { setDefaultAria } from '../../core/utils/a11y-utils';
-import { toggleState } from '../../core/utils/utils';
-import { KeyActionController } from '../../core/utils/key-action';
-import { closeDescendants, eventPathIncludesTreeItemExpandIcon, eventPathIncludesTreeItemHeader, getFirstChildItem, getLastChildItem, getNextItem, getParentItem, getPreviousItem, getSiblingItems, getTreeItemFromEvent, getTreeItemsInEventPath, getTreeItemTarget, isTreeItem, searchItems } from '../tree-utils';
-import { TreeSelectionController } from './tree-selection-controller';
-const styles = ':host{display:block}.forge-tree{--_tree-background:var(--forge-tree-background, var(--forge-theme-primary-container, #d1d5ed));--_tree-color:var(--forge-tree-color, var(--forge-theme-on-primary-container, #222c62));--_tree-transition-duration:var(--forge-tree-transition-duration, var(--forge-animation-duration-short4, 200ms));--_tree-transition-timing:var(--forge-tree-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_tree-shape:var(--forge-tree-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_tree-padding:var(--forge-tree-padding, var(--forge-spacing-medium, 16px));--_tree-item-gap:var(--forge-tree-item-gap, var(--forge-spacing-xxxsmall, 2px))}.forge-tree{--_tree-item-check-display:var(--forge-tree-item-check-display, none);--_tree-item-indent-line-display:var(--forge-tree-item-indent-line-display, none);display:flex;flex-direction:column;gap:var(--_tree-item-gap)}.forge-tree.indent-lines{--_tree-item-indent-line-display:var(--forge-tree-item-indent-line-display, block)}.forge-tree.multiple{--_tree-item-check-display:var(--forge-tree-item-check-display, block);--forge-tree-item-selected-background:transparent}.forge-tree .icons{display:none}';
-export const TREE_CONTEXT = createContext('forge-tree');
+import { setDefaultAria } from '../../core/utils/a11y-utils.js';
+import { toggleState } from '../../core/utils/utils.js';
+import { KeyActionController } from '../../core/utils/key-action.js';
+import { closeDescendants, eventPathIncludesTreeItemHeader, getTreeItemTarget, eventPathIncludesTreeItemExpandIcon, getTreeItemFromEvent, getNextItem, getPreviousItem, getParentItem, getFirstChildItem, getLastChildItem, getSiblingItems, isTreeItem, getTreeItemsInEventPath, searchItems } from '../tree-utils.js';
+import { TreeSelectionController } from './tree-selection-controller.js';
+import styles from './tree.scss.js';
+
+const TREE_CONTEXT = createContext('forge-tree');
 /**
  * @tag forge-tree
  *
@@ -31,6 +33,7 @@ export const TREE_CONTEXT = createContext('forge-tree');
  * @slot collapse-icon - A custom collapse icon to show when an item is open.
  */
 let TreeComponent = class TreeComponent extends LitElement {
+    static { this.styles = unsafeCSS(styles); }
     /**
      * The value of all selected items.
      * @default []
@@ -437,7 +440,7 @@ let TreeComponent = class TreeComponent extends LitElement {
     }
     _observeIcon(assignedElement, type) {
         const key = `_${type}IconObserver`;
-        this[key] ?? (this[key] = new MutationObserver(() => this._updateIcon(assignedElement, type)));
+        this[key] ??= new MutationObserver(() => this._updateIcon(assignedElement, type));
         this[key].observe(assignedElement, { attributes: true, subtree: true, childList: true, characterData: true });
         this._updateIcon(assignedElement, type);
     }
@@ -460,7 +463,6 @@ let TreeComponent = class TreeComponent extends LitElement {
         });
     }
 };
-TreeComponent.styles = unsafeCSS(styles);
 __decorate([
     property({ type: Boolean })
 ], TreeComponent.prototype, "accordion", void 0);
@@ -485,4 +487,5 @@ __decorate([
 TreeComponent = __decorate([
     customElement('forge-tree')
 ], TreeComponent);
-export { TreeComponent };
+
+export { TREE_CONTEXT, TreeComponent };

package/esm/tree/tree/tree.scss.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var styles = ":host{display:block}.forge-tree{--_tree-background:var(--forge-tree-background, var(--forge-theme-primary-container, #d1d5ed));--_tree-color:var(--forge-tree-color, var(--forge-theme-on-primary-container, #222c62));--_tree-transition-duration:var(--forge-tree-transition-duration, var(--forge-animation-duration-short4, 200ms));--_tree-transition-timing:var(--forge-tree-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));--_tree-shape:var(--forge-tree-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_tree-padding:var(--forge-tree-padding, var(--forge-spacing-medium, 16px));--_tree-item-gap:var(--forge-tree-item-gap, var(--forge-spacing-xxxsmall, 2px))}.forge-tree{--_tree-item-check-display:var(--forge-tree-item-check-display, none);--_tree-item-indent-line-display:var(--forge-tree-item-indent-line-display, none);display:flex;flex-direction:column;gap:var(--_tree-item-gap)}.forge-tree.indent-lines{--_tree-item-indent-line-display:var(--forge-tree-item-indent-line-display, block)}.forge-tree.multiple{--_tree-item-check-display:var(--forge-tree-item-check-display, block);--forge-tree-item-selected-background: transparent}.forge-tree .icons{display:none}";
+
+export { styles as default };

package/esm/tree/tree-item/index.d.ts

@@ -1,7 +1,2 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './tree-item';
+export * from './tree-item.js';
 export declare function defineTreeItemComponent(): void;

package/esm/tree/tree-item/index.js

@@ -1,11 +1,14 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { tryDefine } from '@tylertech/forge-core';
-import { TreeItemComponent } from './tree-item';
-export * from './tree-item';
-export function defineTreeItemComponent() {
+import { TreeItemComponent } from './tree-item.js';
+
+function defineTreeItemComponent() {
     tryDefine('forge-tree-item', TreeItemComponent);
 }
+
+export { TreeItemComponent, defineTreeItemComponent };

package/esm/tree/tree-item/tree-item.d.ts

@@ -1,12 +1,7 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
 import { LitElement, PropertyValues, TemplateResult } from 'lit';
-import { indeterminate } from '../tree-utils';
-import '../../icon';
-import '../../open-icon';
+import { indeterminate } from '../tree-utils.js';
+import '../../icon/index.js';
+import '../../open-icon/index.js';
 export type TreeItemCheckboxIcon = 'check_box_outline_blank' | 'check_box' | 'indeterminate_check_box';
 export type TreeItemUpdateReason = 'added' | 'deselected' | 'opened' | 'removed' | 'selected';
 /**

package/esm/tree/tree-item/tree-item.js

@@ -1,24 +1,27 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-var _a;
-import { __decorate } from "tslib";
+
+import { __decorate } from 'tslib';
 import { consume } from '@lit/context';
 import { tylIconCheckBox, tylIconCheckBoxOutlineBlank, tylIconIndeterminateCheckBox } from '@tylertech/tyler-icons';
-import { LitElement, html, nothing, unsafeCSS } from 'lit';
-import { customElement, property, queryAssignedNodes, state } from 'lit/decorators.js';
+import { LitElement, unsafeCSS, html, nothing } from 'lit';
+import { property, state, queryAssignedNodes, customElement } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { styleMap } from 'lit/directives/style-map.js';
-import { setDefaultAria } from '../../core/utils/a11y-utils';
-import { toggleState } from '../../core/utils/utils';
-import { IconRegistry } from '../../icon';
-import { TREE_CONTEXT } from '../tree';
-import { getLevel, indeterminate } from '../tree-utils';
-import '../../icon';
-import '../../open-icon';
-const styles = ':host{display:block;outline:0}.forge-tree-item{--_tree-item-selected-background:var(--forge-tree-item-selected-background, var(--forge-theme-primary-container-low, #e8eaf6));--_tree-item-min-block-size:var(--forge-tree-item-min-block-size, var(--forge-spacing-xlarge, 32px));--_tree-item-shape:var(--forge-tree-item-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_tree-item-expand-icon-inline-size:var(--forge-tree-item-expand-icon-inline-size, var(--forge-spacing-large, 24px));--_tree-item-padding-inline:var(--forge-tree-item-padding-inline, var(--forge-spacing-xxsmall, 4px));--_tree-item-padding-inline-start:var(--forge-tree-item-padding-inline-start, var(--_tree-item-padding-inline));--_tree-item-padding-inline-end:var(--forge-tree-item-padding-inline-end, var(--_tree-item-padding-inline));--_tree-item-gap:var(--forge-tree-item-gap, var(--forge-spacing-xxxsmall, 2px));--_tree-item-header-inline-gap:var(--forge-tree-item-header-inline-gap, var(--forge-spacing-xsmall, 8px));--_tree-item-indent-size:var(--forge-tree-item-indent-size, var(--forge-spacing-medium, 16px));--_tree-item-indent-line-style:var(--forge-tree-item-indent-line-style, solid);--_tree-item-indent-line-width:var(--forge-tree-item-indent-line-width, var(--forge-border-thin, 1px));--_tree-item-indent-line-color:var(--forge-tree-item-indent-line-color, var(--forge-theme-outline, #e0e0e0));--_tree-item-indent-line-offset:var(--forge-tree-item-indent-line-offset, 11.5px);--_tree-item-disabled-opacity:var(--forge-tree-item-disabled-opacity, 0.38)}.forge-tree-item{--_tree-item-checkbox-color:var(--forge-tree-item-checkbox-color, var(--forge-theme-text-low))}.forge-tree-item .header{-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:flex;align-items:center;gap:var(--_tree-item-header-inline-gap);position:relative;border-radius:var(--_tree-item-shape);min-block-size:var(--_tree-item-min-block-size);padding-inline-start:calc(var(--_tree-item-indent-size) * var(--_tree-item-level) + var(--_tree-item-padding-inline-start));padding-inline-end:var(--_tree-item-padding-inline-end)}.forge-tree-item .leaf-spacer{inline-size:var(--_tree-item-expand-icon-inline-size)}.forge-tree-item .content{overflow:hidden;margin-inline-end:auto;white-space:nowrap;text-overflow:ellipsis}.forge-tree-item .expand-icon{display:flex;align-items:center;justify-content:center;position:relative;border-radius:var(--_tree-item-shape);inline-size:var(--_tree-item-expand-icon-inline-size);min-block-size:var(--_tree-item-min-block-size)}.forge-tree-item .expand-icon.has-custom-collapse-icon slot[name=expand-icon]{display:none}.forge-tree-item .expand-icon.has-custom-collapse-icon slot[name=collapse-icon]{display:contents}.forge-tree-item .checkbox{--forge-icon-color:var(--_tree-item-checkbox-color);display:var(--_tree-item-check-display)}.forge-tree-item .children{display:flex;flex-direction:column;gap:var(--_tree-item-gap);position:relative;margin-block-start:var(--_tree-item-gap)}.forge-tree-item .children::after{display:var(--_tree-item-indent-line-display);position:absolute;left:calc(var(--_tree-item-indent-size) * var(--_tree-item-level) + var(--_tree-item-indent-line-offset) + var(--_tree-item-padding-inline-start));block-size:100%;inline-size:var(--_tree-item-indent-line-width);border-inline-start-style:var(--_tree-item-indent-line-style);border-inline-start-width:var(--_tree-item-indent-line-width);border-inline-start-color:var(--_tree-item-indent-line-color);pointer-events:none;content:\"\"}.forge-tree-item .children-footer,.forge-tree-item .children-header{position:relative;padding-inline-start:calc(var(--_tree-item-indent-size) * (var(--_tree-item-level) + 1) + var(--_tree-item-padding-inline-start) + var(--_tree-item-expand-icon-inline-size) + var(--_tree-item-header-inline-gap) * 2);padding-inline-end:calc(var(--_tree-item-padding-inline-end) + var(--_tree-item-header-inline-gap))}.forge-tree-item.interactive .header{cursor:pointer}.forge-tree-item.indeterminate{--_tree-item-checkbox-color:var(--forge-tree-item-checkbox-color, var(--forge-theme-tertiary))}.forge-tree-item.disabled .checkbox,.forge-tree-item.disabled .content,.forge-tree-item.disabled .end,.forge-tree-item.disabled .start{opacity:var(--_tree-item-disabled-opacity)}.forge-tree-item.disabled:not(.open-disabled) .expand-icon{cursor:pointer}.forge-tree-item.open-disabled .expand-icon{opacity:var(--_tree-item-disabled-opacity)}:host(:state(leaf)) .children{display:none}:host(:not(:state(open))) .expand-icon slot[name=expand-icon]{display:contents}:host(:not(:state(open))) .expand-icon slot[name=collapse-icon]{display:none}:host(:not(:state(open))) .children{display:none}:host(:state(selected)) .header{--_tree-item-checkbox-color:var(--forge-tree-item-checkbox-color, var(--forge-theme-tertiary));background:var(--_tree-item-selected-background)}:host(:state(selected)) forge-state-layer{--forge-state-layer-color:var(--forge-theme-primary)}:host(:state(indeterminate)) .header{--_tree-item-checkbox-color:var(--forge-tree-item-checkbox-color, var(--forge-theme-tertiary))}:host(:state(indeterminate)) forge-state-layer{--forge-state-layer-color:var(--forge-theme-primary)}forge-focus-indicator{--forge-focus-indicator-shape:var(--_tree-item-shape);z-index:1}.expand-icon forge-circular-progress{--forge-circular-progress-indicator-color:currentColor;--forge-circular-progress-size:16px;--forge-circular-progress-track-width:16}';
+import { setDefaultAria } from '../../core/utils/a11y-utils.js';
+import { toggleState } from '../../core/utils/utils.js';
+import '../../icon/index.js';
+import '../tree/index.js';
+import { indeterminate, getLevel } from '../tree-utils.js';
+import '../../open-icon/index.js';
+import styles from './tree-item.scss.js';
+import { IconRegistry } from '../../icon/icon-registry.js';
+import { TREE_CONTEXT } from '../tree/tree.js';
+
+var _a;
 /**
  * @tag forge-tree-item
  *
@@ -31,6 +34,8 @@ const styles = ':host{display:block;outline:0}.forge-tree-item{--_tree-item-sele
  * @event {CustomEvent<void>} forge-tree-item-close - Dispatched when the user closes a tree item.
  */
 let TreeItemComponent = class TreeItemComponent extends LitElement {
+    static { _a = indeterminate; }
+    static { this.styles = unsafeCSS(styles); }
     /**
      * The depth of the tree item within the tree's hierarchy.
      */
@@ -324,8 +329,6 @@ let TreeItemComponent = class TreeItemComponent extends LitElement {
         this.dispatchEvent(new CustomEvent('forge-tree-item-update', { bubbles: true, detail: { reason } }));
     }
 };
-_a = indeterminate;
-TreeItemComponent.styles = unsafeCSS(styles);
 __decorate([
     property()
 ], TreeItemComponent.prototype, "value", void 0);
@@ -375,4 +378,5 @@ __decorate([
 TreeItemComponent = __decorate([
     customElement('forge-tree-item')
 ], TreeItemComponent);
+
 export { TreeItemComponent };