@scania/tegel 1.26.0 → 1.27.0-toast-aria-live.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 (184) hide show
  1. package/dist/cjs/index-ca8040ad.js +4 -4
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/tds-banner.cjs.entry.js +1 -1
  4. package/dist/cjs/tds-checkbox.cjs.entry.js +10 -3
  5. package/dist/cjs/tds-chip.cjs.entry.js +7 -2
  6. package/dist/cjs/tds-dropdown_2.cjs.entry.js +71 -42
  7. package/dist/cjs/tds-folder-tab.cjs.entry.js +21 -2
  8. package/dist/cjs/tds-folder-tabs.cjs.entry.js +4 -2
  9. package/dist/cjs/tds-icon.cjs.entry.js +1 -1
  10. package/dist/cjs/tds-inline-tab.cjs.entry.js +21 -2
  11. package/dist/cjs/tds-inline-tabs.cjs.entry.js +4 -2
  12. package/dist/cjs/tds-link.cjs.entry.js +17 -3
  13. package/dist/cjs/tds-message.cjs.entry.js +15 -3
  14. package/dist/cjs/tds-modal.cjs.entry.js +74 -2
  15. package/dist/cjs/tds-navigation-tab.cjs.entry.js +21 -2
  16. package/dist/cjs/tds-navigation-tabs.cjs.entry.js +6 -4
  17. package/dist/cjs/tds-popover-core.cjs.entry.js +1 -1
  18. package/dist/cjs/tds-text-field.cjs.entry.js +13 -7
  19. package/dist/cjs/tds-textarea.cjs.entry.js +21 -9
  20. package/dist/cjs/tds-toast.cjs.entry.js +11 -4
  21. package/dist/cjs/tds-toggle.cjs.entry.js +2 -2
  22. package/dist/cjs/tds-tooltip.cjs.entry.js +14 -4
  23. package/dist/cjs/tegel.cjs.js +1 -1
  24. package/dist/collection/components/banner/banner.css +1 -1
  25. package/dist/collection/components/banner/banner.js +1 -1
  26. package/dist/collection/components/checkbox/checkbox.js +44 -3
  27. package/dist/collection/components/chip/chip.js +24 -2
  28. package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +2 -2
  29. package/dist/collection/components/dropdown/dropdown.js +86 -40
  30. package/dist/collection/components/icon/icon.js +1 -1
  31. package/dist/collection/components/icon/iconsArray.js +96 -1
  32. package/dist/collection/components/link/link.js +17 -3
  33. package/dist/collection/components/message/message.css +44 -26
  34. package/dist/collection/components/message/message.js +49 -2
  35. package/dist/collection/components/modal/modal.js +103 -3
  36. package/dist/collection/components/popover-core/tds-popover-core.css +596 -53
  37. package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.js +21 -2
  38. package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +40 -2
  39. package/dist/collection/components/tabs/inline-tabs/inline-tab/inline-tab.js +21 -2
  40. package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +40 -2
  41. package/dist/collection/components/tabs/navigation-tabs/navigation-tab/navigation-tab.js +21 -2
  42. package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +42 -4
  43. package/dist/collection/components/text-field/text-field.js +31 -8
  44. package/dist/collection/components/textarea/textarea.css +11 -6
  45. package/dist/collection/components/textarea/textarea.js +38 -8
  46. package/dist/collection/components/toast/toast.css +1 -1
  47. package/dist/collection/components/toast/toast.js +45 -3
  48. package/dist/collection/components/toggle/toggle.js +2 -2
  49. package/dist/collection/components/tooltip/tooltip.js +40 -4
  50. package/dist/collection/utils/axeHelpers.js +1 -1
  51. package/dist/components/{p-c65351ab.js → p-14ab9663.js} +12 -3
  52. package/dist/components/p-17338bcb.js +115 -0
  53. package/dist/components/{p-2a43e410.js → p-2d93a742.js} +5 -5
  54. package/dist/components/p-4487c541.js +65 -0
  55. package/dist/components/{p-29d19dc8.js → p-60ff84f2.js} +1 -1
  56. package/dist/components/{p-a64dc22e.js → p-663b8e51.js} +72 -42
  57. package/dist/components/{p-4c1e3344.js → p-83db8b35.js} +1 -1
  58. package/dist/components/{p-b1d21573.js → p-a1181b1f.js} +1 -1
  59. package/dist/components/p-e71e3b2e.js +2052 -0
  60. package/dist/components/tds-accordion-item.js +1 -1
  61. package/dist/components/tds-banner.js +2 -2
  62. package/dist/components/tds-checkbox.js +1 -1
  63. package/dist/components/tds-chip.js +9 -3
  64. package/dist/components/tds-datetime.js +1 -1
  65. package/dist/components/tds-dropdown-option.js +1 -1
  66. package/dist/components/tds-dropdown.js +1 -1
  67. package/dist/components/tds-folder-tab.js +21 -2
  68. package/dist/components/tds-folder-tabs.js +7 -3
  69. package/dist/components/tds-footer-group.js +1 -1
  70. package/dist/components/tds-header-cell.js +1 -1
  71. package/dist/components/tds-header-dropdown.js +3 -3
  72. package/dist/components/tds-header-hamburger.js +1 -1
  73. package/dist/components/tds-header-launcher-button.js +1 -1
  74. package/dist/components/tds-header-launcher.js +4 -4
  75. package/dist/components/tds-icon.js +1 -1
  76. package/dist/components/tds-inline-tab.js +21 -2
  77. package/dist/components/tds-inline-tabs.js +7 -3
  78. package/dist/components/tds-link.js +17 -3
  79. package/dist/components/tds-message.js +19 -5
  80. package/dist/components/tds-modal.js +78 -4
  81. package/dist/components/tds-navigation-tab.js +21 -2
  82. package/dist/components/tds-navigation-tabs.js +9 -5
  83. package/dist/components/tds-popover-canvas.js +1 -1
  84. package/dist/components/tds-popover-core.js +1 -1
  85. package/dist/components/tds-popover-menu.js +1 -1
  86. package/dist/components/tds-side-menu-close-button.js +1 -1
  87. package/dist/components/tds-side-menu-dropdown.js +1 -1
  88. package/dist/components/tds-slider.js +1 -1
  89. package/dist/components/tds-step.js +1 -1
  90. package/dist/components/tds-table-body-input-wrapper.js +1 -1
  91. package/dist/components/tds-table-body-row.js +1 -1
  92. package/dist/components/tds-table-footer.js +4 -4
  93. package/dist/components/tds-table-header-input-wrapper.js +1 -1
  94. package/dist/components/tds-table-header.js +1 -1
  95. package/dist/components/tds-table-toolbar.js +1 -1
  96. package/dist/components/tds-text-field.js +15 -8
  97. package/dist/components/tds-textarea.js +36 -11
  98. package/dist/components/tds-toast.js +14 -5
  99. package/dist/components/tds-toggle.js +2 -2
  100. package/dist/components/tds-tooltip.js +1 -102
  101. package/dist/esm/index-51d04e39.js +4 -4
  102. package/dist/esm/loader.js +1 -1
  103. package/dist/esm/tds-banner.entry.js +1 -1
  104. package/dist/esm/tds-checkbox.entry.js +10 -3
  105. package/dist/esm/tds-chip.entry.js +7 -2
  106. package/dist/esm/tds-dropdown_2.entry.js +71 -42
  107. package/dist/esm/tds-folder-tab.entry.js +22 -3
  108. package/dist/esm/tds-folder-tabs.entry.js +4 -2
  109. package/dist/esm/tds-icon.entry.js +1 -1
  110. package/dist/esm/tds-inline-tab.entry.js +22 -3
  111. package/dist/esm/tds-inline-tabs.entry.js +4 -2
  112. package/dist/esm/tds-link.entry.js +17 -3
  113. package/dist/esm/tds-message.entry.js +15 -3
  114. package/dist/esm/tds-modal.entry.js +74 -2
  115. package/dist/esm/tds-navigation-tab.entry.js +22 -3
  116. package/dist/esm/tds-navigation-tabs.entry.js +6 -4
  117. package/dist/esm/tds-popover-core.entry.js +1 -1
  118. package/dist/esm/tds-text-field.entry.js +13 -7
  119. package/dist/esm/tds-textarea.entry.js +21 -9
  120. package/dist/esm/tds-toast.entry.js +11 -4
  121. package/dist/esm/tds-toggle.entry.js +2 -2
  122. package/dist/esm/tds-tooltip.entry.js +14 -4
  123. package/dist/esm/tegel.js +1 -1
  124. package/dist/tegel/p-0f2c9507.entry.js +1 -0
  125. package/dist/tegel/p-125a6b06.entry.js +1 -0
  126. package/dist/tegel/p-28517288.entry.js +1 -0
  127. package/dist/tegel/p-2af57972.entry.js +1 -0
  128. package/dist/tegel/{p-be1d1345.entry.js → p-4465f687.entry.js} +1 -1
  129. package/dist/tegel/p-668b7662.entry.js +1 -0
  130. package/dist/tegel/p-746e2927.entry.js +1 -0
  131. package/dist/tegel/p-754a4921.entry.js +1 -0
  132. package/dist/tegel/{p-46205cfb.entry.js → p-769d0503.entry.js} +1 -1
  133. package/dist/tegel/p-843413ba.entry.js +1 -0
  134. package/dist/tegel/p-97f10223.entry.js +1 -0
  135. package/dist/tegel/p-a21250b8.entry.js +1 -0
  136. package/dist/tegel/p-aadb2553.entry.js +1 -0
  137. package/dist/tegel/p-ad9a2141.entry.js +1 -0
  138. package/dist/tegel/p-b08886e3.entry.js +1 -0
  139. package/dist/tegel/p-b114ec3d.entry.js +1 -0
  140. package/dist/tegel/p-c3607f10.entry.js +1 -0
  141. package/dist/tegel/p-ddda64eb.entry.js +1 -0
  142. package/dist/tegel/p-eaa279dd.entry.js +1 -0
  143. package/dist/tegel/p-ee960089.entry.js +1 -0
  144. package/dist/tegel/tegel.css +13 -3
  145. package/dist/tegel/tegel.esm.js +1 -1
  146. package/dist/types/components/checkbox/checkbox.d.ts +5 -0
  147. package/dist/types/components/chip/chip.d.ts +3 -0
  148. package/dist/types/components/dropdown/dropdown.d.ts +5 -0
  149. package/dist/types/components/message/message.d.ts +5 -0
  150. package/dist/types/components/modal/modal.d.ts +6 -0
  151. package/dist/types/components/tabs/folder-tabs/folder-tab/folder-tab.d.ts +2 -0
  152. package/dist/types/components/tabs/folder-tabs/folder-tabs.d.ts +4 -0
  153. package/dist/types/components/tabs/inline-tabs/inline-tab/inline-tab.d.ts +2 -0
  154. package/dist/types/components/tabs/inline-tabs/inline-tabs.d.ts +4 -0
  155. package/dist/types/components/tabs/navigation-tabs/navigation-tab/navigation-tab.d.ts +2 -0
  156. package/dist/types/components/tabs/navigation-tabs/navigation-tabs.d.ts +4 -0
  157. package/dist/types/components/text-field/text-field.d.ts +4 -1
  158. package/dist/types/components/textarea/textarea.d.ts +7 -4
  159. package/dist/types/components/toast/toast.d.ts +5 -0
  160. package/dist/types/components/tooltip/tooltip.d.ts +3 -0
  161. package/dist/types/components.d.ts +146 -2
  162. package/dist/types/types/Icons.d.ts +1 -1
  163. package/dist/types/utils/axeHelpers.d.ts +1 -2
  164. package/package.json +1 -1
  165. package/dist/components/p-4764a1d5.js +0 -2052
  166. package/dist/components/p-a2b7bdef.js +0 -65
  167. package/dist/tegel/p-065d6f83.entry.js +0 -1
  168. package/dist/tegel/p-0c1e632d.entry.js +0 -1
  169. package/dist/tegel/p-168122a7.entry.js +0 -1
  170. package/dist/tegel/p-19eb4ae1.entry.js +0 -1
  171. package/dist/tegel/p-4e298888.entry.js +0 -1
  172. package/dist/tegel/p-4e33cbda.entry.js +0 -1
  173. package/dist/tegel/p-4ee344e5.entry.js +0 -1
  174. package/dist/tegel/p-64c80f14.entry.js +0 -1
  175. package/dist/tegel/p-72fd0083.entry.js +0 -1
  176. package/dist/tegel/p-93a4bd11.entry.js +0 -1
  177. package/dist/tegel/p-9e0b31a1.entry.js +0 -1
  178. package/dist/tegel/p-a0fc0cc2.entry.js +0 -1
  179. package/dist/tegel/p-b35e7208.entry.js +0 -1
  180. package/dist/tegel/p-b6526302.entry.js +0 -1
  181. package/dist/tegel/p-b686f1ad.entry.js +0 -1
  182. package/dist/tegel/p-cca85da0.entry.js +0 -1
  183. package/dist/tegel/p-d0abf078.entry.js +0 -1
  184. package/dist/tegel/p-dcbc35af.entry.js +0 -1
package/dist/esm/tds-text-field.entry.js CHANGED
@@ -28,6 +28,7 @@ const TdsTextField = class {
28
28
  this.state = 'default';
29
29
  this.maxLength = undefined;
30
30
  this.autofocus = false;
31
+ this.tdsAriaLabel = undefined;
31
32
  this.focusInput = undefined;
32
33
  }
33
34
  handleChange(event) {
@@ -55,11 +56,16 @@ const TdsTextField = class {
55
56
  this.textInput.focus();
56
57
  }
57
58
  }
