@limetech/lime-elements 36.1.0-next.8 → 36.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 (277) hide show
  1. package/dist/cjs/{checkbox.template-b6c6562c.js → checkbox.template-ac867c17.js} +1 -1
  2. package/dist/cjs/{index-2a28697b.js → index-287e25e0.js} +424 -246
  3. package/dist/cjs/lime-elements.cjs.js +3 -3
  4. package/dist/cjs/limel-badge.cjs.entry.js +2 -1
  5. package/dist/cjs/limel-banner.cjs.entry.js +3 -1
  6. package/dist/cjs/limel-button-group.cjs.entry.js +3 -8
  7. package/dist/cjs/{limel-button.cjs.entry.js → limel-button_2.cjs.entry.js} +117 -21
  8. package/dist/cjs/limel-checkbox.cjs.entry.js +10 -26
  9. package/dist/cjs/limel-chip-set.cjs.entry.js +21 -52
  10. package/dist/cjs/{limel-linear-progress.cjs.entry.js → limel-circular-progress_2.cjs.entry.js} +34 -7
  11. package/dist/cjs/limel-code-editor.cjs.entry.js +110 -97
  12. package/dist/cjs/limel-collapsible-section.cjs.entry.js +4 -5
  13. package/dist/cjs/limel-color-picker-palette.cjs.entry.js +5 -1
  14. package/dist/cjs/limel-color-picker.cjs.entry.js +8 -2
  15. package/dist/cjs/limel-config.cjs.entry.js +2 -1
  16. package/dist/cjs/limel-date-picker.cjs.entry.js +15 -33
  17. package/dist/cjs/limel-dialog.cjs.entry.js +4 -12
  18. package/dist/cjs/limel-dock-button.cjs.entry.js +5 -15
  19. package/dist/cjs/limel-dock.cjs.entry.js +8 -40
  20. package/dist/cjs/limel-file.cjs.entry.js +10 -24
  21. package/dist/cjs/limel-flatpickr-adapter.cjs.entry.js +149 -48
  22. package/dist/cjs/limel-flex-container.cjs.entry.js +1 -13
  23. package/dist/cjs/limel-form.cjs.entry.js +328 -327
  24. package/dist/cjs/limel-grid.cjs.entry.js +1 -1
  25. package/dist/cjs/limel-header.cjs.entry.js +5 -1
  26. package/dist/cjs/limel-icon-button.cjs.entry.js +3 -8
  27. package/dist/cjs/limel-icon.cjs.entry.js +4 -1
  28. package/dist/cjs/limel-info-tile.cjs.entry.js +95 -0
  29. package/dist/cjs/limel-input-field.cjs.entry.js +27 -60
  30. package/dist/cjs/limel-list_2.cjs.entry.js +10 -21
  31. package/dist/cjs/limel-menu-list.cjs.entry.js +7 -14
  32. package/dist/cjs/limel-picker.cjs.entry.js +14 -39
  33. package/dist/cjs/limel-popover_4.cjs.entry.js +13 -12
  34. package/dist/cjs/limel-portal.cjs.entry.js +63 -73
  35. package/dist/cjs/limel-progress-flow-item.cjs.entry.js +4 -13
  36. package/dist/cjs/limel-progress-flow.cjs.entry.js +4 -20
  37. package/dist/cjs/limel-select.cjs.entry.js +20 -32
  38. package/dist/cjs/limel-shortcut.cjs.entry.js +52 -0
  39. package/dist/cjs/limel-slider.cjs.entry.js +12 -33
  40. package/dist/cjs/limel-snackbar.cjs.entry.js +7 -5
  41. package/dist/cjs/limel-spinner.cjs.entry.js +1 -7
  42. package/dist/cjs/limel-split-button.cjs.entry.js +35 -0
  43. package/dist/cjs/limel-switch.cjs.entry.js +6 -19
  44. package/dist/cjs/limel-tab-bar.cjs.entry.js +2 -5
  45. package/dist/cjs/limel-tab-panel.cjs.entry.js +2 -5
  46. package/dist/cjs/limel-table.cjs.entry.js +16 -28
  47. package/dist/cjs/loader.cjs.js +3 -3
  48. package/dist/cjs/{translations-5a8d7f6c.js → translations-ca7279bc.js} +6 -0
  49. package/dist/collection/collection-manifest.json +5 -2
  50. package/dist/collection/components/badge/badge.js +35 -26
  51. package/dist/collection/components/banner/banner.js +88 -83
  52. package/dist/collection/components/button/button.css +4 -1
  53. package/dist/collection/components/button/button.js +148 -160
  54. package/dist/collection/components/button-group/button-group.js +81 -79
  55. package/dist/collection/components/checkbox/checkbox.js +172 -176
  56. package/dist/collection/components/checkbox/checkbox.template.js +15 -23
  57. package/dist/collection/components/chip-set/chip-set.js +486 -528
  58. package/dist/collection/components/circular-progress/circular-progress.css +27 -5
  59. package/dist/collection/components/circular-progress/circular-progress.js +129 -113
  60. package/dist/collection/components/code-editor/code-editor.js +178 -182
  61. package/dist/collection/components/collapsible-section/collapsible-section.js +120 -124
  62. package/dist/collection/components/color-picker/color-picker-palette.js +102 -92
  63. package/dist/collection/components/color-picker/color-picker.js +143 -131
  64. package/dist/collection/components/config/config.js +21 -17
  65. package/dist/collection/components/date-picker/date-picker.js +254 -261
  66. package/dist/collection/components/date-picker/flatpickr-adapter/flatpickr-adapter.css +591 -166
  67. package/dist/collection/components/date-picker/flatpickr-adapter/flatpickr-adapter.js +150 -143
  68. package/dist/collection/components/date-picker/pickers/QuarterPicker.js +1 -3
  69. package/dist/collection/components/dialog/dialog.css +7 -1
  70. package/dist/collection/components/dialog/dialog.js +134 -142
  71. package/dist/collection/components/dock/dock-button/dock-button.js +138 -141
  72. package/dist/collection/components/dock/dock.js +204 -233
  73. package/dist/collection/components/file/file.js +187 -191
  74. package/dist/collection/components/flex-container/flex-container.js +96 -102
  75. package/dist/collection/components/form/form.js +158 -150
  76. package/dist/collection/components/form/widgets/code-editor.js +2 -0
  77. package/dist/collection/components/grid/grid.js +11 -7
  78. package/dist/collection/components/header/header.js +89 -87
  79. package/dist/collection/components/icon/icon.js +79 -66
  80. package/dist/collection/components/icon-button/icon-button.js +85 -85
  81. package/dist/collection/components/info-tile/info-tile.css +310 -0
  82. package/dist/collection/components/info-tile/info-tile.js +294 -0
  83. package/dist/collection/components/info-tile/info-tile.types.js +1 -0
  84. package/dist/collection/components/input-field/input-field.css +3 -0
  85. package/dist/collection/components/input-field/input-field.js +482 -523
  86. package/dist/collection/components/linear-progress/linear-progress.js +57 -61
  87. package/dist/collection/components/list/list-renderer.js +3 -12
  88. package/dist/collection/components/list/list.css +11 -116
  89. package/dist/collection/components/list/list.js +167 -166
  90. package/dist/collection/components/list/radio-button/radio-button.template.js +2 -8
  91. package/dist/collection/components/menu/menu.js +183 -195
  92. package/dist/collection/components/menu-list/menu-list-renderer.js +2 -9
  93. package/dist/collection/components/menu-list/menu-list.css +11 -116
  94. package/dist/collection/components/menu-list/menu-list.js +149 -146
  95. package/dist/collection/components/menu-surface/menu-surface.js +69 -64
  96. package/dist/collection/components/picker/picker.js +412 -427
  97. package/dist/collection/components/popover/popover.js +79 -74
  98. package/dist/collection/components/popover-surface/popover-surface.js +34 -25
  99. package/dist/collection/components/portal/portal.js +145 -158
  100. package/dist/collection/components/progress-flow/progress-flow-item/progress-flow-item.js +90 -94
  101. package/dist/collection/components/progress-flow/progress-flow.js +93 -101
  102. package/dist/collection/components/select/select.css +8 -7
  103. package/dist/collection/components/select/select.js +206 -211
  104. package/dist/collection/components/select/select.template.js +18 -27
  105. package/dist/collection/components/shortcut/shortcut.css +91 -0
  106. package/dist/collection/components/shortcut/shortcut.js +161 -0
  107. package/dist/collection/components/slider/slider.js +233 -264
  108. package/dist/collection/components/snackbar/snackbar.js +175 -169
  109. package/dist/collection/components/spinner/spinner.js +56 -85
  110. package/dist/collection/components/split-button/split-button.css +84 -0
  111. package/dist/collection/components/split-button/split-button.js +176 -0
  112. package/dist/collection/components/switch/switch.js +117 -129
  113. package/dist/collection/components/tab-bar/tab-bar.js +87 -92
  114. package/dist/collection/components/tab-panel/tab-panel.js +64 -61
  115. package/dist/collection/components/table/table.js +447 -457
  116. package/dist/collection/components/tooltip/tooltip-content.js +70 -61
  117. package/dist/collection/components/tooltip/tooltip.js +96 -91
  118. package/dist/collection/global/shared-types/link.types.js +1 -0
  119. package/dist/collection/style/internal/z-index.scss +0 -5
  120. package/dist/collection/translations/da.js +1 -0
  121. package/dist/collection/translations/en.js +1 -0
  122. package/dist/collection/translations/fi.js +1 -0
  123. package/dist/collection/translations/nl.js +1 -0
  124. package/dist/collection/translations/no.js +1 -0
  125. package/dist/collection/translations/sv.js +1 -0
  126. package/dist/esm/{checkbox.template-2f1bbc98.js → checkbox.template-fc7fcd06.js} +1 -1
  127. package/dist/esm/{index-11cd0b60.js → index-cdfd351d.js} +424 -246
  128. package/dist/esm/lime-elements.js +3 -3
  129. package/dist/esm/limel-badge.entry.js +2 -1
  130. package/dist/esm/limel-banner.entry.js +3 -1
  131. package/dist/esm/limel-button-group.entry.js +3 -8
  132. package/dist/esm/{limel-button.entry.js → limel-button_2.entry.js} +117 -22
  133. package/dist/esm/limel-checkbox.entry.js +10 -26
  134. package/dist/esm/limel-chip-set.entry.js +21 -52
  135. package/dist/esm/{limel-linear-progress.entry.js → limel-circular-progress_2.entry.js} +34 -8
  136. package/dist/esm/limel-code-editor.entry.js +110 -97
  137. package/dist/esm/limel-collapsible-section.entry.js +4 -5
  138. package/dist/esm/limel-color-picker-palette.entry.js +5 -1
  139. package/dist/esm/limel-color-picker.entry.js +8 -2
  140. package/dist/esm/limel-config.entry.js +2 -1
  141. package/dist/esm/limel-date-picker.entry.js +15 -33
  142. package/dist/esm/limel-dialog.entry.js +4 -12
  143. package/dist/esm/limel-dock-button.entry.js +5 -15
  144. package/dist/esm/limel-dock.entry.js +8 -40
  145. package/dist/esm/limel-file.entry.js +10 -24
  146. package/dist/esm/limel-flatpickr-adapter.entry.js +149 -48
  147. package/dist/esm/limel-flex-container.entry.js +1 -13
  148. package/dist/esm/limel-form.entry.js +328 -327
  149. package/dist/esm/limel-grid.entry.js +1 -1
  150. package/dist/esm/limel-header.entry.js +5 -1
  151. package/dist/esm/limel-icon-button.entry.js +3 -8
  152. package/dist/esm/limel-icon.entry.js +4 -1
  153. package/dist/esm/limel-info-tile.entry.js +91 -0
  154. package/dist/esm/limel-input-field.entry.js +27 -60
  155. package/dist/esm/limel-list_2.entry.js +10 -21
  156. package/dist/esm/limel-menu-list.entry.js +7 -14
  157. package/dist/esm/limel-picker.entry.js +14 -39
  158. package/dist/esm/limel-popover_4.entry.js +13 -12
  159. package/dist/esm/limel-portal.entry.js +63 -73
  160. package/dist/esm/limel-progress-flow-item.entry.js +4 -13
  161. package/dist/esm/limel-progress-flow.entry.js +4 -20
  162. package/dist/esm/limel-select.entry.js +20 -32
  163. package/dist/esm/limel-shortcut.entry.js +48 -0
  164. package/dist/esm/limel-slider.entry.js +12 -33
  165. package/dist/esm/limel-snackbar.entry.js +7 -5
  166. package/dist/esm/limel-spinner.entry.js +1 -7
  167. package/dist/esm/limel-split-button.entry.js +31 -0
  168. package/dist/esm/limel-switch.entry.js +6 -19
  169. package/dist/esm/limel-tab-bar.entry.js +2 -5
  170. package/dist/esm/limel-tab-panel.entry.js +2 -5
  171. package/dist/esm/limel-table.entry.js +16 -28
  172. package/dist/esm/loader.js +3 -3
  173. package/dist/esm/polyfills/css-shim.js +1 -1
  174. package/dist/esm/{translations-682e905e.js → translations-0d0ee941.js} +6 -0
  175. package/dist/lime-elements/lime-elements.esm.js +1 -1
  176. package/dist/lime-elements/p-059e0a64.entry.js +1 -0
  177. package/dist/lime-elements/{p-440454ed.entry.js → p-06f2f6b4.entry.js} +1 -1
  178. package/dist/lime-elements/p-12a7453b.entry.js +73 -0
  179. package/dist/lime-elements/p-1386d86d.entry.js +82 -0
  180. package/dist/lime-elements/p-15c2eb16.entry.js +1 -0
  181. package/dist/lime-elements/{p-c80acfb2.entry.js → p-15ca0d70.entry.js} +4 -4
  182. package/dist/lime-elements/{p-ed65468d.entry.js → p-16eb9071.entry.js} +1 -1
  183. package/dist/lime-elements/{p-1ede893b.js → p-1af8258b.js} +1 -1
  184. package/dist/lime-elements/{p-71efe2ca.entry.js → p-21058db5.entry.js} +4 -3
  185. package/dist/lime-elements/p-246862ec.js +1 -0
  186. package/dist/lime-elements/p-36a3b897.entry.js +1 -0
  187. package/dist/lime-elements/p-4eda8b67.entry.js +82 -0
  188. package/dist/lime-elements/{p-9af0704c.entry.js → p-4fb4e89b.entry.js} +1 -1
  189. package/dist/lime-elements/p-4fc38050.entry.js +1 -0
  190. package/dist/lime-elements/{p-a5af84a7.entry.js → p-5338663b.entry.js} +1 -1
  191. package/dist/lime-elements/p-5ce60a32.entry.js +126 -0
  192. package/dist/lime-elements/p-5f13035a.entry.js +1 -0
  193. package/dist/lime-elements/p-5f29f099.entry.js +16 -0
  194. package/dist/lime-elements/p-600464a9.entry.js +1 -0
  195. package/dist/lime-elements/p-6534e16a.entry.js +1 -0
  196. package/dist/lime-elements/p-6a4a5ddd.entry.js +1 -0
  197. package/dist/lime-elements/p-6c38b505.entry.js +1 -0
  198. package/dist/lime-elements/p-75d01713.entry.js +1 -0
  199. package/dist/lime-elements/p-768b7cbb.entry.js +1 -0
  200. package/dist/lime-elements/{p-6e7809a6.entry.js → p-82cd7bb6.entry.js} +1 -1
  201. package/dist/lime-elements/p-84a137a7.entry.js +1 -0
  202. package/dist/lime-elements/{p-aa66620a.entry.js → p-8ab597a8.entry.js} +2 -2
  203. package/dist/lime-elements/{p-8827628d.entry.js → p-8fb83e83.entry.js} +2 -2
  204. package/dist/lime-elements/p-90961075.entry.js +1 -0
  205. package/dist/lime-elements/p-9984b31c.entry.js +1 -0
  206. package/dist/lime-elements/p-9bd76629.entry.js +59 -0
  207. package/dist/lime-elements/p-9ea8dd5c.entry.js +1 -0
  208. package/dist/lime-elements/p-cad7cda1.entry.js +16 -0
  209. package/dist/lime-elements/{p-104c89e8.entry.js → p-cfaa685f.entry.js} +1 -1
  210. package/dist/lime-elements/{p-94899019.entry.js → p-d1187867.entry.js} +1 -1
  211. package/dist/lime-elements/p-d4e788e1.js +2 -0
  212. package/dist/lime-elements/p-d512656b.entry.js +1 -0
  213. package/dist/lime-elements/p-d8e5a9ee.entry.js +1 -0
  214. package/dist/lime-elements/p-de161bb5.entry.js +1 -0
  215. package/dist/lime-elements/p-e4bca82b.entry.js +1 -0
  216. package/dist/lime-elements/p-e6f84d68.entry.js +1 -0
  217. package/dist/lime-elements/{p-c15da26d.entry.js → p-e7bb664f.entry.js} +1 -1
  218. package/dist/lime-elements/p-e88f7922.entry.js +1 -0
  219. package/dist/lime-elements/p-ec4c075d.entry.js +1 -0
  220. package/dist/lime-elements/p-f1ed857b.entry.js +37 -0
  221. package/dist/lime-elements/p-f33cfcb8.entry.js +11 -0
  222. package/dist/lime-elements/style/internal/z-index.scss +0 -5
  223. package/dist/loader/package.json +1 -0
  224. package/dist/types/components/circular-progress/circular-progress.d.ts +5 -0
  225. package/dist/types/components/dock/dock.d.ts +0 -1
  226. package/dist/types/components/info-tile/info-tile.d.ts +87 -0
  227. package/dist/types/components/info-tile/info-tile.types.d.ts +23 -0
  228. package/dist/types/components/picker/picker.d.ts +2 -2
  229. package/dist/types/components/shortcut/shortcut.d.ts +42 -0
  230. package/dist/types/components/split-button/split-button.d.ts +46 -0
  231. package/dist/types/components.d.ts +403 -67
  232. package/dist/types/global/shared-types/link.types.d.ts +25 -0
  233. package/dist/types/interface.d.ts +2 -0
  234. package/dist/types/stencil-public-runtime.d.ts +20 -4
  235. package/dist/types/translations/da.d.ts +1 -0
  236. package/dist/types/translations/en.d.ts +1 -0
  237. package/dist/types/translations/fi.d.ts +1 -0
  238. package/dist/types/translations/nl.d.ts +1 -0
  239. package/dist/types/translations/no.d.ts +1 -0
  240. package/dist/types/translations/sv.d.ts +1 -0
  241. package/package.json +25 -24
  242. package/dist/cjs/limel-circular-progress.cjs.entry.js +0 -44
  243. package/dist/cjs/limel-menu.cjs.entry.js +0 -137
  244. package/dist/esm/limel-circular-progress.entry.js +0 -40
  245. package/dist/esm/limel-menu.entry.js +0 -133
  246. package/dist/lime-elements/p-009de50e.entry.js +0 -1
  247. package/dist/lime-elements/p-0ba0c38a.entry.js +0 -11
  248. package/dist/lime-elements/p-19f72dab.entry.js +0 -1
  249. package/dist/lime-elements/p-2639edf9.entry.js +0 -73
  250. package/dist/lime-elements/p-2fc4f4ff.entry.js +0 -1
  251. package/dist/lime-elements/p-3bf54a4c.js +0 -1
  252. package/dist/lime-elements/p-3cf4aae0.entry.js +0 -1
  253. package/dist/lime-elements/p-41e902ac.entry.js +0 -126
  254. package/dist/lime-elements/p-4dc07252.entry.js +0 -82
  255. package/dist/lime-elements/p-53e01330.entry.js +0 -1
  256. package/dist/lime-elements/p-5ef52589.entry.js +0 -1
  257. package/dist/lime-elements/p-629862f4.entry.js +0 -1
  258. package/dist/lime-elements/p-63e25a0a.entry.js +0 -1
  259. package/dist/lime-elements/p-6b1bc80f.entry.js +0 -1
  260. package/dist/lime-elements/p-93cd2268.entry.js +0 -1
  261. package/dist/lime-elements/p-95f275ab.entry.js +0 -1
  262. package/dist/lime-elements/p-9917f042.entry.js +0 -16
  263. package/dist/lime-elements/p-995bbd2a.entry.js +0 -1
  264. package/dist/lime-elements/p-a465084b.entry.js +0 -82
  265. package/dist/lime-elements/p-b0046fcd.entry.js +0 -1
  266. package/dist/lime-elements/p-b0e54dc2.entry.js +0 -1
  267. package/dist/lime-elements/p-b4de3380.entry.js +0 -1
  268. package/dist/lime-elements/p-c59cbd68.entry.js +0 -1
  269. package/dist/lime-elements/p-cb8db8c2.entry.js +0 -37
  270. package/dist/lime-elements/p-d74fa89e.entry.js +0 -1
  271. package/dist/lime-elements/p-e98d76e8.entry.js +0 -59
  272. package/dist/lime-elements/p-e9a95b8f.js +0 -1
  273. package/dist/lime-elements/p-eec907ac.entry.js +0 -1
  274. package/dist/lime-elements/p-f0c9dadd.entry.js +0 -1
  275. package/dist/lime-elements/p-f0e872b6.entry.js +0 -16
  276. package/dist/lime-elements/p-f41567a1.entry.js +0 -1
  277. package/dist/lime-elements/p-f5df4d4f.entry.js +0 -1
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-2a28697b.js');
5
+ const index = require('./index-287e25e0.js');
6
6
  const pickBy = require('./pickBy-3ef47bf2.js');
