@tylertech/forge 3.0.0-next.14 → 3.0.0-next.15

package/esm/label/label-adapter.js

@@ -38,8 +38,8 @@ export class LabelAdapter extends BaseAdapter {
      * Calls the target's `labelClickedCallback`.
      */
     clickTarget() {
-        var _a;
-        (_a = this._targetElement) === null || _a === void 0 ? void 0 : _a.labelClickedCallback();
+        var _a, _b;
+        (_b = (_a = this._targetElement) === null || _a === void 0 ? void 0 : _a.labelClickedCallback) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
     /**
      * Computes the text content of the label then passes it to the target's `labelChangedCallback`.
@@ -52,6 +52,9 @@ export class LabelAdapter extends BaseAdapter {
     addSlotChangeListener(callback) {
         this._slotElement.addEventListener('slotchange', callback);
     }
+    removerSlotChangeListener(callback) {
+        this._slotElement.removeEventListener('slotchange', callback);
+    }
     addMutationObserver(callback) {
         this._mutationObserver = new MutationObserver(callback);
         this._mutationObserver.observe(this._component, {

package/esm/label/label-aware.js

@@ -3,11 +3,12 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
+// TODO: move everything here to the base-label-aware-component file
 /**
  * Determines if an object is label aware.
  * @param obj - The object to check.
  * @returns True if the object is label aware, false otherwise.
  */
 export const isLabelAware = (obj) => {
-    return typeof obj.labelClickedCallback === 'function' && typeof obj.labelChangedCallback === 'function';
+    return typeof obj.labelChangedCallback === 'function';
 };

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

@@ -6,12 +6,16 @@
 export declare const LABEL_CONSTANTS: {
     elementName: "forge-label";
     selectors: {
-        ROOT: string;
         SLOT: string;
     };
     attributes: {
         FOR: string;
         DYNAMIC: string;
+        STATIC: string;
+        LEGEND: string;
     };
-    labelableChildSelectors: ("forge-switch" | "forge-icon-button" | "forge-checkbox" | "forge-button")[];
+    events: {
+        CONNECTED: string;
+    };
+    labelableChildSelectors: ("forge-icon-button" | "forge-switch" | "forge-button" | "forge-checkbox" | "forge-radio")[];
 };

package/esm/label/label-constants.js

@@ -7,25 +7,32 @@ import { BUTTON_CONSTANTS } from '../button';
 import { CHECKBOX_CONSTANTS } from '../checkbox';
 import { COMPONENT_NAME_PREFIX } from '../constants';
 import { ICON_BUTTON_CONSTANTS } from '../icon-button';
+import { RADIO_CONSTANTS } from '../radio';
 import { SWITCH_CONSTANTS } from '../switch';
 const elementName = `${COMPONENT_NAME_PREFIX}label`;
 const attributes = {
     FOR: 'for',
-    DYNAMIC: 'dynamic'
+    DYNAMIC: 'dynamic',
+    STATIC: 'static',
+    LEGEND: 'legend'
 };
 const selectors = {
-    ROOT: '.forge-label',
     SLOT: 'slot'
 };
+const events = {
+    CONNECTED: `${elementName}-connected`
+};
 const labelableChildSelectors = [
-    CHECKBOX_CONSTANTS.elementName,
-    SWITCH_CONSTANTS.elementName,
     BUTTON_CONSTANTS.elementName,
-    ICON_BUTTON_CONSTANTS.elementName
+    CHECKBOX_CONSTANTS.elementName,
+    ICON_BUTTON_CONSTANTS.elementName,
+    RADIO_CONSTANTS.elementName,
+    SWITCH_CONSTANTS.elementName
 ];
 export const LABEL_CONSTANTS = {
     elementName,
     selectors,
     attributes,
+    events,
     labelableChildSelectors
 };

package/esm/label/label-foundation.d.ts

@@ -9,6 +9,8 @@ export interface ILabelFoundation extends ICustomElementFoundation {
     for: string | null | undefined;
     forElement: HTMLElement | null | undefined;
     dynamic: boolean;
+    static: boolean;
+    legend: boolean;
     disconnect(): void;
     update(): void;
 }
@@ -17,6 +19,8 @@ export declare class LabelFoundation implements ILabelFoundation {
     private _for;
     private _forElement;
     private _dynamic;
+    private _static;
+    private _legend;
     private _isConnected;
     private readonly _clickListener;
     private readonly _slotChangeListener;
@@ -25,6 +29,14 @@ export declare class LabelFoundation implements ILabelFoundation {
     initialize(): void;
     disconnect(): void;
     update(): void;
+    /**
+     * Emit an event to give ancestor elements a chance to connect
+     */
+    private _initializeAsLegend;
+    /**
+     * Search for child or id-targetted elements to connect to
+     */
+    private _initializeAsLabel;
     private _handleClick;
     private _handleSlotChange;
     private _handleMutation;
@@ -37,4 +49,8 @@ export declare class LabelFoundation implements ILabelFoundation {
     set forElement(value: HTMLElement | null | undefined);
     get dynamic(): boolean;
     set dynamic(value: boolean);
+    get static(): boolean;
+    set static(value: boolean);
+    get legend(): boolean;
+    set legend(value: boolean);
 }

package/esm/label/label-foundation.js

@@ -3,22 +3,25 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
+import { task } from '../core/utils/event-utils';
 import { LABEL_CONSTANTS } from './label-constants';
 export class LabelFoundation {
     constructor(_adapter) {
         this._adapter = _adapter;
         this._dynamic = false;
+        this._static = false;
+        this._legend = false;
         this._isConnected = false;
         this._clickListener = (evt) => this._handleClick(evt);
         this._slotChangeListener = () => this._handleSlotChange();
         this._mutationCallback = () => this._handleMutation();
     }
     initialize() {
-        var _a;
-        this._adapter.addSlotChangeListener(this._slotChangeListener);
-        this._adapter.trySetTarget((_a = this._for) !== null && _a !== void 0 ? _a : null);
-        if (this._adapter.hasTargetElement()) {
-            this._connect();
+        if (this._legend) {
+            this._initializeAsLegend();
+        }
+        else {
+            this._initializeAsLabel();
         }
     }
     disconnect() {
@@ -28,6 +31,25 @@ export class LabelFoundation {
     update() {
         this._adapter.updateTargetLabel();
     }
+    /**
+     * Emit an event to give ancestor elements a chance to connect
+     */
+    async _initializeAsLegend() {
+        // Give ancestor elements a chance to connect to the DOM
+        await task();
+        this._adapter.emitHostEvent(LABEL_CONSTANTS.events.CONNECTED);
+    }
+    /**
+     * Search for child or id-targetted elements to connect to
+     */
+    async _initializeAsLabel() {
+        var _a;
+        this._adapter.addSlotChangeListener(this._slotChangeListener);
+        this._adapter.trySetTarget((_a = this._for) !== null && _a !== void 0 ? _a : null);
+        if (this._adapter.hasTargetElement()) {
+            this._connect();
+        }
+    }
     _handleClick(evt) {
         // Prevent duplicate clicks from a nested target element or if the event originates
         // from within the target element
@@ -47,7 +69,9 @@ export class LabelFoundation {
         this._adapter.updateTargetLabel();
     }
     _connect() {
-        this._adapter.addHostListener('click', this._clickListener);
+        if (!this._static) {
+            this._adapter.addHostListener('click', this._clickListener);
+        }
         this._adapter.updateTargetLabel();
         if (this._dynamic) {
             this._adapter.addMutationObserver(this._mutationCallback);
@@ -105,4 +129,43 @@ export class LabelFoundation {
             }
         }
     }
+    get static() {
+        return this._static;
+    }
+    set static(value) {
+        if (this._static !== value) {
+            this._static = value;
+            this._adapter.toggleHostAttribute(LABEL_CONSTANTS.attributes.STATIC, this._static);
+            // The click listener is only added if the label is connected
+            if (!this._isConnected) {
+                return;
+            }
+            if (this._static) {
+                this._adapter.removeHostListener('click', this._clickListener);
+            }
+            else {
+                this._adapter.addHostListener('click', this._clickListener);
+            }
+        }
+    }
+    get legend() {
+        return this._legend;
+    }
+    set legend(value) {
+        var _a;
+        if (this._legend !== value) {
+            this._legend = value;
+            this._adapter.toggleHostAttribute(LABEL_CONSTANTS.attributes.LEGEND, this._legend);
+            if (this._legend) {
+                this._adapter.removerSlotChangeListener(this._slotChangeListener);
+                this._adapter.emitHostEvent(LABEL_CONSTANTS.events.CONNECTED);
+                return;
+            }
+            this._adapter.addSlotChangeListener(this._slotChangeListener);
+            this._adapter.trySetTarget((_a = this._for) !== null && _a !== void 0 ? _a : null);
+            if (this._adapter.hasTargetElement()) {
+                this._connect();
+            }
+        }
+    }
 }

package/esm/label/label.d.ts

@@ -8,6 +8,8 @@ export interface ILabelComponent extends IBaseComponent {
     for: string | null | undefined;
     forElement: HTMLElement | null | undefined;
     dynamic: boolean;
+    static: boolean;
+    legend: boolean;
     update(): void;
 }
 declare global {
@@ -24,9 +26,13 @@ declare global {
  * @property {string | null | undefined} for - The id of the associated element.
  * @property {HTMLElement | null | undefined} forElement - The associated element.
  * @property {boolean} dynamic - Propagates changes in the label's text content to the associated element.
+ * @property {boolean} static - Removes click handling from the label.
+ * @property {boolean} legend - Whether or not the label should be associated with an ancestor element.
  *
  * @attribute {string} for - The id of the associated form component.
  * @attribute {boolean} dynamic - Propagates changes in the label's text content to the associated element.
+ * @attribute {boolean} static - Removes click handling from the label.
+ * @attribute {boolean} legend - Whether or not the label should be associated with an ancestor element.
  *
  * @method update - Updates the targetted element with the label's current text content.
  *
@@ -42,6 +48,8 @@ export declare class LabelComponent extends BaseComponent implements ILabelCompo
     for: string | null | undefined;
     forElement: HTMLElement | null | undefined;
     dynamic: boolean;
+    static: boolean;
+    legend: boolean;
     /**
      * Updates the targetted element with the label's current text content.
      */

package/esm/label/label.js

@@ -9,8 +9,8 @@ import { BaseComponent } from '../core';
 import { LabelAdapter } from './label-adapter';
 import { LABEL_CONSTANTS } from './label-constants';
 import { LabelFoundation } from './label-foundation';
-const template = '<template><span class=\"forge-label\" part=\"label\"><slot></slot></span></template>';
-const style = ':host{display:inline-block}:host([hidden]){display:none}.forge-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-label-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .75)));font-weight:var(--forge-typography-label-font-weight,400);line-height:var(--forge-typography-label-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label-letter-spacing, .0357142857em);text-transform:var(--forge-typography-label-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-label-text-decoration,inherit);text-decoration:var(--forge-typography-label-text-decoration,inherit);display:contents;cursor:default}';
+const template = '<template><slot></slot></template>';
+const style = ':host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-label-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .75)));font-weight:var(--forge-typography-label-font-weight,400);line-height:var(--forge-typography-label-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label-letter-spacing, .0357142857em);text-transform:var(--forge-typography-label-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-label-text-decoration,inherit);text-decoration:var(--forge-typography-label-text-decoration,inherit);display:inline-block;cursor:default}:host([hidden]){display:none}';
 /**
  * @tag forge-label
  *
@@ -20,9 +20,13 @@ const style = ':host{display:inline-block}:host([hidden]){display:none}.forge-la
  * @property {string | null | undefined} for - The id of the associated element.
  * @property {HTMLElement | null | undefined} forElement - The associated element.
  * @property {boolean} dynamic - Propagates changes in the label's text content to the associated element.
+ * @property {boolean} static - Removes click handling from the label.
+ * @property {boolean} legend - Whether or not the label should be associated with an ancestor element.
  *
  * @attribute {string} for - The id of the associated form component.
  * @attribute {boolean} dynamic - Propagates changes in the label's text content to the associated element.
+ * @attribute {boolean} static - Removes click handling from the label.
+ * @attribute {boolean} legend - Whether or not the label should be associated with an ancestor element.
  *
  * @method update - Updates the targetted element with the label's current text content.
  *
@@ -32,7 +36,9 @@ let LabelComponent = class LabelComponent extends BaseComponent {
     static get observedAttributes() {
         return [
             LABEL_CONSTANTS.attributes.FOR,
-            LABEL_CONSTANTS.attributes.DYNAMIC
+            LABEL_CONSTANTS.attributes.DYNAMIC,
+            LABEL_CONSTANTS.attributes.STATIC,
+            LABEL_CONSTANTS.attributes.LEGEND
         ];
     }
     constructor() {
@@ -54,6 +60,12 @@ let LabelComponent = class LabelComponent extends BaseComponent {
             case LABEL_CONSTANTS.attributes.DYNAMIC:
                 this.dynamic = coerceBoolean(newValue);
                 break;
+            case LABEL_CONSTANTS.attributes.STATIC:
+                this.static = coerceBoolean(newValue);
+                break;
+            case LABEL_CONSTANTS.attributes.LEGEND:
+                this.legend = coerceBoolean(newValue);
+                break;
         }
     }
     /**
@@ -72,6 +84,12 @@ __decorate([
 __decorate([
     FoundationProperty()
 ], LabelComponent.prototype, "dynamic", void 0);
+__decorate([
+    FoundationProperty()
+], LabelComponent.prototype, "static", void 0);
+__decorate([
+    FoundationProperty()
+], LabelComponent.prototype, "legend", void 0);
 LabelComponent = __decorate([
     CustomElement({
         name: LABEL_CONSTANTS.elementName

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

@@ -6,7 +6,7 @@
 import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';
 import { IMenuOption } from './index';
 import { IMenuComponent } from './menu';
-import { IMenuSelectEventData } from './menu-constants';
+import { IMenuSelectEventData, IMenuOptionGroup } from './menu-constants';
 import { IListDropdownConfig } from '../list-dropdown';
 export interface IMenuAdapter extends IBaseAdapter {
     getDropdownElement(): HTMLElement | null;
@@ -17,7 +17,7 @@ export interface IMenuAdapter extends IBaseAdapter {
     removeTargetListener(event: string, callback: (event: Event) => void): void;
     attachMenu(config: IListDropdownConfig): void;
     detachMenu(): void;
-    setOptions(options: IMenuOption[]): void;
+    setOptions(options: Array<IMenuOption | IMenuOptionGroup>): void;
     getActiveOptionIndex(): number;
     setActiveOption(index: number): void;
     activateFirstOption(): void;
@@ -46,7 +46,7 @@ export declare class MenuAdapter extends BaseAdapter<IMenuComponent> implements
     addTargetListener(event: string, callback: (event: Event) => void, bubbles?: boolean): void;
     removeTargetListener(event: string, callback: (event: Event) => void): void;
     attachMenu(config: IListDropdownConfig): void;
-    setOptions(options: IMenuOption[]): void;
+    setOptions(options: Array<IMenuOption | IMenuOptionGroup>): void;
     detachMenu(): void;
     setActiveOption(index: number): void;
     activateFirstOption(): void;

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

@@ -55,5 +55,5 @@ export interface IMenuOption<T = any> extends IListDropdownOption<T> {
 export interface IMenuOptionGroup extends IListDropdownOptionGroup {
 }
 export type MenuOptionBuilder = (option: IMenuOption, parentElement: HTMLElement) => HTMLElement | string | void;
-export type MenuOptionFactory = (() => IMenuOption[]) | (() => Promise<IMenuOption[]>);
+export type MenuOptionFactory = (() => Array<IMenuOption | IMenuOptionGroup>) | (() => Promise<Array<IMenuOption | IMenuOptionGroup>>);
 export type MenuMode = 'click' | 'cascade';

package/esm/menu/menu-foundation.d.ts

@@ -57,6 +57,7 @@ export declare class MenuFoundation extends CascadingListDropdownAwareFoundation
     protected _detachCascadingListeners(): void;
     private get _nonDividerOptions();
     private get _flatOptions();
+    private _flattenOptions;
     private _onTargetClick;
     private _onTargetBlur;
     private _onActiveOptionChanged;

package/esm/menu/menu-foundation.js

@@ -86,10 +86,16 @@ export class MenuFoundation extends CascadingListDropdownAwareFoundation {
         return this._flatOptions.filter(o => !o.divider);
     }
     get _flatOptions() {
-        if (isListDropdownOptionType(this._options, ListDropdownOptionType.Group)) {
-            return this._options.reduce((previousValue, currentValue) => previousValue.concat(currentValue.options), []);
+        return this._flattenOptions(this._options);
+    }
+    _flattenOptions(options) {
+        if (isListDropdownOptionType(options, ListDropdownOptionType.Group)) {
+            return options
+                .reduce((previousValue, currentValue) => {
+                return currentValue.options ? previousValue.concat(currentValue.options) : previousValue;
+            }, []);
         }
-        return this._options;
+        return options;
     }
     _onTargetClick(evt) {
         if (this._open) {
@@ -283,7 +289,8 @@ export class MenuFoundation extends CascadingListDropdownAwareFoundation {
         return Promise.resolve(this._optionsFactory())
             .then(results => {
             if (!this._persistSelection) {
-                results.forEach(o => o.selected = false);
+                const flatResults = this._flattenOptions(results);
+                flatResults.filter(o => o.selected).forEach(o => o.selected = false);
             }
             if (this._open) {
                 if (results && isArray(results) && results.length) {

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

@@ -72,3 +72,12 @@ export interface IPaginatorChangeEvent {
     pageIndex: number;
     offset: number;
 }
+export interface IPaginatorRangeState {
+    pageSize: number;
+    pageIndex: number;
+    offset: number;
+    pageStart: number;
+    pageEnd: number;
+    total: number;
+}
+export type PaginatorRangeLabelBuilder = ((state: IPaginatorRangeState) => string) | undefined | null;

package/esm/paginator/paginator-foundation.d.ts

@@ -5,7 +5,7 @@
  */
 import { ICustomElementFoundation } from '@tylertech/forge-core';
 import { IPaginatorAdapter } from './paginator-adapter';
-import { PaginatorAlternativeAlignment } from './paginator-constants';
+import { PaginatorAlternativeAlignment, PaginatorRangeLabelBuilder } from './paginator-constants';
 export interface IPaginatorFoundation extends ICustomElementFoundation {
     pageIndex: number;
     pageSize: number;
@@ -13,6 +13,7 @@ export interface IPaginatorFoundation extends ICustomElementFoundation {
     total: number;
     pageSizeOptions: number[] | boolean;
     pageSizeLabel: string;
+    rangeLabelCallback: PaginatorRangeLabelBuilder;
     focus(options?: FocusOptions): void;
 }
 export declare class PaginatorFoundation {
@@ -28,7 +29,7 @@ export declare class PaginatorFoundation {
     private _disabled;
     private _alternative;
     private _alignment;
-    private _rangeLabel;
+    private _rangeLabelCallback;
     private _firstPageListener;
     private _previousPageListener;
     private _nextPageListener;
@@ -84,4 +85,6 @@ export declare class PaginatorFoundation {
     set alternative(value: boolean);
     get alignment(): PaginatorAlternativeAlignment;
     set alignment(value: PaginatorAlternativeAlignment);
+    get rangeLabelCallback(): PaginatorRangeLabelBuilder;
+    set rangeLabelCallback(value: PaginatorRangeLabelBuilder);
 }

package/esm/paginator/paginator-foundation.js

@@ -118,17 +118,31 @@ export class PaginatorFoundation {
         return Math.ceil(this._total / this._pageSize) - 1;
     }
     _updateRangeLabel() {
-        if (this.pageSize > 1) {
-            const startIndex = this._pageIndex * this._pageSize;
-            const indexStart = Math.floor(startIndex / this._pageSize) || 0;
-            const pageStart = (indexStart * this._pageSize) + 1;
-            const pageEnd = startIndex < this._total ? Math.min(startIndex + this._pageSize, this._total) : startIndex + this._pageSize;
-            this._rangeLabel = `${pageStart}-${pageEnd} ${PAGINATOR_CONSTANTS.strings.RANGE_SEPARATOR_LABEL} ${this._total}`;
+        let rangeLabel;
+        if (typeof this._rangeLabelCallback === 'function') {
+            const state = {
+                pageSize: this._pageSize,
+                pageIndex: this._pageIndex,
+                offset: this._offset,
+                pageStart: (this._pageIndex * this._pageSize) + 1,
+                pageEnd: Math.min((this._pageIndex + 1) * this._pageSize, this._total),
+                total: this._total
+            };
+            rangeLabel = this._rangeLabelCallback.call(null, state);
         }
         else {
-            this._rangeLabel = `${this._pageIndex + 1} ${PAGINATOR_CONSTANTS.strings.RANGE_SEPARATOR_LABEL} ${this._total}`;
+            if (this.pageSize > 1) {
+                const startIndex = this._pageIndex * this._pageSize;
+                const indexStart = Math.floor(startIndex / this._pageSize) || 0;
+                const pageStart = (indexStart * this._pageSize) + 1;
+                const pageEnd = startIndex < this._total ? Math.min(startIndex + this._pageSize, this._total) : startIndex + this._pageSize;
+                rangeLabel = `${pageStart}-${pageEnd} ${PAGINATOR_CONSTANTS.strings.RANGE_SEPARATOR_LABEL} ${this._total}`;
+            }
+            else {
+                rangeLabel = `${this._pageIndex + 1} ${PAGINATOR_CONSTANTS.strings.RANGE_SEPARATOR_LABEL} ${this._total}`;
+            }
         }
-        this._adapter.setRangeLabel(this._rangeLabel);
+        this._adapter.setRangeLabel(rangeLabel);
     }
     _syncInteractionState() {
         this._adapter.enableFirstPageButton();
@@ -379,4 +393,11 @@ export class PaginatorFoundation {
             this._applyAlternativeAlignment();
         }
     }
+    get rangeLabelCallback() {
+        return this._rangeLabelCallback;
+    }
+    set rangeLabelCallback(value) {
+        this._rangeLabelCallback = value;
+        this._updateRangeLabel();
+    }
 }

package/esm/paginator/paginator.d.ts

@@ -3,7 +3,7 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-import { PaginatorAlternativeAlignment, IPaginatorChangeEvent } from './paginator-constants';
+import { PaginatorAlternativeAlignment, IPaginatorChangeEvent, PaginatorRangeLabelBuilder } from './paginator-constants';
 import { BaseComponent, IBaseComponent } from '../core/base/base-component';
 export interface IPaginatorComponent extends IBaseComponent {
     pageIndex: number;
@@ -17,6 +17,7 @@ export interface IPaginatorComponent extends IBaseComponent {
     disabled: boolean;
     alternative: boolean;
     alignment: PaginatorAlternativeAlignment;
+    rangeLabelCallback: PaginatorRangeLabelBuilder;
 }
 declare global {
     interface HTMLElementTagNameMap {
@@ -56,5 +57,6 @@ export declare class PaginatorComponent extends BaseComponent implements IPagina
     disabled: boolean;
     alternative: boolean;
     alignment: PaginatorAlternativeAlignment;
+    rangeLabelCallback: PaginatorRangeLabelBuilder;
     focus(options?: FocusOptions): void;
 }

package/esm/paginator/paginator.js

@@ -126,6 +126,9 @@ __decorate([
 __decorate([
     FoundationProperty()
 ], PaginatorComponent.prototype, "alignment", void 0);
+__decorate([
+    FoundationProperty()
+], PaginatorComponent.prototype, "rangeLabelCallback", void 0);
 PaginatorComponent = __decorate([
     CustomElement({
         name: PAGINATOR_CONSTANTS.elementName,

package/esm/radio/core/radio-group-manager.d.ts

@@ -0,0 +1,83 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { IRadioComponent } from '../radio';
+/**
+ * A class for coordinating the states of radio components within a radio group.
+ */
+export declare class RadioGroupManager {
+    private static _radiosRequestingReset;
+    /**
+     * Returns an array of IRadioComponents that belong to the same radio group as the given
+     * IRadioComponent.
+     * If the given IRadioComponent does not have an associated form element, it searches the root
+     * node for all IRadioComponents with the same name.
+     * If the given IRadioComponent has an associated form element, it gets all RadioComponents with
+     * the same name from the form element.
+     *
+     * @param el - The IRadioComponent to get the radio group for.
+     * @returns An array of IRadioComponents that belong to the same radio group as the given
+     * IRadioComponent.
+     */
+    static getRadioGroup(el: IRadioComponent): IRadioComponent[];
+    /**
+     * Sets the validity of a radio group.
+     * If no radio is selected in the group and selection is required, it sets the validity to
+     * `valueMissing`.
+     *
+     * @param el A radio component within the group to set the validity for.
+     */
+    static setRadioGroupValidity(el: IRadioComponent): void;
+    /**
+     * Sets the selected radio in a radio group.
+     *
+     * @param el - The radio component to set as selected.
+     */
+    static setSelectedRadioInGroup(el: IRadioComponent): void;
+    /**
+     * Focuses the next radio in the radio group.
+     *
+     * @param el - The currently focused radio component.
+     */
+    static focusNextRadioInGroup(el: IRadioComponent): void;
+    /**
+     * Focuses the previous radio in the radio group.
+     *
+     * @param el - The currently focused radio component.
+     */
+    static focusPreviousRadioInGroup(el: IRadioComponent): void;
+    /**
+     * Adds or removes each radio in a radio group from the tab order. When no radio is selected and
+     * focus is not in the group, all radios are added to the tab order. Otherwise only the selected
+     * radio is added to the tab order.
+     *
+     * @param el - The focused or blurred radio component.
+     * @param event - The event type (`'focus'` or `'blur'`).
+     */
+    static setUncheckedRadioGroupFocus(el: IRadioComponent, event: 'focus' | 'blur'): void;
+    /**
+     * Resets a radio group to . This will run once each radio has a chance to
+     * update.
+     *
+     * @param el - The radio component requesting the reset.
+     * @returns A promise that resolves when the reset logic is complete.
+     */
+    static requestRadioGroupReset(el: IRadioComponent): Promise<void>;
+    /**
+     * Updates the focus and selection of a radio group based on the currently focused radio and the
+     * direction of the focus change.
+     *
+     * @param el - The currently focused radio element.
+     * @param increment - The direction of the focus change. 1 for forward, -1 for backward.
+     */
+    private static _updateRadioGroupFocus;
+    /**
+     * Determines if a radio selection is required within a group.
+     *
+     * @param group - The radio components within a group.
+     * @returns True if the radio selection is required, false otherwise.
+     */
+    private static _selectionIsRequired;
+}