59
+ connectedCallback() {
60
+ if (!this.tdsAriaLabel) {
61
+ console.warn('Tegel Text Field component: prop tdsAriaLabel is missing');
62
+ }
63
+ }
58
64
  render() {
59
65
  var _a;
60
66
  const usesPrefixSlot = hasSlot('prefix', this.host);
61
67
  const usesSuffixSlot = hasSlot('suffix', this.host);
62
- return (h("div", { key: '9a746f9a955c02adbc1154e02dc82fc6062d4eeb', class: {
68
+ return (h("div", { key: '188cc7065d3cb6006adf01a9679a97012d0047df', class: {
63
69
  'form-text-field': true,
64
70
  'form-text-field-nomin': this.noMinWidth,
65
71
  'text-field-focus': this.focusInput && !this.disabled,
@@ -73,12 +79,12 @@ const TdsTextField = class {
73
79
  'form-text-field-sm': this.size === 'sm',
74
80
  'form-text-field-error': this.state === 'error',
75
81
  'form-text-field-success': this.state === 'success',
76
- } }, this.labelPosition === 'outside' && (h("div", { key: '4a6a898131f86115c6cbf07f6e67058ac548fdfb', class: "text-field-label-outside" }, h("div", { key: '868b1372153ac1d27e0d407a5199c8cb6659d21a' }, this.label))), h("div", { key: '917a0691663c81418cb8adfc2963e2514f6a228d', onClick: () => this.textInput.focus(), class: "text-field-container" }, usesPrefixSlot && (h("div", { key: 'e11cb3a273a9899972b035b1296deda841145928', class: {
82
+ } }, this.labelPosition === 'outside' && (h("div", { key: 'd99cf396da1740b4c3fa5899ef3167d3638d001b', class: "text-field-label-outside" }, h("label", { key: '90a5ec0a376d2793b5f8b87ed4df0ac86c356009', htmlFor: "text-field-input-element" }, this.label))), h("div", { key: '42046ef3f5a9c38658a9d5176f86f4002657138c', onClick: () => this.textInput.focus(), class: "text-field-container" }, usesPrefixSlot && (h("div", { key: '17ae517366c69e1cad33babcc134c011c4c483e7', class: {
77
83
  'text-field-slot-wrap-prefix': true,
78
84
  'text-field-error': this.state === 'error',
79
85
  'text-field-success': this.state === 'success',
80
86
  'text-field-default': this.state === 'default',
81
- } }, h("slot", { key: 'a6336094ef22454c6d7b782b78690773dfcc444a', name: "prefix" }))), h("div", { key: 'cee83edde0b7189258aa7f1aaa3573d27b4e0d06', class: "text-field-input-container" }, h("input", { key: '27c52fc9ffa89f57578d152a5eaf8bd25c4b48d7', ref: (inputEl) => {
87
+ } }, h("slot", { key: '9aa4690419f3b688eb13c9ca78ed4dec5c513308', name: "prefix" }))), h("div", { key: '2ad1645844bf5b70383e85712a2d98de15cb5166', class: "text-field-input-container" }, h("input", { key: 'f5c1468ce392cf9e4211ce9fc8bc774a5da19afd', ref: (inputEl) => {
82
88
  this.textInput = inputEl;
83
89
  }, class: {
84
90
  'text-field-input': true,
@@ -93,19 +99,19 @@ const TdsTextField = class {
93
99
  if (!this.readOnly) {
94
100
  this.handleBlur(event);
95
101
  }
96
- } }), this.labelPosition === 'inside' && this.size !== 'sm' && (h("label", { key: '00fdc9f7231bb1991afb37d3477ac6267594ccb5', class: "text-field-label-inside" }, this.label))), h("div", { key: 'a5c349a2e3695122244feb4daacf9c0a523656d6', class: "text-field-bar" }), usesSuffixSlot && (h("div", { key: 'f4812d2d9162330bb9e9a480a6f1c6fb0f1603b4', class: {
102
+ }, "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label, "aria-describedby": "text-field-helper-element", "aria-readonly": this.readOnly, id: "text-field-input-element" }), this.labelPosition === 'inside' && this.size !== 'sm' && (h("label", { key: 'f1c3225621de7a83bfb123b8f4a3a8d9a3493e21', class: "text-field-label-inside", htmlFor: "text-field-input-element" }, this.label))), h("div", { key: '2bacfcf84ac1f6495cc5185275f39ef1f1e4476e', class: "text-field-bar" }), usesSuffixSlot && (h("div", { key: '2b46f703349e0873f9e777227acf45e0c6c55d8c', class: {
97
103
  'text-field-slot-wrap-suffix': true,
98
104
  'text-field-error': this.state === 'error',
99
105
  'text-field-success': this.state === 'success',
100
106
  'text-field-default': this.state === 'default',
101
107
  'tds-u-display-none': this.readOnly,
102
- } }, h("slot", { key: '2583307a640ff3b1badd3b528db408bb9aeb4ca2', name: "suffix" }))), h("span", { key: '04fe8fb44155eacd3a2e24e84783f2145f244c9c', class: "text-field-icon__readonly" }, h("tds-icon", { key: '68a92868b1c5828c41f36eaddd97532e14a82f68', name: "edit_inactive", size: "20px" })), h("span", { key: 'a7f89ce9d3bab3b89787a9baf59c35dba06f023e', class: "text-field-icon__readonly-label" }, "This field is non-editable")), (this.helper || this.maxLength > 0) && (h("div", { key: 'ba89f1650e5ebbb45f0dbc06548ed86add1d4971', class: "text-field-helper" }, this.state === 'error' && (h("div", { key: 'dc9368caca14d7fdb4e0ad061181352daeae235b', class: "text-field-helper-error-state" }, h("tds-icon", { key: '07d99458b372b6edb1f9268dcc66f88840005a92', name: "error", size: "16px" }), this.helper)), this.state !== 'error' && this.helper, this.maxLength > 0 && (h("div", { key: 'c1d143899e66bddb364322537ab3940f7498d63d', class: {
108
+ } }, h("slot", { key: 'ec96e0dd2fbe5ffbd1c0e72f1f2d460d7e3c415f', name: "suffix" }))), h("span", { key: 'cd04304e0d56b0d8fb073cb09d8badfb0058ea5b', class: "text-field-icon__readonly" }, h("tds-icon", { key: '2ab8f0964e53b0a47ccb59aefa80e2ca4a80cd84', name: "edit_inactive", size: "20px" })), h("span", { key: 'f2c3b266b25986fd2d3ad1ff9e300eb846c2a246', class: "text-field-icon__readonly-label" }, "This field is non-editable")), h("div", { key: '4f277fc3ed71efb3ba66068e8322e03d472ed2f5', "aria-live": "assertive" }, (this.helper || this.maxLength > 0) && (h("div", { key: '10eb1e5c33c36a7277e4f1f12f4af1e4cac45718', class: "text-field-helper", id: "text-field-helper-element" }, this.state === 'error' && (h("div", { key: 'fa1460b9ed4bd737319e3a780c54f4440e7fff7e', class: "text-field-helper-error-state" }, h("tds-icon", { key: '639aed75bf25c37d5db04c48b3d854e279cab80d', name: "error", size: "16px" }), this.helper)), this.state !== 'error' && this.helper, this.maxLength > 0 && (h("div", { key: '66d348fea3906735bcfe6d63e951af1366a901f0', class: {
103
109
  'text-field-textcounter': true,
104
110
  'text-field-textcounter-disabled': this.disabled,
105
- } }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, h("span", { key: '9bd585768330df043bdcba388fbfb13ec087522d', class: {
111
+ } }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, h("span", { key: '744acd41ca6d968ee5dab7bd50ca52f5704b21dc', class: {
106
112
  'text-field-textcounter-divider': true,
107
113
  'text-field-textcounter-disabled': this.disabled,
108
- } }, ' ', "/", ' '), this.maxLength))))));
114
+ } }, ' ', "/", ' '), this.maxLength)))))));
109
115
  }
110
116
  get host() { return getElement(this); }
111
117
  };
package/dist/esm/tds-textarea.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h } from './index-51d04e39.js';
2
2
 
3
- const textareaCss = ".textarea-container.sc-tds-textarea{border-radius:4px 4px 0 0;position:relative;box-sizing:border-box;height:auto;width:100%;min-width:208px;display:inline-flex;background-color:transparent;flex-flow:row wrap;border-bottom:0}.textarea-container.no-min-width.sc-tds-textarea{min-width:unset}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea{position:relative;width:unset;min-width:100%}.textarea-container.sc-tds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-tds-textarea::before,.textarea-container.sc-tds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-tds-textarea::after{content:\"\";height:2px;width:0;position:absolute;background:var(--tds-textarea-bar);transition:0.35s ease all}.textarea-container.sc-tds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-tds-textarea::before{left:50%}.textarea-container.sc-tds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-tds-textarea::after{right:50%}.textarea-container.sc-tds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-tds-textarea::after,.textarea-container.sc-tds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-tds-textarea::before{top:calc(100% - 2px)}.textarea-input.sc-tds-textarea{border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-textarea-color);background-color:var(--tds-textarea-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;border-bottom:1px solid var(--tds-textarea-border-bottom);transition:border-bottom-color 200ms ease}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--tds-textarea-placeholder)}.textarea-input.sc-tds-textarea:disabled{background-color:var(--tds-textarea-disabled-background);color:var(--tds-textarea-disabled-color);cursor:not-allowed}.textarea-input.sc-tds-textarea:disabled::placeholder{color:var(--tds-textarea-disabled-placeholder)}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{border-bottom-color:var(--tds-textarea-border-bottom-hover)}.textarea-resizer-icon.sc-tds-textarea{color:var(--tds-textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--tds-textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block}.textarea-label.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-textarea-label-color)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);transition:0.1s ease all;color:var(--tds-textarea-label-inside-color);position:absolute;top:var(--tds-spacing-element-20);left:var(--tds-spacing-element-16)}.textarea-container.textarea-label-inside.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea .sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea:focus::placeholder{transition:color 0.35s ease;color:var(--tds-textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-container.textarea-focus.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::before,.textarea-container.textarea-focus.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{width:50%}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter);float:right;flex-basis:100%;text-align:right;padding-top:var(--tds-spacing-element-4)}.textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--tds-textarea-helper);flex-grow:2;flex-basis:auto}.textarea-helper.sc-tds-textarea~.textarea-textcounter.sc-tds-textarea{flex-basis:auto}.textarea-success.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-error)}.textarea-error.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after,.textarea-error.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::before{background:var(--tds-textarea-bar-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-error)}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:transparent}.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px;color:var(--tds-textarea-icon-read-only-color)}.textarea-icon__readonly-label.sc-tds-textarea{display:none;position:absolute;right:18px;top:48px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);padding:8px;color:var(--tds-textarea-icon-read-only-label-color);background-color:var(--tds-textarea-icon-read-only-label-background);white-space:nowrap;border-radius:4px 0 4px 4px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea:hover~.textarea-icon__readonly-label.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textfield-input.sc-tds-textarea{padding-right:54px;background-color:transparent}.textarea-readonly.sc-tds-textarea .textfield-container.sc-tds-textarea{background-color:transparent}";
3
+ const textareaCss = ".textarea-container.sc-tds-textarea{border-radius:4px 4px 0 0;position:relative;box-sizing:border-box;height:auto;width:100%;min-width:208px;display:inline-flex;background-color:transparent;flex-flow:row wrap;border-bottom:0}.textarea-container.no-min-width.sc-tds-textarea{min-width:unset}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea{position:relative;width:unset;min-width:100%}.textarea-container.sc-tds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-tds-textarea::before,.textarea-container.sc-tds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-tds-textarea::after{content:\"\";height:2px;width:0;position:absolute;background:var(--tds-textarea-bar);transition:0.35s ease all}.textarea-container.sc-tds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-tds-textarea::before{left:50%}.textarea-container.sc-tds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-tds-textarea::after{right:50%}.textarea-container.sc-tds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-tds-textarea::after,.textarea-container.sc-tds-textarea:not(.textarea-disabled) .textarea-wrapper.sc-tds-textarea::before{top:calc(100% - 2px)}.textarea-input.sc-tds-textarea{border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-textarea-color);background-color:var(--tds-textarea-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;border-bottom:1px solid var(--tds-textarea-border-bottom);transition:border-bottom-color 200ms ease}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--tds-textarea-placeholder)}.textarea-input.sc-tds-textarea:disabled{background-color:var(--tds-textarea-disabled-background);color:var(--tds-textarea-disabled-color);cursor:not-allowed}.textarea-input.sc-tds-textarea:disabled::placeholder{color:var(--tds-textarea-disabled-placeholder)}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{border-bottom-color:var(--tds-textarea-border-bottom-hover)}.textarea-resizer-icon.sc-tds-textarea{color:var(--tds-textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--tds-textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block}.textarea-label.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-textarea-label-color)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);transition:0.1s ease all;color:var(--tds-textarea-label-inside-color);position:absolute;top:var(--tds-spacing-element-20);left:var(--tds-spacing-element-16)}.textarea-container.textarea-label-inside.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea .sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea:focus::placeholder{transition:color 0.35s ease;color:var(--tds-textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-container.textarea-focus.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::before,.textarea-container.textarea-focus.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after{width:50%}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter);float:right;flex-basis:100%;text-align:right;padding-top:var(--tds-spacing-element-4)}.textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--tds-textarea-helper);flex-grow:2;flex-basis:auto}.textarea-helper.sc-tds-textarea~.textarea-textcounter.sc-tds-textarea{flex-basis:auto}.textarea-success.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-error)}.textarea-error.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::after,.textarea-error.sc-tds-textarea .textarea-wrapper.sc-tds-textarea::before{background:var(--tds-textarea-bar-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:transparent;pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px;color:var(--tds-textarea-icon-read-only-color)}.textarea-icon__readonly-label.sc-tds-textarea{display:none;position:absolute;right:18px;top:48px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);padding:8px;color:var(--tds-textarea-icon-read-only-label-color);background-color:var(--tds-textarea-icon-read-only-label-background);white-space:nowrap;border-radius:4px 0 4px 4px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{border:1px solid var(--tds-textarea-border-bottom-read-only-color)}.textarea-readonly.sc-tds-textarea .textfield-container.sc-tds-textarea{background-color:transparent}.textarea-readonly.sc-tds-textarea:has(.textarea-icon__readonly) .textarea-input.sc-tds-textarea{padding-right:54px}";
4
4
  const TdsTextareaStyle0 = textareaCss;
