@otto-de/b2b-core-components 1.28.1 → 1.29.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 (75) hide show
  1. package/dist/b2b-core-components/b2b-core-components.esm.js +1 -1
  2. package/dist/b2b-core-components/p-6731435f.entry.js +1 -0
  3. package/dist/b2b-core-components/p-993fdb28.entry.js +1 -0
  4. package/dist/cjs/b2b-date-picker.cjs.entry.js +3 -1
  5. package/dist/cjs/b2b-dropdown.cjs.entry.js +27 -2
  6. package/dist/collection/components/alert/alert.css +2 -2
  7. package/dist/collection/components/anchor/anchor.css +2 -2
  8. package/dist/collection/components/background-box/background-box.css +2 -2
  9. package/dist/collection/components/breadcrumb/breadcrumb.css +2 -2
  10. package/dist/collection/components/button/button.css +2 -2
  11. package/dist/collection/components/card/card.css +2 -2
  12. package/dist/collection/components/checkbox/checkbox.css +2 -2
  13. package/dist/collection/components/checkbox-group/checkbox-group.css +2 -2
  14. package/dist/collection/components/chip/chip.css +2 -2
  15. package/dist/collection/components/date-picker/date-picker-days-header.css +2 -2
  16. package/dist/collection/components/date-picker/date-picker-days.css +2 -2
  17. package/dist/collection/components/date-picker/date-picker-header.css +2 -2
  18. package/dist/collection/components/date-picker/date-picker-months.css +2 -2
  19. package/dist/collection/components/date-picker/date-picker-years.css +2 -2
  20. package/dist/collection/components/date-picker/date-picker.css +26 -23
  21. package/dist/collection/components/date-picker/date-picker.js +22 -0
  22. package/dist/collection/components/dropdown/dropdown.css +2 -2
  23. package/dist/collection/components/dropdown/dropdown.e2e.js +30 -0
  24. package/dist/collection/components/dropdown/dropdown.js +27 -2
  25. package/dist/collection/components/flyout-menu/flyout-menu-option.css +2 -2
  26. package/dist/collection/components/flyout-menu/flyout-menu.css +2 -2
  27. package/dist/collection/components/headline/headline.css +2 -2
  28. package/dist/collection/components/icon/icon.css +2 -2
  29. package/dist/collection/components/icon-100/icon-100.css +2 -2
  30. package/dist/collection/components/icon-50/icon-50.css +2 -2
  31. package/dist/collection/components/input/input.css +2 -2
  32. package/dist/collection/components/input-group/input-group.css +2 -2
  33. package/dist/collection/components/input-list/input-list.css +2 -2
  34. package/dist/collection/components/label/label.css +2 -2
  35. package/dist/collection/components/modal/modal.css +2 -2
  36. package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.css +2 -2
  37. package/dist/collection/components/pagination/pagination.css +2 -2
  38. package/dist/collection/components/paragraph/paragraph.css +2 -2
  39. package/dist/collection/components/progress-bar/progress-bar.css +2 -2
  40. package/dist/collection/components/radio/radio.css +2 -2
  41. package/dist/collection/components/radio-group/radio-group.css +2 -2
  42. package/dist/collection/components/required-separator/required-separator.css +2 -2
  43. package/dist/collection/components/rounded-icon/rounded-icon.css +2 -2
  44. package/dist/collection/components/scrollable-container/scrollable-container.css +2 -2
  45. package/dist/collection/components/separator/separator.css +2 -2
  46. package/dist/collection/components/shimmer/shimmer.css +2 -2
  47. package/dist/collection/components/snackbar/snackbar.css +2 -2
  48. package/dist/collection/components/spinner/spinner.css +2 -2
  49. package/dist/collection/components/tab/tab.css +2 -2
  50. package/dist/collection/components/tab-panel/tab-panel.css +2 -2
  51. package/dist/collection/components/table/table-cell/table-cell.css +2 -2
  52. package/dist/collection/components/table/table-header/table-header.css +2 -2
  53. package/dist/collection/components/table/table-row/table-row.css +2 -2
  54. package/dist/collection/components/table/table-rowgroup/table-rowgroup.css +2 -2
  55. package/dist/collection/components/table/table.css +2 -2
  56. package/dist/collection/components/textarea/textarea.css +2 -2
  57. package/dist/collection/components/toggle-button/toggle-button.css +2 -2
  58. package/dist/collection/components/toggle-chip/toggle-chip.css +2 -2
  59. package/dist/collection/components/toggle-group/toggle-group.css +2 -2
  60. package/dist/collection/components/toggle-switch/toggle-switch.css +2 -2
  61. package/dist/collection/components/tooltip/tooltip.css +2 -2
  62. package/dist/collection/components/wizard/wizard.css +2 -2
  63. package/dist/collection/components/wizard-icon/wizard-icon.css +2 -2
  64. package/dist/components/b2b-date-picker.js +3 -1
  65. package/dist/components/b2b-dropdown.js +27 -2
  66. package/dist/esm/b2b-date-picker.entry.js +3 -1
  67. package/dist/esm/b2b-dropdown.entry.js +27 -2
  68. package/dist/types/components/date-picker/date-picker.d.ts +3 -1
  69. package/dist/types/components/dropdown/dropdown.d.ts +2 -0
  70. package/dist/types/components.d.ts +7 -2
  71. package/dist/types/utils/interfaces/form.interface.d.ts +2 -0
  72. package/dist/web-types.json +11 -1
  73. package/package.json +2 -2
  74. package/dist/b2b-core-components/p-97fa0bb3.entry.js +0 -1
  75. package/dist/b2b-core-components/p-dd96c384.entry.js +0 -1
