snice 4.15.0 → 4.16.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 (237) hide show
  1. package/adapters/react/input.d.ts +3 -0
  2. package/adapters/react/input.d.ts.map +1 -1
  3. package/adapters/react/input.js +1 -1
  4. package/adapters/react/input.js.map +1 -1
  5. package/adapters/react/input.tsx +4 -1
  6. package/dist/cdn/accordion/snice-accordion.js +1 -1
  7. package/dist/cdn/accordion/snice-accordion.min.js +1 -1
  8. package/dist/cdn/alert/snice-alert.js +1 -1
  9. package/dist/cdn/alert/snice-alert.min.js +1 -1
  10. package/dist/cdn/app-tiles/snice-app-tiles.js +1 -1
  11. package/dist/cdn/app-tiles/snice-app-tiles.min.js +1 -1
  12. package/dist/cdn/audio-recorder/snice-audio-recorder.js +1 -1
  13. package/dist/cdn/audio-recorder/snice-audio-recorder.min.js +1 -1
  14. package/dist/cdn/avatar/snice-avatar.js +1 -1
  15. package/dist/cdn/avatar/snice-avatar.min.js +1 -1
  16. package/dist/cdn/badge/snice-badge.js +1 -1
  17. package/dist/cdn/badge/snice-badge.min.js +1 -1
  18. package/dist/cdn/banner/snice-banner.js +1 -1
  19. package/dist/cdn/banner/snice-banner.min.js +1 -1
  20. package/dist/cdn/book/snice-book.js +1 -1
  21. package/dist/cdn/book/snice-book.min.js +1 -1
  22. package/dist/cdn/breadcrumbs/snice-breadcrumbs.js +1 -1
  23. package/dist/cdn/breadcrumbs/snice-breadcrumbs.min.js +1 -1
  24. package/dist/cdn/button/snice-button.js +1 -1
  25. package/dist/cdn/button/snice-button.min.js +1 -1
  26. package/dist/cdn/calendar/snice-calendar.js +1 -1
  27. package/dist/cdn/calendar/snice-calendar.min.js +1 -1
  28. package/dist/cdn/camera/snice-camera.js +1 -1
  29. package/dist/cdn/camera/snice-camera.min.js +1 -1
  30. package/dist/cdn/camera-annotate/snice-camera-annotate.js +1 -1
  31. package/dist/cdn/camera-annotate/snice-camera-annotate.min.js +1 -1
  32. package/dist/cdn/candlestick/snice-candlestick.js +1 -1
  33. package/dist/cdn/candlestick/snice-candlestick.min.js +1 -1
  34. package/dist/cdn/card/snice-card.js +1 -1
  35. package/dist/cdn/card/snice-card.min.js +1 -1
  36. package/dist/cdn/carousel/snice-carousel.js +1 -1
  37. package/dist/cdn/carousel/snice-carousel.min.js +1 -1
  38. package/dist/cdn/chart/snice-chart.js +1 -1
  39. package/dist/cdn/chart/snice-chart.min.js +1 -1
  40. package/dist/cdn/chat/snice-chat.js +1 -1
  41. package/dist/cdn/chat/snice-chat.min.js +1 -1
  42. package/dist/cdn/checkbox/snice-checkbox.js +1 -1
  43. package/dist/cdn/checkbox/snice-checkbox.min.js +1 -1
  44. package/dist/cdn/chip/snice-chip.js +1 -1
  45. package/dist/cdn/chip/snice-chip.min.js +1 -1
  46. package/dist/cdn/code-block/snice-code-block.js +1 -1
  47. package/dist/cdn/code-block/snice-code-block.min.js +1 -1
  48. package/dist/cdn/color-display/snice-color-display.js +1 -1
  49. package/dist/cdn/color-display/snice-color-display.min.js +1 -1
  50. package/dist/cdn/color-picker/snice-color-picker.js +1 -1
  51. package/dist/cdn/color-picker/snice-color-picker.min.js +1 -1
  52. package/dist/cdn/command-palette/snice-command-palette.js +1 -1
  53. package/dist/cdn/command-palette/snice-command-palette.min.js +1 -1
  54. package/dist/cdn/comments/snice-comments.js +1 -1
  55. package/dist/cdn/comments/snice-comments.min.js +1 -1
  56. package/dist/cdn/countdown/snice-countdown.js +1 -1
  57. package/dist/cdn/countdown/snice-countdown.min.js +1 -1
  58. package/dist/cdn/cropper/snice-cropper.js +1 -1
  59. package/dist/cdn/cropper/snice-cropper.min.js +1 -1
  60. package/dist/cdn/date-picker/snice-date-picker.js +1 -1
  61. package/dist/cdn/date-picker/snice-date-picker.min.js +1 -1
  62. package/dist/cdn/diff/snice-diff.js +1 -1
  63. package/dist/cdn/diff/snice-diff.min.js +1 -1
  64. package/dist/cdn/divider/snice-divider.js +1 -1
  65. package/dist/cdn/divider/snice-divider.min.js +1 -1
  66. package/dist/cdn/doc/snice-doc.js +1 -1
  67. package/dist/cdn/doc/snice-doc.min.js +1 -1
  68. package/dist/cdn/draw/snice-draw.js +1 -1
  69. package/dist/cdn/draw/snice-draw.min.js +1 -1
  70. package/dist/cdn/drawer/snice-drawer.js +1 -1
  71. package/dist/cdn/drawer/snice-drawer.min.js +1 -1
  72. package/dist/cdn/empty-state/snice-empty-state.js +1 -1
  73. package/dist/cdn/empty-state/snice-empty-state.min.js +1 -1
  74. package/dist/cdn/file-gallery/snice-file-gallery.js +1 -1
  75. package/dist/cdn/file-gallery/snice-file-gallery.min.js +1 -1
  76. package/dist/cdn/file-upload/snice-file-upload.js +1 -1
  77. package/dist/cdn/file-upload/snice-file-upload.min.js +1 -1
  78. package/dist/cdn/flip-card/snice-flip-card.js +1 -1
  79. package/dist/cdn/flip-card/snice-flip-card.min.js +1 -1
  80. package/dist/cdn/flow/snice-flow.js +1 -1
  81. package/dist/cdn/flow/snice-flow.min.js +1 -1
  82. package/dist/cdn/funnel/snice-funnel.js +1 -1
  83. package/dist/cdn/funnel/snice-funnel.min.js +1 -1
  84. package/dist/cdn/gantt/snice-gantt.js +1 -1
  85. package/dist/cdn/gantt/snice-gantt.min.js +1 -1
  86. package/dist/cdn/gauge/snice-gauge.js +1 -1
  87. package/dist/cdn/gauge/snice-gauge.min.js +1 -1
  88. package/dist/cdn/heatmap/snice-heatmap.js +1 -1
  89. package/dist/cdn/heatmap/snice-heatmap.min.js +1 -1
  90. package/dist/cdn/image/snice-image.js +1 -1
  91. package/dist/cdn/image/snice-image.min.js +1 -1
  92. package/dist/cdn/input/README.md +2 -2
  93. package/dist/cdn/input/snice-input.js +21 -3
  94. package/dist/cdn/input/snice-input.js.map +1 -1
  95. package/dist/cdn/input/snice-input.min.js +3 -3
  96. package/dist/cdn/input/snice-input.min.js.map +1 -1
  97. package/dist/cdn/kanban/snice-kanban.js +1 -1
  98. package/dist/cdn/kanban/snice-kanban.min.js +1 -1
  99. package/dist/cdn/kpi/snice-kpi.js +1 -1
  100. package/dist/cdn/kpi/snice-kpi.min.js +1 -1
  101. package/dist/cdn/layout/snice-layout.js +1 -1
  102. package/dist/cdn/layout/snice-layout.min.js +1 -1
  103. package/dist/cdn/link/snice-link.js +1 -1
  104. package/dist/cdn/link/snice-link.min.js +1 -1
  105. package/dist/cdn/link-preview/snice-link-preview.js +1 -1
  106. package/dist/cdn/link-preview/snice-link-preview.min.js +1 -1
  107. package/dist/cdn/list/snice-list.js +1 -1
  108. package/dist/cdn/list/snice-list.min.js +1 -1
  109. package/dist/cdn/location/snice-location.js +1 -1
  110. package/dist/cdn/location/snice-location.min.js +1 -1
  111. package/dist/cdn/login/snice-login.js +1 -1
  112. package/dist/cdn/login/snice-login.min.js +1 -1
  113. package/dist/cdn/map/snice-map.js +1 -1
  114. package/dist/cdn/map/snice-map.min.js +1 -1
  115. package/dist/cdn/markdown/snice-markdown.js +1 -1
  116. package/dist/cdn/markdown/snice-markdown.min.js +1 -1
  117. package/dist/cdn/masonry/snice-masonry.js +1 -1
  118. package/dist/cdn/masonry/snice-masonry.min.js +1 -1
  119. package/dist/cdn/menu/snice-menu.js +1 -1
  120. package/dist/cdn/menu/snice-menu.min.js +1 -1
  121. package/dist/cdn/modal/snice-modal.js +1 -1
  122. package/dist/cdn/modal/snice-modal.min.js +1 -1
  123. package/dist/cdn/music-player/snice-music-player.js +1 -1
  124. package/dist/cdn/music-player/snice-music-player.min.js +1 -1
  125. package/dist/cdn/nav/snice-nav.js +1 -1
  126. package/dist/cdn/nav/snice-nav.min.js +1 -1
  127. package/dist/cdn/network-graph/snice-network-graph.js +1 -1
  128. package/dist/cdn/network-graph/snice-network-graph.min.js +1 -1
  129. package/dist/cdn/notification-center/snice-notification-center.js +1 -1
  130. package/dist/cdn/notification-center/snice-notification-center.min.js +1 -1
  131. package/dist/cdn/org-chart/snice-org-chart.js +1 -1
  132. package/dist/cdn/org-chart/snice-org-chart.min.js +1 -1
  133. package/dist/cdn/pagination/snice-pagination.js +1 -1
  134. package/dist/cdn/pagination/snice-pagination.min.js +1 -1
  135. package/dist/cdn/paint/snice-paint.js +1 -1
  136. package/dist/cdn/paint/snice-paint.min.js +1 -1
  137. package/dist/cdn/pdf-viewer/snice-pdf-viewer.js +1 -1
  138. package/dist/cdn/pdf-viewer/snice-pdf-viewer.min.js +1 -1
  139. package/dist/cdn/podcast-player/snice-podcast-player.js +1 -1
  140. package/dist/cdn/podcast-player/snice-podcast-player.min.js +1 -1
  141. package/dist/cdn/pricing-table/snice-pricing-table.js +1 -1
  142. package/dist/cdn/pricing-table/snice-pricing-table.min.js +1 -1
  143. package/dist/cdn/progress/snice-progress.js +1 -1
  144. package/dist/cdn/progress/snice-progress.min.js +1 -1
  145. package/dist/cdn/qr-code/snice-qr-code.js +1 -1
  146. package/dist/cdn/qr-code/snice-qr-code.min.js +1 -1
  147. package/dist/cdn/qr-reader/snice-qr-reader.js +1 -1
  148. package/dist/cdn/qr-reader/snice-qr-reader.min.js +1 -1
  149. package/dist/cdn/radio/snice-radio.js +1 -1
  150. package/dist/cdn/radio/snice-radio.min.js +1 -1
  151. package/dist/cdn/rating/snice-rating.js +1 -1
  152. package/dist/cdn/rating/snice-rating.min.js +1 -1
  153. package/dist/cdn/recipe/snice-recipe.js +1 -1
  154. package/dist/cdn/recipe/snice-recipe.min.js +1 -1
  155. package/dist/cdn/runtime/snice-runtime.esm.js +3 -3
  156. package/dist/cdn/runtime/snice-runtime.esm.js.map +1 -1
  157. package/dist/cdn/runtime/snice-runtime.esm.min.js +3 -3
  158. package/dist/cdn/runtime/snice-runtime.esm.min.js.map +1 -1
  159. package/dist/cdn/runtime/snice-runtime.js +3 -3
  160. package/dist/cdn/runtime/snice-runtime.js.map +1 -1
  161. package/dist/cdn/runtime/snice-runtime.min.js +3 -3
  162. package/dist/cdn/runtime/snice-runtime.min.js.map +1 -1
  163. package/dist/cdn/sankey/snice-sankey.js +1 -1
  164. package/dist/cdn/sankey/snice-sankey.min.js +1 -1
  165. package/dist/cdn/select/snice-select.js +1 -1
  166. package/dist/cdn/select/snice-select.min.js +1 -1
  167. package/dist/cdn/skeleton/snice-skeleton.js +1 -1
  168. package/dist/cdn/skeleton/snice-skeleton.min.js +1 -1
  169. package/dist/cdn/slider/snice-slider.js +1 -1
  170. package/dist/cdn/slider/snice-slider.min.js +1 -1
  171. package/dist/cdn/sortable/snice-sortable.js +1 -1
  172. package/dist/cdn/sortable/snice-sortable.min.js +1 -1
  173. package/dist/cdn/sparkline/snice-sparkline.js +1 -1
  174. package/dist/cdn/sparkline/snice-sparkline.min.js +1 -1
  175. package/dist/cdn/spinner/snice-spinner.js +1 -1
  176. package/dist/cdn/spinner/snice-spinner.min.js +1 -1
  177. package/dist/cdn/split-pane/snice-split-pane.js +1 -1
  178. package/dist/cdn/split-pane/snice-split-pane.min.js +1 -1
  179. package/dist/cdn/spotlight/snice-spotlight.js +1 -1
  180. package/dist/cdn/spotlight/snice-spotlight.min.js +1 -1
  181. package/dist/cdn/spreadsheet/snice-spreadsheet.js +1 -1
  182. package/dist/cdn/spreadsheet/snice-spreadsheet.min.js +1 -1
  183. package/dist/cdn/stepper/snice-stepper.js +1 -1
  184. package/dist/cdn/stepper/snice-stepper.min.js +1 -1
  185. package/dist/cdn/switch/snice-switch.js +1 -1
  186. package/dist/cdn/switch/snice-switch.min.js +1 -1
  187. package/dist/cdn/table/README.md +2 -2
  188. package/dist/cdn/table/snice-table.js +21 -3
  189. package/dist/cdn/table/snice-table.js.map +1 -1
  190. package/dist/cdn/table/snice-table.min.js +29 -29
  191. package/dist/cdn/table/snice-table.min.js.map +1 -1
  192. package/dist/cdn/tabs/snice-tabs.js +1 -1
  193. package/dist/cdn/tabs/snice-tabs.min.js +1 -1
  194. package/dist/cdn/tag-input/snice-tag-input.js +1 -1
  195. package/dist/cdn/tag-input/snice-tag-input.min.js +1 -1
  196. package/dist/cdn/terminal/snice-terminal.js +1 -1
  197. package/dist/cdn/terminal/snice-terminal.min.js +1 -1
  198. package/dist/cdn/testimonial/snice-testimonial.js +1 -1
  199. package/dist/cdn/testimonial/snice-testimonial.min.js +1 -1
  200. package/dist/cdn/textarea/snice-textarea.js +1 -1
  201. package/dist/cdn/textarea/snice-textarea.min.js +1 -1
  202. package/dist/cdn/time-range-picker/snice-time-range-picker.js +1 -1
  203. package/dist/cdn/time-range-picker/snice-time-range-picker.min.js +1 -1
  204. package/dist/cdn/timeline/snice-timeline.js +1 -1
  205. package/dist/cdn/timeline/snice-timeline.min.js +1 -1
  206. package/dist/cdn/timer/snice-timer.js +1 -1
  207. package/dist/cdn/timer/snice-timer.min.js +1 -1
  208. package/dist/cdn/toast/snice-toast.js +1 -1
  209. package/dist/cdn/toast/snice-toast.min.js +1 -1
  210. package/dist/cdn/tooltip/snice-tooltip.js +1 -1
  211. package/dist/cdn/tooltip/snice-tooltip.min.js +1 -1
  212. package/dist/cdn/tree/snice-tree.js +1 -1
  213. package/dist/cdn/tree/snice-tree.min.js +1 -1
  214. package/dist/cdn/treemap/snice-treemap.js +1 -1
  215. package/dist/cdn/treemap/snice-treemap.min.js +1 -1
  216. package/dist/cdn/video-player/snice-video-player.js +1 -1
  217. package/dist/cdn/video-player/snice-video-player.min.js +1 -1
  218. package/dist/cdn/virtual-scroller/snice-virtual-scroller.js +1 -1
  219. package/dist/cdn/virtual-scroller/snice-virtual-scroller.min.js +1 -1
  220. package/dist/cdn/waterfall/snice-waterfall.js +1 -1
  221. package/dist/cdn/waterfall/snice-waterfall.min.js +1 -1
  222. package/dist/cdn/weather/snice-weather.js +1 -1
  223. package/dist/cdn/weather/snice-weather.min.js +1 -1
  224. package/dist/components/input/snice-input.d.ts +3 -0
  225. package/dist/components/input/snice-input.js +20 -2
  226. package/dist/components/input/snice-input.js.map +1 -1
  227. package/dist/components/input/snice-input.types.d.ts +3 -0
  228. package/dist/index.cjs +1 -1
  229. package/dist/index.esm.js +1 -1
  230. package/dist/index.iife.js +1 -1
  231. package/dist/symbols.cjs +1 -1
  232. package/dist/symbols.esm.js +1 -1
  233. package/dist/transitions.cjs +1 -1
  234. package/dist/transitions.esm.js +1 -1
  235. package/docs/ai/components/input.md +10 -0
  236. package/docs/components/input.md +20 -0
  237. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * snice v4.14.0
