@tylertech/forge 3.1.3 → 3.3.0

package/custom-elements.json

@@ -2328,6 +2328,40 @@
           "kind": "class",
           "description": "",
           "name": "CalendarComponent",
+          "slots": [
+            {
+              "description": "Text to display in the today button.",
+              "name": "today-button-text"
+            },
+            {
+              "description": "Text to display in the clear button.",
+              "name": "clear-button-text"
+            },
+            {
+              "description": "Text to display in the next month button's tooltip.",
+              "name": "next-month-button-text"
+            },
+            {
+              "description": "Text to display in the previous month button's tooltip.",
+              "name": "previous-month-button-text"
+            },
+            {
+              "description": "Text to display in the next year button's tooltip.",
+              "name": "next-year-button-text"
+            },
+            {
+              "description": "Text to display in the previous year button's tooltip.",
+              "name": "previous-year-button-text"
+            },
+            {
+              "description": "Text to display in the next years button's tooltip.",
+              "name": "next-years-button-text"
+            },
+            {
+              "description": "Text to display in the previous years button's tooltip.",
+              "name": "previous-years-button-text"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -5779,6 +5813,19 @@
                 "name": "BaseDatePickerComponent",
                 "module": "src/lib/date-picker/base/base-date-picker.ts"
               }
+            },
+            {
+              "kind": "field",
+              "name": "calendarText",
+              "type": {
+                "text": "DatePickerCalendarDropdownText"
+              },
+              "privacy": "public",
+              "description": "Customized strings to display in the calendar dropdown UI.",
+              "inheritedFrom": {
+                "name": "BaseDatePickerComponent",
+                "module": "src/lib/date-picker/base/base-date-picker.ts"
+              }
             }
           ],
           "events": [
@@ -5831,6 +5878,17 @@
                 "module": "src/lib/date-picker/base/base-date-picker.ts"
               }
             },
+            {
+              "type": {
+                "text": "DatePickerCalendarDropdownText"
+              },
+              "description": "Customized strings to display in the calendar dropdown UI.",
+              "name": "calendar-text",
+              "inheritedFrom": {
+                "name": "BaseDatePickerComponent",
+                "module": "src/lib/date-picker/base/base-date-picker.ts"
+              }
+            },
             {
               "type": {
                 "text": "boolean"
@@ -6349,6 +6407,19 @@
                 "name": "BaseDatePickerComponent",
                 "module": "src/lib/date-picker/base/base-date-picker.ts"
               }
+            },
+            {
+              "kind": "field",
+              "name": "calendarText",
+              "type": {
+                "text": "DatePickerCalendarDropdownText"
+              },
+              "privacy": "public",
+              "description": "Customized strings to display in the calendar dropdown UI.",
+              "inheritedFrom": {
+                "name": "BaseDatePickerComponent",
+                "module": "src/lib/date-picker/base/base-date-picker.ts"
+              }
             }
           ],
           "superclass": {
@@ -6370,6 +6441,17 @@
                 "module": "src/lib/date-picker/base/base-date-picker.ts"
               }
             },
+            {
+              "type": {
+                "text": "DatePickerCalendarDropdownText"
+              },
+              "description": "Customized strings to display in the calendar dropdown UI.",
+              "name": "calendar-text",
+              "inheritedFrom": {
+                "name": "BaseDatePickerComponent",
+                "module": "src/lib/date-picker/base/base-date-picker.ts"
+              }
+            },
             {
               "type": {
                 "text": "boolean"
@@ -14686,6 +14768,15 @@
               "privacy": "private",
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "_skipUrlChange",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "_anchorElement",
@@ -14695,6 +14786,14 @@
               "privacy": "private",
               "default": "getShadowElement(this, SKIP_LINK_CONSTANTS.selectors.ANCHOR)"
             },
+            {
+              "kind": "field",
+              "name": "_clickListener",
+              "type": {
+                "text": "EventListener"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "target",
@@ -14703,7 +14802,8 @@
               },
               "privacy": "public",
               "description": "The IDREF of the element to which the skip link should navigate.",
-              "default": "''"
+              "default": "''",
+              "attribute": "target"
             },
             {
               "kind": "field",
@@ -14713,7 +14813,8 @@
               },
               "privacy": "public",
               "description": "The theme applied to the skip link.",
-              "default": "'default'"
+              "default": "'default'",
+              "attribute": "theme"
             },
             {
               "kind": "field",
@@ -14723,7 +14824,8 @@
               },
               "privacy": "public",
               "description": "Whether or not the skip link uses a muted color scheme.",
