@tailng-ui/primitives 0.1.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 (374) hide show
  1. package/README.md +36 -0
  2. package/package.json +13 -0
  3. package/src/index.d.ts +55 -0
  4. package/src/index.d.ts.map +1 -0
  5. package/src/index.js +61 -0
  6. package/src/index.js.map +1 -0
  7. package/src/lib/feedback/empty/tng-empty.d.ts +16 -0
  8. package/src/lib/feedback/empty/tng-empty.d.ts.map +1 -0
  9. package/src/lib/feedback/empty/tng-empty.js +68 -0
  10. package/src/lib/feedback/empty/tng-empty.js.map +1 -0
  11. package/src/lib/feedback/progress-bar/tng-progress-bar.d.ts +24 -0
  12. package/src/lib/feedback/progress-bar/tng-progress-bar.d.ts.map +1 -0
  13. package/src/lib/feedback/progress-bar/tng-progress-bar.js +100 -0
  14. package/src/lib/feedback/progress-bar/tng-progress-bar.js.map +1 -0
  15. package/src/lib/feedback/progress-spinner/tng-progress-spinner.d.ts +21 -0
  16. package/src/lib/feedback/progress-spinner/tng-progress-spinner.d.ts.map +1 -0
  17. package/src/lib/feedback/progress-spinner/tng-progress-spinner.js +87 -0
  18. package/src/lib/feedback/progress-spinner/tng-progress-spinner.js.map +1 -0
  19. package/src/lib/feedback/skeleton/tng-skeleton.d.ts +11 -0
  20. package/src/lib/feedback/skeleton/tng-skeleton.d.ts.map +1 -0
  21. package/src/lib/feedback/skeleton/tng-skeleton.js +44 -0
  22. package/src/lib/feedback/skeleton/tng-skeleton.js.map +1 -0
  23. package/src/lib/feedback/toast/tng-toast.d.ts +20 -0
  24. package/src/lib/feedback/toast/tng-toast.d.ts.map +1 -0
  25. package/src/lib/feedback/toast/tng-toast.js +79 -0
  26. package/src/lib/feedback/toast/tng-toast.js.map +1 -0
  27. package/src/lib/form/_shared/id/index.d.ts +4 -0
  28. package/src/lib/form/_shared/id/index.d.ts.map +1 -0
  29. package/src/lib/form/_shared/id/index.js +4 -0
  30. package/src/lib/form/_shared/id/index.js.map +1 -0
  31. package/src/lib/form/_shared/id/tng-unique-id.provider.d.ts +11 -0
  32. package/src/lib/form/_shared/id/tng-unique-id.provider.d.ts.map +1 -0
  33. package/src/lib/form/_shared/id/tng-unique-id.provider.js +15 -0
  34. package/src/lib/form/_shared/id/tng-unique-id.provider.js.map +1 -0
  35. package/src/lib/form/_shared/id/tng-unique-id.service.d.ts +9 -0
  36. package/src/lib/form/_shared/id/tng-unique-id.service.d.ts.map +1 -0
  37. package/src/lib/form/_shared/id/tng-unique-id.service.js +18 -0
  38. package/src/lib/form/_shared/id/tng-unique-id.service.js.map +1 -0
  39. package/src/lib/form/_shared/id/tng-unique-id.token.d.ts +8 -0
  40. package/src/lib/form/_shared/id/tng-unique-id.token.d.ts.map +1 -0
  41. package/src/lib/form/_shared/id/tng-unique-id.token.js +13 -0
  42. package/src/lib/form/_shared/id/tng-unique-id.token.js.map +1 -0
  43. package/src/lib/form/_shared/select/tng-select.host-api.d.ts +28 -0
  44. package/src/lib/form/_shared/select/tng-select.host-api.d.ts.map +1 -0
  45. package/src/lib/form/_shared/select/tng-select.host-api.js +1 -0
  46. package/src/lib/form/_shared/select/tng-select.host-api.js.map +1 -0
  47. package/src/lib/form/_shared/select/tng-select.overlay.shared.d.ts +38 -0
  48. package/src/lib/form/_shared/select/tng-select.overlay.shared.d.ts.map +1 -0
  49. package/src/lib/form/_shared/select/tng-select.overlay.shared.js +226 -0
  50. package/src/lib/form/_shared/select/tng-select.overlay.shared.js.map +1 -0
  51. package/src/lib/form/_shared/select/tng-select.parts.shared.d.ts +35 -0
  52. package/src/lib/form/_shared/select/tng-select.parts.shared.d.ts.map +1 -0
  53. package/src/lib/form/_shared/select/tng-select.parts.shared.js +199 -0
  54. package/src/lib/form/_shared/select/tng-select.parts.shared.js.map +1 -0
  55. package/src/lib/form/_shared/select/tng-select.tokens.shared.d.ts +8 -0
  56. package/src/lib/form/_shared/select/tng-select.tokens.shared.d.ts.map +1 -0
  57. package/src/lib/form/_shared/select/tng-select.tokens.shared.js +7 -0
  58. package/src/lib/form/_shared/select/tng-select.tokens.shared.js.map +1 -0
  59. package/src/lib/form/autocomplete/index.d.ts +7 -0
  60. package/src/lib/form/autocomplete/index.d.ts.map +1 -0
  61. package/src/lib/form/autocomplete/index.js +6 -0
  62. package/src/lib/form/autocomplete/index.js.map +1 -0
  63. package/src/lib/form/autocomplete/tng-autocomplete.d.ts +52 -0
  64. package/src/lib/form/autocomplete/tng-autocomplete.d.ts.map +1 -0
  65. package/src/lib/form/autocomplete/tng-autocomplete.js +95 -0
  66. package/src/lib/form/autocomplete/tng-autocomplete.js.map +1 -0
  67. package/src/lib/form/autocomplete/tng-autocomplete.listbox.d.ts +19 -0
  68. package/src/lib/form/autocomplete/tng-autocomplete.listbox.d.ts.map +1 -0
  69. package/src/lib/form/autocomplete/tng-autocomplete.listbox.js +123 -0
  70. package/src/lib/form/autocomplete/tng-autocomplete.listbox.js.map +1 -0
  71. package/src/lib/form/autocomplete/tng-autocomplete.listbox.tokens.d.ts +4 -0
  72. package/src/lib/form/autocomplete/tng-autocomplete.listbox.tokens.d.ts.map +1 -0
  73. package/src/lib/form/autocomplete/tng-autocomplete.listbox.tokens.js +3 -0
  74. package/src/lib/form/autocomplete/tng-autocomplete.listbox.tokens.js.map +1 -0
  75. package/src/lib/form/autocomplete/tng-autocomplete.listbox.types.d.ts +4 -0
  76. package/src/lib/form/autocomplete/tng-autocomplete.listbox.types.d.ts.map +1 -0
  77. package/src/lib/form/autocomplete/tng-autocomplete.listbox.types.js +1 -0
  78. package/src/lib/form/autocomplete/tng-autocomplete.listbox.types.js.map +1 -0
  79. package/src/lib/form/autocomplete/tng-autocomplete.overlay.d.ts +40 -0
  80. package/src/lib/form/autocomplete/tng-autocomplete.overlay.d.ts.map +1 -0
  81. package/src/lib/form/autocomplete/tng-autocomplete.overlay.js +236 -0
  82. package/src/lib/form/autocomplete/tng-autocomplete.overlay.js.map +1 -0
  83. package/src/lib/form/autocomplete/tng-autocomplete.parts.d.ts +38 -0
  84. package/src/lib/form/autocomplete/tng-autocomplete.parts.d.ts.map +1 -0
  85. package/src/lib/form/autocomplete/tng-autocomplete.parts.js +252 -0
  86. package/src/lib/form/autocomplete/tng-autocomplete.parts.js.map +1 -0
  87. package/src/lib/form/autocomplete/tng-autocomplete.tokens.d.ts +4 -0
  88. package/src/lib/form/autocomplete/tng-autocomplete.tokens.d.ts.map +1 -0
  89. package/src/lib/form/autocomplete/tng-autocomplete.tokens.js +3 -0
  90. package/src/lib/form/autocomplete/tng-autocomplete.tokens.js.map +1 -0
  91. package/src/lib/form/button-toggle/tng-button-toggle.d.ts +164 -0
  92. package/src/lib/form/button-toggle/tng-button-toggle.d.ts.map +1 -0
  93. package/src/lib/form/button-toggle/tng-button-toggle.js +1097 -0
  94. package/src/lib/form/button-toggle/tng-button-toggle.js.map +1 -0
  95. package/src/lib/form/checkbox/tng-checkbox.d.ts +48 -0
  96. package/src/lib/form/checkbox/tng-checkbox.d.ts.map +1 -0
  97. package/src/lib/form/checkbox/tng-checkbox.js +234 -0
  98. package/src/lib/form/checkbox/tng-checkbox.js.map +1 -0
  99. package/src/lib/form/chips/tng-chips.d.ts +4 -0
  100. package/src/lib/form/chips/tng-chips.d.ts.map +1 -0
  101. package/src/lib/form/chips/tng-chips.js +16 -0
  102. package/src/lib/form/chips/tng-chips.js.map +1 -0
  103. package/src/lib/form/combobox/tng-combobox.d.ts +4 -0
  104. package/src/lib/form/combobox/tng-combobox.d.ts.map +1 -0
  105. package/src/lib/form/combobox/tng-combobox.js +16 -0
  106. package/src/lib/form/combobox/tng-combobox.js.map +1 -0
  107. package/src/lib/form/input/tng-input.d.ts +87 -0
  108. package/src/lib/form/input/tng-input.d.ts.map +1 -0
  109. package/src/lib/form/input/tng-input.js +393 -0
  110. package/src/lib/form/input/tng-input.js.map +1 -0
  111. package/src/lib/form/input-otp/tng-input-otp.d.ts +7 -0
  112. package/src/lib/form/input-otp/tng-input-otp.d.ts.map +1 -0
  113. package/src/lib/form/input-otp/tng-input-otp.js +33 -0
  114. package/src/lib/form/input-otp/tng-input-otp.js.map +1 -0
  115. package/src/lib/form/label/tng-label.d.ts +6 -0
  116. package/src/lib/form/label/tng-label.d.ts.map +1 -0
  117. package/src/lib/form/label/tng-label.js +25 -0
  118. package/src/lib/form/label/tng-label.js.map +1 -0
  119. package/src/lib/form/listbox/listbox.directive.d.ts +51 -0
  120. package/src/lib/form/listbox/listbox.directive.d.ts.map +1 -0
  121. package/src/lib/form/listbox/listbox.directive.js +439 -0
  122. package/src/lib/form/listbox/listbox.directive.js.map +1 -0
  123. package/src/lib/form/listbox/option.directive.d.ts +22 -0
  124. package/src/lib/form/listbox/option.directive.d.ts.map +1 -0
  125. package/src/lib/form/listbox/option.directive.js +109 -0
  126. package/src/lib/form/listbox/option.directive.js.map +1 -0
  127. package/src/lib/form/listbox/tokens.d.ts +14 -0
  128. package/src/lib/form/listbox/tokens.d.ts.map +1 -0
  129. package/src/lib/form/listbox/tokens.js +13 -0
  130. package/src/lib/form/listbox/tokens.js.map +1 -0
  131. package/src/lib/form/multi-autocomplete/index.d.ts +10 -0
  132. package/src/lib/form/multi-autocomplete/index.d.ts.map +1 -0
  133. package/src/lib/form/multi-autocomplete/index.js +10 -0
  134. package/src/lib/form/multi-autocomplete/index.js.map +1 -0
  135. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.chip.d.ts +11 -0
  136. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.chip.d.ts.map +1 -0
  137. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.chip.js +98 -0
  138. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.chip.js.map +1 -0
  139. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.content.d.ts +10 -0
  140. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.content.d.ts.map +1 -0
  141. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.content.js +45 -0
  142. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.content.js.map +1 -0
  143. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.d.ts +43 -0
  144. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.d.ts.map +1 -0
  145. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.js +150 -0
  146. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.js.map +1 -0
  147. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.d.ts +20 -0
  148. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.d.ts.map +1 -0
  149. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.js +138 -0
  150. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.js.map +1 -0
  151. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.tokens.d.ts +4 -0
  152. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.tokens.d.ts.map +1 -0
  153. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.tokens.js +3 -0
  154. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.tokens.js.map +1 -0
  155. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.types.d.ts +18 -0
  156. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.types.d.ts.map +1 -0
  157. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.types.js +2 -0
  158. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.listbox.types.js.map +1 -0
  159. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.overlay.d.ts +4 -0
  160. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.overlay.d.ts.map +1 -0
  161. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.overlay.js +17 -0
  162. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.overlay.js.map +1 -0
  163. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.tokens.d.ts +4 -0
  164. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.tokens.d.ts.map +1 -0
  165. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.tokens.js +3 -0
  166. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.tokens.js.map +1 -0
  167. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.trigger.d.ts +21 -0
  168. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.trigger.d.ts.map +1 -0
  169. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.trigger.js +241 -0
  170. package/src/lib/form/multi-autocomplete/tng-multi-autocomplete.trigger.js.map +1 -0
  171. package/src/lib/form/multi-select/index.d.ts +7 -0
  172. package/src/lib/form/multi-select/index.d.ts.map +1 -0
  173. package/src/lib/form/multi-select/index.js +6 -0
  174. package/src/lib/form/multi-select/index.js.map +1 -0
  175. package/src/lib/form/multi-select/tng-multi-select.d.ts +45 -0
  176. package/src/lib/form/multi-select/tng-multi-select.d.ts.map +1 -0
  177. package/src/lib/form/multi-select/tng-multi-select.js +136 -0
  178. package/src/lib/form/multi-select/tng-multi-select.js.map +1 -0
  179. package/src/lib/form/multi-select/tng-multi-select.listbox.d.ts +21 -0
  180. package/src/lib/form/multi-select/tng-multi-select.listbox.d.ts.map +1 -0
  181. package/src/lib/form/multi-select/tng-multi-select.listbox.js +107 -0
  182. package/src/lib/form/multi-select/tng-multi-select.listbox.js.map +1 -0
  183. package/src/lib/form/multi-select/tng-multi-select.listbox.tokens.d.ts +3 -0
  184. package/src/lib/form/multi-select/tng-multi-select.listbox.tokens.d.ts.map +1 -0
  185. package/src/lib/form/multi-select/tng-multi-select.listbox.tokens.js +3 -0
  186. package/src/lib/form/multi-select/tng-multi-select.listbox.tokens.js.map +1 -0
  187. package/src/lib/form/multi-select/tng-multi-select.listbox.types.d.ts +3 -0
  188. package/src/lib/form/multi-select/tng-multi-select.listbox.types.d.ts.map +1 -0
  189. package/src/lib/form/multi-select/tng-multi-select.listbox.types.js +1 -0
  190. package/src/lib/form/multi-select/tng-multi-select.listbox.types.js.map +1 -0
  191. package/src/lib/form/multi-select/tng-multi-select.overlay.d.ts +5 -0
  192. package/src/lib/form/multi-select/tng-multi-select.overlay.d.ts.map +1 -0
  193. package/src/lib/form/multi-select/tng-multi-select.overlay.js +5 -0
  194. package/src/lib/form/multi-select/tng-multi-select.overlay.js.map +1 -0
  195. package/src/lib/form/multi-select/tng-multi-select.parts.d.ts +5 -0
  196. package/src/lib/form/multi-select/tng-multi-select.parts.d.ts.map +1 -0
  197. package/src/lib/form/multi-select/tng-multi-select.parts.js +5 -0
  198. package/src/lib/form/multi-select/tng-multi-select.parts.js.map +1 -0
  199. package/src/lib/form/multi-select/tng-multi-select.tokens.d.ts +4 -0
  200. package/src/lib/form/multi-select/tng-multi-select.tokens.d.ts.map +1 -0
  201. package/src/lib/form/multi-select/tng-multi-select.tokens.js +3 -0
  202. package/src/lib/form/multi-select/tng-multi-select.tokens.js.map +1 -0
  203. package/src/lib/form/multiselect/tng-multiselect.d.ts +4 -0
  204. package/src/lib/form/multiselect/tng-multiselect.d.ts.map +1 -0
  205. package/src/lib/form/multiselect/tng-multiselect.js +16 -0
  206. package/src/lib/form/multiselect/tng-multiselect.js.map +1 -0
  207. package/src/lib/form/radio/tng-radio.d.ts +20 -0
  208. package/src/lib/form/radio/tng-radio.d.ts.map +1 -0
  209. package/src/lib/form/radio/tng-radio.js +86 -0
  210. package/src/lib/form/radio/tng-radio.js.map +1 -0
  211. package/src/lib/form/select/tng-select.d.ts +38 -0
  212. package/src/lib/form/select/tng-select.d.ts.map +1 -0
  213. package/src/lib/form/select/tng-select.js +106 -0
  214. package/src/lib/form/select/tng-select.js.map +1 -0
  215. package/src/lib/form/select/tng-select.listbox.d.ts +20 -0
  216. package/src/lib/form/select/tng-select.listbox.d.ts.map +1 -0
  217. package/src/lib/form/select/tng-select.listbox.js +123 -0
  218. package/src/lib/form/select/tng-select.listbox.js.map +1 -0
  219. package/src/lib/form/select/tng-select.listbox.tokens.d.ts +3 -0
  220. package/src/lib/form/select/tng-select.listbox.tokens.d.ts.map +1 -0
  221. package/src/lib/form/select/tng-select.listbox.tokens.js +3 -0
  222. package/src/lib/form/select/tng-select.listbox.tokens.js.map +1 -0
  223. package/src/lib/form/select/tng-select.listbox.types.d.ts +4 -0
  224. package/src/lib/form/select/tng-select.listbox.types.d.ts.map +1 -0
  225. package/src/lib/form/select/tng-select.listbox.types.js +1 -0
  226. package/src/lib/form/select/tng-select.listbox.types.js.map +1 -0
  227. package/src/lib/form/select/tng-select.overlay.d.ts +5 -0
  228. package/src/lib/form/select/tng-select.overlay.d.ts.map +1 -0
  229. package/src/lib/form/select/tng-select.overlay.js +5 -0
  230. package/src/lib/form/select/tng-select.overlay.js.map +1 -0
  231. package/src/lib/form/select/tng-select.parts.d.ts +5 -0
  232. package/src/lib/form/select/tng-select.parts.d.ts.map +1 -0
  233. package/src/lib/form/select/tng-select.parts.js +5 -0
  234. package/src/lib/form/select/tng-select.parts.js.map +1 -0
  235. package/src/lib/form/select/tng-select.tokens.d.ts +4 -0
  236. package/src/lib/form/select/tng-select.tokens.d.ts.map +1 -0
  237. package/src/lib/form/select/tng-select.tokens.js +3 -0
  238. package/src/lib/form/select/tng-select.tokens.js.map +1 -0
  239. package/src/lib/form/slider/tng-slider.d.ts +19 -0
  240. package/src/lib/form/slider/tng-slider.d.ts.map +1 -0
  241. package/src/lib/form/slider/tng-slider.js +84 -0
  242. package/src/lib/form/slider/tng-slider.js.map +1 -0
  243. package/src/lib/form/switch/tng-switch.d.ts +19 -0
  244. package/src/lib/form/switch/tng-switch.d.ts.map +1 -0
  245. package/src/lib/form/switch/tng-switch.js +79 -0
  246. package/src/lib/form/switch/tng-switch.js.map +1 -0
  247. package/src/lib/form/textarea/tng-textarea.d.ts +23 -0
  248. package/src/lib/form/textarea/tng-textarea.d.ts.map +1 -0
  249. package/src/lib/form/textarea/tng-textarea.js +119 -0
  250. package/src/lib/form/textarea/tng-textarea.js.map +1 -0
  251. package/src/lib/form/toggle/tng-toggle.d.ts +44 -0
  252. package/src/lib/form/toggle/tng-toggle.d.ts.map +1 -0
  253. package/src/lib/form/toggle/tng-toggle.js +203 -0
  254. package/src/lib/form/toggle/tng-toggle.js.map +1 -0
  255. package/src/lib/form/toggle-group/tng-toggle-group.d.ts +35 -0
  256. package/src/lib/form/toggle-group/tng-toggle-group.d.ts.map +1 -0
  257. package/src/lib/form/toggle-group/tng-toggle-group.js +156 -0
  258. package/src/lib/form/toggle-group/tng-toggle-group.js.map +1 -0
  259. package/src/lib/internal/combobox/combobox.active.d.ts +17 -0
  260. package/src/lib/internal/combobox/combobox.active.d.ts.map +1 -0
  261. package/src/lib/internal/combobox/combobox.active.js +19 -0
  262. package/src/lib/internal/combobox/combobox.active.js.map +1 -0
  263. package/src/lib/internal/combobox/combobox.commit.d.ts +20 -0
  264. package/src/lib/internal/combobox/combobox.commit.d.ts.map +1 -0
  265. package/src/lib/internal/combobox/combobox.commit.js +34 -0
  266. package/src/lib/internal/combobox/combobox.commit.js.map +1 -0
  267. package/src/lib/internal/combobox/combobox.keyboard.d.ts +39 -0
  268. package/src/lib/internal/combobox/combobox.keyboard.d.ts.map +1 -0
  269. package/src/lib/internal/combobox/combobox.keyboard.js +88 -0
  270. package/src/lib/internal/combobox/combobox.keyboard.js.map +1 -0
  271. package/src/lib/internal/combobox/combobox.listbox-api.d.ts +19 -0
  272. package/src/lib/internal/combobox/combobox.listbox-api.d.ts.map +1 -0
  273. package/src/lib/internal/combobox/combobox.listbox-api.js +5 -0
  274. package/src/lib/internal/combobox/combobox.listbox-api.js.map +1 -0
  275. package/src/lib/internal/combobox/index.d.ts +5 -0
  276. package/src/lib/internal/combobox/index.d.ts.map +1 -0
  277. package/src/lib/internal/combobox/index.js +4 -0
  278. package/src/lib/internal/combobox/index.js.map +1 -0
  279. package/src/lib/layout/accordion/tng-accordion.d.ts +150 -0
  280. package/src/lib/layout/accordion/tng-accordion.d.ts.map +1 -0
  281. package/src/lib/layout/accordion/tng-accordion.js +852 -0
  282. package/src/lib/layout/accordion/tng-accordion.js.map +1 -0
  283. package/src/lib/layout/bottom-sheet/tng-bottom-sheet.d.ts +4 -0
  284. package/src/lib/layout/bottom-sheet/tng-bottom-sheet.d.ts.map +1 -0
  285. package/src/lib/layout/bottom-sheet/tng-bottom-sheet.js +16 -0
  286. package/src/lib/layout/bottom-sheet/tng-bottom-sheet.js.map +1 -0
  287. package/src/lib/layout/card/tng-card.d.ts +31 -0
  288. package/src/lib/layout/card/tng-card.d.ts.map +1 -0
  289. package/src/lib/layout/card/tng-card.js +133 -0
  290. package/src/lib/layout/card/tng-card.js.map +1 -0
  291. package/src/lib/layout/collapsible/tng-collapsible.d.ts +28 -0
  292. package/src/lib/layout/collapsible/tng-collapsible.d.ts.map +1 -0
  293. package/src/lib/layout/collapsible/tng-collapsible.js +123 -0
  294. package/src/lib/layout/collapsible/tng-collapsible.js.map +1 -0
  295. package/src/lib/layout/drawer/tng-drawer.d.ts +177 -0
  296. package/src/lib/layout/drawer/tng-drawer.d.ts.map +1 -0
  297. package/src/lib/layout/drawer/tng-drawer.js +1147 -0
  298. package/src/lib/layout/drawer/tng-drawer.js.map +1 -0
  299. package/src/lib/layout/grid/tng-grid.d.ts +4 -0
  300. package/src/lib/layout/grid/tng-grid.d.ts.map +1 -0
  301. package/src/lib/layout/grid/tng-grid.js +16 -0
  302. package/src/lib/layout/grid/tng-grid.js.map +1 -0
  303. package/src/lib/layout/separator/tng-separator.d.ts +11 -0
  304. package/src/lib/layout/separator/tng-separator.d.ts.map +1 -0
  305. package/src/lib/layout/separator/tng-separator.js +47 -0
  306. package/src/lib/layout/separator/tng-separator.js.map +1 -0
  307. package/src/lib/layout/stepper/tng-stepper.d.ts +4 -0
  308. package/src/lib/layout/stepper/tng-stepper.d.ts.map +1 -0
  309. package/src/lib/layout/stepper/tng-stepper.js +16 -0
  310. package/src/lib/layout/stepper/tng-stepper.js.map +1 -0
  311. package/src/lib/layout/tree/tng-tree.d.ts +4 -0
  312. package/src/lib/layout/tree/tng-tree.d.ts.map +1 -0
  313. package/src/lib/layout/tree/tng-tree.js +16 -0
  314. package/src/lib/layout/tree/tng-tree.js.map +1 -0
  315. package/src/lib/navigation/breadcrumb/tng-breadcrumb.d.ts +17 -0
  316. package/src/lib/navigation/breadcrumb/tng-breadcrumb.d.ts.map +1 -0
  317. package/src/lib/navigation/breadcrumb/tng-breadcrumb.js +72 -0
  318. package/src/lib/navigation/breadcrumb/tng-breadcrumb.js.map +1 -0
  319. package/src/lib/navigation/context-menu/tng-context-menu.d.ts +36 -0
  320. package/src/lib/navigation/context-menu/tng-context-menu.d.ts.map +1 -0
  321. package/src/lib/navigation/context-menu/tng-context-menu.js +159 -0
  322. package/src/lib/navigation/context-menu/tng-context-menu.js.map +1 -0
  323. package/src/lib/navigation/dropdown-menu/tng-dropdown-menu.d.ts +4 -0
  324. package/src/lib/navigation/dropdown-menu/tng-dropdown-menu.d.ts.map +1 -0
  325. package/src/lib/navigation/dropdown-menu/tng-dropdown-menu.js +16 -0
  326. package/src/lib/navigation/dropdown-menu/tng-dropdown-menu.js.map +1 -0
  327. package/src/lib/navigation/menu/tng-menu.d.ts +173 -0
  328. package/src/lib/navigation/menu/tng-menu.d.ts.map +1 -0
  329. package/src/lib/navigation/menu/tng-menu.js +1026 -0
  330. package/src/lib/navigation/menu/tng-menu.js.map +1 -0
  331. package/src/lib/navigation/menubar/tng-menubar.d.ts +64 -0
  332. package/src/lib/navigation/menubar/tng-menubar.d.ts.map +1 -0
  333. package/src/lib/navigation/menubar/tng-menubar.js +478 -0
  334. package/src/lib/navigation/menubar/tng-menubar.js.map +1 -0
  335. package/src/lib/navigation/navigation-menu/tng-navigation-menu.d.ts +4 -0
  336. package/src/lib/navigation/navigation-menu/tng-navigation-menu.d.ts.map +1 -0
  337. package/src/lib/navigation/navigation-menu/tng-navigation-menu.js +16 -0
  338. package/src/lib/navigation/navigation-menu/tng-navigation-menu.js.map +1 -0
  339. package/src/lib/navigation/tabs/tng-tabs.d.ts +234 -0
  340. package/src/lib/navigation/tabs/tng-tabs.d.ts.map +1 -0
  341. package/src/lib/navigation/tabs/tng-tabs.js +1350 -0
  342. package/src/lib/navigation/tabs/tng-tabs.js.map +1 -0
  343. package/src/lib/navigation/toolbar/tng-toolbar.d.ts +4 -0
  344. package/src/lib/navigation/toolbar/tng-toolbar.d.ts.map +1 -0
  345. package/src/lib/navigation/toolbar/tng-toolbar.js +16 -0
  346. package/src/lib/navigation/toolbar/tng-toolbar.js.map +1 -0
  347. package/src/lib/overlay/tooltip/tng-tooltip.d.ts +25 -0
  348. package/src/lib/overlay/tooltip/tng-tooltip.d.ts.map +1 -0
  349. package/src/lib/overlay/tooltip/tng-tooltip.js +99 -0
  350. package/src/lib/overlay/tooltip/tng-tooltip.js.map +1 -0
  351. package/src/lib/utility/avatar/tng-avatar.d.ts +10 -0
  352. package/src/lib/utility/avatar/tng-avatar.d.ts.map +1 -0
  353. package/src/lib/utility/avatar/tng-avatar.js +42 -0
  354. package/src/lib/utility/avatar/tng-avatar.js.map +1 -0
  355. package/src/lib/utility/badge/tng-badge.d.ts +63 -0
  356. package/src/lib/utility/badge/tng-badge.d.ts.map +1 -0
  357. package/src/lib/utility/badge/tng-badge.js +345 -0
  358. package/src/lib/utility/badge/tng-badge.js.map +1 -0
  359. package/src/lib/utility/code-block/tng-code-block.d.ts +16 -0
  360. package/src/lib/utility/code-block/tng-code-block.d.ts.map +1 -0
  361. package/src/lib/utility/code-block/tng-code-block.js +68 -0
  362. package/src/lib/utility/code-block/tng-code-block.js.map +1 -0
  363. package/src/lib/utility/copy/tng-copy.d.ts +75 -0
  364. package/src/lib/utility/copy/tng-copy.d.ts.map +1 -0
  365. package/src/lib/utility/copy/tng-copy.js +544 -0
  366. package/src/lib/utility/copy/tng-copy.js.map +1 -0
  367. package/src/lib/utility/press/tng-press.d.ts +33 -0
  368. package/src/lib/utility/press/tng-press.d.ts.map +1 -0
  369. package/src/lib/utility/press/tng-press.js +207 -0
  370. package/src/lib/utility/press/tng-press.js.map +1 -0
  371. package/src/lib/utility/tag/tng-tag.d.ts +4 -0
  372. package/src/lib/utility/tag/tng-tag.d.ts.map +1 -0
  373. package/src/lib/utility/tag/tng-tag.js +16 -0
  374. package/src/lib/utility/tag/tng-tag.js.map +1 -0
