@otto-de/b2b-core-components 1.20.0 → 1.21.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 (218) hide show
  1. package/dist/b2b-core-components/b2b-core-components.esm.js +1 -1
  2. package/dist/b2b-core-components/icons-100/b2b_icon-chatbot.svg +2 -20
  3. package/dist/b2b-core-components/{p-ab8d496b.entry.js → p-0dc06432.entry.js} +1 -1
  4. package/dist/b2b-core-components/{p-bcb7e042.entry.js → p-0f2249e0.entry.js} +1 -1
  5. package/dist/b2b-core-components/{p-1135d0ce.entry.js → p-11e5143c.entry.js} +1 -1
  6. package/dist/b2b-core-components/{p-6847b3bf.entry.js → p-1525a056.entry.js} +1 -1
  7. package/dist/b2b-core-components/{p-64a2aebd.entry.js → p-15a24ba4.entry.js} +1 -1
  8. package/dist/b2b-core-components/{p-4ac8b0ba.entry.js → p-164d8803.entry.js} +1 -1
  9. package/dist/b2b-core-components/p-1b7201e1.entry.js +1 -0
  10. package/dist/b2b-core-components/{p-189f3e25.entry.js → p-1c048a27.entry.js} +1 -1
  11. package/dist/b2b-core-components/{p-e9537c12.entry.js → p-1e8416a3.entry.js} +1 -1
  12. package/dist/b2b-core-components/{p-171722c3.entry.js → p-2b214797.entry.js} +1 -1
  13. package/dist/b2b-core-components/p-2bab8c7f.entry.js +1 -0
  14. package/dist/b2b-core-components/{p-c33bc1a2.entry.js → p-2de83995.entry.js} +1 -1
  15. package/dist/b2b-core-components/{p-4e7ad473.entry.js → p-33ba40ee.entry.js} +1 -1
  16. package/dist/b2b-core-components/{p-35dca1b0.entry.js → p-57d487e2.entry.js} +1 -1
  17. package/dist/b2b-core-components/{p-ae0d9209.entry.js → p-799b194b.entry.js} +1 -1
  18. package/dist/b2b-core-components/{p-39651255.entry.js → p-7b711ed3.entry.js} +1 -1
  19. package/dist/b2b-core-components/{p-54d15111.entry.js → p-869095a0.entry.js} +1 -1
  20. package/dist/b2b-core-components/{p-31df26eb.entry.js → p-8fc792f9.entry.js} +1 -1
  21. package/dist/b2b-core-components/p-947f2e2c.entry.js +1 -0
  22. package/dist/b2b-core-components/{p-0e7e3e44.entry.js → p-9a0a4a74.entry.js} +1 -1
  23. package/dist/b2b-core-components/{p-08a26519.entry.js → p-9fc53916.entry.js} +1 -1
  24. package/dist/b2b-core-components/p-a0c1c775.entry.js +1 -0
  25. package/dist/b2b-core-components/{p-30d6787c.entry.js → p-a155219a.entry.js} +1 -1
  26. package/dist/b2b-core-components/{p-e350e4ab.entry.js → p-acc7ae99.entry.js} +1 -1
  27. package/dist/b2b-core-components/{p-1887174e.entry.js → p-d42c90d1.entry.js} +1 -1
  28. package/dist/b2b-core-components/{p-670a0599.entry.js → p-e1d7f335.entry.js} +1 -1
  29. package/dist/b2b-core-components/{p-758ff932.entry.js → p-f6fa3212.entry.js} +1 -1
  30. package/dist/cjs/b2b-alert.cjs.entry.js +1 -1
  31. package/dist/cjs/b2b-anchor.cjs.entry.js +7 -3
  32. package/dist/cjs/b2b-button_2.cjs.entry.js +1 -1
  33. package/dist/cjs/b2b-core-components.cjs.js +1 -1
  34. package/dist/cjs/b2b-progress-bar.cjs.entry.js +1 -1
  35. package/dist/cjs/b2b-radio-button.cjs.entry.js +1 -1
  36. package/dist/cjs/b2b-radio-group.cjs.entry.js +5 -2
  37. package/dist/cjs/b2b-required-separator.cjs.entry.js +1 -1
  38. package/dist/cjs/b2b-rounded-icon.cjs.entry.js +4 -4
  39. package/dist/cjs/b2b-scrollable-container.cjs.entry.js +1 -1
  40. package/dist/cjs/b2b-search.cjs.entry.js +1 -1
  41. package/dist/cjs/b2b-separator.cjs.entry.js +1 -1
  42. package/dist/cjs/b2b-tab-group.cjs.entry.js +1 -1
  43. package/dist/cjs/b2b-tab-panel.cjs.entry.js +1 -1
  44. package/dist/cjs/b2b-tab.cjs.entry.js +2 -2
  45. package/dist/cjs/b2b-table-cell_2.cjs.entry.js +3 -3
  46. package/dist/cjs/b2b-table-row.cjs.entry.js +2 -2
  47. package/dist/cjs/b2b-table-rowgroup.cjs.entry.js +2 -2
  48. package/dist/cjs/b2b-table.cjs.entry.js +2 -2
  49. package/dist/cjs/b2b-textarea.cjs.entry.js +2 -2
  50. package/dist/cjs/b2b-toggle-button.cjs.entry.js +3 -3
  51. package/dist/cjs/b2b-toggle-chip.cjs.entry.js +3 -3
  52. package/dist/cjs/b2b-toggle-group.cjs.entry.js +2 -2
  53. package/dist/cjs/b2b-toggle-switch.cjs.entry.js +4 -4
  54. package/dist/cjs/b2b-tooltip.cjs.entry.js +3 -3
  55. package/dist/cjs/b2b-wizard-icon.cjs.entry.js +1 -1
  56. package/dist/cjs/b2b-wizard-step.cjs.entry.js +2 -2
  57. package/dist/cjs/b2b-wizard.cjs.entry.js +1 -1
  58. package/dist/cjs/loader.cjs.js +1 -1
  59. package/dist/collection/components/alert/alert.css +2 -2
  60. package/dist/collection/components/alert/alert.e2e.js +2 -2
  61. package/dist/collection/components/alert/alert.js +2 -2
  62. package/dist/collection/components/anchor/anchor.css +16 -7
  63. package/dist/collection/components/anchor/anchor.js +42 -2
  64. package/dist/collection/components/anchor/anchor.spec.js +8 -8
  65. package/dist/collection/components/anchor/anchor.stories.js +22 -2
  66. package/dist/collection/components/background-box/background-box.css +2 -2
  67. package/dist/collection/components/breadcrumb/breadcrumb.css +2 -2
  68. package/dist/collection/components/button/button.css +2 -2
  69. package/dist/collection/components/card/card.css +2 -2
  70. package/dist/collection/components/checkbox/checkbox.css +2 -2
  71. package/dist/collection/components/checkbox-group/checkbox-group.css +2 -2
  72. package/dist/collection/components/chip/chip.css +2 -2
  73. package/dist/collection/components/date-picker/date-picker-days-header.css +2 -2
  74. package/dist/collection/components/date-picker/date-picker-days.css +2 -2
  75. package/dist/collection/components/date-picker/date-picker-header.css +2 -2
  76. package/dist/collection/components/date-picker/date-picker-months.css +2 -2
  77. package/dist/collection/components/date-picker/date-picker-years.css +2 -2
  78. package/dist/collection/components/date-picker/date-picker.css +2 -2
  79. package/dist/collection/components/dropdown/dropdown.css +2 -2
  80. package/dist/collection/components/flyout-menu/flyout-menu-option.css +2 -2
  81. package/dist/collection/components/flyout-menu/flyout-menu.css +2 -2
  82. package/dist/collection/components/headline/headline.css +2 -2
  83. package/dist/collection/components/headline/headline.stories.js +9 -2
  84. package/dist/collection/components/icon/icon.css +2 -2
  85. package/dist/collection/components/icon-100/icon-100.css +2 -2
  86. package/dist/collection/components/icon-100/icons-100/b2b_icon-chatbot.svg +2 -20
  87. package/dist/collection/components/icon-50/icon-50.css +2 -2
  88. package/dist/collection/components/input/input.css +2 -2
  89. package/dist/collection/components/input-group/input-group.css +2 -2
  90. package/dist/collection/components/input-list/input-list.css +2 -2
  91. package/dist/collection/components/label/label.css +2 -2
  92. package/dist/collection/components/modal/modal.css +2 -2
  93. package/dist/collection/components/multiselect-dropdown/multiselect-dropdown.css +2 -2
  94. package/dist/collection/components/pagination/pagination.css +2 -2
  95. package/dist/collection/components/paragraph/paragraph.css +2 -2
  96. package/dist/collection/components/progress-bar/progress-bar.css +5 -2
  97. package/dist/collection/components/radio/radio.css +2 -2
  98. package/dist/collection/components/radio/radio.e2e.js +8 -0
  99. package/dist/collection/components/radio/radio.js +1 -1
  100. package/dist/collection/components/radio/radio.stories.js +7 -0
  101. package/dist/collection/components/radio-group/radio-group.css +2 -2
  102. package/dist/collection/components/radio-group/radio-group.e2e.js +11 -0
  103. package/dist/collection/components/radio-group/radio-group.js +5 -2
  104. package/dist/collection/components/radio-group/radio-group.stories.js +15 -0
  105. package/dist/collection/components/required-separator/required-separator.css +2 -2
  106. package/dist/collection/components/required-separator/required-separator.js +1 -1
  107. package/dist/collection/components/rounded-icon/rounded-icon.css +2 -2
  108. package/dist/collection/components/rounded-icon/rounded-icon.js +4 -4
  109. package/dist/collection/components/scrollable-container/scrollable-container.css +2 -2
  110. package/dist/collection/components/scrollable-container/scrollable-container.js +1 -1
  111. package/dist/collection/components/search/search.js +1 -1
  112. package/dist/collection/components/separator/separator.css +2 -2
  113. package/dist/collection/components/separator/separator.js +1 -1
  114. package/dist/collection/components/spinner/spinner.css +2 -2
  115. package/dist/collection/components/spinner/spinner.js +1 -1
  116. package/dist/collection/components/tab/tab.css +2 -2
  117. package/dist/collection/components/tab/tab.js +2 -2
  118. package/dist/collection/components/tab-group/tab-group.js +1 -1
  119. package/dist/collection/components/tab-panel/tab-panel.css +2 -2
  120. package/dist/collection/components/tab-panel/tab-panel.js +1 -1
  121. package/dist/collection/components/table/table-cell/table-cell.css +2 -2
  122. package/dist/collection/components/table/table-cell/table-cell.js +2 -2
  123. package/dist/collection/components/table/table-header/table-header.css +2 -2
  124. package/dist/collection/components/table/table-header/table-header.js +1 -1
  125. package/dist/collection/components/table/table-row/table-row.css +2 -2
  126. package/dist/collection/components/table/table-row/table-row.js +2 -2
  127. package/dist/collection/components/table/table-rowgroup/table-rowgroup.css +2 -2
  128. package/dist/collection/components/table/table-rowgroup/table-rowgroup.js +2 -2
  129. package/dist/collection/components/table/table.css +2 -2
  130. package/dist/collection/components/table/table.js +2 -2
  131. package/dist/collection/components/textarea/textarea.css +2 -2
  132. package/dist/collection/components/textarea/textarea.js +2 -2
  133. package/dist/collection/components/toggle-button/toggle-button.css +2 -2
  134. package/dist/collection/components/toggle-button/toggle-button.js +3 -3
  135. package/dist/collection/components/toggle-chip/toggle-chip.css +2 -2
  136. package/dist/collection/components/toggle-chip/toggle-chip.js +3 -3
  137. package/dist/collection/components/toggle-group/toggle-group.css +2 -2
  138. package/dist/collection/components/toggle-group/toggle-group.js +2 -2
  139. package/dist/collection/components/toggle-switch/toggle-switch.css +2 -2
  140. package/dist/collection/components/toggle-switch/toggle-switch.js +4 -4
  141. package/dist/collection/components/tooltip/tooltip.css +2 -2
  142. package/dist/collection/components/tooltip/tooltip.js +3 -3
  143. package/dist/collection/components/wizard/wizard-step.js +2 -2
  144. package/dist/collection/components/wizard/wizard.css +2 -2
  145. package/dist/collection/components/wizard/wizard.js +1 -1
  146. package/dist/collection/components/wizard-icon/wizard-icon.css +2 -2
  147. package/dist/collection/components/wizard-icon/wizard-icon.js +1 -1
  148. package/dist/components/b2b-alert.js +1 -1
  149. package/dist/components/b2b-anchor.js +10 -4
  150. package/dist/components/b2b-progress-bar.js +1 -1
  151. package/dist/components/b2b-radio-button.js +1 -1
  152. package/dist/components/b2b-radio-group.js +5 -2
  153. package/dist/components/b2b-required-separator.js +1 -1
  154. package/dist/components/b2b-scrollable-container.js +1 -1
  155. package/dist/components/b2b-search.js +1 -1
  156. package/dist/components/b2b-tab-group.js +1 -1
  157. package/dist/components/b2b-tab-panel.js +1 -1
  158. package/dist/components/b2b-tab.js +2 -2
  159. package/dist/components/b2b-table-row.js +2 -2
  160. package/dist/components/b2b-table-rowgroup.js +2 -2
  161. package/dist/components/b2b-table.js +2 -2
  162. package/dist/components/b2b-textarea.js +2 -2
  163. package/dist/components/b2b-toggle-button.js +3 -3
  164. package/dist/components/b2b-toggle-chip.js +3 -3
  165. package/dist/components/b2b-toggle-group.js +2 -2
  166. package/dist/components/b2b-toggle-switch.js +4 -4
  167. package/dist/components/b2b-tooltip.js +3 -3
  168. package/dist/components/b2b-wizard-step.js +2 -2
  169. package/dist/components/b2b-wizard.js +1 -1
  170. package/dist/components/rounded-icon.js +4 -4
  171. package/dist/components/separator.js +1 -1
  172. package/dist/components/spinner.js +1 -1
  173. package/dist/components/table-cell.js +2 -2
  174. package/dist/components/table-header.js +1 -1
  175. package/dist/components/wizard-icon.js +1 -1
  176. package/dist/custom-elements.json +16 -0
  177. package/dist/esm/b2b-alert.entry.js +1 -1
  178. package/dist/esm/b2b-anchor.entry.js +7 -3
  179. package/dist/esm/b2b-button_2.entry.js +1 -1
  180. package/dist/esm/b2b-core-components.js +1 -1
  181. package/dist/esm/b2b-progress-bar.entry.js +1 -1
  182. package/dist/esm/b2b-radio-button.entry.js +1 -1
  183. package/dist/esm/b2b-radio-group.entry.js +5 -2
  184. package/dist/esm/b2b-required-separator.entry.js +1 -1
  185. package/dist/esm/b2b-rounded-icon.entry.js +4 -4
  186. package/dist/esm/b2b-scrollable-container.entry.js +1 -1
  187. package/dist/esm/b2b-search.entry.js +1 -1
  188. package/dist/esm/b2b-separator.entry.js +1 -1
  189. package/dist/esm/b2b-tab-group.entry.js +1 -1
  190. package/dist/esm/b2b-tab-panel.entry.js +1 -1
  191. package/dist/esm/b2b-tab.entry.js +2 -2
  192. package/dist/esm/b2b-table-cell_2.entry.js +3 -3
  193. package/dist/esm/b2b-table-row.entry.js +2 -2
  194. package/dist/esm/b2b-table-rowgroup.entry.js +2 -2
  195. package/dist/esm/b2b-table.entry.js +2 -2
  196. package/dist/esm/b2b-textarea.entry.js +2 -2
  197. package/dist/esm/b2b-toggle-button.entry.js +3 -3
  198. package/dist/esm/b2b-toggle-chip.entry.js +3 -3
  199. package/dist/esm/b2b-toggle-group.entry.js +2 -2
  200. package/dist/esm/b2b-toggle-switch.entry.js +4 -4
  201. package/dist/esm/b2b-tooltip.entry.js +3 -3
  202. package/dist/esm/b2b-wizard-icon.entry.js +1 -1
  203. package/dist/esm/b2b-wizard-step.entry.js +2 -2
  204. package/dist/esm/b2b-wizard.entry.js +1 -1
  205. package/dist/esm/loader.js +1 -1
  206. package/dist/types/components/anchor/anchor.d.ts +4 -0
  207. package/dist/types/components/anchor/anchor.stories.d.ts +3 -1
  208. package/dist/types/components/headline/headline.stories.d.ts +1 -0
  209. package/dist/types/components/radio/radio.stories.d.ts +2 -1
  210. package/dist/types/components/radio-group/radio-group.d.ts +2 -0
  211. package/dist/types/components/radio-group/radio-group.stories.d.ts +2 -1
  212. package/dist/types/components.d.ts +16 -0
  213. package/dist/web-types.json +22 -2
  214. package/package.json +2 -2
  215. package/dist/b2b-core-components/p-062b3042.entry.js +0 -1
  216. package/dist/b2b-core-components/p-6f17d047.entry.js +0 -1
  217. package/dist/b2b-core-components/p-baa99f00.entry.js +0 -1
  218. package/dist/b2b-core-components/p-d3f86dfe.entry.js +0 -1
