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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (131) hide show
  1. package/custom-elements.json +1790 -1656
  2. package/dist/lib.js +27 -105
  3. package/dist/lib.js.map +4 -4
  4. package/dist/vscode.css-custom-data.json +76 -49
  5. package/dist/vscode.html-custom-data.json +167 -180
  6. package/esm/app-bar/help-button/app-bar-help-button.js +1 -1
  7. package/esm/app-bar/menu-button/app-bar-menu-button.js +1 -1
  8. package/esm/app-bar/notification-button/app-bar-notification-button.js +1 -1
  9. package/esm/app-bar/search/app-bar-search.js +1 -1
  10. package/esm/autocomplete/autocomplete.js +1 -1
  11. package/esm/avatar/index.js +3 -3
  12. package/esm/badge/index.js +3 -3
  13. package/esm/banner/banner.js +1 -1
  14. package/esm/button/base/base-button-adapter.js +1 -1
  15. package/esm/button/base/base-button.js +1 -1
  16. package/esm/calendar/calendar-adapter.d.ts +0 -24
  17. package/esm/calendar/calendar-adapter.js +1 -67
  18. package/esm/calendar/calendar-constants.d.ts +0 -34
  19. package/esm/calendar/calendar-constants.js +0 -33
  20. package/esm/calendar/calendar-core.d.ts +0 -60
  21. package/esm/calendar/calendar-core.js +2 -220
  22. package/esm/calendar/calendar-dom-utils.d.ts +0 -6
  23. package/esm/calendar/calendar-dom-utils.js +0 -36
  24. package/esm/calendar/calendar.d.ts +1 -40
  25. package/esm/calendar/calendar.js +3 -81
  26. package/esm/calendar/core/calendar-base.d.ts +0 -3
  27. package/esm/calendar/core/date-range.d.ts +0 -2
  28. package/esm/calendar/core/date-range.js +0 -1
  29. package/esm/card/index.d.ts +1 -1
  30. package/esm/card/index.js +4 -4
  31. package/esm/chips/chip/chip.js +1 -1
  32. package/esm/color-picker/color-picker.js +1 -1
  33. package/esm/core/utils/dismissible-stack.d.ts +5 -1
  34. package/esm/core/utils/dismissible-stack.js +6 -0
  35. package/esm/data-table/body/body.d.ts +33 -0
  36. package/esm/data-table/body/body.js +42 -0
  37. package/esm/data-table/body/index.d.ts +6 -0
  38. package/esm/data-table/body/index.js +6 -0
  39. package/esm/data-table/cell/cell.d.ts +33 -0
  40. package/esm/data-table/cell/cell.js +42 -0
  41. package/esm/data-table/cell/index.d.ts +6 -0
  42. package/esm/data-table/cell/index.js +6 -0
  43. package/esm/data-table/column/column.d.ts +33 -0
  44. package/esm/data-table/column/column.js +42 -0
  45. package/esm/data-table/column/index.d.ts +6 -0
  46. package/esm/data-table/column/index.js +6 -0
  47. package/esm/data-table/footer/footer.d.ts +33 -0
  48. package/esm/data-table/footer/footer.js +42 -0
  49. package/esm/data-table/footer/index.d.ts +6 -0
  50. package/esm/data-table/footer/index.js +6 -0
  51. package/esm/data-table/head/head.d.ts +33 -0
  52. package/esm/data-table/head/head.js +42 -0
  53. package/esm/data-table/head/index.d.ts +6 -0
  54. package/esm/data-table/head/index.js +6 -0
  55. package/esm/data-table/index.d.ts +12 -0
  56. package/esm/data-table/index.js +12 -0
  57. package/esm/data-table/row/index.d.ts +6 -0
  58. package/esm/data-table/row/index.js +6 -0
  59. package/esm/data-table/row/row.d.ts +33 -0
  60. package/esm/data-table/row/row.js +42 -0
  61. package/esm/data-table/table/index.d.ts +6 -0
  62. package/esm/data-table/table/index.js +6 -0
  63. package/esm/data-table/table/table.d.ts +36 -0
  64. package/esm/data-table/table/table.js +40 -0
  65. package/esm/date-picker/base/base-date-picker-adapter.js +3 -0
  66. package/esm/date-picker/base/base-date-picker-constants.d.ts +0 -3
  67. package/esm/date-picker/base/base-date-picker-constants.js +0 -3
  68. package/esm/date-picker/base/base-date-picker-core.d.ts +0 -15
  69. package/esm/date-picker/base/base-date-picker-core.js +0 -30
  70. package/esm/date-picker/base/base-date-picker.d.ts +0 -12
  71. package/esm/date-picker/base/base-date-picker.js +0 -24
  72. package/esm/date-picker/date-picker-core.d.ts +0 -3
  73. package/esm/date-picker/date-picker-core.js +0 -20
  74. package/esm/date-picker/date-picker.js +1 -1
  75. package/esm/date-range-picker/date-range-picker-constants.d.ts +0 -3
  76. package/esm/date-range-picker/date-range-picker-constants.js +0 -1
  77. package/esm/date-range-picker/date-range-picker-core.d.ts +0 -3
  78. package/esm/date-range-picker/date-range-picker-core.js +2 -62
  79. package/esm/date-range-picker/date-range-picker.d.ts +0 -3
  80. package/esm/date-range-picker/date-range-picker.js +1 -4
  81. package/esm/icon/icon-constants.d.ts +2 -1
  82. package/esm/icon/icon-constants.js +2 -1
  83. package/esm/icon/icon-core.js +6 -2
  84. package/esm/icon/icon-utils.d.ts +2 -1
  85. package/esm/icon/icon-utils.js +2 -2
  86. package/esm/icon/icon.d.ts +3 -1
  87. package/esm/icon/icon.js +1 -1
  88. package/esm/icon-button/icon-button-core.js +11 -2
  89. package/esm/key/key/index.js +3 -3
  90. package/esm/key/key-item/index.js +3 -3
  91. package/esm/list-dropdown/list-dropdown-utils.js +1 -1
  92. package/esm/list-dropdown/list-dropdown.js +1 -1
  93. package/esm/menu/menu.js +1 -1
  94. package/esm/meter/meter/index.js +2 -2
  95. package/esm/meter/meter-group/index.js +3 -3
  96. package/esm/open-icon/open-icon.js +1 -1
  97. package/esm/paginator/paginator.js +1 -1
  98. package/esm/popover/popover-constants.d.ts +3 -0
  99. package/esm/popover/popover-constants.js +4 -2
  100. package/esm/popover/popover-core.d.ts +4 -0
  101. package/esm/popover/popover-core.js +20 -0
  102. package/esm/popover/popover.d.ts +4 -0
  103. package/esm/popover/popover.js +8 -0
  104. package/esm/select/select/select.js +1 -1
  105. package/esm/split-view/split-view-panel/split-view-panel.js +3 -4
  106. package/esm/stepper/step/step.js +1 -1
  107. package/esm/table/table-constants.d.ts +1 -0
  108. package/esm/table/table-constants.js +2 -1
  109. package/esm/table/table-core.js +3 -0
  110. package/esm/table/table.d.ts +2 -0
  111. package/esm/table/table.js +2 -1
  112. package/esm/tabs/tab-bar/tab-bar-adapter.js +1 -1
  113. package/esm/tabs/tab-bar/tab-bar.js +1 -1
  114. package/esm/text-field/text-field.js +1 -1
  115. package/esm/time-picker/time-picker.js +1 -2
  116. package/esm/toast/toast.js +1 -1
  117. package/esm/view-switcher/view-switcher.d.ts +5 -0
  118. package/esm/view-switcher/view-switcher.js +6 -1
  119. package/package.json +2 -2
  120. package/sass/calendar/_mixins.scss +2 -3
  121. package/sass/data-table/_core.scss +52 -0
  122. package/sass/data-table/_token-utils.scss +15 -0
  123. package/sass/data-table/body/body.scss +27 -0
  124. package/sass/data-table/cell/cell.scss +27 -0
  125. package/sass/data-table/column/column.scss +27 -0
  126. package/sass/data-table/footer/footer.scss +27 -0
  127. package/sass/data-table/head/head.scss +27 -0
  128. package/sass/data-table/index.scss +12 -0
  129. package/sass/data-table/row/row.scss +27 -0
  130. package/sass/data-table/table/table.scss +16 -0
  131. package/sass/view-switcher/view-switcher.scss +13 -7