-              "default": "false"
+              "default": "false",
+              "attribute": "muted"
             },
             {
               "kind": "field",
@@ -14733,7 +14835,8 @@
               },
               "privacy": "public",
               "description": "Whether or not the skip link should remain visible when not focused.",
-              "default": "false"
+              "default": "false",
+              "attribute": "persistent"
             },
             {
               "kind": "field",
@@ -14743,49 +14846,93 @@
               },
               "privacy": "public",
               "description": "Whether or not the skip link renders within its container.",
-              "default": "false"
+              "default": "false",
+              "attribute": "inline"
+            },
+            {
+              "kind": "field",
+              "name": "skipUrlChange",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "Sets the skip link to skip browser navigation and scroll to the target element.",
+              "default": "false",
+              "attribute": "skipUrlChange"
+            },
+            {
+              "kind": "method",
+              "name": "_handleClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             }
           ],
           "attributes": [
             {
+              "name": "target",
               "type": {
                 "text": "string"
               },
               "description": "The IDREF of the element to which the skip link should navigate.",
-              "name": "target",
-              "default": "''"
+              "default": "''",
+              "fieldName": "target"
             },
             {
+              "name": "theme",
               "type": {
                 "text": "SkipLinkTheme"
               },
               "description": "The theme applied to the skip link.",
-              "name": "theme",
-              "default": "'default'"
+              "default": "'default'",
+              "fieldName": "theme"
             },
             {
+              "name": "muted",
               "type": {
                 "text": "boolean"
               },
               "description": "Whether or not the skip link uses a muted color scheme.",
-              "name": "muted",
-              "default": "false"
+              "default": "false",
+              "fieldName": "muted"
             },
             {
+              "name": "persistent",
               "type": {
                 "text": "boolean"
               },
               "description": "Whether or not the skip link should remain visible when not focused.",
-              "name": "persistent",
-              "default": "false"
+              "default": "false",
+              "fieldName": "persistent"
             },
             {
+              "name": "inline",
               "type": {
                 "text": "boolean"
               },
               "description": "Whether or not the skip link renders within its container.",
-              "name": "inline",
-              "default": "false"
+              "default": "false",
+              "fieldName": "inline"
+            },
+            {
+              "name": "skipUrlChange",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Sets the skip link to skip browser navigation and scroll to the target element.",
+              "default": "false",
+              "fieldName": "skipUrlChange"
             }
           ],
           "superclass": {
@@ -20044,7 +20191,8 @@
               "type": {
                 "text": "string"
               },
-              "privacy": "public"
+              "privacy": "public",
+              "description": "The `<a>` target of the logo + title area link when `href` is set."
             }
           ],
           "events": [
@@ -20085,6 +20233,13 @@
               },
               "description": "The href that will be used to make the logo and title area a clickable link",
               "name": "href"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The `<a>` target of the logo + title area link when `href` is set.",
+              "name": "target"
             }
           ],
           "superclass": {
@@ -22100,6 +22255,10 @@
               "description": "The font size of the chip icon.",
               "name": "--forge-chip-icon-font-size"
             },
+            {
+              "description": "The color of the focus indicator.",
+              "name": "--forge-chip-focus-indicator-color"
+            },
             {
               "description": "The opacity of the disabled chip.",
               "name": "--forge-chip-disabled-opacity"
@@ -23039,6 +23198,15 @@
               },
               "privacy": "public",
               "description": "The locale to use."
+            },
+            {
+              "kind": "field",
+              "name": "calendarText",
+              "type": {
+                "text": "DatePickerCalendarDropdownText"
+              },
+              "privacy": "public",
+              "description": "Customized strings to display in the calendar dropdown UI."
             }
           ],
           "attributes": [
@@ -23050,6 +23218,13 @@
               "name": "allow-invalid-date",
               "default": "false"
             },