7
7
  const isEqual = require('./isEqual-d2a13a24.js');
8
8
  require('./identity-6dc34885.js');
@@ -24140,33 +24140,6 @@ const Table = class {
24140
24140
  this.changeColumns = index.createEvent(this, "changeColumns", 7);
24141
24141
  this.select = index.createEvent(this, "select", 7);
24142
24142
  this.selectAll = index.createEvent(this, "selectAll", 7);
24143
- /**
24144
- * Data to be displayed in the table
24145
- */
24146
- this.data = [];
24147
- /**
24148
- * Columns used to display the data
24149
- */
24150
- this.columns = [];
24151
- /**
24152
- * Set to either `local` or `remote` to change how the table handles the
24153
- * loaded data. When in `local` mode, all sorting and pagination will be
24154
- * done locally with the data given. When in `remote` mode, the consumer
24155
- * is responsible to give the table new data when a `load` event occurs
24156
- */
24157
- this.mode = 'local';
24158
- /**
24159
- * The initial sorted columns
24160
- */
24161
- this.sorting = [];
24162
- /**
24163
- * Set to `true` to trigger loading animation
24164
- */
24165
- this.loading = false;
24166
- /**
24167
- * The page to show
24168
- */
24169
- this.page = FIRST_PAGE;
24170
24143
  this.getActiveRows = () => {
24171
24144
  if (!this.tabulator) {
24172
24145
  return [];
@@ -24207,6 +24180,21 @@ const Table = class {
24207
24180
  column.title === component.getDefinition().title);
24208
24181
  });
24209
24182
  };
