@tylertech/forge 3.10.2 → 3.10.4-dev.0

package/dist/vscode.css-custom-data.json

@@ -112,6 +112,26 @@
       "description": "The spacing between the content within the badge.",
       "values": []
     },
+    {
+      "name": "--forge-bottom-sheet-desktop-max-width",
+      "description": "The maximum width of the bottom sheet on desktop.",
+      "values": []
+    },
+    {
+      "name": "--forge-bottom-sheet-desktop-min-width",
+      "description": "The minimum width of the bottom sheet on desktop.",
+      "values": []
+    },
+    {
+      "name": "--forge-bottom-sheet-animation-duration",
+      "description": "The duration of the bottom sheet animation to fullscreen.",
+      "values": []
+    },
+    {
+      "name": "--forge-bottom-sheet-animation-timing",
+      "description": "The timing function of the bottom sheet animation to fullscreen.",
+      "values": []
+    },
     {
       "name": "--forge-banner-background",
       "description": "The background color of the banner.",
@@ -152,26 +172,6 @@
       "description": "The transition easing function.",
       "values": []
     },
-    {
-      "name": "--forge-bottom-sheet-desktop-max-width",
-      "description": "The maximum width of the bottom sheet on desktop.",
-      "values": []
-    },
-    {
-      "name": "--forge-bottom-sheet-desktop-min-width",
-      "description": "The minimum width of the bottom sheet on desktop.",
-      "values": []
-    },
-    {
-      "name": "--forge-bottom-sheet-animation-duration",
-      "description": "The duration of the bottom sheet animation to fullscreen.",
-      "values": []
-    },
-    {
-      "name": "--forge-bottom-sheet-animation-timing",
-      "description": "The timing function of the bottom sheet animation to fullscreen.",
-      "values": []
-    },
     {
       "name": "--forge-button-primary-color",
       "description": "The primary color of the button.",
@@ -1727,6 +1727,71 @@
       "description": "The font size of the icon.",
       "values": []
     },
+    {
+      "name": "--forge-inline-message-background",
+      "description": "The background color.",
+      "values": []
+    },
+    {
+      "name": "--forge-inline-message-color",
+      "description": "The text color.",
+      "values": []
+    },
+    {
+      "name": "--forge-inline-message-shape",
+      "description": "The shape (border) radius.",
+      "values": []
+    },
+    {
+      "name": "--forge-inline-message-padding",
+      "description": "The padding around the content.",
+      "values": []
+    },
+    {
+      "name": "--forge-inline-message-padding-inline",
+      "description": "The inline padding around the content.",
+      "values": []
+    },
+    {
+      "name": "--forge-inline-message-padding-block",
+      "description": "The block padding around the content.",
+      "values": []
+    },
+    {
+      "name": "--forge-inline-message-border-width",
+      "description": "The border width.",
+      "values": []
+    },
+    {
+      "name": "--forge-inline-message-border-style",
+      "description": "The border style. Defaults to `none`.",
+      "values": []
+    },
+    {
+      "name": "--forge-inline-message-border-color",
+      "description": "The border color.",
+      "values": []
+    },
+    {
+      "name": "--forge-inline-message-gap",
+      "description": "The gap/space between the content elements.",
+      "values": []
+    },
+    {
+      "name": "--forge-inline-message-icon-gap",
+      "description": "The gap/space between the icon and the content.",
+      "values": []
+    },
+    {
+      "name": "--forge-inline-message-content-gap",
+      "description": "The gap/space between the title and the message.",
+      "values": []
+    },
+    {
+      "name": "--forge-inline-message-icon-color",
+      "description": "The icon color.",
+      "values": []
+    },
     {
       "name": "--forge-icon-button-display",
       "description": "The display property of the button.",
@@ -1977,71 +2042,6 @@
       "description": "The color of the focus indicator.",
       "values": []
     },
