@six-group/ui-library 4.2.4 → 4.2.6

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/loader.cjs.js +1 -1
  2. package/dist/cjs/six-avatar.cjs.entry.js +1 -1
  3. package/dist/cjs/six-badge.cjs.entry.js +2 -2
  4. package/dist/cjs/six-button.cjs.entry.js +2 -2
  5. package/dist/cjs/six-card.cjs.entry.js +1 -1
  6. package/dist/cjs/six-checkbox_2.cjs.entry.js +2 -2
  7. package/dist/cjs/six-details.cjs.entry.js +3 -3
  8. package/dist/cjs/six-dialog.cjs.entry.js +2 -2
  9. package/dist/cjs/six-drawer.cjs.entry.js +2 -2
  10. package/dist/cjs/six-dropdown_2.cjs.entry.js +13 -4
  11. package/dist/cjs/six-dropdown_2.cjs.entry.js.map +1 -1
  12. package/dist/cjs/six-error-page.cjs.entry.js +1 -1
  13. package/dist/cjs/six-error.cjs.entry.js +1 -1
  14. package/dist/cjs/six-file-list.cjs.entry.js +1 -1
  15. package/dist/cjs/six-file-upload.cjs.entry.js +4 -6
  16. package/dist/cjs/six-file-upload.cjs.entry.js.map +1 -1
  17. package/dist/cjs/six-footer.cjs.entry.js +1 -1
  18. package/dist/cjs/six-group-label.cjs.entry.js +1 -1
  19. package/dist/cjs/six-icon-button.cjs.entry.js +3 -3
  20. package/dist/cjs/six-icon.cjs.entry.js +2 -2
  21. package/dist/cjs/six-input.cjs.entry.js +13 -4
  22. package/dist/cjs/six-input.cjs.entry.js.map +1 -1
  23. package/dist/cjs/six-language-switcher.cjs.entry.js +1 -1
  24. package/dist/cjs/six-search-field.cjs.entry.js +1 -1
  25. package/dist/cjs/six-select.cjs.entry.js +29 -12
  26. package/dist/cjs/six-select.cjs.entry.js.map +1 -1
  27. package/dist/cjs/six-tab-group.cjs.entry.js +2 -2
  28. package/dist/cjs/six-textarea.cjs.entry.js +1 -1
  29. package/dist/cjs/six-textarea.cjs.entry.js.map +1 -1
  30. package/dist/cjs/ui-library.cjs.js +1 -1
  31. package/dist/collection/collection-manifest.json +1 -1
  32. package/dist/collection/components/six-avatar/six-avatar.js +1 -1
  33. package/dist/collection/components/six-badge/six-badge.js +2 -2
  34. package/dist/collection/components/six-button/six-button.js +2 -2
  35. package/dist/collection/components/six-card/six-card.js +1 -1
  36. package/dist/collection/components/six-checkbox/six-checkbox.js +2 -2
  37. package/dist/collection/components/six-details/six-details.js +3 -3
  38. package/dist/collection/components/six-dialog/six-dialog.js +2 -2
  39. package/dist/collection/components/six-drawer/six-drawer.js +2 -2
  40. package/dist/collection/components/six-error/six-error.js +1 -1
  41. package/dist/collection/components/six-error-page/six-error-page.js +1 -1
  42. package/dist/collection/components/six-file-list/six-file-list.js +1 -1
  43. package/dist/collection/components/six-file-upload/six-file-upload.js +4 -6
  44. package/dist/collection/components/six-file-upload/six-file-upload.js.map +1 -1
  45. package/dist/collection/components/six-footer/six-footer.js +1 -1
  46. package/dist/collection/components/six-group-label/six-group-label.js +1 -1
  47. package/dist/collection/components/six-icon/six-icon.js +2 -2
  48. package/dist/collection/components/six-icon-button/six-icon-button.js +3 -3
  49. package/dist/collection/components/six-input/six-input.css +1 -0
  50. package/dist/collection/components/six-input/six-input.js +40 -4
  51. package/dist/collection/components/six-input/six-input.js.map +1 -1
  52. package/dist/collection/components/six-language-switcher/six-language-switcher.js +1 -1
  53. package/dist/collection/components/six-menu/six-menu.js +13 -4
  54. package/dist/collection/components/six-menu/six-menu.js.map +1 -1
  55. package/dist/collection/components/six-menu/test/six-menu.spec.js +1 -1
  56. package/dist/collection/components/six-menu/test/six-menu.spec.js.map +1 -1
  57. package/dist/collection/components/six-search-field/six-search-field.js +1 -1
  58. package/dist/collection/components/six-select/six-select.js +29 -12
  59. package/dist/collection/components/six-select/six-select.js.map +1 -1
  60. package/dist/collection/components/six-tab-group/six-tab-group.js +2 -2
  61. package/dist/collection/components/six-textarea/six-textarea.css +5 -0
  62. package/dist/components/six-avatar.js +1 -1
  63. package/dist/components/six-badge.js +2 -2
  64. package/dist/components/six-button2.js +2 -2
  65. package/dist/components/six-card.js +1 -1
  66. package/dist/components/six-checkbox2.js +2 -2
  67. package/dist/components/six-details2.js +3 -3
  68. package/dist/components/six-dialog.js +2 -2
  69. package/dist/components/six-drawer.js +2 -2
  70. package/dist/components/six-error-page.js +1 -1
  71. package/dist/components/six-error2.js +1 -1
  72. package/dist/components/six-file-list.js +1 -1
  73. package/dist/components/six-file-upload.js +4 -6
  74. package/dist/components/six-file-upload.js.map +1 -1
  75. package/dist/components/six-footer.js +1 -1
  76. package/dist/components/six-group-label.js +1 -1
  77. package/dist/components/six-icon-button2.js +3 -3
  78. package/dist/components/six-icon2.js +2 -2
  79. package/dist/components/six-input2.js +14 -4
  80. package/dist/components/six-input2.js.map +1 -1
  81. package/dist/components/six-language-switcher.js +1 -1
  82. package/dist/components/six-menu2.js +13 -4
  83. package/dist/components/six-menu2.js.map +1 -1
  84. package/dist/components/six-search-field.js +1 -1
  85. package/dist/components/six-select.js +29 -12
  86. package/dist/components/six-select.js.map +1 -1
  87. package/dist/components/six-tab-group.js +2 -2
  88. package/dist/components/six-textarea.js +1 -1
  89. package/dist/components/six-textarea.js.map +1 -1
  90. package/dist/components.json +52 -4
  91. package/dist/esm/loader.js +1 -1
  92. package/dist/esm/six-avatar.entry.js +1 -1
  93. package/dist/esm/six-badge.entry.js +2 -2
  94. package/dist/esm/six-button.entry.js +2 -2
  95. package/dist/esm/six-card.entry.js +1 -1
  96. package/dist/esm/six-checkbox_2.entry.js +2 -2
  97. package/dist/esm/six-details.entry.js +3 -3
  98. package/dist/esm/six-dialog.entry.js +2 -2
  99. package/dist/esm/six-drawer.entry.js +2 -2
  100. package/dist/esm/six-dropdown_2.entry.js +13 -4
  101. package/dist/esm/six-dropdown_2.entry.js.map +1 -1
  102. package/dist/esm/six-error-page.entry.js +1 -1
  103. package/dist/esm/six-error.entry.js +1 -1
  104. package/dist/esm/six-file-list.entry.js +1 -1
  105. package/dist/esm/six-file-upload.entry.js +4 -6
  106. package/dist/esm/six-file-upload.entry.js.map +1 -1
  107. package/dist/esm/six-footer.entry.js +1 -1
  108. package/dist/esm/six-group-label.entry.js +1 -1
  109. package/dist/esm/six-icon-button.entry.js +3 -3
  110. package/dist/esm/six-icon.entry.js +2 -2
  111. package/dist/esm/six-input.entry.js +13 -4
  112. package/dist/esm/six-input.entry.js.map +1 -1
  113. package/dist/esm/six-language-switcher.entry.js +1 -1
  114. package/dist/esm/six-search-field.entry.js +1 -1
  115. package/dist/esm/six-select.entry.js +29 -12
  116. package/dist/esm/six-select.entry.js.map +1 -1
  117. package/dist/esm/six-tab-group.entry.js +2 -2
  118. package/dist/esm/six-textarea.entry.js +1 -1
  119. package/dist/esm/six-textarea.entry.js.map +1 -1
  120. package/dist/esm/ui-library.js +1 -1
  121. package/dist/types/components/six-input/six-input.d.ts +9 -1
  122. package/dist/types/components/six-menu/six-menu.d.ts +1 -1
  123. package/dist/types/components.d.ts +7 -1
  124. package/dist/ui-library/p-037afc74.entry.js +2 -0
  125. package/dist/ui-library/p-037afc74.entry.js.map +1 -0
  126. package/dist/ui-library/{p-82bd8781.entry.js → p-0c129b61.entry.js} +2 -2
  127. package/dist/ui-library/p-11344bb8.entry.js +2 -0
  128. package/dist/ui-library/p-1adc26f2.entry.js +2 -0
  129. package/dist/ui-library/p-1adc26f2.entry.js.map +1 -0
  130. package/dist/ui-library/p-347e568f.entry.js +2 -0
  131. package/dist/ui-library/p-36d5f98a.entry.js +2 -0
  132. package/dist/ui-library/{p-c1d68730.entry.js → p-37433242.entry.js} +2 -2
  133. package/dist/ui-library/{p-a8863197.entry.js → p-416b0439.entry.js} +2 -2
  134. package/dist/ui-library/p-45b0748e.entry.js +2 -0
  135. package/dist/ui-library/p-45b0748e.entry.js.map +1 -0
  136. package/dist/ui-library/p-47c84904.entry.js +2 -0
  137. package/dist/ui-library/p-47c84904.entry.js.map +1 -0
  138. package/dist/ui-library/{p-03d1b956.entry.js → p-4bc7bbdb.entry.js} +2 -2
  139. package/dist/ui-library/{p-b4bc4915.entry.js → p-63ee5e7e.entry.js} +2 -2
  140. package/dist/ui-library/{p-7561b336.entry.js → p-6b40c40c.entry.js} +2 -2
  141. package/dist/ui-library/p-6b40c40c.entry.js.map +1 -0
  142. package/dist/ui-library/{p-39ff5f61.entry.js → p-7bdd1116.entry.js} +2 -2
  143. package/dist/ui-library/{p-c35a7cef.entry.js → p-99f6fe01.entry.js} +2 -2
  144. package/dist/ui-library/{p-9bc1639b.entry.js → p-b335ed9c.entry.js} +2 -2
  145. package/dist/ui-library/{p-19560508.entry.js → p-b7c68f74.entry.js} +2 -2
  146. package/dist/ui-library/{p-45003bae.entry.js → p-d1a2f84b.entry.js} +2 -2
  147. package/dist/ui-library/{p-d07b549f.entry.js → p-d88b9c16.entry.js} +2 -2
  148. package/dist/ui-library/{p-3603dd96.entry.js → p-d9586999.entry.js} +2 -2
  149. package/dist/ui-library/{p-8fb96142.entry.js → p-e14d78e9.entry.js} +2 -2
  150. package/dist/ui-library/{p-6888b9ee.entry.js → p-e9b8ad98.entry.js} +2 -2
  151. package/dist/ui-library/{p-ac00076d.entry.js → p-ebbe9bdc.entry.js} +2 -2
  152. package/dist/ui-library/ui-library.esm.js +1 -1
  153. package/dist/ui-library/ui-library.esm.js.map +1 -1
  154. package/package.json +1 -1
  155. package/dist/ui-library/p-060069d4.entry.js +0 -2
  156. package/dist/ui-library/p-060069d4.entry.js.map +0 -1
  157. package/dist/ui-library/p-2c25cb61.entry.js +0 -2
  158. package/dist/ui-library/p-2c25cb61.entry.js.map +0 -1
  159. package/dist/ui-library/p-7561b336.entry.js.map +0 -1
  160. package/dist/ui-library/p-785810fa.entry.js +0 -2
  161. package/dist/ui-library/p-785810fa.entry.js.map +0 -1
  162. package/dist/ui-library/p-89db9a8b.entry.js +0 -2
  163. package/dist/ui-library/p-a7e2f511.entry.js +0 -2
  164. package/dist/ui-library/p-a7e2f511.entry.js.map +0 -1
  165. package/dist/ui-library/p-ab921403.entry.js +0 -2
  166. package/dist/ui-library/p-fe37dadf.entry.js +0 -2
  167. /package/dist/ui-library/{p-82bd8781.entry.js.map → p-0c129b61.entry.js.map} +0 -0
  168. /package/dist/ui-library/{p-fe37dadf.entry.js.map → p-11344bb8.entry.js.map} +0 -0
  169. /package/dist/ui-library/{p-89db9a8b.entry.js.map → p-347e568f.entry.js.map} +0 -0
  170. /package/dist/ui-library/{p-ab921403.entry.js.map → p-36d5f98a.entry.js.map} +0 -0
  171. /package/dist/ui-library/{p-c1d68730.entry.js.map → p-37433242.entry.js.map} +0 -0
  172. /package/dist/ui-library/{p-a8863197.entry.js.map → p-416b0439.entry.js.map} +0 -0
  173. /package/dist/ui-library/{p-03d1b956.entry.js.map → p-4bc7bbdb.entry.js.map} +0 -0
  174. /package/dist/ui-library/{p-b4bc4915.entry.js.map → p-63ee5e7e.entry.js.map} +0 -0
  175. /package/dist/ui-library/{p-39ff5f61.entry.js.map → p-7bdd1116.entry.js.map} +0 -0
  176. /package/dist/ui-library/{p-c35a7cef.entry.js.map → p-99f6fe01.entry.js.map} +0 -0
  177. /package/dist/ui-library/{p-9bc1639b.entry.js.map → p-b335ed9c.entry.js.map} +0 -0
  178. /package/dist/ui-library/{p-19560508.entry.js.map → p-b7c68f74.entry.js.map} +0 -0
  179. /package/dist/ui-library/{p-45003bae.entry.js.map → p-d1a2f84b.entry.js.map} +0 -0
  180. /package/dist/ui-library/{p-d07b549f.entry.js.map → p-d88b9c16.entry.js.map} +0 -0
  181. /package/dist/ui-library/{p-3603dd96.entry.js.map → p-d9586999.entry.js.map} +0 -0
  182. /package/dist/ui-library/{p-8fb96142.entry.js.map → p-e14d78e9.entry.js.map} +0 -0
  183. /package/dist/ui-library/{p-6888b9ee.entry.js.map → p-e9b8ad98.entry.js.map} +0 -0
  184. /package/dist/ui-library/{p-ac00076d.entry.js.map → p-ebbe9bdc.entry.js.map} +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"names":["sixTextareaCss","SixTextareaStyle0","id","SixTextarea","this","inputId","labelId","helpTextId","errorTextId","eventListeners","EventListeners","resizeObserver","ResizeObserver","setTextareaHeight","handleChange","nativeTextarea","value","sixChange","emit","handleInput","sixInput","handleBlur","hasFocus","sixBlur","handleFocus","sixFocus","handleSlotChange","hasLabelSlot","hasSlot","host","hasHelpTextSlot","hasErrorTextSlot","handleLabelChange","handleRowsChange","handleValueChange","getValue","connectedCallback","_a","shadowRoot","addEventListener","forward","componentWillLoad","componentDidLoad","observe","disconnectedCallback","unobserve","removeEventListener","removeAll","setFocus","options","focus","removeFocus","blur","select","setSelectionRange","selectionStart","selectionEnd","selectionDirection","setRangeText","replacement","start","end","selectMode","resize","style","height","scrollHeight","undefined","toString","render","h","FormControl","key","label","helpText","errorText","errorTextCount","size","disabled","required","displayError","invalid","part","class","textarea","length","ref","el","name","placeholder","readOnly","readonly","rows","minLength","minlength","maxLength","maxlength","autoCapitalize","autocapitalize","autoCorrect","autocorrect","autoFocus","autofocus","spellcheck","inputMode","inputmode","onChange","onInput","onFocus","onBlur"],"sources":["src/components/six-textarea/six-textarea.scss?tag=six-textarea&encapsulation=shadow","src/components/six-textarea/six-textarea.tsx"],"sourcesContent":["@import 'src/global/component';\n@import '../../functional-components/form-control/form-control';\n\n:host {\n display: block;\n}\n\n.textarea {\n display: flex;\n align-items: center;\n position: relative;\n width: 100%;\n font-family: var(--six-font-family);\n font-weight: var(--six-input-font-weight);\n line-height: var(--six-line-height-normal);\n letter-spacing: var(--six-input-letter-spacing);\n background-color: var(--six-input-background-color);\n border: solid var(--six-border-width) var(--six-input-border-color);\n vertical-align: middle;\n transition: var(--six-transition-fast) color, var(--six-transition-fast) border, var(--six-transition-fast) box-shadow;\n cursor: text;\n\n &:hover:not(.textarea--disabled) {\n background-color: var(--six-input-background-color-hover);\n border-color: var(--six-input-border-color-hover);\n\n .textarea__control {\n color: var(--six-input-color-hover);\n }\n }\n\n &.textarea--focused:not(.textarea--disabled) {\n background-color: var(--six-input-background-color-focus);\n box-shadow: var(--six-input-focus-shadow);\n border-color: var(--six-input-border-color-focus);\n color: var(--six-input-color-focus);\n\n .textarea__control {\n color: var(--six-input-color-focus);\n }\n }\n\n &.textarea--disabled {\n background-color: var(--six-input-background-color-disabled);\n border-color: var(--six-input-border-color-disabled);\n cursor: not-allowed;\n\n .textarea__control {\n color: var(--six-input-color-disabled);\n\n &::placeholder {\n color: var(--six-input-placeholder-color-disabled);\n }\n }\n }\n}\n\n.textarea__control {\n flex: 1 1 auto;\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n line-height: 1.4;\n color: var(--sl-input-color);\n border: none;\n background: none;\n box-shadow: none;\n cursor: inherit;\n -webkit-appearance: none;\n\n &::-webkit-search-decoration,\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n -webkit-appearance: none;\n }\n\n &::placeholder {\n color: var(--six-input-placeholder-color);\n user-select: none;\n }\n\n &:focus {\n outline: none;\n }\n}\n\n.textarea--invalid:not(.textarea--disabled):not(.textarea--focused) {\n border-color: var(--six-input-border-color-danger);\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Size modifiers\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.textarea--small {\n border-radius: var(--six-input-border-radius-small);\n font-size: var(--six-input-font-size-small);\n\n .textarea__control {\n padding: 0.5em var(--six-input-spacing-small);\n }\n}\n\n.textarea--medium {\n border-radius: var(--six-input-border-radius-medium);\n font-size: var(--six-input-font-size-medium);\n\n .textarea__control {\n padding: 0.5em var(--six-input-spacing-medium);\n }\n}\n\n.textarea--large {\n border-radius: var(--six-input-border-radius-large);\n font-size: var(--six-input-font-size-large);\n\n .textarea__control {\n padding: 0.5em var(--six-input-spacing-large);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Resize types\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.textarea--resize-none .textarea__control {\n resize: none;\n}\n\n.textarea--resize-vertical .textarea__control {\n resize: vertical;\n}\n\n.textarea--resize-auto .textarea__control {\n height: auto;\n resize: none;\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport FormControl from '../../functional-components/form-control/form-control';\nimport { hasSlot } from '../../utils/slot';\nimport { EventListeners } from '../../utils/event-listeners';\nimport { EmptyPayload } from '../../utils/types';\n\nlet id = 0;\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot label - The textarea's label. Alternatively, you can use the label prop.\n * @slot help-text - Help text that describes how to use the input.\n * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop.\n *\n * @part base - The component's base wrapper.\n * @part form-control - The form control that wraps the label, textarea, and help text.\n * @part label - The textarea label.\n * @part textarea - The textarea control.\n * @part help-text - The textarea help text.\n */\n@Component({\n tag: 'six-textarea',\n styleUrl: 'six-textarea.scss',\n shadow: true,\n})\nexport class SixTextarea {\n private inputId = `textarea-${++id}`;\n private labelId = `textarea-label-${id}`;\n private helpTextId = `textarea-help-text-${id}`;\n private errorTextId = `input-error-text-${id}`;\n private nativeTextarea?: HTMLTextAreaElement;\n private eventListeners = new EventListeners();\n private resizeObserver = new ResizeObserver(() => this.setTextareaHeight());\n\n @Element() host!: HTMLSixTextareaElement;\n\n @State() hasFocus = false;\n @State() hasHelpTextSlot = false;\n @State() hasLabelSlot = false;\n @State() hasErrorTextSlot = false;\n\n /** The textarea's size. */\n @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n /** The textarea's name attribute. */\n @Prop({ reflect: true }) name = '';\n\n /** The textarea's value attribute. */\n @Prop({ mutable: true, reflect: true }) value = '';\n\n /** The textarea's help text. Alternatively, you can use the help-text slot. */\n @Prop() helpText = '';\n\n /** The textarea's placeholder text. */\n @Prop() placeholder?: string;\n\n /** The number of rows to display by default. */\n @Prop() rows = 4;\n\n /** Controls how the textarea can be resized. */\n @Prop() resize: 'none' | 'vertical' | 'auto' = 'vertical';\n\n /** Set to true to disable the textarea. */\n @Prop({ reflect: true }) disabled = false;\n\n /** Set to true for a readonly textarea. */\n @Prop({ reflect: true }) readonly = false;\n\n /** The minimum length of input that will be considered valid. */\n @Prop({ reflect: true }) minlength?: number;\n\n /** The maximum length of input that will be considered valid. */\n @Prop({ reflect: true }) maxlength?: number;\n\n /** Set to true to show an asterisk beneath the label. */\n @Prop() required = false;\n\n /** The label text. */\n @Prop() label = '';\n\n /** The error message shown, if `invalid` is set to true. */\n @Prop() errorText: string | string[] = '';\n\n /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */\n @Prop() errorTextCount?: number;\n\n /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed. */\n @Prop({ reflect: true }) invalid = false;\n\n /** The textarea's autocaptialize attribute. */\n @Prop() autocapitalize = 'off';\n\n /** The textarea's autocorrect attribute. */\n @Prop() autocorrect: 'on' | 'off' = 'off';\n\n /** The textarea's autocomplete attribute. */\n @Prop() autocomplete = 'off';\n\n /** The textarea's autofocus attribute. */\n @Prop() autofocus = false;\n\n /** The textarea's spellcheck attribute. */\n @Prop() spellcheck = false;\n\n /** The textarea's inputmode attribute. */\n @Prop() inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';\n\n /** Emitted when the control's value changes. Access the new value via event.target.value. */\n @Event({ eventName: 'six-textarea-change' }) sixChange!: EventEmitter<EmptyPayload>;\n\n /** Emitted when the control receives input. Access the new value via event.target.value. */\n @Event({ eventName: 'six-textarea-input' }) sixInput!: EventEmitter<EmptyPayload>;\n\n /** Emitted when the control gains focus. */\n @Event({ eventName: 'six-textarea-focus' }) sixFocus!: EventEmitter<EmptyPayload>;\n\n /** Emitted when the control loses focus. Access the new value via event.target.value. */\n @Event({ eventName: 'six-textarea-blur' }) sixBlur!: EventEmitter<EmptyPayload>;\n\n @Watch('helpText')\n @Watch('errorText')\n @Watch('label')\n handleLabelChange() {\n this.handleSlotChange();\n }\n\n @Watch('rows')\n handleRowsChange() {\n this.setTextareaHeight();\n }\n\n @Watch('value')\n handleValueChange() {\n this.value = this.getValue();\n if (this.nativeTextarea != null) {\n if (this.nativeTextarea.value !== this.value) {\n this.nativeTextarea.value = this.value;\n }\n }\n }\n\n connectedCallback() {\n this.host.shadowRoot?.addEventListener('slotchange', this.handleSlotChange);\n this.eventListeners.forward('six-textarea-input', 'input', this.host);\n this.eventListeners.forward('six-textarea-change', 'change', this.host);\n this.eventListeners.forward('six-textarea-focus', 'focus', this.host);\n this.eventListeners.forward('six-textarea-blur', 'blur', this.host);\n }\n\n componentWillLoad() {\n this.handleSlotChange();\n }\n\n componentDidLoad() {\n this.setTextareaHeight();\n if (this.nativeTextarea != null) {\n this.resizeObserver.observe(this.nativeTextarea);\n }\n }\n\n disconnectedCallback() {\n if (this.nativeTextarea != null) {\n this.resizeObserver.unobserve(this.nativeTextarea);\n }\n this.host.shadowRoot?.removeEventListener('slotchange', this.handleSlotChange);\n this.eventListeners.removeAll();\n }\n\n /** Sets focus on the textarea. */\n @Method()\n async setFocus(options?: FocusOptions) {\n this.nativeTextarea?.focus(options);\n }\n\n /** Removes focus fromt the textarea. */\n @Method()\n async removeFocus() {\n this.nativeTextarea?.blur();\n }\n\n /** Selects all the text in the input. */\n @Method()\n async select() {\n return this.nativeTextarea?.select();\n }\n\n /** Sets the start and end positions of the text selection (0-based). */\n @Method()\n async setSelectionRange(\n selectionStart: number,\n selectionEnd: number,\n selectionDirection: 'forward' | 'backward' | 'none' = 'none'\n ) {\n return this.nativeTextarea?.setSelectionRange(selectionStart, selectionEnd, selectionDirection);\n }\n\n /** Replaces a range of text with a new string. */\n @Method()\n async setRangeText(\n replacement: string,\n start: number,\n end: number,\n selectMode: 'select' | 'start' | 'end' | 'preserve' = 'preserve'\n ) {\n if (this.nativeTextarea == null) return;\n\n this.nativeTextarea.setRangeText(replacement, start, end, selectMode);\n if (this.getValue() !== this.nativeTextarea.value) {\n this.value = this.nativeTextarea.value;\n this.setTextareaHeight();\n this.sixChange.emit();\n this.sixInput.emit();\n }\n }\n\n private handleChange = () => {\n if (this.nativeTextarea != null) {\n this.value = this.nativeTextarea.value;\n this.sixChange.emit();\n }\n };\n\n private handleInput = () => {\n if (this.nativeTextarea != null) {\n this.value = this.nativeTextarea.value;\n this.setTextareaHeight();\n this.sixInput.emit();\n }\n };\n\n private handleBlur = () => {\n this.hasFocus = false;\n this.sixBlur.emit();\n };\n\n private handleFocus = () => {\n this.hasFocus = true;\n this.sixFocus.emit();\n };\n\n private handleSlotChange = () => {\n this.hasLabelSlot = hasSlot(this.host, 'label');\n this.hasHelpTextSlot = hasSlot(this.host, 'help-text');\n this.hasErrorTextSlot = hasSlot(this.host, 'error-text');\n };\n\n private setTextareaHeight() {\n if (this.nativeTextarea == null) return;\n\n if (this.resize === 'auto') {\n this.nativeTextarea.style.height = 'auto';\n this.nativeTextarea.style.height = this.nativeTextarea.scrollHeight + 'px';\n } else {\n (this.nativeTextarea.style.height as string | undefined) = undefined;\n }\n }\n\n private getValue(): string {\n return (this.value ?? '').toString();\n }\n\n render() {\n return (\n <FormControl\n inputId={this.inputId}\n label={this.label}\n labelId={this.labelId}\n hasLabelSlot={this.hasLabelSlot}\n helpTextId={this.helpTextId}\n helpText={this.helpText}\n hasHelpTextSlot={this.hasHelpTextSlot}\n errorTextId={this.errorTextId}\n errorText={this.errorText}\n errorTextCount={this.errorTextCount}\n hasErrorTextSlot={this.hasErrorTextSlot}\n size={this.size}\n disabled={this.disabled}\n required={this.required}\n displayError={this.invalid}\n >\n <div\n part=\"base\"\n class={{\n textarea: true,\n\n // Sizes\n 'textarea--small': this.size === 'small',\n 'textarea--medium': this.size === 'medium',\n 'textarea--large': this.size === 'large',\n\n // States\n 'textarea--disabled': this.disabled,\n 'textarea--focused': this.hasFocus,\n 'textarea--empty': this.getValue().length === 0,\n 'textarea--invalid': this.invalid,\n\n // Modifiers\n 'textarea--resize-none': this.resize === 'none',\n 'textarea--resize-vertical': this.resize === 'vertical',\n 'textarea--resize-auto': this.resize === 'auto',\n }}\n >\n <textarea\n part=\"textarea\"\n ref={(el) => (this.nativeTextarea = el)}\n id={this.inputId}\n class=\"textarea__control\"\n name={this.name}\n placeholder={this.placeholder}\n disabled={this.disabled}\n readOnly={this.readonly}\n rows={this.rows}\n minLength={this.minlength}\n maxLength={this.maxlength}\n value={this.getValue()}\n autoCapitalize={this.autocapitalize}\n autoCorrect={this.autocorrect}\n autoFocus={this.autofocus}\n spellcheck={this.spellcheck}\n required={this.required}\n inputMode={this.inputmode}\n aria-labelledby={this.labelId}\n onChange={this.handleChange}\n onInput={this.handleInput}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n />\n </div>\n </FormControl>\n );\n }\n}\n"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- import{r as e,h as r}from"./p-05eb1bab.js";const c=".six-error-container{text-align:left;color:var(--six-color-danger-800);width:100%;font-size:var(--six-input-help-text-font-size-medium)}";const t=c;const o=class{constructor(r){e(this,r)}render(){return r("div",{key:"cb030d06c5672995c6c8077eebe7ec6e605bfbec",class:"six-error-container"},r("slot",{key:"eec715b6c3f8933ffce58f37dedc73c7e006c14b"}))}};o.style=t;export{o as six_error};
2
- //# sourceMappingURL=p-ab921403.entry.js.map
@@ -1,2 +0,0 @@
1
- import{r as s,h as e}from"./p-05eb1bab.js";const i=".six-files-list__container{padding:1rem}.six-files-list__container :last-child{padding-bottom:0}";const t=i;const a=class{constructor(e){s(this,e)}render(){return e("div",{key:"a7119608a094e12dec079974a2a313eac5bf63ae",class:"six-files-list__container"},e("slot",{key:"eedc03a42dafc5d690db84ed670b1f0b0bb71b81"}))}};a.style=t;export{a as six_file_list};
2
- //# sourceMappingURL=p-fe37dadf.entry.js.map