@@ -14,6 +14,28 @@
14
14
  ],
15
15
  "references": []
16
16
  },
17
+ {
18
+ "name": "forge-avatar",
19
+ "description": "Avatars represent an entity via text or image.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for avatar content if not provided via text/imageUrl.\n\n### **CSS Properties:**\n - **--forge-avatar-background** - The background color of the avatar. _(default: undefined)_\n- **--forge-avatar-shape** - The border radius of the avatar, defaults to 50%. _(default: undefined)_\n- **--forge-avatar-color** - The text color of the avatar. _(default: undefined)_\n- **--forge-avatar-size** - The height and width of the avatar. _(default: undefined)_\n- **--forge-avatar-transition-duration** - The transition duration for animations. _(default: undefined)_\n- **--forge-avatar-transition-timing** - The transition timing function for animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.",
20
+ "attributes": [
21
+ {
22
+ "name": "text",
23
+ "description": "The text to display in the avatar.",
24
+ "values": []
25
+ },
26
+ {
27
+ "name": "letter-count",
28
+ "description": "Controls the number of letters to display from the text. By default the text is split on spaces and the first character of each word is used.",
29
+ "values": []
30
+ },
31
+ {
32
+ "name": "image-url",
33
+ "description": "The background image URL to use.",
34
+ "values": []
35
+ }
36
+ ],
37
+ "references": []
38
+ },
17
39
  {
18
40
  "name": "forge-backdrop",
19
41
  "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.",
@@ -31,12 +53,6 @@
31
53
  ],
32
54
  "references": []
33
55
  },
34
- {
35
- "name": "forge-badge",
36
- "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)_",
37
- "attributes": [],
38
- "references": []
39
- },
40
56
  {
41
57
  "name": "forge-autocomplete",
42
58
  "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.",
@@ -150,22 +166,33 @@
150
166
  "references": []
151
167
  },
152
168
  {
153
- "name": "forge-avatar",
154
- "description": "Avatars represent an entity via text or image.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for avatar content if not provided via text/imageUrl.\n\n### **CSS Properties:**\n - **--forge-avatar-background** - The background color of the avatar. _(default: undefined)_\n- **--forge-avatar-shape** - The border radius of the avatar, defaults to 50%. _(default: undefined)_\n- **--forge-avatar-color** - The text color of the avatar. _(default: undefined)_\n- **--forge-avatar-size** - The height and width of the avatar. _(default: undefined)_\n- **--forge-avatar-transition-duration** - The transition duration for animations. _(default: undefined)_\n- **--forge-avatar-transition-timing** - The transition timing function for animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.",
169
+ "name": "forge-badge",
170
+ "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)_",
171
+ "attributes": [],
172
+ "references": []
173
+ },
174
+ {
175
+ "name": "forge-bottom-sheet",
176
+ "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.",
155
177
  "attributes": [
156
178
  {
157
- "name": "text",
158
- "description": "The text to display in the avatar.",
179
+ "name": "open",
180
+ "description": "Whether the bottom sheet is open.",
159
181
  "values": []
160
182
  },
161
183
  {
162
- "name": "letter-count",
163
- "description": "Controls the number of letters to display from the text. By default the text is split on spaces and the first character of each word is used.",
184
+ "name": "mode",
185
+ "description": "The mode of the bottom sheet.",
186
+ "values": [{ "name": "BottomSheetMode" }]
187
+ },
188
+ {
189
+ "name": "persistent",
190
+ "description": "Whether the bottom sheet is persistent.",
164
191
  "values": []
165
192
  },
166
193
  {
167
- "name": "image-url",
168
- "description": "The background image URL to use.",
194
+ "name": "fullscreen",
195
+ "description": "Whether the bottom sheet is fullscreen.",
169
196
  "values": []
170
197
  }
171
198
  ],
@@ -193,33 +220,6 @@
193
220
  ],