-    {
-      "name": "--forge-inline-message-background",
-      "description": "The background color.",
-      "values": []
-    },
-    {
-      "name": "--forge-inline-message-color",
-      "description": "The text color.",
-      "values": []
-    },
-    {
-      "name": "--forge-inline-message-shape",
-      "description": "The shape (border) radius.",
-      "values": []
-    },
-    {
-      "name": "--forge-inline-message-padding",
-      "description": "The padding around the content.",
-      "values": []
-    },
-    {
-      "name": "--forge-inline-message-padding-inline",
-      "description": "The inline padding around the content.",
-      "values": []
-    },
-    {
-      "name": "--forge-inline-message-padding-block",
-      "description": "The block padding around the content.",
-      "values": []
-    },
-    {
-      "name": "--forge-inline-message-border-width",
-      "description": "The border width.",
-      "values": []
-    },
-    {
-      "name": "--forge-inline-message-border-style",
-      "description": "The border style. Defaults to `none`.",
-      "values": []
-    },
-    {
-      "name": "--forge-inline-message-border-color",
-      "description": "The border color.",
-      "values": []
-    },
-    {
-      "name": "--forge-inline-message-gap",
-      "description": "The gap/space between the content elements.",
-      "values": []
-    },
-    {
-      "name": "--forge-inline-message-icon-gap",
-      "description": "The gap/space between the icon and the content.",
-      "values": []
-    },
-    {
-      "name": "--forge-inline-message-content-gap",
-      "description": "The gap/space between the title and the message.",
-      "values": []
-    },
-    {
-      "name": "--forge-inline-message-icon-color",
-      "description": "The icon color.",
-      "values": []
-    },
     {
       "name": "--forge-label-value-align",
       "description": "Aligns the label and value. Possible values: `start` (default), `center`, `end`.",
@@ -5625,6 +5625,11 @@
       "description": "The focus indicator element."
     },
     { "name": "::part(svg)", "description": "The internal SVG element." },
+    { "name": "::part(root)", "description": "The root layout element." },
+    {
+      "name": "::part(container)",
+      "description": "The container element for the title and message content."
+    },
     { "name": "::part(root)", "description": "The root container element." },
     {
       "name": "::part(focus-indicator)",
@@ -5634,11 +5639,6 @@
       "name": "::part(state-layer)",
       "description": "The state-layer surface element."
     },