package/dist/collection/components/shimmer/shimmer.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 14 May 2025 12:50:46 GMT
3
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
124
124
  }
125
125
  /**
126
126
  * Do not edit directly
127
- * Generated on Wed, 14 May 2025 12:50:46 GMT
127
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
128
128
  */
129
129
  :root [data-theme="dark"] {
130
130
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/snackbar/snackbar.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 14 May 2025 12:50:46 GMT
3
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
124
124
  }
125
125
  /**
126
126
  * Do not edit directly
127
- * Generated on Wed, 14 May 2025 12:50:46 GMT
127
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
128
128
  */
129
129
  :root [data-theme="dark"] {
130
130
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/spinner/spinner.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 14 May 2025 12:50:46 GMT
3
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
124
124
  }
125
125
  /**
126
126
  * Do not edit directly
127
- * Generated on Wed, 14 May 2025 12:50:46 GMT
127
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
128
128
  */
129
129
  :root [data-theme="dark"] {
130
130
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/tab/tab.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 14 May 2025 12:50:46 GMT
3
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
124
124
  }
125
125
  /**
126
126
  * Do not edit directly
127
- * Generated on Wed, 14 May 2025 12:50:46 GMT
127
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
128
128
  */
129
129
  :root [data-theme="dark"] {
130
130
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/tab-panel/tab-panel.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 14 May 2025 12:50:46 GMT
3
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
124
124
  }
125
125
  /**
126
126
  * Do not edit directly
127
- * Generated on Wed, 14 May 2025 12:50:46 GMT
127
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
128
128
  */
129
129
  :root [data-theme="dark"] {
130
130
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/table/table-cell/table-cell.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 14 May 2025 12:50:46 GMT
3
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
124
124
  }
125
125
  /**
126
126
  * Do not edit directly
127
- * Generated on Wed, 14 May 2025 12:50:46 GMT
127
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
128
128
  */
129
129
  :root [data-theme="dark"] {
130
130
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/table/table-header/table-header.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 14 May 2025 12:50:46 GMT
3
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
124
124
  }
125
125
  /**
126
126
  * Do not edit directly
127
- * Generated on Wed, 14 May 2025 12:50:46 GMT
127
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
128
128
  */
129
129
  :root [data-theme="dark"] {
130
130
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/table/table-row/table-row.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 14 May 2025 12:50:46 GMT
3
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
124
124
  }
125
125
  /**
126
126
  * Do not edit directly
127
- * Generated on Wed, 14 May 2025 12:50:46 GMT
127
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
128
128
  */
129
129
  :root [data-theme="dark"] {
130
130
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/table/table-rowgroup/table-rowgroup.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 14 May 2025 12:50:46 GMT
3
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
124
124
  }
125
125
  /**
126
126
  * Do not edit directly
127
- * Generated on Wed, 14 May 2025 12:50:46 GMT
127
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
128
128
  */
129
129
  :root [data-theme="dark"] {
130
130
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/table/table.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 14 May 2025 12:50:46 GMT
3
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
124
124
  }
125
125
  /**
126
126
  * Do not edit directly
127
- * Generated on Wed, 14 May 2025 12:50:46 GMT
127
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
128
128
  */
129
129
  :root [data-theme="dark"] {
130
130
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/textarea/textarea.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 14 May 2025 12:50:46 GMT
3
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
124
124
  }