@@ -105,12 +105,12 @@ const TableRowComponent = class {
105
105
  }
106
106
  }
107
107
  render() {
108
- return (h(Host, { key: '158ea38cbc14a9fd14a87beaa20cc6610d348eef', class: {
108
+ return (h(Host, { key: 'f92b4349e74b6f9f4ff5da3661a268c0554cacf1', class: {
109
109
  'b2b-table-row': true,
110
110
  ['b2b-table-row--colspan']: this.size === TableSizes.COLSPAN,
111
111
  ['b2b-table-row--highlight']: this.highlight,
112
112
  [`b2b-table-row--color-${this.getRowColor()}`]: true,
113
- }, role: "row" }, this.getAccordionColumns(), this.getCheckbox(), h("slot", { key: '0f4afc0529929c2d308f76ce91a0353af7532607' })));
113
+ }, role: "row" }, this.getAccordionColumns(), this.getCheckbox(), h("slot", { key: '08f7b690c3b0a7ae8e8083254b9a975989306e57' })));
114
114
  }
115
115
  get hostElement() { return getElement(this); }
116
116
  };
@@ -118,11 +118,11 @@ const TableRowgroupComponent = class {
118
118
  this.makeHeaderRowNotSelectable();
119
119
  }
120
120
  render() {
121
- return (h(Host, { key: 'b32971c633a27af352651656743e5788f08dbc70', class: {
121
+ return (h(Host, { key: '4dd4d9fe40cbb15bbbdd8aeff90d31372da60cdd', class: {
122
122
  ['b2b-table-rowgroup__' + this.type]: true,
123
123
  'b2b-table-rowgroup--fixed': this.fixed,
124
124
  'b2b-table-rowgroup--colspan': this.size === TableSizes.COLSPAN,
125
- }, role: "rowgroup" }, h("slot", { key: '53e1830d7834f3330a2a74f94d0ebea102fc5d5d' })));
125
+ }, role: "rowgroup" }, h("slot", { key: 'd4492ca4f42bde66052ed61c9d3bfebc74e790e7' })));
126
126
  }
127
127
  get host() { return getElement(this); }
128
128
  };
@@ -65,9 +65,9 @@ const TableComponent = class {
65
65
  }
66
66
  }
67
67
  render() {
68
- return (h(Host, { key: 'f059683c7d7248d2a71f6b87d2a2c824bb4cedd9', class: {
68
+ return (h(Host, { key: '70f900f2160167e3f808c9c432cfa3bb134624c0', class: {
69
69
  ['b2b-table--' + this.size]: true,
70
- }, role: "table" }, h("slot", { key: 'ac05cc8efb3b4aaef44c2f9e05721363b630cd5e' })));
70
+ }, role: "table" }, h("slot", { key: 'c0b35190bb004dd3332e3b2bb856e30a1adee829' })));
71
71
  }
72
72
  get host() { return getElement(this); }
73
73
  };
@@ -50,10 +50,10 @@ const B2BTextareaComponent = class {
50
50
  }
51
51
  }