2
+ * snice v4.15.0
3
3
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
4
4
  * (c) 2024
5
5
  * Released under the MIT License.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * snice v4.14.0
2
+ * snice v4.15.0
3
3
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
4
4
  * (c) 2024
5
5
  * Released under the MIT License.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * snice v4.14.0
2
+ * snice v4.15.0
3
3
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
4
4
  * (c) 2024
5
5
  * Released under the MIT License.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * snice v4.14.0
2
+ * snice v4.15.0
3
3
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
4
4
  * (c) 2024
5
5
  * Released under the MIT License.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * snice v4.14.0
2
+ * snice v4.15.0
3
3
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
4
4
  * (c) 2024
5
5
  * Released under the MIT License.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * snice v4.14.0
2
+ * snice v4.15.0
3
3
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
4
4
  * (c) 2024
5
5
  * Released under the MIT License.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * snice v4.14.0
2
+ * snice v4.15.0
3
3
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
4
4
  * (c) 2024
5
5
  * Released under the MIT License.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * snice v4.14.0
2
+ * snice v4.15.0
3
3
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
4
4
  * (c) 2024
5
5
  * Released under the MIT License.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * snice v4.14.0
2
+ * snice v4.15.0
3
3
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
4
4
  * (c) 2024
5
5
  * Released under the MIT License.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * snice v4.14.0
