@tylertech/forge 3.8.2-dev.0 → 3.9.0-dev.1

package/esm/data-table/row/row.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { TemplateResult } from 'lit';
+import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
+import { BaseLitElement } from '../../core/base/base-lit-element';
+export interface IDataTableRowComponent extends BaseLitElement {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-data-table-row': IDataTableRowComponent;
+    }
+}
+export declare const DATA_TABLE_ROW_TAG_NAME: keyof HTMLElementTagNameMap;
+/**
+ * @tag forge-data-table-row
+ *
+ * @summary Represents a row in a data table.
+ *
+ * @csspart root - The root container element.
+ *
+ * @slot - The default slot for row content.
+ *
+ * @cssclass forge-data-table-row - The data table row class _(required)_.
+ */
+export declare class DataTableRowComponent extends BaseLitElement implements IDataTableRowComponent {
+    static styles: import("lit").CSSResult;
+    /** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
+    static [CUSTOM_ELEMENT_NAME_PROPERTY]: keyof HTMLElementTagNameMap;
+    render(): TemplateResult;
+}

package/esm/data-table/row/row.js

@@ -0,0 +1,42 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+var _a;
+import { __decorate } from "tslib";
+import { html, unsafeCSS } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
+import { BaseLitElement } from '../../core/base/base-lit-element';
+const styles = ':host{display:block}:host([hidden]){display:none}.forge-data-table-row{display:table-row}';
+export const DATA_TABLE_ROW_TAG_NAME = 'forge-data-table-row';
+/**
+ * @tag forge-data-table-row
+ *
+ * @summary Represents a row in a data table.
+ *
+ * @csspart root - The root container element.
+ *
+ * @slot - The default slot for row content.
+ *
+ * @cssclass forge-data-table-row - The data table row class _(required)_.
+ */
+let DataTableRowComponent = class DataTableRowComponent extends BaseLitElement {
+    render() {
+        return html `
+      <div part="root" class=${classMap({ 'forge-data-table-row': true })}>
+        <slot></slot>
+      </div>
+    `;
+    }
+};
+_a = CUSTOM_ELEMENT_NAME_PROPERTY;
+DataTableRowComponent.styles = unsafeCSS(styles);
+/** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
+DataTableRowComponent[_a] = DATA_TABLE_ROW_TAG_NAME;
+DataTableRowComponent = __decorate([
+    customElement(DATA_TABLE_ROW_TAG_NAME)
+], DataTableRowComponent);
+export { DataTableRowComponent };

package/esm/data-table/table/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export * from './table';

package/esm/data-table/table/index.js

@@ -0,0 +1,6 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export * from './table';

package/esm/data-table/table/table.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { TemplateResult } from 'lit';
+import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
+import { BaseLitElement } from '../../core/base/base-lit-element';
+import '../cell/cell';
+import '../column/column';
+import '../row/row';
+export interface IDataTableComponent extends BaseLitElement {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-data-table': IDataTableComponent;
+    }
+}
+export declare const DATA_TABLE_TAG_NAME: keyof HTMLElementTagNameMap;
+/**
+ * @tag forge-data-table
+ *
+ * @summary Data tables display information in a grid-like format of rows and columns.
+ *
+ * @csspart root - The root container element.
+ *
+ * @slot - The default slot for data table content.
+ *
+ * @cssclass forge-data-table - The data table class _(required)_.
+ */
+export declare class DataTableComponent extends BaseLitElement implements IDataTableComponent {
+    static styles: import("lit").CSSResult;
+    /** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
+    static [CUSTOM_ELEMENT_NAME_PROPERTY]: keyof HTMLElementTagNameMap;
+    render(): TemplateResult;
+}

package/esm/data-table/table/table.js

@@ -0,0 +1,40 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+var _a;
+import { __decorate } from "tslib";
+import { html, unsafeCSS } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
+import { BaseLitElement } from '../../core/base/base-lit-element';
+import '../cell/cell';
+import '../column/column';
+import '../row/row';
+const styles = ':host{display:block;display:table;width:100%;border-collapse:collapse}:host([hidden]){display:none}';
+export const DATA_TABLE_TAG_NAME = 'forge-data-table';
+/**
+ * @tag forge-data-table
+ *
+ * @summary Data tables display information in a grid-like format of rows and columns.
+ *
+ * @csspart root - The root container element.
+ *
+ * @slot - The default slot for data table content.
+ *
+ * @cssclass forge-data-table - The data table class _(required)_.
+ */
+let DataTableComponent = class DataTableComponent extends BaseLitElement {
+    render() {
+        return html `<slot></slot></div>`;
+    }
+};
+_a = CUSTOM_ELEMENT_NAME_PROPERTY;
+DataTableComponent.styles = unsafeCSS(styles);
+/** @deprecated Used for compatibility with legacy Forge @customElement decorator. */
+DataTableComponent[_a] = DATA_TABLE_TAG_NAME;
+DataTableComponent = __decorate([
+    customElement(DATA_TABLE_TAG_NAME)
+], DataTableComponent);
+export { DataTableComponent };

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

@@ -5,7 +5,7 @@
  */
 import { __decorate } from "tslib";
 import { attachShadowTemplate, customElement } from '@tylertech/forge-core';
-import { tylIconInsertInvitation } from '@tylertech/tyler-icons/standard';
+import { tylIconInsertInvitation } from '@tylertech/tyler-icons';
 import { CalendarComponent } from '../calendar';
 import { IconComponent, IconRegistry } from '../icon';
 import { IconButtonComponent } from '../icon-button';

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

@@ -5,7 +5,7 @@
  */
 import { __decorate } from "tslib";
 import { attachShadowTemplate, customElement, coreProperty } from '@tylertech/forge-core';
-import { tylIconDateRange } from '@tylertech/tyler-icons/standard';
+import { tylIconDateRange } from '@tylertech/tyler-icons';
 import { CalendarComponent } from '../calendar';
 import { BaseDatePickerComponent } from '../date-picker/base/base-date-picker';
 import { BASE_DATE_PICKER_CONSTANTS } from '../date-picker/base/base-date-picker-constants';

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

@@ -31,9 +31,10 @@ export declare const ICON_CONSTANTS: {
     };
     strings: {
         DEFAULT_NETWORK_BASE_URL: string;
+        ALL_NETWORK_BASE_URL: string;
     };
 };
 export declare const ICON_REGISTRY_KEY: "forgeIcons";
 export type IconUrlBuilder = (name: string, type: IconExternalType) => string;
-export type IconExternalType = '' | 'custom' | 'standard' | 'extended';
+export type IconExternalType = '' | 'custom' | 'standard' | 'extended' | 'all';
 export type IconTheme = Theme | 'text-medium' | 'text-low';

package/esm/icon/icon-constants.js

@@ -23,7 +23,8 @@ const numbers = {
     DEFAULT_HEIGHT: 24
 };
 const strings = {
-    DEFAULT_NETWORK_BASE_URL: `${CDN_BASE_URL}v1/icons/svg`
+    DEFAULT_NETWORK_BASE_URL: `${CDN_BASE_URL}v1/icons/svg`,
+    ALL_NETWORK_BASE_URL: `${CDN_BASE_URL}v1/icons/svg/all`
 };
 export const ICON_CONSTANTS = {
     elementName,

package/esm/icon/icon-core.js

@@ -11,7 +11,7 @@ export class IconCore {
         this._adapter = _adapter;
         this._lazy = false;
         this._external = false;
-        this._externalType = 'standard';
+        this._externalType = 'all';
         this._lazyListener = this._loadIcon.bind(this);
     }
     initialize() {
@@ -125,7 +125,10 @@ export class IconCore {
             return this._externalUrlBuilder(name, type);
         }
         const setName = sanitizeExternalType(this._externalType);
-        return `${ICON_CONSTANTS.strings.DEFAULT_NETWORK_BASE_URL}${setName ? `/${setName}` : ''}/${name}.svg`;
+        if (['standard', 'extended', 'custom'].includes(setName)) {
+            return `${ICON_CONSTANTS.strings.DEFAULT_NETWORK_BASE_URL}/${setName}/${name}.svg`;
+        }
+        return `${ICON_CONSTANTS.strings.ALL_NETWORK_BASE_URL}/${name}.svg`;
     }
     get name() {
         return this._name;
@@ -177,6 +180,7 @@ export class IconCore {
         return this._externalType;
     }
     set externalType(value) {
+        value = sanitizeExternalType(value);
         if (this._externalType !== value) {
             this._externalType = value;
             this._safeApplyIcon();

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

@@ -4,6 +4,7 @@
  * License: Apache-2.0
  */
 import { IIconDescriptor } from './icon-registry';
+import { IconExternalType } from './icon-constants';
 /**
  * Creates an SVG element from a string of SVG content, and sanitizes it for injection into the DOM.
  */
@@ -12,4 +13,4 @@ export declare function getCachedIcon(key: string): IIconDescriptor | undefined;
 export declare function awaitIconDefinition(key: string, listener: () => void): void;
 export declare function removeIconListener(key: string, listener: () => void): void;
 export declare function fetchIconContent(url: string, name: string): Promise<string>;
-export declare function sanitizeExternalType(type: string): string;
+export declare function sanitizeExternalType(type: string): IconExternalType;

package/esm/icon/icon-utils.js

@@ -60,6 +60,6 @@ export function fetchIconContent(url, name) {
     return request || Promise.resolve('');
 }
 export function sanitizeExternalType(type) {
-    const isValidType = ['standard', 'extended', 'custom'].includes(type);
-    return isValidType ? type : '';
+    const isValidType = ['standard', 'extended', 'custom', 'all'].includes(type);
+    return isValidType ? type : 'all';
 }

package/esm/icon/icon.d.ts

@@ -10,6 +10,7 @@ export interface IIconProperties {
     src: string | undefined;
     lazy: boolean;
     external: boolean;
+    /** @deprecated This will be removed in a future version. */
     externalType: IconExternalType;
     externalUrlBuilder: IconUrlBuilder;
     theme: IconTheme;
@@ -32,7 +33,7 @@ declare global {
  * @property {string} src - Provides the ability to set the SVG string content directly.
  * @property {boolean} [lazy=false] - Controls whether the icon will be loaded dynamically when it comes into view. False by default.
  * @property {boolean} [external=false] - Controls whether external network requests are allowed for this icon. Only pertains for icons that aren't already defined in the registry.
- * @property {IconExternalType} [externalType="standard"] - The type of icon to load externally. Possible values: "standard" (default), "extended", "custom".
+ * @property {IconExternalType} [externalType="all"] - **(Deprecated)** The type of icon to load externally. Possible values: "all" (default), "standard", "extended", "custom".
  * @property {IconUrlBuilder} externalUrlBuilder - A callback that can be provided to generate a URL that will be used to fetch an SVG icon.
  * @property {string} viewbox - A custom value to apply to the `viewBox` attribute on the internal `<svg>` element.
  * @property {IconTheme} theme - The theme to apply to the icon.
@@ -79,6 +80,7 @@ export declare class IconComponent extends BaseComponent implements IIconCompone
     external: boolean;
     /**
      * The type of icon to load externally. Possible values: "standard", "extended", "custom".
+     * @deprecated This will be removed in a future version.
      * @attribute external-type
      */
     externalType: IconExternalType;

package/esm/icon/icon.js

@@ -20,7 +20,7 @@ const styles = ':host{--_icon-color:var(--forge-icon-color, currentColor);--_ico
  * @property {string} src - Provides the ability to set the SVG string content directly.
  * @property {boolean} [lazy=false] - Controls whether the icon will be loaded dynamically when it comes into view. False by default.
  * @property {boolean} [external=false] - Controls whether external network requests are allowed for this icon. Only pertains for icons that aren't already defined in the registry.
- * @property {IconExternalType} [externalType="standard"] - The type of icon to load externally. Possible values: "standard" (default), "extended", "custom".
+ * @property {IconExternalType} [externalType="all"] - **(Deprecated)** The type of icon to load externally. Possible values: "all" (default), "standard", "extended", "custom".
  * @property {IconUrlBuilder} externalUrlBuilder - A callback that can be provided to generate a URL that will be used to fetch an SVG icon.
  * @property {string} viewbox - A custom value to apply to the `viewBox` attribute on the internal `<svg>` element.
  * @property {IconTheme} theme - The theme to apply to the icon.

package/esm/icon-button/icon-button-core.js

@@ -29,9 +29,18 @@ export class IconButtonCore extends BaseButtonCore {
         // Update internal state first so listeners can access the new state
         const originalPressed = this._pressed;
         this._pressed = !this._pressed;
-        const cancelled = !this._adapter.emitHostEvent(ICON_BUTTON_CONSTANTS.events.TOGGLE, this.pressed, true, true);
+        const event = new CustomEvent(ICON_BUTTON_CONSTANTS.events.TOGGLE, {
+            detail: {
+                pressed: this._pressed,
+                toggle: this._toggle
+            },
+            bubbles: true,
+            cancelable: true,
+            composed: true
+        });
+        this._adapter.dispatchHostEvent(event);
         this._pressed = originalPressed;
-        if (cancelled) {
+        if (event.defaultPrevented) {
             return;
         }
         this.pressed = !originalPressed;

package/esm/list-dropdown/list-dropdown-utils.js

@@ -4,7 +4,7 @@
  * License: Apache-2.0
  */
 import { addClass, getEventPath, isDeepEqual, isDefined, isObject } from '@tylertech/forge-core';
-import { tylIconCheckBox, tylIconCheckBoxOutlineBlank } from '@tylertech/tyler-icons/standard';
+import { tylIconCheckBox, tylIconCheckBoxOutlineBlank } from '@tylertech/tyler-icons';
 import { ICON_CLASS_NAME } from '../constants';
 import { LINEAR_PROGRESS_CONSTANTS } from '../linear-progress';
 import { LIST_CONSTANTS } from '../list/list';

package/esm/list-dropdown/list-dropdown.js

@@ -3,7 +3,7 @@
  * Copyright Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-import { tylIconCheckBox, tylIconCheckBoxOutlineBlank } from '@tylertech/tyler-icons/standard';
+import { tylIconCheckBox, tylIconCheckBoxOutlineBlank } from '@tylertech/tyler-icons';
 import { ListDropdownCore } from './list-dropdown-core';
 import { ListDropdownAdapter } from './list-dropdown-adapter';
 import { IconRegistry } from '../icon';

package/esm/menu/menu.js

@@ -5,7 +5,7 @@
  */
 import { __decorate } from "tslib";
 import { attachShadowTemplate, coerceBoolean, customElement, ensureChild, coreProperty, isDefined } from '@tylertech/forge-core';
-import { tylIconArrowRight } from '@tylertech/tyler-icons/standard';
+import { tylIconArrowRight } from '@tylertech/tyler-icons';
 import { IconRegistry } from '../icon';
 import { ListComponent } from '../list';
 import { ListDropdownAware } from '../list-dropdown/list-dropdown-aware';

package/esm/open-icon/open-icon.js

@@ -5,7 +5,7 @@
  */
 import { __decorate } from "tslib";
 import { customElement, attachShadowTemplate, coerceBoolean } from '@tylertech/forge-core';
-import { tylIconKeyboardArrowRight, tylIconKeyboardArrowDown } from '@tylertech/tyler-icons/standard';
+import { tylIconKeyboardArrowRight, tylIconKeyboardArrowDown } from '@tylertech/tyler-icons';
 import { OPEN_ICON_CONSTANTS } from './open-icon-constants';
 import { IconRegistry, IconComponent } from '../icon';
 import { BaseComponent } from '../core/base/base-component';

package/esm/paginator/paginator.js

@@ -5,7 +5,7 @@
  */
 import { __decorate } from "tslib";
 import { customElement, attachShadowTemplate, coreProperty, coerceBoolean, coerceNumberArray, coerceNumber } from '@tylertech/forge-core';
-import { tylIconFirstPage, tylIconLastPage, tylIconKeyboardArrowRight, tylIconKeyboardArrowLeft } from '@tylertech/tyler-icons/standard';
+import { tylIconFirstPage, tylIconLastPage, tylIconKeyboardArrowRight, tylIconKeyboardArrowLeft } from '@tylertech/tyler-icons';
 import { PAGINATOR_CONSTANTS } from './paginator-constants';
 import { PaginatorCore } from './paginator-core';
 import { PaginatorAdapter } from './paginator-adapter';

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

@@ -15,6 +15,7 @@ export declare const POPOVER_CONSTANTS: {
         HOVER_DELAY: string;
         HOVER_DISMISS_DELAY: string;
         PRESET: string;
+        DISTINCT: string;
     };
     attributes: {
         OPEN: string;
@@ -28,6 +29,7 @@ export declare const POPOVER_CONSTANTS: {
         HOVER_DELAY: string;
         HOVER_DISMISS_DELAY: string;
         PRESET: string;
+        DISTINCT: string;
     };
     classes: {
         ARROW: string;
@@ -48,6 +50,7 @@ export declare const POPOVER_CONSTANTS: {
         TRIGGER_TYPE: PopoverTriggerType;
         HOVER_DELAY: number;
         PRESET: PopoverPreset;
+        DISTINCT: string;
     };
 };
 export declare const POPOVER_HOVER_TIMEOUT = 500;

package/esm/popover/popover-constants.js

@@ -13,7 +13,8 @@ const observedAttributes = {
     PERSISTENT_HOVER: 'persistent-hover',
     HOVER_DELAY: 'hover-delay',
     HOVER_DISMISS_DELAY: 'hover-dismiss-delay',
-    PRESET: 'preset'
+    PRESET: 'preset',
+    DISTINCT: 'distinct'
 };
 const attributes = {
     ...observedAttributes,
@@ -39,7 +40,8 @@ const events = {
 const defaults = {
     TRIGGER_TYPE: 'click',
     HOVER_DELAY: 0,
-    PRESET: 'popover'
+    PRESET: 'popover',
+    DISTINCT: '<default>'
 };
 export const POPOVER_CONSTANTS = {
     elementName,

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

@@ -18,6 +18,7 @@ export interface IPopoverCore extends IOverlayAwareCore {
     hoverDismissDelay: number;
     hoverDelay: number;
     preset: PopoverPreset;
+    distinct: string | null;
     hideAsync(): Promise<void>;
     dispatchBeforeToggleEvent(state: IDismissibleStackState): boolean;
 }
@@ -31,6 +32,7 @@ export declare class PopoverCore extends PopoverCore_base implements IPopoverCor
     private _hoverDismissDelay;
     private _hoverDelay;
     private _preset;
+    private _distinct;
     private _previouslyFocusedElement;
     private _hoverAnchorLeaveTimeout;
     private _popoverMouseleaveTimeout;
@@ -146,5 +148,7 @@ export declare class PopoverCore extends PopoverCore_base implements IPopoverCor
     set hoverDismissDelay(value: number);
     get preset(): PopoverPreset;
     set preset(value: PopoverPreset);
+    get distinct(): string | null;
+    set distinct(value: string | null);
 }
 export {};

package/esm/popover/popover-core.js

@@ -19,6 +19,7 @@ export class PopoverCore extends WithLongpressListener((OverlayAwareCore)) {
         this._hoverDismissDelay = POPOVER_HOVER_TIMEOUT;
         this._hoverDelay = POPOVER_CONSTANTS.defaults.HOVER_DELAY;
         this._preset = POPOVER_CONSTANTS.defaults.PRESET;
+        this._distinct = null;
         this._previouslyFocusedElement = null;
         // Click trigger listeners
         this._anchorClickListener = this._onAnchorClick.bind(this);
@@ -102,6 +103,11 @@ export class PopoverCore extends WithLongpressListener((OverlayAwareCore)) {
         }
         this._previouslyFocusedElement = this._adapter.captureFocusedElement();
         this._adapter.setOverlayOpen(true);
+        if (this._distinct) {
+            const allPopovers = DismissibleStack.instance.getAll().filter(el => el.tagName.toLowerCase() === 'forge-popover');
+            const contextPopovers = allPopovers.filter(popover => popover.distinct === this._distinct);
+            contextPopovers.filter(popover => popover !== this._adapter.hostElement).forEach(popover => (popover.open = false));
+        }
         if (!this.overlayElement.persistent) {
             DismissibleStack.instance.add(this._adapter.hostElement);
         }
@@ -518,4 +524,18 @@ export class PopoverCore extends WithLongpressListener((OverlayAwareCore)) {
             this._adapter.toggleHostAttribute(POPOVER_CONSTANTS.attributes.PRESET, hasPreset, this._preset);
         }
     }
+    get distinct() {
+        return this._distinct;
+    }
+    set distinct(value) {
+        value = value ?? null;
+        if (this._distinct !== value) {
+            if (this._adapter.hasHostAttribute(POPOVER_CONSTANTS.attributes.DISTINCT) && !value) {
+                this._distinct = POPOVER_CONSTANTS.defaults.DISTINCT;
+            }
+            else {
+                this._distinct = value;
+            }
+        }
+    }
 }

package/esm/popover/popover.d.ts

@@ -16,6 +16,7 @@ export interface IPopoverProperties extends IOverlayAware, IDismissible {
     hoverDelay: number;
     hoverDismissDelay: number;
     preset: PopoverPreset;
+    distinct: string | null;
 }
 export interface IPopoverComponent extends IPopoverProperties {
     hideAsync(): Promise<void>;
@@ -44,6 +45,7 @@ declare global {
  * @property {number} [hoverDismissDelay=500] - The delay in milliseconds before the popover is dismissed when the user hovers outside of the popover.
  * @property {number} [hoverDelay=0] - The delay in milliseconds before the popover is shown.
  * @property {PopoverPreset} [preset="popover"] - The preset to use for the popover.
+ * @property {string | null} [distinct=null] - Enforces that this popover should be the only one open in the same context. Use a unique name otherwise a default context will be used.
  *
  * @globalconfig placement
  * @globalconfig animationType
@@ -64,6 +66,7 @@ declare global {
  * @attribute {string} [hover-dismiss-delay=500] - The delay in milliseconds before the popover is dismissed when the user hovers outside of the popover.
  * @attribute {number} [hover-delay=0] - The delay in milliseconds before the popover is shown.
  * @attribute {string} [preset="popover"] - The preset to use for the popover.
+ * @attribute {string | null} [distinct=null] - Enforces that this popover should be the only one open in the same context. Use a unique name otherwise a default context will be used.
  *
  * @event {CustomEvent<IPopoverToggleEventData>} forge-popover-beforetoggle - Dispatches before the popover is toggled, and is cancelable.
  * @event {CustomEvent<IPopoverToggleEventData>} forge-popover-toggle - Dispatches after the popover is toggled.
@@ -125,6 +128,7 @@ export declare class PopoverComponent extends OverlayAware<IPopoverCore> impleme
     hoverDelay: number;
     hoverDismissDelay: number;
     preset: PopoverPreset;
+    distinct: string | null;
     /**
      * Hides the popover, and returns a `Promise` that resolves when the hide animation is complete.
      */

package/esm/popover/popover.js

@@ -29,6 +29,7 @@ const styles = '@keyframes zoomin{from{transform:scale(.8)}to{transform:scale(1)
  * @property {number} [hoverDismissDelay=500] - The delay in milliseconds before the popover is dismissed when the user hovers outside of the popover.
  * @property {number} [hoverDelay=0] - The delay in milliseconds before the popover is shown.
  * @property {PopoverPreset} [preset="popover"] - The preset to use for the popover.
+ * @property {string | null} [distinct=null] - Enforces that this popover should be the only one open in the same context. Use a unique name otherwise a default context will be used.
  *
  * @globalconfig placement
  * @globalconfig animationType
@@ -49,6 +50,7 @@ const styles = '@keyframes zoomin{from{transform:scale(.8)}to{transform:scale(1)
  * @attribute {string} [hover-dismiss-delay=500] - The delay in milliseconds before the popover is dismissed when the user hovers outside of the popover.
  * @attribute {number} [hover-delay=0] - The delay in milliseconds before the popover is shown.
  * @attribute {string} [preset="popover"] - The preset to use for the popover.
+ * @attribute {string | null} [distinct=null] - Enforces that this popover should be the only one open in the same context. Use a unique name otherwise a default context will be used.
  *
  * @event {CustomEvent<IPopoverToggleEventData>} forge-popover-beforetoggle - Dispatches before the popover is toggled, and is cancelable.
  * @event {CustomEvent<IPopoverToggleEventData>} forge-popover-toggle - Dispatches after the popover is toggled.
@@ -139,6 +141,9 @@ let PopoverComponent = class PopoverComponent extends OverlayAware {
             case POPOVER_CONSTANTS.observedAttributes.PRESET:
                 this.preset = newValue;
                 return;
+            case POPOVER_CONSTANTS.observedAttributes.DISTINCT:
+                this.distinct = !newValue ? null : newValue.trim();
+                return;
         }
         super.attributeChangedCallback(name, oldValue, newValue);
     }
@@ -173,6 +178,9 @@ __decorate([
 __decorate([
     coreProperty()
 ], PopoverComponent.prototype, "preset", void 0);
+__decorate([
+    coreProperty()
+], PopoverComponent.prototype, "distinct", void 0);
 PopoverComponent = __decorate([
     customElement({
         name: POPOVER_CONSTANTS.elementName,

package/esm/select/select/select.js

@@ -5,7 +5,7 @@
  */
 import { __decorate } from "tslib";
 import { attachShadowTemplate, coerceBoolean, coreProperty, customElement } from '@tylertech/forge-core';
-import { tylIconCheckBox, tylIconCheckBoxOutlineBlank } from '@tylertech/tyler-icons/standard';
+import { tylIconCheckBox, tylIconCheckBoxOutlineBlank } from '@tylertech/tyler-icons';
 import { CircularProgressComponent } from '../../circular-progress';
 import { getFormValue, getValidationMessage, inputType, internals, setDefaultAria, setValidity } from '../../constants';
 import { WithFocusable } from '../../core/mixins/focus/with-focusable';

package/esm/split-view/split-view-panel/split-view-panel.js

@@ -5,17 +5,16 @@
  */
 import { __decorate } from "tslib";
 import { customElement, attachShadowTemplate, coreProperty, coerceBoolean, coerceNumber } from '@tylertech/forge-core';
-import { tylIconDragVerticalVariant } from '@tylertech/tyler-icons/extended';
-import { tylIconDragHandle } from '@tylertech/tyler-icons/standard';
+import { tylIconDragHandle, tylIconDragVerticalVariant } from '@tylertech/tyler-icons';
 import { BaseComponent } from '../../core/base/base-component';
 import { SPLIT_VIEW_PANEL_CONSTANTS } from './split-view-panel-constants';
 import { SplitViewPanelCore } from './split-view-panel-core';
 import { SplitViewPanelAdapter } from './split-view-panel-adapter';
 import { IconComponent, IconRegistry } from '../../icon';
-const template = '<template><div class=\"forge-split-view-panel\" id=\"root\" part=\"root\"><div class=\"forge-split-view-panel__handle\" id=\"handle\" part=\"handle\" role=\"separator\" aria-controls=\"content\" aria-grabbed=\"false\" tabindex=\"0\"><forge-icon class=\"forge-split-view-panel__icon\" id=\"icon\" part=\"icon\"></forge-icon><forge-state-layer target=\"handle\" id=\"state-layer\" exportparts=\"surface:state-layer\"></forge-state-layer><forge-focus-indicator inward target=\"handle\" part=\"focus-indicator\"></forge-focus-indicator></div><div class=\"forge-split-view-panel__content\" id=\"content\" part=\"content\" role=\"group\"><slot></slot></div></div></template>';
-const styles = '.forge-split-view-panel{display:flex;width:100%;height:100%;overflow:hidden}.forge-split-view-panel__handle{color:var(--forge-theme-text-medium,rgba(0,0,0,.6));background-color:var(--forge-theme-outline,#e0e0e0);position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:center;outline:0}.forge-split-view-panel__content{flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:var(--forge-split-view-handle-width,8px);width:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:uez234f;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes uez234f{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;animation-name:uez234v;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes uez234v{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:uez235n;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes uez235n{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;animation-name:uez236i;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes uez236i{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=vertical]{min-height:var(--forge-split-view-handle-width,8px);height:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:uez236l;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes uez236l{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;animation-name:uez237k;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes uez237k{from{transform:none}to{transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:uez237p;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes uez237p{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;animation-name:uez2389;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes uez2389{from{transform:none}to{transform:translateY(100%)}}:host{z-index:var(--forge-split-view-animating-layer)!important;display:block;position:relative;height:100%;width:100%;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){flex:1}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel{width:100%;height:100%;min-width:0;min-height:0}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel__handle{display:none}forge-focus-indicator{--forge-focus-indicator-active-width:2px}';
 import { StateLayerComponent } from '../../state-layer';
 import { FocusIndicatorComponent } from '../../focus-indicator';
+const template = '<template><div class=\"forge-split-view-panel\" id=\"root\" part=\"root\"><div class=\"forge-split-view-panel__handle\" id=\"handle\" part=\"handle\" role=\"separator\" aria-controls=\"content\" aria-grabbed=\"false\" tabindex=\"0\"><forge-icon class=\"forge-split-view-panel__icon\" id=\"icon\" part=\"icon\"></forge-icon><forge-state-layer target=\"handle\" id=\"state-layer\" exportparts=\"surface:state-layer\"></forge-state-layer><forge-focus-indicator inward target=\"handle\" part=\"focus-indicator\"></forge-focus-indicator></div><div class=\"forge-split-view-panel__content\" id=\"content\" part=\"content\" role=\"group\"><slot></slot></div></div></template>';
+const styles = '.forge-split-view-panel{display:flex;width:100%;height:100%;overflow:hidden}.forge-split-view-panel__handle{color:var(--forge-theme-text-medium,rgba(0,0,0,.6));background-color:var(--forge-theme-outline,#e0e0e0);position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:center;outline:0}.forge-split-view-panel__content{flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:var(--forge-split-view-handle-width,8px);width:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:uwedhbm;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes uwedhbm{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;animation-name:uwedhbz;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes uwedhbz{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:uwedhcs;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes uwedhcs{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;animation-name:uwedhd4;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes uwedhd4{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=vertical]{min-height:var(--forge-split-view-handle-width,8px);height:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:uwedhd8;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes uwedhd8{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;animation-name:uwedhds;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes uwedhds{from{transform:none}to{transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:uwedheb;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes uwedheb{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;animation-name:uwedher;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes uwedher{from{transform:none}to{transform:translateY(100%)}}:host{z-index:var(--forge-split-view-animating-layer)!important;display:block;position:relative;height:100%;width:100%;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){flex:1}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel{width:100%;height:100%;min-width:0;min-height:0}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel__handle{display:none}forge-focus-indicator{--forge-focus-indicator-active-width:2px}';
 /**
  * @tag forge-split-view-panel
  *

package/esm/stepper/step/step.js

@@ -5,7 +5,7 @@
  */
 import { __decorate } from "tslib";
 import { attachShadowTemplate, coerceBoolean, coerceNumber, customElement, coreProperty } from '@tylertech/forge-core';
-import { tylIconModeEdit, tylIconWarning, tylIconCheck, tylIconBlock, tylIconKeyboardArrowDown } from '@tylertech/tyler-icons/standard';
+import { tylIconModeEdit, tylIconWarning, tylIconCheck, tylIconBlock, tylIconKeyboardArrowDown } from '@tylertech/tyler-icons';
 import { StepAdapter } from './step-adapter';
 import { STEP_CONSTANTS } from './step-constants';
 import { StepCore } from './step-core';

package/esm/table/table-core.js

@@ -573,6 +573,7 @@ export class TableCore {
      * Handles a row being selected/deselected.
      */
     _onRowSelected(evt) {
+        // TODO: We need to ignore this if the checkbox is disabled (which could happen in user code)
         // We handle row selection manually with either a pointerdown or keydown event (space key), so we listen
         // for the change event as well to prevent checking the checkbox being checked by the time the event reaches us
         if (evt.type === 'change') {

package/esm/table/table.js

@@ -5,7 +5,7 @@
  */
 import { __decorate } from "tslib";
 import { coerceBoolean, coerceNumber, customElement, coreProperty } from '@tylertech/forge-core';
-import { tylIconArrowDownward } from '@tylertech/tyler-icons/standard';
+import { tylIconArrowDownward } from '@tylertech/tyler-icons';
 import { ExpansionPanelComponent } from '../expansion-panel';
 import { CheckboxComponent } from '../checkbox';
 import { TableAdapter } from './table-adapter';