52
52
  render() {
53
- return (h(Host, { key: 'fa67a181d11d401b8619990c40cd56f788365a05', class: {
53
+ return (h(Host, { key: 'adf829a538a8234008981a3f1a56d5f370b859ec', class: {
54
54
  'b2b-textarea': true,
55
55
  'b2b-textarea--error': this.invalid && !this.disabled,
56
- } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("textarea", { key: '87fe71ca84f053e80625942b7fe3afcfd4cfa44a', class: "textarea-input", "aria-labelledby": this.name, style: Object.assign({ height: this.height }, (Boolean(this.resize) && { resize: this.resize })), value: this.value, name: this.name, placeholder: this.placeholder, disabled: this.disabled, autoFocus: this.autofocus, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, maxLength: this.maxLength }), (this.hint !== undefined && !this.invalid) ||
56
+ } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("textarea", { key: 'c64d67fb1eb2a7552643815f10b139d34a7a46bd', class: "textarea-input", "aria-labelledby": this.name, style: Object.assign({ height: this.height }, (Boolean(this.resize) && { resize: this.resize })), value: this.value, name: this.name, placeholder: this.placeholder, disabled: this.disabled, autoFocus: this.autofocus, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, maxLength: this.maxLength }), (this.hint !== undefined && !this.invalid) ||
57
57
  (this.hint !== undefined && this.disabled) ? (h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (h("span", null, this.error)) : ('')));
58
58
  }
59
59
  get hostElement() { return getElement(this); }
@@ -37,13 +37,13 @@ const B2bToggleButtonComponent = class {
37
37
  return Array.from(document.querySelectorAll(`b2b-toggle-button[name="${this.name}"]`)).filter((toggle) => toggle.value !== this.value);
38
38
  }
39
39
  render() {
40
- return (h(Host, { key: '1b4455bc08da5cd59668542b9448991950082a5d', onClick: this.onClick }, h("span", { key: '3dfc32795f51493f156715c762eb07911cd8cefa', class: {
40
+ return (h(Host, { key: '72a27c904d091619da19fb5dab2da588326688df', onClick: this.onClick }, h("span", { key: '165c0254153fa4a3bff6d76f58f844830344f8c2', class: {
41
41
  'b2b-toggle-button': true,
42
42
  'b2b-toggle-button--disabled': this.disabled,
43
- } }, h("input", { key: '5909a9f50d6a5bd7debb6d94e42c32eb34494d7d', tabindex: 0, class: {
43
+ } }, h("input", { key: '0d6ee278d5db9f360e7ab466daeaebced17063e6', tabindex: 0, class: {
44
44
  'b2b-toggle-button__input': true,
45
45
  'b2b-toggle-button__input--disabled': this.disabled,
46
- }, "aria-labelledby": this.name, type: "radio", checked: this.checked && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), h("label", { key: 'a3ba75134e2b082fb6daf4a4305e909abd3ce2d3', id: this.name, tabindex: -1, class: {
46
+ }, "aria-labelledby": this.name, type: "radio", checked: this.checked && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), h("label", { key: 'f073f01258465886c9fe70e99692ffee84db38bc', id: this.name, tabindex: -1, class: {
47
47
  'b2b-toggle-button__label': true,
48
48
  'b2b-toggle-button__label--disabled': this.disabled,
49
49
  'b2b-toggle-button__label--checked': this.checked && !this.disabled,
@@ -39,11 +39,11 @@ const B2BToggleChipComponent = class {
39
39
  this.disabled = false;
40
40
  }
41
41
  render() {
42
- return (h(Host, { key: '0edab0e264bffc60e1e9b0479a8923fe046cb655' }, h("span", { key: 'cba90b7b8adb0e6d183b10800da01fd0cee84ddc', onClick: this.onClick, onKeyDown: this.onKeyDown, class: {
42
+ return (h(Host, { key: '521c77d6f300a1e0a3f978a6645c37f7ca3a7aeb' }, h("span", { key: '73ee23bfcf46564a32afac2892479830c25b81b8', onClick: this.onClick, onKeyDown: this.onKeyDown, class: {
43
43
  'b2b-toggle-chip': true,
44
- } }, h("input", { key: 'a83be039e526e5c81d9c9a06d78ffbe084003656', "aria-labelledby": this.name, tabindex: this.disabled ? -1 : 0, class: {
44
+ } }, h("input", { key: '1b0fa2b361fc41d011e7d71d56dc48c614cc478a', "aria-labelledby": this.name, tabindex: this.disabled ? -1 : 0, class: {
45
45
  'b2b-toggle-chip__input': true,
46
- }, type: "checkbox", checked: this.active && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), h("label", { key: '239667dab17575f444304d1a6ed080969263a529', id: this.name, tabIndex: -1, class: {
46
+ }, type: "checkbox", checked: this.active && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), h("label", { key: '6de8f234f543595ab2995854c1f995ce1c724f8b', id: this.name, tabIndex: -1, class: {
47
47
  'b2b-toggle-chip__label': true,
48
48
  [`b2b-toggle-chip__label--${this.variant}`]: true,
49
49
  'b2b-toggle-chip__label--active': this.active,
@@ -51,10 +51,10 @@ const B2BToggleGroup = class {
51
51
  }
52
52
  }
53
53
  render() {
54
- return (h(Host, { key: '61ccd7ac4efe264edc353ee2c77085b928dca8f0' }, h("div", { key: 'ca4d71b1c622d8ae3220bd3a5d871454e8614d96', class: {
54
+ return (h(Host, { key: 'e81f98de29ab06594da8b9e19e68f4ec9f3c878f' }, h("div", { key: 'a590585c94ab40ea54abd08031ab9b1482bc4a78', class: {
55
55
  'b2b-toggle-group': true,
56
56
  'b2b-toggle-group--disabled': this.disabled,
57
- } }, h("fieldset", { key: '05e1fd468b4cd2ecff5e813db6389f43d065176f' }, h("slot", { key: '14e60ca50e82c8e4ae7147ac7e585a13b6c50358' })))));
57
+ } }, h("fieldset", { key: 'f8a20fb30c7b5fd958171f91a2219a2efbd7a5ca' }, h("slot", { key: '3e0bc10d09053d008a9d771721c57463ce437e27' })))));
58
58
  }
59
59
  get host() { return getElement(this); }
60
60
  static get watchers() { return {
@@ -44,17 +44,17 @@ const B2bToggleSwitchComponent = class {
44
44
  render() {
45
45
  // workaround for purgecss as safelist doesn't work
46
46
  const isLeft = this.labelPosition === 'left';
47
- return (h(Host, { key: 'f40fa08edbf399fa627a81140477f2512a5884b3' }, h("div", { key: 'f806f79cf76f965383d8538a7c393b4e562fdb32', class: {
47
+ return (h(Host, { key: 'ead51ac66423aad33f3714724dd943f76c9a5a2d' }, h("div", { key: 'bd253f3dac1128d188d1fcee84fd35c1dcb07a2d', class: {
48
48
  'b2b-toggle': true,
49
49
  'b2b-toggle--disabled': this.disabled,
50
50
  'b2b-toggle--checked': this.state,
51
- } }, h("div", { key: '0664c184383f64864b25978d9d980266cf72668d', class: {
51
+ } }, h("div", { key: '69f605ce7363e4aa7aa89b0783721ae30c8897ca', class: {
52
52
  'b2b-toggle__label': true,
53
53
  'b2b-toggle__label--left': isLeft,
54
- } }, h("span", { key: '98b08ab1b541fed7ee54730380c331aa55206868', class: "b2b-toggle__switch", role: "switch", tabIndex: 0, onKeyDown: this.onKeyDown, onClick: this.onClick }, h("svg", { key: 'e84003457f75842186d30b582ab3896aea5257b6', class: {
54
+ } }, h("span", { key: 'b52b3852d95df99a32aa095532d7fe6897e7b638', class: "b2b-toggle__switch", role: "switch", tabIndex: 0, onKeyDown: this.onKeyDown, onClick: this.onClick }, h("svg", { key: 'c8752f6668e05da681f6682e604441fdac6b1365', class: {
55
55
  'b2b-toggle__icon': true,
56
56
  'b2b-toggle__icon--show': this.state,
57
- }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 30 30" }, h("path", { key: '087e56df9cd4e1712024944dd470baf445338077', d: "M11.798 25.082c-.341 0-.681-.13-.942-.389l-7.132-7.115a1.334 1.334 0 0 1 1.884-1.888l6.19 6.175L26.391 7.307a1.334 1.334 0 0 1 1.884 1.888L12.74 24.693c-.26.259-.601.389-.942.389z" }))), this.label && (h("span", { class: {
57
+ }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 30 30" }, h("path", { key: '09d63539b5f10f54089658ea44fa081bbd3fceb7', d: "M11.798 25.082c-.341 0-.681-.13-.942-.389l-7.132-7.115a1.334 1.334 0 0 1 1.884-1.888l6.19 6.175L26.391 7.307a1.334 1.334 0 0 1 1.884 1.888L12.74 24.693c-.26.259-.601.389-.942.389z" }))), this.label && (h("span", { class: {
58
58
  'b2b-toggle__text': true,
59
59
  'b2b-toggle__text--left': isLeft,
60
60
  } }, this.label))))));
@@ -58,13 +58,13 @@ const B2BTooltipComponent = class {
58
58
  }
59
59
  }
60
60
  render() {
61
- return (h(Host, { key: '206be7996ce610ef649791c8fbdb33cb43c0c4e3', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, h("span", { key: '2db6908f7af38c30676f4ee4e2ec0fb395b496d3', class: {
61
+ return (h(Host, { key: '85d4ea6d00cc0a1cb3f411e2ea2d57f064ba114d', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, h("span", { key: '8503ac0f0638dd3501a62741a9cb668bd08a4c55', class: {
62
62
  [`b2b-tooltip--${this.position}`]: true,
63
63
  'b2b-tooltip__trigger': true,
64
- } }, h("slot", { key: '701b2c95321148dc456698c6354e57f57c2aa705' }), h("div", { key: '9a73bbaffe6aeb94df712dcfb07607038827b329', class: {
64
+ } }, h("slot", { key: '009c743af15c9ebc54bdf6dee620f15e43e306ee' }), h("div", { key: '7b655965e432651456d26f147fef251bdd505cce', class: {
65
65
  'b2b-tooltip__content': true,
66
66
  'b2b-tooltip--visible': this.opened,
67
- } }, h("slot", { key: 'a2a30959e9f5757b5bd1df92f19f97a5a87b1960', name: "content" }, this.content)))));
67
+ } }, h("slot", { key: 'f653061d233472af5731448814e16872c189c4c9', name: "content" }, this.content)))));
68
68
  }
69
69
  get host() { return getElement(this); }
70
70
  static get watchers() { return {
@@ -12,7 +12,7 @@ const WizardIconComponent = class {
12
12
  this.checkIcon = true;
13
13
  }
14
14
  render() {
15
- return (h(Host, { key: 'f90113ae53a154cabd6c03ba7ca5ec799fd2a924' }, h("div", { key: 'b53d693ec4588902dfd92210723fba697fc96ca8', class: {
15
+ return (h(Host, { key: '5c3ab4531997f298489cef25f5b4cee243588e74' }, h("div", { key: '9b212fbab1c0dcb54787c39da4081f1f911b7d85', class: {
16
16
  'b2b-wizard-icon': true,
17
17
  } }, this.state === WizardStatus.COMPLETED && (h("b2b-rounded-icon", { color: "var(--b2b-color-success-50)", "content-color": "var(--b2b-color-success-100)" }, this.checkIcon ? (h("b2b-icon", { slot: "icon", icon: "b2b_icon-check" })) : (h("span", { slot: "text" }, this.step)))), this.state === WizardStatus.PENDING && (h("b2b-rounded-icon", { color: "var(--b2b-color-icon-default)", "content-color": "var(--b2b-color-icon-inverted)" }, h("span", { slot: "text" }, this.step))), this.state === WizardStatus.DISABLED && (h("b2b-rounded-icon", { color: "var(--b2b-color-grey-100)", "content-color": "var(--b2b-color-grey-400)" }, h("span", { slot: "text" }, this.step))), this.state === WizardStatus.DEFAULT && (h("b2b-rounded-icon", { color: "transparent", "border-color": "var(--b2b-color-icon-secondary)", "content-color": "var(--b2b-color-icon-secondary)" }, h("span", { slot: "text" }, this.step))))));
18
18
  }
@@ -12,10 +12,10 @@ const WizardStepComponent = class {
12
12
  this.checkIcon = true;
13
13
  }
14
14
  render() {
15
- return (h(Host, { key: '11892ec96d8a26f9a1665908c4f247a9944ecd27' }, h("div", { key: '1d5e0fadf98c8d54ffb21638df91a4c56bcb33a3', class: "b2b_wizard__step" }, h("b2b-wizard-icon", { key: '02674a17c0ee84de5c14b6422afb25df7dbca947', step: this.step, state: this.state, checkIcon: this.checkIcon }), h("div", { key: 'a059e53252f36ce98fb15298b575689c18004182', class: {
15
+ return (h(Host, { key: '549e0e7ff5030f4a5fc472e046f65fbe964f89cf' }, h("div", { key: 'a2f9dd5665eb063c5c51df700765509dca2c1616', class: "b2b_wizard__step" }, h("b2b-wizard-icon", { key: 'cdd5ed4aa979be3b2f878c7f735afc11fa2936bd', step: this.step, state: this.state, checkIcon: this.checkIcon }), h("div", { key: '84c4d7608daf542354ca707881730de8a3c65783', class: {
16
16
  'b2b_wizard__step__label': true,
17
17
  'b2b_wizard__step__label--default': this.state === WizardStatus.DEFAULT,
18
- } }, h("slot", { key: '68154418c6b0e5029e4b0aea64ef03f1923b1c74' })))));
18
+ } }, h("slot", { key: '00837facfab31ae121002e62277c0bc907161bf6' })))));
19
19
  }
20
20
  };
21
21
  WizardStepComponent.style = B2bWizardStepStyle0;
@@ -49,7 +49,7 @@ const WizardComponent = class {
49
49
  this.setStepsState();
50
50
  }
51
51
  render() {
52
- return (h(Host, { key: '4395808877c2f78bb53e4ced7cc4c89d875a0b5c' }, h("div", { key: '8fe7bc19cf6e356aaafad10f0461db6d29781fcf', class: "b2b_wizard" }, h("slot", { key: '30e3bd793259494df8355d2417067861d49a70e8' }))));
52
+ return (h(Host, { key: '82f36879396d38b9423200ba7a73601b327335b8' }, h("div", { key: '83b2827e4c284420456b76c4b39c683851992731', class: "b2b_wizard" }, h("slot", { key: 'b88f8ab6a5831168bd5ab9b6f0e2c4cc9cabccec' }))));
53
53
  }
54
54
  get host() { return getElement(this); }
55
55
  };
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
5
5
  const defineCustomElements = async (win, options) => {
6
6
  if (typeof window === 'undefined') return undefined;
7
7
  await globalScripts();
8
- return bootstrapLazy(JSON.parse("[[\"b2b-search\",[[1,\"b2b-search\",{\"placeholder\":[1],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"closed\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-date-picker\",[[1,\"b2b-date-picker\",{\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"label\":[1],\"preSelectedDate\":[1,\"pre-selected-date\"],\"showHint\":[4,\"show-hint\"],\"showDatePicker\":[32],\"focused\":[32],\"datePickerView\":[32],\"selectedMonth\":[32],\"selectedYear\":[32],\"selectedDay\":[32],\"selectedDate\":[32],\"userInputDate\":[32],\"invalid\":[32],\"errorMessage\":[32]},[[0,\"b2b-date-picker-escape\",\"handleEscapePress\"],[0,\"b2b-date-selected\",\"handleDateSelection\"],[0,\"b2b-date-picker-previous-month\",\"getPreviousMonth\"],[0,\"b2b-date-picker-next-month\",\"getNextMonth\"],[0,\"b2b-date-picker-view-changed\",\"handleDatePickerViewChanged\"],[0,\"b2b-date-picker-month-selected\",\"handleMonthSelected\"],[0,\"b2b-date-picker-year-selected\",\"handleYearSelected\"]]]]],[\"b2b-multiselect-dropdown\",[[1,\"b2b-multiselect-dropdown\",{\"label\":[1],\"placeholder\":[513],\"selectedValues\":[1,\"selected-values\"],\"optionsList\":[1,\"options-list\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"selectAllLabel\":[1,\"select-all-label\"],\"maxOptionsVisible\":[2,\"max-options-visible\"],\"currentSelectedValues\":[32],\"currentList\":[32],\"value\":[32],\"isElementFocused\":[32],\"hasOptionList\":[32]},null,{\"optionsList\":[\"watchPropHandler\"],\"currentSelectedValues\":[\"handleSelectedValuesChange\"]}]]],[\"b2b-table-row\",[[1,\"b2b-table-row\",{\"highlight\":[4],\"color\":[1],\"selectable\":[4],\"size\":[1],\"value\":[1],\"indeterminate\":[4],\"checked\":[1028],\"isOpen\":[32],\"toggleAccordion\":[64]},[[0,\"b2b-change\",\"toggleSelected\"]]]]],[\"b2b-wizard-step\",[[1,\"b2b-wizard-step\",{\"state\":[1],\"step\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-modal\",[[1,\"b2b-modal\",{\"heading\":[1],\"opened\":[1540],\"backdropDismiss\":[4,\"backdrop-dismiss\"],\"escDismiss\":[4,\"esc-dismiss\"],\"variant\":[1],\"iconHover\":[32],\"isOpen\":[32]},[[0,\"keydown\",\"handleKeypress\"]],{\"opened\":[\"openedChanged\"]}]]],[\"b2b-pagination\",[[1,\"b2b-pagination\",{\"totalPages\":[2,\"total-pages\"],\"activePage\":[1538,\"active-page\"],\"ariaLabelNextPage\":[1,\"aria-label-next-page\"],\"ariaLabelPreviousPage\":[1,\"aria-label-previous-page\"]},null,{\"totalPages\":[\"onTotalPagesChange\"],\"activePage\":[\"onActivePageChange\"]}]]],[\"b2b-alert\",[[1,\"b2b-alert\",{\"type\":[1],\"size\":[1],\"opened\":[1028],\"hasCloseButton\":[4,\"has-close-button\"],\"customIcon\":[4,\"custom-icon\"]},null,{\"opened\":[\"openedChanged\"]}]]],[\"b2b-checkbox-group\",[[1,\"b2b-checkbox-group\",{\"label\":[1],\"required\":[4],\"disabled\":[4],\"invalid\":[4],\"alignment\":[1],\"hint\":[1],\"error\":[1]},[[0,\"b2b-change\",\"handleCheckboxChange\"]],{\"disabled\":[\"disabledChanged\"],\"invalid\":[\"invalidChanged\"]}]]],[\"b2b-dropdown\",[[1,\"b2b-dropdown\",{\"label\":[1],\"required\":[516],\"name\":[513],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1]}]]],[\"b2b-radio-button\",[[1,\"b2b-radio-button\",{\"label\":[1],\"required\":[516],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"invalid\":[4],\"value\":[513],\"hint\":[1],\"error\":[1]}]]],[\"b2b-radio-group\",[[1,\"b2b-radio-group\",{\"name\":[1],\"label\":[1],\"required\":[4],\"alignment\":[1],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleRadioButtonChange\"]],{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-required-separator\",[[1,\"b2b-required-separator\",{\"label\":[1]}]]],[\"b2b-tab-group\",[[1,\"b2b-tab-group\",{\"useRouter\":[4,\"use-router\"]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeydown\"]]]]],[\"b2b-textarea\",[[1,\"b2b-textarea\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"disabled\":[516],\"invalid\":[516],\"autofocus\":[516],\"resize\":[513],\"hint\":[1],\"error\":[1],\"value\":[1537],\"name\":[513],\"maxLength\":[514,\"max-length\"],\"height\":[1]}]]],[\"b2b-anchor\",[[1,\"b2b-anchor\",{\"href\":[1],\"download\":[1],\"target\":[1],\"size\":[1]}]]],[\"b2b-background-box\",[[1,\"b2b-background-box\",{\"fixedWidth\":[4,\"fixed-width\"],\"noPadding\":[4,\"no-padding\"]}]]],[\"b2b-breadcrumb\",[[1,\"b2b-breadcrumb\",{\"paddingTop\":[2,\"padding-top\"],\"paddingBottom\":[2,\"padding-bottom\"]},[[0,\"b2b-change\",\"onSelectedChange\"]]]]],[\"b2b-breadcrumb-item\",[[1,\"b2b-breadcrumb-item\",{\"href\":[1],\"value\":[8],\"active\":[1028]}]]],[\"b2b-card\",[[1,\"b2b-card\",{\"disabled\":[4],\"href\":[1],\"target\":[1]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeyDown\"]]]]],[\"b2b-flyout-menu\",[[1,\"b2b-flyout-menu\",{\"opened\":[1028]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"b2b-option-selected\",\"handleSelected\"],[4,\"click\",\"handleClickOutside\"]]]]],[\"b2b-flyout-menu-option\",[[1,\"b2b-flyout-menu-option\",{\"option\":[1],\"disabled\":[516],\"separator\":[4]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-grid\",[[1,\"b2b-grid\",{\"margin\":[2]}]]],[\"b2b-grid-col\",[[1,\"b2b-grid-col\",{\"span\":[514],\"textAlign\":[1,\"text-align\"]}]]],[\"b2b-grid-row\",[[1,\"b2b-grid-row\",{\"columnGap\":[2,\"column-gap\"],\"rowGap\":[2,\"row-gap\"],\"alignItems\":[1,\"align-items\"],\"justify\":[1]}]]],[\"b2b-icon-100\",[[1,\"b2b-icon-100\",{\"icon\":[1],\"color\":[1],\"size\":[2],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-icon-50\",[[1,\"b2b-icon-50\",{\"icon\":[1],\"color\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-label\",[[1,\"b2b-label\",{\"type\":[1]}]]],[\"b2b-paragraph\",[[1,\"b2b-paragraph\",{\"weight\":[1],\"size\":[1],\"align\":[1],\"margin\":[4],\"variant\":[1],\"display\":[1]}]]],[\"b2b-progress-bar\",[[1,\"b2b-progress-bar\",{\"progress\":[2],\"label\":[1],\"labelType\":[1,\"label-type\"],\"labelPosition\":[1,\"label-position\"]}]]],[\"b2b-scrollable-container\",[[1,\"b2b-scrollable-container\"]]],[\"b2b-tab\",[[1,\"b2b-tab\",{\"selected\":[516],\"disabled\":[4],\"invalid\":[4]},null,{\"selected\":[\"propagateChange\"]}]]],[\"b2b-tab-panel\",[[1,\"b2b-tab-panel\"]]],[\"b2b-table\",[[1,\"b2b-table\",{\"size\":[1]},[[0,\"b2b-change\",\"onColumnSelected\"]]]]],[\"b2b-table-rowgroup\",[[1,\"b2b-table-rowgroup\",{\"type\":[1],\"size\":[1],\"accordion\":[4],\"selectable\":[4],\"fixed\":[4],\"opened\":[516],\"selectedValues\":[32]},[[0,\"b2b-open\",\"handleOpenChange\"],[0,\"b2b-row-selected\",\"handleSelectedChange\"]]]]],[\"b2b-toggle-button\",[[1,\"b2b-toggle-button\",{\"label\":[1],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"value\":[513]}]]],[\"b2b-toggle-chip\",[[1,\"b2b-toggle-chip\",{\"label\":[1],\"value\":[520],\"name\":[513],\"variant\":[1],\"active\":[1028],\"disabled\":[516]}]]],[\"b2b-toggle-group\",[[1,\"b2b-toggle-group\",{\"name\":[1],\"disabled\":[516],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleToggleButtonChange\"]],{\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-toggle-switch\",[[1,\"b2b-toggle-switch\",{\"label\":[1],\"name\":[1],\"labelPosition\":[1,\"label-position\"],\"disabled\":[4],\"state\":[1028]}]]],[\"b2b-tooltip\",[[1,\"b2b-tooltip\",{\"position\":[1],\"content\":[1],\"trigger\":[1],\"opened\":[1540]},null,{\"opened\":[\"handleOpenedChange\"]}]]],[\"b2b-wizard\",[[1,\"b2b-wizard\",{\"activeStep\":[1,\"active-step\"],\"custom\":[4],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-wizard-icon\",[[1,\"b2b-wizard-icon\",{\"step\":[1],\"state\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-input-group_2\",[[1,\"b2b-input-list\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"groupDisabled\":[4,\"group-disabled\"],\"hasOptionList\":[32],\"isElementFocused\":[32]},[[0,\"keydown\",\"handleKeyDown\"]],{\"optionsList\":[\"watchPropHandler\"]}],[1,\"b2b-input-group\",{\"invalid\":[4],\"disabled\":[4],\"error\":[1],\"hint\":[1]},null,{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-chip-component_2\",[[0,\"b2b-multiselect-option\",{\"option\":[1],\"selected\":[1028],\"indeterminate\":[4]}],[1,\"b2b-chip-component\",{\"label\":[1],\"type\":[1],\"labelStyle\":[1,\"label-style\"],\"disabled\":[4],\"hasCloseButton\":[4,\"has-close-button\"],\"value\":[520]}]]],[\"b2b-table-cell_2\",[[1,\"b2b-table-cell\",{\"textWrap\":[516,\"text-wrap\"],\"size\":[1],\"align\":[1],\"divider\":[4],\"color\":[1],\"colspan\":[2],\"totalCols\":[2,\"total-cols\"],\"useTextEllipsis\":[32]}],[1,\"b2b-table-header\",{\"divider\":[4],\"size\":[1],\"fixed\":[4],\"sortDirection\":[1537,\"sort-direction\"],\"sortId\":[1,\"sort-id\"],\"colspan\":[2],\"contentAlign\":[1,\"content-align\"],\"totalCols\":[2,\"total-cols\"],\"active\":[32],\"iconAlign\":[32]}]]],[\"b2b-rounded-icon\",[[1,\"b2b-rounded-icon\",{\"color\":[1],\"borderColor\":[1,\"border-color\"],\"contentColor\":[1,\"content-color\"]}]]],[\"b2b-separator\",[[1,\"b2b-separator\",{\"alignment\":[1]}]]],[\"b2b-input-label\",[[1,\"b2b-input-label\",{\"required\":[4],\"disabled\":[4]}]]],[\"b2b-checkbox\",[[1,\"b2b-checkbox\",{\"label\":[1],\"required\":[516],\"checked\":[1540],\"disabled\":[516],\"indeterminate\":[1028],\"error\":[1],\"hint\":[1],\"name\":[513],\"value\":[520],\"invalid\":[4],\"standalone\":[4],\"groupDisabled\":[4,\"group-disabled\"]}]]],[\"b2b-headline\",[[1,\"b2b-headline\",{\"size\":[1],\"align\":[1],\"noMargin\":[4,\"no-margin\"]}]]],[\"b2b-input_2\",[[1,\"b2b-input\",{\"label\":[1],\"required\":[516],\"type\":[513],\"disabled\":[516],\"invalid\":[516],\"placeholder\":[513],\"value\":[1537],\"name\":[513],\"hint\":[1],\"error\":[1],\"autofocus\":[4],\"groupDisabled\":[4,\"group-disabled\"],\"inputTextAlign\":[1,\"input-text-align\"],\"hasFocus\":[32],\"hasTextPrefix\":[32],\"hasTextSuffix\":[32],\"setFocus\":[64],\"clearInput\":[64]}],[0,\"b2b-input-list-option\",{\"option\":[1]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-date-picker-days_5\",[[1,\"b2b-date-picker-header\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"]}],[1,\"b2b-date-picker-days\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"selectedDay\":[2,\"selected-day\"],\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disabled\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-date-picker-days-header\"],[1,\"b2b-date-picker-months\",{\"selectedMonth\":[2,\"selected-month\"]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-date-picker-years\",{\"selectedYear\":[2,\"selected-year\"],\"yearsRange\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-button_2\",[[1,\"b2b-button\",{\"variant\":[1],\"type\":[1],\"size\":[1],\"width\":[1],\"disabled\":[516],\"loading\":[4],\"active\":[516],\"href\":[1],\"target\":[1],\"download\":[1],\"groupDisabled\":[4,\"group-disabled\"],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"]]],[1,\"b2b-spinner\",{\"size\":[1],\"color\":[1]}]]],[\"b2b-icon\",[[1,\"b2b-icon\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]]]"), options);
8
+ return bootstrapLazy(JSON.parse("[[\"b2b-search\",[[1,\"b2b-search\",{\"placeholder\":[1],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"closed\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-date-picker\",[[1,\"b2b-date-picker\",{\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"label\":[1],\"preSelectedDate\":[1,\"pre-selected-date\"],\"showHint\":[4,\"show-hint\"],\"showDatePicker\":[32],\"focused\":[32],\"datePickerView\":[32],\"selectedMonth\":[32],\"selectedYear\":[32],\"selectedDay\":[32],\"selectedDate\":[32],\"userInputDate\":[32],\"invalid\":[32],\"errorMessage\":[32]},[[0,\"b2b-date-picker-escape\",\"handleEscapePress\"],[0,\"b2b-date-selected\",\"handleDateSelection\"],[0,\"b2b-date-picker-previous-month\",\"getPreviousMonth\"],[0,\"b2b-date-picker-next-month\",\"getNextMonth\"],[0,\"b2b-date-picker-view-changed\",\"handleDatePickerViewChanged\"],[0,\"b2b-date-picker-month-selected\",\"handleMonthSelected\"],[0,\"b2b-date-picker-year-selected\",\"handleYearSelected\"]]]]],[\"b2b-multiselect-dropdown\",[[1,\"b2b-multiselect-dropdown\",{\"label\":[1],\"placeholder\":[513],\"selectedValues\":[1,\"selected-values\"],\"optionsList\":[1,\"options-list\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"selectAllLabel\":[1,\"select-all-label\"],\"maxOptionsVisible\":[2,\"max-options-visible\"],\"currentSelectedValues\":[32],\"currentList\":[32],\"value\":[32],\"isElementFocused\":[32],\"hasOptionList\":[32]},null,{\"optionsList\":[\"watchPropHandler\"],\"currentSelectedValues\":[\"handleSelectedValuesChange\"]}]]],[\"b2b-table-row\",[[1,\"b2b-table-row\",{\"highlight\":[4],\"color\":[1],\"selectable\":[4],\"size\":[1],\"value\":[1],\"indeterminate\":[4],\"checked\":[1028],\"isOpen\":[32],\"toggleAccordion\":[64]},[[0,\"b2b-change\",\"toggleSelected\"]]]]],[\"b2b-wizard-step\",[[1,\"b2b-wizard-step\",{\"state\":[1],\"step\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-modal\",[[1,\"b2b-modal\",{\"heading\":[1],\"opened\":[1540],\"backdropDismiss\":[4,\"backdrop-dismiss\"],\"escDismiss\":[4,\"esc-dismiss\"],\"variant\":[1],\"iconHover\":[32],\"isOpen\":[32]},[[0,\"keydown\",\"handleKeypress\"]],{\"opened\":[\"openedChanged\"]}]]],[\"b2b-pagination\",[[1,\"b2b-pagination\",{\"totalPages\":[2,\"total-pages\"],\"activePage\":[1538,\"active-page\"],\"ariaLabelNextPage\":[1,\"aria-label-next-page\"],\"ariaLabelPreviousPage\":[1,\"aria-label-previous-page\"]},null,{\"totalPages\":[\"onTotalPagesChange\"],\"activePage\":[\"onActivePageChange\"]}]]],[\"b2b-alert\",[[1,\"b2b-alert\",{\"type\":[1],\"size\":[1],\"opened\":[1028],\"hasCloseButton\":[4,\"has-close-button\"],\"customIcon\":[4,\"custom-icon\"]},null,{\"opened\":[\"openedChanged\"]}]]],[\"b2b-checkbox-group\",[[1,\"b2b-checkbox-group\",{\"label\":[1],\"required\":[4],\"disabled\":[4],\"invalid\":[4],\"alignment\":[1],\"hint\":[1],\"error\":[1]},[[0,\"b2b-change\",\"handleCheckboxChange\"]],{\"disabled\":[\"disabledChanged\"],\"invalid\":[\"invalidChanged\"]}]]],[\"b2b-dropdown\",[[1,\"b2b-dropdown\",{\"label\":[1],\"required\":[516],\"name\":[513],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1]}]]],[\"b2b-radio-button\",[[1,\"b2b-radio-button\",{\"label\":[1],\"required\":[516],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"invalid\":[4],\"value\":[513],\"hint\":[1],\"error\":[1]}]]],[\"b2b-radio-group\",[[1,\"b2b-radio-group\",{\"name\":[1],\"label\":[1],\"required\":[4],\"alignment\":[1],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleRadioButtonChange\"]],{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-required-separator\",[[1,\"b2b-required-separator\",{\"label\":[1]}]]],[\"b2b-tab-group\",[[1,\"b2b-tab-group\",{\"useRouter\":[4,\"use-router\"]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeydown\"]]]]],[\"b2b-textarea\",[[1,\"b2b-textarea\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"disabled\":[516],\"invalid\":[516],\"autofocus\":[516],\"resize\":[513],\"hint\":[1],\"error\":[1],\"value\":[1537],\"name\":[513],\"maxLength\":[514,\"max-length\"],\"height\":[1]}]]],[\"b2b-anchor\",[[1,\"b2b-anchor\",{\"href\":[1],\"download\":[1],\"target\":[1],\"size\":[1],\"hoverColor\":[1,\"hover-color\"],\"underlineText\":[4,\"underline-text\"]}]]],[\"b2b-background-box\",[[1,\"b2b-background-box\",{\"fixedWidth\":[4,\"fixed-width\"],\"noPadding\":[4,\"no-padding\"]}]]],[\"b2b-breadcrumb\",[[1,\"b2b-breadcrumb\",{\"paddingTop\":[2,\"padding-top\"],\"paddingBottom\":[2,\"padding-bottom\"]},[[0,\"b2b-change\",\"onSelectedChange\"]]]]],[\"b2b-breadcrumb-item\",[[1,\"b2b-breadcrumb-item\",{\"href\":[1],\"value\":[8],\"active\":[1028]}]]],[\"b2b-card\",[[1,\"b2b-card\",{\"disabled\":[4],\"href\":[1],\"target\":[1]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeyDown\"]]]]],[\"b2b-flyout-menu\",[[1,\"b2b-flyout-menu\",{\"opened\":[1028]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"b2b-option-selected\",\"handleSelected\"],[4,\"click\",\"handleClickOutside\"]]]]],[\"b2b-flyout-menu-option\",[[1,\"b2b-flyout-menu-option\",{\"option\":[1],\"disabled\":[516],\"separator\":[4]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-grid\",[[1,\"b2b-grid\",{\"margin\":[2]}]]],[\"b2b-grid-col\",[[1,\"b2b-grid-col\",{\"span\":[514],\"textAlign\":[1,\"text-align\"]}]]],[\"b2b-grid-row\",[[1,\"b2b-grid-row\",{\"columnGap\":[2,\"column-gap\"],\"rowGap\":[2,\"row-gap\"],\"alignItems\":[1,\"align-items\"],\"justify\":[1]}]]],[\"b2b-icon-100\",[[1,\"b2b-icon-100\",{\"icon\":[1],\"color\":[1],\"size\":[2],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-icon-50\",[[1,\"b2b-icon-50\",{\"icon\":[1],\"color\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-label\",[[1,\"b2b-label\",{\"type\":[1]}]]],[\"b2b-paragraph\",[[1,\"b2b-paragraph\",{\"weight\":[1],\"size\":[1],\"align\":[1],\"margin\":[4],\"variant\":[1],\"display\":[1]}]]],[\"b2b-progress-bar\",[[1,\"b2b-progress-bar\",{\"progress\":[2],\"label\":[1],\"labelType\":[1,\"label-type\"],\"labelPosition\":[1,\"label-position\"]}]]],[\"b2b-scrollable-container\",[[1,\"b2b-scrollable-container\"]]],[\"b2b-tab\",[[1,\"b2b-tab\",{\"selected\":[516],\"disabled\":[4],\"invalid\":[4]},null,{\"selected\":[\"propagateChange\"]}]]],[\"b2b-tab-panel\",[[1,\"b2b-tab-panel\"]]],[\"b2b-table\",[[1,\"b2b-table\",{\"size\":[1]},[[0,\"b2b-change\",\"onColumnSelected\"]]]]],[\"b2b-table-rowgroup\",[[1,\"b2b-table-rowgroup\",{\"type\":[1],\"size\":[1],\"accordion\":[4],\"selectable\":[4],\"fixed\":[4],\"opened\":[516],\"selectedValues\":[32]},[[0,\"b2b-open\",\"handleOpenChange\"],[0,\"b2b-row-selected\",\"handleSelectedChange\"]]]]],[\"b2b-toggle-button\",[[1,\"b2b-toggle-button\",{\"label\":[1],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"value\":[513]}]]],[\"b2b-toggle-chip\",[[1,\"b2b-toggle-chip\",{\"label\":[1],\"value\":[520],\"name\":[513],\"variant\":[1],\"active\":[1028],\"disabled\":[516]}]]],[\"b2b-toggle-group\",[[1,\"b2b-toggle-group\",{\"name\":[1],\"disabled\":[516],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleToggleButtonChange\"]],{\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-toggle-switch\",[[1,\"b2b-toggle-switch\",{\"label\":[1],\"name\":[1],\"labelPosition\":[1,\"label-position\"],\"disabled\":[4],\"state\":[1028]}]]],[\"b2b-tooltip\",[[1,\"b2b-tooltip\",{\"position\":[1],\"content\":[1],\"trigger\":[1],\"opened\":[1540]},null,{\"opened\":[\"handleOpenedChange\"]}]]],[\"b2b-wizard\",[[1,\"b2b-wizard\",{\"activeStep\":[1,\"active-step\"],\"custom\":[4],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-wizard-icon\",[[1,\"b2b-wizard-icon\",{\"step\":[1],\"state\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-input-group_2\",[[1,\"b2b-input-list\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"groupDisabled\":[4,\"group-disabled\"],\"hasOptionList\":[32],\"isElementFocused\":[32]},[[0,\"keydown\",\"handleKeyDown\"]],{\"optionsList\":[\"watchPropHandler\"]}],[1,\"b2b-input-group\",{\"invalid\":[4],\"disabled\":[4],\"error\":[1],\"hint\":[1]},null,{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-chip-component_2\",[[0,\"b2b-multiselect-option\",{\"option\":[1],\"selected\":[1028],\"indeterminate\":[4]}],[1,\"b2b-chip-component\",{\"label\":[1],\"type\":[1],\"labelStyle\":[1,\"label-style\"],\"disabled\":[4],\"hasCloseButton\":[4,\"has-close-button\"],\"value\":[520]}]]],[\"b2b-table-cell_2\",[[1,\"b2b-table-cell\",{\"textWrap\":[516,\"text-wrap\"],\"size\":[1],\"align\":[1],\"divider\":[4],\"color\":[1],\"colspan\":[2],\"totalCols\":[2,\"total-cols\"],\"useTextEllipsis\":[32]}],[1,\"b2b-table-header\",{\"divider\":[4],\"size\":[1],\"fixed\":[4],\"sortDirection\":[1537,\"sort-direction\"],\"sortId\":[1,\"sort-id\"],\"colspan\":[2],\"contentAlign\":[1,\"content-align\"],\"totalCols\":[2,\"total-cols\"],\"active\":[32],\"iconAlign\":[32]}]]],[\"b2b-rounded-icon\",[[1,\"b2b-rounded-icon\",{\"color\":[1],\"borderColor\":[1,\"border-color\"],\"contentColor\":[1,\"content-color\"]}]]],[\"b2b-separator\",[[1,\"b2b-separator\",{\"alignment\":[1]}]]],[\"b2b-input-label\",[[1,\"b2b-input-label\",{\"required\":[4],\"disabled\":[4]}]]],[\"b2b-checkbox\",[[1,\"b2b-checkbox\",{\"label\":[1],\"required\":[516],\"checked\":[1540],\"disabled\":[516],\"indeterminate\":[1028],\"error\":[1],\"hint\":[1],\"name\":[513],\"value\":[520],\"invalid\":[4],\"standalone\":[4],\"groupDisabled\":[4,\"group-disabled\"]}]]],[\"b2b-headline\",[[1,\"b2b-headline\",{\"size\":[1],\"align\":[1],\"noMargin\":[4,\"no-margin\"]}]]],[\"b2b-input_2\",[[1,\"b2b-input\",{\"label\":[1],\"required\":[516],\"type\":[513],\"disabled\":[516],\"invalid\":[516],\"placeholder\":[513],\"value\":[1537],\"name\":[513],\"hint\":[1],\"error\":[1],\"autofocus\":[4],\"groupDisabled\":[4,\"group-disabled\"],\"inputTextAlign\":[1,\"input-text-align\"],\"hasFocus\":[32],\"hasTextPrefix\":[32],\"hasTextSuffix\":[32],\"setFocus\":[64],\"clearInput\":[64]}],[0,\"b2b-input-list-option\",{\"option\":[1]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-date-picker-days_5\",[[1,\"b2b-date-picker-header\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"]}],[1,\"b2b-date-picker-days\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"selectedDay\":[2,\"selected-day\"],\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disabled\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-date-picker-days-header\"],[1,\"b2b-date-picker-months\",{\"selectedMonth\":[2,\"selected-month\"]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-date-picker-years\",{\"selectedYear\":[2,\"selected-year\"],\"yearsRange\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-button_2\",[[1,\"b2b-button\",{\"variant\":[1],\"type\":[1],\"size\":[1],\"width\":[1],\"disabled\":[516],\"loading\":[4],\"active\":[516],\"href\":[1],\"target\":[1],\"download\":[1],\"groupDisabled\":[4,\"group-disabled\"],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"]]],[1,\"b2b-spinner\",{\"size\":[1],\"color\":[1]}]]],[\"b2b-icon\",[[1,\"b2b-icon\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]]]"), options);
9
9
  };
10
10
 
11
11
  export { defineCustomElements };
@@ -8,5 +8,9 @@ export declare class AnchorComponent {
8
8
  target: 'self' | 'blank' | 'parent' | 'top';
9
9
  /** The size of the link. Per default, it is inherited from the parent element. If specified to 100, the font size is 14px. */
10
10
  size: 'inherit' | '100';
11
+ /** The hoverColor of the link. Per default, it is set to b2b-color-red-100. If specified as inherit, it is inherited from the parent element. */
12
+ hoverColor: 'inherit' | 'default';
13
+ /** The underlineText of the link. If set to false, the link text will not be underlined. */
14
+ underlineText: boolean;
11
15
  render(): any;
12
16
  }
@@ -1,6 +1,8 @@
1
- import { Meta } from '@storybook/web-components';
1
+ import { Meta, StoryObj } from '@storybook/web-components';
2
2
  export declare const story010Default: any;
3
3
  export declare const story020Size100: any;
4
4
  export declare const story030TargetBlank: any;
5
+ export declare const story040BlueHoverColor: StoryObj;
6
+ export declare const story050NoUnderline: any;
5
7
  declare const _default: Meta;
6
8
  export default _default;
@@ -4,5 +4,6 @@ export declare const story030Size200: any;
4
4
  export declare const story040Size100: any;
5
5
  export declare const story050Center: any;
6
6
  export declare const story060Right: any;
7
+ export declare const story070NoMargin: any;
7
8
  declare const _default: Meta;
8
9
  export default _default;
@@ -1,8 +1,9 @@
1
- import { Meta } from '@storybook/web-components';
1
+ import { Meta, StoryObj } from '@storybook/web-components';
2
2
  export declare const story010Default: any;
3
3
  export declare const story020Hint: any;
4
4
  export declare const story030Error: any;
5
5
  export declare const story040Disabled: any;
6
6
  export declare const story050Required: any;
7
+ export declare const story060LabelSlot: StoryObj;
7
8
  declare const _default: Meta;
8
9
  export default _default;
@@ -24,10 +24,12 @@ export declare class RadioButtonGroupComponent {
24
24
  handleRadioButtonChange(ev: CustomEvent<RadioEventDetail>): void;
25
25
  protected invalidChanged(): void;
26
26
  protected disabledChanged(): void;
27
+ private labelSlot;
27
28
  private toggleAllDisabled;
28
29
  private toggleAllError;
29
30
  private getChildNodes;
30
31
  private removeChildText;
32
+ componentWillLoad(): void;
31
33
  componentDidLoad(): void;
32
34
  render(): any;
33
35
  }
@@ -1,9 +1,10 @@
1
- import { Meta } from '@storybook/web-components';
1
+ import { Meta, StoryObj } from '@storybook/web-components';
2
2
  export declare const story010Default: any;
3
3
  export declare const story020Hint: any;
4
4
  export declare const story030Error: any;
5
5
  export declare const story040Disabled: any;
6
6
  export declare const story050Horizontal: any;
7
7
  export declare const story060Required: any;
8
+ export declare const story070LabelSlot: StoryObj;
8
9
  declare const _default: Meta;
9
10
  export default _default;
@@ -53,6 +53,10 @@ export namespace Components {
53
53
  * If set to true, the browser will attempt to donwload and save the URL instead of opening it. The name of the created file defaults to the URL string, but can be changed by the user.
54
54
  */
55
55
  "download": string;
56
+ /**
57
+ * The hoverColor of the link. Per default, it is set to b2b-color-red-100. If specified as inherit, it is inherited from the parent element.
58
+ */
59
+ "hoverColor": 'inherit' | 'default';
56
60
  /**
57
61
  * The URL or URL fragment the anchor points to. This is required.
58
62
  */
@@ -65,6 +69,10 @@ export namespace Components {
65
69
  * The target the URL will be opened into. The default is self.
66
70
  */
67
71
  "target": 'self' | 'blank' | 'parent' | 'top';
72
+ /**
73
+ * The underlineText of the link. If set to false, the link text will not be underlined.
74
+ */
75
+ "underlineText": boolean;
68
76
  }
69
77
  interface B2bBackgroundBox {
70
78
  /**
@@ -2303,6 +2311,10 @@ declare namespace LocalJSX {
2303
2311
  * If set to true, the browser will attempt to donwload and save the URL instead of opening it. The name of the created file defaults to the URL string, but can be changed by the user.
2304
2312
  */
2305
2313
  "download"?: string;
2314
+ /**
2315
+ * The hoverColor of the link. Per default, it is set to b2b-color-red-100. If specified as inherit, it is inherited from the parent element.
2316
+ */
2317
+ "hoverColor"?: 'inherit' | 'default';
2306
2318
  /**
2307
2319
  * The URL or URL fragment the anchor points to. This is required.
2308
2320
  */
@@ -2315,6 +2327,10 @@ declare namespace LocalJSX {
2315
2327
  * The target the URL will be opened into. The default is self.
2316
2328
  */
2317
2329
  "target"?: 'self' | 'blank' | 'parent' | 'top';
2330
+ /**
2331
+ * The underlineText of the link. If set to false, the link text will not be underlined.
2332
+ */
2333
+ "underlineText"?: boolean;
2318
2334
  }
2319
2335
  interface B2bBackgroundBox {
2320
2336
  /**
@@ -2,7 +2,7 @@
2
2
  "$schema": "http://json.schemastore.org/web-types",
3
3
  "framework": "vue",
4
4
  "name": "@otto-de/b2b-core-components",
5
- "version": "1.19.0",
5
+ "version": "1.20.0",
6
6
  "js-types-syntax": "typescript",
7
7
  "description-markup": "markdown",
8
8
  "contributions": {
@@ -51,7 +51,7 @@
51
51
  "name": "size",
52
52
  "description": "The size of the alert. Per default it is large. If set to small, the alert will only have an icon.\r\nValues: \"large\", \"small\"",
53
53
  "required": false,
54
- "default": "'small'",
54
+ "default": "'large'",
55
55
  "value": {
56
56
  "kind": "expression",
57
57
  "type": "\"large\" | \"small\""
@@ -101,6 +101,16 @@
101
101
  "type": "string"
102
102
  }
103
103
  },
104
+ {
105
+ "name": "hover-color",
106
+ "description": "The hoverColor of the link. Per default, it is set to b2b-color-red-100. If specified as inherit, it is inherited from the parent element.\r\nValues: \"default\", \"inherit\"",
107
+ "required": false,
108
+ "default": "'default'",
109
+ "value": {
110
+ "kind": "expression",
111
+ "type": "\"default\" | \"inherit\""
112
+ }
113
+ },
104
114
  {
105
115
  "name": "href",
106
116
  "description": "The URL or URL fragment the anchor points to. This is required.\r\nValues: string",
@@ -129,6 +139,16 @@
129
139
  "kind": "expression",
130
140
  "type": "\"blank\" | \"parent\" | \"self\" | \"top\""
131
141
  }
142
+ },
143
+ {
144
+ "name": "underline-text",
145
+ "description": "The underlineText of the link. If set to false, the link text will not be underlined.\r\nValues: boolean",
146
+ "required": false,
147
+ "default": "true",
148
+ "value": {
149
+ "kind": "expression",
150
+ "type": "boolean"
151
+ }
132
152
  }
133
153
  ],
134
154
  "slots": [],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@otto-de/b2b-core-components",
3
- "version": "1.20.0",
3
+ "version": "1.21.0",
4
4
  "description": "Core components defined with Stencil",
5
5
  "author": "Otto GmbH",
6
6
  "license": "Apache-2.0",
@@ -39,7 +39,7 @@
39
39
  "build:storybook": "npm run copy-md-files && storybook build -o docs-build/design-system"
40
40
  },
41
41
  "dependencies": {
42
- "@otto-de/b2b-tokens": "1.20.0",
42
+ "@otto-de/b2b-tokens": "1.21.0",
43
43
  "@stencil-community/eslint-plugin": "^0.5.0",
44
44
  "@stencil/core": "^4.12.4"
45
45
  },
@@ -1 +0,0 @@
1
- import{r as b,h as e,H as r}from"./p-b6a753e8.js";const o=class{constructor(e){b(this,e),this.href=void 0,this.download=null,this.target="self",this.size="inherit"}render(){return e(r,{key:"8957a16aaa8ac0157e279eba36ce4467462bc700"},e("a",{key:"462c69b00d9c1c1d49f3e7db364080ae313a7da4",href:this.href,download:this.download,target:`_${this.target}`,class:{"b2b-anchor":!0,[`b2b-anchor--${this.size}`]:!0}},e("slot",{key:"3f17a63ebba35fc753b019a78f48c69040eed88e"})))}};o.style=':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:#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-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-25);--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:#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-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{z-index:0;width:fit-content;height:fit-content;position:relative}:host .b2b-anchor{font-family:var(--b2b-font-family-default);color:var(--b2b-color-copy-default);text-decoration:underline;transition:all 0.3s ease;z-index:1001;position:relative}:host .b2b-anchor:hover{color:var(--b2b-color-red-100);cursor:pointer}:host .b2b-anchor--100{font-size:var(--b2b-size-copy-100)}:host .b2b-anchor--inherit{font-size:inherit}';export{o as b2b_anchor}
@@ -1 +0,0 @@
1
- import{r as b,c as r,h as e,H as o,g as i}from"./p-b6a753e8.js";const a=class{constructor(e){b(this,e),this.b2bFocus=r(this,"b2b-focus",7),this.b2bBlur=r(this,"b2b-blur",7),this.b2bChange=r(this,"b2b-change",7),this.handleFormData=b=>{null!=this.name&&this.checked&&b.formData.append(this.name,this.value||"")},this.onClick=()=>{if(this.disabled||this.checked)return;this.checked=!0,this.uncheckSiblings(),this.b2bChange.emit({checked:this.checked,value:this.value});const b=new globalThis.Event("change");this.host.dispatchEvent(b)},this.uncheckSiblings=()=>{this.getSiblingRadios().forEach((b=>{b.checked=!1}))},this.onBlur=()=>{this.b2bBlur.emit()},this.onFocus=()=>{this.b2bFocus.emit()},this.label=void 0,this.required=!1,this.name=void 0,this.checked=!1,this.disabled=!1,this.invalid=!1,this.value=void 0,this.hint=void 0,this.error=void 0}connectedCallback(){const b=this.host.closest("form");null!=b&&b.addEventListener("formdata",this.handleFormData)}getSiblingRadios(){return Array.from(document.querySelectorAll(`b2b-radio-button[name="${this.name}"]`)).filter((b=>b.value!==this.value))}render(){return e(o,{key:"e18102a2fb0a1386273ade95e4a7bffa17466755",onClick:this.onClick},e("div",{key:"3ab98b94c94b3e027e673247245c7012d3f9bc86",class:{"b2b-radio":!0,"b2b-radio--error":this.invalid&&!this.disabled,"b2b-radio--disabled":this.disabled}},e("div",{key:"d81ed252709872fb297fba2a497fb045f35285ac",class:"b2b-radio-items"},e("input",{key:"7a914994f7ac1ae1e61e1d7f22f950fb6b1aff8c",class:"b2b-radio-input","aria-labelledby":this.name,type:"radio",checked:this.checked,disabled:this.disabled,name:this.name,onBlur:this.onBlur,onFocus:this.onFocus,value:this.value}),e("b2b-input-label",{key:"9509f79a63adce1a01a549bd41656df1b81ead7a",id:this.name,required:this.required,disabled:this.disabled},this.label)),void 0!==this.hint&&!this.invalid||void 0!==this.hint&&this.disabled?e("span",null,this.hint):"",void 0!==this.error&&this.invalid&&!this.disabled?e("span",null,this.error):""))}get host(){return i(this)}};a.style=':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:#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-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-25);--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:#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-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")}.b2b-radio{font-family:var(--b2b-font-family-default);font-size:var(--b2b-size-copy-100);width:fit-content;margin-bottom:var(--b2b-size-5);margin-right:var(--b2b-size-60)}.b2b-radio-items{display:flex;justify-content:flex-start}.b2b-radio-input{appearance:none;border-radius:50%;display:inline-block;position:relative;vertical-align:top;box-shadow:inset 0 1px 0 var(--b2b-color-grey-400), inset 0 -1px 0 var(--b2b-color-grey-400), inset -1px 0 0 var(--b2b-color-grey-400), inset 1px 0 0 var(--b2b-color-grey-400);width:var(--b2b-size-40);height:var(--b2b-size-40);padding:0;margin:var(--b2b-size-5) var(--b2b-size-15) 3px 0;flex-shrink:0}.b2b-radio-input:checked{background-color:var(--b2b-color-black-50);box-shadow:inset 0 1px 0 var(--b2b-color-black-50), inset 0 -1px 0 var(--b2b-color-black-50), inset -1px 0 0 var(--b2b-color-black-50), inset 1px 0 0 var(--b2b-color-black-50)}.b2b-radio-input:checked::after{content:" ";display:block;position:relative;background-color:var(--b2b-color-white-100);border-radius:50%;top:25%;left:25%;width:50%;height:50%}.b2b-radio b2b-input-label{user-select:none}.b2b-radio span{font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75);color:var(--b2b-color-grey-300);display:block;margin-top:1px}.b2b-radio--error .b2b-radio-input{background-color:var(--b2b-color-error-50);box-shadow:inset 0 1px 0 var(--b2b-color-error-100), inset 0 -1px 0 var(--b2b-color-error-100), inset -1px 0 0 var(--b2b-color-error-100), inset 1px 0 0 var(--b2b-color-error-100)}.b2b-radio--error .b2b-radio-input:checked::after{background-color:var(--b2b-color-error-100)}.b2b-radio--error span{color:var(--b2b-color-error-100)}.b2b-radio--disabled .b2b-radio-input{box-shadow:inset 0 1px 0 var(--b2b-color-grey-300), inset 0 -1px 0 var(--b2b-color-grey-300), inset -1px 0 0 var(--b2b-color-grey-300), inset 1px 0 0 var(--b2b-color-grey-300)}.b2b-radio--disabled .b2b-radio-input:checked{background-color:var(--b2b-color-grey-300)}';export{a as b2b_radio_button}
@@ -1 +0,0 @@
1
- import{r as t,c as s,h as e,H as i,g as c}from"./p-b6a753e8.js";const a=class{constructor(e){t(this,e),this.b2bSearch=s(this,"b2b-search",7),this.onSearchClicked=()=>{this.b2bSearch.emit({searchTerm:this.value})},this.onInput=t=>{this.value=t.detail.value},this.onOptionSelected=t=>{this.value=t.detail.selectedOption},this.placeholder=void 0,this.optionsList=[],this.value=null,this.disabled=!1,this.closed=void 0}handleKeyDown(t){"Enter"===t.key&&this.b2bSearch.emit({searchTerm:this.value})}render(){return e(i,{key:"fee0b031e27eb9041d033797a86d22bc33f51689"},e("b2b-input-group",{key:"c3cd0ccfe8c5815081fc3aad550170b07680738f",disabled:this.disabled},e("b2b-input-list",{key:"7430c61b8e80efa345c85d4f9521f7bc84501e36",slot:"start",value:this.value,placeholder:this.placeholder,optionsList:this.optionsList,"onb2b-input":this.onInput,"onb2b-option-selected":this.onOptionSelected},e("slot",{key:"c5ca9008625cc583670b0ec9aad59dc09656552f"})),e("b2b-button",{key:"c8adaaa19fc1883543f01126c7dfeadd1b4bfe9e",slot:"end",variant:"primary",onClick:this.onSearchClicked},e("b2b-icon",{key:"16997d3fa6851042efc7cb5c4ca4eb423a2db4ba",icon:"b2b_icon-search",clickable:!0}))))}get hostElement(){return c(this)}};export{a as b2b_search}
@@ -1 +0,0 @@
1
- import{r as b,c as r,h as e,H as o,g as i}from"./p-b6a753e8.js";const a=class{constructor(e){b(this,e),this.b2bGroupChange=r(this,"b2b-group-change",7),this.toggleAllDisabled=()=>{this.getChildNodes().forEach(this.disabled?b=>{b.disabled=!0}:b=>{b.disabled=!1})},this.toggleAllError=()=>{this.getChildNodes().forEach(this.invalid&&!this.disabled?b=>{b.invalid=!0}:b=>{b.invalid=!1})},this.getChildNodes=()=>Array.from(this.host.querySelectorAll("b2b-radio-button")),this.removeChildText=()=>{this.getChildNodes().forEach((b=>{b.error=void 0,b.hint=void 0}))},this.name=void 0,this.label=void 0,this.required=!1,this.alignment="vertical",this.disabled=!1,this.invalid=!1,this.hint=void 0,this.error=void 0,this.currentValue=void 0}handleRadioButtonChange(b){this.currentValue=b.detail.value,this.b2bGroupChange.emit({checked:b.detail.checked,value:b.detail.value})}invalidChanged(){this.toggleAllError()}disabledChanged(){this.toggleAllDisabled()}componentDidLoad(){this.toggleAllError(),this.toggleAllDisabled(),this.removeChildText()}render(){return e(o,{key:"ce3087acd7805720be6f5b2524dad8c9b6757e92"},e("div",{key:"262e2d35c6091a5bb12f9f339b5177393a07591f",class:{"b2b-radio-group":!0,"b2b-radio-group--error":this.invalid&&!this.disabled,[`b2b-radio-group--${this.alignment}`]:!0}},this.label&&e("b2b-input-label",{id:this.name,required:this.required},this.label),e("fieldset",{key:"1e90558b69774874b0d19703f9002a8e0311bcf2"},e("div",{key:"2b26f7b29e176c2831c7f5da22ed59b8352b5155",class:"b2b-radio-group-options"},e("slot",{key:"9dc75a44a47e555e5de84001a29ee378b4521a60"}))),void 0!==this.hint&&!this.invalid||void 0!==this.hint&&this.disabled?e("span",null,this.hint):"",void 0!==this.error&&this.invalid&&!this.disabled?e("span",null,this.error):""))}get host(){return i(this)}static get watchers(){return{invalid:["invalidChanged"],disabled:["disabledChanged"]}}};a.style=':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:#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-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-25);--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:#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-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")}.b2b-radio-group{font-family:var(--b2b-font-family-default)}.b2b-radio-group-options{display:flex;flex-wrap:wrap}.b2b-radio-group b2b-input-label{display:block;margin-bottom:var(--b2b-size-15)}.b2b-radio-group fieldset{border:none;margin:0;padding:0}.b2b-radio-group span{display:block;font-size:var(--b2b-size-copy-50);color:var(--b2b-color-grey-300);line-height:var(--b2b-size-copy-line-height-75);margin-top:1px}.b2b-radio-group--error span{color:var(--b2b-color-error-100)}.b2b-radio-group--vertical .b2b-radio-group-options{flex-direction:column}.b2b-radio-group--vertical .b2b-radio{margin-bottom:5px}.b2b-radio-group--vertical .b2b-radio:last-child{margin-bottom:0}.b2b-radio-group--horizontal .b2b-radio-group-options{flex-direction:row}.b2b-radio-group--horizontal .b2b-radio{margin-bottom:0}';export{a as b2b_radio_group}