2
+ * snice v4.15.0
3
3
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
4
4
  * (c) 2024
5
5
  * Released under the MIT License.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * snice v4.14.0
2
+ * snice v4.15.0
3
3
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
4
4
  * (c) 2024
5
5
  * Released under the MIT License.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * snice v4.14.0
2
+ * snice v4.15.0
3
3
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
4
4
  * (c) 2024
5
5
  * Released under the MIT License.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * snice v4.14.0
2
+ * snice v4.15.0
3
3
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
4
4
  * (c) 2024
5
5
  * Released under the MIT License.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * snice v4.14.0
2
+ * snice v4.15.0
3
3
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
4
4
  * (c) 2024
5
5
  * Released under the MIT License.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * snice v4.14.0
2
+ * snice v4.15.0
3
3
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
4
4
  * (c) 2024
5
5
  * Released under the MIT License.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * snice v4.14.0
2
+ * snice v4.15.0
3
3
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
4
4
  * (c) 2024
5
5
  * Released under the MIT License.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * snice v4.14.0
2
+ * snice v4.15.0
3
3
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
4
4
  * (c) 2024
5
5
  * Released under the MIT License.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * snice v4.14.0
2
+ * snice v4.15.0
3
3
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
4
4
  * (c) 2024
5
5
  * Released under the MIT License.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * snice v4.14.0