-    { "name": "::part(root)", "description": "The root layout element." },
-    {
-      "name": "::part(container)",
-      "description": "The container element for the title and message content."
-    },
     {
       "name": "::part(root)",
       "description": "The root layout container element."

package/dist/vscode.html-custom-data.json

@@ -172,50 +172,50 @@
       "references": []
     },
     {
-      "name": "forge-banner",
-      "description": "Banners are used to inform users of important information, such as errors, warnings, or success messages.\n---\n\n\n### **Events:**\n - **forge-banner-before-dismiss** - Dispatched before the banner is dismissed. Cancelable to prevent dismissal.\n- **forge-banner-dismissed** - Dispatched when the banner is dismissed.\n\n### **Slots:**\n - _default_ - The content of the banner.\n- **icon** - The icon to display.\n- **button** - The optional button to display.\n\n### **CSS Properties:**\n - **--forge-banner-background** - The background color of the banner. _(default: undefined)_\n- **--forge-banner-color** - The text color of the banner. _(default: undefined)_\n- **--forge-banner-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-banner-gap** - The gap between the contents. _(default: undefined)_\n- **--forge-banner-padding-inline** - The inline padding. _(default: undefined)_\n- **--forge-banner-padding-block** - The block padding. _(default: undefined)_\n- **--forge-banner-transition-duration** - The transition duration. _(default: undefined)_\n- **--forge-banner-transition-easing** - The transition easing function. _(default: undefined)_",
+      "name": "forge-bottom-sheet",
+      "description": "Bottom sheets slide up from the bottom of the screen to reveal more content and/or actions that the user can take.\n---\n\n\n### **Events:**\n - **forge-bottom-sheet-before-close** - Fires before the bottom sheet closes.\n- **forge-bottom-sheet-close** - Fires after the bottom sheet closes.\n- **forge-bottom-sheet-open** - Fires after the bottom sheet opens.\n- **forge-bottom-sheet-drag-start** - Fires when the bottom sheet starts to be dragged.\n- **forge-bottom-sheet-dragged** - Fires when the bottom sheet is dragged.\n- **forge-bottom-sheet-drag-end** - Fires when the bottom sheet drag ends.\n- **forge-bottom-sheet-drag-cancel** - Fires when the bottom sheet drag is cancelled.\n- **forge-bottom-sheet-fullscreen** - Fires when the bottom sheet is toggled to fullscreen.\n\n### **Slots:**\n - _default_ - The content of the bottom sheet. This is a passthrough slot to the dialog surface.\n\n### **CSS Properties:**\n - **--forge-bottom-sheet-desktop-max-width** - The maximum width of the bottom sheet on desktop. _(default: undefined)_\n- **--forge-bottom-sheet-desktop-min-width** - The minimum width of the bottom sheet on desktop. _(default: undefined)_\n- **--forge-bottom-sheet-animation-duration** - The duration of the bottom sheet animation to fullscreen. _(default: undefined)_\n- **--forge-bottom-sheet-animation-timing** - The timing function of the bottom sheet animation to fullscreen. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the bottom sheet.\n- **surface** - The surface element of the bottom sheet within th dialog.",
       "attributes": [
         {
-          "name": "dismissed",
-          "description": "Controls the visibility of the banner.",
+          "name": "open",
+          "description": "Whether the bottom sheet is open.",
           "values": []
         },
+        {
+          "name": "mode",
+          "description": "The mode of the bottom sheet.",
+          "values": [{ "name": "BottomSheetMode" }]
+        },
         {
           "name": "persistent",
-          "description": "Controls the visibility of the built-in dismiss button.",
+          "description": "Whether the bottom sheet is persistent.",
           "values": []
         },
         {
-          "name": "theme",
-          "description": "The theme of the banner.",
-          "values": [{ "name": "BannerTheme" }]
+          "name": "fullscreen",
+          "description": "Whether the bottom sheet is fullscreen.",
+          "values": []
         }
       ],
       "references": []
     },
     {
-      "name": "forge-bottom-sheet",
-      "description": "Bottom sheets slide up from the bottom of the screen to reveal more content and/or actions that the user can take.\n---\n\n\n### **Events:**\n - **forge-bottom-sheet-before-close** - Fires before the bottom sheet closes.\n- **forge-bottom-sheet-close** - Fires after the bottom sheet closes.\n- **forge-bottom-sheet-open** - Fires after the bottom sheet opens.\n- **forge-bottom-sheet-drag-start** - Fires when the bottom sheet starts to be dragged.\n- **forge-bottom-sheet-dragged** - Fires when the bottom sheet is dragged.\n- **forge-bottom-sheet-drag-end** - Fires when the bottom sheet drag ends.\n- **forge-bottom-sheet-drag-cancel** - Fires when the bottom sheet drag is cancelled.\n- **forge-bottom-sheet-fullscreen** - Fires when the bottom sheet is toggled to fullscreen.\n\n### **Slots:**\n - _default_ - The content of the bottom sheet. This is a passthrough slot to the dialog surface.\n\n### **CSS Properties:**\n - **--forge-bottom-sheet-desktop-max-width** - The maximum width of the bottom sheet on desktop. _(default: undefined)_\n- **--forge-bottom-sheet-desktop-min-width** - The minimum width of the bottom sheet on desktop. _(default: undefined)_\n- **--forge-bottom-sheet-animation-duration** - The duration of the bottom sheet animation to fullscreen. _(default: undefined)_\n- **--forge-bottom-sheet-animation-timing** - The timing function of the bottom sheet animation to fullscreen. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the bottom sheet.\n- **surface** - The surface element of the bottom sheet within th dialog.",
+      "name": "forge-banner",
+      "description": "Banners are used to inform users of important information, such as errors, warnings, or success messages.\n---\n\n\n### **Events:**\n - **forge-banner-before-dismiss** - Dispatched before the banner is dismissed. Cancelable to prevent dismissal.\n- **forge-banner-dismissed** - Dispatched when the banner is dismissed.\n\n### **Slots:**\n - _default_ - The content of the banner.\n- **icon** - The icon to display.\n- **button** - The optional button to display.\n\n### **CSS Properties:**\n - **--forge-banner-background** - The background color of the banner. _(default: undefined)_\n- **--forge-banner-color** - The text color of the banner. _(default: undefined)_\n- **--forge-banner-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-banner-gap** - The gap between the contents. _(default: undefined)_\n- **--forge-banner-padding-inline** - The inline padding. _(default: undefined)_\n- **--forge-banner-padding-block** - The block padding. _(default: undefined)_\n- **--forge-banner-transition-duration** - The transition duration. _(default: undefined)_\n- **--forge-banner-transition-easing** - The transition easing function. _(default: undefined)_",
       "attributes": [
         {
-          "name": "open",
-          "description": "Whether the bottom sheet is open.",
+          "name": "dismissed",
+          "description": "Controls the visibility of the banner.",
           "values": []
         },
-        {
-          "name": "mode",
-          "description": "The mode of the bottom sheet.",
-          "values": [{ "name": "BottomSheetMode" }]
-        },
         {
           "name": "persistent",
-          "description": "Whether the bottom sheet is persistent.",
+          "description": "Controls the visibility of the built-in dismiss button.",
           "values": []
         },
         {
-          "name": "fullscreen",
-          "description": "Whether the bottom sheet is fullscreen.",
-          "values": []
+          "name": "theme",
+          "description": "The theme of the banner.",
+          "values": [{ "name": "BannerTheme" }]
         }
       ],
       "references": []
@@ -1186,6 +1186,18 @@
       ],
       "references": []
     },
