@tylertech/forge 3.13.1 → 3.14.0-dev.0

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

@@ -1,22 +1,30 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { __decorate } from "tslib";
-import { customElement, attachShadowTemplate, coreProperty, coerceBoolean, coerceNumber, ensureChild } from '@tylertech/forge-core';
+
+import { __decorate } from 'tslib';
+import { attachShadowTemplate, ensureChild, coerceBoolean, coerceNumber, coreProperty, customElement } from '@tylertech/forge-core';
 import { tylIconClockOutline, tylIconClose } from '@tylertech/tyler-icons';
-import { TimePickerAdapter } from './time-picker-adapter';
-import { TimePickerCore } from './time-picker-core';
-import { TIME_PICKER_CONSTANTS } from './time-picker-constants';
-import { IconRegistry, IconComponent } from '../icon';
-import { IconButtonComponent } from '../icon-button';
-import { DialogComponent } from '../dialog';
-import { ListComponent, ListItemComponent } from '../list';
-import { BaseComponent } from '../core/base/base-component';
-import { PopoverComponent } from '../popover/popover';
-const template = '<template><slot></slot></template>';
-const styles = ':host{display:block}:host([hidden]){display:none}';
+import { TimePickerAdapter } from './time-picker-adapter.js';
+import { TimePickerCore } from './time-picker-core.js';
+import { TIME_PICKER_CONSTANTS } from './time-picker-constants.js';
+import '../icon/index.js';
+import '../icon-button/index.js';
+import '../dialog/index.js';
+import '../list/index.js';
+import { BaseComponent } from '../core/base/base-component.js';
+import { PopoverComponent } from '../popover/popover.js';
+import template from './time-picker.html.js';
+import styles from './time-picker.scss.js';
+import { IconRegistry } from '../icon/icon-registry.js';
+import { ListComponent } from '../list/list/list.js';
+import { ListItemComponent } from '../list/list-item/list-item.js';
+import { IconButtonComponent } from '../icon-button/icon-button.js';
+import { IconComponent } from '../icon/icon.js';
+import { DialogComponent } from '../dialog/dialog.js';
+
 /**
  * @summary A time input component with integrated dropdown for selecting time values with support for various formats, masking, and validation options.
  *
@@ -198,4 +206,5 @@ TimePickerComponent = __decorate([
         dependencies: [ListComponent, ListItemComponent, IconButtonComponent, IconComponent, PopoverComponent, IconComponent, DialogComponent]
     })
 ], TimePickerComponent);
+
 export { TimePickerComponent };

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

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './toast-adapter';
-export * from './toast-constants';
-export * from './toast-core';
-export * from './toast';
+export * from './toast-adapter.js';
+export * from './toast-constants.js';
+export * from './toast-core.js';
+export * from './toast.js';
 export declare function defineToastComponent(): void;

package/esm/toast/index.js

@@ -1,14 +1,17 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { defineCustomElement } from '@tylertech/forge-core';
-import { ToastComponent } from './toast';
-export * from './toast-adapter';
-export * from './toast-constants';
-export * from './toast-core';
-export * from './toast';
-export function defineToastComponent() {
+import { ToastComponent } from './toast.js';
+export { ToastAdapter } from './toast-adapter.js';
+export { TOAST_CONSTANTS } from './toast-constants.js';
+export { ToastCore } from './toast-core.js';
+
+function defineToastComponent() {
     defineCustomElement(ToastComponent);
 }
+
+export { ToastComponent, defineToastComponent };

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

@@ -1,13 +1,9 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';
-import { IToastComponent } from './toast';
+import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter.js';
+import { IToastComponent } from './toast.js';
 export interface IToastAdapter extends IBaseAdapter<IToastComponent> {
     show(): void;
     hide(): void;
+    getMessageText(): string;
     addCloseListener(listener: EventListener): void;
     removeCloseListener(listener: EventListener): void;
     addActionListener(listener: EventListener): void;
@@ -33,6 +29,7 @@ export declare class ToastAdapter extends BaseAdapter<IToastComponent> implement
     constructor(component: IToastComponent);
     show(): void;
     hide(): Promise<void>;
+    getMessageText(): string;
     addCloseListener(listener: EventListener): void;
     removeCloseListener(listener: EventListener): void;
     addActionListener(listener: EventListener): void;

package/esm/toast/toast-adapter.js

@@ -1,13 +1,16 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { getShadowElement, playKeyframeAnimation } from '@tylertech/forge-core';
-import { BaseAdapter } from '../core/base/base-adapter';
-import { OVERLAY_CONSTANTS } from '../overlay';
-import { TOAST_CONSTANTS } from './toast-constants';
-export class ToastAdapter extends BaseAdapter {
+import { BaseAdapter } from '../core/base/base-adapter.js';
+import '../overlay/index.js';
+import { TOAST_CONSTANTS } from './toast-constants.js';
+import { OVERLAY_CONSTANTS } from '../overlay/overlay-constants.js';
+
+class ToastAdapter extends BaseAdapter {
     constructor(component) {
         super(component);
         this._overlayElement = getShadowElement(component, OVERLAY_CONSTANTS.elementName);
@@ -22,6 +25,9 @@ export class ToastAdapter extends BaseAdapter {
         await playKeyframeAnimation(this._surfaceElement, TOAST_CONSTANTS.classes.EXITING);
         this._overlayElement.open = false;
     }
+    getMessageText() {
+        return this._component.textContent?.trim() ?? '';
+    }
     addCloseListener(listener) {
         this._closeButtonElement.addEventListener('click', listener);
     }
@@ -77,3 +83,5 @@ export class ToastAdapter extends BaseAdapter {
         this._component.removeEventListener('keydown', listener);
     }
 }
+
+export { ToastAdapter };

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

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

package/esm/toast/toast-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}toast`;
 const observedAttributes = {
     OPEN: 'open',
@@ -34,7 +36,7 @@ const defaults = {
     DURATION: 2750,
     THEME: 'default'
 };
-export const TOAST_CONSTANTS = {
+const TOAST_CONSTANTS = {
     elementName,
     observedAttributes,
     attributes,
@@ -43,3 +45,5 @@ export const TOAST_CONSTANTS = {
     defaults,
     events
 };
+
+export { TOAST_CONSTANTS };

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

@@ -1,11 +1,6 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { IDismissibleStackState, tryDismiss } from '../core/utils/dismissible-stack';
-import { IToastAdapter } from './toast-adapter';
-import { ToastPlacement, ToastTheme } from './toast-constants';
+import { IDismissibleStackState, tryDismiss } from '../core/utils/dismissible-stack.js';
+import { IToastAdapter } from './toast-adapter.js';
+import { ToastPlacement, ToastTheme } from './toast-constants.js';
 export interface IToastCore {
     duration: number;
     placement: ToastPlacement;

package/esm/toast/toast-core.js

@@ -1,11 +1,14 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { DismissibleStack, tryDismiss } from '../core/utils/dismissible-stack';
-import { TOAST_CONSTANTS } from './toast-constants';
-export class ToastCore {
+
+import { LiveAnnouncer } from '@tylertech/forge-core';
+import { DismissibleStack, tryDismiss } from '../core/utils/dismissible-stack.js';
+import { TOAST_CONSTANTS } from './toast-constants.js';
+
+class ToastCore {
     constructor(_adapter) {
         this._adapter = _adapter;
         this._open = false;
@@ -36,6 +39,10 @@ export class ToastCore {
     }
     show() {
         this._adapter.show();
+        const message = this._adapter.getMessageText();
+        if (message) {
+            LiveAnnouncer.instance.announce(message, 'assertive');
+        }
         DismissibleStack.instance.add(this._adapter.hostElement);
         if (isFinite(this._duration) && this._duration > 0) {
             /* c8 ignore next 3 */