2
+ * snice v4.15.0
3
3
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
4
4
  * (c) 2024
5
5
  * Released under the MIT License.
@@ -11,8 +11,8 @@ CDN build of the Snice input component. Requires the Snice runtime (`snice-runti
11
11
  ```
12
12
 
13
13
  ## Size
14
- - Minified: 27.8 KB
15
- - Gzipped: 6.8 KB
14
+ - Minified: 29.1 KB
15
+ - Gzipped: 7.0 KB
16
16
 
17
17
  ## Theme
18
18
  For proper styling, link the Snice theme CSS:
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * snice v4.14.0
2
+ * snice v4.15.0
3
3
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
4
4
  * (c) 2024
5
5
  * Released under the MIT License.
@@ -112,7 +112,7 @@ var SniceInput = (function (exports, snice) {
112
112
  return snice.html `<span class="${className}" part="icon">${icon}</span>`;
113
113
  }
114
114
 
115
- var cssContent = ":host{display:inline-block;width:100%;max-width:100%;box-sizing:border-box;font-family:var(--snice-font-family);color-scheme:light dark}.input-wrapper{position:relative;width:100%;max-width:100%;box-sizing:border-box}.input-container{position:relative;display:flex;align-items:center;width:100%;max-width:100%;box-sizing:border-box;transition:all var(--snice-transition-fast) ease}.input{flex:1;min-width:0;box-sizing:border-box;font-family:inherit;font-size:var(--snice-font-size-md);background:var(--snice-color-background-input,rgb(248 247 245));color:var(--snice-color-text);border:1px solid var(--snice-color-border);border-radius:var(--snice-border-radius-md);box-shadow:var(--snice-shadow-inset-sm);transition:all var(--snice-transition-fast) ease;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus{border-color:var(--snice-color-primary);box-shadow:0 0 0 var(--snice-focus-ring-width) var(--snice-focus-ring-color),var(--snice-shadow-sm)}.input:disabled{background:var(--snice-color-background-secondary);color:var(--snice-color-text-secondary);cursor:not-allowed;opacity:.6}.input::placeholder{color:var(--snice-color-text-secondary);opacity:.7}.input--small{padding:.375rem .625rem;font-size:var(--snice-font-size-sm)}.input--medium{padding:.5rem .75rem;font-size:var(--snice-font-size-md)}.input--large{padding:.625rem .875rem;font-size:var(--snice-font-size-lg)}.input--outlined{background:var(--snice-color-background-input,rgb(248 247 245));border:1px solid var(--snice-color-border)}.input--filled{background:var(--snice-color-background-secondary);border:1px solid transparent;border-bottom-color:var(--snice-color-border);border-radius:var(--snice-border-radius-md) var(--snice-border-radius-md) 0 0}.input--filled:focus{background:var(--snice-color-background-hover);border-bottom-color:var(--snice-color-primary)}.input--underlined{background:0 0;border:none;border-bottom:1px solid var(--snice-color-border);border-radius:0;padding-left:0;padding-right:0}.input--underlined:focus{border-bottom-color:var(--snice-color-primary);box-shadow:none}.input--invalid{border-color:var(--snice-color-danger)}.input--invalid:focus{border-color:var(--snice-color-danger);box-shadow:0 0 0 var(--snice-focus-ring-width) var(--snice-color-danger-alpha,hsl(var(--snice-color-red-500) / .4)),var(--snice-shadow-sm)}.input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}.input::-webkit-calendar-picker-indicator:hover{opacity:1}.input--with-prefix-icon{padding-left:2.25rem}.input--clearable,.input--with-suffix-icon{padding-right:2.25rem}.input--with-suffix-icon.input--clearable{padding-right:3.75rem}.label{display:block;margin-bottom:.375rem;font-size:var(--snice-font-size-sm);font-weight:500;color:var(--snice-color-text)}.label--required::after{content:' *';color:var(--snice-color-danger)}.error-text,.helper-text{display:block;margin-top:.25rem;font-size:var(--snice-font-size-xs);min-height:1.125rem}.helper-text{color:var(--snice-color-text-secondary)}.error-text{color:var(--snice-color-danger)}.icon-slot{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:var(--snice-color-text-secondary);pointer-events:none;opacity:.7}.icon-slot:empty{display:none}.icon-slot--prefix{left:.625rem}.icon-slot--suffix{right:.625rem}.icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:var(--snice-color-text-secondary);pointer-events:none}.icon-slot ::slotted(*){display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:1.25rem;line-height:1}.icon-slot ::slotted(svg){width:1.25rem;height:1.25rem}.icon-slot ::slotted(img){width:1.25rem;height:1.25rem;object-fit:contain}.clear-button{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:.25rem;background:0 0;border:none;border-radius:var(--snice-border-radius-sm);color:var(--snice-color-text-secondary);cursor:pointer;transition:all var(--snice-transition-fast) ease;opacity:0;visibility:hidden}.clear-button:hover{background:var(--snice-color-background-hover);color:var(--snice-color-text)}.input-container:hover .clear-button--visible,.input:focus~.clear-button--visible{opacity:1;visibility:visible}.clear-button--with-suffix{right:2rem}.password-toggle{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:.25rem;background:0 0;border:none;border-radius:var(--snice-border-radius-sm);color:var(--snice-color-text-secondary);cursor:pointer;transition:all var(--snice-transition-fast) ease}.password-toggle:hover{background:var(--snice-color-background-hover);color:var(--snice-color-text)}.input[type=number]::-webkit-inner-spin-button,.input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input[type=number]{-moz-appearance:textfield}.input[type=search]::-webkit-search-cancel-button,.input[type=search]::-webkit-search-decoration,.input[type=search]::-webkit-search-results-button,.input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.input-container:focus-within{z-index:1}.input--loading{cursor:wait}.spinner{position:absolute;right:.75rem;width:1em;height:1em;pointer-events:none}.input--with-suffix-icon .spinner{right:2.5rem}.spinner::after{content:'';display:block;width:100%;height:100%;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}";
115
+ var cssContent = ":host{display:inline-block;width:100%;max-width:100%;box-sizing:border-box;font-family:var(--snice-font-family);color-scheme:light dark}.input-wrapper{position:relative;width:100%;max-width:100%;height:100%;box-sizing:border-box}:host([align]) .input-wrapper{display:flex;flex-direction:column}:host([align=top]) .input-wrapper{justify-content:flex-start}:host([align=center]) .input-wrapper{justify-content:center}:host([align=bottom]) .input-wrapper{justify-content:flex-end}.input-container{position:relative;display:flex;align-items:center;width:100%;max-width:100%;box-sizing:border-box;transition:all var(--snice-transition-fast) ease}:host([stretch]) .input-wrapper{display:flex;flex-direction:column}:host([stretch]) .input-container{flex:1}:host([stretch]) .input{height:100%}.input{flex:1;min-width:0;box-sizing:border-box;font-family:inherit;font-size:var(--snice-font-size-md);background:var(--snice-color-background-input,rgb(248 247 245));color:var(--snice-color-text);border:1px solid var(--snice-color-border);border-radius:var(--snice-border-radius-md);box-shadow:var(--snice-shadow-inset-sm);transition:all var(--snice-transition-fast) ease;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus{border-color:var(--snice-color-primary);box-shadow:0 0 0 var(--snice-focus-ring-width) var(--snice-focus-ring-color),var(--snice-shadow-sm)}.input:disabled{background:var(--snice-color-background-secondary);color:var(--snice-color-text-secondary);cursor:not-allowed;opacity:.6}.input::placeholder{color:var(--snice-color-text-secondary);opacity:.7}.input--small{padding:.375rem .625rem;font-size:var(--snice-font-size-sm)}.input--medium{padding:.5rem .75rem;font-size:var(--snice-font-size-md)}.input--large{padding:.625rem .875rem;font-size:var(--snice-font-size-lg)}.input--outlined{background:var(--snice-color-background-input,rgb(248 247 245));border:1px solid var(--snice-color-border)}.input--filled{background:var(--snice-color-background-secondary);border:1px solid transparent;border-bottom-color:var(--snice-color-border);border-radius:var(--snice-border-radius-md) var(--snice-border-radius-md) 0 0}.input--filled:focus{background:var(--snice-color-background-hover);border-bottom-color:var(--snice-color-primary)}.input--underlined{background:0 0;border:none;border-bottom:1px solid var(--snice-color-border);border-radius:0;padding-left:0;padding-right:0}.input--underlined:focus{border-bottom-color:var(--snice-color-primary);box-shadow:none}.input--invalid{border-color:var(--snice-color-danger)}.input--invalid:focus{border-color:var(--snice-color-danger);box-shadow:0 0 0 var(--snice-focus-ring-width) var(--snice-color-danger-alpha,hsl(var(--snice-color-red-500) / .4)),var(--snice-shadow-sm)}.input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}.input::-webkit-calendar-picker-indicator:hover{opacity:1}.input--with-prefix-icon{padding-left:2.25rem}.input--clearable,.input--with-suffix-icon{padding-right:2.25rem}.input--with-suffix-icon.input--clearable{padding-right:3.75rem}.label{display:block;margin-bottom:.375rem;font-size:var(--snice-font-size-sm);font-weight:500;color:var(--snice-color-text);text-align:left}:host([label-align=center]) .label{text-align:center}:host([label-align=right]) .label{text-align:right}.label--required::after{content:' *';color:var(--snice-color-danger)}.error-text,.helper-text{display:block;margin-top:.25rem;font-size:var(--snice-font-size-xs);min-height:1.125rem}.helper-text{color:var(--snice-color-text-secondary)}.error-text{color:var(--snice-color-danger)}.icon-slot{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:var(--snice-color-text-secondary);pointer-events:none;opacity:.7}.icon-slot:empty{display:none}.icon-slot--prefix{left:.625rem}.icon-slot--suffix{right:.625rem}.icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:var(--snice-color-text-secondary);pointer-events:none}.icon-slot ::slotted(*){display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:1.25rem;line-height:1}.icon-slot ::slotted(svg){width:1.25rem;height:1.25rem}.icon-slot ::slotted(img){width:1.25rem;height:1.25rem;object-fit:contain}.clear-button{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:.25rem;background:0 0;border:none;border-radius:var(--snice-border-radius-sm);color:var(--snice-color-text-secondary);cursor:pointer;transition:all var(--snice-transition-fast) ease;opacity:0;visibility:hidden}.clear-button:hover{background:var(--snice-color-background-hover);color:var(--snice-color-text)}.input-container:hover .clear-button--visible,.input:focus~.clear-button--visible{opacity:1;visibility:visible}.clear-button--with-suffix{right:2rem}.password-toggle{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:.25rem;background:0 0;border:none;border-radius:var(--snice-border-radius-sm);color:var(--snice-color-text-secondary);cursor:pointer;transition:all var(--snice-transition-fast) ease}.password-toggle:hover{background:var(--snice-color-background-hover);color:var(--snice-color-text)}.input[type=number]::-webkit-inner-spin-button,.input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input[type=number]{-moz-appearance:textfield}.input[type=search]::-webkit-search-cancel-button,.input[type=search]::-webkit-search-decoration,.input[type=search]::-webkit-search-results-button,.input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.input-container:focus-within{z-index:1}.input--loading{cursor:wait}.spinner{position:absolute;right:.75rem;width:1em;height:1em;pointer-events:none}.input--with-suffix-icon .spinner{right:2.5rem}.spinner::after{content:'';display:block;width:100%;height:100%;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}";
116
116
 
117
117
  let SniceInput = (() => {
118
118
  let _classDecorators = [snice.element('snice-input', { formAssociated: true })];
@@ -190,6 +190,15 @@ var SniceInput = (function (exports, snice) {
190
190
  let _name_decorators;
191
191
  let _name_initializers = [];
192
192
  let _name_extraInitializers = [];
193
+ let _align_decorators;
194
+ let _align_initializers = [];
195
+ let _align_extraInitializers = [];
196
+ let _labelAlign_decorators;
197
+ let _labelAlign_initializers = [];
198
+ let _labelAlign_extraInitializers = [];
199
+ let _stretch_decorators;
200
+ let _stretch_initializers = [];
201
+ let _stretch_extraInitializers = [];
193
202
  let _prefixIcon_decorators;
194
203
  let _prefixIcon_initializers = [];
195
204
  let _prefixIcon_extraInitializers = [];
@@ -254,6 +263,9 @@ var SniceInput = (function (exports, snice) {
254
263
  _minlength_decorators = [snice.property({ type: Number, })];
255
264
  _autocomplete_decorators = [snice.property({})];
256
265
  _name_decorators = [snice.property({})];
266
+ _align_decorators = [snice.property({})];
267
+ _labelAlign_decorators = [snice.property({ attribute: 'label-align', })];
268
+ _stretch_decorators = [snice.property({ type: Boolean, })];
257
269
  _prefixIcon_decorators = [snice.property({ attribute: 'prefix-icon', })];
258
270
  _suffixIcon_decorators = [snice.property({ attribute: 'suffix-icon', })];
259
271
  _input_decorators = [snice.query('.input')];
@@ -326,6 +338,9 @@ var SniceInput = (function (exports, snice) {
326
338
  __esDecorate(null, null, _minlength_decorators, { kind: "field", name: "minlength", static: false, private: false, access: { has: obj => "minlength" in obj, get: obj => obj.minlength, set: (obj, value) => { obj.minlength = value; } }, metadata: _metadata }, _minlength_initializers, _minlength_extraInitializers);
327
339
  __esDecorate(null, null, _autocomplete_decorators, { kind: "field", name: "autocomplete", static: false, private: false, access: { has: obj => "autocomplete" in obj, get: obj => obj.autocomplete, set: (obj, value) => { obj.autocomplete = value; } }, metadata: _metadata }, _autocomplete_initializers, _autocomplete_extraInitializers);
328
340
  __esDecorate(null, null, _name_decorators, { kind: "field", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
341
+ __esDecorate(null, null, _align_decorators, { kind: "field", name: "align", static: false, private: false, access: { has: obj => "align" in obj, get: obj => obj.align, set: (obj, value) => { obj.align = value; } }, metadata: _metadata }, _align_initializers, _align_extraInitializers);
342
+ __esDecorate(null, null, _labelAlign_decorators, { kind: "field", name: "labelAlign", static: false, private: false, access: { has: obj => "labelAlign" in obj, get: obj => obj.labelAlign, set: (obj, value) => { obj.labelAlign = value; } }, metadata: _metadata }, _labelAlign_initializers, _labelAlign_extraInitializers);
343
+ __esDecorate(null, null, _stretch_decorators, { kind: "field", name: "stretch", static: false, private: false, access: { has: obj => "stretch" in obj, get: obj => obj.stretch, set: (obj, value) => { obj.stretch = value; } }, metadata: _metadata }, _stretch_initializers, _stretch_extraInitializers);
329
344
  __esDecorate(null, null, _prefixIcon_decorators, { kind: "field", name: "prefixIcon", static: false, private: false, access: { has: obj => "prefixIcon" in obj, get: obj => obj.prefixIcon, set: (obj, value) => { obj.prefixIcon = value; } }, metadata: _metadata }, _prefixIcon_initializers, _prefixIcon_extraInitializers);
330
345
  __esDecorate(null, null, _suffixIcon_decorators, { kind: "field", name: "suffixIcon", static: false, private: false, access: { has: obj => "suffixIcon" in obj, get: obj => obj.suffixIcon, set: (obj, value) => { obj.suffixIcon = value; } }, metadata: _metadata }, _suffixIcon_initializers, _suffixIcon_extraInitializers);
331
346
  __esDecorate(null, null, _input_decorators, { kind: "field", name: "input", static: false, private: false, access: { has: obj => "input" in obj, get: obj => obj.input, set: (obj, value) => { obj.input = value; } }, metadata: _metadata }, _input_initializers, _input_extraInitializers);
@@ -362,7 +377,10 @@ var SniceInput = (function (exports, snice) {
362
377
  this.minlength = (__runInitializers(this, _maxlength_extraInitializers), __runInitializers(this, _minlength_initializers, -1));
363
378
  this.autocomplete = (__runInitializers(this, _minlength_extraInitializers), __runInitializers(this, _autocomplete_initializers, ''));
364
379
  this.name = (__runInitializers(this, _autocomplete_extraInitializers), __runInitializers(this, _name_initializers, ''));
365
- this.prefixIcon = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _prefixIcon_initializers, ''));
380
+ this.align = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _align_initializers, ''));
381
+ this.labelAlign = (__runInitializers(this, _align_extraInitializers), __runInitializers(this, _labelAlign_initializers, 'left'));
382
+ this.stretch = (__runInitializers(this, _labelAlign_extraInitializers), __runInitializers(this, _stretch_initializers, false));
383
+ this.prefixIcon = (__runInitializers(this, _stretch_extraInitializers), __runInitializers(this, _prefixIcon_initializers, ''));
366
384
  this.suffixIcon = (__runInitializers(this, _prefixIcon_extraInitializers), __runInitializers(this, _suffixIcon_initializers, ''));
367
385
  this.input = (__runInitializers(this, _suffixIcon_extraInitializers), __runInitializers(this, _input_initializers, void 0));
368
386
  this.clearButton = (__runInitializers(this, _input_extraInitializers), __runInitializers(this, _clearButton_initializers, void 0));