@tylertech/forge 3.9.0 → 3.9.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 (82) hide show
  1. package/custom-elements.json +22 -20
  2. package/dist/badge/forge-badge.css +1 -1
  3. package/dist/forge.css +0 -1
  4. package/dist/lib.js +7 -7
  5. package/dist/lib.js.map +3 -3
  6. package/dist/table/forge-table.css +0 -1
  7. package/esm/autocomplete/autocomplete-core.js +9 -12
  8. package/esm/autocomplete/autocomplete-utils.js +3 -2
  9. package/esm/badge/badge.js +1 -1
  10. package/esm/button/base/base-button-adapter.js +6 -5
  11. package/esm/button/base/base-button-constants.d.ts +2 -2
  12. package/esm/button-area/button-area-adapter.d.ts +0 -2
  13. package/esm/button-area/button-area-adapter.js +5 -3
  14. package/esm/button-area/button-area-core.js +0 -1
  15. package/esm/button-area/button-area.js +1 -1
  16. package/esm/button-toggle/button-toggle-group/button-toggle-group-core.js +0 -1
  17. package/esm/calendar/calendar-core.js +6 -4
  18. package/esm/calendar/calendar-dropdown/calendar-dropdown.js +1 -1
  19. package/esm/calendar/calendar-utils.js +1 -3
  20. package/esm/calendar/calendar.js +1 -1
  21. package/esm/color-picker/color-picker-core.js +6 -5
  22. package/esm/color-picker/color-picker-gradient-slider.d.ts +1 -1
  23. package/esm/color-picker/color-picker-gradient-slider.js +19 -30
  24. package/esm/core/configuration/global-configuration.js +0 -1
  25. package/esm/core/mixins/form/with-form-associated.js +6 -2
  26. package/esm/core/utils/a11y-utils.d.ts +2 -2
  27. package/esm/core/utils/date-utils.js +1 -1
  28. package/esm/core/utils/dismissible-stack.js +0 -1
  29. package/esm/core/utils/feature-detection.js +2 -2
  30. package/esm/date-picker/base/base-date-picker-adapter.d.ts +2 -1
  31. package/esm/date-picker/base/base-date-picker-adapter.js +4 -0
  32. package/esm/date-picker/base/base-date-picker-core.js +2 -4
  33. package/esm/date-picker/base/base-date-picker-utils.d.ts +2 -1
  34. package/esm/date-picker/date-picker-adapter.js +1 -1
  35. package/esm/date-picker/date-picker-core.js +2 -1
  36. package/esm/date-range-picker/date-range-picker-adapter.d.ts +2 -1
  37. package/esm/date-range-picker/date-range-picker-adapter.js +1 -1
  38. package/esm/date-range-picker/date-range-picker-core.js +4 -5
  39. package/esm/deprecated/icon-button/deprecated-icon-button-component-delegate.js +2 -1
  40. package/esm/dialog/dialog.js +1 -1
  41. package/esm/expansion-panel/expansion-panel-core.d.ts +4 -0
  42. package/esm/expansion-panel/expansion-panel-core.js +19 -11
  43. package/esm/field/field-core.js +2 -1
  44. package/esm/field/field.js +1 -1
  45. package/esm/file-picker/file-picker-core.js +1 -3
  46. package/esm/floating-action-button/floating-action-button-component-delegate.js +2 -1
  47. package/esm/icon/icon-core.js +1 -1
  48. package/esm/icon/icon-registry.js +1 -1
  49. package/esm/icon-button/icon-button-component-delegate.js +2 -1
  50. package/esm/label/label-aware.js +1 -3
  51. package/esm/list-dropdown/list-dropdown-core.js +4 -2
  52. package/esm/list-dropdown/list-dropdown-utils.js +6 -3
  53. package/esm/menu/menu-core.js +5 -6
  54. package/esm/menu/menu.js +2 -2
  55. package/esm/overlay/overlay-constants.d.ts +1 -1
  56. package/esm/overlay/overlay-constants.js +1 -1
  57. package/esm/overlay/overlay.d.ts +2 -2
  58. package/esm/overlay/overlay.js +2 -2
  59. package/esm/select/core/base-select-adapter.js +0 -1
  60. package/esm/select/core/base-select-core.js +70 -74
  61. package/esm/select/core/select-utils.d.ts +1 -1
  62. package/esm/select/core/select-utils.js +2 -2
  63. package/esm/select/select-dropdown/select-dropdown-adapter.js +1 -3
  64. package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
  65. package/esm/table/table-utils.js +10 -12
  66. package/esm/tabs/tab-bar/tab-bar-core.js +2 -1
  67. package/esm/text-field/text-field-adapter.js +1 -3
  68. package/esm/time-picker/time-picker-core.js +5 -5
  69. package/esm/toast/toast-adapter.js +1 -1
  70. package/esm/toast/toast-core.js +1 -1
  71. package/esm/toast/toast.js +2 -1
  72. package/esm/tooltip/tooltip-adapter.d.ts +7 -0
  73. package/esm/tooltip/tooltip-adapter.js +10 -0
  74. package/esm/tooltip/tooltip-constants.d.ts +1 -0
  75. package/esm/tooltip/tooltip-constants.js +2 -1
  76. package/esm/tooltip/tooltip-core.js +3 -0
  77. package/esm/tooltip/tooltip.js +1 -1
  78. package/esm/view-switcher/view-switcher-core.js +2 -1
  79. package/package.json +1 -1
  80. package/sass/core/styles/tokens/badge/_tokens.scss +1 -1
  81. package/sass/table/forge-table.scss +0 -1
  82. package/sass/utils/_mixins.scss +7 -8
