@universal-material/web 3.0.138 → 3.0.140

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 (915) hide show
  1. package/.editorconfig +8 -0
  2. package/.eleventy.cjs +21 -0
  3. package/.vscode/extensions.json +9 -0
  4. package/CHANGELOG.md +98 -0
  5. package/LICENSE +28 -0
  6. package/add-custom-elements-schemas.cjs +75 -0
  7. package/change-compiler-to-add-custom-elements.js +26 -0
  8. package/change-schematics-to-generate-pug.js +32 -0
  9. package/docs/angular.json +110 -0
  10. package/docs/src/app/app.component.pug +199 -0
  11. package/docs/src/app/app.component.scss +109 -0
  12. package/docs/src/app/app.component.ts +158 -0
  13. package/docs/src/app/app.config.ts +26 -0
  14. package/docs/src/app/app.routes.ts +140 -0
  15. package/docs/src/app/components/button-set/button-set.component.pug +13 -0
  16. package/docs/src/app/components/button-set/button-set.component.scss +0 -0
  17. package/docs/src/app/components/button-set/button-set.component.ts +29 -0
  18. package/docs/src/app/components/button-set/examples/alignment.html +29 -0
  19. package/docs/src/app/components/button-set/examples/stack.html +5 -0
  20. package/docs/src/app/components/button-set/examples/usage.html +35 -0
  21. package/docs/src/app/components/cards/cards.component.pug +15 -0
  22. package/docs/src/app/components/cards/cards.component.scss +0 -0
  23. package/docs/src/app/components/cards/cards.component.ts +29 -0
  24. package/docs/src/app/components/cards/examples/card-media.html +39 -0
  25. package/docs/src/app/components/cards/examples/card-with-actions.html +40 -0
  26. package/docs/src/app/components/cards/examples/simple-card.html +5 -0
  27. package/docs/src/app/components/checkbox/checkbox.component.pug +5 -0
  28. package/docs/src/app/components/checkbox/checkbox.component.scss +0 -0
  29. package/docs/src/app/components/checkbox/checkbox.component.ts +23 -0
  30. package/docs/src/app/components/checkbox/examples/usage.html +33 -0
  31. package/docs/src/app/components/chip-field/chip-field.component.pug +17 -0
  32. package/docs/src/app/components/chip-field/chip-field.component.scss +0 -0
  33. package/docs/src/app/components/chip-field/chip-field.component.ts +42 -0
  34. package/docs/src/app/components/chip-field/examples/object-values.html +15 -0
  35. package/docs/src/app/components/chip-field/examples/simple.html +1 -0
  36. package/docs/src/app/components/chips/chips.component.pug +69 -0
  37. package/docs/src/app/components/chips/chips.component.scss +0 -0
  38. package/docs/src/app/components/chips/chips.component.ts +131 -0
  39. package/docs/src/app/components/common-buttons/common-buttons.component.pug +23 -0
  40. package/docs/src/app/components/common-buttons/common-buttons.component.scss +0 -0
  41. package/docs/src/app/components/common-buttons/common-buttons.component.ts +35 -0
  42. package/docs/src/app/components/common-buttons/examples/anchor-buttons.html +6 -0
  43. package/docs/src/app/components/common-buttons/examples/buttons-icons.html +24 -0
  44. package/docs/src/app/components/common-buttons/examples/buttons-trailing-icons.html +25 -0
  45. package/docs/src/app/components/common-buttons/examples/buttons-variants.html +6 -0
  46. package/docs/src/app/components/common-buttons/examples/filled-colors.html +4 -0
  47. package/docs/src/app/components/context-test/context-test.component.pug +11 -0
  48. package/docs/src/app/components/context-test/context-test.component.scss +0 -0
  49. package/docs/src/app/components/context-test/context-test.component.ts +23 -0
  50. package/docs/src/app/components/datepicker/datepicker.component.pug +1 -0
  51. package/docs/src/app/components/datepicker/datepicker.component.scss +0 -0
  52. package/docs/src/app/components/datepicker/datepicker.component.ts +20 -0
  53. package/docs/src/app/components/dialogs/dialogs.component.pug +24 -0
  54. package/docs/src/app/components/dialogs/dialogs.component.scss +0 -0
  55. package/docs/src/app/components/dialogs/dialogs.component.ts +33 -0
  56. package/docs/src/app/components/dialogs/examples/example.html +3 -0
  57. package/docs/src/app/components/expansion-panel/expansion-panel.component.pug +1 -0
  58. package/docs/src/app/components/expansion-panel/expansion-panel.component.scss +0 -0
  59. package/docs/src/app/components/expansion-panel/expansion-panel.component.ts +20 -0
  60. package/docs/src/app/components/fab/examples/button-colors.html +18 -0
  61. package/docs/src/app/components/fab/examples/button-sizes.html +11 -0
  62. package/docs/src/app/components/fab/examples/extended-buttons.html +18 -0
  63. package/docs/src/app/components/fab/examples/floating-action-area.html +5 -0
  64. package/docs/src/app/components/fab/examples/floating-menu.html +10 -0
  65. package/docs/src/app/components/fab/examples/lowered-buttons.html +6 -0
  66. package/docs/src/app/components/fab/fab.component.pug +27 -0
  67. package/docs/src/app/components/fab/fab.component.scss +0 -0
  68. package/docs/src/app/components/fab/fab.component.ts +38 -0
  69. package/docs/src/app/components/icon-buttons/examples/anchor-buttons.html +15 -0
  70. package/docs/src/app/components/icon-buttons/examples/buttons-variants.html +15 -0
  71. package/docs/src/app/components/icon-buttons/examples/toggle-buttons-manual.html +4 -0
  72. package/docs/src/app/components/icon-buttons/examples/toggle-buttons.html +48 -0
  73. package/docs/src/app/components/icon-buttons/icon-buttons.component.pug +19 -0
  74. package/docs/src/app/components/icon-buttons/icon-buttons.component.scss +0 -0
  75. package/docs/src/app/components/icon-buttons/icon-buttons.component.ts +32 -0
  76. package/docs/src/app/components/lists/examples/list-avatars.html +14 -0
  77. package/docs/src/app/components/lists/examples/list-custom-dividers.html +23 -0
  78. package/docs/src/app/components/lists/examples/list-dividers.html +17 -0
  79. package/docs/src/app/components/lists/examples/list-dynamic.html +26 -0
  80. package/docs/src/app/components/lists/examples/list-hover.html +17 -0
  81. package/docs/src/app/components/lists/examples/list-icons.html +17 -0
  82. package/docs/src/app/components/lists/examples/list-indexed.html +123 -0
  83. package/docs/src/app/components/lists/examples/list-sections.html +16 -0
  84. package/docs/src/app/components/lists/examples/list-three-lines.html +20 -0
  85. package/docs/src/app/components/lists/examples/list-two-lines.html +20 -0
  86. package/docs/src/app/components/lists/examples/list-with-action.html +26 -0
  87. package/docs/src/app/components/lists/examples/list-with-activated-item.html +17 -0
  88. package/docs/src/app/components/lists/examples/simple-list.html +17 -0
  89. package/docs/src/app/components/lists/lists.component.pug +19 -0
  90. package/docs/src/app/components/lists/lists.component.scss +0 -0
  91. package/docs/src/app/components/lists/lists.component.ts +20 -0
  92. package/docs/src/app/components/menus/examples/down-end.html +15 -0
  93. package/docs/src/app/components/menus/examples/down-left.html +10 -0
  94. package/docs/src/app/components/menus/examples/down-right.html +10 -0
  95. package/docs/src/app/components/menus/examples/down-start.html +10 -0
  96. package/docs/src/app/components/menus/examples/down.html +10 -0
  97. package/docs/src/app/components/menus/examples/up-end.html +10 -0
  98. package/docs/src/app/components/menus/examples/up-left.html +10 -0
  99. package/docs/src/app/components/menus/examples/up-right.html +10 -0
  100. package/docs/src/app/components/menus/examples/up-start.html +10 -0
  101. package/docs/src/app/components/menus/examples/up.html +10 -0
  102. package/docs/src/app/components/menus/menus.component.pug +43 -0
  103. package/docs/src/app/components/menus/menus.component.scss +15 -0
  104. package/docs/src/app/components/menus/menus.component.ts +60 -0
  105. package/docs/src/app/components/navigation-item.model.ts +4 -0
  106. package/docs/src/app/components/progress/examples/circular-progress.html +13 -0
  107. package/docs/src/app/components/progress/examples/determinate-progress.html +3 -0
  108. package/docs/src/app/components/progress/examples/indeterminate-progress.html +3 -0
  109. package/docs/src/app/components/progress/examples/progress-color.html +3 -0
  110. package/docs/src/app/components/progress/progress.component.pug +34 -0
  111. package/docs/src/app/components/progress/progress.component.scss +0 -0
  112. package/docs/src/app/components/progress/progress.component.ts +34 -0
  113. package/docs/src/app/components/ripple/examples/usage.html +9 -0
  114. package/docs/src/app/components/ripple/ripple.component.pug +7 -0
  115. package/docs/src/app/components/ripple/ripple.component.scss +0 -0
  116. package/docs/src/app/components/ripple/ripple.component.ts +23 -0
  117. package/docs/src/app/components/select/select.component.pug +175 -0
  118. package/docs/src/app/components/select/select.component.scss +3 -0
  119. package/docs/src/app/components/select/select.component.ts +35 -0
  120. package/docs/src/app/components/selection-controls/examples/checkbox.html +22 -0
  121. package/docs/src/app/components/selection-controls/examples/radio-button.html +36 -0
  122. package/docs/src/app/components/selection-controls/examples/switch.html +12 -0
  123. package/docs/src/app/components/selection-controls/selection-controls.component.pug +13 -0
  124. package/docs/src/app/components/selection-controls/selection-controls.component.scss +0 -0
  125. package/docs/src/app/components/selection-controls/selection-controls.component.ts +29 -0
  126. package/docs/src/app/components/sliders/examples/example.html +42 -0
  127. package/docs/src/app/components/sliders/sliders.component.pug +5 -0
  128. package/docs/src/app/components/sliders/sliders.component.scss +0 -0
  129. package/docs/src/app/components/sliders/sliders.component.ts +23 -0
  130. package/docs/src/app/components/snackbars/examples/example.html +35 -0
  131. package/docs/src/app/components/snackbars/snackbars.component.pug +5 -0
  132. package/docs/src/app/components/snackbars/snackbars.component.scss +0 -0
  133. package/docs/src/app/components/snackbars/snackbars.component.ts +23 -0
  134. package/docs/src/app/components/steppers/steppers.component.pug +1 -0
  135. package/docs/src/app/components/steppers/steppers.component.scss +0 -0
  136. package/docs/src/app/components/steppers/steppers.component.ts +20 -0
  137. package/docs/src/app/components/tables/examples/overview.html +49 -0
  138. package/docs/src/app/components/tables/examples/table-hover.html +67 -0
  139. package/docs/src/app/components/tables/tables.component.pug +74 -0
  140. package/docs/src/app/components/tables/tables.component.scss +0 -0
  141. package/docs/src/app/components/tables/tables.component.ts +29 -0
  142. package/docs/src/app/components/tabs/examples/example.html +45 -0
  143. package/docs/src/app/components/tabs/tabs.component.pug +14 -0
  144. package/docs/src/app/components/tabs/tabs.component.scss +0 -0
  145. package/docs/src/app/components/tabs/tabs.component.ts +32 -0
  146. package/docs/src/app/components/text-fields/text-fields.component.pug +122 -0
  147. package/docs/src/app/components/text-fields/text-fields.component.scss +3 -0
  148. package/docs/src/app/components/text-fields/text-fields.component.ts +130 -0
  149. package/docs/src/app/components/toolbars/examples/simple-toolbar.html +33 -0
  150. package/docs/src/app/components/toolbars/toolbars.component.pug +5 -0
  151. package/docs/src/app/components/toolbars/toolbars.component.scss +0 -0
  152. package/docs/src/app/components/toolbars/toolbars.component.ts +23 -0
  153. package/docs/src/app/components/typeahead/examples/handling-selection.html +27 -0
  154. package/docs/src/app/components/typeahead/examples/object-results.html +9 -0
  155. package/docs/src/app/components/typeahead/examples/simple.html +8 -0
  156. package/docs/src/app/components/typeahead/typeahead.component.pug +43 -0
  157. package/docs/src/app/components/typeahead/typeahead.component.scss +0 -0
  158. package/docs/src/app/components/typeahead/typeahead.component.ts +52 -0
  159. package/docs/src/app/content/typography/examples/typos.html +17 -0
  160. package/docs/src/app/content/typography/typography.component.pug +4 -0
  161. package/docs/src/app/content/typography/typography.component.scss +0 -0
  162. package/docs/src/app/content/typography/typography.component.ts +21 -0
  163. package/docs/src/app/docs/apis-table/apis-table.component.pug +26 -0
  164. package/docs/src/app/docs/apis-table/apis-table.component.scss +9 -0
  165. package/docs/src/app/docs/apis-table/apis-table.component.ts +26 -0
  166. package/docs/src/app/docs/example/example.component.pug +17 -0
  167. package/docs/src/app/docs/example/example.component.scss +21 -0
  168. package/docs/src/app/docs/example/example.component.ts +39 -0
  169. package/docs/src/app/docs/link-active.directive.ts +38 -0
  170. package/docs/src/app/docs/shared/title-to-hash.ts +7 -0
  171. package/docs/src/app/docs/submenu/submenu.component.pug +7 -0
  172. package/docs/src/app/docs/submenu/submenu.component.scss +9 -0
  173. package/docs/src/app/docs/submenu/submenu.component.ts +21 -0
  174. package/docs/src/app/docs/title/title.component.pug +5 -0
  175. package/docs/src/app/docs/title/title.component.scss +3 -0
  176. package/docs/src/app/docs/title/title.component.ts +19 -0
  177. package/docs/src/app/dummy/dummy.component.pug +1 -0
  178. package/docs/src/app/dummy/dummy.component.scss +0 -0
  179. package/docs/src/app/dummy/dummy.component.ts +14 -0
  180. package/docs/src/app/introduction/introduction.component.pug +26 -0
  181. package/docs/src/app/introduction/introduction.component.scss +7 -0
  182. package/docs/src/app/introduction/introduction.component.ts +58 -0
  183. package/docs/src/app/layout/container/container.component.pug +77 -0
  184. package/docs/src/app/layout/container/container.component.scss +0 -0
  185. package/docs/src/app/layout/container/container.component.ts +32 -0
  186. package/docs/src/app/layout/container/examples/default-container.html +3 -0
  187. package/docs/src/app/layout/container/examples/fluid-container.html +3 -0
  188. package/docs/src/app/layout/container/overview.md +5 -0
  189. package/docs/src/app/layout/grid/examples/overview.html +12 -0
  190. package/docs/src/app/layout/grid/grid.component.pug +47 -0
  191. package/docs/src/app/layout/grid/grid.component.scss +0 -0
  192. package/docs/src/app/layout/grid/grid.component.ts +26 -0
  193. package/docs/src/app/shared/states.model.ts +61 -0
  194. package/docs/src/app/utilities/background-colors/background-colors.component.pug +9 -0
  195. package/docs/src/app/utilities/background-colors/background-colors.component.scss +0 -0
  196. package/docs/src/app/utilities/background-colors/background-colors.component.ts +27 -0
  197. package/docs/src/app/utilities/background-colors/examples/colors.html +31 -0
  198. package/docs/src/app/utilities/dividers/dividers.component.pug +37 -0
  199. package/docs/src/app/utilities/dividers/dividers.component.scss +0 -0
  200. package/docs/src/app/utilities/dividers/dividers.component.ts +29 -0
  201. package/docs/src/app/utilities/dividers/examples/no-margin.html +9 -0
  202. package/docs/src/app/utilities/dividers/examples/usage.html +21 -0
  203. package/docs/src/app/utilities/text-and-background-colors/examples/colors.html +30 -0
  204. package/docs/src/app/utilities/text-and-background-colors/text-and-background-colors.component.pug +9 -0
  205. package/docs/src/app/utilities/text-and-background-colors/text-and-background-colors.component.scss +0 -0
  206. package/docs/src/app/utilities/text-and-background-colors/text-and-background-colors.component.ts +26 -0
  207. package/docs/src/app/utilities/text-colors/examples/colors.html +39 -0
  208. package/docs/src/app/utilities/text-colors/text-colors.component.pug +9 -0
  209. package/docs/src/app/utilities/text-colors/text-colors.component.scss +0 -0
  210. package/docs/src/app/utilities/text-colors/text-colors.component.ts +28 -0
  211. package/docs/src/app/utilities/text-emphasis/examples/usage.html +17 -0
  212. package/docs/src/app/utilities/text-emphasis/text-emphasis.component.pug +5 -0
  213. package/docs/src/app/utilities/text-emphasis/text-emphasis.component.scss +0 -0
  214. package/docs/src/app/utilities/text-emphasis/text-emphasis.component.ts +19 -0
  215. package/docs/src/favicon.ico +0 -0
  216. package/docs/src/index.html +20 -0
  217. package/docs/src/main.ts +13 -0
  218. package/docs/src/styles.scss +129 -0
  219. package/docs/tsconfig.app.json +14 -0
  220. package/docs/tsconfig.json +40 -0
  221. package/eslint.config.mjs +457 -0
  222. package/gulp-tasks/docs-api.js +76 -0
  223. package/gulp-tasks/docs.js +59 -0
  224. package/gulp-tasks/sass.js +31 -0
  225. package/gulp-tasks/scripts.js +52 -0
  226. package/gulpfile.js +3 -0
  227. package/index.html +11 -0
  228. package/package.json +1 -1
  229. package/remove-scripts-from-package.js +9 -0
  230. package/rollup.config.js +42 -0
  231. package/src/app-bar/top-app-bar.styles.scss +108 -0
  232. package/src/app-bar/top-app-bar.ts +198 -0
  233. package/src/button/button-base.styles.scss +12 -0
  234. package/src/button/button-base.ts +57 -0
  235. package/src/button/button-set.styles.scss +16 -0
  236. package/src/button/button-set.ts +23 -0
  237. package/src/button/button.styles.scss +104 -0
  238. package/src/button/button.ts +60 -0
  239. package/src/button/fab.styles.scss +90 -0
  240. package/src/button/fab.ts +54 -0
  241. package/src/button/icon-button.styles.scss +80 -0
  242. package/src/button/icon-button.ts +75 -0
  243. package/src/button-field/button-field.styles.scss +13 -0
  244. package/src/button-field/button-field.ts +53 -0
  245. package/src/calendar/calendar-adapter.ts +5 -0
  246. package/src/calendar/calendar-base.styles.scss +82 -0
  247. package/src/calendar/calendar-base.ts +225 -0
  248. package/src/calendar/calendar.styles.scss +0 -0
  249. package/src/calendar/calendar.ts +44 -0
  250. package/src/calendar/default-calendar-adapter.ts +40 -0
  251. package/src/calendar/range-calendar.styles.scss +119 -0
  252. package/src/calendar/range-calendar.ts +135 -0
  253. package/src/card/card-content.styles.scss +15 -0
  254. package/src/card/card-content.ts +45 -0
  255. package/src/card/card-media.styles.scss +9 -0
  256. package/src/card/card-media.ts +24 -0
  257. package/src/card/card.styles.scss +30 -0
  258. package/src/card/card.ts +38 -0
  259. package/src/checkbox/checkbox-list-item.ts +15 -0
  260. package/src/checkbox/checkbox.styles.scss +69 -0
  261. package/src/checkbox/checkbox.ts +64 -0
  262. package/src/chip/chip-set.styles.scss +3 -0
  263. package/src/chip/chip-set.ts +15 -0
  264. package/src/chip/chip.styles.scss +185 -0
  265. package/src/chip/chip.ts +186 -0
  266. package/src/chip-field/chip-field.styles.scss +22 -0
  267. package/src/chip-field/chip-field.ts +182 -0
  268. package/src/config.ts +28 -0
  269. package/src/datepicker/datepicker.styles.scss +0 -0
  270. package/src/datepicker/datepicker.ts +0 -0
  271. package/src/dialog/confirm-dialog-builder.ts +43 -0
  272. package/src/dialog/dialog-builder.ts +57 -0
  273. package/src/dialog/dialog-button-def.ts +6 -0
  274. package/src/dialog/dialog.styles.scss +176 -0
  275. package/src/dialog/dialog.ts +255 -0
  276. package/src/dialog/message-dialog-builder.ts +25 -0
  277. package/src/elevation/elevation.styles.scss +31 -0
  278. package/src/elevation/elevation.ts +20 -0
  279. package/src/field/field-base.styles.scss +429 -0
  280. package/src/field/field-base.ts +184 -0
  281. package/src/field/field-defaults-context.ts +5 -0
  282. package/src/field/field-defaults.ts +5 -0
  283. package/src/field/field-variant.ts +1 -0
  284. package/src/field/field.ts +48 -0
  285. package/src/index.ts +81 -0
  286. package/src/list/list-item.styles.scss +38 -0
  287. package/src/list/list-item.ts +39 -0
  288. package/src/list/list.styles.scss +4 -0
  289. package/src/list/list.ts +19 -0
  290. package/src/menu/menu-item.styles.scss +50 -0
  291. package/src/menu/menu-item.ts +101 -0
  292. package/src/menu/menu.styles.scss +70 -0
  293. package/src/menu/menu.ts +423 -0
  294. package/src/navigation/_side-navigation-base.styles.scss +101 -0
  295. package/src/navigation/drawer-item.styles.scss +49 -0
  296. package/src/navigation/drawer-item.ts +94 -0
  297. package/src/navigation/drawer.styles.scss +21 -0
  298. package/src/navigation/drawer.ts +27 -0
  299. package/src/navigation/side-navigation-swiper.styles.scss +53 -0
  300. package/src/navigation/side-navigation.styles.scss +47 -0
  301. package/src/navigation/side-navigation.ts +149 -0
  302. package/src/progress/circular-progress.styles.scss +83 -0
  303. package/src/progress/circular-progress.ts +83 -0
  304. package/src/progress/progress-bar.styles.scss +159 -0
  305. package/src/progress/progress-bar.ts +50 -0
  306. package/src/radio/radio-list-item.ts +15 -0
  307. package/src/radio/radio.styles.scss +34 -0
  308. package/src/radio/radio.ts +164 -0
  309. package/src/ripple/ripple.styles.scss +81 -0
  310. package/src/ripple/ripple.ts +158 -0
  311. package/src/select/extended-option.ts +3 -0
  312. package/src/select/extended-select.ts +6 -0
  313. package/src/select/option.styles.scss +16 -0
  314. package/src/select/option.ts +165 -0
  315. package/src/select/select-navigation-controller.ts +113 -0
  316. package/src/select/select.styles.scss +36 -0
  317. package/src/select/select.ts +333 -0
  318. package/src/shared/base.styles.scss +29 -0
  319. package/src/shared/button-wrapper.styles.scss +64 -0
  320. package/src/shared/button-wrapper.ts +144 -0
  321. package/src/shared/char-count-text-field/native-text-field-wrapper.ts +54 -0
  322. package/src/shared/compare-text.ts +6 -0
  323. package/src/shared/events/dispatch-event.ts +0 -0
  324. package/src/shared/events/redispatch-event.ts +16 -0
  325. package/src/shared/extract-template-html.ts +9 -0
  326. package/src/shared/menu-field/menu-field-navigation-controller.ts +152 -0
  327. package/src/shared/menu-field/menu-field.ts +7 -0
  328. package/src/shared/mixin-attribute-properties.ts +33 -0
  329. package/src/shared/mixin.ts +11 -0
  330. package/src/shared/normalize-text.ts +9 -0
  331. package/src/shared/selection-control/checkbox-base.ts +5 -0
  332. package/src/shared/selection-control/selection-control-list-item.ts +44 -0
  333. package/src/shared/selection-control/selection-control.styles.scss +74 -0
  334. package/src/shared/selection-control/selection-control.ts +180 -0
  335. package/src/shared/sets/set-base.styles.scss +18 -0
  336. package/src/shared/sets/set-base.ts +21 -0
  337. package/src/shared/text-field-base/text-field-base.styles.scss +11 -0
  338. package/src/shared/text-field-base/text-field-base.ts +36 -0
  339. package/src/snackbar/snackbar.styles.scss +88 -0
  340. package/src/snackbar/snackbar.ts +156 -0
  341. package/src/switch/switch-list-item.ts +15 -0
  342. package/src/switch/switch.styles.scss +87 -0
  343. package/src/switch/switch.ts +32 -0
  344. package/src/tab-bar/tab-bar.styles.scss +77 -0
  345. package/src/tab-bar/tab-bar.ts +232 -0
  346. package/src/tab-bar/tab.styles.scss +53 -0
  347. package/src/tab-bar/tab.ts +113 -0
  348. package/src/text-area/text-area.styles.scss +46 -0
  349. package/src/text-area/text-area.ts +46 -0
  350. package/src/text-field/text-field.styles.scss +55 -0
  351. package/src/text-field/text-field.ts +57 -0
  352. package/src/theme/color.ts +6 -0
  353. package/src/theme/css-var-builder.ts +39 -0
  354. package/src/theme/index.ts +1 -0
  355. package/src/theme/neutral-colors.ts +26 -0
  356. package/src/theme/theme-builder.ts +197 -0
  357. package/src/theme/theme-color.ts +7 -0
  358. package/src/typeahead/highlight.styles.scss +3 -0
  359. package/src/typeahead/highlight.ts +79 -0
  360. package/src/typeahead/typeahead.styles.scss +9 -0
  361. package/src/typeahead/typeahead.ts +440 -0
  362. package/tsconfig.json +49 -0
  363. package/vendor/ngx-pug-builders-19.0.0.tgz +0 -0
  364. package/web-dev-server.config.js +25 -0
  365. package/web-test-runner.config.js +120 -0
  366. package/app-bar/top-app-bar.d.ts +0 -47
  367. package/app-bar/top-app-bar.d.ts.map +0 -1
  368. package/app-bar/top-app-bar.js +0 -174
  369. package/app-bar/top-app-bar.js.map +0 -1
  370. package/app-bar/top-app-bar.styles.d.ts +0 -2
  371. package/app-bar/top-app-bar.styles.d.ts.map +0 -1
  372. package/app-bar/top-app-bar.styles.js +0 -117
  373. package/app-bar/top-app-bar.styles.js.map +0 -1
  374. package/button/button-base.d.ts +0 -12
  375. package/button/button-base.d.ts.map +0 -1
  376. package/button/button-base.js +0 -46
  377. package/button/button-base.js.map +0 -1
  378. package/button/button-base.styles.d.ts +0 -2
  379. package/button/button-base.styles.d.ts.map +0 -1
  380. package/button/button-base.styles.js +0 -16
  381. package/button/button-base.styles.js.map +0 -1
  382. package/button/button-set.d.ts +0 -15
  383. package/button/button-set.d.ts.map +0 -1
  384. package/button/button-set.js +0 -23
  385. package/button/button-set.js.map +0 -1
  386. package/button/button-set.styles.d.ts +0 -2
  387. package/button/button-set.styles.d.ts.map +0 -1
  388. package/button/button-set.styles.js +0 -20
  389. package/button/button-set.styles.js.map +0 -1
  390. package/button/button.d.ts +0 -33
  391. package/button/button.d.ts.map +0 -1
  392. package/button/button.js +0 -55
  393. package/button/button.js.map +0 -1
  394. package/button/button.styles.d.ts +0 -2
  395. package/button/button.styles.d.ts.map +0 -1
  396. package/button/button.styles.js +0 -103
  397. package/button/button.styles.js.map +0 -1
  398. package/button/fab.d.ts +0 -31
  399. package/button/fab.d.ts.map +0 -1
  400. package/button/fab.js +0 -57
  401. package/button/fab.js.map +0 -1
  402. package/button/fab.styles.d.ts +0 -2
  403. package/button/fab.styles.d.ts.map +0 -1
  404. package/button/fab.styles.js +0 -89
  405. package/button/fab.styles.js.map +0 -1
  406. package/button/icon-button.d.ts +0 -34
  407. package/button/icon-button.d.ts.map +0 -1
  408. package/button/icon-button.js +0 -75
  409. package/button/icon-button.js.map +0 -1
  410. package/button/icon-button.styles.d.ts +0 -2
  411. package/button/icon-button.styles.d.ts.map +0 -1
  412. package/button/icon-button.styles.js +0 -77
  413. package/button/icon-button.styles.js.map +0 -1
  414. package/button-field/button-field.d.ts +0 -18
  415. package/button-field/button-field.d.ts.map +0 -1
  416. package/button-field/button-field.js +0 -54
  417. package/button-field/button-field.js.map +0 -1
  418. package/button-field/button-field.styles.d.ts +0 -2
  419. package/button-field/button-field.styles.d.ts.map +0 -1
  420. package/button-field/button-field.styles.js +0 -17
  421. package/button-field/button-field.styles.js.map +0 -1
  422. package/calendar/calendar-adapter.d.ts +0 -6
  423. package/calendar/calendar-adapter.d.ts.map +0 -1
  424. package/calendar/calendar-adapter.js +0 -2
  425. package/calendar/calendar-adapter.js.map +0 -1
  426. package/calendar/calendar-base.d.ts +0 -30
  427. package/calendar/calendar-base.d.ts.map +0 -1
  428. package/calendar/calendar-base.js +0 -188
  429. package/calendar/calendar-base.js.map +0 -1
  430. package/calendar/calendar-base.styles.d.ts +0 -2
  431. package/calendar/calendar-base.styles.d.ts.map +0 -1
  432. package/calendar/calendar-base.styles.js +0 -81
  433. package/calendar/calendar-base.styles.js.map +0 -1
  434. package/calendar/calendar.d.ts +0 -11
  435. package/calendar/calendar.d.ts.map +0 -1
  436. package/calendar/calendar.js +0 -43
  437. package/calendar/calendar.js.map +0 -1
  438. package/calendar/calendar.styles.d.ts +0 -2
  439. package/calendar/calendar.styles.d.ts.map +0 -1
  440. package/calendar/calendar.styles.js +0 -5
  441. package/calendar/calendar.styles.js.map +0 -1
  442. package/calendar/default-calendar-adapter.d.ts +0 -10
  443. package/calendar/default-calendar-adapter.d.ts.map +0 -1
  444. package/calendar/default-calendar-adapter.js +0 -32
  445. package/calendar/default-calendar-adapter.js.map +0 -1
  446. package/calendar/range-calendar.d.ts +0 -16
  447. package/calendar/range-calendar.d.ts.map +0 -1
  448. package/calendar/range-calendar.js +0 -113
  449. package/calendar/range-calendar.js.map +0 -1
  450. package/calendar/range-calendar.styles.d.ts +0 -2
  451. package/calendar/range-calendar.styles.d.ts.map +0 -1
  452. package/calendar/range-calendar.styles.js +0 -41
  453. package/calendar/range-calendar.styles.js.map +0 -1
  454. package/card/card-content.d.ts +0 -13
  455. package/card/card-content.d.ts.map +0 -1
  456. package/card/card-content.js +0 -39
  457. package/card/card-content.js.map +0 -1
  458. package/card/card-content.styles.d.ts +0 -2
  459. package/card/card-content.styles.d.ts.map +0 -1
  460. package/card/card-content.styles.js +0 -19
  461. package/card/card-content.styles.js.map +0 -1
  462. package/card/card-media.d.ts +0 -12
  463. package/card/card-media.d.ts.map +0 -1
  464. package/card/card-media.js +0 -24
  465. package/card/card-media.js.map +0 -1
  466. package/card/card-media.styles.d.ts +0 -2
  467. package/card/card-media.styles.d.ts.map +0 -1
  468. package/card/card-media.styles.js +0 -13
  469. package/card/card-media.styles.js.map +0 -1
  470. package/card/card.d.ts +0 -19
  471. package/card/card.d.ts.map +0 -1
  472. package/card/card.js +0 -36
  473. package/card/card.js.map +0 -1
  474. package/card/card.styles.d.ts +0 -2
  475. package/card/card.styles.d.ts.map +0 -1
  476. package/card/card.styles.js +0 -31
  477. package/card/card.styles.js.map +0 -1
  478. package/checkbox/checkbox-list-item.d.ts +0 -11
  479. package/checkbox/checkbox-list-item.d.ts.map +0 -1
  480. package/checkbox/checkbox-list-item.js +0 -11
  481. package/checkbox/checkbox-list-item.js.map +0 -1
  482. package/checkbox/checkbox.d.ts +0 -21
  483. package/checkbox/checkbox.d.ts.map +0 -1
  484. package/checkbox/checkbox.js +0 -53
  485. package/checkbox/checkbox.js.map +0 -1
  486. package/checkbox/checkbox.styles.d.ts +0 -2
  487. package/checkbox/checkbox.styles.d.ts.map +0 -1
  488. package/checkbox/checkbox.styles.js +0 -62
  489. package/checkbox/checkbox.styles.js.map +0 -1
  490. package/chip/chip-set.d.ts +0 -10
  491. package/chip/chip-set.d.ts.map +0 -1
  492. package/chip/chip-set.js +0 -12
  493. package/chip/chip-set.js.map +0 -1
  494. package/chip/chip-set.styles.d.ts +0 -2
  495. package/chip/chip-set.styles.d.ts.map +0 -1
  496. package/chip/chip-set.styles.js +0 -7
  497. package/chip/chip-set.styles.js.map +0 -1
  498. package/chip/chip.d.ts +0 -64
  499. package/chip/chip.d.ts.map +0 -1
  500. package/chip/chip.js +0 -187
  501. package/chip/chip.js.map +0 -1
  502. package/chip/chip.styles.d.ts +0 -2
  503. package/chip/chip.styles.d.ts.map +0 -1
  504. package/chip/chip.styles.js +0 -168
  505. package/chip/chip.styles.js.map +0 -1
  506. package/chip-field/chip-field.d.ts +0 -42
  507. package/chip-field/chip-field.d.ts.map +0 -1
  508. package/chip-field/chip-field.js +0 -145
  509. package/chip-field/chip-field.js.map +0 -1
  510. package/chip-field/chip-field.styles.d.ts +0 -2
  511. package/chip-field/chip-field.styles.d.ts.map +0 -1
  512. package/chip-field/chip-field.styles.js +0 -22
  513. package/chip-field/chip-field.styles.js.map +0 -1
  514. package/config.d.ts +0 -16
  515. package/config.d.ts.map +0 -1
  516. package/config.js +0 -25
  517. package/config.js.map +0 -1
  518. package/custom-elements.json +0 -21401
  519. package/datepicker/datepicker.d.ts +0 -1
  520. package/datepicker/datepicker.d.ts.map +0 -1
  521. package/datepicker/datepicker.js +0 -2
  522. package/datepicker/datepicker.js.map +0 -1
  523. package/datepicker/datepicker.styles.d.ts +0 -2
  524. package/datepicker/datepicker.styles.d.ts.map +0 -1
  525. package/datepicker/datepicker.styles.js +0 -5
  526. package/datepicker/datepicker.styles.js.map +0 -1
  527. package/dialog/confirm-dialog-builder.d.ts +0 -12
  528. package/dialog/confirm-dialog-builder.d.ts.map +0 -1
  529. package/dialog/confirm-dialog-builder.js +0 -26
  530. package/dialog/confirm-dialog-builder.js.map +0 -1
  531. package/dialog/dialog-builder.d.ts +0 -15
  532. package/dialog/dialog-builder.d.ts.map +0 -1
  533. package/dialog/dialog-builder.js +0 -42
  534. package/dialog/dialog-builder.js.map +0 -1
  535. package/dialog/dialog-button-def.d.ts +0 -6
  536. package/dialog/dialog-button-def.d.ts.map +0 -1
  537. package/dialog/dialog-button-def.js +0 -2
  538. package/dialog/dialog-button-def.js.map +0 -1
  539. package/dialog/dialog.d.ts +0 -44
  540. package/dialog/dialog.d.ts.map +0 -1
  541. package/dialog/dialog.js +0 -216
  542. package/dialog/dialog.js.map +0 -1
  543. package/dialog/dialog.styles.d.ts +0 -2
  544. package/dialog/dialog.styles.d.ts.map +0 -1
  545. package/dialog/dialog.styles.js +0 -165
  546. package/dialog/dialog.styles.js.map +0 -1
  547. package/dialog/message-dialog-builder.d.ts +0 -10
  548. package/dialog/message-dialog-builder.d.ts.map +0 -1
  549. package/dialog/message-dialog-builder.js +0 -16
  550. package/dialog/message-dialog-builder.js.map +0 -1
  551. package/elevation/elevation.d.ts +0 -11
  552. package/elevation/elevation.d.ts.map +0 -1
  553. package/elevation/elevation.js +0 -16
  554. package/elevation/elevation.js.map +0 -1
  555. package/elevation/elevation.styles.d.ts +0 -2
  556. package/elevation/elevation.styles.d.ts.map +0 -1
  557. package/elevation/elevation.styles.js +0 -28
  558. package/elevation/elevation.styles.js.map +0 -1
  559. package/field/field-base.d.ts +0 -68
  560. package/field/field-base.d.ts.map +0 -1
  561. package/field/field-base.js +0 -174
  562. package/field/field-base.js.map +0 -1
  563. package/field/field-base.styles.d.ts +0 -2
  564. package/field/field-base.styles.d.ts.map +0 -1
  565. package/field/field-base.styles.js +0 -372
  566. package/field/field-base.styles.js.map +0 -1
  567. package/field/field-defaults-context.d.ts +0 -5
  568. package/field/field-defaults-context.d.ts.map +0 -1
  569. package/field/field-defaults-context.js +0 -3
  570. package/field/field-defaults-context.js.map +0 -1
  571. package/field/field-defaults.d.ts +0 -5
  572. package/field/field-defaults.d.ts.map +0 -1
  573. package/field/field-defaults.js +0 -2
  574. package/field/field-defaults.js.map +0 -1
  575. package/field/field-variant.d.ts +0 -2
  576. package/field/field-variant.d.ts.map +0 -1
  577. package/field/field-variant.js +0 -2
  578. package/field/field-variant.js.map +0 -1
  579. package/field/field.d.ts +0 -15
  580. package/field/field.d.ts.map +0 -1
  581. package/field/field.js +0 -44
  582. package/field/field.js.map +0 -1
  583. package/index.d.ts +0 -80
  584. package/index.d.ts.map +0 -1
  585. package/index.js +0 -80
  586. package/index.js.map +0 -1
  587. package/list/list-item.d.ts +0 -13
  588. package/list/list-item.d.ts.map +0 -1
  589. package/list/list-item.js +0 -38
  590. package/list/list-item.js.map +0 -1
  591. package/list/list-item.styles.d.ts +0 -2
  592. package/list/list-item.styles.d.ts.map +0 -1
  593. package/list/list-item.styles.js +0 -48
  594. package/list/list-item.styles.js.map +0 -1
  595. package/list/list.d.ts +0 -11
  596. package/list/list.d.ts.map +0 -1
  597. package/list/list.js +0 -15
  598. package/list/list.js.map +0 -1
  599. package/list/list.styles.d.ts +0 -2
  600. package/list/list.styles.d.ts.map +0 -1
  601. package/list/list.styles.js +0 -8
  602. package/list/list.styles.js.map +0 -1
  603. package/menu/menu-item.d.ts +0 -40
  604. package/menu/menu-item.d.ts.map +0 -1
  605. package/menu/menu-item.js +0 -98
  606. package/menu/menu-item.js.map +0 -1
  607. package/menu/menu-item.styles.d.ts +0 -2
  608. package/menu/menu-item.styles.d.ts.map +0 -1
  609. package/menu/menu-item.styles.js +0 -54
  610. package/menu/menu-item.styles.js.map +0 -1
  611. package/menu/menu.d.ts +0 -48
  612. package/menu/menu.d.ts.map +0 -1
  613. package/menu/menu.js +0 -328
  614. package/menu/menu.js.map +0 -1
  615. package/menu/menu.styles.d.ts +0 -2
  616. package/menu/menu.styles.d.ts.map +0 -1
  617. package/menu/menu.styles.js +0 -69
  618. package/menu/menu.styles.js.map +0 -1
  619. package/navigation/drawer-item.d.ts +0 -40
  620. package/navigation/drawer-item.d.ts.map +0 -1
  621. package/navigation/drawer-item.js +0 -94
  622. package/navigation/drawer-item.js.map +0 -1
  623. package/navigation/drawer-item.styles.d.ts +0 -2
  624. package/navigation/drawer-item.styles.d.ts.map +0 -1
  625. package/navigation/drawer-item.styles.js +0 -52
  626. package/navigation/drawer-item.styles.js.map +0 -1
  627. package/navigation/drawer.d.ts +0 -11
  628. package/navigation/drawer.d.ts.map +0 -1
  629. package/navigation/drawer.js +0 -23
  630. package/navigation/drawer.js.map +0 -1
  631. package/navigation/drawer.styles.d.ts +0 -2
  632. package/navigation/drawer.styles.d.ts.map +0 -1
  633. package/navigation/drawer.styles.js +0 -22
  634. package/navigation/drawer.styles.js.map +0 -1
  635. package/navigation/side-navigation-swiper.styles.d.ts +0 -2
  636. package/navigation/side-navigation-swiper.styles.d.ts.map +0 -1
  637. package/navigation/side-navigation-swiper.styles.js +0 -131
  638. package/navigation/side-navigation-swiper.styles.js.map +0 -1
  639. package/navigation/side-navigation.d.ts +0 -33
  640. package/navigation/side-navigation.d.ts.map +0 -1
  641. package/navigation/side-navigation.js +0 -138
  642. package/navigation/side-navigation.js.map +0 -1
  643. package/navigation/side-navigation.styles.d.ts +0 -2
  644. package/navigation/side-navigation.styles.d.ts.map +0 -1
  645. package/navigation/side-navigation.styles.js +0 -124
  646. package/navigation/side-navigation.styles.js.map +0 -1
  647. package/progress/circular-progress.d.ts +0 -14
  648. package/progress/circular-progress.d.ts.map +0 -1
  649. package/progress/circular-progress.js +0 -80
  650. package/progress/circular-progress.js.map +0 -1
  651. package/progress/circular-progress.styles.d.ts +0 -2
  652. package/progress/circular-progress.styles.d.ts.map +0 -1
  653. package/progress/circular-progress.styles.js +0 -75
  654. package/progress/circular-progress.styles.js.map +0 -1
  655. package/progress/progress-bar.d.ts +0 -14
  656. package/progress/progress-bar.d.ts.map +0 -1
  657. package/progress/progress-bar.js +0 -49
  658. package/progress/progress-bar.js.map +0 -1
  659. package/progress/progress-bar.styles.d.ts +0 -2
  660. package/progress/progress-bar.styles.d.ts.map +0 -1
  661. package/progress/progress-bar.styles.js +0 -152
  662. package/progress/progress-bar.styles.js.map +0 -1
  663. package/radio/radio-list-item.d.ts +0 -11
  664. package/radio/radio-list-item.d.ts.map +0 -1
  665. package/radio/radio-list-item.js +0 -11
  666. package/radio/radio-list-item.js.map +0 -1
  667. package/radio/radio.d.ts +0 -24
  668. package/radio/radio.d.ts.map +0 -1
  669. package/radio/radio.js +0 -125
  670. package/radio/radio.js.map +0 -1
  671. package/radio/radio.styles.d.ts +0 -2
  672. package/radio/radio.styles.d.ts.map +0 -1
  673. package/radio/radio.styles.js +0 -33
  674. package/radio/radio.styles.js.map +0 -1
  675. package/ripple/ripple.d.ts +0 -28
  676. package/ripple/ripple.d.ts.map +0 -1
  677. package/ripple/ripple.js +0 -120
  678. package/ripple/ripple.js.map +0 -1
  679. package/ripple/ripple.styles.d.ts +0 -2
  680. package/ripple/ripple.styles.d.ts.map +0 -1
  681. package/ripple/ripple.styles.js +0 -74
  682. package/ripple/ripple.styles.js.map +0 -1
  683. package/select/extended-option.d.ts +0 -5
  684. package/select/extended-option.d.ts.map +0 -1
  685. package/select/extended-option.js +0 -2
  686. package/select/extended-option.js.map +0 -1
  687. package/select/extended-select.d.ts +0 -6
  688. package/select/extended-select.d.ts.map +0 -1
  689. package/select/extended-select.js +0 -2
  690. package/select/extended-select.js.map +0 -1
  691. package/select/option.d.ts +0 -27
  692. package/select/option.d.ts.map +0 -1
  693. package/select/option.js +0 -132
  694. package/select/option.js.map +0 -1
  695. package/select/option.styles.d.ts +0 -2
  696. package/select/option.styles.d.ts.map +0 -1
  697. package/select/option.styles.js +0 -15
  698. package/select/option.styles.js.map +0 -1
  699. package/select/select-navigation-controller.d.ts +0 -14
  700. package/select/select-navigation-controller.d.ts.map +0 -1
  701. package/select/select-navigation-controller.js +0 -82
  702. package/select/select-navigation-controller.js.map +0 -1
  703. package/select/select.d.ts +0 -47
  704. package/select/select.d.ts.map +0 -1
  705. package/select/select.js +0 -268
  706. package/select/select.js.map +0 -1
  707. package/select/select.styles.d.ts +0 -2
  708. package/select/select.styles.d.ts.map +0 -1
  709. package/select/select.styles.js +0 -39
  710. package/select/select.styles.js.map +0 -1
  711. package/shared/base.styles.d.ts +0 -2
  712. package/shared/base.styles.d.ts.map +0 -1
  713. package/shared/base.styles.js +0 -31
  714. package/shared/base.styles.js.map +0 -1
  715. package/shared/button-wrapper.d.ts +0 -39
  716. package/shared/button-wrapper.d.ts.map +0 -1
  717. package/shared/button-wrapper.js +0 -123
  718. package/shared/button-wrapper.js.map +0 -1
  719. package/shared/button-wrapper.styles.d.ts +0 -2
  720. package/shared/button-wrapper.styles.d.ts.map +0 -1
  721. package/shared/button-wrapper.styles.js +0 -63
  722. package/shared/button-wrapper.styles.js.map +0 -1
  723. package/shared/char-count-text-field/native-text-field-wrapper.d.ts +0 -15
  724. package/shared/char-count-text-field/native-text-field-wrapper.d.ts.map +0 -1
  725. package/shared/char-count-text-field/native-text-field-wrapper.js +0 -54
  726. package/shared/char-count-text-field/native-text-field-wrapper.js.map +0 -1
  727. package/shared/compare-text.d.ts +0 -2
  728. package/shared/compare-text.d.ts.map +0 -1
  729. package/shared/compare-text.js +0 -5
  730. package/shared/compare-text.js.map +0 -1
  731. package/shared/events/dispatch-event.d.ts +0 -1
  732. package/shared/events/dispatch-event.d.ts.map +0 -1
  733. package/shared/events/dispatch-event.js +0 -2
  734. package/shared/events/dispatch-event.js.map +0 -1
  735. package/shared/events/redispatch-event.d.ts +0 -2
  736. package/shared/events/redispatch-event.d.ts.map +0 -1
  737. package/shared/events/redispatch-event.js +0 -14
  738. package/shared/events/redispatch-event.js.map +0 -1
  739. package/shared/extract-template-html.d.ts +0 -2
  740. package/shared/extract-template-html.d.ts.map +0 -1
  741. package/shared/extract-template-html.js +0 -8
  742. package/shared/extract-template-html.js.map +0 -1
  743. package/shared/menu-field/menu-field-navigation-controller.d.ts +0 -20
  744. package/shared/menu-field/menu-field-navigation-controller.d.ts.map +0 -1
  745. package/shared/menu-field/menu-field-navigation-controller.js +0 -108
  746. package/shared/menu-field/menu-field-navigation-controller.js.map +0 -1
  747. package/shared/menu-field/menu-field.d.ts +0 -7
  748. package/shared/menu-field/menu-field.d.ts.map +0 -1
  749. package/shared/menu-field/menu-field.js +0 -2
  750. package/shared/menu-field/menu-field.js.map +0 -1
  751. package/shared/mixin-attribute-properties.d.ts +0 -4
  752. package/shared/mixin-attribute-properties.d.ts.map +0 -1
  753. package/shared/mixin-attribute-properties.js +0 -27
  754. package/shared/mixin-attribute-properties.js.map +0 -1
  755. package/shared/mixin.d.ts +0 -3
  756. package/shared/mixin.d.ts.map +0 -1
  757. package/shared/mixin.js +0 -2
  758. package/shared/mixin.js.map +0 -1
  759. package/shared/normalize-text.d.ts +0 -2
  760. package/shared/normalize-text.d.ts.map +0 -1
  761. package/shared/normalize-text.js +0 -9
  762. package/shared/normalize-text.js.map +0 -1
  763. package/shared/selection-control/checkbox-base.d.ts +0 -1
  764. package/shared/selection-control/checkbox-base.d.ts.map +0 -1
  765. package/shared/selection-control/checkbox-base.js +0 -7
  766. package/shared/selection-control/checkbox-base.js.map +0 -1
  767. package/shared/selection-control/selection-control-list-item.d.ts +0 -4
  768. package/shared/selection-control/selection-control-list-item.d.ts.map +0 -1
  769. package/shared/selection-control/selection-control-list-item.js +0 -44
  770. package/shared/selection-control/selection-control-list-item.js.map +0 -1
  771. package/shared/selection-control/selection-control.d.ts +0 -36
  772. package/shared/selection-control/selection-control.d.ts.map +0 -1
  773. package/shared/selection-control/selection-control.js +0 -155
  774. package/shared/selection-control/selection-control.js.map +0 -1
  775. package/shared/selection-control/selection-control.styles.d.ts +0 -2
  776. package/shared/selection-control/selection-control.styles.d.ts.map +0 -1
  777. package/shared/selection-control/selection-control.styles.js +0 -67
  778. package/shared/selection-control/selection-control.styles.js.map +0 -1
  779. package/shared/sets/set-base.d.ts +0 -11
  780. package/shared/sets/set-base.d.ts.map +0 -1
  781. package/shared/sets/set-base.js +0 -22
  782. package/shared/sets/set-base.js.map +0 -1
  783. package/shared/sets/set-base.styles.d.ts +0 -2
  784. package/shared/sets/set-base.styles.d.ts.map +0 -1
  785. package/shared/sets/set-base.styles.js +0 -22
  786. package/shared/sets/set-base.styles.js.map +0 -1
  787. package/shared/text-field-base/text-field-base.d.ts +0 -16
  788. package/shared/text-field-base/text-field-base.d.ts.map +0 -1
  789. package/shared/text-field-base/text-field-base.js +0 -29
  790. package/shared/text-field-base/text-field-base.js.map +0 -1
  791. package/shared/text-field-base/text-field-base.styles.d.ts +0 -2
  792. package/shared/text-field-base/text-field-base.styles.d.ts.map +0 -1
  793. package/shared/text-field-base/text-field-base.styles.js +0 -11
  794. package/shared/text-field-base/text-field-base.styles.js.map +0 -1
  795. package/snackbar/snackbar.d.ts +0 -40
  796. package/snackbar/snackbar.d.ts.map +0 -1
  797. package/snackbar/snackbar.js +0 -133
  798. package/snackbar/snackbar.js.map +0 -1
  799. package/snackbar/snackbar.styles.d.ts +0 -2
  800. package/snackbar/snackbar.styles.d.ts.map +0 -1
  801. package/snackbar/snackbar.styles.js +0 -81
  802. package/snackbar/snackbar.styles.js.map +0 -1
  803. package/switch/switch-list-item.d.ts +0 -11
  804. package/switch/switch-list-item.d.ts.map +0 -1
  805. package/switch/switch-list-item.js +0 -11
  806. package/switch/switch-list-item.js.map +0 -1
  807. package/switch/switch.d.ts +0 -14
  808. package/switch/switch.d.ts.map +0 -1
  809. package/switch/switch.js +0 -26
  810. package/switch/switch.js.map +0 -1
  811. package/switch/switch.styles.d.ts +0 -2
  812. package/switch/switch.styles.d.ts.map +0 -1
  813. package/switch/switch.styles.js +0 -78
  814. package/switch/switch.styles.js.map +0 -1
  815. package/tab-bar/tab-bar.d.ts +0 -28
  816. package/tab-bar/tab-bar.d.ts.map +0 -1
  817. package/tab-bar/tab-bar.js +0 -200
  818. package/tab-bar/tab-bar.js.map +0 -1
  819. package/tab-bar/tab-bar.styles.d.ts +0 -2
  820. package/tab-bar/tab-bar.styles.d.ts.map +0 -1
  821. package/tab-bar/tab-bar.styles.js +0 -72
  822. package/tab-bar/tab-bar.styles.js.map +0 -1
  823. package/tab-bar/tab.d.ts +0 -22
  824. package/tab-bar/tab.d.ts.map +0 -1
  825. package/tab-bar/tab.js +0 -91
  826. package/tab-bar/tab.js.map +0 -1
  827. package/tab-bar/tab.styles.d.ts +0 -2
  828. package/tab-bar/tab.styles.d.ts.map +0 -1
  829. package/tab-bar/tab.styles.js +0 -56
  830. package/tab-bar/tab.styles.js.map +0 -1
  831. package/text-area/text-area.d.ts +0 -15
  832. package/text-area/text-area.d.ts.map +0 -1
  833. package/text-area/text-area.js +0 -46
  834. package/text-area/text-area.js.map +0 -1
  835. package/text-area/text-area.styles.d.ts +0 -2
  836. package/text-area/text-area.styles.d.ts.map +0 -1
  837. package/text-area/text-area.styles.js +0 -39
  838. package/text-area/text-area.styles.js.map +0 -1
  839. package/text-field/text-field.d.ts +0 -19
  840. package/text-field/text-field.d.ts.map +0 -1
  841. package/text-field/text-field.js +0 -66
  842. package/text-field/text-field.js.map +0 -1
  843. package/text-field/text-field.styles.d.ts +0 -2
  844. package/text-field/text-field.styles.d.ts.map +0 -1
  845. package/text-field/text-field.styles.js +0 -41
  846. package/text-field/text-field.styles.js.map +0 -1
  847. package/theme/color.d.ts +0 -7
  848. package/theme/color.d.ts.map +0 -1
  849. package/theme/color.js +0 -2
  850. package/theme/color.js.map +0 -1
  851. package/theme/css-var-builder.d.ts +0 -10
  852. package/theme/css-var-builder.d.ts.map +0 -1
  853. package/theme/css-var-builder.js +0 -27
  854. package/theme/css-var-builder.js.map +0 -1
  855. package/theme/index.d.ts +0 -2
  856. package/theme/index.d.ts.map +0 -1
  857. package/theme/index.js +0 -2
  858. package/theme/index.js.map +0 -1
  859. package/theme/neutral-colors.d.ts +0 -4
  860. package/theme/neutral-colors.d.ts.map +0 -1
  861. package/theme/neutral-colors.js +0 -24
  862. package/theme/neutral-colors.js.map +0 -1
  863. package/theme/theme-builder.d.ts +0 -26
  864. package/theme/theme-builder.d.ts.map +0 -1
  865. package/theme/theme-builder.js +0 -146
  866. package/theme/theme-builder.js.map +0 -1
  867. package/theme/theme-color.d.ts +0 -6
  868. package/theme/theme-color.d.ts.map +0 -1
  869. package/theme/theme-color.js +0 -2
  870. package/theme/theme-color.js.map +0 -1
  871. package/typeahead/highlight.d.ts +0 -24
  872. package/typeahead/highlight.d.ts.map +0 -1
  873. package/typeahead/highlight.js +0 -69
  874. package/typeahead/highlight.js.map +0 -1
  875. package/typeahead/highlight.styles.d.ts +0 -2
  876. package/typeahead/highlight.styles.d.ts.map +0 -1
  877. package/typeahead/highlight.styles.js +0 -7
  878. package/typeahead/highlight.styles.js.map +0 -1
  879. package/typeahead/typeahead.d.ts +0 -94
  880. package/typeahead/typeahead.d.ts.map +0 -1
  881. package/typeahead/typeahead.js +0 -362
  882. package/typeahead/typeahead.js.map +0 -1
  883. package/typeahead/typeahead.styles.d.ts +0 -2
  884. package/typeahead/typeahead.styles.d.ts.map +0 -1
  885. package/typeahead/typeahead.styles.js +0 -11
  886. package/typeahead/typeahead.styles.js.map +0 -1
  887. /package/{scss → src/scss}/_api.scss +0 -0
  888. /package/{scss → src/scss}/_colors.scss +0 -0
  889. /package/{scss → src/scss}/_css-vars.scss +0 -0
  890. /package/{scss → src/scss}/_functions.scss +0 -0
  891. /package/{scss → src/scss}/_global.scss +0 -0
  892. /package/{scss → src/scss}/_layout.scss +0 -0
  893. /package/{scss → src/scss}/_mixins.scss +0 -0
  894. /package/{scss → src/scss}/_reboot.scss +0 -0
  895. /package/{scss → src/scss}/_utilities.scss +0 -0
  896. /package/{scss → src/scss}/_variables.scss +0 -0
  897. /package/{scss → src/scss}/colors/_text-bg.scss +0 -0
  898. /package/{scss → src/scss}/colors/_text.scss +0 -0
  899. /package/{scss → src/scss}/functions/_font.scss +0 -0
  900. /package/{scss → src/scss}/layout/_container.scss +0 -0
  901. /package/{scss → src/scss}/layout/_grid.scss +0 -0
  902. /package/{scss → src/scss}/layout/_margin-and-gutters.scss +0 -0
  903. /package/{scss → src/scss}/mixins/_breakpoints.scss +0 -0
  904. /package/{scss → src/scss}/mixins/_colors.scss +0 -0
  905. /package/{scss → src/scss}/mixins/_text-bg.scss +0 -0
  906. /package/{scss → src/scss}/mixins/_typo.scss +0 -0
  907. /package/{scss → src/scss}/table/_table.scss +0 -0
  908. /package/{scss → src/scss}/typo/_font.scss +0 -0
  909. /package/{scss → src/scss}/typo/_typo.scss +0 -0
  910. /package/{scss → src/scss}/typo/_variables.scss +0 -0
  911. /package/{scss → src/scss}/universal-material.scss +0 -0
  912. /package/{scss → src/scss}/utilities/_divider.scss +0 -0
  913. /package/{scss → src/scss}/utilities/_scheme.scss +0 -0
  914. /package/{scss → src/scss}/utilities/_spacing.scss +0 -0
  915. /package/{scss → src/scss}/utilities/_text.scss +0 -0
