@tylertech/forge 3.8.1 → 3.9.0-dev.0

package/dist/toolbar/forge-toolbar.css

@@ -77,6 +77,7 @@
 }
 .forge-toolbar__center {
   justify-content: center;
+  min-width: 0;
   grid-area: center;
 }
 .forge-toolbar__end {

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

@@ -2,36 +2,6 @@
   "$schema": "https://raw.githubusercontent.com/microsoft/vscode-css-languageservice/main/docs/customData.schema.json",
   "version": 1.1,
   "properties": [
-    {
-      "name": "--forge-avatar-background",
-      "description": "The background color of the avatar.",
-      "values": [{ "name": "string" }]
-    },
-    {
-      "name": "--forge-avatar-shape",
-      "description": "The border radius of the avatar, defaults to 50%.",
-      "values": [{ "name": "number" }]
-    },
-    {
-      "name": "--forge-avatar-color",
-      "description": "The text color of the avatar.",
-      "values": [{ "name": "color" }]
-    },
-    {
-      "name": "--forge-avatar-size",
-      "description": "The height and width of the avatar.",
-      "values": [{ "name": "number" }]
-    },
-    {
-      "name": "--forge-avatar-transition-duration",
-      "description": "The transition duration for animations.",
-      "values": [{ "name": "number" }]
-    },
-    {
-      "name": "--forge-avatar-transition-timing",
-      "description": "The transition timing function for animations.",
-      "values": [{ "name": "string" }]
-    },
     {
       "name": "--forge-backdrop-background",
       "description": "The backdrop background color.",
@@ -112,6 +82,36 @@
       "description": "The spacing between the content within the badge.",
       "values": []
     },
+    {
+      "name": "--forge-avatar-background",
+      "description": "The background color of the avatar.",
+      "values": [{ "name": "string" }]
+    },
+    {
+      "name": "--forge-avatar-shape",
+      "description": "The border radius of the avatar, defaults to 50%.",
+      "values": [{ "name": "number" }]
+    },
+    {
+      "name": "--forge-avatar-color",
+      "description": "The text color of the avatar.",
+      "values": [{ "name": "color" }]
+    },
+    {
+      "name": "--forge-avatar-size",
+      "description": "The height and width of the avatar.",
+      "values": [{ "name": "number" }]
+    },
+    {
+      "name": "--forge-avatar-transition-duration",
+      "description": "The transition duration for animations.",
+      "values": [{ "name": "number" }]
+    },
+    {
+      "name": "--forge-avatar-transition-timing",
+      "description": "The transition timing function for animations.",
+      "values": [{ "name": "string" }]
+    },
     {
       "name": "--forge-banner-background",
       "description": "The background color of the banner.",
@@ -4002,6 +4002,11 @@
       "description": "The transition timing for all animations on the group.",
       "values": []
     },
+    {
+      "name": "--forge-chip-set-spacing",
+      "description": "The spacing between chips.",
+      "values": []
+    },
     {
       "name": "--forge-chip-background",
       "description": "The background color of the chip.",
@@ -4242,11 +4247,6 @@
       "description": "The delay of the checkmark transition in chips.",
       "values": []
     },
-    {
-      "name": "--forge-chip-set-spacing",
-      "description": "The spacing between chips.",
-      "values": []
-    },
     {
       "name": "--forge-drawer-width",
       "description": "The width of the drawer.",
@@ -5404,11 +5404,11 @@
     }
   ],
   "pseudoElements": [
-    { "name": "::part(root)", "description": "The root container element." },
     {
       "name": "::part(root)",
       "description": "The root element of the backdrop."
     },
+    { "name": "::part(root)", "description": "The root container element." },
     {
       "name": "::part(root)",
       "description": "The root element of the bottom sheet."
@@ -5863,6 +5863,7 @@
       "description": "The root container element for the group."
     },
     { "name": "::part(root)", "description": "The component's root element." },
+    { "name": "::part(root)", "description": "The component's root element." },
     {
       "name": "::part(trigger)",
       "description": "The trigger element of the chip."
@@ -5876,7 +5877,6 @@
       "description": "The state layer surface."
     },
     { "name": "::part(root)", "description": "The component's root element." },
-    { "name": "::part(root)", "description": "The component's root element." },
     {
       "name": "::part(content)",
       "description": "The content container element."

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

@@ -14,6 +14,29 @@
       ],
       "references": []
     },
+    {
+      "name": "forge-backdrop",
+      "description": "\n---\n\n\n### **Methods:**\n - **show(): _void_** - Immediately shows the backdrop by setting the `visibility` to `true` without animations.\n- **hide(): _void_** - Immediately hides the backdrop by setting the `visibility` to `false` without animations.\n- **fadeIn(): _Promise<void>_** - Sets the `visibility` to `true` and animates in.\n- **fadeOut(): _Promise<void>_** - Sets the `visibility` to `false` and animates out.\n\n### **CSS Properties:**\n - **--forge-backdrop-background** - The backdrop background color. _(default: undefined)_\n- **--forge-backdrop-opacity** - The backdrop opacity. _(default: undefined)_\n- **--forge-backdrop-z-index** - The backdrop z-index. _(default: undefined)_\n- **--forge-backdrop-enter-animation-duration** - The animation duration for the enter animation. _(default: undefined)_\n- **--forge-backdrop-enter-animation-easing** - The animation easing for the enter animation. _(default: undefined)_\n- **--forge-backdrop-exit-animation-duration** - The animation duration for the exit animation. _(default: undefined)_\n- **--forge-backdrop-exit-animation-easing** - The animation easing for the exit animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the backdrop.",
+      "attributes": [
+        {
+          "name": "visible",
+          "description": "Whether the backdrop is visible.",
+          "values": []
+        },
+        {
+          "name": "fixed",
+          "description": "Whether the backdrop uses \"fixed\" or \"relative\" positioning.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "forge-badge",
+      "description": "\n---\n\n\n### **Slots:**\n - _default_ - Default content placed inside the badge.\n- **start** - Content placed before the default content.\n- **end** - Content placed after the default content.\n\n### **CSS Properties:**\n - **--forge-badge-background** - The background color. _(default: undefined)_\n- **--forge-badge-color** - The text color. _(default: undefined)_\n- **--forge-badge-shape** - The shape radius. _(default: undefined)_\n- **--forge-badge-padding-inline** - The inline padding. _(default: undefined)_\n- **--forge-badge-padding-block** - The block padding. _(default: undefined)_\n- **--forge-badge-border-width** - The border width. _(default: undefined)_\n- **--forge-badge-border-color** - The border color. _(default: undefined)_\n- **--forge-badge-border-style** - The border style. _(default: undefined)_\n- **--forge-badge-gap** - The spacing between the content within the badge. _(default: undefined)_",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "forge-autocomplete",
       "description": "\n---\n\n\n### **Events:**\n - **forge-autocomplete-change** - Fired when the value changes.\n- **forge-autocomplete-select** -  Fired when an option is selected. Only applies when in \"stateless\" `mode`.\n- **forge-autocomplete-scrolled-bottom** - Fired when the dropdown is scrolled to the bottom. Only applies when `observe-scroll` is enabled.\n\n### **Methods:**\n - **appendOptions(options: _IAutocompleteOption[] | IAutocompleteOptionGroup[]_): _void_** - Adds options to the dropdown while it is open. Has no effect if the dropdown is closed.\n- **openDropdown(): _void_** - Opens the dropdown.\n- **closeDropdown(): _void_** - Closes the dropdown.\n- **forceFilter(opts: _IAutocompleteForceFilterOptions_): _void_** - Forces the filter callback to be executed to update the current selection state with new options.",
@@ -148,29 +171,6 @@
       ],
       "references": []
     },
-    {
-      "name": "forge-backdrop",
-      "description": "\n---\n\n\n### **Methods:**\n - **show(): _void_** - Immediately shows the backdrop by setting the `visibility` to `true` without animations.\n- **hide(): _void_** - Immediately hides the backdrop by setting the `visibility` to `false` without animations.\n- **fadeIn(): _Promise<void>_** - Sets the `visibility` to `true` and animates in.\n- **fadeOut(): _Promise<void>_** - Sets the `visibility` to `false` and animates out.\n\n### **CSS Properties:**\n - **--forge-backdrop-background** - The backdrop background color. _(default: undefined)_\n- **--forge-backdrop-opacity** - The backdrop opacity. _(default: undefined)_\n- **--forge-backdrop-z-index** - The backdrop z-index. _(default: undefined)_\n- **--forge-backdrop-enter-animation-duration** - The animation duration for the enter animation. _(default: undefined)_\n- **--forge-backdrop-enter-animation-easing** - The animation easing for the enter animation. _(default: undefined)_\n- **--forge-backdrop-exit-animation-duration** - The animation duration for the exit animation. _(default: undefined)_\n- **--forge-backdrop-exit-animation-easing** - The animation easing for the exit animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the backdrop.",
-      "attributes": [
-        {
-          "name": "visible",
-          "description": "Whether the backdrop is visible.",
-          "values": []
-        },
-        {
-          "name": "fixed",
-          "description": "Whether the backdrop uses \"fixed\" or \"relative\" positioning.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "forge-badge",
-      "description": "\n---\n\n\n### **Slots:**\n - _default_ - Default content placed inside the badge.\n- **start** - Content placed before the default content.\n- **end** - Content placed after the default content.\n\n### **CSS Properties:**\n - **--forge-badge-background** - The background color. _(default: undefined)_\n- **--forge-badge-color** - The text color. _(default: undefined)_\n- **--forge-badge-shape** - The shape radius. _(default: undefined)_\n- **--forge-badge-padding-inline** - The inline padding. _(default: undefined)_\n- **--forge-badge-padding-block** - The block padding. _(default: undefined)_\n- **--forge-badge-border-width** - The border width. _(default: undefined)_\n- **--forge-badge-border-color** - The border color. _(default: undefined)_\n- **--forge-badge-border-style** - The border style. _(default: undefined)_\n- **--forge-badge-gap** - The spacing between the content within the badge. _(default: undefined)_",
-      "attributes": [],
-      "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)_",
@@ -291,7 +291,7 @@
     },
     {
       "name": "forge-calendar",
-      "description": "\n---\n\n\n### **Events:**\n - **forge-calendar-date-select** - Event fired when a date is selected.\n- **forge-calendar-focus-change** - Event fired when the focus changes.\n- **forge-calendar-month-change** - Event fired when the month changes.\n- **forge-calendar-view-change** - Event fired when the view changes.\n\n### **Methods:**\n - **clear(): _void_** - Clears the selected date(s).\n- **deselectDate(date: _Date_): _void_** - Deselects a date.\n- **goToDate(date: _Date_, setFocus: _boolean_): _void_** - Navigates to a specific date.\n- **handleKey(evt: _KeyboardEvent_): _void_** - Handles a keyboard event.\n- **layout(): _void_** - Lays out the calendar.\n- **selectDate(date: _Date_): _void_** - Selects a date.\n- **setActiveDate(date: _Date_, setFocus: _boolean_): _boolean_** - Sets the active date.\n- **today(): _void_** - Sets the calendar to today.\n- **toggleDate(date: _Date_, force: _boolean_): _void_** - Toggles a date selection.\n\n### **Slots:**\n - **today-button-text** - Text to display in the today button.\n- **clear-button-text** - Text to display in the clear button.\n- **next-month-button-text** - Text to display in the next month button's tooltip.\n- **previous-month-button-text** - Text to display in the previous month button's tooltip.\n- **next-year-button-text** - Text to display in the next year button's tooltip.\n- **previous-year-button-text** - Text to display in the previous year button's tooltip.\n- **next-years-button-text** - Text to display in the next years button's tooltip.\n- **previous-years-button-text** - Text to display in the previous years button's tooltip.",
+      "description": "\n---\n\n\n### **Events:**\n - **forge-calendar-date-select** - Event fired when a date is selected.\n- **forge-calendar-focus-change** - Event fired when the focus changes.\n- **forge-calendar-month-change** - Event fired when the month changes.\n- **forge-calendar-view-change** - Event fired when the view changes.\n\n### **Methods:**\n - **clear(): _void_** - Clears the selected date(s).\n- **deselectDate(date: _Date_): _void_** - Deselects a date.\n- **goToDate(date: _Date_, setFocus: _boolean_): _void_** - Navigates to a specific date.\n- **handleKey(evt: _KeyboardEvent_): _void_** - Handles a keyboard event.\n- **layout(): _void_** - Lays out the calendar.\n- **selectDate(date: _Date_): _void_** - Selects a date.\n- **setActiveDate(date: _Date_, setFocus: _boolean_): _boolean_** - Sets the active date.\n- **today(): _void_** - Sets the calendar to today.\n- **toggleDate(date: _Date_, force: _boolean_): _void_** - Toggles a date selection.\n\n### **Slots:**\n - **today-button-text** - Text to display in the today button.\n- **yesterday-button-text** - Text to display in the yesterday button.\n- **last-seven-days-button-text** - Text to display in the last seven days button.\n- **last-thirty-days-button-text** - Text to display in the last thirty days button.\n- **clear-button-text** - Text to display in the clear button.\n- **next-month-button-text** - Text to display in the next month button's tooltip.\n- **previous-month-button-text** - Text to display in the previous month button's tooltip.\n- **next-year-button-text** - Text to display in the next year button's tooltip.\n- **previous-year-button-text** - Text to display in the previous year button's tooltip.\n- **next-years-button-text** - Text to display in the next years button's tooltip.\n- **previous-years-button-text** - Text to display in the previous years button's tooltip.",
       "attributes": [
         {
           "name": "allow-single-date-range",
@@ -388,6 +388,36 @@
           "description": "Whether to show a button to select today.",
           "values": []
         },
+        {
+          "name": "show-yesterday",
+          "description": "Whether to show the yesterday button.",
+          "values": []
+        },
+        {
+          "name": "yesterday-button",
+          "description": "Whether to show a button to select yesterday.",
+          "values": []
+        },
+        {
+          "name": "show-last-seven-days",
+          "description": "Whether to show the last seven days button.",
+          "values": []
+        },
+        {
+          "name": "last-seven-days-button",
+          "description": "Whether to show a button to select last seven days.",
+          "values": []
+        },
+        {
+          "name": "show-last-thirty-days",
+          "description": "Whether to show the last thirty days button.",
+          "values": []
+        },
+        {
+          "name": "last-thirty-days-button",
+          "description": "Whether to show a button to select last thirty days.",
+          "values": []
+        },
         {
           "name": "view",
           "description": "The view of the calendar.",
@@ -677,6 +707,21 @@
           "description": "Whether the today button is visible in the popup.",
           "values": []
         },
+        {
+          "name": "show-yesterday",
+          "description": "Whether the yesterday button is visible in the popup.",
+          "values": []
+        },
+        {
+          "name": "show-last-seven-days",
+          "description": "Whether the last seven days button is visible in the popup.",
+          "values": []
+        },
+        {
+          "name": "show-last-thirty-days",
+          "description": "Whether the last thirty days button is visible in the popup.",
+          "values": []
+        },
         {
           "name": "value-mode",
           "description": "The type for the `value` property and `forge-date-picker-change` event.",
@@ -756,6 +801,21 @@
           "description": "Whether the today button is visible in the popup.",
           "values": []
         },
+        {
+          "name": "show-yesterday",
+          "description": "Whether the yesterday button is visible in the popup.",
+          "values": []
+        },
+        {
+          "name": "show-last-seven-days",
+          "description": "Whether the last seven days button is visible in the popup.",
+          "values": []
+        },
+        {
+          "name": "show-last-thirty-days",
+          "description": "Whether the last thirty days button is visible in the popup.",
+          "values": []
+        },
         {
           "name": "value-mode",
           "description": "The type for the `value` property and `forge-date-picker-change` event.",
@@ -2816,6 +2876,43 @@
       ],
       "references": []
     },
+    {
+      "name": "forge-chip-set",
+      "description": "Chips sets are used to group multiple chips together and orchestrate their behavior.\n---\n\n\n### **Slots:**\n - _default_ - The chips to display in the chip set.\n\n### **CSS Properties:**\n - **--forge-chip-set-spacing** - The spacing between chips. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The component's root element.",
+      "attributes": [
+        {
+          "name": "vertical",
+          "description": "Whether the chip set is vertically oriented.",
+          "values": []
+        },
+        {
+          "name": "type",
+          "description": "The type of chips.",
+          "values": [{ "name": "ChipType" }]
+        },
+        {
+          "name": "dense",
+          "description": "Whether all chips in the chip set are dense.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether all chips in the chip set are disabled.",
+          "values": []
+        },
+        {
+          "name": "invalid",
+          "description": "Whether all chips in the chip set are invalid.",
+          "values": []
+        },
+        {
+          "name": "theme",
+          "description": "The theme of the chips.",
+          "values": [{ "name": "ChipTheme" }]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "forge-chip",
       "description": "\n---\n\n\n### **Events:**\n - **forge-chip-delete** - Event fired when the chip is deleted.\n- **forge-chip-select** - Event fired when the chip is selected.\n\n### **Slots:**\n - _default_ - The content of the chip.\n- **start** - The start content of the chip.\n- **end** - The end content of the chip.\n\n### **CSS Properties:**\n - **--forge-chip-background** - The background color of the chip. _(default: undefined)_\n- **--forge-chip-color** - The background color of the chip. _(default: undefined)_\n- **--forge-chip-shape** - The shape of the chip. _(default: undefined)_\n- **--forge-chip-spacing** - The spacing between chips. _(default: undefined)_\n- **--forge-chip-height** - The height of the chip. _(default: undefined)_\n- **--forge-chip-padding-inline** - The inline padding of the chip. _(default: undefined)_\n- **--forge-chip-padding-block** - The block padding of the chip. _(default: undefined)_\n- **--forge-chip-cursor** - The cursor style of the chip. _(default: undefined)_\n- **--forge-chip-icon-font-size** - The font size of the chip icon. _(default: undefined)_\n- **--forge-chip-focus-indicator-color** - The color of the focus indicator. _(default: undefined)_\n- **--forge-chip-disabled-opacity** - The opacity of the disabled chip. _(default: undefined)_\n- **--forge-chip-disabled-cursor** - The cursor style of the disabled chip. _(default: undefined)_\n- **--forge-chip-dense-height** - The height of the dense chip. _(default: undefined)_\n- **--forge-chip-dense-padding-inline** - The inline padding of the dense chip. _(default: undefined)_\n- **--forge-chip-dense-spacing** - The spacing between dense chips. _(default: undefined)_\n- **--forge-chip-dense-font-size** - The font size of the dense chip. _(default: undefined)_\n- **--forge-chip-dense-font-weight** - The font weight of the dense chip. _(default: undefined)_\n- **--forge-chip-dense-focus-indicator-offset** - The offset of the focus indicator for dense chips. _(default: undefined)_\n- **--forge-chip-dense-icon-font-size** - The font size of the icon in dense chips. _(default: undefined)_\n- **--forge-chip-remove-button-spacing** - The spacing of the remove button in chips. _(default: undefined)_\n- **--forge-chip-remove-button-height-dense** - The height of the remove button in dense chips. _(default: undefined)_\n- **--forge-chip-remove-button-icon-size-dense** - The icon size of the remove button in dense chips. _(default: undefined)_\n- **--forge-chip-remove-button-spacing-dense** - The spacing of the remove button in dense chips. _(default: undefined)_\n- **--forge-chip-selected-background** - The background color of the selected chip. _(default: undefined)_\n- **--forge-chip-selected-color** - The text color of the selected chip. _(default: undefined)_\n- **--forge-chip-invalid-color** - The text color of the invalid chip. _(default: undefined)_\n- **--forge-chip-invalid-selected-background** - The background color of the invalid selected chip. _(default: undefined)_\n- **--forge-chip-invalid-selected-color** - The text color of the invalid selected chip. _(default: undefined)_\n- **--forge-chip-border-width** - The width of the chip border. _(default: undefined)_\n- **--forge-chip-border-style** - The style of the chip border. _(default: undefined)_\n- **--forge-chip-border-color** - The color of the chip border. _(default: undefined)_\n- **--forge-chip-field-background** - The background color of the chip field. _(default: undefined)_\n- **--forge-chip-field-color** - The text color of the chip field. _(default: undefined)_\n- **--forge-chip-field-shape** - The shape of the chip field. _(default: undefined)_\n- **--forge-chip-field-border-color** - The color of the chip field border. _(default: undefined)_\n- **--forge-chip-field-cursor** - The cursor style of the chip field. _(default: undefined)_\n- **--forge-chip-checkmark-size** - The size of the checkmark in chips. _(default: undefined)_\n- **--forge-chip-checkmark-color** - The color of the checkmark in chips. _(default: undefined)_\n- **--forge-chip-checkmark-spacing** - The spacing of the checkmark in chips. _(default: undefined)_\n- **--forge-chip-avatar-size** - The size of the avatar in chips. _(default: undefined)_\n- **--forge-chip-avatar-size-dense** - The size of the avatar in dense chips. _(default: undefined)_\n- **--forge-chip-avatar-font-size** - The font size of the avatar in chips. _(default: undefined)_\n- **--forge-chip-avatar-font-size-dense** - The font size of the avatar in dense chips. _(default: undefined)_\n- **--forge-chip-avatar-spacing** - The spacing of the avatar in chips. _(default: undefined)_\n- **--forge-chip-avatar-spacing-dense** - The spacing of the avatar in dense chips. _(default: undefined)_\n- **--forge-chip-transition-duration** - The duration of the chip transition. _(default: undefined)_\n- **--forge-chip-transition-easing** - The easing function of the chip transition. _(default: undefined)_\n- **--forge-chip-checkmark-transition-delay** - The delay of the checkmark transition in chips. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The component's root element.\n- **trigger** - The trigger element of the chip.\n- **focus-indicator** - The focus indicator of the chip.\n- **state-layer** - The state layer surface.",
@@ -2874,43 +2971,6 @@
       ],
       "references": []
     },
-    {
-      "name": "forge-chip-set",
-      "description": "Chips sets are used to group multiple chips together and orchestrate their behavior.\n---\n\n\n### **Slots:**\n - _default_ - The chips to display in the chip set.\n\n### **CSS Properties:**\n - **--forge-chip-set-spacing** - The spacing between chips. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The component's root element.",
-      "attributes": [
-        {
-          "name": "vertical",
-          "description": "Whether the chip set is vertically oriented.",
-          "values": []
-        },
-        {
-          "name": "type",
-          "description": "The type of chips.",
-          "values": [{ "name": "ChipType" }]
-        },
-        {
-          "name": "dense",
-          "description": "Whether all chips in the chip set are dense.",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "description": "Whether all chips in the chip set are disabled.",
-          "values": []
-        },
-        {
-          "name": "invalid",
-          "description": "Whether all chips in the chip set are invalid.",
-          "values": []
-        },
-        {
-          "name": "theme",
-          "description": "The theme of the chips.",
-          "values": [{ "name": "ChipTheme" }]
-        }
-      ],
-      "references": []
-    },
     {
       "name": "forge-deprecated-button",
       "description": "@deprecated Use the `<forge-button>` element instead.\n\n\n---\n",
@@ -3351,23 +3411,6 @@
       ],
       "references": []
     },
-    {
-      "name": "forge-option-group",
-      "description": "\n---\n",
-      "attributes": [
-        {
-          "name": "value",
-          "description": "Gets/sets the optional group value.",
-          "values": []
-        },
-        {
-          "name": "text",
-          "description": "The text content for the group.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "forge-select",
       "description": "\n---\n\n\n### **Events:**\n - **forge-select-scrolled-bottom** - Dispatched when the dropdown list has scrolled to the bottom.\n- **change** - Dispatched when the user selects a value.\n\n### **Methods:**\n - **floatLabelWithoutAnimation(value: _boolean_): _void_** - Floats the label without an animation. Only applies when the label is inset.\n\n### **Slots:**\n - **value** - The selected text to display\n- **start** - Typically reserved for content/icons that render logically before the default slot content.\n- **end** - Typically reserved content/icons that render logically after the default slot content.\n- **accessory** - Used for content such as a button that is logically connected to the field but should appear distinct from the input.\n- **support-text** - Used for content that provides additional information about the field. Aligns to the inline start of the field.\n- **support-text-end** - Used for content that provides additional information about the field. Aligns to the inline end of the field.\n\n### **CSS Properties:**\n - **--forge-select-placeholder-color** - The color of the placeholder text. _(default: undefined)_\n- **--forge-field-background** - The background of the field surface. _(default: undefined)_\n- **--forge-field-tonal-background** - The background of the field surface in the tonal variant. _(default: undefined)_\n- **--forge-field-tonal-background-hover** - The background of the field surface in the tonal variant on hover. _(default: undefined)_\n- **--forge-field-filled-background** - The background of the field surface in the filled and raised variants. _(default: undefined)_\n- **--forge-field-outline-style** - The style of the field outline. _(default: undefined)_\n- **--forge-field-outline-width** - The width of the field outline. _(default: undefined)_\n- **--forge-field-shape** - The border radius of the field's corners. _(default: undefined)_\n- **--forge-field-height** - The height of the field in its default density. _(default: undefined)_\n- **--forge-field-inset-height** - The height of the field in its default density when the label is inset. _(default: undefined)_\n- **--forge-field-padding-inline** - The inline padding of the field. _(default: undefined)_\n- **--forge-field-padding-inline-start** - The inline start padding of the field. _(default: undefined)_\n- **--forge-field-padding-inline-end** - The inline end padding of the field. _(default: undefined)_\n- **--forge-field-inner-padding-inline** - The padding between elements slotted into the field. _(default: undefined)_\n- **--forge-field-support-text-margin-block** - The margin between the support text and the field. _(default: undefined)_\n- **--forge-field-support-text-gap** - The minimum gap between the support text and the support text end. _(default: undefined)_\n- **--forge-field-support-text-padding-inline** - The inline padding of the support text. _(default: undefined)_\n- **--forge-field-support-text-padding-inline-start** - The inline start padding of the support text. _(default: undefined)_\n- **--forge-field-support-text-padding-inline-end** - The inline end padding of the support text. _(default: undefined)_\n- **--forge-field-label-margin-inline** - The margin between the label and the field when the label is in an inline position. _(default: undefined)_\n- **--forge-field-label-margin-block** - The margin between the label and the field when the label is in the block start position. _(default: undefined)_\n- **--forge-field-required-padding** - The padding between the required indicator and the label. _(default: undefined)_\n- **--forge-field-required-content** - The content of the required indicator. _(default: undefined)_\n- **--forge-field-optional-padding** - The padding between the optional indicator and the label. _(default: undefined)_\n- **--forge-field-optional-content** - The content of the optional indicator. _(default: undefined)_\n- **--forge-field-multiline-resize** - The direction the field can be resized when multiline. _(default: undefined)_\n- **--forge-field-multiline-min-inline-size** - The minimum inline size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-max-inline-size** - The maximum inline size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-min-block-size** - The minimum block size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-max-block-size** - The maximum block size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-popover-icon-transition-duration** - The duration of the popover icon animation. _(default: undefined)_\n- **--forge-field-popover-icon-transition-timing** - The timing function of the popover icon animation. _(default: undefined)_\n- **--forge-field-popover-icon-open-rotation** - The rotation of the popover icon when open. _(default: undefined)_\n- **--forge-field-surface-animation-duration** - The duration of background and outline animations. _(default: undefined)_\n- **--forge-field-surface-animation-timing** - The timing function of background and outline animations. _(default: undefined)_\n- **--forge-field-surface-floating-animation-duration** - The duration of the floating label animation. _(default: undefined)_\n- **--forge-field-surface-floating-animation-timing** - The timing function of the floating label animation. _(default: undefined)_\n- **--forge-field-focus-indicator-width** - The width of the focus indicator. _(default: undefined)_\n- **--forge-field-disabled-opacity** - The opacity of the field when disabled. _(default: undefined)_\n- **--forge-field-disabled-background** - The background of the field when disabled. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **label** - The label element.\n- **text-container** - The element container for the selected text.\n- **text** - The element containing the selected text.\n- **container** - The container element surrounding the input.\n- **input** - The element containing te input slot.\n- **start** - The element containing the start slot.\n- **end** - The element containing the end slot.\n- **popover-icon** - The popover icon element.\n- **accessory** - The element containing the accessory slot.\n- **support-text** - The support text element.\n- **support-text** - The element containing the support text slot.\n- **support-text-end** - The element containing the support text end slot.\n- **outline** - The element containing the forge-focus-indicator element.\n- **focus-indicator** - The focus indicator element.",
@@ -3520,6 +3563,23 @@
       ],
       "references": []
     },
+    {
+      "name": "forge-option-group",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "Gets/sets the optional group value.",
+          "values": []
+        },
+        {
+          "name": "text",
+          "description": "The text content for the group.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "forge-select-dropdown",
       "description": "\n---\n\n\n### **Methods:**\n - **appendOptions(options: _ISelectOption[] | ISelectOptionGroup[]_): _void_** - Dynamically appends options to the dropdown while it's open.\n- **selectAll(): _void_** - Selects all options.\n- **deselectAll(): _void_** - Deselects all options.",

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

@@ -27,11 +27,17 @@ export interface ICalendarAdapter extends IBaseAdapter {
     registerPreventFocusListener(listener: (evt: Event) => void): void;
     registerPreviousButtonListener(listener: (evt: Event) => void): void;
     registerTodayButtonListener(listener: (evt: Event) => void): void;
+    registerYesterdayButtonListener(listener: (evt: Event) => void): void;
+    registerLastSevenDaysButtonListener(listener: (evt: Event) => void): void;
+    registerLastThirtyDaysButtonListener(listener: (evt: Event) => void): void;
     registerYearButtonListener(listener: (evt: Event) => void): void;
     removeClearButton(): void;
     removeFooter(): void;
     removeHeader(): void;
     removeTodayButton(): void;
+    removeYesterdayButton(): void;
+    removeLastSevenDaysButton(): void;
+    removeLastThirtyDaysButton(): void;
     replaceDate(date: ICalendarDateConfig, options?: ICalendarDateOptions): void;
     replaceDateWithSpacer(date: Date): void;
     selectFocusedMenuItem(): void;
@@ -63,6 +69,9 @@ export interface ICalendarAdapter extends IBaseAdapter {
     setRangeStart(date: Date | null): void;
     setActiveDate(date: Date, setFocus: boolean, preventFocus?: boolean): void;
     setTodayButton(): void;
+    setYesterdayButton(): void;
+    setLastSevenDaysButton(): void;
+    setLastThirtyDaysButton(): void;
     setWeekend(date: Date, value: boolean): void;
     setYear(year: number, locale?: string): void;
     setYearButtonPressed(value: boolean): void;
@@ -77,6 +86,9 @@ export interface ICalendarAdapter extends IBaseAdapter {
     unregisterPreventFocusListener(listener: (evt: Event) => void): void;
     unregisterPreviousButtonListener(listener: (evt: Event) => void): void;
     unregisterTodayButtonListener(listener: (evt: Event) => void): void;
+    unregisterYesterdayButtonListener(listener: (evt: Event) => void): void;
+    unregisterLastSevenDaysButtonListener(listener: (evt: Event) => void): void;
+    unregisterLastThirtyDaysButtonListener(listener: (evt: Event) => void): void;
     unregisterYearButtonListener(listener: (evt: Event) => void): void;
 }
 export declare class CalendarAdapter extends BaseAdapter<ICalendarComponent> implements ICalendarAdapter {
@@ -103,6 +115,12 @@ export declare class CalendarAdapter extends BaseAdapter<ICalendarComponent> imp
     unregisterClearButtonListener(listener: (evt: Event) => void): void;
     registerTodayButtonListener(listener: (evt: Event) => void): void;
     unregisterTodayButtonListener(listener: (evt: Event) => void): void;
+    registerYesterdayButtonListener(listener: (evt: Event) => void): void;
+    unregisterYesterdayButtonListener(listener: (evt: Event) => void): void;
+    registerLastSevenDaysButtonListener(listener: (evt: Event) => void): void;
+    unregisterLastSevenDaysButtonListener(listener: (evt: Event) => void): void;
+    registerLastThirtyDaysButtonListener(listener: (evt: Event) => void): void;
+    unregisterLastThirtyDaysButtonListener(listener: (evt: Event) => void): void;
     registerDateClickListener(listener: (evt: Event) => void): void;
     unregisterDateClickListener(listener: (evt: Event) => void): void;
     registerKeydownListener(listener: (evt: KeyboardEvent) => void): void;
@@ -127,6 +145,12 @@ export declare class CalendarAdapter extends BaseAdapter<ICalendarComponent> imp
     removeClearButton(): void;
     setTodayButton(): void;
     removeTodayButton(): void;
+    setYesterdayButton(): void;
+    removeYesterdayButton(): void;
+    setLastSevenDaysButton(): void;
+    removeLastSevenDaysButton(): void;
+    setLastThirtyDaysButton(): void;
+    removeLastThirtyDaysButton(): void;
     setDays(days: DayOfWeek[], options?: ICalendarDayOptions): void;
     setDates(dates: ICalendarDateConfig[], options?: ICalendarDateOptions): void;
     replaceDate(date: ICalendarDateConfig, options?: ICalendarDateOptions): void;

package/esm/calendar/calendar-adapter.js

@@ -6,7 +6,7 @@
 import { appendToAttribute, getShadowElement, removeAllChildren, toggleAttribute, toggleOnAttribute } from '@tylertech/forge-core';
 import { BaseAdapter } from '../core/base';
 import { CALENDAR_CONSTANTS } from './calendar-constants';
-import { getAccessibleHeader, getClearButton, getDateElement, getDateId, getDateRow, getDateSpacerElement, getDayElement, getEventElement, getEventWrapperElement, getEventWrapperId, getFooter, getHeader, getMonthButtonContent, getTodayButton, getTooltip, getYearButtonContent, setTabindexOnElement } from './calendar-dom-utils';
+import { getAccessibleHeader, getClearButton, getDateElement, getDateId, getDateRow, getDateSpacerElement, getDayElement, getEventElement, getEventWrapperElement, getEventWrapperId, getFooter, getHeader, getMonthButtonContent, getTodayButton, getYesterdayButton, getLastSevenDaysButton, getLastThirtyDaysButton, getTooltip, getYearButtonContent, setTabindexOnElement } from './calendar-dom-utils';
 import { getLocalizedMonth, getLocalizedYear } from './calendar-locale-utils';
 import { CALENDAR_MENU_CONSTANTS } from './calendar-menu';
 import { splitIntoWeeks } from './calendar-utils';
@@ -82,6 +82,30 @@ export class CalendarAdapter extends BaseAdapter {
         const todayButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.TODAY_BUTTON);
         todayButton?.removeEventListener('click', listener);
     }
+    registerYesterdayButtonListener(listener) {
+        const yesterdayButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.YESTERDAY_BUTTON);
+        yesterdayButton?.addEventListener('click', listener);
+    }
+    unregisterYesterdayButtonListener(listener) {
+        const yesterdayButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.YESTERDAY_BUTTON);
+        yesterdayButton?.removeEventListener('click', listener);
+    }
+    registerLastSevenDaysButtonListener(listener) {
+        const lastSevenDaysButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.LAST_SEVEN_DAYS_BUTTON);
+        lastSevenDaysButton?.addEventListener('click', listener);
+    }
+    unregisterLastSevenDaysButtonListener(listener) {
+        const lastSevenDaysButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.LAST_SEVEN_DAYS_BUTTON);
+        lastSevenDaysButton?.removeEventListener('click', listener);
+    }
+    registerLastThirtyDaysButtonListener(listener) {
+        const lastThirtyDaysButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.LAST_THIRTY_DAYS_BUTTON);
+        lastThirtyDaysButton?.addEventListener('click', listener);
+    }
+    unregisterLastThirtyDaysButtonListener(listener) {
+        const lastThirtyDaysButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.LAST_THIRTY_DAYS_BUTTON);
+        lastThirtyDaysButton?.removeEventListener('click', listener);
+    }
     registerDateClickListener(listener) {
         this._dateGrid.addEventListener('click', listener);
     }
@@ -262,6 +286,48 @@ export class CalendarAdapter extends BaseAdapter {
         const todayButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.TODAY_BUTTON);
         todayButton?.parentNode?.removeChild(todayButton);
     }
+    setYesterdayButton() {
+        const footer = this._container.querySelector(CALENDAR_CONSTANTS.selectors.FOOTER);
+        if (!footer) {
+            return;
+        }
+        const yesterdayButton = footer.querySelector(CALENDAR_CONSTANTS.selectors.YESTERDAY_BUTTON);
+        if (!yesterdayButton) {
+            footer.appendChild(getYesterdayButton());
+        }
+    }
+    removeYesterdayButton() {
+        const yesterdayButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.YESTERDAY_BUTTON);
+        yesterdayButton?.parentNode?.removeChild(yesterdayButton);
+    }
+    setLastSevenDaysButton() {
+        const footer = this._container.querySelector(CALENDAR_CONSTANTS.selectors.FOOTER);
+        if (!footer) {
+            return;
+        }
+        const lastSevenDaysButton = footer.querySelector(CALENDAR_CONSTANTS.selectors.LAST_SEVEN_DAYS_BUTTON);
+        if (!lastSevenDaysButton) {
+            footer.appendChild(getLastSevenDaysButton());
+        }
+    }
+    removeLastSevenDaysButton() {
+        const lastSevenDaysButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.LAST_SEVEN_DAYS_BUTTON);
+        lastSevenDaysButton?.parentNode?.removeChild(lastSevenDaysButton);
+    }
+    setLastThirtyDaysButton() {
+        const footer = this._container.querySelector(CALENDAR_CONSTANTS.selectors.FOOTER);
+        if (!footer) {
+            return;
+        }
+        const lastThirtyDaysButton = footer.querySelector(CALENDAR_CONSTANTS.selectors.LAST_THIRTY_DAYS_BUTTON);
+        if (!lastThirtyDaysButton) {
+            footer.appendChild(getLastThirtyDaysButton());
+        }
+    }
+    removeLastThirtyDaysButton() {
+        const lastThirtyDaysButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.LAST_THIRTY_DAYS_BUTTON);
+        lastThirtyDaysButton?.parentNode?.removeChild(lastThirtyDaysButton);
+    }
     setDays(days, options) {
         removeAllChildren(this._dayRow);
         days.forEach(d => {