+            {
+              "type": {
+                "text": "DatePickerCalendarDropdownText"
+              },
+              "description": "Customized strings to display in the calendar dropdown UI.",
+              "name": "calendar-text"
+            },
             {
               "type": {
                 "text": "boolean"
@@ -30257,7 +30432,7 @@
                 "text": "boolean"
               },
               "privacy": "public",
-              "description": "The disabled state of the tab.",
+              "description": "The disabled state of the tab. Should not be set if using the disabled property on `forge-tab-bar`.",
               "default": "false"
             },
             {
@@ -30425,7 +30600,7 @@
                 "text": "boolean"
               },
               "privacy": "public",
-              "description": "The disabled state of the tab bar.",
+              "description": "Sets the disabled state of all child tabs.  If true, any new tabs added to the DOM will be disabled by default. This can be used instead of setting individual tab disabled properties, mixing the two methods of disabling is not supported.",
               "default": "false"
             },
             {
@@ -30993,11 +31168,11 @@
     },
     "ICalendarAdapter": {
       "path": "src/lib/calendar/calendar-adapter.ts",
-      "lineNumber": 29
+      "lineNumber": 37
     },
     "CalendarAdapter": {
       "path": "src/lib/calendar/calendar-adapter.ts",
-      "lineNumber": 102
+      "lineNumber": 110
     },
     "CalendarComponentDelegateProps": {
       "path": "src/lib/calendar/calendar-component-delegate.ts",
@@ -31017,99 +31192,99 @@
     },
     "CalendarDateBuilder": {
       "path": "src/lib/calendar/calendar-constants.ts",
-      "lineNumber": 191
+      "lineNumber": 215
     },
     "CalendarDateSelectCallback": {
       "path": "src/lib/calendar/calendar-constants.ts",
-      "lineNumber": 192
+      "lineNumber": 216
     },
     "CalendarDayBuilder": {
       "path": "src/lib/calendar/calendar-constants.ts",
-      "lineNumber": 193
+      "lineNumber": 217
     },
     "CalendarDisabledDateBuilder": {
       "path": "src/lib/calendar/calendar-constants.ts",
-      "lineNumber": 194
+      "lineNumber": 218
     },
     "CalendarEventBuilder": {
       "path": "src/lib/calendar/calendar-constants.ts",
-      "lineNumber": 195
+      "lineNumber": 219
     },
     "CalendarTooltipBuilder": {
       "path": "src/lib/calendar/calendar-constants.ts",
-      "lineNumber": 196
+      "lineNumber": 220
     },
     "CalendarMode": {
       "path": "src/lib/calendar/calendar-constants.ts",
-      "lineNumber": 198
+      "lineNumber": 222
     },
     "CalendarView": {
       "path": "src/lib/calendar/calendar-constants.ts",
-      "lineNumber": 199
+      "lineNumber": 223
     },
     "RangeSelectionState": {
       "path": "src/lib/calendar/calendar-constants.ts",
-      "lineNumber": 200
+      "lineNumber": 224
     },
     "CalendarEventColor": {
       "path": "src/lib/calendar/calendar-constants.ts",
-      "lineNumber": 201
+      "lineNumber": 225
     },
     "ICalendarDate": {
       "path": "src/lib/calendar/calendar-constants.ts",
-      "lineNumber": 222
+      "lineNumber": 246
     },
     "ICalendarDateConfig": {
       "path": "src/lib/calendar/calendar-constants.ts",
-      "lineNumber": 228
+      "lineNumber": 252
     },
     "ICalendarDateOptions": {
       "path": "src/lib/calendar/calendar-constants.ts",
-      "lineNumber": 236
+      "lineNumber": 260
     },
     "ICalendarDayOptions": {
       "path": "src/lib/calendar/calendar-constants.ts",
-      "lineNumber": 242
+      "lineNumber": 266
     },
     "ICalendarEvent": {
       "path": "src/lib/calendar/calendar-constants.ts",
-      "lineNumber": 247
+      "lineNumber": 271
     },
     "ICalendarDateSelectEventData": {
       "path": "src/lib/calendar/calendar-constants.ts",
-      "lineNumber": 253
+      "lineNumber": 277
     },
     "ICalendarMonthChangeEventData": {
       "path": "src/lib/calendar/calendar-constants.ts",
-      "lineNumber": 261
+      "lineNumber": 285
     },
     "ICalendarFocusChangeEventData": {
       "path": "src/lib/calendar/calendar-constants.ts",
-      "lineNumber": 267
+      "lineNumber": 291
     },
     "ICalendarNumberRange": {
       "path": "src/lib/calendar/calendar-constants.ts",
-      "lineNumber": 274
+      "lineNumber": 298
     },
     "ICalendarDisabledDateParams": {
       "path": "src/lib/calendar/calendar-constants.ts",
-      "lineNumber": 279
+      "lineNumber": 303
     },
     "ICalendarMenuMonthConfig": {
       "path": "src/lib/calendar/calendar-constants.ts",
-      "lineNumber": 288
+      "lineNumber": 312
     },
     "ICalendarMenuYearConfig": {
       "path": "src/lib/calendar/calendar-constants.ts",
-      "lineNumber": 296
+      "lineNumber": 320
     },
     "DayOfWeek": {
       "path": "src/lib/calendar/calendar-constants.ts",
-      "lineNumber": 304
+      "lineNumber": 328
     },
     "CalendarMonthFocus": {
       "path": "src/lib/calendar/calendar-constants.ts",
-      "lineNumber": 314
+      "lineNumber": 338
     },
     "ICalendarCore": {
       "path": "src/lib/calendar/calendar-core.ts",
@@ -31125,7 +31300,7 @@
     },
     "CalendarComponent": {
       "path": "src/lib/calendar/calendar.ts",
-      "lineNumber": 139
+      "lineNumber": 148
     },
     "ICardComponent": {
       "path": "src/lib/card/card.ts",
@@ -31529,7 +31704,7 @@
     },
     "FieldAdapter": {
       "path": "src/lib/field/field-adapter.ts",
-      "lineNumber": 18
+      "lineNumber": 19
     },
     "IFieldCore": {
       "path": "src/lib/field/field-core.ts",
@@ -32317,7 +32492,7 @@
     },
     "SkipLinkTheme": {
       "path": "src/lib/skip-link/skip-link-constants.ts",
-      "lineNumber": 28
+      "lineNumber": 29
     },
     "ISkipLinkComponent": {
       "path": "src/lib/skip-link/skip-link.ts",
@@ -32325,7 +32500,7 @@
     },
     "SkipLinkComponent": {
       "path": "src/lib/skip-link/skip-link.ts",
-      "lineNumber": 62
+      "lineNumber": 51
     },
     "ISliderState": {
       "path": "src/lib/slider/slider-adapter.ts",
@@ -32701,7 +32876,7 @@
     },
     "TextFieldAdapter": {
       "path": "src/lib/text-field/text-field-adapter.ts",
-      "lineNumber": 24
+      "lineNumber": 25
     },
     "TextFieldComponentDelegateProps": {
       "path": "src/lib/text-field/text-field-component-delegate.ts",
@@ -32721,15 +32896,15 @@
     },
     "TextFieldObservedInputAttributes": {
       "path": "src/lib/text-field/text-field-constants.ts",
-      "lineNumber": 43
+      "lineNumber": 45
     },
     "TextFieldInputAttributeObserver": {
       "path": "src/lib/text-field/text-field-constants.ts",
-      "lineNumber": 44
+      "lineNumber": 46
     },
     "TextFieldValueChangeListener": {
       "path": "src/lib/text-field/text-field-constants.ts",
-      "lineNumber": 45
+      "lineNumber": 47
     },
     "ITextFieldCore": {
       "path": "src/lib/text-field/text-field-core.ts",
@@ -32973,7 +33148,7 @@
     },
     "AppBarComponent": {
       "path": "src/lib/app-bar/app-bar/app-bar.ts",
-      "lineNumber": 75
+      "lineNumber": 77
     },
     "IAppBarHelpButtonAdapter": {
       "path": "src/lib/app-bar/help-button/app-bar-help-button-adapter.ts",
@@ -33189,7 +33364,7 @@
     },
     "ICalendarDropdownPopupConfig": {
       "path": "src/lib/calendar/calendar-dropdown/calendar-dropdown-constants.ts",
-      "lineNumber": 1
+      "lineNumber": 3
     },
     "ICalendarDropdown": {
       "path": "src/lib/calendar/calendar-dropdown/calendar-dropdown.ts",
@@ -33293,7 +33468,7 @@
     },
     "ChipComponent": {
       "path": "src/lib/chips/chip/chip.ts",
-      "lineNumber": 134
+      "lineNumber": 135
     },
     "IChipSetComponent": {
       "path": "src/lib/chips/chip-set/chip-set.ts",
@@ -33545,7 +33720,7 @@
     },
     "BaseDatePickerAdapter": {
       "path": "src/lib/date-picker/base/base-date-picker-adapter.ts",
-      "lineNumber": 59
+      "lineNumber": 60
     },
     "DatePickerParseCallback": {
       "path": "src/lib/date-picker/base/base-date-picker-constants.ts",
@@ -33567,21 +33742,25 @@
       "path": "src/lib/date-picker/base/base-date-picker-constants.ts",
       "lineNumber": 14
     },