194
221
  "references": []
195
222
  },
196
- {
197
- "name": "forge-bottom-sheet",
198
- "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.",
199
- "attributes": [
200
- {
201
- "name": "open",
202
- "description": "Whether the bottom sheet is open.",
203
- "values": []
204
- },
205
- {
206
- "name": "mode",
207
- "description": "The mode of the bottom sheet.",
208
- "values": [{ "name": "BottomSheetMode" }]
209
- },
210
- {
211
- "name": "persistent",
212
- "description": "Whether the bottom sheet is persistent.",
213
- "values": []
214
- },
215
- {
216
- "name": "fullscreen",
217
- "description": "Whether the bottom sheet is fullscreen.",
218
- "values": []
219
- }
220
- ],
221
- "references": []
222
- },
223
223
  {
224
224
  "name": "forge-button",
225
225
  "description": "Buttons represent actions that a user can take.\n---\n\n\n### **Events:**\n - **click** - Fires when the button is clicked.\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 label text.\n- **start** - Elements to logically render before the label text.\n- **end** - Elements to logically render after the label text.\n\n### **CSS Properties:**\n - **--forge-button-primary-color** - The primary color of the button. _(default: undefined)_\n- **--forge-button-text-color** - The text color of the button. Inherits from primary color. _(default: undefined)_\n- **--forge-button-disabled-color** - The disabled color of the button. _(default: undefined)_\n- **--forge-button-padding** - The padding of the button. _(default: undefined)_\n- **--forge-button-display** - The display of the button. _(default: undefined)_\n- **--forge-button-justify** - The flex justify of the button. _(default: undefined)_\n- **--forge-button-shape** - The shape of the button. _(default: undefined)_\n- **--forge-button-height** - The height of the button. _(default: undefined)_\n- **--forge-button-min-width** - The min-width of the button. _(default: undefined)_\n- **--forge-button-spacing** - The spacing of the button. _(default: undefined)_\n- **--forge-button-border-width** - The border-width of the button. _(default: undefined)_\n- **--forge-button-border-style** - The border style of the button. _(default: undefined)_\n- **--forge-button-border-color** - The border color of the button. _(default: undefined)_\n- **--forge-button-shape-start-start-radius** - The shape start start radius of the button. _(default: undefined)_\n- **--forge-button-shape-start-end-radius** - The shape start end radius of the button. _(default: undefined)_\n- **--forge-button-shape-end-start-radius** - The shape end start radius of the button. _(default: undefined)_\n- **--forge-button-shape-end-end-radius** - The shape end end radius of the button. _(default: undefined)_\n- **--forge-button-padding-block** - The padding block of the button. _(default: undefined)_\n- **--forge-button-padding-inline** - The padding inline of the button. _(default: undefined)_\n- **--forge-button-background** - The background color of the button. _(default: undefined)_\n- **--forge-button-hover-background** - The background color of the button on hover. _(default: undefined)_\n- **--forge-button-active-background** - The background color of the button on active state. _(default: undefined)_\n- **--forge-button-color** - The text color of the button. _(default: undefined)_\n- **--forge-button-icon-size** - The size of the icon in the button. _(default: undefined)_\n- **--forge-button-shadow** - The shadow of the button. _(default: undefined)_\n- **--forge-button-hover-shadow** - The shadow of the button on hover. _(default: undefined)_\n- **--forge-button-active-shadow** - The shadow of the button on active state. _(default: undefined)_\n- **--forge-button-cursor** - The cursor type of the button. _(default: undefined)_\n- **--forge-button-transition-duration** - The transition duration of the button. _(default: undefined)_\n- **--forge-button-transition-timing** - The transition timing of the button. _(default: undefined)_\n- **--forge-button-text-padding-inline** - The inline padding of the button when using the text variant. _(default: undefined)_\n- **--forge-button-filled-background** - The background color of the filled button. _(default: undefined)_\n- **--forge-button-filled-disabled-background** - The background color of the disabled filled button. _(default: undefined)_\n- **--forge-button-filled-color** - The text color of the filled button. _(default: undefined)_\n- **--forge-button-filled-disabled-color** - The text color of the disabled filled button. _(default: undefined)_\n- **--forge-button-raised-background** - The background color of the raised button. _(default: undefined)_\n- **--forge-button-raised-disabled-background** - The background color of the disabled raised button. _(default: undefined)_\n- **--forge-button-raised-color** - The text color of the raised button. _(default: undefined)_\n- **--forge-button-raised-disabled-color** - The text color of the disabled raised button. _(default: undefined)_\n- **--forge-button-raised-shadow** - The shadow of the raised button. _(default: undefined)_\n- **--forge-button-raised-hover-shadow** - The shadow of the raised button on hover. _(default: undefined)_\n- **--forge-button-raised-active-shadow** - The shadow of the raised button on active state. _(default: undefined)_\n- **--forge-button-raised-disabled-shadow** - The shadow of the disabled raised button. _(default: undefined)_\n- **--forge-button-flat-background** - The background color of the flat button. _(default: undefined)_\n- **--forge-button-flat-disabled-background** - The background color of the disabled flat button. _(default: undefined)_\n- **--forge-button-flat-color** - The text color of the flat button. _(default: undefined)_\n- **--forge-button-flat-disabled-color** - The text color of the disabled flat button. _(default: undefined)_\n- **--forge-button-outlined-background** - The background color of the outlined button. _(default: undefined)_\n- **--forge-button-outlined-color** - The text color of the outlined button. _(default: undefined)_\n- **--forge-button-outlined-border-width** - The border width of the outlined button. _(default: undefined)_\n- **--forge-button-outlined-border-style** - The border style of the outlined button. _(default: undefined)_\n- **--forge-button-outlined-border-color** - The border color of the outlined button. _(default: undefined)_\n- **--forge-button-link-color** - The text color of the link button. _(default: undefined)_\n- **--forge-button-link-text-decoration** - The text decoration of the link button. _(default: undefined)_\n- **--forge-button-link-height** - The height of the link button. _(default: undefined)_\n- **--forge-button-link-padding** - The padding of the link button. _(default: undefined)_\n- **--forge-button-link-line-height** - The line height of the link button. _(default: undefined)_\n- **--forge-button-link-width** - The width of the link button. _(default: undefined)_\n- **--forge-button-link-hover-text-decoration** - The text decoration of the link button on hover. _(default: undefined)_\n- **--forge-button-link-active-opacity** - The opacity of the link button on active state. _(default: undefined)_\n- **--forge-button-link-transition-duration** - The transition duration of the link button. _(default: undefined)_\n- **--forge-button-link-transition-timing** - The transition timing of the link button. _(default: undefined)_\n- **--forge-button-disabled-cursor** - The cursor type of the disabled button. _(default: undefined)_\n- **--forge-button-disabled-text-color** - The text color of the disabled button. _(default: undefined)_\n- **--forge-button-disabled-background** - The background color of the disabled button. _(default: undefined)_\n- **--forge-button-disabled-border-color** - The border color of the disabled button. _(default: undefined)_\n- **--forge-button-disabled-shadow** - The shadow of the disabled button. _(default: undefined)_\n- **--forge-button-dense-height** - The height of the dense button. _(default: undefined)_\n- **--forge-button-pill-shape** - The shape of the pill button. _(default: undefined)_\n- **--forge-button-pill-padding-inline** - The inline padding of the pill button. _(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.",
@@ -291,7 +291,7 @@
291
291
  },