125
125
  /**
126
126
  * Do not edit directly
127
- * Generated on Wed, 14 May 2025 12:50:46 GMT
127
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
128
128
  */
129
129
  :root [data-theme="dark"] {
130
130
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/toggle-button/toggle-button.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 14 May 2025 12:50:46 GMT
3
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
124
124
  }
125
125
  /**
126
126
  * Do not edit directly
127
- * Generated on Wed, 14 May 2025 12:50:46 GMT
127
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
128
128
  */
129
129
  :root [data-theme="dark"] {
130
130
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/toggle-chip/toggle-chip.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 14 May 2025 12:50:46 GMT
3
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
124
124
  }
125
125
  /**
126
126
  * Do not edit directly
127
- * Generated on Wed, 14 May 2025 12:50:46 GMT
127
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
128
128
  */
129
129
  :root [data-theme="dark"] {
130
130
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/toggle-group/toggle-group.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 14 May 2025 12:50:46 GMT
3
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
124
124
  }
125
125
  /**
126
126
  * Do not edit directly
127
- * Generated on Wed, 14 May 2025 12:50:46 GMT
127
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
128
128
  */
129
129
  :root [data-theme="dark"] {
130
130
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/toggle-switch/toggle-switch.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 14 May 2025 12:50:46 GMT
3
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
124
124
  }
125
125
  /**
126
126
  * Do not edit directly
127
- * Generated on Wed, 14 May 2025 12:50:46 GMT
127
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
128
128
  */
129
129
  :root [data-theme="dark"] {
130
130
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/tooltip/tooltip.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 14 May 2025 12:50:46 GMT
3
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
124
124
  }
125
125
  /**
126
126
  * Do not edit directly
127
- * Generated on Wed, 14 May 2025 12:50:46 GMT
127
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
128
128
  */
129
129
  :root [data-theme="dark"] {
130
130
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/wizard/wizard.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 14 May 2025 12:50:46 GMT
3
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
124
124
  }
125
125
  /**
126
126
  * Do not edit directly
127
- * Generated on Wed, 14 May 2025 12:50:46 GMT
127
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
128
128
  */