@@ -142,7 +149,7 @@ export class ToastCore {
         return this._duration;
     }
     set duration(value) {
-        value ?? (value = TOAST_CONSTANTS.defaults.DURATION);
+        value ??= TOAST_CONSTANTS.defaults.DURATION;
         if (this._duration !== value) {
             this._duration = value;
             if (this._hideTimeout) {
@@ -208,10 +215,12 @@ export class ToastCore {
         return this._theme;
     }
     set theme(value) {
-        value ?? (value = TOAST_CONSTANTS.defaults.THEME);
+        value ??= TOAST_CONSTANTS.defaults.THEME;
         if (this._theme !== value) {
             this._theme = value;
             this._adapter.setHostAttribute(TOAST_CONSTANTS.attributes.THEME, this._theme);
         }
     }
 }
+
+export { ToastCore };

package/esm/toast/toast.d.ts

@@ -1,14 +1,9 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-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 { IDismissible, IDismissibleStackState, tryDismiss } from '../core/utils/dismissible-stack';
-import { IIconProperties } from '../icon';
-import { ToastPlacement, ToastTheme } from './toast-constants';
+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 { IDismissible, IDismissibleStackState, tryDismiss } from '../core/utils/dismissible-stack.js';
+import { IIconProperties } from '../icon/index.js';
+import { ToastPlacement, ToastTheme } from './toast-constants.js';
 export interface IToastProperties {
     open: boolean;
     duration: number;
@@ -38,7 +33,7 @@ declare global {
         'forge-toast-close': CustomEvent<void>;
     }
 }
-declare const ToastComponent_base: import("../constants").AbstractConstructor<import("../core/mixins/internals/with-element-internals").WithElementInternalsContract> & import("../constants").AbstractConstructor<import("../core/mixins/internals/with-default-aria").WithDefaultAriaContract> & typeof BaseComponent;
+declare const ToastComponent_base: import("../constants.js").AbstractConstructor<import("../core/mixins/internals/with-element-internals.js").WithElementInternalsContract> & import("../constants.js").AbstractConstructor<import("../core/mixins/internals/with-default-aria.js").WithDefaultAriaContract> & typeof BaseComponent;
 /**
  * @tag forge-toast
  *

package/esm/toast/toast.html.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var template = "<template>\n  <forge-overlay exportparts=\"root:overlay\" no-anchor persistent>\n    <div class=\"surface\" part=\"surface\">\n      <slot name=\"icon\"></slot>\n      <div class=\"message\" part=\"message\">\n        <slot></slot>\n      </div>\n      <forge-button hidden part=\"action-button\" class=\"action-button\"></forge-button>\n      <forge-icon-button part=\"close-button\" class=\"close-button\" aria-label=\"Dismiss\" density=\"medium\">\n        <forge-icon name=\"close\"></forge-icon>\n      </forge-icon-button>\n    </div>\n  </forge-overlay>\n</template>\n";
+
+export { template as default };

package/esm/toast/toast.js

@@ -1,26 +1,35 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { __decorate } from "tslib";
-import { attachShadowTemplate, coerceBoolean, customElement, coreProperty } from '@tylertech/forge-core';
+
+import { __decorate } from 'tslib';
+import { attachShadowTemplate, coerceBoolean, coreProperty, customElement } from '@tylertech/forge-core';
 import { tylIconClose } from '@tylertech/tyler-icons';
-import { ButtonComponent } from '../button';
-import { setDefaultAria } from '../constants';
-import { BaseComponent } from '../core/base/base-component';
-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';
-import { DialogComponent, dialogStack } from '../dialog';
-import { IconComponent, IconRegistry } from '../icon';
-import { IconButtonComponent } from '../icon-button';
-import { OverlayComponent } from '../overlay';
-import { ToastAdapter } from './toast-adapter';
-import { TOAST_CONSTANTS } from './toast-constants';
-import { ToastCore } from './toast-core';
-const template = '<template><forge-overlay exportparts=\"root:overlay\" no-anchor persistent><div class=\"surface\" part=\"surface\"><slot name=\"icon\"></slot><div class=\"message\" part=\"message\"><slot></slot></div><forge-button hidden part=\"action-button\" class=\"action-button\"></forge-button><forge-icon-button part=\"close-button\" class=\"close-button\" aria-label=\"Dismiss\" density=\"medium\"><forge-icon name=\"close\"></forge-icon></forge-icon-button></div></forge-overlay></template>';
-const styles = '@keyframes slidein{from{transform:translateY(var(--_toast-slide-origin))}to{transform:translateY(0)}}@keyframes slideout{from{transform:translateY(0)}to{transform:translateY(var(--_toast-slide-origin))}}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadeout{from{opacity:1}to{opacity:0}}@layer base,open,theme,placement,media; @layer base{:host{display:contents}:host([hidden]){display:none}.surface{--_toast-background:var(--forge-toast-background, var(--forge-theme-surface-inverse, #333333));--_toast-color:var(--forge-toast-color, var(--forge-theme-on-surface-inverse, #ffffff));--_toast-offset:var(--forge-toast-offset, var(--forge-spacing-medium, 16px));--_toast-shape:var(--forge-toast-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_toast-elevation:var(--forge-toast-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));--_toast-action-color:var(--forge-toast-action-color, var(--forge-theme-secondary, #ffc107));--_toast-min-width:var(--forge-toast-min-width, 344px);--_toast-max-width:var(--forge-toast-max-width, 672px);--_toast-min-height:var(--forge-toast-min-height, 48px);--_toast-inline-padding:var(--forge-toast-inline-padding, var(--forge-spacing-medium, 16px));--_toast-spacing:var(--forge-toast-spacing, var(--forge-spacing-xsmall, 8px));--_toast-message-padding:var(--forge-toast-message-padding, var(--forge-spacing-xsmall, 8px));--_toast-enter-duration:var(--forge-toast-enter-duration, var(--forge-animation-duration-medium1, 250ms));--_toast-enter-timing:var(--forge-toast-enter-timing, var(--forge-animation-easing-decelerate, cubic-bezier(0, 0, 0, 1)));--_toast-exit-duration:var(--forge-toast-exit-duration, var(--forge-animation-duration-short4, 200ms));--_toast-exit-timing:var(--forge-toast-exit-timing, var(--forge-animation-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15)));--_toast-slide-origin:var(--forge-toast-slide-origin, 100%)}.surface{-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);position:fixed;display:flex;align-items:center;column-gap:var(--_toast-spacing);border-radius:var(--_toast-shape);padding-inline:var(--_toast-inline-padding);margin:var(--_toast-offset);min-width:var(--_toast-min-width);max-width:var(--_toast-max-width);min-height:var(--_toast-min-height);box-sizing:border-box;background:var(--_toast-background);color:var(--_toast-color);box-shadow:var(--_toast-elevation)}.message{flex-grow:1;padding-block:var(--_toast-message-padding);text-overflow:ellipsis;overflow:hidden}forge-button.action-button{--forge-button-primary-color:var(--_toast-action-color)}forge-icon-button.close-button{--forge-icon-button-focus-indicator-color:var(--_toast-color)}:host(:not([dismissible])) .close-button{display:none}.action-button:not([hidden]){margin-inline-end:-8px}:host([dismissible]) .close-button{margin-inline-end:-8px}}@layer theme{:host([theme=primary]) .surface{--_toast-background:var(--forge-toast-background, var(--forge-theme-primary, #3f51b5));--_toast-color:var(--forge-toast-color, var(--forge-theme-on-primary, #ffffff));--_toast-action-color:var(--_toast-color)}:host([theme=secondary]) .surface{--_toast-background:var(--forge-toast-background, var(--forge-theme-secondary, #ffc107));--_toast-color:var(--forge-toast-color, var(--forge-theme-on-secondary, #000000));--_toast-action-color:var(--_toast-color)}:host([theme=tertiary]) .surface{--_toast-background:var(--forge-toast-background, var(--forge-theme-tertiary, #3d5afe));--_toast-color:var(--forge-toast-color, var(--forge-theme-on-tertiary, #ffffff));--_toast-action-color:var(--_toast-color)}:host([theme=success]) .surface{--_toast-background:var(--forge-toast-background, var(--forge-theme-success, #2e7d32));--_toast-color:var(--forge-toast-color, var(--forge-theme-on-success, #ffffff));--_toast-action-color:var(--_toast-color)}:host([theme=warning]) .surface{--_toast-background:var(--forge-toast-background, var(--forge-theme-warning, #d14900));--_toast-color:var(--forge-toast-color, var(--forge-theme-on-warning, #ffffff));--_toast-action-color:var(--_toast-color)}:host([theme=error]) .surface{--_toast-background:var(--forge-toast-background, var(--forge-theme-error, #b00020));--_toast-color:var(--forge-toast-color, var(--forge-theme-on-error, #ffffff));--_toast-action-color:var(--_toast-color)}:host([theme=info]) .surface{--_toast-background:var(--forge-toast-background, var(--forge-theme-info, #1565c0));--_toast-color:var(--forge-toast-color, var(--forge-theme-on-info, #ffffff));--_toast-action-color:var(--_toast-color)}}@layer open{forge-overlay[open] .surface{animation-name:slidein;animation-duration:var(--_toast-enter-duration);animation-timing-function:var(--_toast-enter-timing)}forge-overlay[open] .surface.exiting{animation-name:slideout;animation-duration:var(--_toast-exit-duration);animation-timing-function:var(--_toast-exit-timing)}}@layer placement{:host([placement=bottom-start]) .surface{bottom:0;left:0}:host(:is(:not([placement]),[placement=bottom])) .surface{bottom:0;left:50%;translate:-50%}:host([placement=bottom-end]) .surface{bottom:0;right:0}:host([placement=top-start]) .surface{--_toast-slide-origin:var(--forge-toast-slide-origin, -100%);top:0;left:0}:host([placement=top]) .surface{--_toast-slide-origin:var(--forge-toast-slide-origin, -100%);top:0;left:50%;translate:-50%}:host([placement=top-end]) .surface{--_toast-slide-origin:var(--forge-toast-slide-origin, -100%);top:0;right:0}}@layer media{@media (prefers-reduced-motion:reduce){forge-overlay[open] .surface{animation-name:fadein}forge-overlay[open] .surface.exiting{animation-name:fadeout}}@media (max-width:599px){:host([placement^=top]) .surface{bottom:auto;top:0}.surface{bottom:0;left:0;right:0;margin:0;translate:none;max-width:none;min-width:auto;border-radius:0}}}';
+import '../button/index.js';
+import { setDefaultAria } from '../constants.js';
+import { BaseComponent } from '../core/base/base-component.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 '../dialog/index.js';
+import '../icon/index.js';
+import '../icon-button/index.js';
+import '../overlay/index.js';
+import { ToastAdapter } from './toast-adapter.js';
+import { TOAST_CONSTANTS } from './toast-constants.js';
+import { ToastCore } from './toast-core.js';
+import template from './toast.html.js';
+import styles from './toast.scss.js';
+import { IconRegistry } from '../icon/icon-registry.js';
+import { DialogComponent } from '../dialog/dialog.js';
+import { dialogStack } from '../dialog/dialog-constants.js';
+import { OverlayComponent } from '../overlay/overlay.js';
+import { ButtonComponent } from '../button/button.js';
+import { IconButtonComponent } from '../icon-button/icon-button.js';
+import { IconComponent } from '../icon/icon.js';
+
 /**
  * @tag forge-toast
  *
@@ -208,4 +217,5 @@ ToastComponent = __decorate([
         dependencies: [OverlayComponent, ButtonComponent, IconButtonComponent, IconComponent]
     })
 ], ToastComponent);
+
 export { ToastComponent };

package/esm/toast/toast.scss.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var styles = "@keyframes slidein{from{transform:translateY(var(--_toast-slide-origin))}to{transform:translateY(0)}}@keyframes slideout{from{transform:translateY(0)}to{transform:translateY(var(--_toast-slide-origin))}}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadeout{from{opacity:1}to{opacity:0}}@layer base, open, theme, placement, media;@layer base{:host{display:contents}:host([hidden]){display:none}.surface{--_toast-background:var(--forge-toast-background, var(--forge-theme-surface-inverse, #333333));--_toast-color:var(--forge-toast-color, var(--forge-theme-on-surface-inverse, #ffffff));--_toast-offset:var(--forge-toast-offset, var(--forge-spacing-medium, 16px));--_toast-shape:var(--forge-toast-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_toast-elevation:var(--forge-toast-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));--_toast-action-color:var(--forge-toast-action-color, var(--forge-theme-secondary, #ffc107));--_toast-min-width:var(--forge-toast-min-width, 344px);--_toast-max-width:var(--forge-toast-max-width, 672px);--_toast-min-height:var(--forge-toast-min-height, 48px);--_toast-inline-padding:var(--forge-toast-inline-padding, var(--forge-spacing-medium, 16px));--_toast-spacing:var(--forge-toast-spacing, var(--forge-spacing-xsmall, 8px));--_toast-message-padding:var(--forge-toast-message-padding, var(--forge-spacing-xsmall, 8px));--_toast-enter-duration:var(--forge-toast-enter-duration, var(--forge-animation-duration-medium1, 250ms));--_toast-enter-timing:var(--forge-toast-enter-timing, var(--forge-animation-easing-decelerate, cubic-bezier(0, 0, 0, 1)));--_toast-exit-duration:var(--forge-toast-exit-duration, var(--forge-animation-duration-short4, 200ms));--_toast-exit-timing:var(--forge-toast-exit-timing, var(--forge-animation-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15)));--_toast-slide-origin:var(--forge-toast-slide-origin, 100%)}.surface{-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);position:fixed;display:flex;align-items:center;column-gap:var(--_toast-spacing);border-radius:var(--_toast-shape);padding-inline:var(--_toast-inline-padding);margin:var(--_toast-offset);min-width:var(--_toast-min-width);max-width:var(--_toast-max-width);min-height:var(--_toast-min-height);box-sizing:border-box;background:var(--_toast-background);color:var(--_toast-color);box-shadow:var(--_toast-elevation)}.message{flex-grow:1;padding-block:var(--_toast-message-padding);text-overflow:ellipsis;overflow:hidden}forge-button.action-button{--forge-button-primary-color: var(--_toast-action-color)}forge-icon-button.close-button{--forge-icon-button-focus-indicator-color: var(--_toast-color)}:host(:not([dismissible])) .close-button{display:none}.action-button:not([hidden]){margin-inline-end:-8px}:host([dismissible]) .close-button{margin-inline-end:-8px}}@layer theme{:host([theme=primary]) .surface{--_toast-background:var(--forge-toast-background, var(--forge-theme-primary, #3f51b5));--_toast-color:var(--forge-toast-color, var(--forge-theme-on-primary, #ffffff));--_toast-action-color:var(--_toast-color)}:host([theme=secondary]) .surface{--_toast-background:var(--forge-toast-background, var(--forge-theme-secondary, #ffc107));--_toast-color:var(--forge-toast-color, var(--forge-theme-on-secondary, #000000));--_toast-action-color:var(--_toast-color)}:host([theme=tertiary]) .surface{--_toast-background:var(--forge-toast-background, var(--forge-theme-tertiary, #3d5afe));--_toast-color:var(--forge-toast-color, var(--forge-theme-on-tertiary, #ffffff));--_toast-action-color:var(--_toast-color)}:host([theme=success]) .surface{--_toast-background:var(--forge-toast-background, var(--forge-theme-success, #2e7d32));--_toast-color:var(--forge-toast-color, var(--forge-theme-on-success, #ffffff));--_toast-action-color:var(--_toast-color)}:host([theme=warning]) .surface{--_toast-background:var(--forge-toast-background, var(--forge-theme-warning, #d14900));--_toast-color:var(--forge-toast-color, var(--forge-theme-on-warning, #ffffff));--_toast-action-color:var(--_toast-color)}:host([theme=error]) .surface{--_toast-background:var(--forge-toast-background, var(--forge-theme-error, #b00020));--_toast-color:var(--forge-toast-color, var(--forge-theme-on-error, #ffffff));--_toast-action-color:var(--_toast-color)}:host([theme=info]) .surface{--_toast-background:var(--forge-toast-background, var(--forge-theme-info, #1565c0));--_toast-color:var(--forge-toast-color, var(--forge-theme-on-info, #ffffff));--_toast-action-color:var(--_toast-color)}}@layer open{forge-overlay[open] .surface{animation-name:slidein;animation-duration:var(--_toast-enter-duration);animation-timing-function:var(--_toast-enter-timing)}forge-overlay[open] .surface.exiting{animation-name:slideout;animation-duration:var(--_toast-exit-duration);animation-timing-function:var(--_toast-exit-timing)}}@layer placement{:host([placement=bottom-start]) .surface{bottom:0;left:0}:host(:is(:not([placement]),[placement=bottom])) .surface{bottom:0;left:50%;translate:-50%}:host([placement=bottom-end]) .surface{bottom:0;right:0}:host([placement=top-start]) .surface{--_toast-slide-origin:var(--forge-toast-slide-origin, -100%);top:0;left:0}:host([placement=top]) .surface{--_toast-slide-origin:var(--forge-toast-slide-origin, -100%);top:0;left:50%;translate:-50%}:host([placement=top-end]) .surface{--_toast-slide-origin:var(--forge-toast-slide-origin, -100%);top:0;right:0}}@layer media{@media(prefers-reduced-motion: reduce){forge-overlay[open] .surface{animation-name:fadein}forge-overlay[open] .surface.exiting{animation-name:fadeout}}@media(max-width: 599px){:host([placement^=top]) .surface{bottom:auto;top:0}.surface{bottom:0;left:0;right:0;margin:0;translate:none;max-width:none;min-width:auto;border-radius:0}}}";
+
+export { styles as default };

package/esm/toolbar/index.d.ts

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

package/esm/toolbar/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 { ToolbarComponent } from './toolbar';
-export * from './toolbar-constants';
-export * from './toolbar';
-export function defineToolbarComponent() {
+import { ToolbarComponent } from './toolbar.js';
+export { TOOLBAR_CONSTANTS } from './toolbar-constants.js';
+
+function defineToolbarComponent() {
     defineCustomElement(ToolbarComponent);
 }
+
+export { ToolbarComponent, defineToolbarComponent };

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

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

package/esm/toolbar/toolbar-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}toolbar`;
 const observedAttributes = {
     INVERTED: 'inverted'
@@ -22,10 +24,12 @@ const selectors = {
     END_SLOT: `slot[name=end]`,
     AFTER_END: `slot[name=after-end]`
 };
-export const TOOLBAR_CONSTANTS = {
+const TOOLBAR_CONSTANTS = {
     elementName,
     observedAttributes,
     attributes,
     classes,
     selectors
 };
+
+export { TOOLBAR_CONSTANTS };

package/esm/toolbar/toolbar.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 IToolbarComponent extends IBaseComponent {
     inverted: boolean;
 }

package/esm/toolbar/toolbar.html.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var template = "<template>\n  <div class=\"forge-toolbar\" part=\"root\">\n    <div class=\"section\" part=\"before-section-start\">\n      <slot name=\"before-start\"></slot>\n    </div>\n    <div class=\"inner center\" part=\"inner\">\n      <div class=\"section\" part=\"section-start\">\n        <slot name=\"start\"></slot>\n        <slot></slot>\n      </div>\n      <div class=\"section center\" part=\"section-center\">\n        <slot name=\"center\"></slot>\n      </div>\n      <div class=\"section end\" part=\"section-end\">\n        <slot name=\"end\"></slot>\n      </div>\n    </div>\n    <div class=\"section end\" part=\"after-section-end\">\n      <slot name=\"after-end\"></slot>\n    </div>\n  </div>\n</template>\n";
+
+export { template as default };

package/esm/toolbar/toolbar.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, coerceBoolean } from '@tylertech/forge-core';
-import { BaseComponent } from '../core/base/base-component';
-import { TOOLBAR_CONSTANTS } from './toolbar-constants';
-const template = '<template><div class=\"forge-toolbar\" part=\"root\"><div class=\"section\" part=\"before-section-start\"><slot name=\"before-start\"></slot></div><div class=\"inner center\" part=\"inner\"><div class=\"section\" part=\"section-start\"><slot name=\"start\"></slot><slot></slot></div><div class=\"section center\" part=\"section-center\"><slot name=\"center\"></slot></div><div class=\"section end\" part=\"section-end\"><slot name=\"end\"></slot></div></div><div class=\"section end\" part=\"after-section-end\"><slot name=\"after-end\"></slot></div></div></template>';
-const styles = ':host{display:block}:host([hidden]){display:none}.forge-toolbar{--_toolbar-background:var(--forge-toolbar-background, var(--forge-theme-surface, #ffffff));--_toolbar-height:var(--forge-toolbar-height, 56px);--_toolbar-min-height:var(--forge-toolbar-min-height, var(--_toolbar-height));--_toolbar-divider-width:var(--forge-toolbar-divider-width, var(--forge-border-thin, 1px));--_toolbar-divider-style:var(--forge-toolbar-divider-style, solid);--_toolbar-divider-color:var(--forge-toolbar-divider-color, var(--forge-theme-outline, #e0e0e0));--_toolbar-shape:var(--forge-toolbar-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_toolbar-start-start-shape:var(--forge-toolbar-start-start-shape, var(--_toolbar-shape));--_toolbar-start-end-shape:var(--forge-toolbar-start-end-shape, var(--_toolbar-shape));--_toolbar-end-start-shape:var(--forge-toolbar-end-start-shape, 0);--_toolbar-end-end-shape:var(--forge-toolbar-end-end-shape, 0);--_toolbar-padding:var(--forge-toolbar-padding, var(--forge-spacing-medium, 16px));--_toolbar-padding-block:var(--forge-toolbar-padding-block, 0);--_toolbar-padding-inline:var(--forge-toolbar-padding-inline, var(--_toolbar-padding));--_toolbar-columns:var(--forge-toolbar-columns, auto 1fr auto)}.forge-toolbar{display:grid;grid-template-columns:var(--_toolbar-columns);height:var(--_toolbar-height);min-height:var(--_toolbar-min-height);box-sizing:border-box;padding-inline:0;border-block-end-width:var(--_toolbar-divider-width);border-block-end-style:var(--_toolbar-divider-style);border-block-end-color:var(--_toolbar-divider-color);border-start-start-radius:var(--_toolbar-start-start-shape);border-start-end-radius:var(--_toolbar-start-end-shape);border-end-start-radius:var(--_toolbar-end-start-shape);border-end-end-radius:var(--_toolbar-end-end-shape);background:var(--_toolbar-background)}.inner{display:grid;grid-template-columns:var(--_toolbar-columns);padding-inline:var(--_toolbar-padding-inline);padding-block:var(--_toolbar-padding-block);box-sizing:border-box}.inner.center{min-width:0}.section{display:flex;align-items:center;width:100%;box-sizing:border-box}.section.center{justify-content:center;min-width:0}.section.end{justify-content:end}:host([inverted]) .forge-toolbar{--_toolbar-start-start-shape:var(--forge-toolbar-start-start-shape, 0);--_toolbar-start-end-shape:var(--forge-toolbar-start-end-shape, 0);--_toolbar-end-start-shape:var(--_toolbar-shape);--_toolbar-end-end-shape:var(--_toolbar-shape);border-block-end:none;border-block-start-width:var(--_toolbar-divider-width);border-block-start-style:var(--_toolbar-divider-style);border-block-start-color:var(--_toolbar-divider-color)}:host(:is([no-divider],[no-border])) .forge-toolbar{border:none}:host([no-padding]) .forge-toolbar{--_toolbar-padding:var(--forge-toolbar-padding, 0)}:host([auto-height]) .forge-toolbar{--_toolbar-height:var(--forge-toolbar-height, auto)}::slotted(:is(h1,h2,h3,h4,h5,h6,p)){margin:0}';
+
+import { __decorate } from 'tslib';
+import { attachShadowTemplate, coerceBoolean, customElement } from '@tylertech/forge-core';
+import { BaseComponent } from '../core/base/base-component.js';
+import { TOOLBAR_CONSTANTS } from './toolbar-constants.js';
+import template from './toolbar.html.js';
+import styles from './toolbar.scss.js';
+
 /**
  * @tag forge-toolbar
  *
@@ -91,4 +93,5 @@ ToolbarComponent = __decorate([
         name: TOOLBAR_CONSTANTS.elementName
     })
 ], ToolbarComponent);
+
 export { ToolbarComponent };

package/esm/toolbar/toolbar.scss.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var styles = ":host{display:block}:host([hidden]){display:none}.forge-toolbar{--_toolbar-background:var(--forge-toolbar-background, var(--forge-theme-surface, #ffffff));--_toolbar-height:var(--forge-toolbar-height, 56px);--_toolbar-min-height:var(--forge-toolbar-min-height, var(--_toolbar-height));--_toolbar-divider-width:var(--forge-toolbar-divider-width, var(--forge-border-thin, 1px));--_toolbar-divider-style:var(--forge-toolbar-divider-style, solid);--_toolbar-divider-color:var(--forge-toolbar-divider-color, var(--forge-theme-outline, #e0e0e0));--_toolbar-shape:var(--forge-toolbar-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_toolbar-start-start-shape:var(--forge-toolbar-start-start-shape, var(--_toolbar-shape));--_toolbar-start-end-shape:var(--forge-toolbar-start-end-shape, var(--_toolbar-shape));--_toolbar-end-start-shape:var(--forge-toolbar-end-start-shape, 0);--_toolbar-end-end-shape:var(--forge-toolbar-end-end-shape, 0);--_toolbar-padding:var(--forge-toolbar-padding, var(--forge-spacing-medium, 16px));--_toolbar-padding-block:var(--forge-toolbar-padding-block, 0);--_toolbar-padding-inline:var(--forge-toolbar-padding-inline, var(--_toolbar-padding));--_toolbar-columns:var(--forge-toolbar-columns, auto 1fr auto)}.forge-toolbar{display:grid;grid-template-columns:var(--_toolbar-columns);height:var(--_toolbar-height);min-height:var(--_toolbar-min-height);box-sizing:border-box;padding-inline:0;border-block-end-width:var(--_toolbar-divider-width);border-block-end-style:var(--_toolbar-divider-style);border-block-end-color:var(--_toolbar-divider-color);border-start-start-radius:var(--_toolbar-start-start-shape);border-start-end-radius:var(--_toolbar-start-end-shape);border-end-start-radius:var(--_toolbar-end-start-shape);border-end-end-radius:var(--_toolbar-end-end-shape);background:var(--_toolbar-background)}.inner{display:grid;grid-template-columns:var(--_toolbar-columns);padding-inline:var(--_toolbar-padding-inline);padding-block:var(--_toolbar-padding-block);box-sizing:border-box}.inner.center{min-width:0}.section{display:flex;align-items:center;width:100%;box-sizing:border-box}.section.center{justify-content:center;min-width:0}.section.end{justify-content:end}:host([inverted]) .forge-toolbar{--_toolbar-start-start-shape:var(--forge-toolbar-start-start-shape, 0);--_toolbar-start-end-shape:var(--forge-toolbar-start-end-shape, 0);--_toolbar-end-start-shape:var(--_toolbar-shape);--_toolbar-end-end-shape:var(--_toolbar-shape);border-block-end:none;border-block-start-width:var(--_toolbar-divider-width);border-block-start-style:var(--_toolbar-divider-style);border-block-start-color:var(--_toolbar-divider-color)}:host(:is([no-divider],[no-border])) .forge-toolbar{border:none}:host([no-padding]) .forge-toolbar{--_toolbar-padding:var(--forge-toolbar-padding, 0)}:host([auto-height]) .forge-toolbar{--_toolbar-height:var(--forge-toolbar-height, auto)}::slotted(:is(h1,h2,h3,h4,h5,h6,p)){margin:0}";
+
+export { styles as default };

package/esm/tooltip/index.d.ts

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './tooltip-adapter';
-export * from './tooltip-constants';
-export * from './tooltip-core';
-export * from './tooltip';
+export * from './tooltip-adapter.js';
+export * from './tooltip-constants.js';
+export * from './tooltip-core.js';
+export * from './tooltip.js';
 export declare function defineTooltipComponent(): void;

package/esm/tooltip/index.js

@@ -1,14 +1,17 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { defineCustomElement } from '@tylertech/forge-core';
-import { TooltipComponent } from './tooltip';
-export * from './tooltip-adapter';
-export * from './tooltip-constants';
-export * from './tooltip-core';
-export * from './tooltip';
-export function defineTooltipComponent() {
+import { TooltipComponent } from './tooltip.js';
+export { TooltipAdapter } from './tooltip-adapter.js';
+export { TOOLTIP_CONSTANTS } from './tooltip-constants.js';
+export { TooltipCore } from './tooltip-core.js';
+
+function defineTooltipComponent() {
     defineCustomElement(TooltipComponent);
 }
+
+export { TooltipComponent, defineTooltipComponent };