+    "IDatePickerCalendarDropdownText": {
+      "path": "src/lib/date-picker/base/base-date-picker-constants.ts",
+      "lineNumber": 31
+    },
     "IBaseDatePickerCore": {
       "path": "src/lib/date-picker/base/base-date-picker-core.ts",
-      "lineNumber": 16
+      "lineNumber": 17
     },
     "BaseDatePickerCore": {
       "path": "src/lib/date-picker/base/base-date-picker-core.ts",
-      "lineNumber": 39
+      "lineNumber": 40
     },
     "IBaseDatePickerComponent": {
       "path": "src/lib/date-picker/base/base-date-picker.ts",
-      "lineNumber": 14
+      "lineNumber": 15
     },
     "BaseDatePickerComponent": {
       "path": "src/lib/date-picker/base/base-date-picker.ts",
-      "lineNumber": 79
+      "lineNumber": 83
     },
     "DeprecatedButtonComponentDelegateProps": {
       "path": "src/lib/deprecated/button/deprecated-button-component-delegate.ts",

package/dist/chips/forge-chips.css

@@ -27,6 +27,7 @@
   --_chip-padding-block: var(--forge-chip-padding-block, 0);
   --_chip-cursor: var(--forge-chip-cursor, pointer);
   --_chip-icon-font-size: var(--forge-chip-icon-font-size, 1.5rem);
+  --_chip-focus-indicator-color: var(--forge-chip-focus-indicator-color, var(--_chip-color));
   --_chip-disabled-opacity: var(--forge-chip-disabled-opacity, 0.38);
   --_chip-disabled-cursor: var(--forge-chip-disabled-cursor, not-allowed);
   --_chip-dense-height: var(--forge-chip-dense-height, 24px);

package/dist/field/forge-field.css

@@ -73,6 +73,7 @@
     outline-style: var(--_field-outline-style);
     outline-width: var(--_field-outline-width);
     outline-color: var(--forge-theme-outline-low, #9e9e9e);
+    outline-offset: calc(var(--_field-outline-width) * -1);
     background: var(--_field-background);
     opacity: var(--_field-disableable-opacity);
     cursor: var(--_field-disableable-cursor);
@@ -356,6 +357,7 @@
   }
   .forge-field--invalid.forge-field:has(:where(input, textarea, select, .forge-field__input):focus), .forge-field:has(:where(input, textarea, select, .forge-field__input):invalid).forge-field:has(:where(input, textarea, select, .forge-field__input):focus) {
     --forge-focus-indicator-color: var(--forge-theme-error, #b00020);
+    --forge-focus-indicator-outward-offset: calc(var(--_field-outline-width) * -1);
   }
   .forge-field--invalid label, .forge-field:has(:where(input, textarea, select, .forge-field__input):invalid) label {
     color: var(--forge-theme-error, #b00020);

package/dist/inline-message/forge-inline-message.css

@@ -38,6 +38,7 @@
   border-style: var(--_inline-message-border-style);
   border-color: var(--_inline-message-border-color);
   display: flex;
+  align-items: center;
   gap: var(--_inline-message-icon-gap);
   box-sizing: border-box;
   padding-inline: var(--_inline-message-padding-inline);
@@ -62,5 +63,6 @@
 }
 .forge-inline-message__icon {
   color: var(--_inline-message-icon-color);
+  align-self: start;
   grid-row: 1/span 2;
 }