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

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/base/base-date-picker-adapter.js

@@ -173,6 +173,9 @@ export class BaseDatePickerAdapter extends BaseAdapter {
                 return;
             }
             const iconButtonElement = this._createToggleElement();
+            // if (textField.density === 'extra-small') {
+            //   iconButtonElement.density = 'small';
+            // }
             textField.appendChild(iconButtonElement);
             this._toggleElement = iconButtonElement;
         }

package/esm/date-picker/base/base-date-picker-constants.d.ts

@@ -48,9 +48,6 @@ export declare const BASE_DATE_PICKER_CONSTANTS: {
         VALUE_MODE: string;
         ALLOW_INVALID_DATE: string;
         SHOW_TODAY: string;
-        SHOW_YESTERDAY: string;
-        SHOW_LAST_SEVEN_DAYS: string;
-        SHOW_LAST_THIRTY_DAYS: string;
         SHOW_CLEAR: string;
         DISABLED_DAYS_OF_WEEK: string;
         YEAR_RANGE: string;

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

@@ -15,9 +15,6 @@ const observedAttributes = {
     VALUE_MODE: 'value-mode',
     ALLOW_INVALID_DATE: 'allow-invalid-date',
     SHOW_TODAY: 'show-today',
-    SHOW_YESTERDAY: 'show-yesterday',
-    SHOW_LAST_SEVEN_DAYS: 'show-last-seven-days',
-    SHOW_LAST_THIRTY_DAYS: 'show-last-thirty-days',
     SHOW_CLEAR: 'show-clear',
     DISABLED_DAYS_OF_WEEK: 'disabled-days-of-week',
     YEAR_RANGE: 'year-range',

package/esm/date-picker/base/base-date-picker-core.d.ts

@@ -49,9 +49,6 @@ export declare abstract class BaseDatePickerCore<TAdapter extends IBaseDatePicke
     protected _notifyInputValueChanges: boolean;
     protected _allowInvalidDate: boolean;
     protected _showToday: boolean;
-    protected _showYesterday: boolean;
-    protected _showLastSevenDays: boolean;
-    protected _showLastThirtyDays: boolean;
     protected _showClear: boolean;
     protected _disabledDaysOfWeek: DayOfWeek[];
     protected _yearRange: string;
@@ -67,9 +64,6 @@ export declare abstract class BaseDatePickerCore<TAdapter extends IBaseDatePicke
     private _dropdownCloseListener;
     private _activeChangeListener;
     private _todayListener;
-    private _yesterdayListener;
-    private _lastSevenDaysListener;
-    private _lastThirtyDaysListener;
     private _clearListener;
     private _dateSelectListener;
     private _monthChangeListener;
@@ -80,9 +74,6 @@ export declare abstract class BaseDatePickerCore<TAdapter extends IBaseDatePicke
     protected abstract _emitOpenEvent(): void;
     protected abstract _emitCloseEvent(): void;
     protected abstract _onToday(): void;
-    protected abstract _onYesterday(): void;
-    protected abstract _onLastSevenDays(): void;
-    protected abstract _onLastThirtyDays(): void;
     protected abstract _onClear(): void;
     protected abstract _getCurrentValue(): TPrivateValue | null | undefined;
     protected abstract _setFormattedInputValue(suppressValueChanges?: boolean): void;
@@ -158,12 +149,6 @@ export declare abstract class BaseDatePickerCore<TAdapter extends IBaseDatePicke
     set prepareMaskCallback(cb: DatePickerPrepareMaskCallback);
     get showToday(): boolean;
     set showToday(value: boolean);
-    get showYesterday(): boolean;
-    set showYesterday(value: boolean);
-    get showLastSevenDays(): boolean;
-    set showLastSevenDays(value: boolean);
-    get showLastThirtyDays(): boolean;
-    set showLastThirtyDays(value: boolean);
     get showClear(): boolean;
     set showClear(value: boolean);
     get yearRange(): string;

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

@@ -24,9 +24,6 @@ export class BaseDatePickerCore {
         this._notifyInputValueChanges = true;
         this._allowInvalidDate = false;
         this._showToday = false;
-        this._showYesterday = false;
-        this._showLastSevenDays = false;
-        this._showLastThirtyDays = false;
         this._showClear = false;
         this._yearRange = '-50:+50';
         this._calendarText = {};
@@ -42,9 +39,6 @@ export class BaseDatePickerCore {
         this._monthChangeListener = evt => this._onMonthChanged(evt);
         this._activeChangeListener = id => this._onActiveDescendantChanged(id);
         this._todayListener = () => this._onToday();
-        this._yesterdayListener = () => this._onYesterday();
-        this._lastSevenDaysListener = () => this._onLastSevenDays();
-        this._lastThirtyDaysListener = () => this._onLastThirtyDays();
         this._clearListener = () => this._onClear();
     }
     initialize() {
@@ -124,14 +118,8 @@ export class BaseDatePickerCore {
             disabledDates: this._disabledDates,
             yearRange: this._yearRange,
             todayButton: this._showToday,
-            yesterdayButton: this._showYesterday,
-            lastSevenDaysButton: this._showLastSevenDays,
-            lastThirtyDaysButton: this._showLastThirtyDays,
             clearButton: this._showClear,
             todayCallback: this._todayListener,
-            yesterdayCallback: this._yesterdayListener,
-            lastSevenDaysCallback: this._lastSevenDaysListener,
-            lastThirtyDaysCallback: this._lastThirtyDaysListener,
             clearCallback: this._clearListener,
             disabledDateBuilder: this._disableDayCallback,
             disabledDaysOfWeek: this._disabledDaysOfWeek,
@@ -619,24 +607,6 @@ export class BaseDatePickerCore {
     set showToday(value) {
         this._showToday = value;
     }
-    get showYesterday() {
-        return this._showYesterday;
-    }
-    set showYesterday(value) {
-        this._showYesterday = value;
-    }
-    get showLastSevenDays() {
-        return this._showLastSevenDays;
-    }
-    set showLastSevenDays(value) {
-        this._showLastSevenDays = value;
-    }
-    get showLastThirtyDays() {
-        return this._showLastThirtyDays;
-    }
-    set showLastThirtyDays(value) {
-        this._showLastThirtyDays = value;
-    }
     get showClear() {
         return this._showClear;
     }

package/esm/date-picker/base/base-date-picker.d.ts

@@ -27,9 +27,6 @@ export interface IBaseDatePickerComponent<TValue> extends IBaseComponent {
     notifyInputValueChanges: boolean;
     allowInvalidDate: boolean;
     showToday: boolean;
-    showYesterday: boolean;
-    showLastSevenDays: boolean;
-    showLastThirtyDays: boolean;
     showClear: boolean;
     disabledDaysOfWeek: DayOfWeek[];
     yearRange: string;
@@ -57,9 +54,6 @@ export interface IBaseDatePickerComponent<TValue> extends IBaseComponent {
  * @property {boolean} [showClear=false] - Whether the clear button is visible in the popup.
  * @property {boolean} [showMaskFormat=false] - Whether the mask format is displayed in the input or not. Only applies if `masked` is `true`.
  * @property {boolean} [showToday=false] - Whether the today button is visible in the popup.
- * @property {boolean} [showYesterday=false] - Whether the yesterday button is visible in the popup.
- * @property {boolean} [showLastSevenDays=false] - Whether the last seven days button is visible in the popup.
- * @property {boolean} [showLastThirtyDays=false] - Whether the last thirty days button is visible in the popup.
  * @property {TValue} value - The value of the date picker.
  * @property {DatePickerValueMode} valueMode - The type for the `value` property and `forge-date-picker-change` event.
  * @property {string} yearRange - The year range.
@@ -78,9 +72,6 @@ export interface IBaseDatePickerComponent<TValue> extends IBaseComponent {
  * @attribute {boolean} [show-clear=false] - Whether the clear button is visible in the popup.
  * @attribute {boolean} [show-mask-format=false] - Whether the mask format is displayed in the input or not. Only applies if `masked` is `true`.
  * @attribute {boolean} [show-today=false] - Whether the today button is visible in the popup.
- * @attribute {boolean} [show-yesterday=false] - Whether the yesterday button is visible in the popup.
- * @attribute {boolean} [show-last-seven-days=false] - Whether the last seven days button is visible in the popup.
- * @attribute {boolean} [show-last-thirty-days=false] - Whether the last thirty days button is visible in the popup.
  * @attribute {DatePickerValueMode} [value-mode=string] - The type for the `value` property and `forge-date-picker-change` event.
  * @attribute {string} [year-range] - The year range.
  */
@@ -104,9 +95,6 @@ export declare abstract class BaseDatePickerComponent<TPublicValue, TPrivateValu
     notifyInputValueChanges: boolean;
     allowInvalidDate: boolean;
     showToday: boolean;
-    showYesterday: boolean;
-    showLastSevenDays: boolean;
-    showLastThirtyDays: boolean;
     showClear: boolean;
     parseCallback: DatePickerParseCallback;
     formatCallback: DatePickerFormatCallback;

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

@@ -28,9 +28,6 @@ import { BASE_DATE_PICKER_CONSTANTS } from './base-date-picker-constants';
  * @property {boolean} [showClear=false] - Whether the clear button is visible in the popup.
  * @property {boolean} [showMaskFormat=false] - Whether the mask format is displayed in the input or not. Only applies if `masked` is `true`.
  * @property {boolean} [showToday=false] - Whether the today button is visible in the popup.
- * @property {boolean} [showYesterday=false] - Whether the yesterday button is visible in the popup.
- * @property {boolean} [showLastSevenDays=false] - Whether the last seven days button is visible in the popup.
- * @property {boolean} [showLastThirtyDays=false] - Whether the last thirty days button is visible in the popup.
  * @property {TValue} value - The value of the date picker.
  * @property {DatePickerValueMode} valueMode - The type for the `value` property and `forge-date-picker-change` event.
  * @property {string} yearRange - The year range.
@@ -49,9 +46,6 @@ import { BASE_DATE_PICKER_CONSTANTS } from './base-date-picker-constants';
  * @attribute {boolean} [show-clear=false] - Whether the clear button is visible in the popup.
  * @attribute {boolean} [show-mask-format=false] - Whether the mask format is displayed in the input or not. Only applies if `masked` is `true`.
  * @attribute {boolean} [show-today=false] - Whether the today button is visible in the popup.
- * @attribute {boolean} [show-yesterday=false] - Whether the yesterday button is visible in the popup.
- * @attribute {boolean} [show-last-seven-days=false] - Whether the last seven days button is visible in the popup.
- * @attribute {boolean} [show-last-thirty-days=false] - Whether the last thirty days button is visible in the popup.
  * @attribute {DatePickerValueMode} [value-mode=string] - The type for the `value` property and `forge-date-picker-change` event.
  * @attribute {string} [year-range] - The year range.
  */
@@ -107,15 +101,6 @@ export class BaseDatePickerComponent extends BaseComponent {
             case BASE_DATE_PICKER_CONSTANTS.observedAttributes.SHOW_TODAY:
                 this.showToday = coerceBoolean(newValue);
                 break;
-            case BASE_DATE_PICKER_CONSTANTS.observedAttributes.SHOW_YESTERDAY:
-                this.showYesterday = coerceBoolean(newValue);
-                break;
-            case BASE_DATE_PICKER_CONSTANTS.observedAttributes.SHOW_LAST_SEVEN_DAYS:
-                this.showLastSevenDays = coerceBoolean(newValue);
-                break;
-            case BASE_DATE_PICKER_CONSTANTS.observedAttributes.SHOW_LAST_THIRTY_DAYS:
-                this.showLastThirtyDays = coerceBoolean(newValue);
-                break;
             case BASE_DATE_PICKER_CONSTANTS.observedAttributes.SHOW_CLEAR:
                 this.showClear = coerceBoolean(newValue);
                 break;
@@ -176,15 +161,6 @@ __decorate([
 __decorate([
     coreProperty()
 ], BaseDatePickerComponent.prototype, "showToday", void 0);
-__decorate([
-    coreProperty()
-], BaseDatePickerComponent.prototype, "showYesterday", void 0);
-__decorate([
-    coreProperty()
-], BaseDatePickerComponent.prototype, "showLastSevenDays", void 0);
-__decorate([
-    coreProperty()
-], BaseDatePickerComponent.prototype, "showLastThirtyDays", void 0);
 __decorate([
     coreProperty()
 ], BaseDatePickerComponent.prototype, "showClear", void 0);

package/esm/date-picker/date-picker-core.d.ts

@@ -16,9 +16,6 @@ export declare class DatePickerCore extends BaseDatePickerCore<IDatePickerAdapte
     protected _emitOpenEvent(): void;
     protected _emitCloseEvent(): void;
     protected _onToday(): void;
-    protected _onYesterday(): void;
-    protected _onLastSevenDays(): void;
-    protected _onLastThirtyDays(): void;
     protected _onClear(): void;
     protected _getCurrentValue(): Date | null | undefined;
     protected _setFormattedInputValue(suppressValueChanges?: boolean): void;

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

@@ -37,26 +37,6 @@ export class DatePickerCore extends BaseDatePickerCore {
         this._tryMergeCurrentTime(today);
         this._onDateSelected({ date: today, selected: true, type: 'date' });
     }
-    _onYesterday() {
-        const today = new Date();
-        const yesterday = new Date(today.setDate(today.getDate() - 1));
-        this._tryMergeCurrentTime(yesterday);
-        this._onDateSelected({ date: yesterday, selected: true, type: 'date' });
-    }
-    _onLastSevenDays() {
-        // not a range, so setting the day to 7 days ago
-        const today = new Date();
-        const sevenDaysAgo = new Date(today.setDate(today.getDate() - 7));
-        this._tryMergeCurrentTime(sevenDaysAgo);
-        this._onDateSelected({ date: sevenDaysAgo, selected: true, type: 'date' });
-    }
-    _onLastThirtyDays() {
-        // not a range, so setting the day to 30 days ago
-        const today = new Date();
-        const thirtyDaysAgo = new Date(today.setDate(today.getDate() - 7));
-        this._tryMergeCurrentTime(thirtyDaysAgo);
-        this._onDateSelected({ date: thirtyDaysAgo, selected: true, type: 'date' });
-    }
     _onClear() {
         this._onDateSelected({ date: null, selected: false, type: 'date' });
     }

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-constants.d.ts

@@ -6,14 +6,12 @@
 export declare class DatePickerRange implements IDatePickerRange {
     from?: Date | string | null;
     to?: Date | string | null;
-    rangeName?: string | null | undefined;
     constructor(range?: IDatePickerRange);
     copy(): DatePickerRange;
 }
 export interface IDatePickerRange {
     from?: Date | string | null;
     to?: Date | string | null;
-    rangeName?: string | null | undefined;
 }
 export declare const DATE_RANGE_PICKER_CONSTANTS: {
     elementName: "forge-date-range-picker";
@@ -33,5 +31,4 @@ export declare const DATE_RANGE_PICKER_CONSTANTS: {
     };
 };
 export interface IDateRangePickerChangeEventData extends DatePickerRange {
-    rangeName?: string | null | undefined;
 }

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

@@ -10,7 +10,6 @@ export class DatePickerRange {
         if (range) {
             this.from = range.from;
             this.to = range.to;
-            this.rangeName = range.rangeName;
         }
     }
     copy() {

package/esm/date-range-picker/date-range-picker-core.d.ts

@@ -32,9 +32,6 @@ export declare class DateRangePickerCore extends BaseDatePickerCore<IDateRangePi
     protected _emitOpenEvent(): void;
     protected _emitCloseEvent(): void;
     protected _onToday(): void;
-    protected _onYesterday(): void;
-    protected _onLastSevenDays(): void;
-    protected _onLastThirtyDays(): void;
     protected _onClear(): void;
     protected _getCurrentValue(): IDatePickerRange | null | undefined;
     private _applyToMask;

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

@@ -65,8 +65,7 @@ export class DateRangePickerCore extends BaseDatePickerCore {
     _emitChangeEvent(value, force) {
         const typedStartValue = this._getTypedValue((value && value.from) || null);
         const typedEndValue = this._getTypedValue((value && value.to) || null);
-        const rangeName = (value && value.rangeName) || null;
-        const detail = new DatePickerRange({ from: typedStartValue, to: typedEndValue, rangeName });
+        const detail = new DatePickerRange({ from: typedStartValue, to: typedEndValue });
         const wasCancelled = !this._adapter.emitHostEvent(DATE_RANGE_PICKER_CONSTANTS.events.CHANGE, detail, true, !force);
         if (!wasCancelled) {
             this._setValue(this._coerceDateValue((value && value.from) || null));
@@ -82,14 +81,9 @@ export class DateRangePickerCore extends BaseDatePickerCore {
         this._adapter.emitHostEvent(DATE_RANGE_PICKER_CONSTANTS.events.CLOSE, undefined, false);
     }
     _onToday() {
-        this._onClear();
         const today = new Date();
-        const todayFrom = new Date();
-        todayFrom.setHours(0, 0, 0, 0);
         this._tryMergeCurrentTime({ from: today });
-        const range = this._open
-            ? new DateRange({ from: this._from || todayFrom, to: this._to || today, rangeName: 'today' })
-            : new DateRange({ from: todayFrom, to: today, rangeName: 'today' });
+        const range = this._open ? new DateRange({ from: this._from || today, to: this._to || undefined }) : new DateRange({ from: today });
         if (!this._isDateRangeAcceptable(range)) {
             return;
         }
@@ -97,60 +91,6 @@ export class DateRangePickerCore extends BaseDatePickerCore {
         this._onDateSelected({ date: today, range, selected: true, type: 'date' });
         this._adapter.setCalendarActiveDate(today);
     }
-    _onYesterday() {
-        this._onClear();
-        const today = new Date();
-        const yesterdayFrom = new Date(today.setDate(today.getDate() - 1));
-        yesterdayFrom.setHours(0, 0, 0, 0);
-        const yesterdayTo = new Date(yesterdayFrom);
-        yesterdayTo.setHours(23, 59, 59, 0);
-        this._tryMergeCurrentTime({ from: yesterdayFrom, to: yesterdayTo });
-        const range = this._open
-            ? new DateRange({ from: this._from || yesterdayFrom, to: this._to || yesterdayTo, rangeName: 'yesterday' })
-            : new DateRange({ from: yesterdayFrom, to: yesterdayTo, rangeName: 'yesterday' });
-        if (!this._isDateRangeAcceptable(range)) {
-            return;
-        }
-        this.value = range;
-        this._onDateSelected({ date: yesterdayFrom, range, selected: true, type: 'date' });
-        this._adapter.setCalendarActiveDate(yesterdayFrom);
-    }
-    _onLastSevenDays() {
-        this._onClear();
-        const today = new Date();
-        const lastSevenDaysFrom = new Date(today.setDate(today.getDate() - 7));
-        lastSevenDaysFrom.setHours(0, 0, 0, 0);
-        const lastSevenDaysTo = new Date();
-        lastSevenDaysTo.setHours(23, 59, 59, 0);
-        this._tryMergeCurrentTime({ from: lastSevenDaysFrom, to: lastSevenDaysTo });
-        const range = this._open
-            ? new DateRange({ from: this._from || lastSevenDaysFrom, to: this._to || lastSevenDaysTo, rangeName: 'last 7 days' })
-            : new DateRange({ from: lastSevenDaysFrom, to: lastSevenDaysTo, rangeName: 'last 7 days' });
-        if (!this._isDateRangeAcceptable(range)) {
-            return;
-        }
-        this.value = range;
-        this._onDateSelected({ date: lastSevenDaysFrom, range, selected: true, rangeSelectionState: 'from', type: 'date' });
-        this._onDateSelected({ date: lastSevenDaysTo, range, selected: true, rangeSelectionState: 'to', type: 'date' });
-    }
-    _onLastThirtyDays() {
-        this._onClear();
-        const today = new Date();
-        const lastThirtyDaysFrom = new Date(today.setDate(today.getDate() - 30));
-        lastThirtyDaysFrom.setHours(0, 0, 0, 0);
-        const lastThirtyDaysTo = new Date();
-        lastThirtyDaysTo.setHours(23, 59, 59, 0);
-        this._tryMergeCurrentTime({ from: lastThirtyDaysFrom, to: lastThirtyDaysTo });
-        const range = this._open
-            ? new DateRange({ from: this._from || lastThirtyDaysFrom, to: this._to || lastThirtyDaysTo, rangeName: 'last 30 days' })
-            : new DateRange({ from: lastThirtyDaysFrom, to: lastThirtyDaysTo, rangeName: 'last 30 days' });
-        if (!this._isDateRangeAcceptable(range)) {
-            return;
-        }
-        this.value = range;
-        this._onDateSelected({ date: lastThirtyDaysFrom, range, selected: true, rangeSelectionState: 'from', type: 'date' });
-        this._onDateSelected({ date: lastThirtyDaysTo, range, selected: true, rangeSelectionState: 'to', type: 'date' });
-    }
     _onClear() {
         this._onDateSelected({ date: null, range: new DateRange(), selected: false, type: 'date' });
         this._closeCalendar(true);

package/esm/date-range-picker/date-range-picker.d.ts

@@ -44,9 +44,6 @@ declare global {
  * @property {boolean} [notifyInputValueChanges=false] - Gets/sets the state of whether to notify input value changes.
  * @property {boolean} [allowInvalidDate=false] - Gets/sets the state of whether to allow invalid dates.
  * @property {boolean} [showToday=true] - Gets/sets the state of whether to show the "Today" button.
- * @property {boolean} [showYesterday=true] - Gets/sets the state of whether to show the "Yesterday" button.
- * @property {boolean} [showLastSevenDays=true] Gets/sets the state of whether to show the "Last 7 days" button.
- * @property {boolean} [showLastThirtyDays=true] Gets/sets the state of whether to show the "Last 30 days" button.
  * @property {boolean} [showClear=true] - Gets/sets the state of whether to show the "Clear" button.
  * @property {DayOfWeek[]} [disabledDaysOfWeek=[]] - Gets/sets the disabled days of the week.
  * @property {string} [yearRange=''] - Gets/sets the year range for the date range picker.

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';
@@ -40,9 +40,6 @@ const styles = ':host{display:block}:host([hidden]){display:none}';
  * @property {boolean} [notifyInputValueChanges=false] - Gets/sets the state of whether to notify input value changes.
  * @property {boolean} [allowInvalidDate=false] - Gets/sets the state of whether to allow invalid dates.
  * @property {boolean} [showToday=true] - Gets/sets the state of whether to show the "Today" button.
- * @property {boolean} [showYesterday=true] - Gets/sets the state of whether to show the "Yesterday" button.
- * @property {boolean} [showLastSevenDays=true] Gets/sets the state of whether to show the "Last 7 days" button.
- * @property {boolean} [showLastThirtyDays=true] Gets/sets the state of whether to show the "Last 30 days" button.
  * @property {boolean} [showClear=true] - Gets/sets the state of whether to show the "Clear" button.
  * @property {DayOfWeek[]} [disabledDaysOfWeek=[]] - Gets/sets the disabled days of the week.
  * @property {string} [yearRange=''] - Gets/sets the year range for the date range picker.

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;