129
129
  :root [data-theme="dark"] {
130
130
  --b2b-size-200: 5rem; /* 80px */
package/dist/collection/components/wizard-icon/wizard-icon.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 14 May 2025 12:50:46 GMT
3
+ * Generated on Tue, 27 May 2025 05:29:32 GMT
4
4
  */
5
5
  :root, :host {
6
6
  --b2b-size-200: 5rem; /* 80px */
@@ -124,7 +124,7 @@
124
124
  }
125
125
  /**
126
126
  * Do not edit directly
127
- * Generated on Wed, 14 May 2025 12:50:46 GMT
127
+ * Generated on Tue, 27 May 2025 05:29:33 GMT
128
128
  */
129
129
  :root [data-theme="dark"] {
130
130
  --b2b-size-200: 5rem; /* 80px */
package/dist/components/b2b-date-picker.js CHANGED
@@ -9,7 +9,7 @@ import { d as defineCustomElement$4 } from './headline.js';
9
9
  import { d as defineCustomElement$3 } from './icon-100.js';
10
10
  import { d as defineCustomElement$2 } from './input-label.js';
11
11
 
12
- const datePickerCss = ":root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-hover-black:#3b3b3b;--b2b-color-hover-default:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-grey-10:#f0f0f0;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-10);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme=\"dark\"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-hover-black:#3b3b3b;--b2b-color-hover-default:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-grey-10:#f0f0f0;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf\");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf\") format(\"truetype\");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf\") format(\"truetype\");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff\")}:host .b2b-date-picker{position:relative;z-index:300}:host .b2b-date-picker__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}:host .b2b-date-picker-input-focus-wrapper{width:100%;height:100%}:host .b2b-date-picker-input-focus-wrapper:hover{cursor:text}:host .b2b-date-picker-input-wrapper{display:flex;box-sizing:border-box;height:var(--b2b-size-90);border:var(--b2b-size-1) solid var(--b2b-color-grey-200);justify-content:flex-start;border-radius:var(--b2b-size-7);padding:var(--b2b-size-15) var(--b2b-size-20);background-color:var(--b2b-color-white-100);transition:outline 0.2s ease-in-out, border-color 0.2s ease-in-out}:host .b2b-date-picker-input-wrapper--focused{outline:2px solid -webkit-focus-ring-color;outline-offset:-1px}:host .b2b-date-picker-input-wrapper--error{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);border-color:var(--b2b-color-error-100)}:host .b2b-date-picker-input-wrapper .b2b-date-picker-input{border:none;outline:none;box-shadow:none;box-sizing:border-box;margin-left:0;padding-left:0;height:100%;color:var(--b2b-color-black-100);font-size:var(--b2b-size-35);line-height:var(--b2b-size-copy-line-height-100);font-weight:var(--b2b-font-weight-normal);font-family:var(--b2b-font-family-default)}:host .b2b-date-picker-input-wrapper .b2b-date-picker-input--error{background-color:var(--b2b-color-error-50)}:host .b2b-date-picker-selected-date{flex:1;align-self:center;font-size:var(--b2b-size-35)}:host .b2b-date-picker-label{font-size:var(--b2b-size-35);color:var(--b2b-color-black-100);line-height:var(--b2b-size-copy-line-height-100);margin-bottom:var(--b2b-size-5)}:host .b2b-date-picker-hint{font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);display:block;margin-top:var(--b2b-size-7);color:var(--b2b-color-grey-300)}:host .b2b-date-picker-hint--error{color:var(--b2b-color-error-100)}:host .b2b-date-picker-body{position:relative;border-right:var(--b2b-size-1) solid var(--b2b-color-black-100);border-left:var(--b2b-size-1) solid var(--b2b-color-black-100);border-bottom:var(--b2b-size-1) solid var(--b2b-color-black-100);border-top:2px none -webkit-focus-ring-color;outline-offset:-1px;width:300px;box-sizing:border-box;padding-bottom:var(--b2b-size-40);outline:none;background-color:var(--b2b-color-white-100);z-index:200}:host .b2b-date-picker-body--hidden{display:none}:host .b2b-icons{display:flex;margin-top:var(--b2b-size-5);align-items:center}:host .b2b-close-icon{display:block}:host .b2b-event-icon{display:block}";
12
+ const datePickerCss = ":root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-hover-black:#3b3b3b;--b2b-color-hover-default:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-grey-10:#f0f0f0;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-10);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme=\"dark\"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-hover-black:#3b3b3b;--b2b-color-hover-default:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-grey-10:#f0f0f0;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf\");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf\") format(\"truetype\");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf\") format(\"truetype\");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff\")}:host{position:relative}.b2b-date-picker{position:relative;z-index:300}.b2b-date-picker__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.b2b-date-picker-input-focus-wrapper{width:100%;height:100%}.b2b-date-picker-input-focus-wrapper:hover{cursor:text}.b2b-date-picker-input-wrapper{display:flex;box-sizing:border-box;height:var(--b2b-size-90);border:var(--b2b-size-1) solid var(--b2b-color-grey-200);justify-content:flex-start;border-radius:var(--b2b-size-7);padding:var(--b2b-size-15) var(--b2b-size-20);background-color:var(--b2b-color-white-100);transition:outline 0.2s ease-in-out, border-color 0.2s ease-in-out}.b2b-date-picker-input-wrapper--focused{outline:2px solid -webkit-focus-ring-color;outline-offset:-1px}.b2b-date-picker-input-wrapper--error{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);border-color:var(--b2b-color-error-100)}.b2b-date-picker-input-wrapper .b2b-date-picker-input{border:none;outline:none;box-shadow:none;box-sizing:border-box;margin-left:0;padding-left:0;height:100%;color:var(--b2b-color-black-100);font-size:var(--b2b-size-35);line-height:var(--b2b-size-copy-line-height-100);font-weight:var(--b2b-font-weight-normal);font-family:var(--b2b-font-family-default)}.b2b-date-picker-input-wrapper .b2b-date-picker-input--error{background-color:var(--b2b-color-error-50)}.b2b-date-picker-selected-date{flex:1;align-self:center;font-size:var(--b2b-size-35)}.b2b-date-picker-label{font-size:var(--b2b-size-35);color:var(--b2b-color-black-100);line-height:var(--b2b-size-copy-line-height-100);margin-bottom:var(--b2b-size-5)}.b2b-date-picker-hint{font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);display:block;margin-top:var(--b2b-size-7);color:var(--b2b-color-grey-300)}.b2b-date-picker-hint--error{color:var(--b2b-color-error-100)}.b2b-date-picker-body{position:absolute;border-right:var(--b2b-size-1) solid var(--b2b-color-black-100);border-left:var(--b2b-size-1) solid var(--b2b-color-black-100);border-bottom:var(--b2b-size-1) solid var(--b2b-color-black-100);outline-offset:-1px;width:300px;box-sizing:border-box;margin-top:1px;padding-bottom:var(--b2b-size-40);outline:none;background-color:var(--b2b-color-white-100);z-index:400}.b2b-date-picker-body--hidden{display:none}.b2b-icons{display:flex;margin-top:var(--b2b-size-5);align-items:center}.b2b-close-icon{display:block}.b2b-event-icon{display:block}";
13
13
  const B2bDatePickerStyle0 = datePickerCss;
14
14
 
15
15
  const B2bDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class B2bDatePicker extends HTMLElement {
@@ -18,6 +18,7 @@ const B2bDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class B2bDatePicker ext
18
18
  this.__registerHost();
19
19
  this.__attachShadow();
20
20
  this.b2bSelected = createEvent(this, "b2b-selected", 7);
21
+ this.b2bClear = createEvent(this, "b2b-clear", 7);
21
22
  this.DISABLED_DATE_ERROR_MESSAGE = 'Auswahl nicht möglich, bitte gültiges Datum auswählen.';
22
23
  this.FORMATTING_ERROR_MESSAGE = 'Format beachten: TT.MM.JJJJ.';
23
24
  this.today = new Date();
@@ -92,6 +93,7 @@ const B2bDatePicker$1 = /*@__PURE__*/ proxyCustomElement(class B2bDatePicker ext
92
93
  this.clearDateInput = () => {
93
94
  this.selectedDay = undefined;
94
95
  this.userInputDate = undefined;
96
+ this.b2bClear.emit();
95
97
  };
96
98
  this.handleBackdropDismiss = () => {
97
99
  this.showDatePicker = false;
package/dist/components/b2b-dropdown.js CHANGED
@@ -94,15 +94,40 @@ const DropdownComponent = /*@__PURE__*/ proxyCustomElement(class DropdownCompone
94
94
  this.selectedValue = this.placeholderValue || '';
95
95
  this.selectedText = '';
96
96
  }
97
+ refreshOptions() {
98
+ const optionElements = Array.from(this.hostElement.querySelectorAll('option'));
99
+ this.options = optionElements.map(option => {
100
+ var _a;
101
+ return ({
102
+ value: option.getAttribute('value') || '',
103
+ label: ((_a = option.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || '',
104
+ selected: option.hasAttribute('selected'),
105
+ disabled: option.hasAttribute('disabled'),
106
+ });
107
+ });
108
+ }
97
109
  componentDidLoad() {
98
110
  this.initializeOptions();
99
111
  this.updateTruncatedText();
100
112
  document.addEventListener('click', this.onClickOutside);
101
113
  window.addEventListener('resize', this.updateTruncatedText);
114
+ this.refreshOptions();
115
+ if (typeof MutationObserver !== 'undefined') {
116
+ this.mutationObserver = new MutationObserver(() => {
117
+ this.refreshOptions();
118
+ });
119
+ this.mutationObserver.observe(this.hostElement, {
120
+ childList: true,
121
+ subtree: true,
122
+ });
123
+ }
102
124
  }
103
125
  disconnectedCallback() {
104
126
  document.removeEventListener('click', this.onClickOutside);
105
127
  window.removeEventListener('resize', this.updateTruncatedText);
128
+ if (this.mutationObserver) {
129
+ this.mutationObserver.disconnect();
130
+ }
106
131
  }
107
132
  watchDropdownState() {
108
133
  if (this.isOpen)
@@ -136,11 +161,11 @@ const DropdownComponent = /*@__PURE__*/ proxyCustomElement(class DropdownCompone
136
161
  const hasError = this.invalid && !this.disabled;
137
162
  const showHint = this.hint && (!this.invalid || this.disabled);
138
163
  const showError = this.error && hasError;
139
- return (h(Host, { key: '09be0fe07181c102f688599b581973d03c6347ae', class: {
164
+ return (h(Host, { key: 'c637b01d1726e3986a086fda92e76baf3a4aebf3', class: {
140
165
  'b2b-dropdown': true,
141
166
  'b2b-dropdown--error': hasError,
142
167
  'b2b-dropdown--disabled': this.disabled,
143
- } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("div", { key: 'f4756d9f9550c1adc4aa618e9e7c673bfd89037a', class: "b2b-dropdown__wrapper", onFocus: this.onFocus, onBlur: this.onBlur }, h("div", { key: '5fed7fbb2599116576887c05d85b884367e2bf0e', class: {
168
+ } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("div", { key: 'de226d45b1c2f01ab465c180c3adcd646d714a6d', class: "b2b-dropdown__wrapper", onFocus: this.onFocus, onBlur: this.onBlur }, h("div", { key: '4cbf77b6f513e0f00987ef7aa95b63377f8d2169', class: {
144
169
  'b2b-dropdown__select': true,
145
170
  'b2b-dropdown__select--open': this.isOpen,
146
171
  'b2b-dropdown__select--focused': this.focused,
package/dist/esm/b2b-date-picker.entry.js CHANGED
@@ -1,13 +1,14 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-ab9eb36d.js';
2
2
  import { D as DatePickerView, a as DateUtils } from './date-picker-util-10878a70.js';
3
3
 
4
- const datePickerCss = ":root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-hover-black:#3b3b3b;--b2b-color-hover-default:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-grey-10:#f0f0f0;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-10);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme=\"dark\"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-hover-black:#3b3b3b;--b2b-color-hover-default:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-grey-10:#f0f0f0;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf\");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf\") format(\"truetype\");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf\") format(\"truetype\");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff\")}:host .b2b-date-picker{position:relative;z-index:300}:host .b2b-date-picker__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}:host .b2b-date-picker-input-focus-wrapper{width:100%;height:100%}:host .b2b-date-picker-input-focus-wrapper:hover{cursor:text}:host .b2b-date-picker-input-wrapper{display:flex;box-sizing:border-box;height:var(--b2b-size-90);border:var(--b2b-size-1) solid var(--b2b-color-grey-200);justify-content:flex-start;border-radius:var(--b2b-size-7);padding:var(--b2b-size-15) var(--b2b-size-20);background-color:var(--b2b-color-white-100);transition:outline 0.2s ease-in-out, border-color 0.2s ease-in-out}:host .b2b-date-picker-input-wrapper--focused{outline:2px solid -webkit-focus-ring-color;outline-offset:-1px}:host .b2b-date-picker-input-wrapper--error{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);border-color:var(--b2b-color-error-100)}:host .b2b-date-picker-input-wrapper .b2b-date-picker-input{border:none;outline:none;box-shadow:none;box-sizing:border-box;margin-left:0;padding-left:0;height:100%;color:var(--b2b-color-black-100);font-size:var(--b2b-size-35);line-height:var(--b2b-size-copy-line-height-100);font-weight:var(--b2b-font-weight-normal);font-family:var(--b2b-font-family-default)}:host .b2b-date-picker-input-wrapper .b2b-date-picker-input--error{background-color:var(--b2b-color-error-50)}:host .b2b-date-picker-selected-date{flex:1;align-self:center;font-size:var(--b2b-size-35)}:host .b2b-date-picker-label{font-size:var(--b2b-size-35);color:var(--b2b-color-black-100);line-height:var(--b2b-size-copy-line-height-100);margin-bottom:var(--b2b-size-5)}:host .b2b-date-picker-hint{font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);display:block;margin-top:var(--b2b-size-7);color:var(--b2b-color-grey-300)}:host .b2b-date-picker-hint--error{color:var(--b2b-color-error-100)}:host .b2b-date-picker-body{position:relative;border-right:var(--b2b-size-1) solid var(--b2b-color-black-100);border-left:var(--b2b-size-1) solid var(--b2b-color-black-100);border-bottom:var(--b2b-size-1) solid var(--b2b-color-black-100);border-top:2px none -webkit-focus-ring-color;outline-offset:-1px;width:300px;box-sizing:border-box;padding-bottom:var(--b2b-size-40);outline:none;background-color:var(--b2b-color-white-100);z-index:200}:host .b2b-date-picker-body--hidden{display:none}:host .b2b-icons{display:flex;margin-top:var(--b2b-size-5);align-items:center}:host .b2b-close-icon{display:block}:host .b2b-event-icon{display:block}";
4
+ const datePickerCss = ":root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-hover-black:#3b3b3b;--b2b-color-hover-default:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-grey-10:#f0f0f0;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-10);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme=\"dark\"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-hover-black:#3b3b3b;--b2b-color-hover-default:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-grey-10:#f0f0f0;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf\");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf\") format(\"truetype\");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf\") format(\"truetype\");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff\")}:host{position:relative}.b2b-date-picker{position:relative;z-index:300}.b2b-date-picker__backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.b2b-date-picker-input-focus-wrapper{width:100%;height:100%}.b2b-date-picker-input-focus-wrapper:hover{cursor:text}.b2b-date-picker-input-wrapper{display:flex;box-sizing:border-box;height:var(--b2b-size-90);border:var(--b2b-size-1) solid var(--b2b-color-grey-200);justify-content:flex-start;border-radius:var(--b2b-size-7);padding:var(--b2b-size-15) var(--b2b-size-20);background-color:var(--b2b-color-white-100);transition:outline 0.2s ease-in-out, border-color 0.2s ease-in-out}.b2b-date-picker-input-wrapper--focused{outline:2px solid -webkit-focus-ring-color;outline-offset:-1px}.b2b-date-picker-input-wrapper--error{background-color:var(--b2b-color-error-50);border:1px solid var(--b2b-color-error-100);border-color:var(--b2b-color-error-100)}.b2b-date-picker-input-wrapper .b2b-date-picker-input{border:none;outline:none;box-shadow:none;box-sizing:border-box;margin-left:0;padding-left:0;height:100%;color:var(--b2b-color-black-100);font-size:var(--b2b-size-35);line-height:var(--b2b-size-copy-line-height-100);font-weight:var(--b2b-font-weight-normal);font-family:var(--b2b-font-family-default)}.b2b-date-picker-input-wrapper .b2b-date-picker-input--error{background-color:var(--b2b-color-error-50)}.b2b-date-picker-selected-date{flex:1;align-self:center;font-size:var(--b2b-size-35)}.b2b-date-picker-label{font-size:var(--b2b-size-35);color:var(--b2b-color-black-100);line-height:var(--b2b-size-copy-line-height-100);margin-bottom:var(--b2b-size-5)}.b2b-date-picker-hint{font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);display:block;margin-top:var(--b2b-size-7);color:var(--b2b-color-grey-300)}.b2b-date-picker-hint--error{color:var(--b2b-color-error-100)}.b2b-date-picker-body{position:absolute;border-right:var(--b2b-size-1) solid var(--b2b-color-black-100);border-left:var(--b2b-size-1) solid var(--b2b-color-black-100);border-bottom:var(--b2b-size-1) solid var(--b2b-color-black-100);outline-offset:-1px;width:300px;box-sizing:border-box;margin-top:1px;padding-bottom:var(--b2b-size-40);outline:none;background-color:var(--b2b-color-white-100);z-index:400}.b2b-date-picker-body--hidden{display:none}.b2b-icons{display:flex;margin-top:var(--b2b-size-5);align-items:center}.b2b-close-icon{display:block}.b2b-event-icon{display:block}";
5
5
  const B2bDatePickerStyle0 = datePickerCss;
6
6
 
7
7
  const B2bDatePicker = class {
8
8
  constructor(hostRef) {
9
9
  registerInstance(this, hostRef);
10
10
  this.b2bSelected = createEvent(this, "b2b-selected", 7);
11
+ this.b2bClear = createEvent(this, "b2b-clear", 7);
11
12
  this.DISABLED_DATE_ERROR_MESSAGE = 'Auswahl nicht möglich, bitte gültiges Datum auswählen.';
12
13
  this.FORMATTING_ERROR_MESSAGE = 'Format beachten: TT.MM.JJJJ.';
13
14
  this.today = new Date();
@@ -82,6 +83,7 @@ const B2bDatePicker = class {
82
83
  this.clearDateInput = () => {
83
84
  this.selectedDay = undefined;
84
85
  this.userInputDate = undefined;
86
+ this.b2bClear.emit();
85
87
  };
86
88
  this.handleBackdropDismiss = () => {
87
89
  this.showDatePicker = false;
package/dist/esm/b2b-dropdown.entry.js CHANGED
@@ -91,15 +91,40 @@ const DropdownComponent = class {
91
91
  this.selectedValue = this.placeholderValue || '';
92
92
  this.selectedText = '';
93
93
  }
94
+ refreshOptions() {
95
+ const optionElements = Array.from(this.hostElement.querySelectorAll('option'));
96
+ this.options = optionElements.map(option => {
97
+ var _a;
98
+ return ({
99
+ value: option.getAttribute('value') || '',
100
+ label: ((_a = option.textContent) === null || _a === void 0 ? void 0 : _a.trim()) || '',
101
+ selected: option.hasAttribute('selected'),
102
+ disabled: option.hasAttribute('disabled'),
103
+ });
104
+ });
105
+ }
94
106
  componentDidLoad() {
95
107
  this.initializeOptions();
96
108
  this.updateTruncatedText();
97
109
  document.addEventListener('click', this.onClickOutside);
98
110
  window.addEventListener('resize', this.updateTruncatedText);
111
+ this.refreshOptions();
112
+ if (typeof MutationObserver !== 'undefined') {
113
+ this.mutationObserver = new MutationObserver(() => {
114
+ this.refreshOptions();
115
+ });
116
+ this.mutationObserver.observe(this.hostElement, {
117
+ childList: true,
118
+ subtree: true,
119
+ });
120
+ }
99
121
  }
100
122
  disconnectedCallback() {
101
123
  document.removeEventListener('click', this.onClickOutside);
102
124
  window.removeEventListener('resize', this.updateTruncatedText);
125
+ if (this.mutationObserver) {
126
+ this.mutationObserver.disconnect();
127
+ }
103
128
  }
104
129
  watchDropdownState() {
105
130
  if (this.isOpen)
@@ -133,11 +158,11 @@ const DropdownComponent = class {
133
158
  const hasError = this.invalid && !this.disabled;
134
159
  const showHint = this.hint && (!this.invalid || this.disabled);
135
160
  const showError = this.error && hasError;
136
- return (h(Host, { key: '09be0fe07181c102f688599b581973d03c6347ae', class: {
161
+ return (h(Host, { key: 'c637b01d1726e3986a086fda92e76baf3a4aebf3', class: {
137
162
  'b2b-dropdown': true,
138
163
  'b2b-dropdown--error': hasError,
139
164
  'b2b-dropdown--disabled': this.disabled,
140
- } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("div", { key: 'f4756d9f9550c1adc4aa618e9e7c673bfd89037a', class: "b2b-dropdown__wrapper", onFocus: this.onFocus, onBlur: this.onBlur }, h("div", { key: '5fed7fbb2599116576887c05d85b884367e2bf0e', class: {
165
+ } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("div", { key: 'de226d45b1c2f01ab465c180c3adcd646d714a6d', class: "b2b-dropdown__wrapper", onFocus: this.onFocus, onBlur: this.onBlur }, h("div", { key: '4cbf77b6f513e0f00987ef7aa95b63377f8d2169', class: {
141
166
  'b2b-dropdown__select': true,
142
167
  'b2b-dropdown__select--open': this.isOpen,
143
168
  'b2b-dropdown__select--focused': this.focused,
package/dist/types/components/date-picker/date-picker.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { EventEmitter } from '../../stencil-public-runtime';
2
- import { DatePickerEventDetail, DatePickerViewChangedEventDetail, MonthSelectedEventDetail, YearSelectedEventDetail } from '../../utils/interfaces/form.interface';
2
+ import { DateClear, DatePickerEventDetail, DatePickerViewChangedEventDetail, MonthSelectedEventDetail, YearSelectedEventDetail } from '../../utils/interfaces/form.interface';
3
3
  export declare class B2bDatePicker {
4
4
  host: HTMLB2bDatePickerElement;
5
5
  /** Whether the previous dates from the current date are disabled. By default, this is true. */
@@ -34,6 +34,8 @@ export declare class B2bDatePicker {
34
34
  language: 'de' | 'en';
35
35
  /** Emits the selected date as Date type. */
36
36
  b2bSelected: EventEmitter<DatePickerEventDetail>;
37
+ /** Emits when the user clicks the clear button. */
38
+ b2bClear: EventEmitter<DateClear>;
37
39
  private readonly DISABLED_DATE_ERROR_MESSAGE;
38
40
  private readonly FORMATTING_ERROR_MESSAGE;
39
41
  private showDatePicker;
package/dist/types/components/dropdown/dropdown.d.ts CHANGED
@@ -25,6 +25,7 @@ export declare class DropdownComponent {
25
25
  b2bFocus: EventEmitter<FocusEvent>;
26
26
  /** Emits whenever the dropdown loses focus. */
27
27
  b2bBlur: EventEmitter<FocusEvent>;
28
+ private mutationObserver?;
28
29
  /** Method to programmatically clear selection of the dropdown. */
29
30
  clearSelection(): Promise<void>;
30
31
  isOpen: boolean;
@@ -40,6 +41,7 @@ export declare class DropdownComponent {
40
41
  private selectEl;
41
42
  private truncatedText;
42
43
  componentWillLoad(): void;
44
+ private refreshOptions;
43
45
  componentDidLoad(): void;
44
46
  disconnectedCallback(): void;
45
47
  watchDropdownState(): void;