+    {
+      "name": "forge-inline-message",
+      "description": "Inline messages are used to provide feedback to the user about a specific action or state.\n---\n\n\n### **Slots:**\n - _default_ - The message text.\n- **title** - The title of the inline message.\n- **icon** - The icon to display.\n\n### **CSS Properties:**\n - **--forge-inline-message-background** - The background color. _(default: undefined)_\n- **--forge-inline-message-color** - The text color. _(default: undefined)_\n- **--forge-inline-message-shape** - The shape (border) radius. _(default: undefined)_\n- **--forge-inline-message-padding** - The padding around the content. _(default: undefined)_\n- **--forge-inline-message-padding-inline** - The inline padding around the content. _(default: undefined)_\n- **--forge-inline-message-padding-block** - The block padding around the content. _(default: undefined)_\n- **--forge-inline-message-border-width** - The border width. _(default: undefined)_\n- **--forge-inline-message-border-style** - The border style. Defaults to `none`. _(default: undefined)_\n- **--forge-inline-message-border-color** - The border color. _(default: undefined)_\n- **--forge-inline-message-gap** - The gap/space between the content elements. _(default: undefined)_\n- **--forge-inline-message-icon-gap** - The gap/space between the icon and the content. _(default: undefined)_\n- **--forge-inline-message-content-gap** - The gap/space between the title and the message. _(default: undefined)_\n- **--forge-inline-message-icon-color** - The icon color. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root layout element.\n- **container** - The container element for the title and message content.",
+      "attributes": [
+        {
+          "name": "theme",
+          "description": "The theme to apply.",
+          "values": [{ "name": "InlineMessageTheme" }]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "forge-icon-button",
       "description": "\n---\n\n\n### **Events:**\n - **click** - Fires when the button is clicked.\n- **forge-icon-button-toggle** - Fires when the icon button is toggled. Only applies in `toggle` mode.\n\n### **Methods:**\n - **click(): _void_** - Clicks the button.\n- **focus(options: _ExperimentalFocusOptions_): _void_** - Focuses the button.\n\n### **Slots:**\n - _default_ - This is a default/unnamed slot for the icon.\n- **on** - The icon to show when in `toggle` mode when toggled \"on\".\n- **start** - Elements to logically render before the icon.\n- **end** - Elements to logically render after the icon.\n- **badge** - Absolutely positions the element in the top-end corner of the button (typically reserved for badge-like content).\n\n### **CSS Properties:**\n - **--forge-icon-button-display** - The display property of the button. _(default: undefined)_\n- **--forge-icon-button-size** - The height and min-width of the button. _(default: undefined)_\n- **--forge-icon-button-gap** - The gap between the icon content. _(default: undefined)_\n- **--forge-icon-button-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-icon-button-background-color** - The background color of the button. _(default: undefined)_\n- **--forge-icon-button-icon-size** - The size of the icon. _(default: undefined)_\n- **--forge-icon-button-cursor** - The cursor of the button. _(default: undefined)_\n- **--forge-icon-button-padding** - The inline padding of the button. _(default: undefined)_\n- **--forge-icon-button-border** - The border of the button. _(default: undefined)_\n- **--forge-icon-button-shadow** - The shadow of the button. _(default: undefined)_\n- **--forge-icon-button-transition-duration** - The transition duration of the button. _(default: undefined)_\n- **--forge-icon-button-transition-timing** - The transition timing of the button. _(default: undefined)_\n- **--forge-icon-button-shape** - The shape of the button. _(default: undefined)_\n- **--forge-icon-button-shape-start-start** - The start-start border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-start-end** - The start-end border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-end-start** - The end-start border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-end-end** - The end-end border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-shape-squared** - The squared border-radius of the button. _(default: undefined)_\n- **--forge-icon-button-outlined-border-width** - The border width when in the outlined variant. _(default: undefined)_\n- **--forge-icon-button-outlined-border-style** - The border style when in the outlined variant. _(default: undefined)_\n- **--forge-icon-button-outlined-border-color** - The border color when in the outlined variant. _(default: undefined)_\n- **--forge-icon-button-tonal-icon-color** - The icon color when in the tonal variant. _(default: undefined)_\n- **--forge-icon-button-tonal-background-color** - The background color when in the tonal variant. _(default: undefined)_\n- **--forge-icon-button-filled-icon-color** - The icon color when in the filled variant. _(default: undefined)_\n- **--forge-icon-button-filled-background-color** - The background color when in the filled variant. _(default: undefined)_\n- **--forge-icon-button-raised-shadow** - The shadow when in the raised variant. _(default: undefined)_\n- **--forge-icon-button-raised-hover-shadow** - The shadow when in the raised variant and hovered. _(default: undefined)_\n- **--forge-icon-button-raised-active-shadow** - The shadow when in the raised variant and active. _(default: undefined)_\n- **--forge-icon-button-raised-disabled-shadow** - The shadow when in the raised variant and disabled. _(default: undefined)_\n- **--forge-icon-button-density-small-size** - The size of the button when in the small density. _(default: undefined)_\n- **--forge-icon-button-density-small-padding** - The padding of the button when in the small density. _(default: undefined)_\n- **--forge-icon-button-density-small-icon-size** - The size of the icon when in the small density. _(default: undefined)_\n- **--forge-icon-button-density-medium-size** - The size of the button when in the medium density. _(default: undefined)_\n- **--forge-icon-button-density-medium-padding** - The padding of the button when in the medium density. _(default: undefined)_\n- **--forge-icon-button-density-large-size** - The size of the button when in the large density. _(default: undefined)_\n- **--forge-icon-button-toggle-on-background-color** - The background color of the when in toggle mode and toggled on. _(default: undefined)_\n- **--forge-icon-button-toggle-on-icon-color** - The color of the icon when in toggle mode and toggled on. _(default: undefined)_\n- **--forge-icon-button-outlined-toggle-on-background-color** - The background color when in the outlined variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-outlined-toggle-on-icon-color** - The icon color when in the outlined variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-tonal-toggle-background-color** - The background color when in the tonal variant and toggled. _(default: undefined)_\n- **--forge-icon-button-tonal-toggle-on-background-color** - The background color when in the tonal variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-tonal-toggle-on-icon-color** - The icon color when in the tonal variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-background-color** - The background color when in the filled variant and toggled. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-icon-color** - The icon color when in the filled variant and toggled. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-on-background-color** - The background color when in the filled variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-filled-toggle-on-icon-color** - The icon color when in the filled variant and toggled on. _(default: undefined)_\n- **--forge-icon-button-disabled-cursor** - The cursor when the button is disabled. _(default: undefined)_\n- **--forge-icon-button-disabled-opacity** - The opacity when the button is disabled. _(default: undefined)_\n- **--forge-icon-button-popover-icon-padding** - The padding of the popover icon. _(default: undefined)_\n- **--forge-icon-button-focus-indicator-color** - The color of the focus indicator. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **focus-indicator** - The focus-indicator indicator element.\n- **state-layer** - The state-layer surface element.",
@@ -1223,18 +1235,6 @@
       ],
       "references": []
     },
-    {
-      "name": "forge-inline-message",
-      "description": "Inline messages are used to provide feedback to the user about a specific action or state.\n---\n\n\n### **Slots:**\n - _default_ - The message text.\n- **title** - The title of the inline message.\n- **icon** - The icon to display.\n\n### **CSS Properties:**\n - **--forge-inline-message-background** - The background color. _(default: undefined)_\n- **--forge-inline-message-color** - The text color. _(default: undefined)_\n- **--forge-inline-message-shape** - The shape (border) radius. _(default: undefined)_\n- **--forge-inline-message-padding** - The padding around the content. _(default: undefined)_\n- **--forge-inline-message-padding-inline** - The inline padding around the content. _(default: undefined)_\n- **--forge-inline-message-padding-block** - The block padding around the content. _(default: undefined)_\n- **--forge-inline-message-border-width** - The border width. _(default: undefined)_\n- **--forge-inline-message-border-style** - The border style. Defaults to `none`. _(default: undefined)_\n- **--forge-inline-message-border-color** - The border color. _(default: undefined)_\n- **--forge-inline-message-gap** - The gap/space between the content elements. _(default: undefined)_\n- **--forge-inline-message-icon-gap** - The gap/space between the icon and the content. _(default: undefined)_\n- **--forge-inline-message-content-gap** - The gap/space between the title and the message. _(default: undefined)_\n- **--forge-inline-message-icon-color** - The icon color. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root layout element.\n- **container** - The container element for the title and message content.",
-      "attributes": [
-        {
-          "name": "theme",
-          "description": "The theme to apply.",
-          "values": [{ "name": "InlineMessageTheme" }]
-        }
-      ],
-      "references": []
-    },
     {
       "name": "forge-keyboard-shortcut",
       "description": "\n---\n\n\n### **Events:**\n - **forge-keyboard-shortcut-activate** - Event fired when the keyboard shortcut is activated.",

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

@@ -113,6 +113,7 @@ export declare abstract class BaseDatePickerCore<TAdapter extends IBaseDatePicke
     protected _isDateValueAcceptable(value?: Date | null): boolean;
     protected _initializeMask(): void;
     protected _applyMask(): void;
+    protected _destroyMask(): void;
     protected _applyMin(): void;
     protected _applyMax(): void;
     private _applyDisableDayCallback;

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

@@ -407,6 +407,11 @@ export class BaseDatePickerCore {
             this._formatInputValue();
         }
     }
+    _destroyMask() {
+        this._adapter.destroyMask();
+        this._setInputChangeListeners();
+        this._formatInputValue();
+    }
     _applyMin() {
         if (this._isInitialized) {
             this._adapter.setCalendarMinDate(this._min);
@@ -549,9 +554,7 @@ export class BaseDatePickerCore {
                     this._applyMask();
                 }
                 else {
-                    this._adapter.destroyMask();
-                    this._setInputChangeListeners();
-                    this._formatInputValue();
+                    this._destroyMask();
                 }
             }
         }

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

@@ -45,6 +45,7 @@ export declare class DateRangePickerCore extends BaseDatePickerCore<IDateRangePi
     protected _applyMin(): void;
     protected _applyMax(): void;
     protected _applyMask(): void;
+    protected _destroyMask(): void;
     protected _initializeToMask(): void;
     protected _applyDisabledDates(): void;
     protected _applyDisabledDaysOfWeek(): void;

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

@@ -228,6 +228,11 @@ export class DateRangePickerCore extends BaseDatePickerCore {
             this._formatToInputValue();
         }
     }