5
5
 
6
6
  const TdsTextarea = class {
@@ -20,6 +20,7 @@ const TdsTextarea = class {
20
20
  this.value = '';
21
21
  this.disabled = false;
22
22
  this.readOnly = false;
23
+ this.hideReadOnlyIcon = false;
23
24
  this.state = 'default';
24
25
  this.maxLength = undefined;
25
26
  this.modeVariant = null;
@@ -36,8 +37,10 @@ const TdsTextarea = class {
36
37
  }
37
38
  // Data input event in value prop
38
39
  handleInput(event) {
39
- this.value = event.target.value;
40
- this.tdsInput.emit(event);
40
+ if (event.target instanceof HTMLInputElement) {
41
+ this.value = event.target.value;
42
+ this.tdsInput.emit(event);
43
+ }
41
44
  }
42
45
  /* Set the input as focus when clicking the whole textarea with suffix/prefix */
43
46
  handleFocus(event) {
@@ -45,21 +48,30 @@ const TdsTextarea = class {
45
48
  this.focusInput = true;
46
49
  this.tdsFocus.emit(event);
47
50
  }
51
+ setModeVariant(modeVariant) {
52
+ if (this.readOnly && modeVariant === 'primary') {
53
+ return 'secondary';
54
+ }
55
+ if (this.readOnly && modeVariant === 'secondary') {
56
+ return 'primary';
57
+ }
58
+ return modeVariant;
59
+ }
48
60
  render() {
49
61
  var _a;
50
- return (h("div", { key: '20555ab5f931d14f485a30e1dd817143ae5a5b88', class: {
62
+ return (h("div", { key: 'd302999a8062b0b33a9caf35843f7673c2a7dbe5', class: {
51
63
  'textarea-container': true,
52
64
  'textarea-label-inside': this.labelPosition === 'inside',
53
65
  'textarea-focus': this.focusInput,
54
66
  'textarea-disabled': this.disabled,
55
- 'textarea-readonly': this.readOnly,
56
- [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null,
67
+ 'textarea-readonly': !this.disabled && this.readOnly,
68
+ [`tds-mode-variant-${this.setModeVariant(this.modeVariant)}`]: true,
57
69
  'textarea-data': this.value !== '',
58
70
  [`textarea-${this.state}`]: this.state === 'error' || this.state === 'success',
59
71
  'no-min-width': this.noMinWidth,
60
- } }, this.labelPosition !== 'no-label' && h("span", { key: '5da3048c718ddb65116fdf42d4b11a5f0718c1db', class: 'textarea-label' }, this.label), h("div", { key: '5c7103748771190a3e761cf0f2979c92d68432b4', class: "textarea-wrapper" }, h("textarea", { key: '97a036edf21ec7dad9f52abea52562b6a55ca109', class: 'textarea-input', ref: (inputEl) => {
72
+ } }, this.labelPosition !== 'no-label' && h("span", { key: 'c88679ff2c209f8d9e67f4a6954181acb2cd2c3f', class: 'textarea-label' }, this.label), h("div", { key: '7750aecde5b145d032a1c19d6037bab7de95012d', class: "textarea-wrapper" }, h("textarea", { key: '6477bc17ae9823a17d00489c0f7401df65161552', class: 'textarea-input', ref: (inputEl) => {
61
73
  this.textEl = inputEl;
62
- }, disabled: this.disabled, readonly: this.readOnly, placeholder: this.placeholder, value: this.value, name: this.name, autofocus: this.autofocus, maxlength: this.maxLength, cols: this.cols, rows: this.rows, onFocus: (event) => {
74
+ }, disabled: this.disabled, readonly: !this.disabled && this.readOnly, placeholder: this.placeholder, value: this.value, name: this.name, autofocus: this.autofocus, maxlength: this.maxLength, cols: this.cols, rows: this.rows, onFocus: (event) => {
63
75
  if (!this.readOnly) {
64
76
  this.handleFocus(event);
65
77
  }
@@ -67,7 +79,7 @@ const TdsTextarea = class {
67
79
  if (!this.readOnly) {
68
80
  this.handleBlur(event);
69
81
  }
70
- }, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event) }), h("span", { key: 'bc1422693b7be09e7057e11b76ae781d7b0f4fad', class: "textarea-resizer-icon" }, h("svg", { key: '3836f33d521ec1f35a6dceb3240a61bc750ca875', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '75f1a8d478002b9b3a1febd3ff433c14b4f6470f', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z", fill: "currentColor" }))), h("span", { key: '43899208bb06e613eff34d4a9d73b7003d4e0df4', class: "textarea-icon__readonly" }, h("tds-icon", { key: 'd8610ee288753d67e20571fce9707d9b9f2e4ccc', name: "edit_inactive" })), h("span", { key: '208ada20b1053f93db759d7cc9c7dc653735135a', class: "textarea-icon__readonly-label" }, "This field is non-editable")), h("span", { key: 'f5aee4903c0bf3e7612af6dc84eab08ce0e09180', class: 'textarea-helper' }, this.state === 'error' && h("tds-icon", { key: '4581239d829a9e07dc91f3352042220ab3d334b0', name: "error", size: "16px" }), this.helper), this.maxLength > 0 && (h("div", { key: 'b06905f370babfe0470e914df045c72ef7e12041', class: 'textarea-textcounter' }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, h("span", { key: 'd45f87ccf1ccf4198276b3e2c7fe465aeeb9fe17', class: "textfield-textcounter-divider" }, " / "), " ", this.maxLength))));
82
+ }, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event) }), h("span", { key: 'abe2829484359e0c2ceac243f3fecd8584574091', class: "textarea-resizer-icon" }, h("svg", { key: '03c6b48ee0892108e72234531b619cc3f4795713', width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '5622e03d58b6d1ce550709fc5b874860660938a5', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z", fill: "currentColor" }))), !this.disabled && !this.hideReadOnlyIcon && this.readOnly && (h("span", { key: '7b4535432e2f8a83d896893ca63823ac57797bdd', class: "textarea-icon__readonly" }, h("tds-tooltip", { key: 'b7a0fda48597a2e1821a2f1fbf126e8d40bdcc3b', placement: "top-end", text: "This field is non-editable", selector: "#readonly-tooltip" }), h("tds-icon", { key: 'a8a29025a599d62f34fa443ec046903e86e9aa3b', id: "readonly-tooltip", name: "edit_inactive" })))), h("span", { key: 'af2692509fe625ac0266ed1e93de69b6b42c889c', class: 'textarea-helper' }, this.state === 'error' && !this.readOnly && h("tds-icon", { key: 'a5e26118214f35e650a15a66334369e02a614c3f', name: "error", size: "16px" }), this.helper), this.maxLength > 0 && (h("div", { key: '4a71559023db5c584dbfc39595cdfd07e8a1dafc', class: 'textarea-textcounter' }, this.value === null ? 0 : (_a = this.value) === null || _a === void 0 ? void 0 : _a.length, h("span", { key: 'f74611ecfb8082ce9d030546e7debdf4c9e98738', class: "textfield-textcounter-divider" }, " / "), " ", this.maxLength))));
71
83
  }
72
84
  };
73
85
  TdsTextarea.style = TdsTextareaStyle0;
package/dist/esm/tds-toast.entry.js CHANGED
@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
2
2
  import { g as generateUniqueId } from './generateUniqueId-7934d315.js';
3
3
  import { h as hasSlot } from './hasSlot-d52114d0.js';
4
4
 
5
- const toastCss = ":host(.hide){display:none;visibility:hidden}:host{z-index:800}:host .wrapper{display:flex;width:348px;background-color:var(--tds-toast-background-color);border-radius:4px}:host .wrapper.information{border-left:4px solid var(--tds-information)}:host .wrapper.information tds-icon{color:var(--tds-information)}:host .wrapper.success{border-left:4px solid var(--tds-positive)}:host .wrapper.success tds-icon{color:var(--tds-positive)}:host .wrapper.error{border-left:4px solid var(--tds-negative)}:host .wrapper.error tds-icon{color:var(--tds-negative)}:host .wrapper.warning{border-left:4px solid var(--tds-warning)}:host .wrapper.warning tds-icon{color:var(--tds-warning)}:host .wrapper button.close{height:20px;width:20px;display:flex;align-items:center;justify-content:center;margin:14px 14px 0 22px;border:none;background:transparent}:host .wrapper button.close:hover{cursor:pointer}:host .wrapper button.close:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .wrapper button.close tds-icon{color:var(--tds-toast-dissmiss-color);padding:0}:host tds-icon{padding:14px 0 0 12px}:host .content{padding:16px 0 16px 10px;display:flex;flex-direction:column;flex:1;max-width:250px;word-break:break-word}:host .content .header-subheader{display:flex;flex-direction:column;gap:4px}:host .content .header,:host .content slot[name=header]::slotted(*){font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-toast-headline-color)}:host .content .subheader,:host .content slot[name=subheader]::slotted(*){color:var(--tds-toast-subheadline-color);font:var(--tds-detail-02) !important;letter-spacing:var(--tds-detail-02-ls) !important}:host .content .subheader.no-link slot::slotted(*),:host .content slot[name=subheader]::slotted(*).no-link slot::slotted(*){padding-bottom:0}:host .content .toast-bottom{margin-top:12px}:host slot[name=actions]::slotted(*){color:var(--tds-toast-link-color)}:host .tds-mode-variant-primary{--tds-toast-background:var(--tds-toast-background-primary)}:host .tds-mode-variant-secondary{--tds-toast-background:var(--tds-toast-background-secondary)}";
5
+ const toastCss = ":host(.hide){display:none;visibility:hidden}:host{z-index:800}:host .wrapper{display:flex;width:348px;background-color:var(--tds-toast-background-color);border-radius:4px}:host .wrapper.information{border-left:4px solid var(--tds-information)}:host .wrapper.information tds-icon{color:var(--tds-information)}:host .wrapper.success{border-left:4px solid var(--tds-positive)}:host .wrapper.success tds-icon{color:var(--tds-positive)}:host .wrapper.error{border-left:4px solid var(--tds-negative)}:host .wrapper.error tds-icon{color:var(--tds-negative)}:host .wrapper.warning{border-left:4px solid var(--tds-warning)}:host .wrapper.warning tds-icon{color:var(--tds-warning)}:host .wrapper button.close{height:20px;width:20px;display:flex;align-items:center;justify-content:center;margin:14px 14px 0 22px;border:none;background:transparent}:host .wrapper button.close:hover{cursor:pointer}:host .wrapper button.close:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .wrapper button.close tds-icon{color:var(--tds-toast-dissmiss-color);padding:0}:host tds-icon{padding:14px 0 0 12px}:host .content{padding:16px 0 16px 10px;display:flex;flex-direction:column;flex:1;max-width:250px;word-break:break-word}:host .content .header-subheader{display:flex;flex-direction:column;gap:4px}:host .content .header,:host .content slot[name=header]::slotted(*){font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-toast-headline-color)}:host .content .subheader,:host .content slot[name=subheader]::slotted(*){color:var(--tds-toast-subheadline-color);font:var(--tds-detail-02) !important;letter-spacing:var(--tds-detail-02-ls) !important}:host .content .subheader.no-link slot::slotted(*),:host .content slot[name=subheader]::slotted(*).no-link slot::slotted(*){padding-bottom:0}:host .content .toast-bottom{padding-top:12px}:host slot[name=actions]::slotted(*){color:var(--tds-toast-link-color)}:host .tds-mode-variant-primary{--tds-toast-background:var(--tds-toast-background-primary)}:host .tds-mode-variant-secondary{--tds-toast-background:var(--tds-toast-background-secondary)}";
6
6
  const TdsToastStyle0 = toastCss;
7
7
 
8
8
  const TdsToast = class {
@@ -46,6 +46,8 @@ const TdsToast = class {
46
46
  this.hidden = false;
47
47
  this.closable = true;
48
48
  this.toastRole = 'alert';
49
+ this.tdsCloseAriaLabel = undefined;
50
+ this.tdsAriaLive = 'polite';
49
51
  }
50
52
  /** Hides the Toast. */
51
53
  async hideToast() {
@@ -55,16 +57,21 @@ const TdsToast = class {
55
57
  async showToast() {
56
58
  this.hidden = false;
57
59
  }
60
+ connectedCallback() {
61
+ if (!this.tdsCloseAriaLabel) {
62
+ console.warn('tds-toast: tdsCloseAriaLabel is required');
63
+ }
64
+ }
58
65
  render() {
59
66
  const usesHeaderSlot = hasSlot('header', this.host);
60
67
  const usesSubheaderSlot = hasSlot('subheader', this.host);
61
68
  const usesActionsSlot = hasSlot('actions', this.host);
62
- return (h(Host, { key: '47e0159502e048c0359a5a17677f0456aa69a4da', toastRole: this.toastRole, "aria-describedby": this.host.getAttribute('aria-describedby'), class: {
69
+ return (h(Host, { key: '9ebb217351e9fbdcb0bfef105969785e745bc184', "aria-live": this.tdsAriaLive, toastRole: this.toastRole, "aria-describedby": this.host.getAttribute('aria-describedby'), class: {
63
70
  hide: this.hidden,
64
71
  show: !this.hidden,
65
- } }, h("div", { key: '6ae5a9da5c89de7a2336f48f495d61cc11286495', class: `
72
+ } }, h("div", { key: '361405e5f7b34ff4c450499ff5752ef3bb29c21a', class: `
66
73
  wrapper
67
- ${this.variant}` }, h("tds-icon", { key: 'c6ce5ea135bddef0ad0f7172ac8d7be6725a3597', name: this.getIconName(), size: "20px" }), h("div", { key: 'b3db26a1314c8a2d55c7d028cdc2f4951a738eaf', class: `content` }, h("div", { key: '3418ea02c85852fe548130c6c653a8dacdd9437a', class: "header-subheader" }, this.header && h("div", { key: '0a50b5e2a487be36a00ad89ad4f14cf1af83477d', class: "header" }, this.header), usesHeaderSlot && h("slot", { key: 'df199798748ed7ade9cbda7f7ce798bb6f8fa995', name: "header" }), this.subheader && h("div", { key: '4978346a3726aea3af0aa7bb98487c36873045d3', class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { key: '49651b229907504dfca5aec35589595b421f6e1b', name: "subheader" })), usesActionsSlot && (h("div", { key: '6dbfa25c49118e92c2a254fb01156a95004f0738', class: `toast-bottom ${usesSubheaderSlot || this.subheader ? 'subheader' : 'no-subheader'}` }, h("slot", { key: '85235296f757e0a6306d76ef83c855c3e9bb6cb4', name: "actions" })))), this.closable && (h("button", { key: 'd6946c5ff592b494be06dcb7b46dfc56b5eb5efc', onClick: this.handleClose, class: "close" }, h("tds-icon", { key: '51a93ef789343f24686183ba1747fc853e6d9e04', name: "cross", size: "20px" }))))));
74
+ ${this.variant}` }, h("tds-icon", { key: 'a905925f5a8825b0d4fdc278e2d958da31f24cc5', name: this.getIconName(), size: "20px" }), h("div", { key: 'c36eaed915074c188796476ccb6b3d48d1598272', class: `content` }, h("div", { key: 'd68b085fa0fd744f7e5b1f34e26fbb72c48ea65b', class: "header-subheader" }, this.header && h("div", { key: '7eb63f483c727f6dd21ea13f794f91daca138418', class: "header" }, this.header), usesHeaderSlot && h("slot", { key: '60393a0dd231897d27d01b2d8e5d0d563e917503', name: "header" }), this.subheader && h("div", { key: '4051a94947a9987f4c645c440de8f8cf4002911b', class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { key: '1902bd9666847e51ac7bbc2f74d232f822d35127', name: "subheader" })), usesActionsSlot && (h("div", { key: '13c4debc87ca9b66f3c4155b6ccd7df39b9b98f6', class: `toast-bottom ${usesSubheaderSlot || this.subheader ? 'subheader' : 'no-subheader'}` }, h("slot", { key: '05867f3250802cafe5a63d0583b626a819d5fdd9', name: "actions" })))), this.closable && (h("button", { key: 'da371c19b03e68d35e9a9251768cce8e3b5b23d9', id: "my-button", "aria-label": this.tdsCloseAriaLabel, onClick: this.handleClose, class: "close" }, h("tds-icon", { key: 'c09b9920715bec51cbc9b190e176578a2d1f0627', name: "cross", size: "20px" }))))));
68
75
  }
69
76
  get host() { return getElement(this); }
70
77
  };
package/dist/esm/tds-toggle.entry.js CHANGED
@@ -41,10 +41,10 @@ const TdsToggle = class {
41
41
  }
42
42
  }
43
43
  render() {
44
- return (h("div", { key: '8f8a77827f524c049aa004d15372a78e7fad41e2', class: "tds-toggle" }, this.headline && (h("div", { key: '8e254412e80362807046a893fc3f7c42a0c376ba', class: {
44
+ return (h("div", { key: '99809ab8c95f98930769fde49bb128c866fb4288', class: "tds-toggle" }, this.headline && (h("div", { key: '679f7488d0d0ec41e8c1c31234ffcc02fb7c811f', class: {
45
45
  'toggle-headline': true,
46
46
  'disabled': this.disabled,
47
- } }, this.headline)), h("input", { key: '47ed1307b67b61b1594006449fb1b4ccf6d031b8', "aria-label": this.tdsAriaLabel, "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), "aria-checked": this.checked, "aria-required": this.required, onChange: () => this.handleToggle(), class: `${this.size}`, checked: this.checked, disabled: this.disabled, required: this.required, type: "checkbox", name: this.name, id: this.toggleId, role: "switch" }), this.labelSlot && (h("label", { key: '75964d686710d6b4f8bbe365cc51c8aab3234d26', class: { disabled: this.disabled }, htmlFor: this.toggleId }, h("slot", { key: 'aeeaed1f37a160ce792df3f5115c75eaa0fd2c0a', name: "label" })))));
47
+ } }, this.headline)), h("input", { key: 'f08284dc8c171da0694a3b86c6ffb206861080cd', "aria-label": this.tdsAriaLabel, "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), "aria-checked": this.checked, "aria-required": this.required, onChange: () => this.handleToggle(), class: `${this.size}`, checked: this.checked, disabled: this.disabled, required: this.required, type: "checkbox", name: this.name, id: this.toggleId, role: "switch" }), this.labelSlot && (h("label", { key: 'f5d7e6e3ac11cbc7b2eac4fcb2cebcd6f015c2bc', class: { disabled: this.disabled }, htmlFor: this.toggleId }, h("slot", { key: '686d693e4ec91573fe9c40eba7a67e7933f37dde', name: "label" })))));
48
48
  }
49
49
  get host() { return getElement(this); }
50
50
  };
package/dist/esm/tds-tooltip.entry.js CHANGED
@@ -42,6 +42,12 @@ const TdsTooltip = class {
42
42
  this.placement = 'bottom';
43
43
  this.offsetSkidding = 0;
44
44
  this.offsetDistance = 8;
45
+ this.tdsAriaDescribedby = undefined;
46
+ }
47
+ handleKeyDown(event) {
48
+ if (event.key === 'Escape' && this.show) {
49
+ this.show = false;
50
+ }
45
51
  }
46
52
  componentWillLoad() {
47
53
  this.inheritedAttributes = inheritAttributes(this.host, ['style', 'class']);
@@ -54,16 +60,20 @@ const TdsTooltip = class {
54
60
  }
55
61
  render() {
56
62
  var _a;
57
- return (h(Host, { key: '963a6dc4a3816d01ca9a1efc76ba06b98faba9f0' }, h("tds-popover-core", Object.assign({ key: '6bc8ffb25e5d31c2c3d9dda9867104990ae8ff18' }, this.inheritedAttributes, { class: {
63
+ return (h(Host, { key: '366a9ef9c61be66f0bd4559df61959e66df7ccde', role: "tooltip", "aria-describedby": this.tdsAriaDescribedby, "aria-label": this.text }, h("tds-popover-core", Object.assign({ key: 'a3e941deb73b41565f82bfcd972e88f3b3a9a4cc' }, this.inheritedAttributes, { class: {
58
64
  'tds-tooltip': true,
59
65
  [`tds-tooltip-${this.border}`]: true,
60
66
  [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
61
67
  'tds-tooltip-show': this.show,
62
- }, selector: this.selector, referenceEl: this.referenceEl, trigger: this.determineTrigger(), modifiers: this.popperjsExtraModifiers, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, show: this.show, placement: this.placement, autoHide: false, onInternalTdsShow: () => {
68
+ }, selector: this.selector, referenceEl: this.referenceEl, trigger: this.determineTrigger(), modifiers: this.popperjsExtraModifiers, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, show: this.show, placement: this.placement, autoHide: false,
69
+ // @ts-ignore
70
+ onInternalTdsShow: () => {
63
71
  this.show = true;
64
- }, onInternalTdsClose: () => {
72
+ },
73
+ // @ts-ignore
74
+ onInternalTdsClose: () => {
65
75
  this.show = false;
66
- }, defaultShow: this.defaultShow }), this.text, h("slot", { key: '5df9224787bb470653278d121ceed41ea48b957a' }))));
76
+ }, defaultShow: this.defaultShow }), this.text, h("slot", { key: '33b71eda3f8d5e3c5f711edac7ed7974b09843a8' }))));
67
77
  }
68
78
  get host() { return getElement(this); }
69
79
  };
package/dist/esm/tegel.js CHANGED
@@ -16,5 +16,5 @@ var patchBrowser = () => {
16
16
 
17
17
  patchBrowser().then(async (options) => {
18
18
  await globalScripts();
19
- return bootstrapLazy(JSON.parse("[[\"tds-header-launcher\",[[1,\"tds-header-launcher\",{\"open\":[32],\"buttonEl\":[32],\"hasListTypeMenu\":[32]},[[8,\"click\",\"onAnyClick\"]]]]],[\"tds-header-dropdown\",[[1,\"tds-header-dropdown\",{\"label\":[1],\"noDropdownIcon\":[4,\"no-dropdown-icon\"],\"selected\":[4],\"open\":[32],\"buttonEl\":[32]},[[4,\"click\",\"onAnyClick\"]]]]],[\"tds-table-footer\",[[1,\"tds-table-footer\",{\"pagination\":[516],\"paginationValue\":[1538,\"pagination-value\"],\"rowsperpage\":[516],\"rowsPerPageValues\":[16],\"pages\":[514],\"cols\":[2],\"columnsNumber\":[32],\"compactDesign\":[32],\"lastCorrectValue\":[32],\"tableId\":[32],\"horizontalScrollWidth\":[32],\"rowsPerPageValue\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-header-hamburger\",[[1,\"tds-header-hamburger\"]]],[\"tds-header-brand-symbol\",[[1,\"tds-header-brand-symbol\"]]],[\"tds-side-menu-dropdown\",[[1,\"tds-side-menu-dropdown\",{\"defaultOpen\":[4,\"default-open\"],\"buttonLabel\":[1,\"button-label\"],\"selected\":[4],\"open\":[4],\"hoverState\":[32],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapsedSideMenuEventHandler\"],[1,\"pointerenter\",\"onEventPointerEnter\"],[0,\"focusin\",\"onEventFocus\"],[1,\"pointerleave\",\"onEventPointerLeave\"],[0,\"focusout\",\"onEventBlur\"]]]]],[\"tds-side-menu-user\",[[1,\"tds-side-menu-user\",{\"heading\":[1],\"subheading\":[1],\"imgSrc\":[1,\"img-src\"],\"imgAlt\":[1,\"img-alt\"]}]]],[\"tds-accordion-item\",[[1,\"tds-accordion-item\",{\"header\":[1],\"expandIconPosition\":[1,\"expand-icon-position\"],\"disabled\":[4],\"expanded\":[4],\"paddingReset\":[4,\"padding-reset\"],\"ariaLevelValue\":[1,\"aria-level-value\"],\"toggleAccordionItem\":[64]}]]],[\"tds-banner\",[[1,\"tds-banner\",{\"icon\":[1],\"header\":[1],\"subheader\":[1],\"variant\":[1],\"bannerId\":[1,\"banner-id\"],\"hidden\":[516],\"roleType\":[1,\"role-type\"],\"hideBanner\":[64],\"showBanner\":[64]}]]],[\"tds-card\",[[1,\"tds-card\",{\"modeVariant\":[1,\"mode-variant\"],\"imagePlacement\":[1,\"image-placement\"],\"header\":[1],\"subheader\":[1],\"bodyImg\":[1,\"body-img\"],\"bodyImgAlt\":[1,\"body-img-alt\"],\"bodyDivider\":[4,\"body-divider\"],\"clickable\":[4],\"stretch\":[4],\"cardId\":[1,\"card-id\"]}]]],[\"tds-datetime\",[[2,\"tds-datetime\",{\"type\":[513],\"value\":[1537],\"min\":[1],\"max\":[1],\"defaultValue\":[1,\"default-value\"],\"disabled\":[4],\"size\":[1],\"noMinWidth\":[4,\"no-min-width\"],\"modeVariant\":[1,\"mode-variant\"],\"name\":[1],\"state\":[1],\"autofocus\":[4],\"label\":[1],\"helper\":[1],\"focusInput\":[32],\"reset\":[64],\"setValue\":[64]},[[0,\"focus\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"]]]]],[\"tds-folder-tabs\",[[1,\"tds-folder-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"buttonWidth\":[32],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-footer-group\",[[1,\"tds-footer-group\",{\"titleText\":[1,\"title-text\"],\"open\":[32]}]]],[\"tds-header-cell\",[[1,\"tds-header-cell\",{\"cellKey\":[513,\"cell-key\"],\"cellValue\":[513,\"cell-value\"],\"customWidth\":[513,\"custom-width\"],\"sortable\":[4],\"textAlign\":[513,\"text-align\"],\"disablePadding\":[516,\"disable-padding\"],\"textAlignState\":[32],\"sortingDirection\":[32],\"sortedByMyKey\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"multiselect\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32],\"expandableRows\":[32]},[[16,\"internalTdsPropChange\",\"internalTdsPropChangeListener\"],[16,\"internalSortButtonClicked\",\"updateOptionsContent\"]]]]],[\"tds-header-launcher-list\",[[4,\"tds-header-launcher-list\"]]],[\"tds-header-launcher-list-item\",[[1,\"tds-header-launcher-list-item\"]]],[\"tds-inline-tabs\",[[1,\"tds-inline-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"leftPadding\":[514,\"left-padding\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-message\",[[1,\"tds-message\",{\"header\":[1],\"modeVariant\":[1,\"mode-variant\"],\"variant\":[1],\"noIcon\":[4,\"no-icon\"],\"minimal\":[4]}]]],[\"tds-modal\",[[1,\"tds-modal\",{\"header\":[1],\"prevent\":[4],\"size\":[1],\"actionsPosition\":[1,\"actions-position\"],\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"closable\":[4],\"isShown\":[32],\"showModal\":[64],\"closeModal\":[64],\"initializeModal\":[64],\"cleanupModal\":[64]}]]],[\"tds-navigation-tabs\",[[1,\"tds-navigation-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"leftPadding\":[514,\"left-padding\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-popover-menu\",[[6,\"tds-popover-menu\",{\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"defaultShow\":[4,\"default-show\"],\"placement\":[1],\"animation\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"fluidWidth\":[4,\"fluid-width\"],\"childRef\":[32],\"close\":[64]}]]],[\"tds-side-menu-close-button\",[[1,\"tds-side-menu-close-button\"]]],[\"tds-side-menu-collapse-button\",[[1,\"tds-side-menu-collapse-button\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-slider\",[[0,\"tds-slider\",{\"label\":[1],\"value\":[1025],\"min\":[1],\"max\":[1],\"ticks\":[1],\"showTickNumbers\":[4,\"show-tick-numbers\"],\"tooltip\":[4],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"controls\":[4],\"input\":[4],\"step\":[1],\"name\":[1],\"thumbSize\":[1,\"thumb-size\"],\"snap\":[4],\"sliderId\":[1,\"slider-id\"],\"reset\":[64]},[[0,\"keydown\",\"handleKeydown\"],[9,\"mouseup\",\"handleRelease\"],[9,\"touchend\",\"handleRelease\"],[9,\"mousemove\",\"handleMove\"],[9,\"touchmove\",\"handleMove\"]],{\"value\":[\"handleValueUpdate\"]}]]],[\"tds-step\",[[1,\"tds-step\",{\"index\":[1],\"state\":[1],\"hideLabels\":[32],\"size\":[32],\"orientation\":[32],\"labelPosition\":[32]},[[16,\"internalTdsPropsChange\",\"handlePropsChange\"]]]]],[\"tds-table-body-input-wrapper\",[[1,\"tds-table-body-input-wrapper\",{\"showIcon\":[4,\"show-icon\"],\"renderSlot\":[32],\"inputFocused\":[32],\"compactDesign\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-body-row\",[[1,\"tds-table-body-row\",{\"selected\":[516],\"disabled\":[516],\"clickable\":[516],\"multiselect\":[32],\"mainCheckBoxStatus\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-header\",[[1,\"tds-table-header\",{\"allSelected\":[1540,\"all-selected\"],\"selected\":[1540],\"disabled\":[1540],\"indeterminate\":[4],\"multiselect\":[32],\"expandableRows\":[32],\"mainCheckboxSelected\":[32],\"mainExpendSelected\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsRowExpanded\",\"internalTdsRowExpandedListener\"]]]]],[\"tds-table-header-input-wrapper\",[[1,\"tds-table-header-input-wrapper\",{\"showIcon\":[4,\"show-icon\"],\"compactDesign\":[4,\"compact-design\"],\"renderSlot\":[32],\"inputFocused\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-toolbar\",[[1,\"tds-table-toolbar\",{\"tableTitle\":[513,\"table-title\"],\"filter\":[516],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32],\"horizontalScrollWidth\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-text-field\",[[6,\"tds-text-field\",{\"type\":[513],\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"min\":[8],\"max\":[8],\"helper\":[1],\"placeholder\":[1],\"value\":[513],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"size\":[1],\"modeVariant\":[1,\"mode-variant\"],\"noMinWidth\":[4,\"no-min-width\"],\"name\":[1],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"autofocus\":[4],\"focusInput\":[32],\"focusElement\":[64]}]]],[\"tds-textarea\",[[2,\"tds-textarea\",{\"label\":[1],\"name\":[1],\"helper\":[1],\"cols\":[2],\"rows\":[2],\"labelPosition\":[1,\"label-position\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"modeVariant\":[1,\"mode-variant\"],\"autofocus\":[4],\"noMinWidth\":[4,\"no-min-width\"],\"focusInput\":[32]}]]],[\"tds-toast\",[[1,\"tds-toast\",{\"toastId\":[1,\"toast-id\"],\"header\":[1],\"subheader\":[1],\"variant\":[1],\"hidden\":[516],\"closable\":[4],\"toastRole\":[1,\"toast-role\"],\"hideToast\":[64],\"showToast\":[64]}]]],[\"tds-tooltip\",[[6,\"tds-tooltip\",{\"text\":[1],\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"mouseOverTooltip\":[4,\"mouse-over-tooltip\"],\"trigger\":[1],\"show\":[1028],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"]}]]],[\"tds-accordion\",[[1,\"tds-accordion\",{\"modeVariant\":[1,\"mode-variant\"],\"hideLastBorder\":[4,\"hide-last-border\"]}]]],[\"tds-badge\",[[1,\"tds-badge\",{\"value\":[1],\"hidden\":[516],\"size\":[1],\"tdsAriaLive\":[1,\"tds-aria-live\"],\"tdsAriaLabel\":[32],\"shape\":[32],\"text\":[32]},null,{\"value\":[\"watchProps\"],\"size\":[\"watchProps\"]}]]],[\"tds-block\",[[1,\"tds-block\",{\"modeVariant\":[1,\"mode-variant\"],\"componentTag\":[1,\"component-tag\"]}]]],[\"tds-body-cell\",[[1,\"tds-body-cell\",{\"cellValue\":[520,\"cell-value\"],\"cellKey\":[520,\"cell-key\"],\"disablePadding\":[516,\"disable-padding\"],\"textAlign\":[513,\"text-align\"],\"textAlignState\":[32],\"activeSorting\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"tableId\":[32]},[[16,\"internalTdsPropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsHover\",\"internalTdsHoverListener\"],[16,\"internalTdsTextAlign\",\"internalTdsTextAlignListener\"]]]]],[\"tds-breadcrumb\",[[1,\"tds-breadcrumb\",{\"current\":[4]}]]],[\"tds-breadcrumbs\",[[1,\"tds-breadcrumbs\",{\"tdsAriaLabel\":[1,\"tds-aria-label\"]}]]],[\"tds-button\",[[6,\"tds-button\",{\"text\":[1],\"type\":[1],\"variant\":[1],\"size\":[1],\"disabled\":[4],\"fullbleed\":[4],\"modeVariant\":[1,\"mode-variant\"],\"animation\":[1],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"onlyIcon\":[32]}]]],[\"tds-chip\",[[6,\"tds-chip\",{\"type\":[1],\"size\":[1],\"chipId\":[1,\"chip-id\"],\"checked\":[1540],\"name\":[1],\"value\":[1],\"disabled\":[4]},[[16,\"internalRadioOnChange\",\"handleInternaRadioChange\"]]]]],[\"tds-folder-tab\",[[1,\"tds-folder-tab\",{\"disabled\":[4],\"selected\":[32],\"tabWidth\":[32],\"setTabWidth\":[64],\"setSelected\":[64]}]]],[\"tds-footer\",[[1,\"tds-footer\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"tds-footer-item\",[[1,\"tds-footer-item\"]]],[\"tds-header\",[[4,\"tds-header\"]]],[\"tds-header-dropdown-list-user\",[[1,\"tds-header-dropdown-list-user\",{\"imgUrl\":[1,\"img-url\"],\"imgAlt\":[1,\"img-alt\"],\"header\":[1],\"subheader\":[1]}]]],[\"tds-header-launcher-grid\",[[4,\"tds-header-launcher-grid\",{\"headingElement\":[32]}]]],[\"tds-header-launcher-grid-item\",[[1,\"tds-header-launcher-grid-item\"]]],[\"tds-header-launcher-grid-title\",[[4,\"tds-header-launcher-grid-title\"]]],[\"tds-header-launcher-list-title\",[[4,\"tds-header-launcher-list-title\"]]],[\"tds-header-title\",[[1,\"tds-header-title\"]]],[\"tds-inline-tab\",[[1,\"tds-inline-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-link\",[[1,\"tds-link\",{\"disabled\":[4],\"underline\":[4],\"standalone\":[4]}]]],[\"tds-navigation-tab\",[[1,\"tds-navigation-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-popover-menu-item\",[[1,\"tds-popover-menu-item\",{\"disabled\":[4]}]]],[\"tds-radio-button\",[[6,\"tds-radio-button\",{\"name\":[1],\"value\":[1],\"radioId\":[1,\"radio-id\"],\"checked\":[516],\"required\":[4],\"disabled\":[4]}]]],[\"tds-side-menu\",[[1,\"tds-side-menu\",{\"open\":[4],\"persistent\":[4],\"collapsed\":[1028],\"isUpperSlotEmpty\":[32],\"isCollapsed\":[32],\"initialCollapsedState\":[32]},[[16,\"internalTdsCollapse\",\"collapsedSideMenuEventHandler\"]],{\"collapsed\":[\"onCollapsedChange\"]}]]],[\"tds-side-menu-dropdown-list\",[[1,\"tds-side-menu-dropdown-list\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapsedSideMenuEventHandler\"]]]]],[\"tds-side-menu-dropdown-list-item\",[[1,\"tds-side-menu-dropdown-list-item\",{\"selected\":[4],\"dropdownHasIcon\":[32],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-side-menu-overlay\",[[1,\"tds-side-menu-overlay\"]]],[\"tds-spinner\",[[0,\"tds-spinner\",{\"size\":[1],\"variant\":[1]}]]],[\"tds-stepper\",[[1,\"tds-stepper\",{\"orientation\":[1],\"labelPosition\":[1,\"label-position\"],\"size\":[1],\"hideLabels\":[4,\"hide-labels\"],\"stepperId\":[1,\"stepper-id\"]},null,{\"orientation\":[\"handleDirectionChange\"],\"labelPosition\":[\"handleLabelPositionChange\"],\"size\":[\"handleSizeChange\"],\"hideLabels\":[\"handleHideLabelsChange\"]}]]],[\"tds-table\",[[1,\"tds-table\",{\"verticalDividers\":[516,\"vertical-dividers\"],\"compactDesign\":[516,\"compact-design\"],\"noMinWidth\":[516,\"no-min-width\"],\"multiselect\":[516],\"expandableRows\":[516,\"expandable-rows\"],\"responsive\":[516],\"modeVariant\":[513,\"mode-variant\"],\"zebraMode\":[513,\"zebra-mode\"],\"horizontalScrollWidth\":[1,\"horizontal-scroll-width\"],\"tableId\":[1,\"table-id\"],\"enableHorizontalScrollToolbarDesign\":[32],\"enableHorizontalScrollFooterDesign\":[32],\"getSelectedRows\":[64]},null,{\"multiselect\":[\"multiselectChanged\"],\"expandableRows\":[\"enableExpandableRowsChanged\"],\"compactDesign\":[\"compactDesignChanged\"],\"verticalDividers\":[\"verticalDividersChanged\"],\"noMinWidth\":[\"noMinWidthChanged\"],\"zebraMode\":[\"zebraModeChanged\"],\"modeVariant\":[\"modeVariantChanged\"],\"horizontalScrollWidth\":[\"widthChanged\"]}]]],[\"tds-table-body\",[[4,\"tds-table-body\",{\"multiselect\":[32],\"enablePaginationTableBody\":[32],\"expandableRows\":[32],\"multiselectArray\":[32],\"multiselectArrayJSON\":[32],\"mainCheckboxStatus\":[32],\"columnsNumber\":[32],\"zebraMode\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsRowChange\",\"bodyCheckboxListener\"]]]]],[\"tds-table-body-row-expandable\",[[1,\"tds-table-body-row-expandable\",{\"colSpan\":[2,\"col-span\"],\"rowId\":[513,\"row-id\"],\"expanded\":[516],\"overflow\":[513],\"autoCollapse\":[4,\"auto-collapse\"],\"isExpanded\":[32],\"tableId\":[32],\"columnsNumber\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"modeVariant\":[32],\"expand\":[64],\"collapse\":[64]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"tdsChange\",\"handleRowExpand\"]],{\"expanded\":[\"watchExpanded\"]}]]],[\"tds-toggle\",[[6,\"tds-toggle\",{\"checked\":[516],\"required\":[4],\"size\":[1],\"name\":[1],\"headline\":[1],\"disabled\":[4],\"toggleId\":[1,\"toggle-id\"],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"toggle\":[64]}]]],[\"tds-core-header-item_2\",[[1,\"tds-header-item\",{\"active\":[4],\"selected\":[4]}],[1,\"tds-core-header-item\"]]],[\"tds-header-launcher-button\",[[1,\"tds-header-launcher-button\",{\"active\":[4]}]]],[\"tds-divider\",[[1,\"tds-divider\",{\"orientation\":[1]}]]],[\"tds-header-dropdown-list\",[[1,\"tds-header-dropdown-list\",{\"size\":[513],\"headingElement\":[32]}]]],[\"tds-header-dropdown-list-item\",[[1,\"tds-header-dropdown-list-item\",{\"selected\":[4],\"size\":[513]}]]],[\"tds-checkbox\",[[6,\"tds-checkbox\",{\"name\":[1],\"checkboxId\":[1,\"checkbox-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[1540],\"indeterminate\":[1028],\"value\":[1],\"toggleCheckbox\":[64]},[[4,\"reset\",\"handleFormReset\"]],{\"indeterminate\":[\"handleIndeterminateState\"]}]]],[\"tds-dropdown_2\",[[17,\"tds-dropdown-option\",{\"value\":[8],\"disabled\":[4],\"internalValue\":[32],\"selected\":[32],\"multiselect\":[32],\"size\":[32],\"setSelected\":[64]},null,{\"value\":[\"valueWatcher\"]}],[1,\"tds-dropdown\",{\"name\":[1],\"disabled\":[4],\"helper\":[1],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"modeVariant\":[1,\"mode-variant\"],\"openDirection\":[1,\"open-direction\"],\"placeholder\":[1],\"size\":[1],\"animation\":[1],\"error\":[4],\"multiselect\":[4],\"filter\":[4],\"normalizeText\":[4,\"normalize-text\"],\"noResultText\":[1,\"no-result-text\"],\"defaultValue\":[8,\"default-value\"],\"value\":[1032],\"open\":[32],\"internalValue\":[32],\"filterResult\":[32],\"filterFocus\":[32],\"internalDefaultValue\":[32],\"selectedOptions\":[32],\"setValue\":[64],\"reset\":[64],\"removeValue\":[64],\"focusElement\":[64],\"close\":[64],\"appendValue\":[64]},[[9,\"mousedown\",\"onAnyClick\"],[0,\"keydown\",\"onKeyDown\"]],{\"value\":[\"handleValueChange\"],\"open\":[\"handleOpenState\"],\"defaultValue\":[\"handleDefaultValueChange\"]}]]],[\"tds-popover-canvas\",[[6,\"tds-popover-canvas\",{\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"animation\":[1],\"offsetDistance\":[2,\"offset-distance\"],\"modifiers\":[16],\"childRef\":[32],\"close\":[64]}]]],[\"tds-side-menu-user-image_2\",[[1,\"tds-side-menu-user-image\",{\"src\":[1],\"alt\":[1]}],[1,\"tds-side-menu-user-label\",{\"heading\":[1],\"subheading\":[1]}]]],[\"tds-side-menu-item\",[[1,\"tds-side-menu-item\",{\"selected\":[4],\"active\":[4],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-popover-core\",[[6,\"tds-popover-core\",{\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"animation\":[1],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"modifiers\":[16],\"trigger\":[1],\"autoHide\":[4,\"auto-hide\"],\"renderedShowValue\":[32],\"popperInstance\":[32],\"target\":[32],\"isShown\":[32],\"disableLogic\":[32],\"hasShownAtLeastOnce\":[32],\"close\":[64]},[[8,\"click\",\"onAnyClick\"],[8,\"internalTdsShow\",\"onTdsShow\"]],{\"show\":[\"onShowChange\"],\"referenceEl\":[\"onReferenceElChanged\"],\"trigger\":[\"onTriggerChanged\"]}]]],[\"tds-icon\",[[1,\"tds-icon\",{\"name\":[513],\"size\":[513],\"svgTitle\":[1,\"svg-title\"],\"svgDescription\":[1,\"svg-description\"],\"icons_object\":[32],\"arrayOfIcons\":[32]}]]]]"), options);
19
+ return bootstrapLazy(JSON.parse("[[\"tds-header-launcher\",[[1,\"tds-header-launcher\",{\"open\":[32],\"buttonEl\":[32],\"hasListTypeMenu\":[32]},[[8,\"click\",\"onAnyClick\"]]]]],[\"tds-header-dropdown\",[[1,\"tds-header-dropdown\",{\"label\":[1],\"noDropdownIcon\":[4,\"no-dropdown-icon\"],\"selected\":[4],\"open\":[32],\"buttonEl\":[32]},[[4,\"click\",\"onAnyClick\"]]]]],[\"tds-table-footer\",[[1,\"tds-table-footer\",{\"pagination\":[516],\"paginationValue\":[1538,\"pagination-value\"],\"rowsperpage\":[516],\"rowsPerPageValues\":[16],\"pages\":[514],\"cols\":[2],\"columnsNumber\":[32],\"compactDesign\":[32],\"lastCorrectValue\":[32],\"tableId\":[32],\"horizontalScrollWidth\":[32],\"rowsPerPageValue\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-header-hamburger\",[[1,\"tds-header-hamburger\"]]],[\"tds-textarea\",[[2,\"tds-textarea\",{\"label\":[1],\"name\":[1],\"helper\":[1],\"cols\":[2],\"rows\":[2],\"labelPosition\":[1,\"label-position\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"hideReadOnlyIcon\":[4,\"hide-read-only-icon\"],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"modeVariant\":[1,\"mode-variant\"],\"autofocus\":[4],\"noMinWidth\":[4,\"no-min-width\"],\"focusInput\":[32]}]]],[\"tds-header-brand-symbol\",[[1,\"tds-header-brand-symbol\"]]],[\"tds-side-menu-dropdown\",[[1,\"tds-side-menu-dropdown\",{\"defaultOpen\":[4,\"default-open\"],\"buttonLabel\":[1,\"button-label\"],\"selected\":[4],\"open\":[4],\"hoverState\":[32],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapsedSideMenuEventHandler\"],[1,\"pointerenter\",\"onEventPointerEnter\"],[0,\"focusin\",\"onEventFocus\"],[1,\"pointerleave\",\"onEventPointerLeave\"],[0,\"focusout\",\"onEventBlur\"]]]]],[\"tds-side-menu-user\",[[1,\"tds-side-menu-user\",{\"heading\":[1],\"subheading\":[1],\"imgSrc\":[1,\"img-src\"],\"imgAlt\":[1,\"img-alt\"]}]]],[\"tds-accordion-item\",[[1,\"tds-accordion-item\",{\"header\":[1],\"expandIconPosition\":[1,\"expand-icon-position\"],\"disabled\":[4],\"expanded\":[4],\"paddingReset\":[4,\"padding-reset\"],\"ariaLevelValue\":[1,\"aria-level-value\"],\"toggleAccordionItem\":[64]}]]],[\"tds-banner\",[[1,\"tds-banner\",{\"icon\":[1],\"header\":[1],\"subheader\":[1],\"variant\":[1],\"bannerId\":[1,\"banner-id\"],\"hidden\":[516],\"roleType\":[1,\"role-type\"],\"hideBanner\":[64],\"showBanner\":[64]}]]],[\"tds-card\",[[1,\"tds-card\",{\"modeVariant\":[1,\"mode-variant\"],\"imagePlacement\":[1,\"image-placement\"],\"header\":[1],\"subheader\":[1],\"bodyImg\":[1,\"body-img\"],\"bodyImgAlt\":[1,\"body-img-alt\"],\"bodyDivider\":[4,\"body-divider\"],\"clickable\":[4],\"stretch\":[4],\"cardId\":[1,\"card-id\"]}]]],[\"tds-datetime\",[[2,\"tds-datetime\",{\"type\":[513],\"value\":[1537],\"min\":[1],\"max\":[1],\"defaultValue\":[1,\"default-value\"],\"disabled\":[4],\"size\":[1],\"noMinWidth\":[4,\"no-min-width\"],\"modeVariant\":[1,\"mode-variant\"],\"name\":[1],\"state\":[1],\"autofocus\":[4],\"label\":[1],\"helper\":[1],\"focusInput\":[32],\"reset\":[64],\"setValue\":[64]},[[0,\"focus\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"]]]]],[\"tds-folder-tabs\",[[1,\"tds-folder-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"tdsScrollLeftAriaLabel\":[1,\"tds-scroll-left-aria-label\"],\"tdsScrollRightAriaLabel\":[1,\"tds-scroll-right-aria-label\"],\"buttonWidth\":[32],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-footer-group\",[[1,\"tds-footer-group\",{\"titleText\":[1,\"title-text\"],\"open\":[32]}]]],[\"tds-header-cell\",[[1,\"tds-header-cell\",{\"cellKey\":[513,\"cell-key\"],\"cellValue\":[513,\"cell-value\"],\"customWidth\":[513,\"custom-width\"],\"sortable\":[4],\"textAlign\":[513,\"text-align\"],\"disablePadding\":[516,\"disable-padding\"],\"textAlignState\":[32],\"sortingDirection\":[32],\"sortedByMyKey\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"multiselect\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32],\"expandableRows\":[32]},[[16,\"internalTdsPropChange\",\"internalTdsPropChangeListener\"],[16,\"internalSortButtonClicked\",\"updateOptionsContent\"]]]]],[\"tds-header-launcher-list\",[[4,\"tds-header-launcher-list\"]]],[\"tds-header-launcher-list-item\",[[1,\"tds-header-launcher-list-item\"]]],[\"tds-inline-tabs\",[[1,\"tds-inline-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"tdsScrollLeftAriaLabel\":[1,\"tds-scroll-left-aria-label\"],\"tdsScrollRightAriaLabel\":[1,\"tds-scroll-right-aria-label\"],\"leftPadding\":[514,\"left-padding\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-message\",[[1,\"tds-message\",{\"header\":[1],\"modeVariant\":[1,\"mode-variant\"],\"variant\":[1],\"noIcon\":[4,\"no-icon\"],\"minimal\":[4],\"tdsAlertDialog\":[1,\"tds-alert-dialog\"],\"tdsAriaLabel\":[1,\"tds-aria-label\"]}]]],[\"tds-modal\",[[1,\"tds-modal\",{\"header\":[1],\"prevent\":[4],\"size\":[1],\"actionsPosition\":[1,\"actions-position\"],\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"closable\":[4],\"tdsAlertDialog\":[1,\"tds-alert-dialog\"],\"isShown\":[32],\"activeElementIndex\":[32],\"showModal\":[64],\"closeModal\":[64],\"initializeModal\":[64],\"cleanupModal\":[64]},[[10,\"keydown\",\"handleFocusTrap\"]]]]],[\"tds-navigation-tabs\",[[1,\"tds-navigation-tabs\",{\"modeVariant\":[1,\"mode-variant\"],\"defaultSelectedIndex\":[2,\"default-selected-index\"],\"selectedIndex\":[514,\"selected-index\"],\"leftPadding\":[514,\"left-padding\"],\"tdsScrollLeftAriaLabel\":[1,\"tds-scroll-left-aria-label\"],\"tdsScrollRightAriaLabel\":[1,\"tds-scroll-right-aria-label\"],\"showLeftScroll\":[32],\"showRightScroll\":[32],\"selectTab\":[64],\"reinitialize\":[64]},null,{\"selectedIndex\":[\"handleSelectedIndexUpdate\"]}]]],[\"tds-popover-menu\",[[6,\"tds-popover-menu\",{\"selector\":[1],\"referenceEl\":[16],\"show\":[4],\"defaultShow\":[4,\"default-show\"],\"placement\":[1],\"animation\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"fluidWidth\":[4,\"fluid-width\"],\"childRef\":[32],\"close\":[64]}]]],[\"tds-side-menu-close-button\",[[1,\"tds-side-menu-close-button\"]]],[\"tds-side-menu-collapse-button\",[[1,\"tds-side-menu-collapse-button\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-slider\",[[0,\"tds-slider\",{\"label\":[1],\"value\":[1025],\"min\":[1],\"max\":[1],\"ticks\":[1],\"showTickNumbers\":[4,\"show-tick-numbers\"],\"tooltip\":[4],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"controls\":[4],\"input\":[4],\"step\":[1],\"name\":[1],\"thumbSize\":[1,\"thumb-size\"],\"snap\":[4],\"sliderId\":[1,\"slider-id\"],\"reset\":[64]},[[0,\"keydown\",\"handleKeydown\"],[9,\"mouseup\",\"handleRelease\"],[9,\"touchend\",\"handleRelease\"],[9,\"mousemove\",\"handleMove\"],[9,\"touchmove\",\"handleMove\"]],{\"value\":[\"handleValueUpdate\"]}]]],[\"tds-step\",[[1,\"tds-step\",{\"index\":[1],\"state\":[1],\"hideLabels\":[32],\"size\":[32],\"orientation\":[32],\"labelPosition\":[32]},[[16,\"internalTdsPropsChange\",\"handlePropsChange\"]]]]],[\"tds-table-body-input-wrapper\",[[1,\"tds-table-body-input-wrapper\",{\"showIcon\":[4,\"show-icon\"],\"renderSlot\":[32],\"inputFocused\":[32],\"compactDesign\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-body-row\",[[1,\"tds-table-body-row\",{\"selected\":[516],\"disabled\":[516],\"clickable\":[516],\"multiselect\":[32],\"mainCheckBoxStatus\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-header\",[[1,\"tds-table-header\",{\"allSelected\":[1540,\"all-selected\"],\"selected\":[1540],\"disabled\":[1540],\"indeterminate\":[4],\"multiselect\":[32],\"expandableRows\":[32],\"mainCheckboxSelected\":[32],\"mainExpendSelected\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"enableToolbarDesign\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsRowExpanded\",\"internalTdsRowExpandedListener\"]]]]],[\"tds-table-header-input-wrapper\",[[1,\"tds-table-header-input-wrapper\",{\"showIcon\":[4,\"show-icon\"],\"compactDesign\":[4,\"compact-design\"],\"renderSlot\":[32],\"inputFocused\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-table-toolbar\",[[1,\"tds-table-toolbar\",{\"tableTitle\":[513,\"table-title\"],\"filter\":[516],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"whiteBackground\":[32],\"tableId\":[32],\"horizontalScrollWidth\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"]]]]],[\"tds-text-field\",[[6,\"tds-text-field\",{\"type\":[513],\"labelPosition\":[1,\"label-position\"],\"label\":[1],\"min\":[8],\"max\":[8],\"helper\":[1],\"placeholder\":[1],\"value\":[513],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"size\":[1],\"modeVariant\":[1,\"mode-variant\"],\"noMinWidth\":[4,\"no-min-width\"],\"name\":[1],\"state\":[1],\"maxLength\":[2,\"max-length\"],\"autofocus\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"focusInput\":[32],\"focusElement\":[64]}]]],[\"tds-toast\",[[1,\"tds-toast\",{\"toastId\":[1,\"toast-id\"],\"header\":[1],\"subheader\":[1],\"variant\":[1],\"hidden\":[516],\"closable\":[4],\"toastRole\":[1,\"toast-role\"],\"tdsCloseAriaLabel\":[1,\"tds-close-aria-label\"],\"tdsAriaLive\":[1,\"tds-aria-live\"],\"hideToast\":[64],\"showToast\":[64]}]]],[\"tds-accordion\",[[1,\"tds-accordion\",{\"modeVariant\":[1,\"mode-variant\"],\"hideLastBorder\":[4,\"hide-last-border\"]}]]],[\"tds-badge\",[[1,\"tds-badge\",{\"value\":[1],\"hidden\":[516],\"size\":[1],\"tdsAriaLive\":[1,\"tds-aria-live\"],\"tdsAriaLabel\":[32],\"shape\":[32],\"text\":[32]},null,{\"value\":[\"watchProps\"],\"size\":[\"watchProps\"]}]]],[\"tds-block\",[[1,\"tds-block\",{\"modeVariant\":[1,\"mode-variant\"],\"componentTag\":[1,\"component-tag\"]}]]],[\"tds-body-cell\",[[1,\"tds-body-cell\",{\"cellValue\":[520,\"cell-value\"],\"cellKey\":[520,\"cell-key\"],\"disablePadding\":[516,\"disable-padding\"],\"textAlign\":[513,\"text-align\"],\"textAlignState\":[32],\"activeSorting\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"tableId\":[32]},[[16,\"internalTdsPropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsHover\",\"internalTdsHoverListener\"],[16,\"internalTdsTextAlign\",\"internalTdsTextAlignListener\"]]]]],[\"tds-breadcrumb\",[[1,\"tds-breadcrumb\",{\"current\":[4]}]]],[\"tds-breadcrumbs\",[[1,\"tds-breadcrumbs\",{\"tdsAriaLabel\":[1,\"tds-aria-label\"]}]]],[\"tds-button\",[[6,\"tds-button\",{\"text\":[1],\"type\":[1],\"variant\":[1],\"size\":[1],\"disabled\":[4],\"fullbleed\":[4],\"modeVariant\":[1,\"mode-variant\"],\"animation\":[1],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"onlyIcon\":[32]}]]],[\"tds-chip\",[[6,\"tds-chip\",{\"type\":[1],\"size\":[1],\"chipId\":[1,\"chip-id\"],\"checked\":[1540],\"name\":[1],\"value\":[1],\"disabled\":[4],\"tdsAriaLabel\":[1,\"tds-aria-label\"]},[[16,\"internalRadioOnChange\",\"handleInternaRadioChange\"]]]]],[\"tds-folder-tab\",[[1,\"tds-folder-tab\",{\"disabled\":[4],\"selected\":[32],\"tabWidth\":[32],\"setTabWidth\":[64],\"setSelected\":[64]}]]],[\"tds-footer\",[[1,\"tds-footer\",{\"modeVariant\":[1,\"mode-variant\"]}]]],[\"tds-footer-item\",[[1,\"tds-footer-item\"]]],[\"tds-header\",[[4,\"tds-header\"]]],[\"tds-header-dropdown-list-user\",[[1,\"tds-header-dropdown-list-user\",{\"imgUrl\":[1,\"img-url\"],\"imgAlt\":[1,\"img-alt\"],\"header\":[1],\"subheader\":[1]}]]],[\"tds-header-launcher-grid\",[[4,\"tds-header-launcher-grid\",{\"headingElement\":[32]}]]],[\"tds-header-launcher-grid-item\",[[1,\"tds-header-launcher-grid-item\"]]],[\"tds-header-launcher-grid-title\",[[4,\"tds-header-launcher-grid-title\"]]],[\"tds-header-launcher-list-title\",[[4,\"tds-header-launcher-list-title\"]]],[\"tds-header-title\",[[1,\"tds-header-title\"]]],[\"tds-inline-tab\",[[1,\"tds-inline-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-link\",[[1,\"tds-link\",{\"disabled\":[4],\"underline\":[4],\"standalone\":[4]}]]],[\"tds-navigation-tab\",[[1,\"tds-navigation-tab\",{\"disabled\":[4],\"selected\":[32],\"setSelected\":[64]}]]],[\"tds-popover-menu-item\",[[1,\"tds-popover-menu-item\",{\"disabled\":[4]}]]],[\"tds-radio-button\",[[6,\"tds-radio-button\",{\"name\":[1],\"value\":[1],\"radioId\":[1,\"radio-id\"],\"checked\":[516],\"required\":[4],\"disabled\":[4]}]]],[\"tds-side-menu\",[[1,\"tds-side-menu\",{\"open\":[4],\"persistent\":[4],\"collapsed\":[1028],\"isUpperSlotEmpty\":[32],\"isCollapsed\":[32],\"initialCollapsedState\":[32]},[[16,\"internalTdsCollapse\",\"collapsedSideMenuEventHandler\"]],{\"collapsed\":[\"onCollapsedChange\"]}]]],[\"tds-side-menu-dropdown-list\",[[1,\"tds-side-menu-dropdown-list\",{\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapsedSideMenuEventHandler\"]]]]],[\"tds-side-menu-dropdown-list-item\",[[1,\"tds-side-menu-dropdown-list-item\",{\"selected\":[4],\"dropdownHasIcon\":[32],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-side-menu-overlay\",[[1,\"tds-side-menu-overlay\"]]],[\"tds-spinner\",[[0,\"tds-spinner\",{\"size\":[1],\"variant\":[1]}]]],[\"tds-stepper\",[[1,\"tds-stepper\",{\"orientation\":[1],\"labelPosition\":[1,\"label-position\"],\"size\":[1],\"hideLabels\":[4,\"hide-labels\"],\"stepperId\":[1,\"stepper-id\"]},null,{\"orientation\":[\"handleDirectionChange\"],\"labelPosition\":[\"handleLabelPositionChange\"],\"size\":[\"handleSizeChange\"],\"hideLabels\":[\"handleHideLabelsChange\"]}]]],[\"tds-table\",[[1,\"tds-table\",{\"verticalDividers\":[516,\"vertical-dividers\"],\"compactDesign\":[516,\"compact-design\"],\"noMinWidth\":[516,\"no-min-width\"],\"multiselect\":[516],\"expandableRows\":[516,\"expandable-rows\"],\"responsive\":[516],\"modeVariant\":[513,\"mode-variant\"],\"zebraMode\":[513,\"zebra-mode\"],\"horizontalScrollWidth\":[1,\"horizontal-scroll-width\"],\"tableId\":[1,\"table-id\"],\"enableHorizontalScrollToolbarDesign\":[32],\"enableHorizontalScrollFooterDesign\":[32],\"getSelectedRows\":[64]},null,{\"multiselect\":[\"multiselectChanged\"],\"expandableRows\":[\"enableExpandableRowsChanged\"],\"compactDesign\":[\"compactDesignChanged\"],\"verticalDividers\":[\"verticalDividersChanged\"],\"noMinWidth\":[\"noMinWidthChanged\"],\"zebraMode\":[\"zebraModeChanged\"],\"modeVariant\":[\"modeVariantChanged\"],\"horizontalScrollWidth\":[\"widthChanged\"]}]]],[\"tds-table-body\",[[4,\"tds-table-body\",{\"multiselect\":[32],\"enablePaginationTableBody\":[32],\"expandableRows\":[32],\"multiselectArray\":[32],\"multiselectArrayJSON\":[32],\"mainCheckboxStatus\":[32],\"columnsNumber\":[32],\"zebraMode\":[32],\"tableId\":[32]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"internalTdsRowChange\",\"bodyCheckboxListener\"]]]]],[\"tds-table-body-row-expandable\",[[1,\"tds-table-body-row-expandable\",{\"colSpan\":[2,\"col-span\"],\"rowId\":[513,\"row-id\"],\"expanded\":[516],\"overflow\":[513],\"autoCollapse\":[4,\"auto-collapse\"],\"isExpanded\":[32],\"tableId\":[32],\"columnsNumber\":[32],\"verticalDividers\":[32],\"compactDesign\":[32],\"noMinWidth\":[32],\"modeVariant\":[32],\"expand\":[64],\"collapse\":[64]},[[16,\"internalTdsTablePropChange\",\"internalTdsPropChangeListener\"],[16,\"tdsChange\",\"handleRowExpand\"]],{\"expanded\":[\"watchExpanded\"]}]]],[\"tds-toggle\",[[6,\"tds-toggle\",{\"checked\":[516],\"required\":[4],\"size\":[1],\"name\":[1],\"headline\":[1],\"disabled\":[4],\"toggleId\":[1,\"toggle-id\"],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"toggle\":[64]}]]],[\"tds-header-launcher-button\",[[1,\"tds-header-launcher-button\",{\"active\":[4]}]]],[\"tds-tooltip\",[[6,\"tds-tooltip\",{\"text\":[1],\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"mouseOverTooltip\":[4,\"mouse-over-tooltip\"],\"trigger\":[1],\"show\":[1028],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"tdsAriaDescribedby\":[1,\"tds-aria-describedby\"]},[[8,\"keydown\",\"handleKeyDown\"]]]]],[\"tds-divider\",[[1,\"tds-divider\",{\"orientation\":[1]}]]],[\"tds-header-dropdown-list\",[[1,\"tds-header-dropdown-list\",{\"size\":[513],\"headingElement\":[32]}]]],[\"tds-header-dropdown-list-item\",[[1,\"tds-header-dropdown-list-item\",{\"selected\":[4],\"size\":[513]}]]],[\"tds-checkbox\",[[6,\"tds-checkbox\",{\"name\":[1],\"checkboxId\":[1,\"checkbox-id\"],\"disabled\":[4],\"required\":[4],\"checked\":[1540],\"indeterminate\":[1028],\"value\":[1],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"tdsAriaDescribedby\":[1,\"tds-aria-describedby\"],\"toggleCheckbox\":[64]},[[4,\"reset\",\"handleFormReset\"]],{\"indeterminate\":[\"handleIndeterminateState\"]}]]],[\"tds-dropdown_2\",[[17,\"tds-dropdown-option\",{\"value\":[8],\"disabled\":[4],\"internalValue\":[32],\"selected\":[32],\"multiselect\":[32],\"size\":[32],\"setSelected\":[64]},null,{\"value\":[\"valueWatcher\"]}],[1,\"tds-dropdown\",{\"name\":[1],\"disabled\":[4],\"helper\":[1],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"modeVariant\":[1,\"mode-variant\"],\"openDirection\":[1,\"open-direction\"],\"placeholder\":[1],\"size\":[1],\"animation\":[1],\"error\":[4],\"multiselect\":[4],\"filter\":[4],\"normalizeText\":[4,\"normalize-text\"],\"noResultText\":[1,\"no-result-text\"],\"defaultValue\":[8,\"default-value\"],\"value\":[1032],\"tdsAriaLabel\":[1,\"tds-aria-label\"],\"open\":[32],\"internalValue\":[32],\"filterResult\":[32],\"filterFocus\":[32],\"internalDefaultValue\":[32],\"selectedOptions\":[32],\"setValue\":[64],\"reset\":[64],\"removeValue\":[64],\"focusElement\":[64],\"close\":[64],\"appendValue\":[64]},[[9,\"mousedown\",\"onAnyClick\"],[0,\"keydown\",\"onKeyDown\"]],{\"value\":[\"handleValueChange\"],\"open\":[\"handleOpenState\"],\"defaultValue\":[\"handleDefaultValueChange\"]}]]],[\"tds-popover-core\",[[6,\"tds-popover-core\",{\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"animation\":[1],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"offsetDistance\":[2,\"offset-distance\"],\"modifiers\":[16],\"trigger\":[1],\"autoHide\":[4,\"auto-hide\"],\"renderedShowValue\":[32],\"popperInstance\":[32],\"target\":[32],\"isShown\":[32],\"disableLogic\":[32],\"hasShownAtLeastOnce\":[32],\"close\":[64]},[[8,\"click\",\"onAnyClick\"],[8,\"internalTdsShow\",\"onTdsShow\"]],{\"show\":[\"onShowChange\"],\"referenceEl\":[\"onReferenceElChanged\"],\"trigger\":[\"onTriggerChanged\"]}]]],[\"tds-popover-canvas\",[[6,\"tds-popover-canvas\",{\"selector\":[1],\"referenceEl\":[16],\"defaultShow\":[4,\"default-show\"],\"show\":[4],\"placement\":[1],\"offsetSkidding\":[2,\"offset-skidding\"],\"animation\":[1],\"offsetDistance\":[2,\"offset-distance\"],\"modifiers\":[16],\"childRef\":[32],\"close\":[64]}]]],[\"tds-side-menu-user-image_2\",[[1,\"tds-side-menu-user-image\",{\"src\":[1],\"alt\":[1]}],[1,\"tds-side-menu-user-label\",{\"heading\":[1],\"subheading\":[1]}]]],[\"tds-side-menu-item\",[[1,\"tds-side-menu-item\",{\"selected\":[4],\"active\":[4],\"collapsed\":[32]},[[16,\"internalTdsSideMenuPropChange\",\"collapseSideMenuEventHandler\"]]]]],[\"tds-core-header-item_2\",[[1,\"tds-header-item\",{\"active\":[4],\"selected\":[4]}],[1,\"tds-core-header-item\"]]],[\"tds-icon\",[[1,\"tds-icon\",{\"name\":[513],\"size\":[513],\"svgTitle\":[1,\"svg-title\"],\"svgDescription\":[1,\"svg-description\"],\"icons_object\":[32],\"arrayOfIcons\":[32]}]]]]"), options);
20
20
  });
package/dist/tegel/p-0f2c9507.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as t,h as e,H as o,g as d}from"./p-2049fab2.js";const s=class{constructor(e){t(this,e),this.disabled=!1,this.selected=!1,this.tabWidth=void 0}async setTabWidth(t){this.tabWidth=t}async setSelected(t){this.selected=t}connectedCallback(){const t=this.host.querySelectorAll("button, a");for(let e=0;e<t.length;e++){const o=t[e];o.getAttribute("aria-controls")||console.warn("Tegel folder-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==o.getAttribute("role")&&console.warn('Tegel folder-tab component: Interactive elements should have attribute role="tab"'),this.disabled?o.setAttribute("aria-disabled","true"):o.removeAttribute("aria-disabled")}}render(){return e(o,{key:"9290c4ab2f7d051bba9fec4dad9a7d07790ed5b7","aria-selected":this.selected},e("div",{key:"36225101c510f2d77282fd600c4ee00085791109",class:{selected:this.selected,disabled:this.disabled},style:{width:`${this.tabWidth}px`}},e("slot",{key:"05954c498b9fbd6a2a1231d84bf2657a0616db36"})))}get host(){return d(this)}};s.style=':host{box-sizing:border-box;position:relative}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;min-width:142px;display:block;width:calc(100% - 32px);font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;cursor:pointer;padding:16px;white-space:nowrap;text-decoration:none;text-align:left;outline:none;border:none;border-left:1px solid;border-left-color:transparent}:host ::slotted(*:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host div:not(.selected){background-color:var(--tds-folder-tab-background)}:host div:not(.selected) ::slotted(*){border-left-color:var(--tds-folder-tab-divider-color);border-top:2px solid var(--tds-folder-tab-background);color:var(--tds-folder-tab-item-color)}:host div:not(.selected):hover:not(.disabled){background-color:var(--tds-folder-tab-background-hover);cursor:pointer}:host div:not(.selected):hover:not(.disabled) ::slotted(*){border-top-color:var(--tds-folder-tab-background-hover);color:var(--tds-folder-tab-color)}:host div:not(.selected).disabled ::slotted(*){color:var(--tds-folder-tab-item-color-disabled)}:host div:not(.selected).disabled ::slotted(*:focus-visible){outline:none}:host div:not(.selected).disabled ::slotted(*:hover){cursor:not-allowed}:host div:not(.selected).disabled ::slotted(*::after){content:none}:host .selected{background-color:var(--tds-folder-tab-background-selected);border-top:2px solid var(--tds-folder-tab-border-selected)}:host .selected::after{content:" ";background-color:var(--tds-folder-tab-background-selected);width:1px;top:0;bottom:0;right:-1px;display:block;position:absolute;z-index:1}:host .selected ::slotted(*){color:var(--tds-folder-tab-color)}:host(.first) :not(.selected) ::slotted(*){border-left-color:transparent}';export{s as tds_folder_tab}
package/dist/tegel/p-125a6b06.entry.js ADDED
@@ -0,0 +1 @@
1
+ import{r as t,c as d,h as s,H as o,g as a}from"./p-2049fab2.js";import{h as i}from"./p-ae110fc2.js";import{g as e}from"./p-11648030.js";const l=class{constructor(s){t(this,s),this.tdsClose=d(this,"tdsClose",7),this.handleClose=t=>{const d=this.tdsClose.emit(t);this.returnFocusOnClose(),d.defaultPrevented||(this.isShown=!1)},this.handleShow=()=>{this.isShown=!0},this.handleOverlayClick=t=>{const d=t.composedPath()[0];("tds-modal-close"===d.classList[0]||"tds-modal-backdrop"===d.classList[0]&&!1===this.prevent)&&this.handleClose(t)},this.handleReferenceElementClick=t=>{this.isShown?this.handleClose(t):this.handleShow()},this.setShowButton=()=>{var t;if(this.selector||this.referenceEl){const d=null!==(t=this.referenceEl)&&void 0!==t?t:document.querySelector(this.selector);d&&this.initializeReferenceElement(d)}},this.initializeReferenceElement=t=>{t&&t.addEventListener("click",this.handleReferenceElementClick)},this.header=void 0,this.prevent=!1,this.size="md",this.actionsPosition="static",this.selector=void 0,this.referenceEl=void 0,this.show=void 0,this.closable=!0,this.tdsAlertDialog="dialog",this.isShown=!1,this.activeElementIndex=0}async showModal(){this.isShown=!0,requestAnimationFrame((()=>{const t=this.getFocusableElements();t.length>0&&(t[0].focus(),this.activeElementIndex=0)}))}async closeModal(){this.isShown=!1,this.returnFocusOnClose()}connectedCallback(){void 0===this.closable&&(this.closable=!0),void 0!==this.show&&(this.isShown=this.show),this.initializeModal(),this.header&&i("header",this.host)&&console.warn("Tegel Modal component: Using both header prop and header slot might break modal's design. Please use just one of them. ")}componentWillLoad(){this.initializeModal()}disconnectedCallback(){this.cleanupModal()}async initializeModal(){this.setDismissButtons(),this.setShowButton()}async cleanupModal(){var t;if(this.selector||this.referenceEl){const d=null!==(t=this.referenceEl)&&void 0!==t?t:document.querySelector(this.selector);d&&d.removeEventListener("click",this.handleReferenceElementClick)}this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.removeEventListener("click",this.handleClose)}))}returnFocusOnClose(){var t;let d=null!==(t=this.referenceEl)&&void 0!==t?t:document.querySelector(this.selector);const s=["BUTTON","A","INPUT"];s.indexOf(d.tagName)<0&&(d=d.querySelectorAll(s.join(","))[0]),d.focus()}getFocusableElements(){const t=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(",");return[...Array.from(this.host.shadowRoot.querySelectorAll(t)),...Array.from(this.host.querySelectorAll(t))]}handleFocusTrap(t){if("Escape"===t.key&&this.isShown&&!this.prevent)return void this.handleClose(t);if(!this.isShown)return;if("Tab"!==t.key)return;const d=this.getFocusableElements();0!==d.length&&(t.preventDefault(),t.shiftKey&&(this.activeElementIndex-=1,-1===this.activeElementIndex&&(this.activeElementIndex=d.length-1)),t.shiftKey||(this.activeElementIndex+=1,this.activeElementIndex===d.length&&(this.activeElementIndex=0)),d[this.activeElementIndex].focus())}setDismissButtons(){this.host.querySelectorAll("[data-dismiss-modal]").forEach((t=>{t.addEventListener("click",this.handleClose)}))}render(){const t=i("header",this.host),d=i("actions",this.host),a=this.header?`tds-modal-header-${e()}`:void 0,l=`tds-modal-body-${e()}`;return s(o,{key:"398809ea45126dd70b95422f2f7a08a481a22d53",role:this.tdsAlertDialog,"aria-modal":"true","aria-describedby":l,"aria-labelledby":a,class:{show:this.isShown,hide:!this.isShown},onClick:t=>this.handleOverlayClick(t)},s("div",{key:"96e964cc4f3c6d9613fb53e340e0aa5dcd8b6d81",class:"tds-modal-backdrop"}),s("div",{key:"af7ddc896ef35b6116ae70524d10c4b7b952e20a",class:`tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}`},s("div",{key:"9dfcf95fcc8925cd5c97f10f29edc6cef183a0ca",id:a,class:"header"},this.header&&s("div",{key:"42533c25b07e696a0c61504556150018f8d3583a",class:"header-text"},this.header),t&&s("slot",{key:"d9855a20e1763ad17d6c8b80df85796d8f6027a8",name:"header"}),this.closable&&s("button",{key:"3e99b76da7bcf39eaecbe2906e0674fd20ebe9a6",class:"tds-modal-close","aria-label":"close",onClick:t=>this.handleClose(t)},s("tds-icon",{key:"f6463437fb98ae280afe358d50a2f960914014ea",name:"cross",size:"20px"}))),s("div",{key:"ba8ca2e65f5eac8103e6f3c431e3ae9aab2b5f72",id:l,class:"body"},s("slot",{key:"9e08cbdd00e1a60826588b15cb6ed23fc4b5b0d7",name:"body"})),d&&s("slot",{key:"aeb50dfcbf6c12e80a8904d149bb15892c691d88",name:"actions"})))}get host(){return a(this)}};l.style=".tds-modal{box-sizing:border-box;background-color:var(--tds-modal-background);margin:auto;position:relative;border-radius:4px;max-height:85vh;overflow-y:auto;pointer-events:auto;}.tds-modal *{box-sizing:border-box}.tds-modal::-webkit-scrollbar{width:5px;background-color:var(--tds-grey-300);border-radius:0 1em 1em 0}.tds-modal::-webkit-scrollbar-track{background-color:var(--tds-grey-300);border-radius:0 1em 1em 0}.tds-modal::-webkit-scrollbar-thumb{background-color:var(--tds-grey-500);border-radius:0 1em 1em 0}.tds-modal__actions-sticky{overflow:hidden;display:flex;flex-direction:column}.tds-modal__actions-sticky .body{font:var(--tds-body-01);letter-spacing:var(--tds-body-01-ls);max-height:calc(85vh - 36px);overflow-y:auto}.tds-modal__actions-sticky slot[name=actions]{bottom:-1px;left:0;right:0;background-color:var(--tds-modal-background);padding:var(--tds-spacing-element-24) var(--tds-spacing-element-16) var(--tds-spacing-element-16);display:flex;gap:16px}.tds-modal__actions-static slot[name=actions]{background-color:var(--tds-modal-background);display:flex;gap:16px;padding:24px 16px 16px}@media (min-width: 320px){.tds-modal-xs{width:100%}.tds-modal-sm{width:100%}.tds-modal-md{width:100%}.tds-modal-lg{width:100%}}@media (min-width: 672px){.tds-modal-xs{width:50%}.tds-modal-sm{width:62.5%}.tds-modal-md{width:75%}.tds-modal-lg{width:100%}}@media (min-width: 1056px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:43.75%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1312px){.tds-modal-xs{width:31.25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:62.5%}.tds-modal-lg{width:75%}}@media (min-width: 1584px){.tds-modal-xs{width:25%}.tds-modal-sm{width:37.5%}.tds-modal-md{width:50%}.tds-modal-lg{width:75%}}@media (max-width: 320px){.tds-modal-md,.tds-modal-lg,.tds-modal-sm{height:100%}.tds-modal-md slot[name=actions]::slotted(*),.tds-modal-lg slot[name=actions]::slotted(*),.tds-modal-sm slot[name=actions]::slotted(*){display:flex}}.header{display:flex;padding:var(--tds-spacing-element-16);position:sticky;top:0;background-color:var(--tds-modal-background);z-index:1}.header,slot[name=header]::slotted(*){color:var(--tds-modal-text);font:var(--tds-headline-05) !important;letter-spacing:var(--tds-headline-05-ls) !important;margin:0;flex:1}.body{color:var(--tds-modal-text);font:var(--tds-body-01);letter-spacing:var(--tds-body-01-ls);overflow-y:visible;padding:0 var(--tds-spacing-element-16) var(--tds-spacing-element-16);}.body::-webkit-scrollbar{width:5px;background-color:var(--tds-grey-300)}.body::-webkit-scrollbar-track{background-color:var(--tds-grey-300)}.body::-webkit-scrollbar-thumb{background-color:var(--tds-grey-500)}.tds-modal-backdrop{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--tds-modal-backdrop);pointer-events:auto}.tds-modal-backdrop *{box-sizing:border-box}button.tds-modal-close{margin:0 0 auto auto;background-color:transparent;border:0;padding:0;appearance:unset}.tds-modal-close{display:inline-block;height:auto;color:var(--tds-modal-icon);cursor:pointer}.tds-modal-close:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}@media (min-width: 320px){.tds-modal-close{margin-left:var(--tds-spacing-element-16)}}@media (min-width: 1056px){.tds-modal-close{margin-left:var(--tds-spacing-element-48)}}.tds-modal-close-btn{display:inline-block;height:auto;background-repeat:no-repeat;cursor:pointer}@media (min-width: 320px){.tds-modal-close-btn{margin-left:var(--tds-spacing-element-16)}}@media (min-width: 1056px){.tds-modal-close-btn{margin-left:var(--tds-spacing-element-48)}}.tds-modal-close-btn svg{fill:var(--tds-modal-icon)}.tds-modal-overflow{overflow:hidden}:host{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;padding:0 16px;z-index:700;pointer-events:none}:host *{box-sizing:border-box}:host .tds-modal-close{border:none;background-color:transparent}:host .tds-modal-close-btn{border:none;background-color:transparent}@media (max-width: 320px){:host{padding:0}}:host.show{display:flex}:host.hide{display:none}:host(.show){display:flex}:host(.hide){display:none}";export{l as tds_modal}