292
292
  {
293
293
  "name": "forge-calendar",
294
- "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.",
294
+ "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.",
295
295
  "attributes": [
296
296
  {
297
297
  "name": "allow-single-date-range",
@@ -388,36 +388,6 @@
388
388
  "description": "Whether to show a button to select today.",
389
389
  "values": []
390
390
  },
391
- {
392
- "name": "show-yesterday",
393
- "description": "Whether to show the yesterday button.",
394
- "values": []
395
- },
396
- {
397
- "name": "yesterday-button",
398
- "description": "Whether to show a button to select yesterday.",
399
- "values": []
400
- },
401
- {
402
- "name": "show-last-seven-days",
403
- "description": "Whether to show the last seven days button.",
404
- "values": []
405
- },
406
- {
407
- "name": "last-seven-days-button",
408
- "description": "Whether to show a button to select last seven days.",
409
- "values": []
410
- },
411
- {
412
- "name": "show-last-thirty-days",
413
- "description": "Whether to show the last thirty days button.",
414
- "values": []
415
- },
416
- {
417
- "name": "last-thirty-days-button",
418
- "description": "Whether to show a button to select last thirty days.",
419
- "values": []
420
- },
421
391
  {
422
392
  "name": "view",
423
393
  "description": "The view of the calendar.",
@@ -707,21 +677,6 @@
707
677
  "description": "Whether the today button is visible in the popup.",
708
678
  "values": []
709
679
  },
710
- {
711
- "name": "show-yesterday",
712
- "description": "Whether the yesterday button is visible in the popup.",
713
- "values": []
714
- },
715
- {
716
- "name": "show-last-seven-days",
717
- "description": "Whether the last seven days button is visible in the popup.",
718
- "values": []
719
- },
720
- {
721
- "name": "show-last-thirty-days",
722
- "description": "Whether the last thirty days button is visible in the popup.",
723
- "values": []
724
- },
725
680
  {
726
681
  "name": "value-mode",
727
682
  "description": "The type for the `value` property and `forge-date-picker-change` event.",
@@ -801,21 +756,6 @@
801
756
  "description": "Whether the today button is visible in the popup.",
802
757
  "values": []
803
758
  },
804
- {
805
- "name": "show-yesterday",
806
- "description": "Whether the yesterday button is visible in the popup.",
807
- "values": []
808
- },
809
- {
810
- "name": "show-last-seven-days",
811
- "description": "Whether the last seven days button is visible in the popup.",
812
- "values": []
813
- },
814
- {
815
- "name": "show-last-thirty-days",
816
- "description": "Whether the last thirty days button is visible in the popup.",
817
- "values": []
818
- },
819
759
  {
820
760
  "name": "value-mode",
821
761
  "description": "The type for the `value` property and `forge-date-picker-change` event.",
@@ -1707,6 +1647,11 @@
1707
1647
  "description": "The preset to use for the popover.",
1708
1648
  "values": []
1709
1649
  },
1650
+ {
1651
+ "name": "distinct",
1652
+ "description": "Enforces that this popover should be the only one open in the same context. Use a unique name otherwise a default context will be used.",
1653
+ "values": []
1654
+ },
1710
1655
  {
1711
1656
  "name": "anchor",
1712
1657
  "description": "The IDREF of the anchor element to position the overlay relative to.",
@@ -2129,7 +2074,7 @@
2129
2074
  },
2130
2075
  {
2131
2076
  "name": "forge-table",
2132
- "description": "\n---\n\n\n### **Events:**\n - **forge-table-row-click** - Dispatched when a row is clicked. Only applies when `allow-row-click` is specified.\n- **forge-table-select** - Dispatched when a row is selected. Only applies when `select` is specified.\n- **forge-table-select-double** - Dispatched when a row is double-clicked. Only applies when `select` is specified.\n- **forge-table-select-all** - Dispatched when the select all checkbox is toggled. Only applies when `select` and `multiselect` is specified.\n- **forge-table-sort** - Dispatched when a column is sorted.\n- **forge-table-filter** - Dispatched when a column is filtered. Only applies when `filter` is specified.\n- **forge-table-initialized** - Dispatched when the table is initialized in the DOM for the first time.\n- **forge-table-column-resize** - Dispatched when a column is resized.\n\n### **Methods:**\n - **hideColumn(columnIndex: _number_): _void_** - Hides a column from the table.\n- **showColumn(columnIndex: _number_): _void_** - Shows a hidden column in th table.\n- **isColumnHidden(columnIndex: _number_): _boolean_** - Determines if a column at the given index is hidden or not.\n- **getSelectedRows(): _any[]_** - Returns the selected row instances.\n- **selectRow(data: _any_): _void_** - Selects a row in the table. Only applicable if `select` is true.\n- **selectRows(data: _any[]_, preserveExisting: _boolean_): _void_** - Selects one or more rows in the table. Only applicable if `select` is true.\n- **deselectRow(data: _any_): _void_** - Deselects a single row in the table.\n- **deselectRows(data: _any[]_): _void_** - Deselects one or more rows in the table.\n- **clearSelections(): _void_** - Clears all selected table rows.\n- **render(): _void_** - Forces the table to re-render based on its current configuration.\n- **expandRow(rowIndex: _any_, template: _TableViewTemplate_): _Promise<void>_** - Expands a collapsed row.\n- **collapseRow(rowIndex: _number_): _Promise<void>_** - Collapses an expanded row.\n- **isRowExpanded(rowIndex: _number_): _boolean_** - Checks if a row is expanded or not.\n- **selectRowsByIndex(indexes: _number | number[]_, preserveExisting: _boolean_): _void_** - Selects a rows by an index or array of indexes.\n- **deselectRowsByIndex(indexes: _number | number[]_): _void_** - Deselects a rows by an index or array of indexes.\n- **isRowSelected(rowData: _{ [key: string]: any }_): _boolean_** - Checks if a row is selected or not.",
2077
+ "description": "\n---\n\n\n### **Events:**\n - **forge-table-row-click** - Dispatched when a row is clicked. Only applies when `allow-row-click` is specified.\n- **forge-table-select** - Dispatched when a row is selected. Only applies when `select` is specified.\n- **forge-table-select-double** - Dispatched when a row is double-clicked. Only applies when `select` is specified.\n- **forge-table-select-all** - Dispatched when the select all checkbox is toggled. Only applies when `select` and `multiselect` is specified.\n- **forge-table-sort** - Dispatched when a column is sorted.\n- **forge-table-filter** - Dispatched when a column is filtered. Only applies when `filter` is specified.\n- **forge-table-initialized** - Dispatched when the table is initialized in the DOM for the first time.\n- **forge-table-column-resize** - Dispatched when a column is resized.\n- **forge-table-body-rendered** - Dispatched when the table body is rendered.\n\n### **Methods:**\n - **hideColumn(columnIndex: _number_): _void_** - Hides a column from the table.\n- **showColumn(columnIndex: _number_): _void_** - Shows a hidden column in th table.\n- **isColumnHidden(columnIndex: _number_): _boolean_** - Determines if a column at the given index is hidden or not.\n- **getSelectedRows(): _any[]_** - Returns the selected row instances.\n- **selectRow(data: _any_): _void_** - Selects a row in the table. Only applicable if `select` is true.\n- **selectRows(data: _any[]_, preserveExisting: _boolean_): _void_** - Selects one or more rows in the table. Only applicable if `select` is true.\n- **deselectRow(data: _any_): _void_** - Deselects a single row in the table.\n- **deselectRows(data: _any[]_): _void_** - Deselects one or more rows in the table.\n- **clearSelections(): _void_** - Clears all selected table rows.\n- **render(): _void_** - Forces the table to re-render based on its current configuration.\n- **expandRow(rowIndex: _any_, template: _TableViewTemplate_): _Promise<void>_** - Expands a collapsed row.\n- **collapseRow(rowIndex: _number_): _Promise<void>_** - Collapses an expanded row.\n- **isRowExpanded(rowIndex: _number_): _boolean_** - Checks if a row is expanded or not.\n- **selectRowsByIndex(indexes: _number | number[]_, preserveExisting: _boolean_): _void_** - Selects a rows by an index or array of indexes.\n- **deselectRowsByIndex(indexes: _number | number[]_): _void_** - Deselects a rows by an index or array of indexes.\n- **isRowSelected(rowData: _{ [key: string]: any }_): _boolean_** - Checks if a row is selected or not.",
2133
2078
  "attributes": [
2134
2079
  {
2135
2080
  "name": "select",
@@ -2565,7 +2510,7 @@
2565
2510
  },
2566
2511
  {
2567
2512
  "name": "forge-view-switcher",
2568
- "description": "\n---\n\n\n### **Methods:**\n - **next(): _void_** - Transitions to the next view.\n- **previous(): _void_** - Transitions to the previous view.\n- **goToStart(): _void_** - Transitions to the first view.\n- **goToEnd(): _void_** - Transitions to the last view.",
2513
+ "description": "\n---\n\n\n### **Methods:**\n - **next(): _void_** - Transitions to the next view.\n- **previous(): _void_** - Transitions to the previous view.\n- **goToStart(): _void_** - Transitions to the first view.\n- **goToEnd(): _void_** - Transitions to the last view.\n\n### **CSS Properties:**\n - **--forge-view-switcher-height** - The `height` of the view switcher. _(default: undefined)_\n- **--forge-view-switcher-width** - The `width` of the view switcher. _(default: undefined)_\n- **--forge-view-switcher-animation-duration** - The duration of view switching animations. _(default: undefined)_\n- **--forge-view-switcher-animation-easing** - The timing function of view switching animations. _(default: undefined)_",
2569
2514
  "attributes": [
2570
2515
  {
2571
2516
  "name": "index",
@@ -2706,6 +2651,28 @@
2706
2651
  ],
2707
2652
  "references": []
2708
2653
  },
2654
+ {
2655
+ "name": "forge-app-bar-search",
2656
+ "description": "\n---\n\n\n### **Events:**\n - **forge-app-bar-search-input** - Emits when the users executes the search via pressing the Enter key while the `<input>` has focus.\n\n### **Slots:**\n - _default_ - The default (unnamed) slot is where child `<input>` elements will be placed.\n- **action** - Places actions at the end of the input.\n\n### **CSS Properties:**\n - **--forge-theme-on-primary** - Controls the border-color of the container outline, the font-color, and icon color. _(default: undefined)_\n- **--forge-theme-on-surface** - Controls the font color of the buttons. _(default: undefined)_\n- **--forge-theme-text-medium** - Controls the placeholder font color. _(default: undefined)_\n- **--forge-app-bar-search-theme-background** - Controls the background-color of the container. _(default: undefined)_\n- **--forge-app-bar-search-theme-background-focused** - Controls the focused background-color of the container. _(default: undefined)_\n- **--forge-app-bar-search-theme-hover-opacity** - Controls the hover opacity of the outline. _(default: undefined)_\n- **--forge-app-bar-search-theme-disabled-opacity** - Controls the disabled opacity of the component. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element\n- **container** - The input container element.\n- **icon-container** - The icon container element.\n- **icon** - The <forge-icon> element.\n- **context** - The context container element.\n- **context-divider** - The context divider element.\n- **context-button** - The context button element.\n- **context-button-text** - The context button text element.\n- **context-button-icon** - The context button icon element.\n- **global-icon-container** - The global icon container element.\n- **global-icon** - The global icon <forge-icon> element.\n- **actions-container** - The action container element around the slot.",
2657
+ "attributes": [
2658
+ {
2659
+ "name": "disabled",
2660
+ "description": "A boolean attribute that, if present, indicates that the input should be disabled.",
2661
+ "values": []
2662
+ },
2663
+ {
2664
+ "name": "value",
2665
+ "description": "The value of the input.",
2666
+ "values": []
2667
+ },
2668
+ {
2669
+ "name": "placeholder",
2670
+ "description": "The placeholder text of the input.",
2671
+ "values": []
2672
+ }
2673
+ ],
2674
+ "references": []
2675
+ },
2709
2676
  {
2710
2677
  "name": "forge-app-bar-profile-button",
2711
2678
  "description": "\n---\n\n\n### **Events:**\n - **forge-profile-card-sign-out** - Fires when the sign out button is clicked.\n- **forge-profile-card-profile** - Fires when the profile button is clicked.",
@@ -2770,28 +2737,6 @@
2770
2737
  ],
2771
2738
  "references": []
2772
2739
  },
2773
- {
2774
- "name": "forge-app-bar-search",
2775
- "description": "\n---\n\n\n### **Events:**\n - **forge-app-bar-search-input** - Emits when the users executes the search via pressing the Enter key while the `<input>` has focus.\n\n### **Slots:**\n - _default_ - The default (unnamed) slot is where child `<input>` elements will be placed.\n- **action** - Places actions at the end of the input.\n\n### **CSS Properties:**\n - **--forge-theme-on-primary** - Controls the border-color of the container outline, the font-color, and icon color. _(default: undefined)_\n- **--forge-theme-on-surface** - Controls the font color of the buttons. _(default: undefined)_\n- **--forge-theme-text-medium** - Controls the placeholder font color. _(default: undefined)_\n- **--forge-app-bar-search-theme-background** - Controls the background-color of the container. _(default: undefined)_\n- **--forge-app-bar-search-theme-background-focused** - Controls the focused background-color of the container. _(default: undefined)_\n- **--forge-app-bar-search-theme-hover-opacity** - Controls the hover opacity of the outline. _(default: undefined)_\n- **--forge-app-bar-search-theme-disabled-opacity** - Controls the disabled opacity of the component. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element\n- **container** - The input container element.\n- **icon-container** - The icon container element.\n- **icon** - The <forge-icon> element.\n- **context** - The context container element.\n- **context-divider** - The context divider element.\n- **context-button** - The context button element.\n- **context-button-text** - The context button text element.\n- **context-button-icon** - The context button icon element.\n- **global-icon-container** - The global icon container element.\n- **global-icon** - The global icon <forge-icon> element.\n- **actions-container** - The action container element around the slot.",
2776
- "attributes": [
2777
- {
2778
- "name": "disabled",
2779
- "description": "A boolean attribute that, if present, indicates that the input should be disabled.",
2780
- "values": []
2781
- },
2782
- {
2783
- "name": "value",
2784
- "description": "The value of the input.",
2785
- "values": []
2786
- },
2787
- {
2788
- "name": "placeholder",
2789
- "description": "The placeholder text of the input.",
2790
- "values": []
2791
- }
2792
- ],
2793
- "references": []
2794
- },
2795
2740
  {
2796
2741
  "name": "forge-button-toggle",
2797
2742
  "description": "\n---\n\n\n### **Events:**\n - **forge-button-toggle-select** - Dispatches when the user toggles the button.\n\n### **Slots:**\n - _default_ - The default/unnamed slot for the button toggle's content.\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\n### **CSS Properties:**\n - **--forge-button-toggle-display** - The `display` style for the button toggle container element. _(default: undefined)_\n- **--forge-button-toggle-min-width** - The minimum width. _(default: undefined)_\n- **--forge-button-toggle-spacing** - The spacing between the button toggle and its content. _(default: undefined)_\n- **--forge-button-toggle-padding-block** - The padding on the block axis. _(default: undefined)_\n- **--forge-button-toggle-padding-inline** - The padding on the inline axis. _(default: undefined)_\n- **--forge-button-toggle-color** - The color of the button toggle content. _(default: undefined)_\n- **--forge-button-toggle-background** - The background of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-cursor** - The cursor of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-width** - The border-width of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-style** - The border-style of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-border-color** - The border-color of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape** - The shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-start-start** - The start-start shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-start-end** - The start-end shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-end-start** - The end-start shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-shape-end-end** - The end-end shape radius of the button toggle. _(default: undefined)_\n- **--forge-button-toggle-selected-background** - The background of the button toggle when selected. _(default: undefined)_\n- **--forge-button-toggle-selected-color** - The color of the button toggle content when selected. _(default: undefined)_\n- **--forge-button-toggle-selected-disabled-background** - The background of the button toggle when selected and disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-opacity** - The opacity of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-cursor** - The cursor of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-color** - The color of the button toggle content when disabled. _(default: undefined)_\n- **--forge-button-toggle-disabled-background** - The background of the button toggle when disabled. _(default: undefined)_\n- **--forge-button-toggle-transition-duration** - The transition-duration of various properties. _(default: undefined)_\n- **--forge-button-toggle-transition-timing** - The transition-timing of various properties. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **focus-indicator** - The focus indicator element.\n- **state-layer** - The state layer surface element.",
@@ -2876,43 +2821,6 @@
2876
2821
  ],
2877
2822
  "references": []
2878
2823
  },
2879
- {
2880
- "name": "forge-chip-set",
2881
- "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.",
2882
- "attributes": [
2883
- {
2884
- "name": "vertical",
2885
- "description": "Whether the chip set is vertically oriented.",
2886
- "values": []
2887
- },
2888
- {
2889
- "name": "type",
2890
- "description": "The type of chips.",
2891
- "values": [{ "name": "ChipType" }]
2892
- },
2893
- {
2894
- "name": "dense",
2895
- "description": "Whether all chips in the chip set are dense.",
2896
- "values": []
2897
- },
2898
- {
2899
- "name": "disabled",
2900
- "description": "Whether all chips in the chip set are disabled.",
2901
- "values": []
2902
- },
2903
- {
2904
- "name": "invalid",
2905
- "description": "Whether all chips in the chip set are invalid.",
2906
- "values": []
2907
- },
2908
- {
2909
- "name": "theme",
2910
- "description": "The theme of the chips.",
2911
- "values": [{ "name": "ChipTheme" }]
2912
- }
2913
- ],
2914
- "references": []
2915
- },
2916
2824
  {
2917
2825
  "name": "forge-chip",
2918
2826
  "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.",
@@ -2971,6 +2879,85 @@
2971
2879
  ],
2972
2880
  "references": []
2973
2881
  },
2882
+ {
2883
+ "name": "forge-chip-set",
2884
+ "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.",
2885
+ "attributes": [
2886
+ {
2887
+ "name": "vertical",
2888
+ "description": "Whether the chip set is vertically oriented.",
2889
+ "values": []
2890
+ },
2891
+ {
2892
+ "name": "type",
2893
+ "description": "The type of chips.",
2894
+ "values": [{ "name": "ChipType" }]
2895
+ },
2896
+ {
2897
+ "name": "dense",
2898
+ "description": "Whether all chips in the chip set are dense.",
2899
+ "values": []
2900
+ },
2901
+ {
2902
+ "name": "disabled",
2903
+ "description": "Whether all chips in the chip set are disabled.",
2904
+ "values": []
2905
+ },
2906
+ {
2907
+ "name": "invalid",
2908
+ "description": "Whether all chips in the chip set are invalid.",
2909
+ "values": []
2910
+ },
2911
+ {
2912
+ "name": "theme",
2913
+ "description": "The theme of the chips.",
2914
+ "values": [{ "name": "ChipTheme" }]
2915
+ }
2916
+ ],
2917
+ "references": []
2918
+ },
2919
+ {
2920
+ "name": "forge-data-table-body",
2921
+ "description": "Represents the body section of a data table.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for body content.\n\n### **CSS Parts:**\n - **root** - The root container element.",
2922
+ "attributes": [],
2923
+ "references": []
2924
+ },
2925
+ {
2926
+ "name": "forge-data-table-cell",
2927
+ "description": "Represents a cell in a data table.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for cell content.\n\n### **CSS Parts:**\n - **root** - The root container element.",
2928
+ "attributes": [],
2929
+ "references": []
2930
+ },
2931
+ {
2932
+ "name": "forge-data-table-column",
2933
+ "description": "Represents a column in a data table.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for column content.\n\n### **CSS Parts:**\n - **root** - The root container element.",
2934
+ "attributes": [],
2935
+ "references": []
2936
+ },
2937
+ {
2938
+ "name": "forge-data-table-footer",
2939
+ "description": "Represents the footer section of a data table.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for footer content.\n\n### **CSS Parts:**\n - **root** - The root container element.",
2940
+ "attributes": [],
2941
+ "references": []
2942
+ },
2943
+ {
2944
+ "name": "forge-data-table-head",
2945
+ "description": "Represents the header section of a data table.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for head content.\n\n### **CSS Parts:**\n - **root** - The root container element.",
2946
+ "attributes": [],
2947
+ "references": []
2948
+ },
2949
+ {
2950
+ "name": "forge-data-table-row",
2951
+ "description": "Represents a row in a data table.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for row content.\n\n### **CSS Parts:**\n - **root** - The root container element.",
2952
+ "attributes": [],
2953
+ "references": []
2954
+ },
2955
+ {
2956
+ "name": "forge-data-table",
2957
+ "description": "Data tables display information in a grid-like format of rows and columns.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for data table content.\n\n### **CSS Parts:**\n - **root** - The root container element.",
2958
+ "attributes": [],
2959
+ "references": []
2960
+ },
2974
2961
  {
2975
2962
  "name": "forge-deprecated-button",
2976
2963
  "description": "@deprecated Use the `<forge-button>` element instead.\n\n\n---\n",
@@ -3411,6 +3398,23 @@
3411
3398
  ],
3412
3399
  "references": []
3413
3400
  },
3401
+ {
3402
+ "name": "forge-option-group",
3403
+ "description": "\n---\n",
3404
+ "attributes": [
3405
+ {
3406
+ "name": "value",
3407
+ "description": "Gets/sets the optional group value.",
3408
+ "values": []
3409
+ },
3410
+ {
3411
+ "name": "text",
3412
+ "description": "The text content for the group.",
3413
+ "values": []
3414
+ }
3415
+ ],
3416
+ "references": []
3417
+ },
3414
3418
  {
3415
3419
  "name": "forge-select",
3416
3420
  "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.",
@@ -3563,23 +3567,6 @@
3563
3567
  ],
3564
3568
  "references": []
3565
3569
  },