24183
+ this.data = [];
24184
+ this.columns = [];
24185
+ this.mode = 'local';
24186
+ this.layout = undefined;
24187
+ this.pageSize = undefined;
24188
+ this.totalRows = undefined;
24189
+ this.sorting = [];
24190
+ this.activeRow = undefined;
24191
+ this.movableColumns = undefined;
24192
+ this.loading = false;
24193
+ this.page = FIRST_PAGE;
24194
+ this.emptyMessage = undefined;
24195
+ this.aggregates = undefined;
24196
+ this.selectable = undefined;
24197
+ this.selection = undefined;
24210
24198
  this.handleDataSorting = this.handleDataSorting.bind(this);
24211
24199
  this.handlePageLoaded = this.handlePageLoaded.bind(this);
24212
24200
  this.handleAjaxRequesting = this.handleAjaxRequesting.bind(this);
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const index = require('./index-2a28697b.js');
5
+ const index = require('./index-287e25e0.js');
6
6
 
7
7
  /*
8
- Stencil Client Patch Esm v2.15.1 | MIT Licensed | https://stenciljs.com
8
+ Stencil Client Patch Esm v2.19.2 | MIT Licensed | https://stenciljs.com
9
9
  */
10
10
  const patchEsm = () => {
11
11
  return index.promiseResolve();
@@ -14,7 +14,7 @@ const patchEsm = () => {
14
14
  const defineCustomElements = (win, options) => {
15
15
  if (typeof window === 'undefined') return Promise.resolve();
16
16
  return patchEsm().then(() => {
17
- return index.bootstrapLazy([["limel-color-picker.cjs",[[1,"limel-color-picker",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"tooltipLabel":[513,"tooltip-label"],"required":[516],"readonly":[516],"isOpen":[32]}]]],["limel-dock.cjs",[[1,"limel-dock",{"dockItems":[16],"dockFooterItems":[16],"accessibleLabel":[513,"accessible-label"],"expanded":[516],"allowResize":[516,"allow-resize"],"mobileBreakPoint":[514,"mobile-break-point"],"useMobileLayout":[32]}]]],["limel-picker.cjs",[[1,"limel-picker",{"disabled":[4],"readonly":[516],"label":[1],"searchLabel":[1,"search-label"],"helperText":[513,"helper-text"],"leadingIcon":[1,"leading-icon"],"emptyResultMessage":[1,"empty-result-message"],"required":[4],"value":[16],"searcher":[16],"multiple":[4],"delimiter":[513],"actions":[16],"actionPosition":[1,"action-position"],"actionScrollBehavior":[1,"action-scroll-behavior"],"badgeIcons":[516,"badge-icons"],"items":[32],"textValue":[32],"loading":[32],"chips":[32]}]]],["limel-date-picker.cjs",[[1,"limel-date-picker",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"required":[516],"value":[16],"type":[513],"format":[513],"language":[513],"formattedValue":[32],"internalFormat":[32],"showPortal":[32]}]]],["limel-button-group.cjs",[[1,"limel-button-group",{"value":[16],"disabled":[516],"selectedButtonId":[32]}]]],["limel-select.cjs",[[1,"limel-select",{"disabled":[516],"readonly":[516],"invalid":[516],"required":[516],"label":[513],"helperText":[513,"helper-text"],"value":[16],"options":[16],"multiple":[4],"menuOpen":[32]}]]],["limel-tab-panel.cjs",[[1,"limel-tab-panel",{"tabs":[1040]}]]],["limel-file.cjs",[[1,"limel-file",{"value":[16],"label":[513],"required":[516],"disabled":[516],"readonly":[516],"accept":[513],"language":[1],"isDraggingOverDropZone":[32]}]]],["limel-menu.cjs",[[1,"limel-menu",{"items":[16],"disabled":[516],"openDirection":[513,"open-direction"],"open":[1540],"badgeIcons":[516,"badge-icons"],"gridLayout":[516,"grid-layout"]}]]],["limel-button.cjs",[[1,"limel-button",{"label":[513],"primary":[516],"outlined":[516],"icon":[513],"disabled":[516],"loading":[516],"loadingFailed":[516,"loading-failed"],"justLoaded":[32]}]]],["limel-collapsible-section.cjs",[[1,"limel-collapsible-section",{"isOpen":[1540,"is-open"],"header":[513],"actions":[16]}]]],["limel-dialog.cjs",[[1,"limel-dialog",{"heading":[1],"fullscreen":[516],"open":[1540],"closingActions":[16]}]]],["limel-progress-flow.cjs",[[1,"limel-progress-flow",{"flowItems":[16],"disabled":[4],"readonly":[4]}]]],["limel-table.cjs",[[1,"limel-table",{"data":[16],"columns":[16],"mode":[1],"layout":[1],"pageSize":[2,"page-size"],"totalRows":[2,"total-rows"],"sorting":[16],"activeRow":[1040],"movableColumns":[4,"movable-columns"],"loading":[4],"page":[2],"emptyMessage":[1,"empty-message"],"aggregates":[16],"selectable":[4],"selection":[16]}]]],["limel-banner.cjs",[[1,"limel-banner",{"message":[513],"icon":[513],"isOpen":[32],"open":[64],"close":[64]}]]],["limel-circular-progress.cjs",[[1,"limel-circular-progress",{"value":[2],"maxValue":[2,"max-value"],"suffix":[1],"displayPercentageColors":[4,"display-percentage-colors"],"size":[513]}]]],["limel-code-editor.cjs",[[1,"limel-code-editor",{"value":[1],"language":[1],"readonly":[4],"lineNumbers":[4,"line-numbers"],"fold":[4],"lint":[4],"colorScheme":[1,"color-scheme"],"random":[32]}]]],["limel-config.cjs",[[1,"limel-config",{"config":[16]}]]],["limel-flex-container.cjs",[[1,"limel-flex-container",{"direction":[513],"justify":[513],"align":[513],"reverse":[516]}]]],["limel-form.cjs",[[1,"limel-form",{"schema":[16],"value":[16],"disabled":[4],"propsFactory":[16],"transformErrors":[16],"errors":[16]}]]],["limel-grid.cjs",[[1,"limel-grid"]]],["limel-linear-progress.cjs",[[1,"limel-linear-progress",{"value":[2],"indeterminate":[4]}]]],["limel-slider.cjs",[[1,"limel-slider",{"disabled":[516],"readonly":[516],"factor":[514],"label":[513],"helperText":[513,"helper-text"],"unit":[513],"value":[514],"valuemax":[514],"valuemin":[514],"step":[514],"percentageClass":[32]}]]],["limel-snackbar.cjs",[[1,"limel-snackbar",{"message":[1],"timeout":[2],"actionText":[1,"action-text"],"dismissible":[4],"multiline":[4],"language":[1],"show":[64]}]]],["limel-switch.cjs",[[1,"limel-switch",{"label":[513],"disabled":[516],"readonly":[516],"value":[516],"fieldId":[32]}]]],["limel-dock-button.cjs",[[0,"limel-dock-button",{"item":[16],"expanded":[516],"useMobileLayout":[516,"use-mobile-layout"],"isOpen":[32]}]]],["limel-input-field.cjs",[[1,"limel-input-field",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"prefix":[513],"suffix":[513],"required":[516],"value":[513],"trailingIcon":[513,"trailing-icon"],"leadingIcon":[513,"leading-icon"],"pattern":[513],"type":[513],"formatNumber":[516,"format-number"],"step":[520],"max":[514],"min":[514],"maxlength":[514],"minlength":[514],"completions":[16],"showLink":[516,"show-link"],"isFocused":[32],"isModified":[32],"showCompletions":[32]}]]],["limel-color-picker-palette.cjs",[[1,"limel-color-picker-palette",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"required":[516]}]]],["limel-tab-bar.cjs",[[1,"limel-tab-bar",{"tabs":[1040],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"resize","handleWindowResize"]]]]],["limel-header.cjs",[[1,"limel-header",{"icon":[1],"heading":[1],"subheading":[1],"supportingText":[1,"supporting-text"]}]]],["limel-progress-flow-item.cjs",[[0,"limel-progress-flow-item",{"item":[16],"disabled":[4],"readonly":[4]}]]],["limel-checkbox.cjs",[[1,"limel-checkbox",{"disabled":[516],"readonly":[516],"label":[513],"helperText":[513,"helper-text"],"checked":[516],"indeterminate":[516],"required":[516],"modified":[32]}]]],["limel-flatpickr-adapter.cjs",[[1,"limel-flatpickr-adapter",{"value":[16],"type":[1],"format":[1],"isOpen":[4,"is-open"],"inputElement":[16],"language":[1]}]]],["limel-menu-list.cjs",[[1,"limel-menu-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[1],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}]]],["limel-badge.cjs",[[1,"limel-badge",{"label":[520]}]]],["limel-icon.cjs",[[1,"limel-icon",{"size":[513],"name":[513],"badge":[516]}]]],["limel-chip-set.cjs",[[1,"limel-chip-set",{"value":[16],"type":[513],"label":[513],"helperText":[513,"helper-text"],"disabled":[516],"readonly":[516],"inputType":[513,"input-type"],"maxItems":[514,"max-items"],"required":[516],"searchLabel":[513,"search-label"],"emptyInputOnBlur":[516,"empty-input-on-blur"],"clearAllButton":[4,"clear-all-button"],"leadingIcon":[513,"leading-icon"],"delimiter":[513],"language":[1],"editMode":[32],"textValue":[32],"blurred":[32],"inputChipIndexSelected":[32],"getEditMode":[64],"setFocus":[64],"emptyInput":[64]}]]],["limel-icon-button.cjs",[[1,"limel-icon-button",{"icon":[513],"elevated":[516],"label":[513],"disabled":[516]}]]],["limel-spinner.cjs",[[1,"limel-spinner",{"size":[513],"limeBranded":[4,"lime-branded"]}]]],["limel-portal.cjs",[[1,"limel-portal",{"openDirection":[1,"open-direction"],"position":[1],"containerId":[1,"container-id"],"containerStyle":[16],"parent":[16],"inheritParentWidth":[4,"inherit-parent-width"],"visible":[4]}]]],["limel-list_2.cjs",[[1,"limel-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[1],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}],[1,"limel-menu-surface",{"open":[4],"allowClicksElement":[16]}]]],["limel-popover_4.cjs",[[1,"limel-popover",{"open":[4],"openDirection":[513,"open-direction"]}],[1,"limel-tooltip",{"elementId":[513,"element-id"],"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514],"open":[32]}],[1,"limel-popover-surface",{"contentCollection":[16]}],[1,"limel-tooltip-content",{"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514]}]]]], options);
17
+ return index.bootstrapLazy([["limel-color-picker.cjs",[[1,"limel-color-picker",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"tooltipLabel":[513,"tooltip-label"],"required":[516],"readonly":[516],"isOpen":[32]}]]],["limel-dock.cjs",[[1,"limel-dock",{"dockItems":[16],"dockFooterItems":[16],"accessibleLabel":[513,"accessible-label"],"expanded":[516],"allowResize":[516,"allow-resize"],"mobileBreakPoint":[514,"mobile-break-point"],"useMobileLayout":[32]}]]],["limel-picker.cjs",[[1,"limel-picker",{"disabled":[4],"readonly":[516],"label":[1],"searchLabel":[1,"search-label"],"helperText":[513,"helper-text"],"leadingIcon":[1,"leading-icon"],"emptyResultMessage":[1,"empty-result-message"],"required":[4],"value":[16],"searcher":[16],"multiple":[4],"delimiter":[513],"actions":[16],"actionPosition":[1,"action-position"],"actionScrollBehavior":[1,"action-scroll-behavior"],"badgeIcons":[516,"badge-icons"],"items":[32],"textValue":[32],"loading":[32],"chips":[32]}]]],["limel-split-button.cjs",[[1,"limel-split-button",{"label":[513],"primary":[516],"icon":[513],"disabled":[516],"items":[16]}]]],["limel-date-picker.cjs",[[1,"limel-date-picker",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"required":[516],"value":[16],"type":[513],"format":[513],"language":[513],"formattedValue":[32],"internalFormat":[32],"showPortal":[32]}]]],["limel-button-group.cjs",[[1,"limel-button-group",{"value":[16],"disabled":[516],"selectedButtonId":[32]}]]],["limel-info-tile.cjs",[[1,"limel-info-tile",{"value":[520],"icon":[1],"label":[513],"prefix":[513],"suffix":[513],"disabled":[516],"badge":[520],"loading":[516],"link":[16],"progress":[16]}]]],["limel-select.cjs",[[1,"limel-select",{"disabled":[516],"readonly":[516],"invalid":[516],"required":[516],"label":[513],"helperText":[513,"helper-text"],"value":[16],"options":[16],"multiple":[4],"menuOpen":[32]}]]],["limel-tab-panel.cjs",[[1,"limel-tab-panel",{"tabs":[1040]}]]],["limel-file.cjs",[[1,"limel-file",{"value":[16],"label":[513],"required":[516],"disabled":[516],"readonly":[516],"accept":[513],"language":[1],"isDraggingOverDropZone":[32]}]]],["limel-collapsible-section.cjs",[[1,"limel-collapsible-section",{"isOpen":[1540,"is-open"],"header":[513],"actions":[16]}]]],["limel-dialog.cjs",[[1,"limel-dialog",{"heading":[1],"fullscreen":[516],"open":[1540],"closingActions":[16]}]]],["limel-progress-flow.cjs",[[1,"limel-progress-flow",{"flowItems":[16],"disabled":[4],"readonly":[4]}]]],["limel-shortcut.cjs",[[1,"limel-shortcut",{"icon":[513],"label":[513],"disabled":[516],"badge":[520],"link":[16]}]]],["limel-table.cjs",[[1,"limel-table",{"data":[16],"columns":[16],"mode":[1],"layout":[1],"pageSize":[2,"page-size"],"totalRows":[2,"total-rows"],"sorting":[16],"activeRow":[1040],"movableColumns":[4,"movable-columns"],"loading":[4],"page":[2],"emptyMessage":[1,"empty-message"],"aggregates":[16],"selectable":[4],"selection":[16]}]]],["limel-banner.cjs",[[1,"limel-banner",{"message":[513],"icon":[513],"isOpen":[32],"open":[64],"close":[64]}]]],["limel-code-editor.cjs",[[1,"limel-code-editor",{"value":[1],"language":[1],"readonly":[4],"lineNumbers":[4,"line-numbers"],"fold":[4],"lint":[4],"colorScheme":[1,"color-scheme"],"random":[32]}]]],["limel-config.cjs",[[1,"limel-config",{"config":[16]}]]],["limel-flex-container.cjs",[[1,"limel-flex-container",{"direction":[513],"justify":[513],"align":[513],"reverse":[516]}]]],["limel-form.cjs",[[1,"limel-form",{"schema":[16],"value":[16],"disabled":[4],"propsFactory":[16],"transformErrors":[16],"errors":[16]}]]],["limel-grid.cjs",[[1,"limel-grid"]]],["limel-slider.cjs",[[1,"limel-slider",{"disabled":[516],"readonly":[516],"factor":[514],"label":[513],"helperText":[513,"helper-text"],"unit":[513],"value":[514],"valuemax":[514],"valuemin":[514],"step":[514],"percentageClass":[32]}]]],["limel-snackbar.cjs",[[1,"limel-snackbar",{"message":[1],"timeout":[2],"actionText":[1,"action-text"],"dismissible":[4],"multiline":[4],"language":[1],"show":[64]}]]],["limel-switch.cjs",[[1,"limel-switch",{"label":[513],"disabled":[516],"readonly":[516],"value":[516],"fieldId":[32]}]]],["limel-icon.cjs",[[1,"limel-icon",{"size":[513],"name":[513],"badge":[516]}]]],["limel-dock-button.cjs",[[0,"limel-dock-button",{"item":[16],"expanded":[516],"useMobileLayout":[516,"use-mobile-layout"],"isOpen":[32]}]]],["limel-color-picker-palette.cjs",[[1,"limel-color-picker-palette",{"value":[513],"label":[513],"helperText":[513,"helper-text"],"required":[516]}]]],["limel-icon-button.cjs",[[1,"limel-icon-button",{"icon":[513],"elevated":[516],"label":[513],"disabled":[516]}]]],["limel-tab-bar.cjs",[[1,"limel-tab-bar",{"tabs":[1040],"canScrollLeft":[32],"canScrollRight":[32]},[[9,"resize","handleWindowResize"]]]]],["limel-header.cjs",[[1,"limel-header",{"icon":[1],"heading":[1],"subheading":[1],"supportingText":[1,"supporting-text"]}]]],["limel-progress-flow-item.cjs",[[0,"limel-progress-flow-item",{"item":[16],"disabled":[4],"readonly":[4]}]]],["limel-checkbox.cjs",[[1,"limel-checkbox",{"disabled":[516],"readonly":[516],"label":[513],"helperText":[513,"helper-text"],"checked":[516],"indeterminate":[516],"required":[516],"modified":[32]}]]],["limel-flatpickr-adapter.cjs",[[1,"limel-flatpickr-adapter",{"value":[16],"type":[1],"format":[1],"isOpen":[4,"is-open"],"inputElement":[16],"language":[1]}]]],["limel-button_2.cjs",[[1,"limel-menu",{"items":[16],"disabled":[516],"openDirection":[513,"open-direction"],"open":[1540],"badgeIcons":[516,"badge-icons"],"gridLayout":[516,"grid-layout"]}],[1,"limel-button",{"label":[513],"primary":[516],"outlined":[516],"icon":[513],"disabled":[516],"loading":[516],"loadingFailed":[516,"loading-failed"],"justLoaded":[32]}]]],["limel-chip-set.cjs",[[1,"limel-chip-set",{"value":[16],"type":[513],"label":[513],"helperText":[513,"helper-text"],"disabled":[516],"readonly":[516],"inputType":[513,"input-type"],"maxItems":[514,"max-items"],"required":[516],"searchLabel":[513,"search-label"],"emptyInputOnBlur":[516,"empty-input-on-blur"],"clearAllButton":[4,"clear-all-button"],"leadingIcon":[513,"leading-icon"],"delimiter":[513],"language":[1],"editMode":[32],"textValue":[32],"blurred":[32],"inputChipIndexSelected":[32],"getEditMode":[64],"setFocus":[64],"emptyInput":[64]}]]],["limel-circular-progress_2.cjs",[[1,"limel-circular-progress",{"value":[2],"maxValue":[2,"max-value"],"prefix":[513],"suffix":[1],"displayPercentageColors":[4,"display-percentage-colors"],"size":[513]}],[1,"limel-linear-progress",{"value":[2],"indeterminate":[4]}]]],["limel-menu-list.cjs",[[1,"limel-menu-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[1],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}]]],["limel-portal.cjs",[[1,"limel-portal",{"openDirection":[1,"open-direction"],"position":[1],"containerId":[1,"container-id"],"containerStyle":[16],"parent":[16],"inheritParentWidth":[4,"inherit-parent-width"],"visible":[4]}]]],["limel-input-field.cjs",[[1,"limel-input-field",{"disabled":[516],"readonly":[516],"invalid":[516],"label":[513],"placeholder":[513],"helperText":[513,"helper-text"],"prefix":[513],"suffix":[513],"required":[516],"value":[513],"trailingIcon":[513,"trailing-icon"],"leadingIcon":[513,"leading-icon"],"pattern":[513],"type":[513],"formatNumber":[516,"format-number"],"step":[520],"max":[514],"min":[514],"maxlength":[514],"minlength":[514],"completions":[16],"showLink":[516,"show-link"],"isFocused":[32],"isModified":[32],"showCompletions":[32]}]]],["limel-spinner.cjs",[[1,"limel-spinner",{"size":[513],"limeBranded":[4,"lime-branded"]}]]],["limel-badge.cjs",[[1,"limel-badge",{"label":[520]}]]],["limel-list_2.cjs",[[1,"limel-list",{"items":[16],"badgeIcons":[4,"badge-icons"],"iconSize":[1,"icon-size"],"type":[1],"maxLinesSecondaryText":[2,"max-lines-secondary-text"]}],[1,"limel-menu-surface",{"open":[4],"allowClicksElement":[16]}]]],["limel-popover_4.cjs",[[1,"limel-popover",{"open":[4],"openDirection":[513,"open-direction"]}],[1,"limel-tooltip",{"elementId":[513,"element-id"],"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514],"open":[32]}],[1,"limel-popover-surface",{"contentCollection":[16]}],[1,"limel-tooltip-content",{"label":[513],"helperLabel":[513,"helper-label"],"maxlength":[514]}]]]], options);
18
18
  });