@@ -1,123 +0,0 @@
1
- import { __decorate } from "tslib";
2
- import { html, LitElement, nothing } from 'lit';
3
- import { property, query, state } from 'lit/decorators.js';
4
- import { styles as baseStyles } from './base.styles.js';
5
- import { styles } from './button-wrapper.styles';
6
- import { redispatchEvent } from './events/redispatch-event.js';
7
- import '../elevation/elevation.js';
8
- import '../ripple/ripple.js';
9
- export class UmButtonWrapper extends LitElement {
10
- constructor() {
11
- super(...arguments);
12
- /**
13
- * Whether the button is disabled or not.
14
- */
15
- this.disabled = false;
16
- this.renderRipple = true;
17
- this.innerRole = null;
18
- }
19
- static { this.styles = [baseStyles, styles]; }
20
- get pathname() {
21
- return this.buttonElement?.pathname;
22
- }
23
- render() {
24
- return typeof this.href === 'string' ? this.renderLink() : this.renderButton();
25
- }
26
- renderButton() {
27
- return html `
28
- <div class="content">${this.renderContent()}</div>
29
- <button
30
- id="button"
31
- class="button focus-ring"
32
- ?disabled=${this.disabled}
33
- aria-label=${this.getAriaLabel() || nothing}
34
- aria-labelledby="${this.getAriaLabel() ? nothing : 'text'}"
35
- .role=${this.innerRole}
36
- type="button"
37
- @click=${this.#innerClickHandler}>
38
- <u-ripple ?disabled=${this.disabled || !this.renderRipple}></u-ripple>
39
- <u-elevation></u-elevation>
40
- </button>
41
- `;
42
- }
43
- renderLink() {
44
- return html `
45
- <div class="content">${this.renderContent()}</div>
46
- <a
47
- id="link"
48
- class="button"
49
- href=${this.disabled ? nothing : this.href}
50
- aria-disabled=${this.disabled || nothing}
51
- aria-label=${this.ariaLabel || nothing}
52
- aria-labelledby="${this.ariaLabel ? nothing : 'text'}"
53
- .role=${this.innerRole}
54
- target=${this.target || nothing}
55
- @click=${this.#innerClickHandler}>
56
- <u-elevation></u-elevation>
57
- <u-ripple ?disabled=${this.disabled || !this.renderRipple}></u-ripple>
58
- </a>
59
- `;
60
- }
61
- connectedCallback() {
62
- super.connectedCallback();
63
- this.addEventListener('focus', this.innerFocusHandler);
64
- }
65
- disconnectedCallback() {
66
- super.disconnectedCallback();
67
- this.removeEventListener('focus', this.innerFocusHandler);
68
- }
69
- focus() {
70
- this.buttonElement?.focus();
71
- }
72
- blur() {
73
- this.buttonElement?.blur();
74
- }
75
- getAriaLabel() {
76
- return this.ariaLabel;
77
- }
78
- innerFocusHandler() {
79
- const tabIndexAttributeValue = this.getAttribute('tabindex');
80
- if (tabIndexAttributeValue !== '0') {
81
- return;
82
- }
83
- this.removeAttribute('tabindex');
84
- setTimeout(() => this.buttonElement?.focus());
85
- }
86
- #innerClickHandler(event) {
87
- if (this.disabled) {
88
- return;
89
- }
90
- const preventDefault = !redispatchEvent(this, event);
91
- if (preventDefault) {
92
- return;
93
- }
94
- if (!event.pointerType) {
95
- this.ripple.createRipple();
96
- }
97
- this.handleClick(event);
98
- }
99
- handleClick(_) {
100
- }
101
- }
102
- __decorate([
103
- property({ type: Boolean, reflect: true })
104
- ], UmButtonWrapper.prototype, "disabled", void 0);
105
- __decorate([
106
- state()
107
- ], UmButtonWrapper.prototype, "renderRipple", void 0);
108
- __decorate([
109
- property()
110
- ], UmButtonWrapper.prototype, "href", void 0);
111
- __decorate([
112
- property()
113
- ], UmButtonWrapper.prototype, "target", void 0);
114
- __decorate([
115
- property()
116
- ], UmButtonWrapper.prototype, "name", void 0);
117
- __decorate([
118
- query('.button')
119
- ], UmButtonWrapper.prototype, "buttonElement", void 0);
120
- __decorate([
121
- query('u-ripple')
122
- ], UmButtonWrapper.prototype, "ripple", void 0);
123
- //# sourceMappingURL=button-wrapper.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button-wrapper.js","sourceRoot":"","sources":["../../src/shared/button-wrapper.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResultGroup } from '@lit/reactive-element/css-tag';\n\nimport { html, HTMLTemplateResult, LitElement, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\n\nimport { UmRipple } from '../ripple/ripple.js';\nimport { styles as baseStyles } from './base.styles.js';\nimport { styles } from './button-wrapper.styles';\nimport { redispatchEvent } from './events/redispatch-event.js';\n\nimport '../elevation/elevation.js';\nimport '../ripple/ripple.js';\n\nexport abstract class UmButtonWrapper extends LitElement {\n static override styles: CSSResultGroup = [baseStyles, styles];\n\n /**\n * Whether the button is disabled or not.\n */\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n @state() renderRipple = true;\n\n /**\n * The URL that the link button points to.\n */\n @property() href: string | undefined;\n\n /**\n * Where to display the linked `href` URL for a link button. Common options\n * include `_blank` to open in a new tab.\n */\n @property() target: string | undefined;\n\n @property() name: string | undefined;\n\n @query('.button') readonly buttonElement!: HTMLElement;\n @query('u-ripple') private readonly ripple!: UmRipple;\n\n protected innerRole: string | null = null;\n\n get pathname(): string {\n return (this.buttonElement as HTMLAnchorElement)?.pathname;\n }\n\n protected override render(): HTMLTemplateResult {\n return typeof this.href === 'string' ? this.renderLink() : this.renderButton();\n }\n\n private renderButton() {\n return html`\n <div class=\"content\">${this.renderContent()}</div>\n <button\n id=\"button\"\n class=\"button focus-ring\"\n ?disabled=${this.disabled}\n aria-label=${this.getAriaLabel() || nothing}\n aria-labelledby=\"${this.getAriaLabel() ? nothing : 'text'}\"\n .role=${this.innerRole}\n type=\"button\"\n @click=${this.#innerClickHandler}>\n <u-ripple ?disabled=${this.disabled || !this.renderRipple}></u-ripple>\n <u-elevation></u-elevation>\n </button>\n `;\n }\n\n private renderLink() {\n return html`\n <div class=\"content\">${this.renderContent()}</div>\n <a\n id=\"link\"\n class=\"button\"\n href=${this.disabled ? nothing : this.href}\n aria-disabled=${this.disabled || nothing}\n aria-label=${this.ariaLabel || nothing}\n aria-labelledby=\"${this.ariaLabel ? nothing : 'text'}\"\n .role=${this.innerRole}\n target=${this.target || nothing}\n @click=${this.#innerClickHandler}>\n <u-elevation></u-elevation>\n <u-ripple ?disabled=${this.disabled || !this.renderRipple}></u-ripple>\n </a>\n `;\n }\n\n protected abstract renderContent(): HTMLTemplateResult;\n\n override connectedCallback() {\n super.connectedCallback();\n\n this.addEventListener('focus', this.innerFocusHandler);\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n\n this.removeEventListener('focus', this.innerFocusHandler);\n }\n\n override focus() {\n this.buttonElement?.focus();\n }\n\n override blur() {\n this.buttonElement?.blur();\n }\n\n protected getAriaLabel(): string | null {\n return this.ariaLabel;\n }\n\n private innerFocusHandler(): void {\n const tabIndexAttributeValue = this.getAttribute('tabindex');\n\n if (tabIndexAttributeValue !== '0') {\n return;\n }\n\n this.removeAttribute('tabindex');\n setTimeout(() => this.buttonElement?.focus());\n }\n\n #innerClickHandler(event: MouseEvent): void {\n if (this.disabled) {\n return;\n }\n\n const preventDefault = !redispatchEvent(this, event);\n\n if (preventDefault) {\n return;\n }\n\n if (!(event as PointerEvent).pointerType) {\n this.ripple.createRipple();\n }\n\n this.handleClick(event);\n }\n\n protected handleClick(_: UIEvent): void {\n }\n}\n"]}
@@ -1,2 +0,0 @@
1
- export declare const styles: import("lit").CSSResult;
2
- //# sourceMappingURL=button-wrapper.styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button-wrapper.styles.d.ts","sourceRoot":"","sources":["../../src/shared/button-wrapper.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA4DlB,CAAC"}
@@ -1,63 +0,0 @@
1
- import { css } from 'lit';
2
- export const styles = css `
3
- :host {
4
- --_color-primary: var(--u-color-primary, rgb(103, 80, 164));
5
- -webkit-tap-highlight-color: transparent;
6
- --u-elevation-level: 0;
7
- position: relative;
8
- display: inline-block;
9
- font-family: var(--u-font-family, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
10
- appearance: none !important;
11
- }
12
-
13
- :host([disabled]) {
14
- --u-elevation-level: 0 !important;
15
- background-color: var(--u-button-disabled-bg-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-button-disabled-background-opacity, 12%), transparent)) !important;
16
- color: var(--u-button-disabled-text-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-button-disabled-opacity, 38%), transparent)) !important;
17
- }
18
-
19
- :host([disabled]) .button {
20
- cursor: default;
21
- }
22
-
23
- * {
24
- color: inherit;
25
- }
26
-
27
- u-elevation {
28
- z-index: -1;
29
- }
30
-
31
- .button {
32
- cursor: pointer;
33
- position: absolute;
34
- inset-inline-start: 0;
35
- inset-block-start: 0;
36
- width: 100%;
37
- height: 100%;
38
- font-family: inherit;
39
- border-radius: inherit;
40
- color: inherit;
41
- border: none;
42
- margin: 0;
43
- padding: 0;
44
- text-align: center;
45
- white-space: nowrap;
46
- background: transparent;
47
- user-select: none;
48
- text-decoration: none;
49
- outline: 0;
50
- z-index: 0;
51
- }
52
-
53
- .content {
54
- display: inline-flex;
55
- align-items: center;
56
- justify-content: center;
57
- white-space: nowrap;
58
- border-radius: inherit;
59
- width: 100%;
60
- height: 100%;
61
- }
62
- `;
63
- //# sourceMappingURL=button-wrapper.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button-wrapper.styles.js","sourceRoot":"","sources":["../../src/shared/button-wrapper.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DzB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css `\n :host {\n --_color-primary: var(--u-color-primary, rgb(103, 80, 164));\n -webkit-tap-highlight-color: transparent;\n --u-elevation-level: 0;\n position: relative;\n display: inline-block;\n font-family: var(--u-font-family, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\");\n appearance: none !important;\n }\n\n :host([disabled]) {\n --u-elevation-level: 0 !important;\n background-color: var(--u-button-disabled-bg-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-button-disabled-background-opacity, 12%), transparent)) !important;\n color: var(--u-button-disabled-text-color, color-mix(in srgb, var(--u-color-on-surface, rgb(29, 27, 32)) var(--u-button-disabled-opacity, 38%), transparent)) !important;\n }\n\n :host([disabled]) .button {\n cursor: default;\n }\n\n * {\n color: inherit;\n }\n\n u-elevation {\n z-index: -1;\n }\n\n .button {\n cursor: pointer;\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n width: 100%;\n height: 100%;\n font-family: inherit;\n border-radius: inherit;\n color: inherit;\n border: none;\n margin: 0;\n padding: 0;\n text-align: center;\n white-space: nowrap;\n background: transparent;\n user-select: none;\n text-decoration: none;\n outline: 0;\n z-index: 0;\n }\n\n .content {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n border-radius: inherit;\n width: 100%;\n height: 100%;\n }\n`;\n"]}
@@ -1,15 +0,0 @@
1
- import { UmTextFieldBase } from '../text-field-base/text-field-base.js';
2
- export declare abstract class UmNativeTextFieldWrapper extends UmTextFieldBase {
3
- #private;
4
- protected _value: string;
5
- get value(): string;
6
- set value(value: string);
7
- autocomplete: 'on' | 'off' | string | undefined;
8
- get maxlength(): number | undefined;
9
- set maxlength(value: number);
10
- role: string | null;
11
- focus(): void;
12
- abstract input: HTMLInputElement | HTMLTextAreaElement;
13
- protected _handleInput(): void;
14
- }
15
- //# sourceMappingURL=native-text-field-wrapper.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"native-text-field-wrapper.d.ts","sourceRoot":"","sources":["../../../src/shared/char-count-text-field/native-text-field-wrapper.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,8BAAsB,wBAAyB,SAAQ,eAAe;;IACpE,SAAS,CAAC,MAAM,SAAM;IACtB,IACI,KAAK,IAIQ,MAAM,CAFtB;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,EAKtB;IAE4B,YAAY,EAAE,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;IAI7E,IACI,SAAS,IAAI,MAAM,GAAG,SAAS,CAElC;IAED,IAAI,SAAS,CAAC,KAAK,EAAE,MAAM,EAG1B;IAEqC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAQ;IAExD,KAAK;IAId,QAAQ,CAAC,KAAK,EAAE,gBAAgB,GAAG,mBAAmB,CAAC;IAEvD,SAAS,CAAC,YAAY;CAavB"}
@@ -1,54 +0,0 @@
1
- import { __decorate } from "tslib";
2
- import { property } from 'lit/decorators.js';
3
- import { UmTextFieldBase } from '../text-field-base/text-field-base.js';
4
- export class UmNativeTextFieldWrapper extends UmTextFieldBase {
5
- constructor() {
6
- super(...arguments);
7
- this._value = '';
8
- this.role = null;
9
- }
10
- get value() {
11
- return this._value;
12
- }
13
- set value(value) {
14
- this._value = value;
15
- this.empty = !value;
16
- this.elementInternals.setFormValue(value);
17
- this.#updateCounter();
18
- }
19
- #maxlength;
20
- get maxlength() {
21
- return this.#maxlength;
22
- }
23
- set maxlength(value) {
24
- this.#maxlength = value;
25
- this.#updateCounter();
26
- }
27
- focus() {
28
- this.input.focus();
29
- }
30
- _handleInput() {
31
- this.value = this.input.value;
32
- this.#updateCounter();
33
- }
34
- #updateCounter() {
35
- if (this.maxlength) {
36
- this._innerCounter = `${this.value.length}/${this.maxlength}`;
37
- return;
38
- }
39
- this._innerCounter = undefined;
40
- }
41
- }
42
- __decorate([
43
- property()
44
- ], UmNativeTextFieldWrapper.prototype, "value", null);
45
- __decorate([
46
- property({ reflect: true })
47
- ], UmNativeTextFieldWrapper.prototype, "autocomplete", void 0);
48
- __decorate([
49
- property({ type: Number, reflect: true })
50
- ], UmNativeTextFieldWrapper.prototype, "maxlength", null);
51
- __decorate([
52
- property({ reflect: true })
53
- ], UmNativeTextFieldWrapper.prototype, "role", void 0);
54
- //# sourceMappingURL=native-text-field-wrapper.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"native-text-field-wrapper.js","sourceRoot":"","sources":["../../../src/shared/char-count-text-field/native-text-field-wrapper.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AAExE,MAAM,OAAgB,wBAAyB,SAAQ,eAAe;IAAtE;;QACY,WAAM,GAAG,EAAE,CAAC;QA2BgB,SAAI,GAAkB,IAAI,CAAC;IAqBnE,CAAC;IA9CC,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAI,KAAK,CAAC,KAAa;QACrB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC;QACpB,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAC1C,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAID,UAAU,CAAqB;IAG/B,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAED,IAAI,SAAS,CAAC,KAAa;QACzB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAIQ,KAAK;QACZ,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;IACrB,CAAC;IAIS,YAAY;QACpB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC9B,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED,cAAc;QACZ,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,aAAa,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YAC9D,OAAO;QACT,CAAC;QAED,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;IACjC,CAAC;CACF;AA9CC;IADC,QAAQ,EAAE;qDAGV;AAS4B;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8DAAiD;AAK7E;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDAGzC;AAOqC;IAArC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAAqC","sourcesContent":["import { property } from 'lit/decorators.js';\n\nimport { UmTextFieldBase } from '../text-field-base/text-field-base.js';\n\nexport abstract class UmNativeTextFieldWrapper extends UmTextFieldBase {\n protected _value = '';\n @property()\n get value() {\n return this._value;\n }\n\n set value(value: string) {\n this._value = value;\n this.empty = !value;\n this.elementInternals.setFormValue(value);\n this.#updateCounter();\n }\n\n @property({ reflect: true }) autocomplete: 'on' | 'off' | string | undefined;\n\n #maxlength: number | undefined;\n\n @property({ type: Number, reflect: true })\n get maxlength(): number | undefined {\n return this.#maxlength;\n }\n\n set maxlength(value: number) {\n this.#maxlength = value;\n this.#updateCounter();\n }\n\n @property({ reflect: true }) override role: string | null = null;\n\n override focus() {\n this.input.focus();\n }\n\n abstract input: HTMLInputElement | HTMLTextAreaElement;\n\n protected _handleInput() {\n this.value = this.input.value;\n this.#updateCounter();\n }\n\n #updateCounter() {\n if (this.maxlength) {\n this._innerCounter = `${this.value.length}/${this.maxlength}`;\n return;\n }\n\n this._innerCounter = undefined;\n }\n}\n"]}
@@ -1,2 +0,0 @@
1
- export declare const normalizedStartsWith: (text: string | null, term: string | null) => boolean;
2
- //# sourceMappingURL=compare-text.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"compare-text.d.ts","sourceRoot":"","sources":["../../src/shared/compare-text.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,SAAU,MAAM,GAAG,IAAI,QAAQ,MAAM,GAAG,IAAI,KAAG,OAG9B,CAAC"}
@@ -1,5 +0,0 @@
1
- import { normalizeText } from './normalize-text.js';
2
- export const normalizedStartsWith = (text, term) => normalizeText(text)
3
- .toLowerCase()
4
- .startsWith(normalizeText(term).toLowerCase());
5
- //# sourceMappingURL=compare-text.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"compare-text.js","sourceRoot":"","sources":["../../src/shared/compare-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAmB,EAAE,IAAmB,EAAW,EAAE,CACxF,aAAa,CAAC,IAAI,CAAC;KAChB,WAAW,EAAE;KACb,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC","sourcesContent":["import { normalizeText } from './normalize-text.js';\n\nexport const normalizedStartsWith = (text: string | null, term: string | null): boolean =>\n normalizeText(text)\n .toLowerCase()\n .startsWith(normalizeText(term).toLowerCase());\n"]}
@@ -1 +0,0 @@
1
- //# sourceMappingURL=dispatch-event.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"dispatch-event.d.ts","sourceRoot":"","sources":["../../../src/shared/events/dispatch-event.ts"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- "use strict";
2
- //# sourceMappingURL=dispatch-event.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"dispatch-event.js","sourceRoot":"","sources":["../../../src/shared/events/dispatch-event.ts"],"names":[],"mappings":"","sourcesContent":[""]}
@@ -1,2 +0,0 @@
1
- export declare const redispatchEvent: (element: Element, event: Event) => boolean;
2
- //# sourceMappingURL=redispatch-event.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"redispatch-event.d.ts","sourceRoot":"","sources":["../../../src/shared/events/redispatch-event.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,YAAa,OAAO,SAAS,KAAK,YAe7D,CAAC"}
@@ -1,14 +0,0 @@
1
- export const redispatchEvent = (element, event) => {
2
- // For bubbling events in SSR light DOM (or composed), stop their propagation
3
- // and dispatch the copy.
4
- if (event.bubbles && (!element.shadowRoot || event.composed)) {
5
- event.stopPropagation();
6
- }
7
- const copy = Reflect.construct(event.constructor, [event.type, event]);
8
- const dispatched = element.dispatchEvent(copy);
9
- if (!dispatched) {
10
- event.preventDefault();
11
- }
12
- return dispatched;
13
- };
14
- //# sourceMappingURL=redispatch-event.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"redispatch-event.js","sourceRoot":"","sources":["../../../src/shared/events/redispatch-event.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAgB,EAAE,KAAY,EAAE,EAAE;IAChE,6EAA6E;IAC7E,yBAAyB;IACzB,IAAI,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,UAAU,IAAI,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC7D,KAAK,CAAC,eAAe,EAAE,CAAC;IAC1B,CAAC;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IACvE,MAAM,UAAU,GAAG,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAE/C,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,KAAK,CAAC,cAAc,EAAE,CAAC;IACzB,CAAC;IAED,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC","sourcesContent":["export const redispatchEvent = (element: Element, event: Event) => {\n // For bubbling events in SSR light DOM (or composed), stop their propagation\n // and dispatch the copy.\n if (event.bubbles && (!element.shadowRoot || event.composed)) {\n event.stopPropagation();\n }\n\n const copy = Reflect.construct(event.constructor, [event.type, event]);\n const dispatched = element.dispatchEvent(copy);\n\n if (!dispatched) {\n event.preventDefault();\n }\n\n return dispatched;\n};\n"]}
@@ -1,2 +0,0 @@
1
- export declare const extractTemplateHtml: (template: HTMLTemplateElement) => string;
2
- //# sourceMappingURL=extract-template-html.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"extract-template-html.d.ts","sourceRoot":"","sources":["../../src/shared/extract-template-html.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,aAAc,mBAAmB,WAQhE,CAAC"}
@@ -1,8 +0,0 @@
1
- export const extractTemplateHtml = (template) => {
2
- let html = '';
3
- for (const child of Array.from(template.content.children)) {
4
- html += child.outerHTML;
5
- }
6
- return html;
7
- };
8
- //# sourceMappingURL=extract-template-html.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"extract-template-html.js","sourceRoot":"","sources":["../../src/shared/extract-template-html.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,QAA6B,EAAE,EAAE;IACnE,IAAI,IAAI,GAAG,EAAE,CAAC;IAEd,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC1D,IAAI,IAAI,KAAK,CAAC,SAAS,CAAC;IAC1B,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC","sourcesContent":["export const extractTemplateHtml = (template: HTMLTemplateElement) => {\n let html = '';\n\n for (const child of Array.from(template.content.children)) {\n html += child.outerHTML;\n }\n\n return html;\n};\n"]}
@@ -1,20 +0,0 @@
1
- import { UmMenuItem } from '../../menu/menu-item.js';
2
- import { UmMenuField } from './menu-field.js';
3
- export declare class MenuFieldNavigationController<TField extends UmMenuField, TMenuItem extends UmMenuItem> {
4
- #private;
5
- protected focusedMenu: TMenuItem | null;
6
- protected readonly host: TField;
7
- private readonly _bindHandleKeyDown;
8
- constructor(host: TField);
9
- attach(element: HTMLElement): void;
10
- detach(): void;
11
- protected handleKeyDown(event: KeyboardEvent): boolean;
12
- private navigate;
13
- protected navigateTo(event: KeyboardEvent, menu: TMenuItem | undefined, index: number): void;
14
- focusMenu(menu: TMenuItem, index: number, active?: boolean, scroll?: boolean): void;
15
- blurMenu(): void;
16
- private selectActiveItem;
17
- protected afterFocus(_: TMenuItem, __: number): void;
18
- protected afterBlur(): void;
19
- }
20
- //# sourceMappingURL=menu-field-navigation-controller.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"menu-field-navigation-controller.d.ts","sourceRoot":"","sources":["../../../src/shared/menu-field/menu-field-navigation-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,qBAAa,6BAA6B,CAAC,MAAM,SAAS,WAAW,EAAE,SAAS,SAAS,UAAU;;IAEjG,SAAS,CAAC,WAAW,EAAE,SAAS,GAAG,IAAI,CAAQ;IAC/C,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAEhC,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAiC;gBAExD,IAAI,EAAE,MAAM;IAKxB,MAAM,CAAC,OAAO,EAAE,WAAW;IAQ3B,MAAM;IAQN,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,OAAO;IA4CtD,OAAO,CAAC,QAAQ;IAwBhB,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM;IAYrF,SAAS,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,UAAO,EAAE,MAAM,UAAO;IAetE,QAAQ;IAUR,OAAO,CAAC,gBAAgB;IAUxB,SAAS,CAAC,UAAU,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM;IAG7C,SAAS,CAAC,SAAS;CAEpB"}
@@ -1,108 +0,0 @@
1
- export class MenuFieldNavigationController {
2
- #element;
3
- constructor(host) {
4
- this.#element = null;
5
- this.focusedMenu = null;
6
- this.#handleMenuClose = () => this.blurMenu();
7
- this.host = host;
8
- this._bindHandleKeyDown = this.handleKeyDown.bind(this);
9
- }
10
- attach(element) {
11
- this.detach();
12
- element?.addEventListener('keydown', this._bindHandleKeyDown, { capture: true });
13
- this.host._menu?.addEventListener('close', this.#handleMenuClose);
14
- this.#element = element;
15
- }
16
- detach() {
17
- this.#element?.removeEventListener('keydown', this._bindHandleKeyDown);
18
- this.host._menu?.removeEventListener('close', this.#handleMenuClose);
19
- this.#element = null;
20
- }
21
- #handleMenuClose;
22
- handleKeyDown(event) {
23
- if (this.host._menu?.open !== true) {
24
- return false;
25
- }
26
- const isEscape = event.key === 'Escape';
27
- if (isEscape) {
28
- this.host._menu.close();
29
- }
30
- if (event.key === 'Home') {
31
- this.navigateTo(event, this.host._menuItems[0], 0);
32
- return true;
33
- }
34
- if (event.key === 'End') {
35
- this.navigateTo(event, this.host._menuItems[this.host._menuItems.length - 1], this.host._menuItems.length - 1);
36
- return true;
37
- }
38
- const isDown = event.key === 'ArrowDown';
39
- const isUp = event.key === 'ArrowUp';
40
- if (isDown || isUp) {
41
- this.navigate(event, isDown);
42
- return true;
43
- }
44
- const isEnter = event.key === 'Enter';
45
- const isTab = event.key === 'Tab';
46
- if (isEnter || isTab) {
47
- this.selectActiveItem(event);
48
- return true;
49
- }
50
- return false;
51
- }
52
- navigate(event, forwards) {
53
- const menuItems = this.host._menuItems;
54
- if (!menuItems.length) {
55
- return;
56
- }
57
- event.preventDefault();
58
- const activeMenu = this.focusedMenu;
59
- const activeMenuIndex = activeMenu ? menuItems.indexOf(activeMenu) : -1;
60
- const nextMenu = forwards
61
- ? menuItems[activeMenuIndex + 1] ?? menuItems[0]
62
- : menuItems[activeMenuIndex - 1] ?? menuItems[menuItems.length - 1];
63
- if (!nextMenu) {
64
- return;
65
- }
66
- this.navigateTo(event, nextMenu, menuItems.indexOf(nextMenu));
67
- }
68
- navigateTo(event, menu, index) {
69
- event.preventDefault();
70
- this.blurMenu();
71
- if (!menu) {
72
- return;
73
- }
74
- this.focusMenu(menu, index);
75
- }
76
- focusMenu(menu, index, active = true, scroll = true) {
77
- if (this.focusedMenu) {
78
- this.focusedMenu.active = false;
79
- }
80
- this.focusedMenu = menu;
81
- menu.active = active;
82
- if (scroll) {
83
- menu.scrollIntoView({ block: 'nearest' });
84
- }
85
- this.afterFocus(menu, index);
86
- }
87
- blurMenu() {
88
- if (!this.focusedMenu) {
89
- return;
90
- }
91
- this.focusedMenu.active = false;
92
- this.focusedMenu = null;
93
- this.afterBlur();
94
- }
95
- selectActiveItem(event) {
96
- if (!this.focusedMenu) {
97
- return;
98
- }
99
- event.preventDefault();
100
- this.focusedMenu.click();
101
- this.host._menu.open = false;
102
- }
103
- afterFocus(_, __) {
104
- }
105
- afterBlur() {
106
- }
107
- }
108
- //# sourceMappingURL=menu-field-navigation-controller.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"menu-field-navigation-controller.js","sourceRoot":"","sources":["../../../src/shared/menu-field/menu-field-navigation-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import { UmMenuItem } from '../../menu/menu-item.js';\nimport { UmMenuField } from './menu-field.js';\n\nexport class MenuFieldNavigationController<TField extends UmMenuField, TMenuItem extends UmMenuItem> {\n #element: HTMLElement | null = null;\n protected focusedMenu: TMenuItem | null = null;\n protected readonly host: TField;\n\n private readonly _bindHandleKeyDown: (event: KeyboardEvent) => void;\n\n constructor(host: TField) {\n this.host = host;\n this._bindHandleKeyDown = this.handleKeyDown.bind(this);\n }\n\n attach(element: HTMLElement) {\n this.detach();\n\n element?.addEventListener('keydown', this._bindHandleKeyDown, { capture: true });\n this.host._menu?.addEventListener('close', this.#handleMenuClose);\n this.#element = element;\n }\n\n detach() {\n this.#element?.removeEventListener('keydown', this._bindHandleKeyDown);\n this.host._menu?.removeEventListener('close', this.#handleMenuClose);\n this.#element = null;\n }\n\n readonly #handleMenuClose = () => this.blurMenu();\n\n protected handleKeyDown(event: KeyboardEvent): boolean {\n if (this.host._menu?.open !== true) {\n return false;\n }\n\n const isEscape = event.key === 'Escape';\n\n if (isEscape) {\n this.host._menu.close();\n }\n\n if (event.key === 'Home') {\n this.navigateTo(event, (this.host._menuItems[0] as TMenuItem), 0);\n return true;\n }\n\n if (event.key === 'End') {\n this.navigateTo(\n event,\n (this.host._menuItems[this.host._menuItems.length - 1] as TMenuItem),\n this.host._menuItems.length - 1,\n );\n return true;\n }\n\n const isDown = event.key === 'ArrowDown';\n const isUp = event.key === 'ArrowUp';\n\n if (isDown || isUp) {\n this.navigate(event, isDown);\n return true;\n }\n\n const isEnter = event.key === 'Enter';\n const isTab = event.key === 'Tab';\n\n if (isEnter || isTab) {\n this.selectActiveItem(event);\n return true;\n }\n\n return false;\n }\n\n private navigate(event: KeyboardEvent, forwards: boolean) {\n const menuItems = this.host._menuItems;\n\n if (!menuItems.length) {\n return;\n }\n\n event.preventDefault();\n\n const activeMenu = this.focusedMenu;\n\n const activeMenuIndex = activeMenu ? menuItems.indexOf(activeMenu) : -1;\n\n const nextMenu = forwards\n ? menuItems[activeMenuIndex + 1] as TMenuItem ?? menuItems[0]\n : menuItems[activeMenuIndex - 1] as TMenuItem ?? menuItems[menuItems.length - 1];\n\n if (!nextMenu) {\n return;\n }\n\n this.navigateTo(event, nextMenu, menuItems.indexOf(nextMenu));\n }\n\n protected navigateTo(event: KeyboardEvent, menu: TMenuItem | undefined, index: number) {\n event.preventDefault();\n\n this.blurMenu();\n\n if (!menu) {\n return;\n }\n\n this.focusMenu(menu, index);\n }\n\n focusMenu(menu: TMenuItem, index: number, active = true, scroll = true) {\n if (this.focusedMenu) {\n this.focusedMenu.active = false;\n }\n\n this.focusedMenu = menu;\n menu.active = active;\n\n if (scroll) {\n menu.scrollIntoView({ block: 'nearest' });\n }\n\n this.afterFocus(menu, index);\n }\n\n blurMenu() {\n if (!this.focusedMenu) {\n return;\n }\n\n this.focusedMenu.active = false;\n this.focusedMenu = null;\n this.afterBlur();\n }\n\n private selectActiveItem(event: KeyboardEvent) {\n if (!this.focusedMenu) {\n return;\n }\n\n event.preventDefault();\n this.focusedMenu.click();\n this.host._menu.open = false;\n }\n\n protected afterFocus(_: TMenuItem, __: number) {\n }\n\n protected afterBlur() {\n }\n}\n"]}
@@ -1,7 +0,0 @@
1
- import { UmMenuItem } from '../../menu/menu-item.js';
2
- import { UmMenu } from '../../menu/menu.js';
3
- export interface UmMenuField {
4
- _menu: UmMenu;
5
- get _menuItems(): UmMenuItem[];
6
- }
7
- //# sourceMappingURL=menu-field.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"menu-field.d.ts","sourceRoot":"","sources":["../../../src/shared/menu-field/menu-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,UAAU,IAAI,UAAU,EAAE,CAAC;CAChC"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=menu-field.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"menu-field.js","sourceRoot":"","sources":["../../../src/shared/menu-field/menu-field.ts"],"names":[],"mappings":"","sourcesContent":["import { UmMenuItem } from '../../menu/menu-item.js';\nimport { UmMenu } from '../../menu/menu.js';\n\nexport interface UmMenuField {\n _menu: UmMenu;\n get _menuItems(): UmMenuItem[];\n}\n"]}
@@ -1,4 +0,0 @@
1
- import { LitElement } from 'lit';
2
- import { MixinBase, MixinReturn } from './mixin.js';
3
- export declare const mixinAttributeProperties: <T extends MixinBase<LitElement>>(base: T, ...properties: string[]) => MixinReturn<T>;
4
- //# sourceMappingURL=mixin-attribute-properties.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"mixin-attribute-properties.d.ts","sourceRoot":"","sources":["../../src/shared/mixin-attribute-properties.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAGpD,eAAO,MAAM,wBAAwB,GAAI,CAAC,SAAS,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,iBAAiB,MAAM,EAAE,KAAG,WAAW,CAAC,CAAC,CA2BzH,CAAC"}
@@ -1,27 +0,0 @@
1
- // @ts-ignore
2
- export const mixinAttributeProperties = (base, ...properties) => {
3
- // @ts-ignore
4
- class AttributeProperties extends base {
5
- constructor() {
6
- super();
7
- for (const property of properties) {
8
- const propertyKey = property
9
- .split('-')
10
- .map((segment, index) => index
11
- ? `${segment[0].toUpperCase()}${segment.substring(1)}`
12
- : segment)
13
- .join('');
14
- Object.defineProperty(this, property, {
15
- get() {
16
- return this[propertyKey];
17
- },
18
- set(value) {
19
- this[propertyKey] = value;
20
- },
21
- });
22
- }
23
- }
24
- }
25
- return AttributeProperties;
26
- };
27
- //# sourceMappingURL=mixin-attribute-properties.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"mixin-attribute-properties.js","sourceRoot":"","sources":["../../src/shared/mixin-attribute-properties.ts"],"names":[],"mappings":"AAIA,aAAa;AACb,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAkC,IAAO,EAAE,GAAG,UAAoB,EAAkB,EAAE;IAC5H,aAAa;IACb,MAAe,mBAAoB,SAAQ,IAAI;QAC7C;YACE,KAAK,EAAE,CAAC;YAER,KAAK,MAAM,QAAQ,IAAI,UAAU,EAAE,CAAC;gBAClC,MAAM,WAAW,GAAG,QAAQ;qBACzB,KAAK,CAAC,GAAG,CAAC;qBACV,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK;oBAC5B,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;oBACtD,CAAC,CAAC,OAAO,CAAC;qBACX,IAAI,CAAC,EAAE,CAAC,CAAC;gBAEZ,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,QAAQ,EAAE;oBACpC,GAAG;wBACD,OAAO,IAAI,CAAC,WAAW,CAAC,CAAC;oBAC3B,CAAC;oBACD,GAAG,CAAC,KAAU;wBACZ,IAAI,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC;oBAC5B,CAAC;iBACF,CAAC,CAAC;YACL,CAAC;QACH,CAAC;KACF;IAED,OAAO,mBAAmB,CAAC;AAC7B,CAAC,CAAC","sourcesContent":["import { LitElement } from 'lit';\n\nimport { MixinBase, MixinReturn } from './mixin.js';\n\n// @ts-ignore\nexport const mixinAttributeProperties = <T extends MixinBase<LitElement>>(base: T, ...properties: string[]): MixinReturn<T> => {\n // @ts-ignore\n abstract class AttributeProperties extends base {\n constructor() {\n super();\n\n for (const property of properties) {\n const propertyKey = property\n .split('-')\n .map((segment, index) => index\n ? `${segment[0].toUpperCase()}${segment.substring(1)}`\n : segment)\n .join('');\n\n Object.defineProperty(this, property, {\n get() {\n return this[propertyKey];\n },\n set(value: any) {\n this[propertyKey] = value;\n },\n });\n }\n }\n }\n\n return AttributeProperties;\n};\n"]}
package/shared/mixin.d.ts DELETED
@@ -1,3 +0,0 @@
1
- export type MixinBase<ExpectedBase = object> = abstract new (...args: any[]) => ExpectedBase;
2
- export type MixinReturn<MixinBase, MixinClass = object> = (abstract new (...args: any[]) => MixinClass) & MixinBase;
3
- //# sourceMappingURL=mixin.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"mixin.d.ts","sourceRoot":"","sources":["../../src/shared/mixin.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,CAAC,YAAY,GAAG,MAAM,IAAI,QAAQ,MAGrD,GAAG,IAAI,EAAE,GAAG,EAAE,KACX,YAAY,CAAC;AAGlB,MAAM,MAAM,WAAW,CAAC,SAAS,EAAE,UAAU,GAAG,MAAM,IAGpD,CAAC,QAAQ,MAAM,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,UAAU,CAAC,GAAG,SAAS,CAAC"}
package/shared/mixin.js DELETED
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=mixin.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"mixin.js","sourceRoot":"","sources":["../../src/shared/mixin.ts"],"names":[],"mappings":"","sourcesContent":["export type MixinBase<ExpectedBase = object> = abstract new (\n // Mixins must have a constructor with `...args: any[]`\n // @ts-ignore\n ...args: any[]\n) => ExpectedBase;\n\n// eslint-disable-next-line @typescript-eslint/no-shadow\nexport type MixinReturn<MixinBase, MixinClass = object> =\n// Mixins must have a constructor with `...args: any[]`\n// tslint:disable-next-line:no-any\n (abstract new (...args: any[]) => MixinClass) & MixinBase;\n"]}
@@ -1,2 +0,0 @@
1
- export declare const normalizeText: (text: string | null) => string;
2
- //# sourceMappingURL=normalize-text.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"normalize-text.d.ts","sourceRoot":"","sources":["../../src/shared/normalize-text.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,SAAU,MAAM,GAAG,IAAI,KAAG,MAQnD,CAAC"}