@sbb-esta/lyne-elements 4.5.0 → 4.6.0

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 (65) hide show
  1. package/autocomplete/autocomplete-base-element.js +5 -5
  2. package/calendar/{calendar.component.js → calendar/calendar.component.js} +413 -401
  3. package/calendar/calendar-day/calendar-day.component.js +98 -0
  4. package/calendar/calendar-day.js +4 -0
  5. package/calendar/calendar.js +5 -0
  6. package/calendar.js +5 -2
  7. package/chip-label/chip-label.component.js +13 -13
  8. package/container/container/container.component.js +9 -9
  9. package/container/sticky-bar/sticky-bar.component.js +12 -12
  10. package/core/datetime/temporal-date-adapter.js +12 -6
  11. package/core/datetime.js +12 -13
  12. package/core/styles/core.scss +14 -12
  13. package/core/styles/mixins/chip.scss +6 -6
  14. package/core.css +22 -8
  15. package/custom-elements.json +18264 -17381
  16. package/datepicker/datepicker/datepicker.component.js +1 -1
  17. package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  18. package/development/autocomplete/autocomplete-base-element.js +8 -6
  19. package/development/calendar/{calendar.component.d.ts → calendar/calendar.component.d.ts} +23 -3
  20. package/development/calendar/calendar/calendar.component.d.ts.map +1 -0
  21. package/development/calendar/calendar/calendar.component.js +1990 -0
  22. package/development/calendar/calendar-day/calendar-day.component.d.ts +49 -0
  23. package/development/calendar/calendar-day/calendar-day.component.d.ts.map +1 -0
  24. package/development/calendar/calendar-day/calendar-day.component.js +255 -0
  25. package/development/calendar/calendar-day.d.ts +5 -0
  26. package/development/calendar/calendar-day.d.ts.map +1 -0
  27. package/development/calendar/calendar-day.js +5 -0
  28. package/development/calendar/calendar.d.ts +5 -0
  29. package/development/calendar/calendar.d.ts.map +1 -0
  30. package/development/calendar/calendar.js +6 -0
  31. package/development/calendar.d.ts +2 -1
  32. package/development/calendar.d.ts.map +1 -1
  33. package/development/calendar.js +6 -3
  34. package/development/chip-label/chip-label.component.js +6 -15
  35. package/development/container/container/container.component.js +1 -3
  36. package/development/container/sticky-bar/sticky-bar.component.js +9 -14
  37. package/development/core/datetime/native-date-adapter.js +1 -1
  38. package/development/core/datetime/temporal-date-adapter.d.ts +7 -1
  39. package/development/core/datetime/temporal-date-adapter.d.ts.map +1 -1
  40. package/development/core/datetime/temporal-date-adapter.js +14 -7
  41. package/development/core/datetime.js +2 -3
  42. package/development/datepicker/datepicker/datepicker.component.d.ts.map +1 -1
  43. package/development/datepicker/datepicker/datepicker.component.js +2 -1
  44. package/development/dialog/dialog-title/dialog-title.component.js +2 -1
  45. package/development/expansion-panel/expansion-panel/expansion-panel.component.js +6 -5
  46. package/development/form-field/form-field/form-field.component.js +7 -5
  47. package/development/radio-button/radio-button-group/radio-button-group.component.js +2 -2
  48. package/development/tabs/tab/tab.component.js +5 -4
  49. package/development/tabs/tab-group/tab-group.component.d.ts +1 -0
  50. package/development/tabs/tab-group/tab-group.component.d.ts.map +1 -1
  51. package/development/tabs/tab-group/tab-group.component.js +7 -1
  52. package/dialog/dialog-title/dialog-title.component.js +7 -7
  53. package/expansion-panel/expansion-panel/expansion-panel.component.js +9 -9
  54. package/form-field/form-field/form-field.component.js +11 -11
  55. package/index.d.ts +3 -1
  56. package/index.js +3 -1
  57. package/off-brand-theme.css +22 -8
  58. package/package.json +11 -1
  59. package/radio-button/radio-button-group/radio-button-group.component.js +1 -1
  60. package/safety-theme.css +22 -8
  61. package/standard-theme.css +22 -8
  62. package/tabs/tab/tab.component.js +1 -1
  63. package/tabs/tab-group/tab-group.component.js +21 -18
  64. package/development/calendar/calendar.component.d.ts.map +0 -1
  65. package/development/calendar/calendar.component.js +0 -1957