3566
- {
3567
- "name": "forge-option-group",
3568
- "description": "\n---\n",
3569
- "attributes": [
3570
- {
3571
- "name": "value",
3572
- "description": "Gets/sets the optional group value.",
3573
- "values": []
3574
- },
3575
- {
3576
- "name": "text",
3577
- "description": "The text content for the group.",
3578
- "values": []
3579
- }
3580
- ],
3581
- "references": []
3582
- },
3583
3570
  {
3584
3571
  "name": "forge-select-dropdown",
3585
3572
  "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.",
@@ -5,7 +5,7 @@
5
5
  */
6
6
  import { __decorate } from "tslib";
7
7
  import { customElement, attachLightTemplate, coreProperty } from '@tylertech/forge-core';
8
- import { tylIconHelp } from '@tylertech/tyler-icons/standard';
8
+ import { tylIconHelp } from '@tylertech/tyler-icons';
9
9
  import { MenuComponent } from '../../menu';
10
10
  import { AppBarHelpButtonAdapter } from './app-bar-help-button-adapter';
11
11
  import { AppBarHelpButtonCore } from './app-bar-help-button-core';
@@ -9,7 +9,7 @@ import { APP_BAR_MENU_BUTTON_CONSTANTS } from './app-bar-menu-button-constants';
9
9
  import { IconButtonComponent, ICON_BUTTON_CONSTANTS } from '../../icon-button';
10
10
  import { TooltipComponent } from '../../tooltip';
11
11
  import { IconRegistry, ICON_CONSTANTS } from '../../icon';
12
- import { tylIconMenu } from '@tylertech/tyler-icons/standard';
12
+ import { tylIconMenu } from '@tylertech/tyler-icons';
13
13
  import { BaseComponent } from '../../core/base/base-component';
14
14
  import { forwardAttributes } from '../../core/utils/reflect-utils';
15
15
  const template = '<template><forge-icon-button theme=\"app-bar\"><forge-icon name=\"menu\"></forge-icon></forge-icon-button><forge-tooltip type=\"label\" placement=\"bottom\">Menu</forge-tooltip></template>';
@@ -5,7 +5,7 @@
5
5
  */
6
6
  import { __decorate } from "tslib";
7
7
  import { attachLightTemplate, coerceBoolean, coreProperty, customElement } from '@tylertech/forge-core';
8
- import { tylIconNotifications } from '@tylertech/tyler-icons/standard';
8
+ import { tylIconNotifications } from '@tylertech/tyler-icons';
9
9
  import { defineBadgeComponent } from '../../badge';
10
10
  import { BaseComponent } from '../../core/base/base-component';
11
11
  import { IconComponent, IconRegistry } from '../../icon';
@@ -5,7 +5,7 @@
5
5
  */
6
6
  import { __decorate } from "tslib";
7
7
  import { customElement, attachShadowTemplate, coerceBoolean, coreProperty, ensureInputElement } from '@tylertech/forge-core';
8
- import { tylIconSearch } from '@tylertech/tyler-icons/standard';
8
+ import { tylIconSearch } from '@tylertech/tyler-icons';
9
9
  import { AppBarSearchCore } from './app-bar-search-core';
10
10
  import { AppBarSearchAdapter } from './app-bar-search-adapter';
11
11
  import { APP_BAR_SEARCH_CONSTANTS } from './app-bar-search-constants';
@@ -5,7 +5,7 @@
5
5
  */
6
6
  import { __decorate } from "tslib";
7
7
  import { attachShadowTemplate, coerceBoolean, coerceNumber, customElement, ensureChild, coreProperty } from '@tylertech/forge-core';
8
- import { tylIconArrowDropDown, tylIconCheckBox, tylIconCheckBoxOutlineBlank } from '@tylertech/tyler-icons/standard';
8
+ import { tylIconArrowDropDown, tylIconCheckBox, tylIconCheckBoxOutlineBlank } from '@tylertech/tyler-icons';
9
9
  import { DividerComponent } from '../divider';
10
10
  import { IconComponent, IconRegistry } from '../icon';
11
11
  import { LinearProgressComponent } from '../linear-progress';
@@ -3,10 +3,10 @@
3
3
  * Copyright Tyler Technologies, Inc.
4
4
  * License: Apache-2.0
5
5
  */
6
- import { tryDefine } from '@tylertech/forge-core';
7
- import { AVATAR_TAG_NAME, AvatarComponent } from './avatar';
6
+ import { defineCustomElement } from '@tylertech/forge-core';
7
+ import { AvatarComponent } from './avatar';
8
8
  export * from './avatar';
9
9
  export * from './avatar-constants';
10
10
  export function defineAvatarComponent() {
11
- tryDefine(AVATAR_TAG_NAME, AvatarComponent);
11
+ defineCustomElement(AvatarComponent);
12
12
  }
@@ -3,11 +3,11 @@
3
3
  * Copyright Tyler Technologies, Inc.
4
4
  * License: Apache-2.0
5
5
  */
6
- import { tryDefine } from '@tylertech/forge-core';
7
- import { BADGE_TAG_NAME, BadgeComponent } from './badge';
6
+ import { defineCustomElement } from '@tylertech/forge-core';
7
+ import { BadgeComponent } from './badge';
8
8
  export * from './badge-component-delegate';
9
9
  export * from './badge-constants';
10
10
  export * from './badge';
11
11
  export function defineBadgeComponent() {
12
- tryDefine(BADGE_TAG_NAME, BadgeComponent);
12
+ defineCustomElement(BadgeComponent);
13
13
  }
@@ -5,7 +5,7 @@
5
5
  */
6
6
  import { __decorate } from "tslib";
7
7
  import { attachShadowTemplate, coerceBoolean, customElement, coreProperty } from '@tylertech/forge-core';
8
- import { tylIconCancel } from '@tylertech/tyler-icons/standard';
8
+ import { tylIconCancel } from '@tylertech/tyler-icons';
9
9
  import { BaseComponent } from '../core/base/base-component';
10
10
  import { IconRegistry } from '../icon';
11
11
  import { IconButtonComponent } from '../icon-button';