19
19
  };
20
20
 
@@ -1,6 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  const da = {
4
+ 'date-picker.today': 'Idag',
4
5
  'date-picker.month.heading': 'Måned',
5
6
  'date-picker.quarter.heading': 'Kvartal',
6
7
  'date-picker.year.heading': 'År',
@@ -9,6 +10,7 @@ const da = {
9
10
  };
10
11
 
11
12
  const en = {
13
+ 'date-picker.today': 'Today',
12
14
  'date-picker.month.heading': 'Month',
13
15
  'date-picker.quarter.heading': 'Quarter',
14
16
  'date-picker.year.heading': 'Year',
@@ -19,6 +21,7 @@ const en = {
19
21
  };
20
22
 
21
23
  const fi = {
24
+ 'date-picker.today': 'Tänään',
22
25
  'date-picker.month.heading': 'Kuukausi',
23
26
  'date-picker.quarter.heading': 'Vuosineljännes',
24
27
  'date-picker.year.heading': 'Vuosi',
@@ -27,6 +30,7 @@ const fi = {
27
30
  };
28
31
 
29
32
  const nl = {
33
+ 'date-picker.today': 'Vandaag',
30
34
  'date-picker.month.heading': 'Maand',
31
35
  'date-picker.quarter.heading': 'Kwartaal',
32
36
  'date-picker.year.heading': 'Jaar',
@@ -35,6 +39,7 @@ const nl = {
35
39
  };
36
40
 
37
41
  const no = {
42
+ 'date-picker.today': 'I dag',
38
43
  'date-picker.month.heading': 'Måned',
39
44
  'date-picker.quarter.heading': 'Kvartal',
40
45
  'date-picker.year.heading': 'År',
@@ -43,6 +48,7 @@ const no = {
43
48
  };
44
49
 
45
50
  const sv = {
51
+ 'date-picker.today': 'Idag',
46
52
  'date-picker.month.heading': 'Månad',
47
53
  'date-picker.quarter.heading': 'Kvartal',
48
54
  'date-picker.year.heading': 'År',
@@ -24,6 +24,7 @@
24
24
  "./components/header/header.js",
25
25
  "./components/icon/icon.js",
26
26
  "./components/icon-button/icon-button.js",
27
+ "./components/info-tile/info-tile.js",
27
28
  "./components/input-field/input-field.js",
28
29
  "./components/linear-progress/linear-progress.js",
29
30
  "./components/list/list.js",
@@ -37,9 +38,11 @@
37
38
  "./components/progress-flow/progress-flow.js",
38
39
  "./components/progress-flow/progress-flow-item/progress-flow-item.js",
39
40
  "./components/select/select.js",
41
+ "./components/shortcut/shortcut.js",
40
42
  "./components/slider/slider.js",
41
43
  "./components/snackbar/snackbar.js",
42
44
  "./components/spinner/spinner.js",
45
+ "./components/split-button/split-button.js",
43
46
  "./components/switch/switch.js",
44
47
  "./components/tab-bar/tab-bar.js",
45
48
  "./components/tab-panel/tab-panel.js",
@@ -49,8 +52,8 @@
49
52
  ],
50
53
  "compiler": {
51
54
  "name": "@stencil/core",
52
- "version": "2.15.1",
53
- "typescriptVersion": "4.5.4"
55
+ "version": "2.19.2",
56
+ "typescriptVersion": "4.7.4"
54
57
  },
55
58
  "collections": [],
56
59
  "bundles": []
@@ -1,4 +1,4 @@
1
- import { Component, Prop, h, Host } from '@stencil/core';
1
+ import { h, Host } from '@stencil/core';
2
2
  import { abbreviate } from './format';
3
3
  /**
4
4
  * The Badge component can display both `number` and `string` as `label`.
@@ -7,6 +7,9 @@ import { abbreviate } from './format';
7
7
  * @exampleComponent limel-example-badge-string
8
8
  */
9
9
  export class Badge {
10
+ constructor() {
11
+ this.label = undefined;
12
+ }
10
13
  render() {
11
14
  return (h(Host, { title: this.labelIsLarge() ? this.label : '', class: {
12
15
  'has-large-label': this.labelIsLarge(),
@@ -32,29 +35,35 @@ export class Badge {
32
35
  }
33
36
  static get is() { return "limel-badge"; }
34
37
  static get encapsulation() { return "shadow"; }
35
- static get originalStyleUrls() { return {
36
- "$": ["badge.scss"]
37
- }; }
38
- static get styleUrls() { return {
39
- "$": ["badge.css"]
40
- }; }
41
- static get properties() { return {
42
- "label": {
43
- "type": "any",
44
- "mutable": false,
45
- "complexType": {
46
- "original": "number | string",
47
- "resolved": "number | string",
48
- "references": {}
49
- },
50
- "required": false,
51
- "optional": false,
52
- "docs": {
53
- "tags": [],
54
- "text": "Label to display in the badge.\nNumeric labels larger than 999 will be rounded and abbreviated.\nString labels get truncated if their length is longer than\nsix characters."
55
- },
56
- "attribute": "label",
57
- "reflect": true
58
- }
59
- }; }
38
+ static get originalStyleUrls() {
39
+ return {
40
+ "$": ["badge.scss"]
41
+ };
42
+ }
43
+ static get styleUrls() {
44
+ return {
45
+ "$": ["badge.css"]
46
+ };
47
+ }
48
+ static get properties() {
49
+ return {
50
+ "label": {
51
+ "type": "any",
52
+ "mutable": false,
53
+ "complexType": {
54
+ "original": "number | string",
55
+ "resolved": "number | string",
56
+ "references": {}
57
+ },
58
+ "required": false,
59
+ "optional": false,
60
+ "docs": {
61
+ "tags": [],
62
+ "text": "Label to display in the badge.\nNumeric labels larger than 999 will be rounded and abbreviated.\nString labels get truncated if their length is longer than\nsix characters."
63
+ },
64
+ "attribute": "label",
65
+ "reflect": true
66
+ }
67
+ };
68
+ }
60
69
  }
@@ -1,10 +1,12 @@
1
- import { Component, h, Method, Prop, State } from '@stencil/core';
1
+ import { h } from '@stencil/core';
2
2
  /**
3
3
  * @exampleComponent limel-example-banner
4
4
  * @slot buttons - Buttons to show in the banner
5
5
  */
6
6
  export class Banner {
7
7
  constructor() {
8
+ this.message = undefined;
9
+ this.icon = undefined;
8
10
  this.isOpen = false;
9
11
  }
10
12
  /**
@@ -20,100 +22,103 @@ export class Banner {
20
22
  this.isOpen = false;
21
23
  }
22
24
  render() {
23
- return (h("div", { class: `lime-banner ${this.isOpen ? 'lime-banner--open' : ''}` },
24
- h("div", { class: "lime-banner__surface" },
25
- h("div", { class: "lime-banner__content" },
26
- this.renderIcon(),
27
- h("div", { class: "mdc-typography--body2" }, this.message),
28
- h("div", { class: "lime-banner__actions" },
29
- h("slot", { name: "buttons" }))))));
25
+ return (h("div", { class: `lime-banner ${this.isOpen ? 'lime-banner--open' : ''}` }, h("div", { class: "lime-banner__surface" }, h("div", { class: "lime-banner__content" }, this.renderIcon(), h("div", { class: "mdc-typography--body2" }, this.message), h("div", { class: "lime-banner__actions" }, h("slot", { name: "buttons" }))))));
30
26
  }
31
27
  renderIcon() {
32
28
  if (!this.icon) {
33
29
  return;
34
30
  }
35
- return (h("div", { class: "lime-banner__icon" },
36
- h("limel-icon", { name: this.icon, badge: true, size: "large" })));
31
+ return (h("div", { class: "lime-banner__icon" }, h("limel-icon", { name: this.icon, badge: true, size: "large" })));
37
32
  }
38
33
  static get is() { return "limel-banner"; }
39
34
  static get encapsulation() { return "shadow"; }
40
- static get originalStyleUrls() { return {
41
- "$": ["banner.scss"]
42
- }; }
43
- static get styleUrls() { return {
44
- "$": ["banner.css"]
45
- }; }
46
- static get properties() { return {
47
- "message": {
48
- "type": "string",
49
- "mutable": false,
50
- "complexType": {
51
- "original": "string",
52
- "resolved": "string",
53
- "references": {}
54
- },
55
- "required": false,
56
- "optional": false,
57
- "docs": {
58
- "tags": [],
59
- "text": "The text to show on the banner."
60
- },
61
- "attribute": "message",
62
- "reflect": true
63
- },
64
- "icon": {
65
- "type": "string",
66
- "mutable": false,
67
- "complexType": {
68
- "original": "string",
69
- "resolved": "string",
70
- "references": {}
71
- },
72
- "required": false,
73
- "optional": false,
74
- "docs": {
75
- "tags": [],
76
- "text": "Set icon for the banner"
77
- },
78
- "attribute": "icon",
79
- "reflect": true
80
- }
81
- }; }
82
- static get states() { return {
83
- "isOpen": {}
84
- }; }
85
- static get methods() { return {
86
- "open": {
87
- "complexType": {
88
- "signature": "() => Promise<void>",
89
- "parameters": [],
90
- "references": {
91
- "Promise": {
92
- "location": "global"
93
- }
35
+ static get originalStyleUrls() {
36
+ return {
37
+ "$": ["banner.scss"]
38
+ };
39
+ }
40
+ static get styleUrls() {
41
+ return {
42
+ "$": ["banner.css"]
43
+ };
44
+ }
45
+ static get properties() {
46
+ return {
47
+ "message": {
48
+ "type": "string",
49
+ "mutable": false,
50
+ "complexType": {
51
+ "original": "string",
52
+ "resolved": "string",
53
+ "references": {}
54
+ },
55
+ "required": false,
56
+ "optional": false,
57
+ "docs": {
58
+ "tags": [],
59
+ "text": "The text to show on the banner."
94
60
  },
95
- "return": "Promise<void>"
61
+ "attribute": "message",
62
+ "reflect": true
96
63
  },
97
- "docs": {
98
- "text": "Open the banner",
99
- "tags": []
64
+ "icon": {
65
+ "type": "string",
66
+ "mutable": false,
67
+ "complexType": {
68
+ "original": "string",
69
+ "resolved": "string",
70
+ "references": {}
71
+ },
72
+ "required": false,
73
+ "optional": false,
74
+ "docs": {
75
+ "tags": [],
76
+ "text": "Set icon for the banner"
77
+ },
78
+ "attribute": "icon",
79
+ "reflect": true
100
80
  }
101
- },
102
- "close": {
103
- "complexType": {
104
- "signature": "() => Promise<void>",
105
- "parameters": [],
106
- "references": {
107
- "Promise": {
108
- "location": "global"
109
- }
81
+ };
82
+ }
83
+ static get states() {
84
+ return {
85
+ "isOpen": {}
86
+ };
87
+ }
88
+ static get methods() {
89
+ return {
90
+ "open": {
91
+ "complexType": {
92
+ "signature": "() => Promise<void>",
93
+ "parameters": [],
94
+ "references": {
95
+ "Promise": {
96
+ "location": "global"
97
+ }
98
+ },
99
+ "return": "Promise<void>"
110
100
  },
111
- "return": "Promise<void>"
101
+ "docs": {
102
+ "text": "Open the banner",
103
+ "tags": []
104
+ }
112
105
  },
113
- "docs": {
114
- "text": "Close the banner",
115
- "tags": []
106
+ "close": {
107
+ "complexType": {
108
+ "signature": "() => Promise<void>",
109
+ "parameters": [],
110
+ "references": {
111
+ "Promise": {
112
+ "location": "global"
113
+ }
114
+ },
115
+ "return": "Promise<void>"
116
+ },
117
+ "docs": {
118
+ "text": "Close the banner",
119
+ "tags": []
120
+ }
116
121
  }
117
- }
118
- }; }
122
+ };
123
+ }
119
124
  }
@@ -807,7 +807,10 @@ button:focus-visible {
807
807
  }
808
808
  button.mdc-button {
809
809
  min-width: 2.25rem;
810
- padding: 0 0.75rem;
810
+ padding-top: 0;
811
+ padding-right: var(--button-padding-right, 0.75rem);
812
+ padding-bottom: 0;
813
+ padding-left: var(--button-padding-left, 0.75rem);
811
814
  height: 100%;
812
815
  min-height: 2.25rem;
813
816
  width: 100%;