package/autocomplete/autocomplete-base-element.js CHANGED
@@ -169,7 +169,7 @@ let Bt = (() => {
169
169
  }
170
170
  /** Closes the autocomplete. */
171
171
  close() {
172
- this.state === "closing" || this.state === "closed" || !this.dispatchBeforeCloseEvent() || (this.pendingAutoSelectedOption && (this.pendingAutoSelectedOption.selected = !0, this._setValueAndDispatchEvents(this.pendingAutoSelectedOption)), this.state = "closing", this.triggerElement?.removeAttribute("data-expanded"), this._openPanelEventsController.abort(), this.originElement && this._originResizeObserver.unobserve(this.originElement), this._isZeroAnimationDuration() && this._handleClosing());
172
+ this.state === "closing" || this.state === "closed" || !this.dispatchBeforeCloseEvent() || (this.pendingAutoSelectedOption && (this.pendingAutoSelectedOption.selected = !0, this._setValueAndDispatchEvents(this.pendingAutoSelectedOption, !0)), this.state = "closing", this.triggerElement?.removeAttribute("data-expanded"), this._openPanelEventsController.abort(), this.originElement && this._originResizeObserver.unobserve(this.originElement), this._isZeroAnimationDuration() && this._handleClosing());
173
173
  }
174
174
  _isZeroAnimationDuration() {
175
175
  return gt(this, "--sbb-options-panel-animation-duration");
@@ -205,10 +205,10 @@ let Bt = (() => {
205
205
  setPendingSelection(t) {
206
206
  this.pendingAutoSelectedOption = t, this._setInputValue(t);
207
207
  }
208
- _setValueAndDispatchEvents(t) {
209
- this.options.filter((e) => e.id !== t.id && e.selected).forEach((e) => e.selected = !1), this.pendingAutoSelectedOption = null, this.triggerElement && (this._setInputValue(t), this.triggerElement.dispatchEvent(new Event("change", { bubbles: !0 })), this.triggerElement.dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 })), this._lastUserInput = null, this.triggerElement.dispatchEvent(new CustomEvent("inputAutocomplete", {
208
+ _setValueAndDispatchEvents(t, e = !1) {
209
+ this.options.filter((i) => i.id !== t.id && i.selected).forEach((i) => i.selected = !1), this.pendingAutoSelectedOption = null, this.triggerElement && (this._setInputValue(t), this.triggerElement.dispatchEvent(new Event("change", { bubbles: !0 })), this.triggerElement.dispatchEvent(new InputEvent("input", { bubbles: !0, composed: !0 })), this._lastUserInput = null, this.triggerElement.dispatchEvent(new CustomEvent("inputAutocomplete", {
210
210
  detail: { option: t }
211
- })), this.triggerElement.focus());
211
+ })), e || this.triggerElement.focus());
212
212
  }
213
213
  /** Set the option value within the input element */
214
214
  _setInputValue(t) {
@@ -298,7 +298,7 @@ let Bt = (() => {
298
298
  // interaction with other components (necessary for the 'sbb-chip-group' use case).
299
299
  capture: !0
300
300
  }), this.triggerElement?.addEventListener("blur", (t) => {
301
- this.contains(t.relatedTarget) || (this.autoSelectActiveOptionOnBlur && this.activeOption && this.triggerElement?.value && (this.activeOption.selected = !0, this._setValueAndDispatchEvents(this.activeOption)), this.close());
301
+ this.contains(t.relatedTarget) || (this.autoSelectActiveOptionOnBlur && this.activeOption && this._lastUserInput && this.triggerElement?.value && (this.activeOption.selected = !0, this._setValueAndDispatchEvents(this.activeOption, !0)), this.close());
302
302
  }, {
303
303
  signal: this._openPanelEventsController.signal
304
304
  });