package/esm/tooltip/tooltip-core.js CHANGED
@@ -96,6 +96,9 @@ export class TooltipCore extends WithLongpressListener(Object) {
96
96
  triggerTypes.forEach(triggerType => triggerRemovers[triggerType]());
97
97
  }
98
98
  _show() {
99
+ if (!this._adapter.hasContent) {
100
+ return;
101
+ }
99
102
  this._open = true;
100
103
  this._adapter.show();
101
104
  DismissibleStack.instance.add(this._adapter.hostElement);
package/esm/tooltip/tooltip.js CHANGED
@@ -15,7 +15,7 @@ import { WithDefaultAria } from '../core/mixins/internals/with-default-aria';
15
15
  import { WithElementInternals } from '../core/mixins/internals/with-element-internals';
16
16
  import { tryDismiss } from '../core/utils/dismissible-stack';
17
17
  const template = '<template><div class=\"forge-tooltip\" part=\"surface\"><slot></slot><div class=\"arrow\" part=\"arrow\"></div></div></template>';
18
- const styles = '@keyframes slidein{from{opacity:0;transform:translateX(var(--_tooltip-slidein-x)) translateY(var(--_tooltip-slidein-y))}to{opacity:1;transform:translateX(0) translateY(0)}}:host{display:contents;pointer-events:none}:host([hidden]){display:none}.forge-tooltip{--_tooltip-background:var(--forge-tooltip-background, var(--forge-theme-surface-inverse, #333333));--_tooltip-color:var(--forge-tooltip-color, var(--forge-theme-on-surface-inverse, #ffffff));--_tooltip-shape:var(--forge-tooltip-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_tooltip-padding:var(--forge-tooltip-padding, var(--forge-spacing-xsmall, 8px));--_tooltip-padding-block:var(--forge-tooltip-padding-block, var(--_tooltip-padding));--_tooltip-padding-inline:var(--forge-tooltip-padding-inline, var(--_tooltip-padding));--_tooltip-width:var(--forge-tooltip-width, max-content);--_tooltip-max-width:var(--forge-tooltip-max-width, 320px);--_tooltip-elevation:var(--forge-tooltip-elevation, var(--forge-theme-surface-bright-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)));--_tooltip-content-align:var(--forge-tooltip-content-align, center);--_tooltip-border-width:var(--forge-tooltip-border-width, 0);--_tooltip-border-style:var(--forge-tooltip-border-style, solid);--_tooltip-border-color:var(--forge-tooltip-border-color, var(--forge-theme-outline, #e0e0e0));--_tooltip-animation-timing:var(--forge-tooltip-animation-timing, var(--forge-animation-easing-decelerate, cubic-bezier(0, 0, 0, 1)));--_tooltip-animation-duration:var(--forge-tooltip-animation-duration, var(--forge-animation-duration-short3, 150ms));--_tooltip-animation-offset:var(--forge-tooltip-animation-offset, 24px);--_tooltip-arrow-size:var(--forge-tooltip-arrow-size, 8px);--_tooltip-arrow-height:var(--forge-tooltip-arrow-height, var(--_tooltip-arrow-size));--_tooltip-arrow-width:var(--forge-tooltip-arrow-width, var(--_tooltip-arrow-size));--_tooltip-arrow-shape:var(--forge-tooltip-arrow-shape, calc(var(--forge-shape-small, 2px) * var(--forge-shape-factor, 1)));--_tooltip-arrow-rotation:var(--forge-tooltip-arrow-rotation, 0deg);--_tooltip-arrow-top-rotation:var(--forge-tooltip-arrow-top-rotation, 315deg);--_tooltip-arrow-right-rotation:var(--forge-tooltip-arrow-right-rotation, 45deg);--_tooltip-arrow-bottom-rotation:var(--forge-tooltip-arrow-bottom-rotation, 135deg);--_tooltip-arrow-left-rotation:var(--forge-tooltip-arrow-left-rotation, 225deg)}.forge-tooltip{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body1-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-body1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, .875)));font-weight:var(--forge-typography-body1-font-weight,400);line-height:var(--forge-typography-body1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.125)));letter-spacing:var(--forge-typography-body1-letter-spacing, .0357142857em);text-transform:var(--forge-typography-body1-text-transform,inherit);text-decoration:var(--forge-typography-body1-text-decoration,inherit);position:relative;background:var(--_tooltip-background);color:var(--_tooltip-color);border-radius:var(--_tooltip-shape);border-width:var(--_tooltip-border-width);border-style:var(--_tooltip-border-style);border-color:var(--_tooltip-border-color);padding-block:var(--_tooltip-padding-block);padding-inline:var(--_tooltip-padding-inline);box-shadow:var(--_tooltip-elevation);width:var(--_tooltip-width);max-width:var(--_tooltip-max-width);pointer-events:none;text-align:var(--_tooltip-content-align);line-height:normal;white-space:normal;animation-duration:var(--_tooltip-animation-duration);animation-timing-function:var(--_tooltip-animation-timing);animation-name:slidein;animation-fill-mode:forwards}:host(:not([open])) .forge-tooltip{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:fixed;width:1px;outline:0;-webkit-appearance:none;-moz-appearance:none}.arrow{position:absolute;contain:strict;background-color:inherit;height:var(--_tooltip-arrow-height);width:var(--_tooltip-arrow-width);box-shadow:inherit;border:inherit;border-end-start-radius:var(--_tooltip-arrow-shape);rotate:var(--_tooltip-arrow-rotation);clip-path:var(--_tooltip-arrow-clip-path);--_tooltip-arrow-translate-x:0;--_tooltip-arrow-translate-y:0;--_tooltip-arrow-clip-path:polygon(0 0, 0 100%, 100% 100%)}.forge-tooltip{--_tooltip-slidein-x:0;--_tooltip-slidein-y:0}forge-overlay[open][position-placement^=top] .forge-tooltip{--_tooltip-slidein-y:var(--forge-tooltip-slidein-y, var(--_tooltip-animation-offset))}forge-overlay[open][position-placement^=top] .arrow{--_tooltip-arrow-rotation:var(--_tooltip-arrow-top-rotation);margin-block-end:var(--_tooltip-border-width)}forge-overlay[open][position-placement^=right] .forge-tooltip{--_tooltip-slidein-x:var(--forge-tooltip-slidein-x, calc(var(--_tooltip-animation-offset) * -1))}forge-overlay[open][position-placement^=right] .arrow{--_tooltip-arrow-rotation:var(--_tooltip-arrow-right-rotation);margin-inline-start:var(--_tooltip-border-width)}forge-overlay[open][position-placement^=bottom] .forge-tooltip{--_tooltip-slidein-y:var(--forge-tooltip-slidein-y, calc(var(--_tooltip-animation-offset) * -1))}forge-overlay[open][position-placement^=bottom] .arrow{--_tooltip-arrow-rotation:var(--_tooltip-arrow-bottom-rotation);margin-block-start:var(--_tooltip-border-width)}forge-overlay[open][position-placement^=left] .forge-tooltip{--_tooltip-slidein-x:var(--forge-tooltip-slidein-x, var(--_tooltip-animation-offset))}forge-overlay[open][position-placement^=left] .arrow{--_tooltip-arrow-rotation:var(--_tooltip-arrow-left-rotation);margin-inline-end:var(--_tooltip-border-width)}';
18
+ const styles = '@keyframes slidein{from{opacity:0;transform:translateX(var(--_tooltip-slidein-x)) translateY(var(--_tooltip-slidein-y))}to{opacity:1;transform:translateX(0) translateY(0)}}:host{display:contents;pointer-events:none}:host([hidden]){display:none}.forge-tooltip{--_tooltip-background:var(--forge-tooltip-background, var(--forge-theme-surface-inverse, #333333));--_tooltip-color:var(--forge-tooltip-color, var(--forge-theme-on-surface-inverse, #ffffff));--_tooltip-shape:var(--forge-tooltip-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_tooltip-padding:var(--forge-tooltip-padding, var(--forge-spacing-xsmall, 8px));--_tooltip-padding-block:var(--forge-tooltip-padding-block, var(--_tooltip-padding));--_tooltip-padding-inline:var(--forge-tooltip-padding-inline, var(--_tooltip-padding));--_tooltip-width:var(--forge-tooltip-width, max-content);--_tooltip-max-width:var(--forge-tooltip-max-width, 320px);--_tooltip-elevation:var(--forge-tooltip-elevation, var(--forge-theme-surface-bright-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)));--_tooltip-content-align:var(--forge-tooltip-content-align, center);--_tooltip-border-width:var(--forge-tooltip-border-width, 0);--_tooltip-border-style:var(--forge-tooltip-border-style, solid);--_tooltip-border-color:var(--forge-tooltip-border-color, var(--forge-theme-outline, #e0e0e0));--_tooltip-animation-timing:var(--forge-tooltip-animation-timing, var(--forge-animation-easing-decelerate, cubic-bezier(0, 0, 0, 1)));--_tooltip-animation-duration:var(--forge-tooltip-animation-duration, var(--forge-animation-duration-short3, 150ms));--_tooltip-animation-offset:var(--forge-tooltip-animation-offset, 24px);--_tooltip-arrow-size:var(--forge-tooltip-arrow-size, 8px);--_tooltip-arrow-height:var(--forge-tooltip-arrow-height, var(--_tooltip-arrow-size));--_tooltip-arrow-width:var(--forge-tooltip-arrow-width, var(--_tooltip-arrow-size));--_tooltip-arrow-shape:var(--forge-tooltip-arrow-shape, calc(var(--forge-shape-small, 2px) * var(--forge-shape-factor, 1)));--_tooltip-arrow-rotation:var(--forge-tooltip-arrow-rotation, 0deg);--_tooltip-arrow-top-rotation:var(--forge-tooltip-arrow-top-rotation, 315deg);--_tooltip-arrow-right-rotation:var(--forge-tooltip-arrow-right-rotation, 45deg);--_tooltip-arrow-bottom-rotation:var(--forge-tooltip-arrow-bottom-rotation, 135deg);--_tooltip-arrow-left-rotation:var(--forge-tooltip-arrow-left-rotation, 225deg)}.forge-tooltip{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body1-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-body1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, .875)));font-weight:var(--forge-typography-body1-font-weight,400);line-height:var(--forge-typography-body1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.125)));letter-spacing:var(--forge-typography-body1-letter-spacing, .0357142857em);text-transform:var(--forge-typography-body1-text-transform,inherit);text-decoration:var(--forge-typography-body1-text-decoration,inherit);position:relative;background:var(--_tooltip-background);color:var(--_tooltip-color);border-radius:var(--_tooltip-shape);border-width:var(--_tooltip-border-width);border-style:var(--_tooltip-border-style);border-color:var(--_tooltip-border-color);padding-block:var(--_tooltip-padding-block);padding-inline:var(--_tooltip-padding-inline);box-shadow:var(--_tooltip-elevation);width:var(--_tooltip-width);max-width:var(--_tooltip-max-width);pointer-events:none;text-align:var(--_tooltip-content-align);line-height:normal;white-space:normal;animation-duration:var(--_tooltip-animation-duration);animation-timing-function:var(--_tooltip-animation-timing);animation-name:slidein;animation-fill-mode:forwards}:host(:not([open])) .forge-tooltip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.arrow{position:absolute;contain:strict;background-color:inherit;height:var(--_tooltip-arrow-height);width:var(--_tooltip-arrow-width);box-shadow:inherit;border:inherit;border-end-start-radius:var(--_tooltip-arrow-shape);rotate:var(--_tooltip-arrow-rotation);clip-path:var(--_tooltip-arrow-clip-path);--_tooltip-arrow-translate-x:0;--_tooltip-arrow-translate-y:0;--_tooltip-arrow-clip-path:polygon(0 0, 0 100%, 100% 100%)}.forge-tooltip{--_tooltip-slidein-x:0;--_tooltip-slidein-y:0}forge-overlay[open][position-placement^=top] .forge-tooltip{--_tooltip-slidein-y:var(--forge-tooltip-slidein-y, var(--_tooltip-animation-offset))}forge-overlay[open][position-placement^=top] .arrow{--_tooltip-arrow-rotation:var(--_tooltip-arrow-top-rotation);margin-block-end:var(--_tooltip-border-width)}forge-overlay[open][position-placement^=right] .forge-tooltip{--_tooltip-slidein-x:var(--forge-tooltip-slidein-x, calc(var(--_tooltip-animation-offset) * -1))}forge-overlay[open][position-placement^=right] .arrow{--_tooltip-arrow-rotation:var(--_tooltip-arrow-right-rotation);margin-inline-start:var(--_tooltip-border-width)}forge-overlay[open][position-placement^=bottom] .forge-tooltip{--_tooltip-slidein-y:var(--forge-tooltip-slidein-y, calc(var(--_tooltip-animation-offset) * -1))}forge-overlay[open][position-placement^=bottom] .arrow{--_tooltip-arrow-rotation:var(--_tooltip-arrow-bottom-rotation);margin-block-start:var(--_tooltip-border-width)}forge-overlay[open][position-placement^=left] .forge-tooltip{--_tooltip-slidein-x:var(--forge-tooltip-slidein-x, var(--_tooltip-animation-offset))}forge-overlay[open][position-placement^=left] .arrow{--_tooltip-arrow-rotation:var(--_tooltip-arrow-left-rotation);margin-inline-end:var(--_tooltip-border-width)}';
19
19
  /**
20
20
  * @tag forge-tooltip
21
21
  *
package/esm/view-switcher/view-switcher-core.js CHANGED
@@ -61,11 +61,12 @@ export class ViewSwitcherCore {
61
61
  return;
62
62
  }
63
63
  switch (this._animationType) {
64
- case 'slide':
64
+ case 'slide': {
65
65
  const animationDirection = this._viewIndex > fromIndex ? ViewAnimationDirection.Left : ViewAnimationDirection.Right;
66
66
  await this._adapter.transitionToView(fromIndex, this._viewIndex, 'slide', animationDirection);
67
67
  this._adapter.initializeSlideViews(this._viewIndex);
68
68
  break;
69
+ }
69
70
  case 'fade':
70
71
  await this._adapter.transitionToView(fromIndex, this._viewIndex, 'fade');
71
72
  this._adapter.initializeFadeViews(this._viewIndex);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tylertech/forge",
3
3
  "description": "Tyler Forge™ Web Components library",
4
- "version": "3.9.0",
4
+ "version": "3.9.2",
5
5
  "author": "Tyler Technologies, Inc.",
6
6
  "license": "Apache-2.0",
7
7
  "repository": {
package/sass/core/styles/tokens/badge/_tokens.scss CHANGED
@@ -23,7 +23,7 @@ $tokens: (
23
23
  border-width: utils.module-val(badge, border-width, border.variable(thin)),
24
24
  border-style: utils.module-val(badge, border-style, none),
25
25
  border-color: utils.module-ref(badge, border-color, color),
26
- gap: utils.module-val(badge, gap, spacing.variable(xsmall)),
26
+ gap: utils.module-val(badge, gap, spacing.variable(xxsmall)),
27
27
  font-weight: utils.module-val(badge, font-weight, bold),
28
28
  // Dot
29
29
  dot-size: utils.module-val(badge, dot-size, 8px),
package/sass/table/forge-table.scss CHANGED
@@ -75,7 +75,6 @@ forge-table {
75
75
 
76
76
  .forge-table-head__cell {
77
77
  border: none;
78
- vertical-align: bottom;
79
78
  }
80
79
  }
81
80
  }
package/sass/utils/_mixins.scss CHANGED
@@ -31,15 +31,14 @@
31
31
  }
32
32
 
33
33
  @mixin visually-hidden() {
34
- border: 0;
35
- clip: rect(0 0 0 0);
34
+ position: absolute;
35
+ width: 1px;
36
36
  height: 1px;
37
+ padding: 0;
37
38
  margin: -1px;
38
39
  overflow: hidden;
39
- padding: 0;
40
- position: fixed;
41
- width: 1px;
42
- outline: 0;
43
- -webkit-appearance: none;
44
- -moz-appearance: none;
40
+ clip: rect(0, 0, 0, 0);
41
+ clip-path: inset(50%);
42
+ white-space: nowrap;
43
+ border: 0;
45
44
  }