@@ -0,0 +1,199 @@
1
+ import { __decorate } from "tslib";
2
+ import { DestroyRef, Directive, ElementRef, HostBinding, HostListener, inject } from '@angular/core';
3
+ import { createTngIdFactory } from '@tailng-ui/cdk';
4
+ import { ensureActiveAndSync, handleComboboxKeydown } from '../../../internal/combobox';
5
+ import { TNG_SELECT_HOST } from './tng-select.tokens.shared';
6
+ let TngSelectTrigger = class TngSelectTrigger {
7
+ host = inject(TNG_SELECT_HOST);
8
+ el = inject((ElementRef));
9
+ get listbox() {
10
+ return this.host.getListboxApi();
11
+ }
12
+ authorTabindex = this.el.nativeElement.getAttribute('tabindex') !== null;
13
+ dataSlot = 'select-trigger';
14
+ role = 'combobox';
15
+ haspopup = 'listbox';
16
+ get ariaExpanded() {
17
+ return this.host.open() ? 'true' : 'false';
18
+ }
19
+ get ariaDisabled() {
20
+ return this.host.disabled() ? 'true' : null;
21
+ }
22
+ get ariaControls() {
23
+ if (!this.host.open())
24
+ return null;
25
+ return this.host.getContentId() ?? this.host.getListboxId();
26
+ }
27
+ get ariaActiveDescendant() {
28
+ return this.host.open() ? this.host.getActiveDescendantId() : null;
29
+ }
30
+ get tabindex() {
31
+ const node = this.el.nativeElement;
32
+ const isNaturallyFocusable = node instanceof HTMLButtonElement ||
33
+ node instanceof HTMLInputElement ||
34
+ node instanceof HTMLSelectElement ||
35
+ node instanceof HTMLTextAreaElement;
36
+ return isNaturallyFocusable || this.authorTabindex ? null : '0';
37
+ }
38
+ get ariaInvalid() {
39
+ return this.host.invalid() ? 'true' : null;
40
+ }
41
+ get ariaLabelledby() {
42
+ const node = this.el.nativeElement;
43
+ if (node.hasAttribute('aria-label'))
44
+ return null;
45
+ return this.host.labelId();
46
+ }
47
+ get ariaDescribedby() {
48
+ const ids = [];
49
+ const desc = this.host.descriptionId();
50
+ if (desc)
51
+ ids.push(desc);
52
+ if (this.host.invalid()) {
53
+ const err = this.host.errorId();
54
+ if (err)
55
+ ids.push(err);
56
+ }
57
+ return ids.length ? ids.join(' ') : null;
58
+ }
59
+ onPointerDown(event) {
60
+ if (this.host.disabled())
61
+ return;
62
+ const btn = event.button ?? 0;
63
+ if (btn !== 0)
64
+ return;
65
+ event.preventDefault();
66
+ this.el.nativeElement.focus();
67
+ this.host.toggle();
68
+ if (this.host.open()) {
69
+ ensureActiveAndSync(this.listbox, (id) => this.host.setActiveDescendantId(id));
70
+ }
71
+ }
72
+ onKeydown(event) {
73
+ handleComboboxKeydown(event, {
74
+ disabled: this.host.disabled(),
75
+ open: this.host.open(),
76
+ openSelect: () => this.host.openSelect(),
77
+ close: () => this.host.close(),
78
+ listbox: this.listbox,
79
+ setActiveDescendantId: (id) => this.host.setActiveDescendantId(id),
80
+ multiSelect: this.host.multiple(),
81
+ });
82
+ }
83
+ };
84
+ __decorate([
85
+ HostBinding('attr.data-slot')
86
+ ], TngSelectTrigger.prototype, "dataSlot", void 0);
87
+ __decorate([
88
+ HostBinding('attr.role')
89
+ ], TngSelectTrigger.prototype, "role", void 0);
90
+ __decorate([
91
+ HostBinding('attr.aria-haspopup')
92
+ ], TngSelectTrigger.prototype, "haspopup", void 0);
93
+ __decorate([
94
+ HostBinding('attr.aria-expanded')
95
+ ], TngSelectTrigger.prototype, "ariaExpanded", null);
96
+ __decorate([
97
+ HostBinding('attr.aria-disabled')
98
+ ], TngSelectTrigger.prototype, "ariaDisabled", null);
99
+ __decorate([
100
+ HostBinding('attr.aria-controls')
101
+ ], TngSelectTrigger.prototype, "ariaControls", null);
102
+ __decorate([
103
+ HostBinding('attr.aria-activedescendant')
104
+ ], TngSelectTrigger.prototype, "ariaActiveDescendant", null);
105
+ __decorate([
106
+ HostBinding('attr.tabindex')
107
+ ], TngSelectTrigger.prototype, "tabindex", null);
108
+ __decorate([
109
+ HostBinding('attr.aria-invalid')
110
+ ], TngSelectTrigger.prototype, "ariaInvalid", null);
111
+ __decorate([
112
+ HostBinding('attr.aria-labelledby')
113
+ ], TngSelectTrigger.prototype, "ariaLabelledby", null);
114
+ __decorate([
115
+ HostBinding('attr.aria-describedby')
116
+ ], TngSelectTrigger.prototype, "ariaDescribedby", null);
117
+ __decorate([
118
+ HostListener('pointerdown', ['$event'])
119
+ ], TngSelectTrigger.prototype, "onPointerDown", null);
120
+ __decorate([
121
+ HostListener('keydown', ['$event'])
122
+ ], TngSelectTrigger.prototype, "onKeydown", null);
123
+ TngSelectTrigger = __decorate([
124
+ Directive({
125
+ selector: '[tngSelectTrigger]',
126
+ exportAs: 'tngSelectTrigger',
127
+ standalone: true,
128
+ })
129
+ ], TngSelectTrigger);
130
+ export { TngSelectTrigger };
131
+ let TngSelectValue = class TngSelectValue {
132
+ dataSlot = 'select-value';
133
+ };
134
+ __decorate([
135
+ HostBinding('attr.data-slot')
136
+ ], TngSelectValue.prototype, "dataSlot", void 0);
137
+ TngSelectValue = __decorate([
138
+ Directive({
139
+ selector: '[tngSelectValue]',
140
+ exportAs: 'tngSelectValue',
141
+ standalone: true,
142
+ })
143
+ ], TngSelectValue);
144
+ export { TngSelectValue };
145
+ let TngSelectIcon = class TngSelectIcon {
146
+ dataSlot = 'select-icon';
147
+ };
148
+ __decorate([
149
+ HostBinding('attr.data-slot')
150
+ ], TngSelectIcon.prototype, "dataSlot", void 0);
151
+ TngSelectIcon = __decorate([
152
+ Directive({
153
+ selector: '[tngSelectIcon]',
154
+ exportAs: 'tngSelectIcon',
155
+ standalone: true,
156
+ })
157
+ ], TngSelectIcon);
158
+ export { TngSelectIcon };
159
+ const createContentId = createTngIdFactory('tng-select-content');
160
+ let TngSelectContent = class TngSelectContent {
161
+ host = inject(TNG_SELECT_HOST);
162
+ destroyRef = inject(DestroyRef);
163
+ id = createContentId();
164
+ dataSlot = 'select-content';
165
+ get hidden() {
166
+ return this.host.open() ? null : '';
167
+ }
168
+ get ariaBusy() {
169
+ return this.host.loading() ? 'true' : null;
170
+ }
171
+ constructor() {
172
+ this.host.setContentId(this.id);
173
+ this.destroyRef.onDestroy(() => {
174
+ if (this.host.getContentId() === this.id)
175
+ this.host.setContentId(null);
176
+ });
177
+ }
178
+ };
179
+ __decorate([
180
+ HostBinding('attr.id')
181
+ ], TngSelectContent.prototype, "id", void 0);
182
+ __decorate([
183
+ HostBinding('attr.data-slot')
184
+ ], TngSelectContent.prototype, "dataSlot", void 0);
185
+ __decorate([
186
+ HostBinding('attr.hidden')
187
+ ], TngSelectContent.prototype, "hidden", null);
188
+ __decorate([
189
+ HostBinding('attr.aria-busy')
190
+ ], TngSelectContent.prototype, "ariaBusy", null);
191
+ TngSelectContent = __decorate([
192
+ Directive({
193
+ selector: '[tngSelectContent]',
194
+ exportAs: 'tngSelectContent',
195
+ standalone: true,
196
+ })
197
+ ], TngSelectContent);
198
+ export { TngSelectContent };
199
+ //# sourceMappingURL=tng-select.parts.shared.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tng-select.parts.shared.js","sourceRoot":"","sources":["../../../../../../../../../libs/tailng-ui/primitives/src/lib/form/_shared/select/tng-select.parts.shared.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACrG,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAExF,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAOtD,IAAM,gBAAgB,GAAtB,MAAM,gBAAgB;IACV,IAAI,GAAG,MAAM,CAAmB,eAAe,CAAC,CAAC;IACjD,EAAE,GAAG,MAAM,CAAC,CAAA,UAAuB,CAAA,CAAC,CAAC;IAEtD,IAAY,OAAO;QACjB,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;IACnC,CAAC;IACgB,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAGvE,QAAQ,GAAqB,gBAAgB,CAAC;IAEpB,IAAI,GAAe,UAAU,CAAC;IACrB,QAAQ,GAAc,SAAS,CAAC;IAGtF,IAAc,YAAY;QACxB,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAC7C,CAAC;IAGD,IAAc,YAAY;QACxB,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9C,CAAC;IAGD,IAAc,YAAY;QACxB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YAAE,OAAO,IAAI,CAAC;QACnC,OAAO,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;IAC9D,CAAC;IAGD,IAAc,oBAAoB;QAChC,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACrE,CAAC;IAGD,IAAc,QAAQ;QACpB,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;QACnC,MAAM,oBAAoB,GACxB,IAAI,YAAY,iBAAiB;YACjC,IAAI,YAAY,gBAAgB;YAChC,IAAI,YAAY,iBAAiB;YACjC,IAAI,YAAY,mBAAmB,CAAC;QACtC,OAAO,oBAAoB,IAAI,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAClE,CAAC;IAGD,IAAc,WAAW;QACvB,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7C,CAAC;IAGD,IAAc,cAAc;QAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;QACnC,IAAI,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC;YAAE,OAAO,IAAI,CAAC;QACjD,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;IAC7B,CAAC;IAGD,IAAc,eAAe;QAC3B,MAAM,GAAG,GAAa,EAAE,CAAC;QACzB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;QACvC,IAAI,IAAI;YAAE,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzB,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;YACxB,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAChC,IAAI,GAAG;gBAAE,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACzB,CAAC;QACD,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3C,CAAC;IAGS,aAAa,CAAC,KAAmB;QACzC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAAE,OAAO;QACjC,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC;QAC9B,IAAI,GAAG,KAAK,CAAC;YAAE,OAAO;QAEtB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;QAC9B,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;QAEnB,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;YACrB,mBAAmB,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,EAAE,CAAC,CAAC,CAAC;QACjF,CAAC;IACH,CAAC;IAGS,SAAS,CAAC,KAAoB;QACtC,qBAAqB,CAAC,KAAK,EAAE;YAC3B,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC9B,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACtB,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACxC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YAC9B,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,qBAAqB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,EAAE,CAAC;YAClE,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;SAClC,CAAC,CAAC;IACL,CAAC;CACF,CAAA;AAxFoB;IADlB,WAAW,CAAC,gBAAgB,CAAC;kDACmC;AAEpB;IAA5C,WAAW,CAAC,WAAW,CAAC;8CAAkD;AACrB;IAArD,WAAW,CAAC,oBAAoB,CAAC;kDAAoD;AAGtF;IADC,WAAW,CAAC,oBAAoB,CAAC;oDAGjC;AAGD;IADC,WAAW,CAAC,oBAAoB,CAAC;oDAGjC;AAGD;IADC,WAAW,CAAC,oBAAoB,CAAC;oDAIjC;AAGD;IADC,WAAW,CAAC,4BAA4B,CAAC;4DAGzC;AAGD;IADC,WAAW,CAAC,eAAe,CAAC;gDAS5B;AAGD;IADC,WAAW,CAAC,mBAAmB,CAAC;mDAGhC;AAGD;IADC,WAAW,CAAC,sBAAsB,CAAC;sDAKnC;AAGD;IADC,WAAW,CAAC,uBAAuB,CAAC;uDAUpC;AAGS;IADT,YAAY,CAAC,aAAa,EAAE,CAAC,QAAQ,CAAC,CAAC;qDAavC;AAGS;IADT,YAAY,CAAC,SAAS,EAAE,CAAC,QAAQ,CAAC,CAAC;iDAWnC;AAjGU,gBAAgB;IAL5B,SAAS,CAAC;QACT,QAAQ,EAAE,oBAAoB;QAC9B,QAAQ,EAAE,kBAAkB;QAC5B,UAAU,EAAE,IAAI;KACjB,CAAC;GACW,gBAAgB,CAkG5B;;AAOM,IAAM,cAAc,GAApB,MAAM,cAAc;IAEN,QAAQ,GAAmB,cAAc,CAAC;CAC9D,CAAA;AADoB;IADlB,WAAW,CAAC,gBAAgB,CAAC;gDAC+B;AAFlD,cAAc;IAL1B,SAAS,CAAC;QACT,QAAQ,EAAE,kBAAkB;QAC5B,QAAQ,EAAE,gBAAgB;QAC1B,UAAU,EAAE,IAAI;KACjB,CAAC;GACW,cAAc,CAG1B;;AAOM,IAAM,aAAa,GAAnB,MAAM,aAAa;IAEL,QAAQ,GAAkB,aAAa,CAAC;CAC5D,CAAA;AADoB;IADlB,WAAW,CAAC,gBAAgB,CAAC;+CAC6B;AAFhD,aAAa;IALzB,SAAS,CAAC;QACT,QAAQ,EAAE,iBAAiB;QAC3B,QAAQ,EAAE,eAAe;QACzB,UAAU,EAAE,IAAI;KACjB,CAAC;GACW,aAAa,CAGzB;;AAED,MAAM,eAAe,GAAG,kBAAkB,CAAC,oBAAoB,CAAC,CAAC;AAO1D,IAAM,gBAAgB,GAAtB,MAAM,gBAAgB;IACV,IAAI,GAAG,MAAM,CAAmB,eAAe,CAAC,CAAC;IACjD,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAGxC,EAAE,GAAG,eAAe,EAAE,CAAC;IAGb,QAAQ,GAAqB,gBAAgB,CAAC;IAGjE,IAAc,MAAM;QAClB,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IACtC,CAAC;IAGD,IAAc,QAAQ;QACpB,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7C,CAAC;IAED;QACE,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAChC,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE;YAC7B,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,IAAI,CAAC,EAAE;gBAAE,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACzE,CAAC,CAAC,CAAC;IACL,CAAC;CACF,CAAA;AArBU;IADR,WAAW,CAAC,SAAS,CAAC;4CACS;AAGb;IADlB,WAAW,CAAC,gBAAgB,CAAC;kDACmC;AAGjE;IADC,WAAW,CAAC,aAAa,CAAC;8CAG1B;AAGD;IADC,WAAW,CAAC,gBAAgB,CAAC;gDAG7B;AAlBU,gBAAgB;IAL5B,SAAS,CAAC;QACT,QAAQ,EAAE,oBAAoB;QAC9B,QAAQ,EAAE,kBAAkB;QAC5B,UAAU,EAAE,IAAI;KACjB,CAAC;GACW,gBAAgB,CA0B5B","sourcesContent":["import { DestroyRef, Directive, ElementRef, HostBinding, HostListener, inject } from '@angular/core';\nimport { createTngIdFactory } from '@tailng-ui/cdk';\nimport { ensureActiveAndSync, handleComboboxKeydown } from '../../../internal/combobox';\nimport type { TngSelectHostApi } from './tng-select.host-api';\nimport { TNG_SELECT_HOST } from './tng-select.tokens.shared';\n\n@Directive({\n selector: '[tngSelectTrigger]',\n exportAs: 'tngSelectTrigger',\n standalone: true,\n})\nexport class TngSelectTrigger {\n private readonly host = inject<TngSelectHostApi>(TNG_SELECT_HOST);\n private readonly el = inject(ElementRef<HTMLElement>);\n\n private get listbox() {\n return this.host.getListboxApi();\n }\n private readonly authorTabindex = this.el.nativeElement.getAttribute('tabindex') !== null;\n\n @HostBinding('attr.data-slot')\n protected readonly dataSlot: 'select-trigger' = 'select-trigger';\n\n @HostBinding('attr.role') protected readonly role: 'combobox' = 'combobox';\n @HostBinding('attr.aria-haspopup') protected readonly haspopup: 'listbox' = 'listbox';\n\n @HostBinding('attr.aria-expanded')\n protected get ariaExpanded(): 'true' | 'false' {\n return this.host.open() ? 'true' : 'false';\n }\n\n @HostBinding('attr.aria-disabled')\n protected get ariaDisabled(): 'true' | null {\n return this.host.disabled() ? 'true' : null;\n }\n\n @HostBinding('attr.aria-controls')\n protected get ariaControls(): string | null {\n if (!this.host.open()) return null;\n return this.host.getContentId() ?? this.host.getListboxId();\n }\n\n @HostBinding('attr.aria-activedescendant')\n protected get ariaActiveDescendant(): string | null {\n return this.host.open() ? this.host.getActiveDescendantId() : null;\n }\n\n @HostBinding('attr.tabindex')\n protected get tabindex(): '0' | null {\n const node = this.el.nativeElement;\n const isNaturallyFocusable =\n node instanceof HTMLButtonElement ||\n node instanceof HTMLInputElement ||\n node instanceof HTMLSelectElement ||\n node instanceof HTMLTextAreaElement;\n return isNaturallyFocusable || this.authorTabindex ? null : '0';\n }\n\n @HostBinding('attr.aria-invalid')\n protected get ariaInvalid(): 'true' | null {\n return this.host.invalid() ? 'true' : null;\n }\n\n @HostBinding('attr.aria-labelledby')\n protected get ariaLabelledby(): string | null {\n const node = this.el.nativeElement;\n if (node.hasAttribute('aria-label')) return null;\n return this.host.labelId();\n }\n\n @HostBinding('attr.aria-describedby')\n protected get ariaDescribedby(): string | null {\n const ids: string[] = [];\n const desc = this.host.descriptionId();\n if (desc) ids.push(desc);\n if (this.host.invalid()) {\n const err = this.host.errorId();\n if (err) ids.push(err);\n }\n return ids.length ? ids.join(' ') : null;\n }\n\n @HostListener('pointerdown', ['$event'])\n protected onPointerDown(event: PointerEvent): void {\n if (this.host.disabled()) return;\n const btn = event.button ?? 0;\n if (btn !== 0) return;\n\n event.preventDefault();\n this.el.nativeElement.focus();\n this.host.toggle();\n\n if (this.host.open()) {\n ensureActiveAndSync(this.listbox, (id) => this.host.setActiveDescendantId(id));\n }\n }\n\n @HostListener('keydown', ['$event'])\n protected onKeydown(event: KeyboardEvent): void {\n handleComboboxKeydown(event, {\n disabled: this.host.disabled(),\n open: this.host.open(),\n openSelect: () => this.host.openSelect(),\n close: () => this.host.close(),\n listbox: this.listbox,\n setActiveDescendantId: (id) => this.host.setActiveDescendantId(id),\n multiSelect: this.host.multiple(),\n });\n }\n}\n\n@Directive({\n selector: '[tngSelectValue]',\n exportAs: 'tngSelectValue',\n standalone: true,\n})\nexport class TngSelectValue {\n @HostBinding('attr.data-slot')\n protected readonly dataSlot: 'select-value' = 'select-value';\n}\n\n@Directive({\n selector: '[tngSelectIcon]',\n exportAs: 'tngSelectIcon',\n standalone: true,\n})\nexport class TngSelectIcon {\n @HostBinding('attr.data-slot')\n protected readonly dataSlot: 'select-icon' = 'select-icon';\n}\n\nconst createContentId = createTngIdFactory('tng-select-content');\n\n@Directive({\n selector: '[tngSelectContent]',\n exportAs: 'tngSelectContent',\n standalone: true,\n})\nexport class TngSelectContent {\n private readonly host = inject<TngSelectHostApi>(TNG_SELECT_HOST);\n private readonly destroyRef = inject(DestroyRef);\n\n @HostBinding('attr.id')\n readonly id = createContentId();\n\n @HostBinding('attr.data-slot')\n protected readonly dataSlot: 'select-content' = 'select-content';\n\n @HostBinding('attr.hidden')\n protected get hidden(): '' | null {\n return this.host.open() ? null : '';\n }\n\n @HostBinding('attr.aria-busy')\n protected get ariaBusy(): 'true' | null {\n return this.host.loading() ? 'true' : null;\n }\n\n constructor() {\n this.host.setContentId(this.id);\n this.destroyRef.onDestroy(() => {\n if (this.host.getContentId() === this.id) this.host.setContentId(null);\n });\n }\n}\n"]}
@@ -0,0 +1,8 @@
1
+ import { InjectionToken } from '@angular/core';
2
+ import type { TngSelectHostApi } from './tng-select.host-api';
3
+ /**
4
+ * Token for the select host API. Provided by TngSelect or TngMultiSelect.
5
+ * Shared parts and overlay inject this.
6
+ */
7
+ export declare const TNG_SELECT_HOST: InjectionToken<TngSelectHostApi>;
8
+ //# sourceMappingURL=tng-select.tokens.shared.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tng-select.tokens.shared.d.ts","sourceRoot":"","sources":["../../../../../../../../../libs/tailng-ui/primitives/src/lib/form/_shared/select/tng-select.tokens.shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D;;;GAGG;AACH,eAAO,MAAM,eAAe,kCAC6B,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { InjectionToken } from '@angular/core';
2
+ /**
3
+ * Token for the select host API. Provided by TngSelect or TngMultiSelect.
4
+ * Shared parts and overlay inject this.
5
+ */
6
+ export const TNG_SELECT_HOST = new InjectionToken('TNG_SELECT_HOST');
7
+ //# sourceMappingURL=tng-select.tokens.shared.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tng-select.tokens.shared.js","sourceRoot":"","sources":["../../../../../../../../../libs/tailng-ui/primitives/src/lib/form/_shared/select/tng-select.tokens.shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAC1B,IAAI,cAAc,CAAmB,iBAAiB,CAAC,CAAC","sourcesContent":["import { InjectionToken } from '@angular/core';\nimport type { TngSelectHostApi } from './tng-select.host-api';\n\n/**\n * Token for the select host API. Provided by TngSelect or TngMultiSelect.\n * Shared parts and overlay inject this.\n */\nexport const TNG_SELECT_HOST =\n new InjectionToken<TngSelectHostApi>('TNG_SELECT_HOST');\n"]}
@@ -0,0 +1,7 @@
1
+ export { TngAutocomplete, type TngAutocompleteCreateEvent, } from './tng-autocomplete';
2
+ export { TNG_AUTOCOMPLETE } from './tng-autocomplete.tokens';
3
+ export { TngAutocompleteTrigger, TngAutocompleteTriggerContainer, TngAutocompleteContent, TngAutocompleteIcon, } from './tng-autocomplete.parts';
4
+ export { TngAutocompleteOverlay } from './tng-autocomplete.overlay';
5
+ export { TngAutocompleteListbox, TngAutocompleteOption } from './tng-autocomplete.listbox';
6
+ export type { TngAutocompleteListboxApi } from './tng-autocomplete.listbox.types';
7
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,KAAK,0BAA0B,GAChC,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EACL,sBAAsB,EACtB,+BAA+B,EAC/B,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAC3F,YAAY,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC"}
@@ -0,0 +1,6 @@
1
+ export { TngAutocomplete, } from './tng-autocomplete';
2
+ export { TNG_AUTOCOMPLETE } from './tng-autocomplete.tokens';
3
+ export { TngAutocompleteTrigger, TngAutocompleteTriggerContainer, TngAutocompleteContent, TngAutocompleteIcon, } from './tng-autocomplete.parts';
4
+ export { TngAutocompleteOverlay } from './tng-autocomplete.overlay';
5
+ export { TngAutocompleteListbox, TngAutocompleteOption } from './tng-autocomplete.listbox';
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,GAEhB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EACL,sBAAsB,EACtB,+BAA+B,EAC/B,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC","sourcesContent":["export {\n TngAutocomplete,\n type TngAutocompleteCreateEvent,\n} from './tng-autocomplete';\nexport { TNG_AUTOCOMPLETE } from './tng-autocomplete.tokens';\nexport {\n TngAutocompleteTrigger,\n TngAutocompleteTriggerContainer,\n TngAutocompleteContent,\n TngAutocompleteIcon,\n} from './tng-autocomplete.parts';\nexport { TngAutocompleteOverlay } from './tng-autocomplete.overlay';\nexport { TngAutocompleteListbox, TngAutocompleteOption } from './tng-autocomplete.listbox';\nexport type { TngAutocompleteListboxApi } from './tng-autocomplete.listbox.types';\n"]}
@@ -0,0 +1,52 @@
1
+ import type { TngAutocompleteListboxApi } from './tng-autocomplete.listbox.types';
2
+ /** Emitted when user commits a free-form value (Enter with no active option). */
3
+ export interface TngAutocompleteCreateEvent {
4
+ query: string;
5
+ }
6
+ export declare class TngAutocomplete<T = unknown> {
7
+ readonly hostElement: any;
8
+ readonly open: import("@angular/core").ModelSignal<boolean>;
9
+ readonly disabled: import("@angular/core").InputSignal<boolean>;
10
+ /** Value of the selected option. */
11
+ readonly value: import("@angular/core").ModelSignal<T | null>;
12
+ /** Allow free-form create when Enter with no active option. */
13
+ readonly allowCreate: import("@angular/core").InputSignal<boolean>;
14
+ /** When true, blocks free-form create (strict = must select from list). */
15
+ readonly strict: import("@angular/core").InputSignal<boolean>;
16
+ /** Emitted when user presses Enter with no active option and allowCreate and !strict. */
17
+ readonly create: import("@angular/core").OutputEmitterRef<TngAutocompleteCreateEvent>;
18
+ private _contentId;
19
+ private _listboxId;
20
+ private _activeId;
21
+ private _listboxApi;
22
+ /** Set by overlay before programmatic focus restore to prevent reopen-on-focus. */
23
+ _restoringFocus: boolean;
24
+ /** Set by trigger when create is emitted; listbox effect skips sync to avoid overwriting consumer value. */
25
+ _createJustEmitted: boolean;
26
+ readonly loading: import("@angular/core").InputSignal<boolean>;
27
+ readonly invalid: import("@angular/core").InputSignal<boolean>;
28
+ readonly labelId: import("@angular/core").InputSignal<string | null>;
29
+ readonly descriptionId: import("@angular/core").InputSignal<string | null>;
30
+ readonly errorId: import("@angular/core").InputSignal<string | null>;
31
+ /** Current input query (used for filtering). */
32
+ readonly query: import("@angular/core").ModelSignal<string>;
33
+ /** Emitted when query changes (typing OR open-on-focus empty emit). */
34
+ readonly queryChange: import("@angular/core").OutputEmitterRef<string>;
35
+ protected readonly dataSlot: "autocomplete";
36
+ protected get dataState(): 'open' | 'closed';
37
+ protected get dataDisabled(): '' | null;
38
+ protected get dataLoading(): '' | null;
39
+ protected get dataInvalid(): '' | null;
40
+ setContentId(id: string | null): void;
41
+ getContentId(): string | null;
42
+ setListboxId(id: string | null): void;
43
+ getListboxId(): string | null;
44
+ setActiveDescendantId(id: string | null): void;
45
+ getActiveDescendantId(): string | null;
46
+ openSelect(): void;
47
+ close(): void;
48
+ selectValue(value: T): void;
49
+ setListboxApi(api: TngAutocompleteListboxApi | null): void;
50
+ getListboxApi(): TngAutocompleteListboxApi | null;
51
+ }
52
+ //# sourceMappingURL=tng-autocomplete.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tng-autocomplete.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAElF,iFAAiF;AACjF,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBAMa,eAAe,CAAC,CAAC,GAAG,OAAO;IACtC,QAAQ,CAAC,WAAW,MAAiD;IAErE,SAAgB,IAAI,+CAAyB;IAC7C,SAAgB,QAAQ,+CAAyB;IACjD,oCAAoC;IACpC,SAAgB,KAAK,gDAAyB;IAC9C,+DAA+D;IAC/D,SAAgB,WAAW,+CAAyB;IACpD,2EAA2E;IAC3E,SAAgB,MAAM,+CAAyB;IAC/C,yFAAyF;IACzF,SAAgB,MAAM,uEAAwC;IAE9D,OAAO,CAAC,UAAU,CAAuB;IACzC,OAAO,CAAC,UAAU,CAAuB;IACzC,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,WAAW,CAA0C;IAC7D,mFAAmF;IACnF,eAAe,UAAS;IACxB,4GAA4G;IAC5G,kBAAkB,UAAS;IAE3B,SAAgB,OAAO,+CAAyB;IAChD,SAAgB,OAAO,+CAAyB;IAChD,SAAgB,OAAO,qDAA8B;IACrD,SAAgB,aAAa,qDAA8B;IAC3D,SAAgB,OAAO,qDAA8B;IAEnD,gDAAgD;IAClD,SAAgB,KAAK,8CAAqB;IAE1C,uEAAuE;IACvE,SAAgB,WAAW,mDAAoB;IAG/C,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,cAAc,CAAU;IAGtD,SAAS,KAAK,SAAS,IAAI,MAAM,GAAG,QAAQ,CAE3C;IAGD,SAAS,KAAK,YAAY,IAAI,EAAE,GAAG,IAAI,CAEtC;IAGD,SAAS,KAAK,WAAW,IAAI,EAAE,GAAG,IAAI,CAErC;IAGD,SAAS,KAAK,WAAW,IAAI,EAAE,GAAG,IAAI,CAErC;IAED,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IACrC,YAAY,IAAI,MAAM,GAAG,IAAI;IAC7B,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IACrC,YAAY,IAAI,MAAM,GAAG,IAAI;IAC7B,qBAAqB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAC9C,qBAAqB,IAAI,MAAM,GAAG,IAAI;IAEtC,UAAU,IAAI,IAAI;IAKlB,KAAK,IAAI,IAAI;IAEb,WAAW,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI;IAM3B,aAAa,CAAC,GAAG,EAAE,yBAAyB,GAAG,IAAI,GAAG,IAAI;IAI1D,aAAa,IAAI,yBAAyB,GAAG,IAAI;CAGlD"}
@@ -0,0 +1,95 @@
1
+ import { __decorate } from "tslib";
2
+ import { Directive, ElementRef, HostBinding, inject, input, model, output, } from '@angular/core';
3
+ import { TNG_AUTOCOMPLETE } from './tng-autocomplete.tokens';
4
+ let TngAutocomplete = class TngAutocomplete {
5
+ hostElement = inject((ElementRef)).nativeElement;
6
+ open = model(false);
7
+ disabled = input(false);
8
+ /** Value of the selected option. */
9
+ value = model(null);
10
+ /** Allow free-form create when Enter with no active option. */
11
+ allowCreate = input(false);
12
+ /** When true, blocks free-form create (strict = must select from list). */
13
+ strict = input(false);
14
+ /** Emitted when user presses Enter with no active option and allowCreate and !strict. */
15
+ create = output();
16
+ _contentId = null;
17
+ _listboxId = null;
18
+ _activeId = null;
19
+ _listboxApi = null;
20
+ /** Set by overlay before programmatic focus restore to prevent reopen-on-focus. */
21
+ _restoringFocus = false;
22
+ /** Set by trigger when create is emitted; listbox effect skips sync to avoid overwriting consumer value. */
23
+ _createJustEmitted = false;
24
+ loading = input(false);
25
+ invalid = input(false);
26
+ labelId = input(null);
27
+ descriptionId = input(null);
28
+ errorId = input(null);
29
+ /** Current input query (used for filtering). */
30
+ query = model('');
31
+ /** Emitted when query changes (typing OR open-on-focus empty emit). */
32
+ queryChange = output();
33
+ dataSlot = 'autocomplete';
34
+ get dataState() {
35
+ return this.open() ? 'open' : 'closed';
36
+ }
37
+ get dataDisabled() {
38
+ return this.disabled() ? '' : null;
39
+ }
40
+ get dataLoading() {
41
+ return this.loading() ? '' : null;
42
+ }
43
+ get dataInvalid() {
44
+ return this.invalid() ? '' : null;
45
+ }
46
+ setContentId(id) { this._contentId = id; }
47
+ getContentId() { return this._contentId; }
48
+ setListboxId(id) { this._listboxId = id; }
49
+ getListboxId() { return this._listboxId; }
50
+ setActiveDescendantId(id) { this._activeId = id; }
51
+ getActiveDescendantId() { return this._activeId; }
52
+ openSelect() {
53
+ if (this.disabled())
54
+ return;
55
+ this.open.set(true);
56
+ }
57
+ close() { this.open.set(false); }
58
+ selectValue(value) {
59
+ if (this.disabled())
60
+ return;
61
+ this.value.set(value);
62
+ this.close();
63
+ }
64
+ setListboxApi(api) {
65
+ this._listboxApi = api;
66
+ }
67
+ getListboxApi() {
68
+ return this._listboxApi;
69
+ }
70
+ };
71
+ __decorate([
72
+ HostBinding('attr.data-slot')
73
+ ], TngAutocomplete.prototype, "dataSlot", void 0);
74
+ __decorate([
75
+ HostBinding('attr.data-state')
76
+ ], TngAutocomplete.prototype, "dataState", null);
77
+ __decorate([
78
+ HostBinding('attr.data-disabled')
79
+ ], TngAutocomplete.prototype, "dataDisabled", null);
80
+ __decorate([
81
+ HostBinding('attr.data-loading')
82
+ ], TngAutocomplete.prototype, "dataLoading", null);
83
+ __decorate([
84
+ HostBinding('attr.data-invalid')
85
+ ], TngAutocomplete.prototype, "dataInvalid", null);
86
+ TngAutocomplete = __decorate([
87
+ Directive({
88
+ selector: '[tngAutocomplete]',
89
+ exportAs: 'tngAutocomplete',
90
+ standalone: true,
91
+ providers: [{ provide: TNG_AUTOCOMPLETE, useExisting: TngAutocomplete }],
92
+ })
93
+ ], TngAutocomplete);
94
+ export { TngAutocomplete };
95
+ //# sourceMappingURL=tng-autocomplete.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tng-autocomplete.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n Directive,\n ElementRef,\n HostBinding,\n inject,\n input,\n model,\n output,\n} from '@angular/core';\nimport { TNG_AUTOCOMPLETE } from './tng-autocomplete.tokens';\nimport type { TngAutocompleteListboxApi } from './tng-autocomplete.listbox.types';\n\n/** Emitted when user commits a free-form value (Enter with no active option). */\nexport interface TngAutocompleteCreateEvent {\n query: string;\n}\n\n@Directive({\n selector: '[tngAutocomplete]',\n exportAs: 'tngAutocomplete',\n standalone: true,\n providers: [{ provide: TNG_AUTOCOMPLETE, useExisting: TngAutocomplete }],\n})\nexport class TngAutocomplete<T = unknown> {\n readonly hostElement = inject(ElementRef<HTMLElement>).nativeElement;\n\n public readonly open = model<boolean>(false);\n public readonly disabled = input<boolean>(false);\n /** Value of the selected option. */\n public readonly value = model<T | null>(null);\n /** Allow free-form create when Enter with no active option. */\n public readonly allowCreate = input<boolean>(false);\n /** When true, blocks free-form create (strict = must select from list). */\n public readonly strict = input<boolean>(false);\n /** Emitted when user presses Enter with no active option and allowCreate and !strict. */\n public readonly create = output<TngAutocompleteCreateEvent>();\n\n private _contentId: string | null = null;\n private _listboxId: string | null = null;\n private _activeId: string | null = null;\n private _listboxApi: TngAutocompleteListboxApi | null = null;\n /** Set by overlay before programmatic focus restore to prevent reopen-on-focus. */\n _restoringFocus = false;\n /** Set by trigger when create is emitted; listbox effect skips sync to avoid overwriting consumer value. */\n _createJustEmitted = false;\n\n public readonly loading = input<boolean>(false);\n public readonly invalid = input<boolean>(false);\n public readonly labelId = input<string | null>(null);\n public readonly descriptionId = input<string | null>(null);\n public readonly errorId = input<string | null>(null);\n\n /** Current input query (used for filtering). */\n public readonly query = model<string>('');\n\n /** Emitted when query changes (typing OR open-on-focus empty emit). */\n public readonly queryChange = output<string>();\n\n @HostBinding('attr.data-slot')\n protected readonly dataSlot = 'autocomplete' as const;\n\n @HostBinding('attr.data-state')\n protected get dataState(): 'open' | 'closed' {\n return this.open() ? 'open' : 'closed';\n }\n\n @HostBinding('attr.data-disabled')\n protected get dataDisabled(): '' | null {\n return this.disabled() ? '' : null;\n }\n\n @HostBinding('attr.data-loading')\n protected get dataLoading(): '' | null {\n return this.loading() ? '' : null;\n }\n\n @HostBinding('attr.data-invalid')\n protected get dataInvalid(): '' | null {\n return this.invalid() ? '' : null;\n }\n\n setContentId(id: string | null): void { this._contentId = id; }\n getContentId(): string | null { return this._contentId; }\n setListboxId(id: string | null): void { this._listboxId = id; }\n getListboxId(): string | null { return this._listboxId; }\n setActiveDescendantId(id: string | null): void { this._activeId = id; }\n getActiveDescendantId(): string | null { return this._activeId; }\n\n openSelect(): void {\n if (this.disabled()) return;\n this.open.set(true);\n }\n\n close(): void { this.open.set(false); }\n\n selectValue(value: T): void {\n if (this.disabled()) return;\n this.value.set(value);\n this.close();\n }\n\n setListboxApi(api: TngAutocompleteListboxApi | null): void {\n this._listboxApi = api;\n }\n\n getListboxApi(): TngAutocompleteListboxApi | null {\n return this._listboxApi;\n }\n}\n"]}
@@ -0,0 +1,19 @@
1
+ import { TngAutocompleteListboxApi } from './tng-autocomplete.listbox.types';
2
+ export declare class TngAutocompleteListbox<T = unknown> implements TngAutocompleteListboxApi {
3
+ private readonly autocomplete;
4
+ private readonly destroyRef;
5
+ private readonly listbox;
6
+ protected readonly dataSlot: "autocomplete-listbox";
7
+ protected readonly id: string;
8
+ constructor();
9
+ getHostId(): string | null;
10
+ getActiveId(): string | null;
11
+ ensureActive(pref?: 'first' | 'last'): void;
12
+ handleKey(key: string, shiftKey?: boolean): boolean;
13
+ commitActive(): void;
14
+ protected onListboxValueChange(value: T | readonly T[] | null): void;
15
+ }
16
+ export declare class TngAutocompleteOption<T> {
17
+ protected readonly dataSlot: "autocomplete-option";
18
+ }
19
+ //# sourceMappingURL=tng-autocomplete.listbox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tng-autocomplete.listbox.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.listbox.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAK7E,qBAea,sBAAsB,CAAC,CAAC,GAAG,OAAO,CAAE,YAAW,yBAAyB;IACnF,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAgD;IAC7E,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IACjD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAkD;IAG1E,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,sBAAsB,CAAU;IAG9D,SAAS,CAAC,QAAQ,CAAC,EAAE,SAAqB;;IA2B1C,SAAS,IAAI,MAAM,GAAG,IAAI;IAI1B,WAAW,IAAI,MAAM,GAAG,IAAI;IAI5B,YAAY,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI;IAI3C,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO;IAInD,YAAY,IAAI,IAAI;IAOpB,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC,EAAE,GAAG,IAAI,GAAG,IAAI;CAwBrE;AAED,qBAUa,qBAAqB,CAAC,CAAC;IAElC,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAG,qBAAqB,CAAU;CAC9D"}
@@ -0,0 +1,123 @@
1
+ import { __decorate } from "tslib";
2
+ import { DestroyRef, Directive, effect, HostBinding, HostListener, inject, untracked } from '@angular/core';
3
+ import { createTngIdFactory } from '@tailng-ui/cdk';
4
+ import { TNG_LISTBOX_FORCE_TYPEAHEAD, TngListboxDirective, TngOptionDirective } from '@tailng-ui/primitives';
5
+ import { normalizeToSingle } from '../../internal/combobox';
6
+ import { TNG_AUTOCOMPLETE_LISTBOX } from './tng-autocomplete.listbox.tokens';
7
+ import { TNG_AUTOCOMPLETE } from './tng-autocomplete.tokens';
8
+ const createListboxId = createTngIdFactory('tng-autocomplete-listbox');
9
+ let TngAutocompleteListbox = class TngAutocompleteListbox {
10
+ autocomplete = inject(TNG_AUTOCOMPLETE);
11
+ destroyRef = inject(DestroyRef);
12
+ listbox = inject((TngListboxDirective), { self: true });
13
+ dataSlot = 'autocomplete-listbox';
14
+ id = createListboxId();
15
+ constructor() {
16
+ this.autocomplete.setListboxId(this.id);
17
+ this.autocomplete.setListboxApi(this);
18
+ effect(() => {
19
+ const v = this.autocomplete.value();
20
+ if (this.autocomplete.open())
21
+ return;
22
+ if (this.autocomplete._createJustEmitted) {
23
+ this.autocomplete._createJustEmitted = false;
24
+ return;
25
+ }
26
+ const current = untracked(this.listbox.value);
27
+ const currentSingle = normalizeToSingle(current);
28
+ if (Object.is(currentSingle, v))
29
+ return;
30
+ this.listbox.value.set(v);
31
+ });
32
+ this.destroyRef.onDestroy(() => {
33
+ this.autocomplete.setListboxId(null);
34
+ this.autocomplete.setListboxApi(null);
35
+ });
36
+ }
37
+ getHostId() {
38
+ return this.id ?? null;
39
+ }
40
+ getActiveId() {
41
+ return this.listbox.getActiveId();
42
+ }
43
+ ensureActive(pref) {
44
+ this.listbox.ensureActive(pref);
45
+ }
46
+ handleKey(key, shiftKey) {
47
+ return this.listbox.handleKeyFromCombobox(key, shiftKey);
48
+ }
49
+ commitActive() {
50
+ const value = this.listbox.getActiveValue();
51
+ if (value === undefined)
52
+ return;
53
+ this.autocomplete.selectValue(value);
54
+ }
55
+ onListboxValueChange(value) {
56
+ if (this.autocomplete.disabled())
57
+ return;
58
+ const next = normalizeToSingle(value);
59
+ if (Object.is(next, this.autocomplete.value())) {
60
+ if (this.autocomplete.open() && next !== null) {
61
+ this.autocomplete.selectValue(next);
62
+ }
63
+ return;
64
+ }
65
+ if (!this.autocomplete.open()) {
66
+ this.autocomplete.value.set(next);
67
+ return;
68
+ }
69
+ if (next === null) {
70
+ // When overlay is open, null usually means the previous selection dropped out of
71
+ // filtered options (user is typing to filter). Preserve value and stay open.
72
+ return;
73
+ }
74
+ this.autocomplete.selectValue(next);
75
+ }
76
+ };
77
+ __decorate([
78
+ HostBinding('attr.data-slot')
79
+ ], TngAutocompleteListbox.prototype, "dataSlot", void 0);
80
+ __decorate([
81
+ HostBinding('attr.id')
82
+ ], TngAutocompleteListbox.prototype, "id", void 0);
83
+ __decorate([
84
+ HostListener('valueChange', ['$event'])
85
+ ], TngAutocompleteListbox.prototype, "onListboxValueChange", null);
86
+ TngAutocompleteListbox = __decorate([
87
+ Directive({
88
+ selector: '[tngAutocompleteListbox]',
89
+ standalone: true,
90
+ providers: [
91
+ { provide: TNG_AUTOCOMPLETE_LISTBOX, useExisting: TngAutocompleteListbox },
92
+ { provide: TNG_LISTBOX_FORCE_TYPEAHEAD, useValue: false }
93
+ ],
94
+ hostDirectives: [
95
+ {
96
+ directive: TngListboxDirective,
97
+ inputs: ['orientation', 'direction', 'disabled', 'loop', 'value'],
98
+ outputs: ['valueChange'],
99
+ },
100
+ ],
101
+ })
102
+ ], TngAutocompleteListbox);
103
+ export { TngAutocompleteListbox };
104
+ let TngAutocompleteOption = class TngAutocompleteOption {
105
+ dataSlot = 'autocomplete-option';
106
+ };
107
+ __decorate([
108
+ HostBinding('attr.data-slot')
109
+ ], TngAutocompleteOption.prototype, "dataSlot", void 0);
110
+ TngAutocompleteOption = __decorate([
111
+ Directive({
112
+ selector: '[tngAutocompleteOption]',
113
+ standalone: true,
114
+ hostDirectives: [
115
+ {
116
+ directive: TngOptionDirective,
117
+ inputs: ['tngValue', 'disabled'],
118
+ },
119
+ ],
120
+ })
121
+ ], TngAutocompleteOption);
122
+ export { TngAutocompleteOption };
123
+ //# sourceMappingURL=tng-autocomplete.listbox.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tng-autocomplete.listbox.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.listbox.ts"],"names":[],"mappings":"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","sourcesContent":["import { DestroyRef, Directive, effect, HostBinding, HostListener, inject, untracked } from '@angular/core';\nimport { createTngIdFactory } from '@tailng-ui/cdk';\nimport { TNG_LISTBOX_FORCE_TYPEAHEAD, TngListboxDirective, TngOptionDirective } from '@tailng-ui/primitives';\nimport { normalizeToSingle } from '../../internal/combobox';\nimport type { TngAutocomplete } from './tng-autocomplete';\nimport { TNG_AUTOCOMPLETE_LISTBOX } from './tng-autocomplete.listbox.tokens';\nimport { TngAutocompleteListboxApi } from './tng-autocomplete.listbox.types';\nimport { TNG_AUTOCOMPLETE } from './tng-autocomplete.tokens';\n\nconst createListboxId = createTngIdFactory('tng-autocomplete-listbox');\n\n@Directive({\n selector: '[tngAutocompleteListbox]',\n standalone: true,\n providers: [\n { provide: TNG_AUTOCOMPLETE_LISTBOX, useExisting: TngAutocompleteListbox },\n { provide: TNG_LISTBOX_FORCE_TYPEAHEAD, useValue: false }\n ],\n hostDirectives: [\n {\n directive: TngListboxDirective,\n inputs: ['orientation', 'direction', 'disabled', 'loop', 'value'],\n outputs: ['valueChange'],\n },\n ],\n})\nexport class TngAutocompleteListbox<T = unknown> implements TngAutocompleteListboxApi {\n private readonly autocomplete = inject<TngAutocomplete<T>>(TNG_AUTOCOMPLETE);\n private readonly destroyRef = inject(DestroyRef);\n private readonly listbox = inject(TngListboxDirective<T>, { self: true });\n\n @HostBinding('attr.data-slot')\n protected readonly dataSlot = 'autocomplete-listbox' as const;\n\n @HostBinding('attr.id')\n protected readonly id = createListboxId();\n\n constructor() {\n this.autocomplete.setListboxId(this.id);\n this.autocomplete.setListboxApi(this);\n\n effect(() => {\n const v = this.autocomplete.value();\n if (this.autocomplete.open()) return;\n\n if (this.autocomplete._createJustEmitted) {\n this.autocomplete._createJustEmitted = false;\n return;\n }\n\n const current = untracked(this.listbox.value);\n const currentSingle = normalizeToSingle(current);\n if (Object.is(currentSingle, v)) return;\n this.listbox.value.set(v as T | null);\n });\n\n this.destroyRef.onDestroy(() => {\n this.autocomplete.setListboxId(null);\n this.autocomplete.setListboxApi(null);\n });\n }\n\n getHostId(): string | null {\n return this.id ?? null;\n }\n\n getActiveId(): string | null {\n return this.listbox.getActiveId();\n }\n\n ensureActive(pref?: 'first' | 'last'): void {\n this.listbox.ensureActive(pref);\n }\n\n handleKey(key: string, shiftKey?: boolean): boolean {\n return this.listbox.handleKeyFromCombobox(key, shiftKey);\n }\n\n commitActive(): void {\n const value = this.listbox.getActiveValue();\n if (value === undefined) return;\n this.autocomplete.selectValue(value as T);\n }\n\n @HostListener('valueChange', ['$event'])\n protected onListboxValueChange(value: T | readonly T[] | null): void {\n if (this.autocomplete.disabled()) return;\n\n const next = normalizeToSingle(value);\n if (Object.is(next, this.autocomplete.value())) {\n if (this.autocomplete.open() && next !== null) {\n this.autocomplete.selectValue(next as T);\n }\n return;\n }\n\n if (!this.autocomplete.open()) {\n this.autocomplete.value.set(next as T | null);\n return;\n }\n\n if (next === null) {\n // When overlay is open, null usually means the previous selection dropped out of\n // filtered options (user is typing to filter). Preserve value and stay open.\n return;\n }\n\n this.autocomplete.selectValue(next);\n }\n}\n\n@Directive({\n selector: '[tngAutocompleteOption]',\n standalone: true,\n hostDirectives: [\n {\n directive: TngOptionDirective,\n inputs: ['tngValue', 'disabled'],\n },\n ],\n})\nexport class TngAutocompleteOption<T> {\n @HostBinding('attr.data-slot')\n protected readonly dataSlot = 'autocomplete-option' as const;\n}\n"]}
@@ -0,0 +1,4 @@
1
+ import { InjectionToken } from '@angular/core';
2
+ import type { TngAutocompleteListboxApi } from './tng-autocomplete.listbox.types';
3
+ export declare const TNG_AUTOCOMPLETE_LISTBOX: InjectionToken<TngAutocompleteListboxApi>;
4
+ //# sourceMappingURL=tng-autocomplete.listbox.tokens.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tng-autocomplete.listbox.tokens.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.listbox.tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAElF,eAAO,MAAM,wBAAwB,2CAEpC,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { InjectionToken } from '@angular/core';
2
+ export const TNG_AUTOCOMPLETE_LISTBOX = new InjectionToken('TNG_AUTOCOMPLETE_LISTBOX');
3
+ //# sourceMappingURL=tng-autocomplete.listbox.tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tng-autocomplete.listbox.tokens.js","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.listbox.tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,MAAM,CAAC,MAAM,wBAAwB,GAAG,IAAI,cAAc,CACxD,0BAA0B,CAC3B,CAAC","sourcesContent":["import { InjectionToken } from '@angular/core';\nimport type { TngAutocompleteListboxApi } from './tng-autocomplete.listbox.types';\n\nexport const TNG_AUTOCOMPLETE_LISTBOX = new InjectionToken<TngAutocompleteListboxApi>(\n 'TNG_AUTOCOMPLETE_LISTBOX'\n);\n"]}
@@ -0,0 +1,4 @@
1
+ import type { ComboboxListboxApi } from '../../internal/combobox';
2
+ /** Autocomplete listbox does not support typeahead (input owns typing/filtering). */
3
+ export type TngAutocompleteListboxApi = Omit<ComboboxListboxApi, 'typeahead'>;
4
+ //# sourceMappingURL=tng-autocomplete.listbox.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tng-autocomplete.listbox.types.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/primitives/src/lib/form/autocomplete/tng-autocomplete.listbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAElE,qFAAqF;AACrF,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC"}