+    _destroyMask() {
+        super._destroyMask();
+        this._adapter.destroyToMask();
+        this._formatToInputValue();
+    }
     _initializeToMask() {
         if (!this._masked) {
             return;

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

@@ -14,7 +14,7 @@ import { IconComponent, IconRegistry } from '../../icon';
 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:udbt8z1;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes udbt8z1{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:udbt8zh;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes udbt8zh{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:udbt909;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 udbt909{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:udbt90t;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 udbt90t{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:udbt91o;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes udbt91o{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:udbt928;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes udbt928{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:udbt92i;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 udbt92i{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:udbt92k;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 udbt92k{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}';
+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:uq6tmnl;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes uq6tmnl{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:uq6tmog;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes uq6tmog{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:uq6tmok;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 uq6tmok{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:uq6tmpb;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 uq6tmpb{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:uq6tmpd;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes uq6tmpd{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:uq6tmpn;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes uq6tmpn{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:uq6tmqa;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 uq6tmqa{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:uq6tmqs;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 uq6tmqs{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/tabs/tab-bar/tab-bar-core.d.ts

@@ -29,7 +29,6 @@ export declare class TabBarCore implements ITabBarCore {
     private _inverted;
     private _autoActivate;
     private _scrollButtons;
-    private _tabs;
     private _scrollButtonsVisible;
     private _tabScrollAnimationFrame;
     private _tabsChangedListener;
@@ -42,6 +41,7 @@ export declare class TabBarCore implements ITabBarCore {
     constructor(_adapter: ITabBarAdapter);
     initialize(): void;
     destroy(): void;
+    private _getTabs;
     private _onTabsChanged;
     private _onTabSelected;
     private _onKeydown;

package/esm/tabs/tab-bar/tab-bar-core.js

@@ -18,7 +18,6 @@ export class TabBarCore {
         this._inverted = false;
         this._autoActivate = false;
         this._scrollButtons = false;
-        this._tabs = [];
         this._scrollButtonsVisible = false;
         this._tabsChangedListener = () => this._onTabsChanged();
         this._tabSelectedListener = (evt) => this._onTabSelected(evt);
@@ -46,8 +45,10 @@ export class TabBarCore {
         this._adapter.destroyScrollObserver(this._scrollListener);
         this._isInitialized = false;
     }
+    _getTabs() {
+        return this._adapter.getTabs();
+    }
     async _onTabsChanged() {
-        this._tabs = this._adapter.getTabs();
         this._syncTabState();
         if (this._scrollButtons) {
             this._detectScrollableStatus();
@@ -65,24 +66,25 @@ export class TabBarCore {
         }
         evt.preventDefault();
         let index = -1;
+        const tabs = this._getTabs();
         if (evt.key === 'Home') {
             // Locate the first non-disabled tab
-            index = this._tabs.findIndex(tab => !tab.disabled);
+            index = tabs.findIndex(tab => !tab.disabled);
         }
         else if (evt.key === 'End') {
             // Locate the last non-disabled tab
-            index = this._tabs.reduceRight((acc, tab, i) => (!tab.disabled && acc === -1 ? i : acc), -1);
+            index = tabs.reduceRight((acc, tab, i) => (!tab.disabled && acc === -1 ? i : acc), -1);
         }
         else {
             // Locate the next or previous tab based on the key that was pressed
-            const currentIndex = this._tabs.findIndex(tab => tab.matches(':focus'));
+            const currentIndex = tabs.findIndex(tab => tab.matches(':focus'));
             const isPrevKey = evt.key === 'ArrowLeft' || evt.key === 'ArrowUp';
             const calcIndex = (startIndex) => {
                 index = startIndex + (isPrevKey ? -1 : 1);
-                index = index < 0 ? this._tabs.length - 1 : index % this._tabs.length;
+                index = index < 0 ? tabs.length - 1 : index % tabs.length;
                 // Try to recurse until we find a non-disabled tab (unless all tabs are disabled already)
-                const isAllTabsDisabled = this._tabs.every(tab => tab.disabled);
-                if (!isAllTabsDisabled && this._tabs[index]?.disabled) {
+                const isAllTabsDisabled = tabs.every(tab => tab.disabled);
+                if (!isAllTabsDisabled && tabs[index]?.disabled) {
                     calcIndex(index);
                 }
             };
@@ -92,23 +94,24 @@ export class TabBarCore {
             return;
         }
         if (this._autoActivate) {
-            this._selectTab({ tab: this._tabs[index], focusTab: true });
+            this._selectTab({ tab: tabs[index], focusTab: true });
         }
         else {
-            this._tabs[index].focus({ preventScroll: true, focusVisible: true });
-            await this._adapter.tryScrollTabIntoView(this._tabs[index]);
+            tabs[index].focus({ preventScroll: true, focusVisible: true });
+            await this._adapter.tryScrollTabIntoView(tabs[index]);
         }
     }
     async _selectTab({ tab, emitEvent = true, focusTab = false }) {
         if (!tab || tab.disabled) {
             return;
         }
-        const currentSelectedTab = this._tabs.find(t => t.selected);
+        const tabs = this._getTabs();
+        const currentSelectedTab = tabs.find(t => t.selected);
         if (currentSelectedTab === tab) {
             return;
         }
         if (emitEvent) {
-            const index = this._tabs.indexOf(tab);
+            const index = tabs.indexOf(tab);
             const event = new CustomEvent(TAB_BAR_CONSTANTS.events.CHANGE, {
                 detail: { index },
                 bubbles: true,
@@ -132,7 +135,7 @@ export class TabBarCore {
         if (currentSelectedTab) {
             currentSelectedTab.selected = false;
         }
-        this._activeTab = this._tabs.indexOf(tab);
+        this._activeTab = tabs.indexOf(tab);
     }
     /**
      * Ensures that all tabs have the correct state based on the tab bar state.
@@ -140,7 +143,7 @@ export class TabBarCore {
      * This is called whenever a child tab is added to the DOM.
      */
     _syncTabState() {
-        this._tabs.forEach((tab, index) => {
+        this._getTabs().forEach((tab, index) => {
             tab.selected = index === this._activeTab;
             if (this._disabled) {
                 tab.disabled = this._disabled;
@@ -202,8 +205,9 @@ export class TabBarCore {
         this._tabScrollAnimationFrame = window.requestAnimationFrame(() => {
             this._tabScrollAnimationFrame = undefined;
             if (this._adapter.isScrollable()) {
-                if (typeof this._activeTab === 'number' && this._activeTab >= 0 && this._tabs[this._activeTab]) {
-                    this._adapter.tryScrollTabIntoView(this._tabs[this._activeTab]);
+                const tabs = this._getTabs();
+                if (typeof this._activeTab === 'number' && this._activeTab >= 0 && tabs[this._activeTab]) {
+                    this._adapter.tryScrollTabIntoView(tabs[this._activeTab]);
                 }
             }
         });
@@ -215,7 +219,7 @@ export class TabBarCore {
         value = Boolean(value);
         if (this._disabled !== value) {
             this._disabled = value;
-            this._tabs.forEach(tab => (tab.disabled = this._disabled));
+            this._getTabs().forEach(tab => (tab.disabled = this._disabled));
             this._adapter.toggleHostAttribute(TAB_BAR_CONSTANTS.attributes.DISABLED, this._disabled);
         }
     }
@@ -225,13 +229,14 @@ export class TabBarCore {
     set activeTab(value) {
         if (this._activeTab !== value) {
             this._activeTab = value ?? undefined;
+            const tabs = this._getTabs();
             if (typeof this._activeTab === 'number') {
-                const newSelectedTab = this._tabs[this._activeTab];
+                const newSelectedTab = tabs[this._activeTab];
                 this._selectTab({ tab: newSelectedTab, emitEvent: false, focusTab: false });
                 this._adapter.setHostAttribute(TAB_BAR_CONSTANTS.attributes.ACTIVE_TAB, String(this._activeTab));
             }
             else {
-                this._tabs.forEach(tab => (tab.selected = false));
+                tabs.forEach(tab => (tab.selected = false));
                 this._adapter.removeHostAttribute(TAB_BAR_CONSTANTS.attributes.ACTIVE_TAB);
             }
         }
@@ -246,7 +251,7 @@ export class TabBarCore {
             if (this._isInitialized) {
                 this._adapter.setVertical(this._vertical);
             }
-            this._tabs.forEach(tab => (tab.vertical = this._vertical));
+            this._getTabs().forEach(tab => (tab.vertical = this._vertical));
             if (this._scrollButtonsVisible) {
                 this._adapter.updateScrollButtonIcons(this._vertical);
             }
@@ -270,7 +275,7 @@ export class TabBarCore {
         value = Boolean(value);
         if (this._stacked !== value) {
             this._stacked = value;
-            this._tabs.forEach(tab => (tab.stacked = this._stacked));
+            this._getTabs().forEach(tab => (tab.stacked = this._stacked));
             this._adapter.toggleHostAttribute(TAB_BAR_CONSTANTS.attributes.STACKED, this._stacked);
         }
     }
@@ -281,7 +286,7 @@ export class TabBarCore {
         value = Boolean(value);
         if (this._secondary !== value) {
             this._secondary = value;
-            this._tabs.forEach(tab => (tab.secondary = this._secondary));
+            this._getTabs().forEach(tab => (tab.secondary = this._secondary));
             this._adapter.toggleHostAttribute(TAB_BAR_CONSTANTS.attributes.SECONDARY, this._secondary);
         }
     }
@@ -292,7 +297,7 @@ export class TabBarCore {
         value = Boolean(value);
         if (this._inverted !== value) {
             this._inverted = value;
-            this._tabs.forEach(tab => (tab.inverted = this._inverted));
+            this._getTabs().forEach(tab => (tab.inverted = this._inverted));
             this._adapter.toggleHostAttribute(TAB_BAR_CONSTANTS.attributes.INVERTED, this._inverted);
         }
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tylertech/forge",
   "description": "Tyler Forge™ Web Components library",
-  "version": "3.10.2",
+  "version": "3.10.4-dev.0",
   "author": "Tyler Technologies, Inc.",
   "license": "Apache-2.0",
   "repository": {
@@ -21,4 +21,4 @@
     "tslib": "^2.8.1"
   },
   "customElements": "custom-elements.json"
-}
+}