@dnncommunity/dnn-elements 0.14.1-beta.1 → 0.15.0-beta.10

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 (404) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +24 -24
  3. package/dist/cjs/{debounce-1de79bc7.js → debounce-901e1f0c.js} +18 -18
  4. package/dist/cjs/{debounce-1de79bc7.js.map → debounce-901e1f0c.js.map} +1 -1
  5. package/dist/cjs/{dnn-button_16.cjs.entry.js → dnn-button_17.cjs.entry.js} +2024 -1710
  6. package/dist/cjs/dnn-button_17.cjs.entry.js.map +1 -0
  7. package/dist/cjs/dnn.cjs.js +5 -113
  8. package/dist/cjs/dnn.cjs.js.map +1 -1
  9. package/dist/cjs/{index-7505bd72.js → index-514ef6dd.js} +32 -2
  10. package/dist/cjs/index-514ef6dd.js.map +1 -0
  11. package/dist/cjs/index.cjs.js +41 -41
  12. package/dist/cjs/loader.cjs.js +3 -19
  13. package/dist/cjs/loader.cjs.js.map +1 -1
  14. package/dist/collection/collection-manifest.json +3 -2
  15. package/dist/collection/components/dnn-button/dnn-button.js +275 -271
  16. package/dist/collection/components/dnn-button/dnn-button.js.map +1 -1
  17. package/dist/collection/components/dnn-button/dnn-button.stories.js +72 -0
  18. package/dist/collection/components/dnn-button/dnn-button.stories.js.map +1 -0
  19. package/dist/collection/components/dnn-checkbox/dnn-checkbox.css +6 -0
  20. package/dist/collection/components/dnn-checkbox/dnn-checkbox.js +151 -139
  21. package/dist/collection/components/dnn-checkbox/dnn-checkbox.js.map +1 -1
  22. package/dist/collection/components/dnn-checkbox/dnn-checkbox.stories.js +39 -0
  23. package/dist/collection/components/dnn-checkbox/dnn-checkbox.stories.js.map +1 -0
  24. package/dist/collection/components/dnn-chevron/dnn-chevron.js +106 -106
  25. package/dist/collection/components/dnn-chevron/dnn-chevron.js.map +1 -1
  26. package/dist/collection/components/dnn-chevron/dnn-chevron.stories.js +38 -0
  27. package/dist/collection/components/dnn-chevron/dnn-chevron.stories.js.map +1 -0
  28. package/dist/collection/components/dnn-collapsible/dnn-collapsible.js +145 -142
  29. package/dist/collection/components/dnn-collapsible/dnn-collapsible.js.map +1 -1
  30. package/dist/collection/components/dnn-collapsible/dnn-collapsible.stories.js +39 -0
  31. package/dist/collection/components/dnn-collapsible/dnn-collapsible.stories.js.map +1 -0
  32. package/dist/collection/components/dnn-color-picker/dnn-color-picker.js +433 -433
  33. package/dist/collection/components/dnn-color-picker/dnn-color-picker.stories.js +33 -0
  34. package/dist/collection/components/dnn-color-picker/dnn-color-picker.stories.js.map +1 -0
  35. package/dist/collection/components/dnn-dropzone/dnn-dropzone.js +265 -265
  36. package/dist/collection/components/dnn-dropzone/dnn-dropzone.js.map +1 -1
  37. package/dist/collection/components/dnn-dropzone/dnn-dropzone.stories.js +48 -0
  38. package/dist/collection/components/dnn-dropzone/dnn-dropzone.stories.js.map +1 -0
  39. package/dist/collection/components/dnn-image-cropper/CornerType.js +8 -8
  40. package/dist/collection/components/dnn-image-cropper/dnn-image-cropper.js +522 -522
  41. package/dist/collection/components/dnn-image-cropper/dnn-image-cropper.js.map +1 -1
  42. package/dist/collection/components/dnn-image-cropper/dnn-image-cropper.stories.js +60 -0
  43. package/dist/collection/components/dnn-image-cropper/dnn-image-cropper.stories.js.map +1 -0
  44. package/dist/collection/components/dnn-modal/dnn-modal.js +190 -172
  45. package/dist/collection/components/dnn-modal/dnn-modal.js.map +1 -1
  46. package/dist/collection/components/dnn-modal/dnn-modal.stories.js +47 -0
  47. package/dist/collection/components/dnn-modal/dnn-modal.stories.js.map +1 -0
  48. package/dist/collection/components/dnn-permissions-grid/dnn-permissions-grid.css +83 -0
  49. package/dist/collection/components/dnn-permissions-grid/dnn-permissions-grid.js +531 -0
  50. package/dist/collection/components/dnn-permissions-grid/dnn-permissions-grid.js.map +1 -0
  51. package/dist/collection/components/dnn-permissions-grid/dnn-permissions-grid.stories.js +273 -0
  52. package/dist/collection/components/dnn-permissions-grid/dnn-permissions-grid.stories.js.map +1 -0
  53. package/dist/collection/components/dnn-permissions-grid/localization-interface.js +3 -0
  54. package/dist/collection/components/dnn-permissions-grid/localization-interface.js.map +1 -0
  55. package/dist/collection/components/dnn-permissions-grid/permissions-interface.js +3 -0
  56. package/dist/collection/components/dnn-permissions-grid/permissions-interface.js.map +1 -0
  57. package/dist/collection/components/dnn-permissions-grid/role-group-interface.js +2 -0
  58. package/dist/collection/components/dnn-permissions-grid/role-group-interface.js.map +1 -0
  59. package/dist/collection/components/dnn-permissions-grid/role-interface.js +2 -0
  60. package/dist/collection/components/dnn-permissions-grid/role-interface.js.map +1 -0
  61. package/dist/collection/components/dnn-permissions-grid/searched-user-interface.js +2 -0
  62. package/dist/collection/components/dnn-permissions-grid/searched-user-interface.js.map +1 -0
  63. package/dist/collection/components/dnn-searchbox/dnn-searchbox.js +136 -136
  64. package/dist/collection/components/dnn-searchbox/dnn-searchbox.js.map +1 -1
  65. package/dist/collection/components/dnn-searchbox/dnn-searchbox.stories.js +26 -0
  66. package/dist/collection/components/dnn-searchbox/dnn-searchbox.stories.js.map +1 -0
  67. package/dist/collection/components/dnn-sort-icon/dnn-sort-icon.css +6 -3
  68. package/dist/collection/components/dnn-sort-icon/dnn-sort-icon.js +80 -80
  69. package/dist/collection/components/dnn-sort-icon/dnn-sort-icon.js.map +1 -1
  70. package/dist/collection/components/dnn-sort-icon/dnn-sort-icon.stories.js +58 -0
  71. package/dist/collection/components/dnn-sort-icon/dnn-sort-icon.stories.js.map +1 -0
  72. package/dist/collection/components/dnn-tab/dnn-tab.js +83 -83
  73. package/dist/collection/components/dnn-tab/dnn-tab.stories.js +25 -0
  74. package/dist/collection/components/dnn-tab/dnn-tab.stories.js.map +1 -0
  75. package/dist/collection/components/dnn-tabs/dnn-tabs.js +54 -54
  76. package/dist/collection/components/dnn-tabs/dnn-tabs.stories.js +48 -0
  77. package/dist/collection/components/dnn-tabs/dnn-tabs.stories.js.map +1 -0
  78. package/dist/collection/components/dnn-toggle/dnn-toggle.css +1 -1
  79. package/dist/collection/components/dnn-toggle/dnn-toggle.js +93 -93
  80. package/dist/collection/components/dnn-toggle/dnn-toggle.js.map +1 -1
  81. package/dist/collection/components/dnn-toggle/dnn-toggle.stories.js +53 -0
  82. package/dist/collection/components/dnn-toggle/dnn-toggle.stories.js.map +1 -0
  83. package/dist/collection/components/dnn-toggle/toggle-interface.js +1 -1
  84. package/dist/collection/components/dnn-treeview-item/dnn-treeview-item.js +130 -126
  85. package/dist/collection/components/dnn-treeview-item/dnn-treeview-item.js.map +1 -1
  86. package/dist/collection/components/dnn-treeview-item/dnn-treeview-item.stories.js +36 -0
  87. package/dist/collection/components/dnn-treeview-item/dnn-treeview-item.stories.js.map +1 -0
  88. package/dist/collection/components/dnn-vertical-overflow-menu/dnn-vertical-overflow-menu.css +6 -7
  89. package/dist/collection/components/dnn-vertical-overflow-menu/dnn-vertical-overflow-menu.js +133 -131
  90. package/dist/collection/components/dnn-vertical-overflow-menu/dnn-vertical-overflow-menu.js.map +1 -1
  91. package/dist/collection/components/dnn-vertical-overflow-menu/dnn-vertical-overflow-menu.stories.js +60 -0
  92. package/dist/collection/components/dnn-vertical-overflow-menu/dnn-vertical-overflow-menu.stories.js.map +1 -0
  93. package/dist/collection/components/dnn-vertical-splitview/dnn-vertical-splitview.css +4 -2
  94. package/dist/collection/components/dnn-vertical-splitview/dnn-vertical-splitview.js +233 -233
  95. package/dist/collection/components/dnn-vertical-splitview/dnn-vertical-splitview.js.map +1 -1
  96. package/dist/collection/components/dnn-vertical-splitview/dnn-vertical-splitview.stories.js +75 -0
  97. package/dist/collection/components/dnn-vertical-splitview/dnn-vertical-splitview.stories.js.map +1 -0
  98. package/dist/collection/index.js +2 -2
  99. package/dist/collection/index.js.map +1 -1
  100. package/dist/collection/utilities/colorInfo.js +190 -190
  101. package/dist/collection/utilities/debounce.js +18 -18
  102. package/dist/collection/utilities/dnnServicesFramework.js +41 -41
  103. package/dist/collection/utilities/mouseUtilities.js +19 -19
  104. package/dist/dnn/dnn.esm.js +1 -126
  105. package/dist/dnn/dnn.esm.js.map +1 -1
  106. package/dist/dnn/dnn.js +1 -1
  107. package/dist/dnn/index.esm.js +1 -46
  108. package/dist/dnn/index.esm.js.map +1 -1
  109. package/dist/dnn/{p-646cfb1b.system.js → p-1e26a4e1.system.js} +1 -1
  110. package/dist/dnn/{debounce-eef81bf7.system.js.map → p-1e26a4e1.system.js.map} +0 -0
  111. package/dist/dnn/p-31dc68a7.system.entry.js +11 -0
  112. package/dist/dnn/p-31dc68a7.system.entry.js.map +1 -0
  113. package/dist/dnn/p-5bcf3629.system.js +2 -0
  114. package/dist/dnn/p-5bcf3629.system.js.map +1 -0
  115. package/dist/dnn/{p-fb637662.system.js → p-78561bb1.system.js} +2 -2
  116. package/dist/dnn/{p-fb637662.system.js.map → p-78561bb1.system.js.map} +0 -0
  117. package/dist/dnn/p-7ffdbed1.js +2 -0
  118. package/dist/dnn/p-7ffdbed1.js.map +1 -0
  119. package/dist/dnn/{p-0e94f5ee.js → p-9b8731a9.js} +1 -1
  120. package/dist/dnn/{p-0e94f5ee.js.map → p-9b8731a9.js.map} +0 -0
  121. package/dist/dnn/p-b8064287.system.js +2 -0
  122. package/dist/dnn/p-b8064287.system.js.map +1 -0
  123. package/dist/dnn/p-c222c8b7.entry.js +11 -0
  124. package/dist/dnn/p-c222c8b7.entry.js.map +1 -0
  125. package/dist/esm/{debounce-06f55268.js → debounce-6be67abd.js} +18 -18
  126. package/dist/{dnn/debounce-06f55268.js.map → esm/debounce-6be67abd.js.map} +1 -1
  127. package/dist/esm/{dnn-button_16.entry.js → dnn-button_17.entry.js} +2024 -1711
  128. package/dist/esm/dnn-button_17.entry.js.map +1 -0
  129. package/dist/esm/dnn.js +5 -113
  130. package/dist/esm/dnn.js.map +1 -1
  131. package/dist/esm/{index-cdbad319.js → index-59e0950f.js} +32 -2
  132. package/dist/esm/index-59e0950f.js.map +1 -0
  133. package/dist/esm/index.js +41 -41
  134. package/dist/esm/loader.js +3 -19
  135. package/dist/esm/loader.js.map +1 -1
  136. package/dist/esm/polyfills/core-js.js +0 -0
  137. package/dist/esm/polyfills/css-shim.js +1 -1
  138. package/dist/esm/polyfills/dom.js +0 -0
  139. package/dist/esm/polyfills/es5-html-element.js +0 -0
  140. package/dist/esm/polyfills/index.js +0 -0
  141. package/dist/esm/polyfills/system.js +0 -0
  142. package/dist/esm-es5/{debounce-06f55268.js → debounce-6be67abd.js} +1 -1
  143. package/dist/esm-es5/{debounce-06f55268.js.map → debounce-6be67abd.js.map} +0 -0
  144. package/dist/esm-es5/dnn-button_17.entry.js +11 -0
  145. package/dist/esm-es5/dnn-button_17.entry.js.map +1 -0
  146. package/dist/esm-es5/dnn.js +1 -1
  147. package/dist/esm-es5/dnn.js.map +1 -1
  148. package/dist/esm-es5/index-59e0950f.js +2 -0
  149. package/dist/esm-es5/index-59e0950f.js.map +1 -0
  150. package/dist/esm-es5/index.js +1 -1
  151. package/dist/esm-es5/loader.js +1 -1
  152. package/dist/esm-es5/loader.js.map +1 -1
  153. package/dist/index.js +1 -1
  154. package/dist/types/components/dnn-button/dnn-button.d.ts +56 -55
  155. package/dist/types/components/dnn-button/dnn-button.stories.d.ts +4 -0
  156. package/dist/types/components/dnn-checkbox/dnn-checkbox.d.ts +20 -16
  157. package/dist/types/components/dnn-checkbox/dnn-checkbox.stories.d.ts +4 -0
  158. package/dist/types/components/dnn-chevron/dnn-chevron.d.ts +13 -13
  159. package/dist/types/components/dnn-chevron/dnn-chevron.stories.d.ts +4 -0
  160. package/dist/types/components/dnn-collapsible/dnn-collapsible.d.ts +19 -18
  161. package/dist/types/components/dnn-collapsible/dnn-collapsible.stories.d.ts +4 -0
  162. package/dist/types/components/dnn-color-picker/dnn-color-picker.d.ts +46 -46
  163. package/dist/types/components/dnn-color-picker/dnn-color-picker.stories.d.ts +4 -0
  164. package/dist/types/components/dnn-dropzone/dnn-dropzone.d.ts +45 -45
  165. package/dist/types/components/dnn-dropzone/dnn-dropzone.stories.d.ts +4 -0
  166. package/dist/types/components/dnn-image-cropper/CornerType.d.ts +6 -6
  167. package/dist/types/components/dnn-image-cropper/dnn-image-cropper.d.ts +61 -61
  168. package/dist/types/components/dnn-image-cropper/dnn-image-cropper.stories.d.ts +4 -0
  169. package/dist/types/components/dnn-modal/dnn-modal.d.ts +38 -35
  170. package/dist/types/components/dnn-modal/dnn-modal.stories.d.ts +4 -0
  171. package/dist/types/components/dnn-permissions-grid/dnn-permissions-grid.d.ts +47 -0
  172. package/dist/types/components/dnn-permissions-grid/dnn-permissions-grid.stories.d.ts +4 -0
  173. package/dist/types/components/dnn-permissions-grid/localization-interface.d.ts +11 -0
  174. package/dist/types/components/dnn-permissions-grid/permissions-interface.d.ts +26 -0
  175. package/dist/types/components/dnn-permissions-grid/role-group-interface.d.ts +6 -0
  176. package/dist/types/components/dnn-permissions-grid/role-interface.d.ts +6 -0
  177. package/dist/types/components/dnn-permissions-grid/searched-user-interface.d.ts +4 -0
  178. package/dist/types/components/dnn-searchbox/dnn-searchbox.d.ts +22 -22
  179. package/dist/types/components/dnn-searchbox/dnn-searchbox.stories.d.ts +4 -0
  180. package/dist/types/components/dnn-sort-icon/dnn-sort-icon.d.ts +9 -9
  181. package/dist/types/components/dnn-sort-icon/dnn-sort-icon.stories.d.ts +4 -0
  182. package/dist/types/components/dnn-tab/dnn-tab.d.ts +11 -11
  183. package/dist/types/components/dnn-tab/dnn-tab.stories.d.ts +4 -0
  184. package/dist/types/components/dnn-tabs/dnn-tabs.d.ts +11 -11
  185. package/dist/types/components/dnn-tabs/dnn-tabs.stories.d.ts +4 -0
  186. package/dist/types/components/dnn-toggle/dnn-toggle.d.ts +13 -13
  187. package/dist/types/components/dnn-toggle/dnn-toggle.stories.d.ts +4 -0
  188. package/dist/types/components/dnn-toggle/toggle-interface.d.ts +3 -3
  189. package/dist/types/components/dnn-treeview-item/dnn-treeview-item.d.ts +28 -24
  190. package/dist/types/components/dnn-treeview-item/dnn-treeview-item.stories.d.ts +4 -0
  191. package/dist/types/components/dnn-vertical-overflow-menu/dnn-vertical-overflow-menu.d.ts +16 -16
  192. package/dist/types/components/dnn-vertical-overflow-menu/dnn-vertical-overflow-menu.stories.d.ts +4 -0
  193. package/dist/types/components/dnn-vertical-splitview/dnn-vertical-splitview.d.ts +28 -28
  194. package/dist/types/components/dnn-vertical-splitview/dnn-vertical-splitview.stories.d.ts +4 -0
  195. package/dist/types/components.d.ts +108 -34
  196. package/dist/types/global.d.ts +1 -0
  197. package/dist/types/index.d.ts +3 -3
  198. package/dist/types/utilities/colorInfo.d.ts +52 -52
  199. package/dist/types/utilities/debounce.d.ts +5 -5
  200. package/dist/types/utilities/dnnServicesFramework.d.ts +19 -19
  201. package/dist/types/utilities/mouseUtilities.d.ts +4 -4
  202. package/package.json +63 -48
  203. package/dist/cjs/app-globals-3a1e7e63.js +0 -7
  204. package/dist/cjs/app-globals-3a1e7e63.js.map +0 -1
  205. package/dist/cjs/css-shim-3bfdba4f.js +0 -8
  206. package/dist/cjs/css-shim-3bfdba4f.js.map +0 -1
  207. package/dist/cjs/dnn-button.cjs.entry.js +0 -88
  208. package/dist/cjs/dnn-button.cjs.entry.js.map +0 -1
  209. package/dist/cjs/dnn-button_16.cjs.entry.js.map +0 -1
  210. package/dist/cjs/dnn-checkbox.cjs.entry.js +0 -58
  211. package/dist/cjs/dnn-checkbox.cjs.entry.js.map +0 -1
  212. package/dist/cjs/dnn-chevron.cjs.entry.js +0 -34
  213. package/dist/cjs/dnn-chevron.cjs.entry.js.map +0 -1
  214. package/dist/cjs/dnn-collapsible.cjs.entry.js +0 -66
  215. package/dist/cjs/dnn-collapsible.cjs.entry.js.map +0 -1
  216. package/dist/cjs/dnn-color-picker.cjs.entry.js +0 -508
  217. package/dist/cjs/dnn-color-picker.cjs.entry.js.map +0 -1
  218. package/dist/cjs/dnn-dropzone.cjs.entry.js +0 -153
  219. package/dist/cjs/dnn-dropzone.cjs.entry.js.map +0 -1
  220. package/dist/cjs/dnn-image-cropper.cjs.entry.js +0 -408
  221. package/dist/cjs/dnn-image-cropper.cjs.entry.js.map +0 -1
  222. package/dist/cjs/dnn-modal.cjs.entry.js +0 -62
  223. package/dist/cjs/dnn-modal.cjs.entry.js.map +0 -1
  224. package/dist/cjs/dnn-searchbox.cjs.entry.js +0 -66
  225. package/dist/cjs/dnn-searchbox.cjs.entry.js.map +0 -1
  226. package/dist/cjs/dnn-sort-icon.cjs.entry.js +0 -43
  227. package/dist/cjs/dnn-sort-icon.cjs.entry.js.map +0 -1
  228. package/dist/cjs/dnn-tab.cjs.entry.js +0 -31
  229. package/dist/cjs/dnn-tab.cjs.entry.js.map +0 -1
  230. package/dist/cjs/dnn-tabs.cjs.entry.js +0 -52
  231. package/dist/cjs/dnn-tabs.cjs.entry.js.map +0 -1
  232. package/dist/cjs/dnn-toggle.cjs.entry.js +0 -37
  233. package/dist/cjs/dnn-toggle.cjs.entry.js.map +0 -1
  234. package/dist/cjs/dnn-treeview-item.cjs.entry.js +0 -68
  235. package/dist/cjs/dnn-treeview-item.cjs.entry.js.map +0 -1
  236. package/dist/cjs/dnn-vertical-overflow-menu.cjs.entry.js +0 -122
  237. package/dist/cjs/dnn-vertical-overflow-menu.cjs.entry.js.map +0 -1
  238. package/dist/cjs/dnn-vertical-splitview.cjs.entry.js +0 -133
  239. package/dist/cjs/dnn-vertical-splitview.cjs.entry.js.map +0 -1
  240. package/dist/cjs/dom-8ac1ad03.js +0 -77
  241. package/dist/cjs/dom-8ac1ad03.js.map +0 -1
  242. package/dist/cjs/index-7505bd72.js.map +0 -1
  243. package/dist/cjs/index-aff4d89a.js +0 -3069
  244. package/dist/cjs/index-aff4d89a.js.map +0 -1
  245. package/dist/cjs/mouseUtilities-75be531a.js +0 -25
  246. package/dist/cjs/mouseUtilities-75be531a.js.map +0 -1
  247. package/dist/cjs/shadow-css-41d9783d.js +0 -392
  248. package/dist/cjs/shadow-css-41d9783d.js.map +0 -1
  249. package/dist/dnn/app-globals-0f993ce5.js +0 -5
  250. package/dist/dnn/app-globals-0f993ce5.js.map +0 -1
  251. package/dist/dnn/app-globals-497eb362.system.js +0 -2
  252. package/dist/dnn/app-globals-497eb362.system.js.map +0 -1
  253. package/dist/dnn/css-shim-20dbffa5.js +0 -6
  254. package/dist/dnn/css-shim-20dbffa5.js.map +0 -1
  255. package/dist/dnn/css-shim-856c55de.system.js +0 -2
  256. package/dist/dnn/css-shim-856c55de.system.js.map +0 -1
  257. package/dist/dnn/debounce-06f55268.js +0 -22
  258. package/dist/dnn/debounce-eef81bf7.system.js +0 -2
  259. package/dist/dnn/dnn-button.entry.js +0 -84
  260. package/dist/dnn/dnn-button.entry.js.map +0 -1
  261. package/dist/dnn/dnn-button.system.entry.js +0 -2
  262. package/dist/dnn/dnn-button.system.entry.js.map +0 -1
  263. package/dist/dnn/dnn-checkbox.entry.js +0 -54
  264. package/dist/dnn/dnn-checkbox.entry.js.map +0 -1
  265. package/dist/dnn/dnn-checkbox.system.entry.js +0 -2
  266. package/dist/dnn/dnn-checkbox.system.entry.js.map +0 -1
  267. package/dist/dnn/dnn-chevron.entry.js +0 -30
  268. package/dist/dnn/dnn-chevron.entry.js.map +0 -1
  269. package/dist/dnn/dnn-chevron.system.entry.js +0 -2
  270. package/dist/dnn/dnn-chevron.system.entry.js.map +0 -1
  271. package/dist/dnn/dnn-collapsible.entry.js +0 -62
  272. package/dist/dnn/dnn-collapsible.entry.js.map +0 -1
  273. package/dist/dnn/dnn-collapsible.system.entry.js +0 -2
  274. package/dist/dnn/dnn-collapsible.system.entry.js.map +0 -1
  275. package/dist/dnn/dnn-color-picker.entry.js +0 -504
  276. package/dist/dnn/dnn-color-picker.entry.js.map +0 -1
  277. package/dist/dnn/dnn-color-picker.system.entry.js +0 -12
  278. package/dist/dnn/dnn-color-picker.system.entry.js.map +0 -1
  279. package/dist/dnn/dnn-dropzone.entry.js +0 -149
  280. package/dist/dnn/dnn-dropzone.entry.js.map +0 -1
  281. package/dist/dnn/dnn-dropzone.system.entry.js +0 -2
  282. package/dist/dnn/dnn-dropzone.system.entry.js.map +0 -1
  283. package/dist/dnn/dnn-image-cropper.entry.js +0 -404
  284. package/dist/dnn/dnn-image-cropper.entry.js.map +0 -1
  285. package/dist/dnn/dnn-image-cropper.system.entry.js +0 -2
  286. package/dist/dnn/dnn-image-cropper.system.entry.js.map +0 -1
  287. package/dist/dnn/dnn-modal.entry.js +0 -58
  288. package/dist/dnn/dnn-modal.entry.js.map +0 -1
  289. package/dist/dnn/dnn-modal.system.entry.js +0 -2
  290. package/dist/dnn/dnn-modal.system.entry.js.map +0 -1
  291. package/dist/dnn/dnn-searchbox.entry.js +0 -62
  292. package/dist/dnn/dnn-searchbox.entry.js.map +0 -1
  293. package/dist/dnn/dnn-searchbox.system.entry.js +0 -2
  294. package/dist/dnn/dnn-searchbox.system.entry.js.map +0 -1
  295. package/dist/dnn/dnn-sort-icon.entry.js +0 -39
  296. package/dist/dnn/dnn-sort-icon.entry.js.map +0 -1
  297. package/dist/dnn/dnn-sort-icon.system.entry.js +0 -2
  298. package/dist/dnn/dnn-sort-icon.system.entry.js.map +0 -1
  299. package/dist/dnn/dnn-tab.entry.js +0 -27
  300. package/dist/dnn/dnn-tab.entry.js.map +0 -1
  301. package/dist/dnn/dnn-tab.system.entry.js +0 -2
  302. package/dist/dnn/dnn-tab.system.entry.js.map +0 -1
  303. package/dist/dnn/dnn-tabs.entry.js +0 -48
  304. package/dist/dnn/dnn-tabs.entry.js.map +0 -1
  305. package/dist/dnn/dnn-tabs.system.entry.js +0 -2
  306. package/dist/dnn/dnn-tabs.system.entry.js.map +0 -1
  307. package/dist/dnn/dnn-toggle.entry.js +0 -33
  308. package/dist/dnn/dnn-toggle.entry.js.map +0 -1
  309. package/dist/dnn/dnn-toggle.system.entry.js +0 -2
  310. package/dist/dnn/dnn-toggle.system.entry.js.map +0 -1
  311. package/dist/dnn/dnn-treeview-item.entry.js +0 -64
  312. package/dist/dnn/dnn-treeview-item.entry.js.map +0 -1
  313. package/dist/dnn/dnn-treeview-item.system.entry.js +0 -2
  314. package/dist/dnn/dnn-treeview-item.system.entry.js.map +0 -1
  315. package/dist/dnn/dnn-vertical-overflow-menu.entry.js +0 -118
  316. package/dist/dnn/dnn-vertical-overflow-menu.entry.js.map +0 -1
  317. package/dist/dnn/dnn-vertical-overflow-menu.system.entry.js +0 -2
  318. package/dist/dnn/dnn-vertical-overflow-menu.system.entry.js.map +0 -1
  319. package/dist/dnn/dnn-vertical-splitview.entry.js +0 -129
  320. package/dist/dnn/dnn-vertical-splitview.entry.js.map +0 -1
  321. package/dist/dnn/dnn-vertical-splitview.system.entry.js +0 -2
  322. package/dist/dnn/dnn-vertical-splitview.system.entry.js.map +0 -1
  323. package/dist/dnn/dnn.system.js +0 -2
  324. package/dist/dnn/dnn.system.js.map +0 -1
  325. package/dist/dnn/dom-938307ec.system.js +0 -22
  326. package/dist/dnn/dom-938307ec.system.js.map +0 -1
  327. package/dist/dnn/dom-c5ed0ba5.js +0 -75
  328. package/dist/dnn/dom-c5ed0ba5.js.map +0 -1
  329. package/dist/dnn/index-a3a55419.system.js +0 -2
  330. package/dist/dnn/index-a3a55419.system.js.map +0 -1
  331. package/dist/dnn/index-b5a28c1d.js +0 -3033
  332. package/dist/dnn/index-b5a28c1d.js.map +0 -1
  333. package/dist/dnn/index.system.js +0 -2
  334. package/dist/dnn/index.system.js.map +0 -1
  335. package/dist/dnn/mouseUtilities-817973b4.js +0 -23
  336. package/dist/dnn/mouseUtilities-817973b4.js.map +0 -1
  337. package/dist/dnn/mouseUtilities-e7e4e78f.system.js +0 -2
  338. package/dist/dnn/mouseUtilities-e7e4e78f.system.js.map +0 -1
  339. package/dist/dnn/p-058ba146.system.js +0 -2
  340. package/dist/dnn/p-058ba146.system.js.map +0 -1
  341. package/dist/dnn/p-45ce2139.js +0 -2
  342. package/dist/dnn/p-45ce2139.js.map +0 -1
  343. package/dist/dnn/p-646cfb1b.system.js.map +0 -1
  344. package/dist/dnn/p-755d047d.system.entry.js +0 -11
  345. package/dist/dnn/p-755d047d.system.entry.js.map +0 -1
  346. package/dist/dnn/p-8ec1f3a8.entry.js +0 -11
  347. package/dist/dnn/p-8ec1f3a8.entry.js.map +0 -1
  348. package/dist/dnn/p-f91193e2.system.js +0 -2
  349. package/dist/dnn/p-f91193e2.system.js.map +0 -1
  350. package/dist/dnn/shadow-css-8c625855.js +0 -390
  351. package/dist/dnn/shadow-css-8c625855.js.map +0 -1
  352. package/dist/dnn/shadow-css-d573707f.system.js +0 -14
  353. package/dist/dnn/shadow-css-d573707f.system.js.map +0 -1
  354. package/dist/esm/app-globals-0f993ce5.js +0 -5
  355. package/dist/esm/app-globals-0f993ce5.js.map +0 -1
  356. package/dist/esm/css-shim-20dbffa5.js +0 -6
  357. package/dist/esm/css-shim-20dbffa5.js.map +0 -1
  358. package/dist/esm/debounce-06f55268.js.map +0 -1
  359. package/dist/esm/dnn-button.entry.js +0 -84
  360. package/dist/esm/dnn-button.entry.js.map +0 -1
  361. package/dist/esm/dnn-button_16.entry.js.map +0 -1
  362. package/dist/esm/dnn-checkbox.entry.js +0 -54
  363. package/dist/esm/dnn-checkbox.entry.js.map +0 -1
  364. package/dist/esm/dnn-chevron.entry.js +0 -30
  365. package/dist/esm/dnn-chevron.entry.js.map +0 -1
  366. package/dist/esm/dnn-collapsible.entry.js +0 -62
  367. package/dist/esm/dnn-collapsible.entry.js.map +0 -1
  368. package/dist/esm/dnn-color-picker.entry.js +0 -504
  369. package/dist/esm/dnn-color-picker.entry.js.map +0 -1
  370. package/dist/esm/dnn-dropzone.entry.js +0 -149
  371. package/dist/esm/dnn-dropzone.entry.js.map +0 -1
  372. package/dist/esm/dnn-image-cropper.entry.js +0 -404
  373. package/dist/esm/dnn-image-cropper.entry.js.map +0 -1
  374. package/dist/esm/dnn-modal.entry.js +0 -58
  375. package/dist/esm/dnn-modal.entry.js.map +0 -1
  376. package/dist/esm/dnn-searchbox.entry.js +0 -62
  377. package/dist/esm/dnn-searchbox.entry.js.map +0 -1
  378. package/dist/esm/dnn-sort-icon.entry.js +0 -39
  379. package/dist/esm/dnn-sort-icon.entry.js.map +0 -1
  380. package/dist/esm/dnn-tab.entry.js +0 -27
  381. package/dist/esm/dnn-tab.entry.js.map +0 -1
  382. package/dist/esm/dnn-tabs.entry.js +0 -48
  383. package/dist/esm/dnn-tabs.entry.js.map +0 -1
  384. package/dist/esm/dnn-toggle.entry.js +0 -33
  385. package/dist/esm/dnn-toggle.entry.js.map +0 -1
  386. package/dist/esm/dnn-treeview-item.entry.js +0 -64
  387. package/dist/esm/dnn-treeview-item.entry.js.map +0 -1
  388. package/dist/esm/dnn-vertical-overflow-menu.entry.js +0 -118
  389. package/dist/esm/dnn-vertical-overflow-menu.entry.js.map +0 -1
  390. package/dist/esm/dnn-vertical-splitview.entry.js +0 -129
  391. package/dist/esm/dnn-vertical-splitview.entry.js.map +0 -1
  392. package/dist/esm/dom-c5ed0ba5.js +0 -75
  393. package/dist/esm/dom-c5ed0ba5.js.map +0 -1
  394. package/dist/esm/index-b5a28c1d.js +0 -3033
  395. package/dist/esm/index-b5a28c1d.js.map +0 -1
  396. package/dist/esm/index-cdbad319.js.map +0 -1
  397. package/dist/esm/mouseUtilities-817973b4.js +0 -23
  398. package/dist/esm/mouseUtilities-817973b4.js.map +0 -1
  399. package/dist/esm/shadow-css-8c625855.js +0 -390
  400. package/dist/esm/shadow-css-8c625855.js.map +0 -1
  401. package/dist/esm-es5/dnn-button_16.entry.js +0 -11
  402. package/dist/esm-es5/dnn-button_16.entry.js.map +0 -1
  403. package/dist/esm-es5/index-cdbad319.js +0 -2
  404. package/dist/esm-es5/index-cdbad319.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"sources":["node_modules/@stencil/core/internal/client/css-shim.js"],"names":["__assign","undefined","Object","assign","e","t","r","n","arguments","length","s","prototype","hasOwnProperty","call","apply","this","StyleNode","start","end","previous","parent","rules","parsedCssText","cssText","atRule","type","keyframesName","selector","parsedSelector","parse","parseCss","lex","clean","replace","RX","comments","port","OPEN_BRACE","o","a","push","CLOSE_BRACE","substring","trim","_expandUnicodeEscapes","multipleSpaces","lastIndexOf","indexOf","AT_START","MEDIA_START","types","MEDIA_RULE","match","keyframesRule","KEYFRAMES_RULE","split","pop","VAR_START","MIXIN_RULE","STYLE_RULE","i","l","customProp","mixinProp","mixinApply","varApply","findRegex","lastIndex","index","VAR_USAGE_START","VAR_ASSIGN_START","COMMENTS","TRAILING_LINES","resolveVar","executeTemplate","findVarEndIndex","parseVar","slice","propName","fallback","join","compileVar","compileTemplate","findEndValue","removeCustomAssigns","resolveValues","forEach","declarations","prop","value","entries","getSelectors","filter","getDeclarations","specificity","computeSpecificity","nu","IMPORTANT","FIND_DECLARATIONS","exec","normalizeValue","important","endsWith","substr","getActiveSelectors","getScopesForElement","sortSelectors","getSelectorsForScopes","matches","get","parentElement","selectors","sort","parseCSS","original","template","usesCssVars","addGlobalStyle","some","styleEl","textContent","updateGlobalScopes","reScope","map","replaceScope","scopeId","replaceAll","RegExp","loadDocument","loadDocumentStyles","loadDocumentLinks","then","startWatcher","MutationObserver","observe","document","head","childList","querySelectorAll","addGlobalLink","Promise","all","Array","from","Boolean","href","fetch","text","hasCssVariables","parentNode","hasRelativeUrls","fixRelativeUrls","createElement","setAttribute","insertBefore","remove","catch","console","error","CSS_VARIABLE_REGEXP","test","CSS_URL_REGEXP","CustomStyle","win","doc","count","hostStyleMap","WeakMap","hostScopeMap","globalScopes","scopesMap","Map","didInit","requestAnimationFrame","resolve","addLink","updateGlobal","createHostStyle","has","Error","registerHostTemplate","set","removeHost","delete","updateHost","isScoped","__cssshim","CSS","supports","window"],"mappings":"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","sourcesContent":["/*\n Stencil Client Patch Esm v2.13.0 | MIT Licensed | https://stenciljs.com\n */\nvar __assign=undefined&&undefined.__assign||function(){return (__assign=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var s in t=arguments[r])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e}).apply(this,arguments)},StyleNode=function(){this.start=0,this.end=0,this.previous=null,this.parent=null,this.rules=null,this.parsedCssText=\"\",this.cssText=\"\",this.atRule=!1,this.type=0,this.keyframesName=\"\",this.selector=\"\",this.parsedSelector=\"\";};function parse(e){return parseCss(lex(e=clean(e)),e)}function clean(e){return e.replace(RX.comments,\"\").replace(RX.port,\"\")}function lex(e){var t=new StyleNode;t.start=0,t.end=e.length;for(var r=t,n=0,s=e.length;n<s;n++)if(e[n]===OPEN_BRACE){r.rules||(r.rules=[]);var o=r,a=o.rules[o.rules.length-1]||null;(r=new StyleNode).start=n+1,r.parent=o,r.previous=a,o.rules.push(r);}else e[n]===CLOSE_BRACE&&(r.end=n+1,r=r.parent||t);return t}function parseCss(e,t){var r=t.substring(e.start,e.end-1);if(e.parsedCssText=e.cssText=r.trim(),e.parent){var n=e.previous?e.previous.end:e.parent.start;r=(r=(r=_expandUnicodeEscapes(r=t.substring(n,e.start-1))).replace(RX.multipleSpaces,\" \")).substring(r.lastIndexOf(\";\")+1);var s=e.parsedSelector=e.selector=r.trim();e.atRule=0===s.indexOf(AT_START),e.atRule?0===s.indexOf(MEDIA_START)?e.type=types.MEDIA_RULE:s.match(RX.keyframesRule)&&(e.type=types.KEYFRAMES_RULE,e.keyframesName=e.selector.split(RX.multipleSpaces).pop()):0===s.indexOf(VAR_START)?e.type=types.MIXIN_RULE:e.type=types.STYLE_RULE;}var o=e.rules;if(o)for(var a=0,i=o.length,l=void 0;a<i&&(l=o[a]);a++)parseCss(l,t);return e}function _expandUnicodeEscapes(e){return e.replace(/\\\\([0-9a-f]{1,6})\\s/gi,(function(){for(var e=arguments[1],t=6-e.length;t--;)e=\"0\"+e;return \"\\\\\"+e}))}var types={STYLE_RULE:1,KEYFRAMES_RULE:7,MEDIA_RULE:4,MIXIN_RULE:1e3},OPEN_BRACE=\"{\",CLOSE_BRACE=\"}\",RX={comments:/\\/\\*[^*]*\\*+([^/*][^*]*\\*+)*\\//gim,port:/@import[^;]*;/gim,customProp:/(?:^[^;\\-\\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\\n]|$)/gim,mixinProp:/(?:^[^;\\-\\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\\n]|$)?/gim,mixinApply:/@apply\\s*\\(?[^);]*\\)?\\s*(?:[;\\n]|$)?/gim,varApply:/[^;:]*?:[^;]*?var\\([^;]*\\)(?:[;\\n]|$)?/gim,keyframesRule:/^@[^\\s]*keyframes/,multipleSpaces:/\\s+/g},VAR_START=\"--\",MEDIA_START=\"@media\",AT_START=\"@\";function findRegex(e,t,r){e.lastIndex=0;var n=t.substring(r).match(e);if(n){var s=r+n.index;return {start:s,end:s+n[0].length}}return null}var VAR_USAGE_START=/\\bvar\\(/,VAR_ASSIGN_START=/\\B--[\\w-]+\\s*:/,COMMENTS=/\\/\\*[^*]*\\*+([^/*][^*]*\\*+)*\\//gim,TRAILING_LINES=/^[\\t ]+\\n/gm;function resolveVar(e,t,r){return e[t]?e[t]:r?executeTemplate(r,e):\"\"}function findVarEndIndex(e,t){for(var r=0,n=t;n<e.length;n++){var s=e[n];if(\"(\"===s)r++;else if(\")\"===s&&--r<=0)return n+1}return n}function parseVar(e,t){var r=findRegex(VAR_USAGE_START,e,t);if(!r)return null;var n=findVarEndIndex(e,r.start),s=e.substring(r.end,n-1).split(\",\"),o=s[0],a=s.slice(1);return {start:r.start,end:n,propName:o.trim(),fallback:a.length>0?a.join(\",\").trim():void 0}}function compileVar(e,t,r){var n=parseVar(e,r);if(!n)return t.push(e.substring(r,e.length)),e.length;var s=n.propName,o=null!=n.fallback?compileTemplate(n.fallback):void 0;return t.push(e.substring(r,n.start),(function(e){return resolveVar(e,s,o)})),n.end}function executeTemplate(e,t){for(var r=\"\",n=0;n<e.length;n++){var s=e[n];r+=\"string\"==typeof s?s:s(t);}return r}function findEndValue(e,t){for(var r=!1,n=!1,s=t;s<e.length;s++){var o=e[s];if(r)n&&'\"'===o&&(r=!1),n||\"'\"!==o||(r=!1);else if('\"'===o)r=!0,n=!0;else if(\"'\"===o)r=!0,n=!1;else {if(\";\"===o)return s+1;if(\"}\"===o)return s}}return s}function removeCustomAssigns(e){for(var t=\"\",r=0;;){var n=findRegex(VAR_ASSIGN_START,e,r),s=n?n.start:e.length;if(t+=e.substring(r,s),!n)break;r=findEndValue(e,s);}return t}function compileTemplate(e){var t=0;e=removeCustomAssigns(e=e.replace(COMMENTS,\"\")).replace(TRAILING_LINES,\"\");for(var r=[];t<e.length;)t=compileVar(e,r,t);return r}function resolveValues(e){var t={};e.forEach((function(e){e.declarations.forEach((function(e){t[e.prop]=e.value;}));}));for(var r={},n=Object.entries(t),s=function(e){var t=!1;if(n.forEach((function(e){var n=e[0],s=executeTemplate(e[1],r);s!==r[n]&&(r[n]=s,t=!0);})),!t)return \"break\"},o=0;o<10;o++){if(\"break\"===s())break}return r}function getSelectors(e,t){if(void 0===t&&(t=0),!e.rules)return [];var r=[];return e.rules.filter((function(e){return e.type===types.STYLE_RULE})).forEach((function(e){var n=getDeclarations(e.cssText);n.length>0&&e.parsedSelector.split(\",\").forEach((function(e){e=e.trim(),r.push({selector:e,declarations:n,specificity:computeSpecificity(),nu:t});})),t++;})),r}function computeSpecificity(e){return 1}var IMPORTANT=\"!important\",FIND_DECLARATIONS=/(?:^|[;\\s{]\\s*)(--[\\w-]*?)\\s*:\\s*(?:((?:'(?:\\\\'|.)*?'|\"(?:\\\\\"|.)*?\"|\\([^)]*?\\)|[^};{])+)|\\{([^}]*)\\}(?:(?=[;\\s}])|$))/gm;function getDeclarations(e){for(var t,r=[];t=FIND_DECLARATIONS.exec(e.trim());){var n=normalizeValue(t[2]),s=n.value,o=n.important;r.push({prop:t[1].trim(),value:compileTemplate(s),important:o});}return r}function normalizeValue(e){var t=(e=e.replace(/\\s+/gim,\" \").trim()).endsWith(IMPORTANT);return t&&(e=e.substr(0,e.length-IMPORTANT.length).trim()),{value:e,important:t}}function getActiveSelectors(e,t,r){var n=[],s=getScopesForElement(t,e);return r.forEach((function(e){return n.push(e)})),s.forEach((function(e){return n.push(e)})),sortSelectors(getSelectorsForScopes(n).filter((function(t){return matches(e,t.selector)})))}function getScopesForElement(e,t){for(var r=[];t;){var n=e.get(t);n&&r.push(n),t=t.parentElement;}return r}function getSelectorsForScopes(e){var t=[];return e.forEach((function(e){t.push.apply(t,e.selectors);})),t}function sortSelectors(e){return e.sort((function(e,t){return e.specificity===t.specificity?e.nu-t.nu:e.specificity-t.specificity})),e}function matches(e,t){return \":root\"===t||\"html\"===t||e.matches(t)}function parseCSS(e){var t=parse(e),r=compileTemplate(e);return {original:e,template:r,selectors:getSelectors(t),usesCssVars:r.length>1}}function addGlobalStyle(e,t){if(e.some((function(e){return e.styleEl===t})))return !1;var r=parseCSS(t.textContent);return r.styleEl=t,e.push(r),!0}function updateGlobalScopes(e){var t=resolveValues(getSelectorsForScopes(e));e.forEach((function(e){e.usesCssVars&&(e.styleEl.textContent=executeTemplate(e.template,t));}));}function reScope(e,t){var r=e.template.map((function(r){return \"string\"==typeof r?replaceScope(r,e.scopeId,t):r})),n=e.selectors.map((function(r){return __assign(__assign({},r),{selector:replaceScope(r.selector,e.scopeId,t)})}));return __assign(__assign({},e),{template:r,selectors:n,scopeId:t})}function replaceScope(e,t,r){return e=replaceAll(e,\"\\\\.\"+t,\".\"+r)}function replaceAll(e,t,r){return e.replace(new RegExp(t,\"g\"),r)}function loadDocument(e,t){return loadDocumentStyles(e,t),loadDocumentLinks(e,t).then((function(){updateGlobalScopes(t);}))}function startWatcher(e,t){\"undefined\"!=typeof MutationObserver&&new MutationObserver((function(){loadDocumentStyles(e,t)&&updateGlobalScopes(t);})).observe(document.head,{childList:!0});}function loadDocumentLinks(e,t){for(var r=[],n=e.querySelectorAll('link[rel=\"stylesheet\"][href]:not([data-no-shim])'),s=0;s<n.length;s++)r.push(addGlobalLink(e,t,n[s]));return Promise.all(r)}function loadDocumentStyles(e,t){return Array.from(e.querySelectorAll(\"style:not([data-styles]):not([data-no-shim])\")).map((function(e){return addGlobalStyle(t,e)})).some(Boolean)}function addGlobalLink(e,t,r){var n=r.href;return fetch(n).then((function(e){return e.text()})).then((function(s){if(hasCssVariables(s)&&r.parentNode){hasRelativeUrls(s)&&(s=fixRelativeUrls(s,n));var o=e.createElement(\"style\");o.setAttribute(\"data-styles\",\"\"),o.textContent=s,addGlobalStyle(t,o),r.parentNode.insertBefore(o,r),r.remove();}})).catch((function(e){console.error(e);}))}var CSS_VARIABLE_REGEXP=/[\\s;{]--[-a-zA-Z0-9]+\\s*:/m;function hasCssVariables(e){return e.indexOf(\"var(\")>-1||CSS_VARIABLE_REGEXP.test(e)}var CSS_URL_REGEXP=/url[\\s]*\\([\\s]*['\"]?(?!(?:https?|data)\\:|\\/)([^\\'\\\"\\)]*)[\\s]*['\"]?\\)[\\s]*/gim;function hasRelativeUrls(e){return CSS_URL_REGEXP.lastIndex=0,CSS_URL_REGEXP.test(e)}function fixRelativeUrls(e,t){var r=t.replace(/[^/]*$/,\"\");return e.replace(CSS_URL_REGEXP,(function(e,t){var n=r+t;return e.replace(t,n)}))}var CustomStyle=function(){function e(e,t){this.win=e,this.doc=t,this.count=0,this.hostStyleMap=new WeakMap,this.hostScopeMap=new WeakMap,this.globalScopes=[],this.scopesMap=new Map,this.didInit=!1;}return e.prototype.i=function(){var e=this;return this.didInit||!this.win.requestAnimationFrame?Promise.resolve():(this.didInit=!0,new Promise((function(t){e.win.requestAnimationFrame((function(){startWatcher(e.doc,e.globalScopes),loadDocument(e.doc,e.globalScopes).then((function(){return t()}));}));})))},e.prototype.addLink=function(e){var t=this;return addGlobalLink(this.doc,this.globalScopes,e).then((function(){t.updateGlobal();}))},e.prototype.addGlobalStyle=function(e){addGlobalStyle(this.globalScopes,e)&&this.updateGlobal();},e.prototype.createHostStyle=function(e,t,r,n){if(this.hostScopeMap.has(e))throw new Error(\"host style already created\");var s=this.registerHostTemplate(r,t,n),o=this.doc.createElement(\"style\");return o.setAttribute(\"data-no-shim\",\"\"),s.usesCssVars?n?(o[\"s-sc\"]=t=s.scopeId+\"-\"+this.count,o.textContent=\"/*needs update*/\",this.hostStyleMap.set(e,o),this.hostScopeMap.set(e,reScope(s,t)),this.count++):(s.styleEl=o,s.usesCssVars||(o.textContent=executeTemplate(s.template,{})),this.globalScopes.push(s),this.updateGlobal(),this.hostScopeMap.set(e,s)):o.textContent=r,o},e.prototype.removeHost=function(e){var t=this.hostStyleMap.get(e);t&&t.remove(),this.hostStyleMap.delete(e),this.hostScopeMap.delete(e);},e.prototype.updateHost=function(e){var t=this.hostScopeMap.get(e);if(t&&t.usesCssVars&&t.isScoped){var r=this.hostStyleMap.get(e);if(r){var n=resolveValues(getActiveSelectors(e,this.hostScopeMap,this.globalScopes));r.textContent=executeTemplate(t.template,n);}}},e.prototype.updateGlobal=function(){updateGlobalScopes(this.globalScopes);},e.prototype.registerHostTemplate=function(e,t,r){var n=this.scopesMap.get(t);return n||((n=parseCSS(e)).scopeId=t,n.isScoped=r,this.scopesMap.set(t,n)),n},e}();!function(e){!e||e.__cssshim||e.CSS&&e.CSS.supports&&e.CSS.supports(\"color\",\"var(--c)\")||(e.__cssshim=new CustomStyle(e,e.document));}(\"undefined\"!=typeof window&&window);\n"]}
@@ -1,22 +0,0 @@
1
- /**
2
- * Debounces a function call, see http://demo.nimius.net/debounce_throttle/ for explanation of debounce vs throttle.
3
- * @param debounceTime How many milliseconds to debounce for.
4
- */
5
- function Debounce(debounceTime = 500) {
6
- return function (_target, _key, descriptor) {
7
- let originalMethod = descriptor.value;
8
- let timer = null;
9
- descriptor.value = function (...args) {
10
- clearTimeout(timer);
11
- return new Promise(resolve => {
12
- timer = setTimeout(() => {
13
- resolve(originalMethod.apply(this, args));
14
- }, debounceTime);
15
- });
16
- };
17
- };
18
- }
19
-
20
- export { Debounce as D };
21
-
22
- //# sourceMappingURL=debounce-06f55268.js.map
@@ -1,2 +0,0 @@
1
- System.register([],(function(n){"use strict";return{execute:function(){n("D",t);function t(n){if(n===void 0){n=500}return function(t,e,r){var u=r.value;var i=null;r.value=function(){var t=this;var e=[];for(var r=0;r<arguments.length;r++){e[r]=arguments[r]}clearTimeout(i);return new Promise((function(r){i=setTimeout((function(){r(u.apply(t,e))}),n)}))}}}}}}));
2
- //# sourceMappingURL=debounce-eef81bf7.system.js.map
@@ -1,84 +0,0 @@
1
- import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-b5a28c1d.js';
2
-
3
- const dnnButtonCss = ":host{--background-color:transparent;--color:#333;--border-size:1px;--border-color:var(--backround-color);--border-radius:var(--dnn-controls-radius, 5px);--padding:var(--dnn-controls-padding, 5px);display:inline-block;width:auto}:host(.disabled){pointer-events:none}:host(.primary){--background-color:var(--dnn-color-primary, blue);--color:var(--dnn-color-primary-contrast, white);--focus-color:var(--background-color)}:host(.primary.reversed){--background-color:var(--dnn-color-primary-contrast, white);--color:var(--dnn-color-primary, blue);--border-color:var(--dnn-color-primary, blue);--focus-color:var(--color)}:host(.secondary){--background-color:var(--dnn-color-secondary, green);--color:var(--dnn-color-secondary-contrast, white);--focus-color:var(--background-color)}:host(.secondary.reversed){--background-color:var(--dnn-color-secondary-contrast, white);--color:var(--dnn-color-secondary, blue);--border-color:var(--dnn-color-secondary, blue);--focus-color:var(--color)}:host(.tertiary){--background-color:var(--dnn-color-tertiary, yellow);--color:var(--dnn-color-tertiary-contrast, black);--focus-color:var(--background-color)}:host(.tertiary.reversed){--background-color:var(--dnn-color-tertiary-contrast, white);--color:var(--dnn-color-tertiary, blue);--border-color:var(--dnn-color-tertiary, blue);--focus-color:var(--color)}:host(.hydrated) button{border:var(--border-size) solid var(--border-color);border-radius:var(--border-radius);padding:var(--padding) calc(var(--padding) * 2);background-color:transparent;background-color:var(--background-color);color:var(--color);outline:none}:host(.hydrated) button:focus,:host(.hydrated) button:hover{-webkit-box-shadow:0 0 2px 2px var(--focus-color);box-shadow:0 0 2px 2px var(--focus-color)}:host(:disabled,[disabled]) button{pointer-events:none;opacity:0.5}:host(.small) button{padding:calc(var(--padding) / 2) var(--padding);font-size:0.7em}:host(.large) button{padding:calc(var(--padding) * 1.5) calc(var(--padding) * 3);font-size:1.2em}button{height:100%;width:100%;cursor:pointer}";
4
-
5
- let DnnButton = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- this.confirmed = createEvent(this, "confirmed", 3);
9
- this.canceled = createEvent(this, "canceled", 3);
10
- /**
11
- * Optional button style,
12
- * can be either primary, secondary or tertiary and defaults to primary if not specified
13
- */
14
- this.type = 'primary';
15
- /**
16
- * Optionally reverses the button style.
17
- */
18
- this.reversed = false;
19
- /**
20
- * Optionally sets the button size, small normal or large, defaults to normal
21
- */
22
- this.size = 'normal';
23
- /**
24
- * Optionally add a confirmation dialog before firing the action.
25
- */
26
- this.confirm = false;
27
- /**
28
- * The text of the yes button for confirmation.
29
- */
30
- this.confirmYesText = "Yes";
31
- /**
32
- * The text of the no button for confirmation.
33
- */
34
- this.confirmNoText = "No";
35
- /**
36
- * The text of the confirmation message;
37
- */
38
- this.confirmMessage = "Are you sure ?";
39
- /**
40
- * Disables the button
41
- */
42
- this.disabled = false;
43
- this.modalVisible = false;
44
- }
45
- componentDidLoad() {
46
- this.el.classList.add(this.type);
47
- if (this.reversed) {
48
- this.el.classList.add('reversed');
49
- }
50
- if (this.size !== 'normal') {
51
- this.el.classList.add(this.size);
52
- }
53
- this.modal = this.el.shadowRoot.querySelector('dnn-modal');
54
- }
55
- handleConfirm() {
56
- this.modal.hide();
57
- this.modalVisible = false;
58
- this.confirmed.emit();
59
- }
60
- handleCancel() {
61
- this.modal.hide();
62
- this.modalVisible = false;
63
- this.canceled.emit();
64
- }
65
- handleClick() {
66
- if (this.confirm && !this.modalVisible) {
67
- this.modal.show();
68
- this.modalVisible = true;
69
- }
70
- }
71
- render() {
72
- return (h(Host, { disabled: this.disabled, style: { 'pointer-events': this.disabled ? 'none' : 'all' } }, h("button", { class: "button", onClick: () => this.handleClick(), disabled: this.disabled }, h("slot", null)), this.confirm &&
73
- h("dnn-modal", { showCloseButton: false, backdropDismiss: false }, h("p", null, this.confirmMessage), h("div", { style: {
74
- display: 'flex',
75
- justifyContent: 'flex-end'
76
- } }, h("dnn-button", { type: 'primary', style: { margin: '5px' }, onClick: () => this.handleConfirm() }, this.confirmYesText), h("dnn-button", { type: 'secondary', style: { margin: '5px' }, onClick: () => this.handleCancel() }, this.confirmNoText)))));
77
- }
78
- get el() { return getElement(this); }
79
- };
80
- DnnButton.style = dnnButtonCss;
81
-
82
- export { DnnButton as dnn_button };
83
-
84
- //# sourceMappingURL=dnn-button.entry.js.map
@@ -1 +0,0 @@
1
- {"file":"dnn-button.entry.esm.js","mappings":";;AAAA,MAAM,YAAY,GAAG,igEAAigE;;ICUzgE,SAAS;EALtB;;;;;;;;IAWU,SAAI,GAAyC,SAAS,CAAC;;;;IAKvD,aAAQ,GAAY,KAAK,CAAC;;;;IAK1B,SAAI,GAAkC,QAAQ,CAAC;;;;IAK/C,YAAO,GAAa,KAAK,CAAC;;;;IAK1B,mBAAc,GAAY,KAAK,CAAC;;;;IAKhC,kBAAa,GAAY,IAAI,CAAC;;;;IAK9B,mBAAc,GAAY,gBAAgB,CAAC;;;;IAK3C,aAAQ,GAAY,KAAK,CAAC;IAEzB,iBAAY,GAAY,KAAK,CAAC;GA+ExC;EA1DC,gBAAgB;IACd,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEjC,IAAI,IAAI,CAAC,QAAQ,EAAC;MAChB,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;KACnC;IAED,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAC;MACzB,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAClC;IAED,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;GAC5D;EAEO,aAAa;IACnB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAClB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;IAC1B,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;GACvB;EAEO,YAAY;IAClB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAClB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;IAC1B,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;GACtB;EAEO,WAAW;IACjB,IAAI,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,YAAY,EAAC;MACrC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;MAClB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;KAC1B;GACF;EAED,MAAM;IACJ,QACE,EAAC,IAAI,IAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAC,gBAAgB,EAAE,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,KAAK,EAAC,IACtF,cAAQ,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAC/E,eAAa,CACN,EACR,IAAI,CAAC,OAAO;MACT,iBAAW,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,IACvD,aAAI,IAAI,CAAC,cAAc,CAAK,EAC5B,WAAK,KAAK,EACR;UACE,OAAO,EAAE,MAAM;UACf,cAAc,EAAE,UAAU;SAC3B,IAED,kBAAY,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,EAAC,MAAM,EAAE,KAAK,EAAC,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,IAAG,IAAI,CAAC,cAAc,CAAc,EAC1H,kBAAY,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,EAAC,MAAM,EAAE,KAAK,EAAC,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,IAAG,IAAI,CAAC,aAAa,CAAc,CACtH,CACI,CAEX,EACP;GACH;;;;;;;","names":[],"sources":["./src/components/dnn-button/dnn-button.scss?tag=dnn-button&encapsulation=shadow","./src/components/dnn-button/dnn-button.tsx"],"sourcesContent":[":host {\r\n --background-color: transparent;\r\n --color: #333;\r\n --border-size: 1px;\r\n --border-color: var(--backround-color);\r\n --border-radius: var(--dnn-controls-radius, 5px);\r\n --padding: var(--dnn-controls-padding, 5px);\r\n display: inline-block;\r\n width: auto;\r\n}\r\n\r\n:host(.disabled){\r\n pointer-events: none;\r\n}\r\n\r\n:host(.primary){\r\n --background-color: var(--dnn-color-primary, blue);\r\n --color: var(--dnn-color-primary-contrast, white);\r\n --focus-color: var(--background-color);\r\n}\r\n\r\n:host(.primary.reversed){\r\n --background-color: var(--dnn-color-primary-contrast, white);\r\n --color: var(--dnn-color-primary, blue);\r\n --border-color: var(--dnn-color-primary, blue);\r\n --focus-color: var(--color);\r\n}\r\n\r\n:host(.secondary){\r\n --background-color: var(--dnn-color-secondary, green);\r\n --color: var(--dnn-color-secondary-contrast, white);\r\n --focus-color: var(--background-color);\r\n}\r\n\r\n:host(.secondary.reversed){\r\n --background-color: var(--dnn-color-secondary-contrast, white);\r\n --color: var(--dnn-color-secondary, blue);\r\n --border-color: var(--dnn-color-secondary, blue);\r\n --focus-color: var(--color);\r\n}\r\n\r\n:host(.tertiary){\r\n --background-color: var(--dnn-color-tertiary, yellow);\r\n --color: var(--dnn-color-tertiary-contrast, black);\r\n --focus-color: var(--background-color);\r\n}\r\n\r\n:host(.tertiary.reversed){\r\n --background-color: var(--dnn-color-tertiary-contrast, white);\r\n --color: var(--dnn-color-tertiary, blue);\r\n --border-color: var(--dnn-color-tertiary, blue);\r\n --focus-color: var(--color);\r\n}\r\n\r\n:host(.hydrated){\r\n button{\r\n border: var(--border-size) solid var(--border-color);\r\n border-radius: var(--border-radius);\r\n padding: var(--padding) calc(var(--padding) * 2);\r\n background-color: transparent;\r\n background-color: var(--background-color);\r\n color: var(--color);\r\n outline: none;\r\n &:focus, &:hover{\r\n box-shadow: 0 0 2px 2px var(--focus-color);\r\n }\r\n }\r\n}\r\n\r\n:host(:disabled, [disabled]){\r\n button{\r\n pointer-events: none;\r\n opacity: 0.5;\r\n }\r\n}\r\n\r\n:host(.small){\r\n button{\r\n padding: calc(var(--padding) / 2) var(--padding);\r\n font-size: 0.7em;\r\n }\r\n}\r\n\r\n:host(.large){\r\n button{\r\n padding: calc(var(--padding) * 1.5) calc(var(--padding) * 3);\r\n font-size: 1.2em;\r\n }\r\n}\r\n\r\nbutton{\r\n height: 100%;\r\n width: 100%;\r\n cursor: pointer;\r\n}","import { Component, Element, Host, h, Prop, State, Event, EventEmitter } from '@stencil/core';\r\n\r\n/**\r\n * @slot Content of the button\r\n */\r\n@Component({\r\n tag: 'dnn-button',\r\n styleUrl: 'dnn-button.scss',\r\n shadow: true\r\n})\r\nexport class DnnButton {\r\n\r\n /**\r\n * Optional button style,\r\n * can be either primary, secondary or tertiary and defaults to primary if not specified\r\n */\r\n @Prop() type: 'primary' | 'secondary' | 'tertiary' = 'primary';\r\n\r\n /**\r\n * Optionally reverses the button style.\r\n */\r\n @Prop() reversed: boolean = false;\r\n\r\n /**\r\n * Optionally sets the button size, small normal or large, defaults to normal\r\n */\r\n @Prop() size?: 'small' | 'normal' | 'large' = 'normal';\r\n\r\n /**\r\n * Optionally add a confirmation dialog before firing the action.\r\n */\r\n @Prop() confirm?: boolean = false;\r\n\r\n /**\r\n * The text of the yes button for confirmation.\r\n */\r\n @Prop() confirmYesText?: string = \"Yes\";\r\n\r\n /**\r\n * The text of the no button for confirmation.\r\n */\r\n @Prop() confirmNoText?: string = \"No\";\r\n\r\n /**\r\n * The text of the confirmation message;\r\n */\r\n @Prop() confirmMessage?: string = \"Are you sure ?\";\r\n \r\n /**\r\n * Disables the button\r\n */\r\n @Prop() disabled: boolean = false;\r\n\r\n @State() modalVisible: boolean = false;\r\n\r\n @Element() el!: HTMLDnnButtonElement;\r\n\r\n private modal!: HTMLDnnModalElement;\r\n\r\n /** \r\n * Fires when confirm is true and the user confirms the action.\r\n */\r\n @Event({\r\n eventName: 'confirmed',\r\n bubbles: false,\r\n cancelable: true,\r\n composed: true\r\n }) confirmed: EventEmitter;\r\n\r\n /**\r\n * Fires when confirm is true and the user cancels the action.\r\n */\r\n @Event({bubbles: false}) canceled: EventEmitter;\r\n\r\n componentDidLoad(){\r\n this.el.classList.add(this.type);\r\n \r\n if (this.reversed){\r\n this.el.classList.add('reversed');\r\n }\r\n\r\n if (this.size !== 'normal'){\r\n this.el.classList.add(this.size);\r\n }\r\n\r\n this.modal = this.el.shadowRoot.querySelector('dnn-modal');\r\n }\r\n\r\n private handleConfirm(){\r\n this.modal.hide();\r\n this.modalVisible = false;\r\n this.confirmed.emit();\r\n }\r\n\r\n private handleCancel(){\r\n this.modal.hide();\r\n this.modalVisible = false;\r\n this.canceled.emit();\r\n }\r\n \r\n private handleClick(): void {\r\n if (this.confirm && !this.modalVisible){\r\n this.modal.show();\r\n this.modalVisible = true;\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <Host disabled={this.disabled} style={{'pointer-events': this.disabled ? 'none' : 'all'}}>\r\n <button class=\"button\" onClick={() => this.handleClick()} disabled={this.disabled}>\r\n <slot></slot>\r\n </button>\r\n {this.confirm &&\r\n <dnn-modal showCloseButton={false} backdropDismiss={false}>\r\n <p>{this.confirmMessage}</p>\r\n <div style={\r\n {\r\n display: 'flex',\r\n justifyContent: 'flex-end'\r\n }\r\n }>\r\n <dnn-button type='primary' style={{margin: '5px'}} onClick={() => this.handleConfirm()}>{this.confirmYesText}</dnn-button>\r\n <dnn-button type='secondary' style={{margin: '5px'}} onClick={() => this.handleCancel()}>{this.confirmNoText}</dnn-button>\r\n </div>\r\n </dnn-modal>\r\n }\r\n </Host>\r\n );\r\n }\r\n \r\n\r\n}\r\n"],"version":3}
@@ -1,2 +0,0 @@
1
- System.register(["./index-a3a55419.system.js"],(function(o){"use strict";var r,e,t,n,a;return{setters:[function(o){r=o.r;e=o.e;t=o.h;n=o.f;a=o.g}],execute:function(){var s=":host{--background-color:transparent;--color:#333;--border-size:1px;--border-color:var(--backround-color);--border-radius:var(--dnn-controls-radius, 5px);--padding:var(--dnn-controls-padding, 5px);display:inline-block;width:auto}:host(.disabled){pointer-events:none}:host(.primary){--background-color:var(--dnn-color-primary, blue);--color:var(--dnn-color-primary-contrast, white);--focus-color:var(--background-color)}:host(.primary.reversed){--background-color:var(--dnn-color-primary-contrast, white);--color:var(--dnn-color-primary, blue);--border-color:var(--dnn-color-primary, blue);--focus-color:var(--color)}:host(.secondary){--background-color:var(--dnn-color-secondary, green);--color:var(--dnn-color-secondary-contrast, white);--focus-color:var(--background-color)}:host(.secondary.reversed){--background-color:var(--dnn-color-secondary-contrast, white);--color:var(--dnn-color-secondary, blue);--border-color:var(--dnn-color-secondary, blue);--focus-color:var(--color)}:host(.tertiary){--background-color:var(--dnn-color-tertiary, yellow);--color:var(--dnn-color-tertiary-contrast, black);--focus-color:var(--background-color)}:host(.tertiary.reversed){--background-color:var(--dnn-color-tertiary-contrast, white);--color:var(--dnn-color-tertiary, blue);--border-color:var(--dnn-color-tertiary, blue);--focus-color:var(--color)}:host(.hydrated) button{border:var(--border-size) solid var(--border-color);border-radius:var(--border-radius);padding:var(--padding) calc(var(--padding) * 2);background-color:transparent;background-color:var(--background-color);color:var(--color);outline:none}:host(.hydrated) button:focus,:host(.hydrated) button:hover{-webkit-box-shadow:0 0 2px 2px var(--focus-color);box-shadow:0 0 2px 2px var(--focus-color)}:host(:disabled,[disabled]) button{pointer-events:none;opacity:0.5}:host(.small) button{padding:calc(var(--padding) / 2) var(--padding);font-size:0.7em}:host(.large) button{padding:calc(var(--padding) * 1.5) calc(var(--padding) * 3);font-size:1.2em}button{height:100%;width:100%;cursor:pointer}";var i=o("dnn_button",function(){function o(o){r(this,o);this.confirmed=e(this,"confirmed",3);this.canceled=e(this,"canceled",3);this.type="primary";this.reversed=false;this.size="normal";this.confirm=false;this.confirmYesText="Yes";this.confirmNoText="No";this.confirmMessage="Are you sure ?";this.disabled=false;this.modalVisible=false}o.prototype.componentDidLoad=function(){this.el.classList.add(this.type);if(this.reversed){this.el.classList.add("reversed")}if(this.size!=="normal"){this.el.classList.add(this.size)}this.modal=this.el.shadowRoot.querySelector("dnn-modal")};o.prototype.handleConfirm=function(){this.modal.hide();this.modalVisible=false;this.confirmed.emit()};o.prototype.handleCancel=function(){this.modal.hide();this.modalVisible=false;this.canceled.emit()};o.prototype.handleClick=function(){if(this.confirm&&!this.modalVisible){this.modal.show();this.modalVisible=true}};o.prototype.render=function(){var o=this;return t(n,{disabled:this.disabled,style:{"pointer-events":this.disabled?"none":"all"}},t("button",{class:"button",onClick:function(){return o.handleClick()},disabled:this.disabled},t("slot",null)),this.confirm&&t("dnn-modal",{showCloseButton:false,backdropDismiss:false},t("p",null,this.confirmMessage),t("div",{style:{display:"flex",justifyContent:"flex-end"}},t("dnn-button",{type:"primary",style:{margin:"5px"},onClick:function(){return o.handleConfirm()}},this.confirmYesText),t("dnn-button",{type:"secondary",style:{margin:"5px"},onClick:function(){return o.handleCancel()}},this.confirmNoText))))};Object.defineProperty(o.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});return o}());i.style=s}}}));
2
- //# sourceMappingURL=dnn-button.system.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["src/components/dnn-button/dnn-button.scss?tag=dnn-button&encapsulation=shadow","src/components/dnn-button/dnn-button.tsx"],"names":["dnnButtonCss","DnnButton","exports","class_1","hostRef","this","type","reversed","size","confirm","confirmYesText","confirmNoText","confirmMessage","disabled","modalVisible","prototype","componentDidLoad","el","classList","add","modal","shadowRoot","querySelector","handleConfirm","hide","confirmed","emit","handleCancel","canceled","handleClick","show","render","_this","h","Host","style","pointer-events","class","onClick","showCloseButton","backdropDismiss","display","justifyContent","margin"],"mappings":"sKAAA,IAAMA,EAAe,sgECURC,EAASC,EAAA,aAAA,WALtB,SAAAC,EAAAC,qFAWUC,KAAAC,KAA6C,UAK7CD,KAAAE,SAAoB,MAKpBF,KAAAG,KAAsC,SAKtCH,KAAAI,QAAoB,MAKpBJ,KAAAK,eAA0B,MAK1BL,KAAAM,cAAyB,KAKzBN,KAAAO,eAA0B,iBAK1BP,KAAAQ,SAAoB,MAEnBR,KAAAS,aAAwB,MAqBjCX,EAAAY,UAAAC,iBAAA,WACEX,KAAKY,GAAGC,UAAUC,IAAId,KAAKC,MAE3B,GAAID,KAAKE,SAAS,CAChBF,KAAKY,GAAGC,UAAUC,IAAI,YAGxB,GAAId,KAAKG,OAAS,SAAS,CACzBH,KAAKY,GAAGC,UAAUC,IAAId,KAAKG,MAG7BH,KAAKe,MAAQf,KAAKY,GAAGI,WAAWC,cAAc,cAGxCnB,EAAAY,UAAAQ,cAAA,WACNlB,KAAKe,MAAMI,OACXnB,KAAKS,aAAe,MACpBT,KAAKoB,UAAUC,QAGTvB,EAAAY,UAAAY,aAAA,WACNtB,KAAKe,MAAMI,OACXnB,KAAKS,aAAe,MACpBT,KAAKuB,SAASF,QAGRvB,EAAAY,UAAAc,YAAA,WACN,GAAIxB,KAAKI,UAAYJ,KAAKS,aAAa,CACrCT,KAAKe,MAAMU,OACXzB,KAAKS,aAAe,OAIxBX,EAAAY,UAAAgB,OAAA,WAAA,IAAAC,EAAA3B,KACE,OACE4B,EAACC,EAAI,CAACrB,SAAUR,KAAKQ,SAAUsB,MAAO,CAACC,iBAAkB/B,KAAKQ,SAAW,OAAS,QAChFoB,EAAA,SAAA,CAAQI,MAAM,SAASC,QAAS,WAAM,OAAAN,EAAKH,eAAehB,SAAUR,KAAKQ,UACvEoB,EAAA,OAAA,OAED5B,KAAKI,SACFwB,EAAA,YAAA,CAAWM,gBAAiB,MAAOC,gBAAiB,OAClDP,EAAA,IAAA,KAAI5B,KAAKO,gBACTqB,EAAA,MAAA,CAAKE,MACH,CACEM,QAAS,OACTC,eAAgB,aAGlBT,EAAA,aAAA,CAAY3B,KAAK,UAAU6B,MAAO,CAACQ,OAAQ,OAAQL,QAAS,WAAM,OAAAN,EAAKT,kBAAkBlB,KAAKK,gBAC9FuB,EAAA,aAAA,CAAY3B,KAAK,YAAY6B,MAAO,CAACQ,OAAQ,OAAQL,QAAS,WAAM,OAAAN,EAAKL,iBAAiBtB,KAAKM,wIAjHzF","sourcesContent":[":host {\r\n --background-color: transparent;\r\n --color: #333;\r\n --border-size: 1px;\r\n --border-color: var(--backround-color);\r\n --border-radius: var(--dnn-controls-radius, 5px);\r\n --padding: var(--dnn-controls-padding, 5px);\r\n display: inline-block;\r\n width: auto;\r\n}\r\n\r\n:host(.disabled){\r\n pointer-events: none;\r\n}\r\n\r\n:host(.primary){\r\n --background-color: var(--dnn-color-primary, blue);\r\n --color: var(--dnn-color-primary-contrast, white);\r\n --focus-color: var(--background-color);\r\n}\r\n\r\n:host(.primary.reversed){\r\n --background-color: var(--dnn-color-primary-contrast, white);\r\n --color: var(--dnn-color-primary, blue);\r\n --border-color: var(--dnn-color-primary, blue);\r\n --focus-color: var(--color);\r\n}\r\n\r\n:host(.secondary){\r\n --background-color: var(--dnn-color-secondary, green);\r\n --color: var(--dnn-color-secondary-contrast, white);\r\n --focus-color: var(--background-color);\r\n}\r\n\r\n:host(.secondary.reversed){\r\n --background-color: var(--dnn-color-secondary-contrast, white);\r\n --color: var(--dnn-color-secondary, blue);\r\n --border-color: var(--dnn-color-secondary, blue);\r\n --focus-color: var(--color);\r\n}\r\n\r\n:host(.tertiary){\r\n --background-color: var(--dnn-color-tertiary, yellow);\r\n --color: var(--dnn-color-tertiary-contrast, black);\r\n --focus-color: var(--background-color);\r\n}\r\n\r\n:host(.tertiary.reversed){\r\n --background-color: var(--dnn-color-tertiary-contrast, white);\r\n --color: var(--dnn-color-tertiary, blue);\r\n --border-color: var(--dnn-color-tertiary, blue);\r\n --focus-color: var(--color);\r\n}\r\n\r\n:host(.hydrated){\r\n button{\r\n border: var(--border-size) solid var(--border-color);\r\n border-radius: var(--border-radius);\r\n padding: var(--padding) calc(var(--padding) * 2);\r\n background-color: transparent;\r\n background-color: var(--background-color);\r\n color: var(--color);\r\n outline: none;\r\n &:focus, &:hover{\r\n box-shadow: 0 0 2px 2px var(--focus-color);\r\n }\r\n }\r\n}\r\n\r\n:host(:disabled, [disabled]){\r\n button{\r\n pointer-events: none;\r\n opacity: 0.5;\r\n }\r\n}\r\n\r\n:host(.small){\r\n button{\r\n padding: calc(var(--padding) / 2) var(--padding);\r\n font-size: 0.7em;\r\n }\r\n}\r\n\r\n:host(.large){\r\n button{\r\n padding: calc(var(--padding) * 1.5) calc(var(--padding) * 3);\r\n font-size: 1.2em;\r\n }\r\n}\r\n\r\nbutton{\r\n height: 100%;\r\n width: 100%;\r\n cursor: pointer;\r\n}","import { Component, Element, Host, h, Prop, State, Event, EventEmitter } from '@stencil/core';\r\n\r\n/**\r\n * @slot Content of the button\r\n */\r\n@Component({\r\n tag: 'dnn-button',\r\n styleUrl: 'dnn-button.scss',\r\n shadow: true\r\n})\r\nexport class DnnButton {\r\n\r\n /**\r\n * Optional button style,\r\n * can be either primary, secondary or tertiary and defaults to primary if not specified\r\n */\r\n @Prop() type: 'primary' | 'secondary' | 'tertiary' = 'primary';\r\n\r\n /**\r\n * Optionally reverses the button style.\r\n */\r\n @Prop() reversed: boolean = false;\r\n\r\n /**\r\n * Optionally sets the button size, small normal or large, defaults to normal\r\n */\r\n @Prop() size?: 'small' | 'normal' | 'large' = 'normal';\r\n\r\n /**\r\n * Optionally add a confirmation dialog before firing the action.\r\n */\r\n @Prop() confirm?: boolean = false;\r\n\r\n /**\r\n * The text of the yes button for confirmation.\r\n */\r\n @Prop() confirmYesText?: string = \"Yes\";\r\n\r\n /**\r\n * The text of the no button for confirmation.\r\n */\r\n @Prop() confirmNoText?: string = \"No\";\r\n\r\n /**\r\n * The text of the confirmation message;\r\n */\r\n @Prop() confirmMessage?: string = \"Are you sure ?\";\r\n \r\n /**\r\n * Disables the button\r\n */\r\n @Prop() disabled: boolean = false;\r\n\r\n @State() modalVisible: boolean = false;\r\n\r\n @Element() el!: HTMLDnnButtonElement;\r\n\r\n private modal!: HTMLDnnModalElement;\r\n\r\n /** \r\n * Fires when confirm is true and the user confirms the action.\r\n */\r\n @Event({\r\n eventName: 'confirmed',\r\n bubbles: false,\r\n cancelable: true,\r\n composed: true\r\n }) confirmed: EventEmitter;\r\n\r\n /**\r\n * Fires when confirm is true and the user cancels the action.\r\n */\r\n @Event({bubbles: false}) canceled: EventEmitter;\r\n\r\n componentDidLoad(){\r\n this.el.classList.add(this.type);\r\n \r\n if (this.reversed){\r\n this.el.classList.add('reversed');\r\n }\r\n\r\n if (this.size !== 'normal'){\r\n this.el.classList.add(this.size);\r\n }\r\n\r\n this.modal = this.el.shadowRoot.querySelector('dnn-modal');\r\n }\r\n\r\n private handleConfirm(){\r\n this.modal.hide();\r\n this.modalVisible = false;\r\n this.confirmed.emit();\r\n }\r\n\r\n private handleCancel(){\r\n this.modal.hide();\r\n this.modalVisible = false;\r\n this.canceled.emit();\r\n }\r\n \r\n private handleClick(): void {\r\n if (this.confirm && !this.modalVisible){\r\n this.modal.show();\r\n this.modalVisible = true;\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <Host disabled={this.disabled} style={{'pointer-events': this.disabled ? 'none' : 'all'}}>\r\n <button class=\"button\" onClick={() => this.handleClick()} disabled={this.disabled}>\r\n <slot></slot>\r\n </button>\r\n {this.confirm &&\r\n <dnn-modal showCloseButton={false} backdropDismiss={false}>\r\n <p>{this.confirmMessage}</p>\r\n <div style={\r\n {\r\n display: 'flex',\r\n justifyContent: 'flex-end'\r\n }\r\n }>\r\n <dnn-button type='primary' style={{margin: '5px'}} onClick={() => this.handleConfirm()}>{this.confirmYesText}</dnn-button>\r\n <dnn-button type='secondary' style={{margin: '5px'}} onClick={() => this.handleCancel()}>{this.confirmNoText}</dnn-button>\r\n </div>\r\n </dnn-modal>\r\n }\r\n </Host>\r\n );\r\n }\r\n \r\n\r\n}\r\n"]}
@@ -1,54 +0,0 @@
1
- import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-b5a28c1d.js';
2
-
3
- const dnnCheckboxCss = ":host{--focus-color:var(--dnn-color-primary, #3792ED);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:0.25rem;margin:3px}button{background-color:transparent;border:0;padding:0;margin:0;outline:none;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}button svg.undefined{opacity:0.45}button:focus{-webkit-box-shadow:0 0 2px 2px var(--focus-color);box-shadow:0 0 2px 2px var(--focus-color)}";
4
-
5
- let DnnCheckbox = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- this.checkedchange = createEvent(this, "checkedchange", 7);
9
- /** Defines if the checkbox is checked (true) or unchecked (false) or in an intermediate state (undefined) */
10
- this.checked = false;
11
- /** Defines if clicking the checkbox will go through the intermediate state between checked and unchecked (tri-state) */
12
- this.useIntermediate = false;
13
- }
14
- changeState() {
15
- if (!this.useIntermediate) {
16
- this.checked = !this.checked;
17
- this.emitEvents();
18
- return;
19
- }
20
- if (this.checked === true) {
21
- this.checked = false;
22
- this.button.classList.remove("undefined");
23
- this.emitEvents();
24
- return;
25
- }
26
- if (this.checked === undefined) {
27
- this.checked = true;
28
- this.button.classList.remove("undefined");
29
- this.emitEvents();
30
- return;
31
- }
32
- if (this.checked === false) {
33
- this.checked = undefined;
34
- this.button.classList.add("undefined");
35
- this.emitEvents();
36
- return;
37
- }
38
- }
39
- emitEvents() {
40
- this.checkedchange.emit(this.checked);
41
- }
42
- render() {
43
- return (h(Host, null, h("button", { class: "icon", onClick: () => this.changeState(), ref: el => this.button = el }, this.checked === false &&
44
- h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, h("path", { d: "M0 0h24v24H0z", fill: "none" }), h("path", { d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z" })), this.checked === true &&
45
- h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, h("path", { d: "M0 0h24v24H0z", fill: "none" }), h("path", { d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" })), this.checked === undefined &&
46
- h("svg", { class: "undefined", xmlns: "http://www.w3.org/2000/svg", "enable-background": "new 0 0 24 24", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, h("g", null, h("rect", { fill: "none", height: "24", width: "24" })), h("g", null, h("g", null, h("g", null, h("path", { d: "M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M17,13H7v-2h10V13z" })))))), h("label", { htmlFor: this.el.id, onClick: () => this.changeState() }, h("slot", null))));
47
- }
48
- get el() { return getElement(this); }
49
- };
50
- DnnCheckbox.style = dnnCheckboxCss;
51
-
52
- export { DnnCheckbox as dnn_checkbox };
53
-
54
- //# sourceMappingURL=dnn-checkbox.entry.js.map
@@ -1 +0,0 @@
1
- {"file":"dnn-checkbox.entry.esm.js","mappings":";;AAAA,MAAM,cAAc,GAAG,qfAAqf;;ICO/f,WAAW;EALxB;;;;IASyB,YAAO,GAAwB,KAAK,CAAC;;IAGpD,oBAAe,GAAY,KAAK,CAAC;GA0D1C;EAhDS,WAAW;IACjB,IAAI,CAAC,IAAI,CAAC,eAAe,EAAC;MACxB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;MAC7B,IAAI,CAAC,UAAU,EAAE,CAAC;MAClB,OAAO;KACR;IACD,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,EAAC;MACxB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;MACrB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;MAC1C,IAAI,CAAC,UAAU,EAAE,CAAC;MAClB,OAAO;KACR;IACD,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,EAAC;MAC7B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;MACpB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;MAC1C,IAAI,CAAC,UAAU,EAAE,CAAC;MAClB,OAAO;KACR;IACD,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAC;MACzB,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;MACzB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;MACvC,IAAI,CAAC,UAAU,EAAE,CAAC;MAClB,OAAO;KACR;GACF;EAEO,UAAU;IAChB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;GACvC;EAED,MAAM;IACJ,QACE,EAAC,IAAI,QACH,cAAQ,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,EAAE,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,MAAM,GAAG,EAAE,IAChF,IAAI,CAAC,OAAO,KAAK,KAAK;MACrB,WAAK,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,IAAC,YAAM,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAE,EAAA,YAAM,CAAC,EAAC,4FAA4F,GAAE,CAAM,EAExP,IAAI,CAAC,OAAO,KAAK,IAAI;MACpB,WAAK,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,IAAC,YAAM,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAE,EAAA,YAAM,CAAC,EAAC,qIAAqI,GAAE,CAAM,EAEjS,IAAI,CAAC,OAAO,KAAK,SAAS;MACzB,WAAK,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B,uBAAmB,eAAe,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,IAAC,aAAG,YAAM,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,GAAE,CAAI,EAAA,aAAG,aAAG,aAAG,YAAM,CAAC,EAAC,wGAAwG,GAAE,CAAI,CAAI,CAAI,CAAM,CAEnV,EACT,aAAO,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,IAAE,eAAa,CAAQ,CAC/E,EACP;GACH;;;;;;;","names":[],"sources":["./src/components/dnn-checkbox/dnn-checkbox.scss?tag=dnn-checkbox&encapsulation=shadow","./src/components/dnn-checkbox/dnn-checkbox.tsx"],"sourcesContent":[":host {\r\n /**\r\n * @prop --focus-color: The color to outline the checkbox when hovered or focused, default to the dnn primary color.\r\n */\r\n --focus-color: var(--dnn-color-primary, #3792ED);\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.25rem;\r\n margin: 3px;\r\n}\r\nbutton{\r\n background-color: transparent;\r\n border: 0;\r\n padding: 0;\r\n margin: 0;\r\n outline: none;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n svg.undefined{\r\n opacity: 0.45;\r\n }\r\n &:focus{\r\n box-shadow: 0 0 2px 2px var(--focus-color);\r\n }\r\n}","import { Component, Element, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dnn-checkbox',\r\n styleUrl: 'dnn-checkbox.scss',\r\n shadow: true,\r\n})\r\nexport class DnnCheckbox {\r\n @Element() el: HTMLDnnCheckboxElement;\r\n\r\n /** Defines if the checkbox is checked (true) or unchecked (false) or in an intermediate state (undefined) */\r\n @Prop({mutable: true}) checked: boolean | undefined = false;\r\n\r\n /** Defines if clicking the checkbox will go through the intermediate state between checked and unchecked (tri-state) */\r\n @Prop() useIntermediate: boolean = false;\r\n\r\n /** The value for this checkbox (not to be confused with its checked state). */\r\n @Prop() value: string;\r\n\r\n /** Fires up when the checkbox checked property changes. */\r\n @Event() checkedchange: EventEmitter<boolean | undefined>;\r\n \r\n private button: HTMLButtonElement;\r\n\r\n private changeState(): void {\r\n if (!this.useIntermediate){\r\n this.checked = !this.checked;\r\n this.emitEvents();\r\n return;\r\n }\r\n if (this.checked === true){\r\n this.checked = false;\r\n this.button.classList.remove(\"undefined\");\r\n this.emitEvents();\r\n return;\r\n }\r\n if (this.checked === undefined){\r\n this.checked = true;\r\n this.button.classList.remove(\"undefined\");\r\n this.emitEvents();\r\n return;\r\n }\r\n if (this.checked === false){\r\n this.checked = undefined;\r\n this.button.classList.add(\"undefined\");\r\n this.emitEvents();\r\n return;\r\n }\r\n }\r\n\r\n private emitEvents() {\r\n this.checkedchange.emit(this.checked);\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <button class=\"icon\" onClick={() => this.changeState()} ref={el => this.button = el}>\r\n {this.checked === false &&\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\"/></svg>\r\n }\r\n {this.checked === true &&\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/></svg>\r\n }\r\n {this.checked === undefined &&\r\n <svg class=\"undefined\" xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><g><rect fill=\"none\" height=\"24\" width=\"24\"/></g><g><g><g><path d=\"M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M17,13H7v-2h10V13z\"/></g></g></g></svg>\r\n }\r\n </button>\r\n <label htmlFor={this.el.id} onClick={() => this.changeState()}><slot></slot></label>\r\n </Host>\r\n );\r\n }\r\n}\r\n"],"version":3}
@@ -1,2 +0,0 @@
1
- System.register(["./index-a3a55419.system.js"],(function(e){"use strict";var t,n,i,s,c;return{setters:[function(e){t=e.r;n=e.e;i=e.h;s=e.f;c=e.g}],execute:function(){var h=":host{--focus-color:var(--dnn-color-primary, #3792ED);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:0.25rem;margin:3px}button{background-color:transparent;border:0;padding:0;margin:0;outline:none;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}button svg.undefined{opacity:0.45}button:focus{-webkit-box-shadow:0 0 2px 2px var(--focus-color);box-shadow:0 0 2px 2px var(--focus-color)}";var r=e("dnn_checkbox",function(){function e(e){t(this,e);this.checkedchange=n(this,"checkedchange",7);this.checked=false;this.useIntermediate=false}e.prototype.changeState=function(){if(!this.useIntermediate){this.checked=!this.checked;this.emitEvents();return}if(this.checked===true){this.checked=false;this.button.classList.remove("undefined");this.emitEvents();return}if(this.checked===undefined){this.checked=true;this.button.classList.remove("undefined");this.emitEvents();return}if(this.checked===false){this.checked=undefined;this.button.classList.add("undefined");this.emitEvents();return}};e.prototype.emitEvents=function(){this.checkedchange.emit(this.checked)};e.prototype.render=function(){var e=this;return i(s,null,i("button",{class:"icon",onClick:function(){return e.changeState()},ref:function(t){return e.button=t}},this.checked===false&&i("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},i("path",{d:"M0 0h24v24H0z",fill:"none"}),i("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"})),this.checked===true&&i("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},i("path",{d:"M0 0h24v24H0z",fill:"none"}),i("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"})),this.checked===undefined&&i("svg",{class:"undefined",xmlns:"http://www.w3.org/2000/svg","enable-background":"new 0 0 24 24",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},i("g",null,i("rect",{fill:"none",height:"24",width:"24"})),i("g",null,i("g",null,i("g",null,i("path",{d:"M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M17,13H7v-2h10V13z"})))))),i("label",{htmlFor:this.el.id,onClick:function(){return e.changeState()}},i("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return c(this)},enumerable:false,configurable:true});return e}());r.style=h}}}));
2
- //# sourceMappingURL=dnn-checkbox.system.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["src/components/dnn-checkbox/dnn-checkbox.scss?tag=dnn-checkbox&encapsulation=shadow","src/components/dnn-checkbox/dnn-checkbox.tsx"],"names":["dnnCheckboxCss","DnnCheckbox","exports","class_1","hostRef","this","checked","useIntermediate","prototype","changeState","emitEvents","button","classList","remove","undefined","add","checkedchange","emit","render","_this","h","Host","class","onClick","ref","el","xmlns","height","viewBox","width","fill","d","enable-background","htmlFor","id"],"mappings":"sKAAA,IAAMA,EAAiB,0fCOVC,EAAWC,EAAA,eAAA,WALxB,SAAAC,EAAAC,0DASyBC,KAAAC,QAA+B,MAG9CD,KAAAE,gBAA2B,MAU3BJ,EAAAK,UAAAC,YAAA,WACN,IAAKJ,KAAKE,gBAAgB,CACxBF,KAAKC,SAAWD,KAAKC,QACrBD,KAAKK,aACL,OAEF,GAAIL,KAAKC,UAAY,KAAK,CACxBD,KAAKC,QAAU,MACfD,KAAKM,OAAOC,UAAUC,OAAO,aAC7BR,KAAKK,aACL,OAEF,GAAIL,KAAKC,UAAYQ,UAAU,CAC7BT,KAAKC,QAAU,KACfD,KAAKM,OAAOC,UAAUC,OAAO,aAC7BR,KAAKK,aACL,OAEF,GAAIL,KAAKC,UAAY,MAAM,CACzBD,KAAKC,QAAUQ,UACfT,KAAKM,OAAOC,UAAUG,IAAI,aAC1BV,KAAKK,aACL,SAIIP,EAAAK,UAAAE,WAAA,WACNL,KAAKW,cAAcC,KAAKZ,KAAKC,UAG/BH,EAAAK,UAAAU,OAAA,WAAA,IAAAC,EAAAd,KACE,OACEe,EAACC,EAAI,KACHD,EAAA,SAAA,CAAQE,MAAM,OAAOC,QAAS,WAAM,OAAAJ,EAAKV,eAAee,IAAK,SAAAC,GAAM,OAAAN,EAAKR,OAASc,IAC9EpB,KAAKC,UAAY,OAChBc,EAAA,MAAA,CAAKM,MAAM,6BAA6BC,OAAO,OAAOC,QAAQ,YAAYC,MAAM,OAAOC,KAAK,WAAUV,EAAA,OAAA,CAAMW,EAAE,gBAAgBD,KAAK,SAAQV,EAAA,OAAA,CAAMW,EAAE,gGAEpJ1B,KAAKC,UAAY,MAChBc,EAAA,MAAA,CAAKM,MAAM,6BAA6BC,OAAO,OAAOC,QAAQ,YAAYC,MAAM,OAAOC,KAAK,WAAUV,EAAA,OAAA,CAAMW,EAAE,gBAAgBD,KAAK,SAAQV,EAAA,OAAA,CAAMW,EAAE,yIAEpJ1B,KAAKC,UAAYQ,WAChBM,EAAA,MAAA,CAAKE,MAAM,YAAYI,MAAM,6BAA4BM,oBAAmB,gBAAgBL,OAAO,OAAOC,QAAQ,YAAYC,MAAM,OAAOC,KAAK,WAAUV,EAAA,IAAA,KAAGA,EAAA,OAAA,CAAMU,KAAK,OAAOH,OAAO,KAAKE,MAAM,QAAUT,EAAA,IAAA,KAAGA,EAAA,IAAA,KAAGA,EAAA,IAAA,KAAGA,EAAA,OAAA,CAAMW,EAAE,gHAGhOX,EAAA,QAAA,CAAOa,QAAS5B,KAAKoB,GAAGS,GAAIX,QAAS,WAAM,OAAAJ,EAAKV,gBAAeW,EAAA,OAAA,8HA7D/C","sourcesContent":[":host {\r\n /**\r\n * @prop --focus-color: The color to outline the checkbox when hovered or focused, default to the dnn primary color.\r\n */\r\n --focus-color: var(--dnn-color-primary, #3792ED);\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.25rem;\r\n margin: 3px;\r\n}\r\nbutton{\r\n background-color: transparent;\r\n border: 0;\r\n padding: 0;\r\n margin: 0;\r\n outline: none;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n svg.undefined{\r\n opacity: 0.45;\r\n }\r\n &:focus{\r\n box-shadow: 0 0 2px 2px var(--focus-color);\r\n }\r\n}","import { Component, Element, Host, h, Prop, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dnn-checkbox',\r\n styleUrl: 'dnn-checkbox.scss',\r\n shadow: true,\r\n})\r\nexport class DnnCheckbox {\r\n @Element() el: HTMLDnnCheckboxElement;\r\n\r\n /** Defines if the checkbox is checked (true) or unchecked (false) or in an intermediate state (undefined) */\r\n @Prop({mutable: true}) checked: boolean | undefined = false;\r\n\r\n /** Defines if clicking the checkbox will go through the intermediate state between checked and unchecked (tri-state) */\r\n @Prop() useIntermediate: boolean = false;\r\n\r\n /** The value for this checkbox (not to be confused with its checked state). */\r\n @Prop() value: string;\r\n\r\n /** Fires up when the checkbox checked property changes. */\r\n @Event() checkedchange: EventEmitter<boolean | undefined>;\r\n \r\n private button: HTMLButtonElement;\r\n\r\n private changeState(): void {\r\n if (!this.useIntermediate){\r\n this.checked = !this.checked;\r\n this.emitEvents();\r\n return;\r\n }\r\n if (this.checked === true){\r\n this.checked = false;\r\n this.button.classList.remove(\"undefined\");\r\n this.emitEvents();\r\n return;\r\n }\r\n if (this.checked === undefined){\r\n this.checked = true;\r\n this.button.classList.remove(\"undefined\");\r\n this.emitEvents();\r\n return;\r\n }\r\n if (this.checked === false){\r\n this.checked = undefined;\r\n this.button.classList.add(\"undefined\");\r\n this.emitEvents();\r\n return;\r\n }\r\n }\r\n\r\n private emitEvents() {\r\n this.checkedchange.emit(this.checked);\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <button class=\"icon\" onClick={() => this.changeState()} ref={el => this.button = el}>\r\n {this.checked === false &&\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\"/></svg>\r\n }\r\n {this.checked === true &&\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"/></svg>\r\n }\r\n {this.checked === undefined &&\r\n <svg class=\"undefined\" xmlns=\"http://www.w3.org/2000/svg\" enable-background=\"new 0 0 24 24\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><g><rect fill=\"none\" height=\"24\" width=\"24\"/></g><g><g><g><path d=\"M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M17,13H7v-2h10V13z\"/></g></g></g></svg>\r\n }\r\n </button>\r\n <label htmlFor={this.el.id} onClick={() => this.changeState()}><slot></slot></label>\r\n </Host>\r\n );\r\n }\r\n}\r\n"]}
@@ -1,30 +0,0 @@
1
- import { r as registerInstance, e as createEvent, h, f as Host } from './index-b5a28c1d.js';
2
-
3
- const dnnChevronCss = ":host{display:inline-block}button{border:none;padding:0px;margin:0px;min-width:15px;min-height:15px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background-color:transparent;outline:none}svg{height:2em;width:2em;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}button:focus svg,button:hover svg{color:var(--dnn-color-primary)}:host([expanded]) svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}";
4
-
5
- let DnnChevron = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- this.changed = createEvent(this, "changed", 7);
9
- /** Expand text for screen readers */
10
- this.expandText = "expand";
11
- /** Collapse text for screen readers */
12
- this.collapseText = "collapse";
13
- /** Is the chevron expanded */
14
- this.expanded = false;
15
- }
16
- handleExpandedChanged(newValue) {
17
- this.changed.emit(newValue);
18
- }
19
- render() {
20
- return (h(Host, null, h("button", { "aria-label": this.expanded ? this.collapseText : this.expandText, onClick: () => this.expanded = !this.expanded }, h("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, h("path", { d: "M0 0h24v24H0z", fill: "none" }), h("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" })))));
21
- }
22
- static get watchers() { return {
23
- "expanded": ["handleExpandedChanged"]
24
- }; }
25
- };
26
- DnnChevron.style = dnnChevronCss;
27
-
28
- export { DnnChevron as dnn_chevron };
29
-
30
- //# sourceMappingURL=dnn-chevron.entry.js.map
@@ -1 +0,0 @@
1
- {"file":"dnn-chevron.entry.esm.js","mappings":";;AAAA,MAAM,aAAa,GAAG,wfAAwf;;ICSjgB,UAAU;EALvB;;;;IAQU,eAAU,GAAY,QAAQ,CAAC;;IAG/B,iBAAY,GAAY,UAAU,CAAC;;IAGL,aAAQ,GAAa,KAAK,CAAC;GAsBlE;EAhBC,qBAAqB,CAAC,QAAiB;IACrC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;GAC7B;EAED,MAAM;IACJ,QACE,EAAC,IAAI,QACH,4BAAoB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,UAAU,EACrE,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,IAE7C,WAAK,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,IAAC,YAAM,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAE,EAAA,YAAM,CAAC,EAAC,gDAAgD,GAAE,CAAM,CACpM,CACJ,EACP;GACH;;;;;;;;;","names":[],"sources":["./src/components/dnn-chevron/dnn-chevron.scss?tag=dnn-chevron&encapsulation=shadow","./src/components/dnn-chevron/dnn-chevron.tsx"],"sourcesContent":[":host {\r\n display: inline-block;\r\n}\r\nbutton{\r\n border: none;\r\n padding: 0px;\r\n margin: 0px;\r\n min-width: 15px;\r\n min-height: 15px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background-color: transparent;\r\n outline: none;\r\n}\r\nsvg{\r\n height:2em;\r\n width:2em;\r\n transition: all 300ms ease-in-out;\r\n}\r\n\r\n// FOCUS\r\nbutton:focus, button:hover{\r\n svg{\r\n color: var(--dnn-color-primary);\r\n }\r\n}\r\n\r\n// EXPANDED\r\n:host([expanded]){\r\n svg{\r\n transform: rotate(90deg);\r\n }\r\n}","import { Component, Host, h, Prop, Event } from '@stencil/core';\r\nimport { EventEmitter } from '@stencil/core';\r\nimport { Watch } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dnn-chevron',\r\n styleUrl: 'dnn-chevron.scss',\r\n shadow: true\r\n})\r\nexport class DnnChevron {\r\n\r\n /** Expand text for screen readers */\r\n @Prop() expandText?: string = \"expand\";\r\n\r\n /** Collapse text for screen readers */\r\n @Prop() collapseText?: string = \"collapse\";\r\n\r\n /** Is the chevron expanded */\r\n @Prop({mutable: true, reflect: true}) expanded?: boolean = false;\r\n\r\n /** Fires up when the expanded status changes */\r\n @Event() changed: EventEmitter;\r\n\r\n @Watch('expanded')\r\n handleExpandedChanged(newValue: boolean) {\r\n this.changed.emit(newValue);\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <button aria-label={this.expanded ? this.collapseText : this.expandText}\r\n onClick={() => this.expanded = !this.expanded}\r\n >\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"/></svg>\r\n </button>\r\n </Host>\r\n );\r\n }\r\n\r\n}\r\n"],"version":3}
@@ -1,2 +0,0 @@
1
- System.register(["./index-a3a55419.system.js"],(function(e){"use strict";var t,n,a,i;return{setters:[function(e){t=e.r;n=e.e;a=e.h;i=e.f}],execute:function(){var r=":host{display:inline-block}button{border:none;padding:0px;margin:0px;min-width:15px;min-height:15px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background-color:transparent;outline:none}svg{height:2em;width:2em;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}button:focus svg,button:hover svg{color:var(--dnn-color-primary)}:host([expanded]) svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}";var s=e("dnn_chevron",function(){function e(e){t(this,e);this.changed=n(this,"changed",7);this.expandText="expand";this.collapseText="collapse";this.expanded=false}e.prototype.handleExpandedChanged=function(e){this.changed.emit(e)};e.prototype.render=function(){var e=this;return a(i,null,a("button",{"aria-label":this.expanded?this.collapseText:this.expandText,onClick:function(){return e.expanded=!e.expanded}},a("svg",{xmlns:"http://www.w3.org/2000/svg",height:"24px",viewBox:"0 0 24 24",width:"24px",fill:"#000000"},a("path",{d:"M0 0h24v24H0z",fill:"none"}),a("path",{d:"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}))))};Object.defineProperty(e,"watchers",{get:function(){return{expanded:["handleExpandedChanged"]}},enumerable:false,configurable:true});return e}());s.style=r}}}));
2
- //# sourceMappingURL=dnn-chevron.system.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["src/components/dnn-chevron/dnn-chevron.scss?tag=dnn-chevron&encapsulation=shadow","src/components/dnn-chevron/dnn-chevron.tsx"],"names":["dnnChevronCss","DnnChevron","exports","class_1","hostRef","this","expandText","collapseText","expanded","prototype","handleExpandedChanged","newValue","changed","emit","render","_this","h","Host","aria-label","onClick","xmlns","height","viewBox","width","fill","d"],"mappings":"8JAAA,IAAMA,EAAgB,6fCSTC,EAAUC,EAAA,cAAA,WALvB,SAAAC,EAAAC,8CAQUC,KAAAC,WAAsB,SAGtBD,KAAAE,aAAwB,WAGMF,KAAAG,SAAqB,MAM3DL,EAAAM,UAAAC,sBAAA,SAAsBC,GACpBN,KAAKO,QAAQC,KAAKF,IAGpBR,EAAAM,UAAAK,OAAA,WAAA,IAAAC,EAAAV,KACE,OACEW,EAACC,EAAI,KACHD,EAAA,SAAA,CAAAE,aAAoBb,KAAKG,SAAWH,KAAKE,aAAeF,KAAKC,WAC3Da,QAAS,WAAM,OAAAJ,EAAKP,UAAYO,EAAKP,WAErCQ,EAAA,MAAA,CAAKI,MAAM,6BAA6BC,OAAO,OAAOC,QAAQ,YAAYC,MAAM,OAAOC,KAAK,WAAUR,EAAA,OAAA,CAAMS,EAAE,gBAAgBD,KAAK,SAAQR,EAAA,OAAA,CAAMS,EAAE,oMAzBtI","sourcesContent":[":host {\r\n display: inline-block;\r\n}\r\nbutton{\r\n border: none;\r\n padding: 0px;\r\n margin: 0px;\r\n min-width: 15px;\r\n min-height: 15px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background-color: transparent;\r\n outline: none;\r\n}\r\nsvg{\r\n height:2em;\r\n width:2em;\r\n transition: all 300ms ease-in-out;\r\n}\r\n\r\n// FOCUS\r\nbutton:focus, button:hover{\r\n svg{\r\n color: var(--dnn-color-primary);\r\n }\r\n}\r\n\r\n// EXPANDED\r\n:host([expanded]){\r\n svg{\r\n transform: rotate(90deg);\r\n }\r\n}","import { Component, Host, h, Prop, Event } from '@stencil/core';\r\nimport { EventEmitter } from '@stencil/core';\r\nimport { Watch } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'dnn-chevron',\r\n styleUrl: 'dnn-chevron.scss',\r\n shadow: true\r\n})\r\nexport class DnnChevron {\r\n\r\n /** Expand text for screen readers */\r\n @Prop() expandText?: string = \"expand\";\r\n\r\n /** Collapse text for screen readers */\r\n @Prop() collapseText?: string = \"collapse\";\r\n\r\n /** Is the chevron expanded */\r\n @Prop({mutable: true, reflect: true}) expanded?: boolean = false;\r\n\r\n /** Fires up when the expanded status changes */\r\n @Event() changed: EventEmitter;\r\n\r\n @Watch('expanded')\r\n handleExpandedChanged(newValue: boolean) {\r\n this.changed.emit(newValue);\r\n }\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <button aria-label={this.expanded ? this.collapseText : this.expandText}\r\n onClick={() => this.expanded = !this.expanded}\r\n >\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z\"/></svg>\r\n </button>\r\n </Host>\r\n );\r\n }\r\n\r\n}\r\n"]}
@@ -1,62 +0,0 @@
1
- import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-b5a28c1d.js';
2
-
3
- const dnnCollapsibleCss = ":host{display:block}#container{max-height:0;overflow:hidden;-webkit-transition:max-height 300ms ease-in-out;transition:max-height 300ms ease-in-out}";
4
-
5
- let DnnCollapsible = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- this.dnnCollapsibleHeightChanged = createEvent(this, "dnnCollapsibleHeightChanged", 7);
9
- /** Defines if the panel is expanded or not. */
10
- this.expanded = false;
11
- /** Defines the transition time in ms, defaults to 100ms */
12
- this.transitionDuration = 150;
13
- }
14
- handleHeightChanged() {
15
- requestAnimationFrame(() => {
16
- this.updateSize();
17
- });
18
- }
19
- /**
20
- * Updates the component height, use to update after a slot content changes.
21
- */
22
- async updateSize() {
23
- if (this.expanded) {
24
- requestAnimationFrame(() => {
25
- this.container.style.maxHeight = `${this.container.scrollHeight}px`;
26
- });
27
- setTimeout(() => {
28
- this.container.style.maxHeight = "none";
29
- }, this.transitionDuration);
30
- }
31
- }
32
- handledExpandedChanged(expanded) {
33
- if (expanded) {
34
- this.updateSize();
35
- }
36
- else {
37
- requestAnimationFrame(() => {
38
- this.container.style.maxHeight = `${this.container.scrollHeight}px`;
39
- requestAnimationFrame(() => {
40
- this.container.style.maxHeight = "0px";
41
- });
42
- });
43
- }
44
- setTimeout(() => {
45
- requestAnimationFrame(() => {
46
- this.dnnCollapsibleHeightChanged.emit();
47
- });
48
- }, this.transitionDuration);
49
- }
50
- render() {
51
- return (h(Host, null, h("div", { id: "container", class: this.expanded && "expanded", ref: el => this.container = el }, h("slot", null))));
52
- }
53
- get el() { return getElement(this); }
54
- static get watchers() { return {
55
- "expanded": ["handledExpandedChanged"]
56
- }; }
57
- };
58
- DnnCollapsible.style = dnnCollapsibleCss;
59
-
60
- export { DnnCollapsible as dnn_collapsible };
61
-
62
- //# sourceMappingURL=dnn-collapsible.entry.js.map
@@ -1 +0,0 @@
1
- {"file":"dnn-collapsible.entry.esm.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,sJAAsJ;;ICOnK,cAAc;EAL3B;;;;IAUyB,aAAQ,GAAY,KAAK,CAAC;;IAGzC,uBAAkB,GAAY,GAAG,CAAC;GA2D3C;EArDC,mBAAmB;IACjB,qBAAqB,CAAC;MACpB,IAAI,CAAC,UAAU,EAAE,CAAC;KACnB,CAAC,CAAA;GACH;;;;EAMD,MAAM,UAAU;IACd,IAAI,IAAI,CAAC,QAAQ,EAAC;MACd,qBAAqB,CAAC;QACpB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,IAAI,CAAC;OACrE,CAAC,CAAC;MACH,UAAU,CAAC;QACT,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;OACzC,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;KAC/B;GACF;EAGD,sBAAsB,CAAC,QAAiB;IACtC,IAAI,QAAQ,EAAC;MACX,IAAI,CAAC,UAAU,EAAE,CAAC;KACnB;SACG;MACF,qBAAqB,CAAC;QACpB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,IAAI,CAAC;QACpE,qBAAqB,CAAC;UACpB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC;SACxC,CAAC,CAAC;OACJ,CAAC,CAAC;KACJ;IACD,UAAU,CAAC;MACT,qBAAqB,CAAC;QACpB,IAAI,CAAC,2BAA2B,CAAC,IAAI,EAAE,CAAC;OACzC,CAAC,CAAC;KACJ,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;GAC7B;EAID,MAAM;IACJ,QACE,EAAC,IAAI,QACH,WAAK,EAAE,EAAC,WAAW,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,IAAI,UAAU,EAAE,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,SAAS,GAAG,EAAE,IAClF,eAAa,CACX,CACD,EACP;GACH;;;;;;;;;;","names":[],"sources":["./src/components/dnn-collapsible/dnn-collapsible.scss?tag=dnn-collapsible&encapsulation=shadow","./src/components/dnn-collapsible/dnn-collapsible.tsx"],"sourcesContent":[":host {\r\n display: block;\r\n}\r\n#container{\r\n max-height:0;\r\n overflow: hidden;\r\n transition: max-height 300ms ease-in-out;\r\n}","import { Component, Host, h, Prop, Element, Event, EventEmitter, Watch, Listen, Method } from '@stencil/core';\r\n\r\n@Component({\r\n tag: \"dnn-collapsible\",\r\n styleUrl: \"dnn-collapsible.scss\",\r\n shadow: true\r\n})\r\nexport class DnnCollapsible {\r\n\r\n @Element() el: HTMLDnnCollapsibleElement;\r\n\r\n /** Defines if the panel is expanded or not. */\r\n @Prop({reflect: true}) expanded: boolean = false;\r\n\r\n /** Defines the transition time in ms, defaults to 100ms */\r\n @Prop() transitionDuration?: number = 150;\r\n\r\n /** Fires whenever the collapsible height has changed */\r\n @Event({bubbles: true, composed: true}) dnnCollapsibleHeightChanged: EventEmitter<void>;\r\n\r\n @Listen(\"dnnCollapsibleHeightChanged\")\r\n handleHeightChanged(){\r\n requestAnimationFrame(() => {\r\n this.updateSize();\r\n })\r\n }\r\n\r\n /**\r\n * Updates the component height, use to update after a slot content changes.\r\n */\r\n @Method()\r\n async updateSize() {\r\n if (this.expanded){\r\n requestAnimationFrame(() => {\r\n this.container.style.maxHeight = `${this.container.scrollHeight}px`;\r\n });\r\n setTimeout(() => {\r\n this.container.style.maxHeight = \"none\";\r\n }, this.transitionDuration);\r\n }\r\n }\r\n \r\n @Watch(\"expanded\")\r\n handledExpandedChanged(expanded: boolean){\r\n if (expanded){\r\n this.updateSize();\r\n }\r\n else{\r\n requestAnimationFrame(() => {\r\n this.container.style.maxHeight = `${this.container.scrollHeight}px`;\r\n requestAnimationFrame(() => {\r\n this.container.style.maxHeight = \"0px\";\r\n });\r\n });\r\n }\r\n setTimeout(() => {\r\n requestAnimationFrame(() => {\r\n this.dnnCollapsibleHeightChanged.emit();\r\n });\r\n }, this.transitionDuration);\r\n }\r\n \r\n private container: HTMLDivElement;\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div id=\"container\" class={this.expanded && \"expanded\"} ref={el => this.container = el}>\r\n <slot></slot>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n\r\n}\r\n"],"version":3}
@@ -1,2 +0,0 @@
1
- var __awaiter=this&&this.__awaiter||function(e,t,n,i){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function o(e){try{s(i.next(e))}catch(e){a(e)}}function u(e){try{s(i["throw"](e))}catch(e){a(e)}}function s(e){e.done?n(e.value):r(e.value).then(o,u)}s((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},i,r,a,o;return o={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(e){return function(t){return s([e,t])}}function s(o){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,r&&(a=o[0]&2?r["return"]:o[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,o[1])).done)return a;if(r=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;r=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){n.label=o[1];break}if(o[0]===6&&n.label<a[1]){n.label=a[1];a=o;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(o);break}if(a[2])n.ops.pop();n.trys.pop();continue}o=t.call(e,n)}catch(e){o=[6,e];r=0}finally{i=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./index-a3a55419.system.js"],(function(e){"use strict";var t,n,i,r,a;return{setters:[function(e){t=e.r;n=e.e;i=e.h;r=e.f;a=e.g}],execute:function(){var o=":host{display:block}#container{max-height:0;overflow:hidden;-webkit-transition:max-height 300ms ease-in-out;transition:max-height 300ms ease-in-out}";var u=e("dnn_collapsible",function(){function e(e){t(this,e);this.dnnCollapsibleHeightChanged=n(this,"dnnCollapsibleHeightChanged",7);this.expanded=false;this.transitionDuration=150}e.prototype.handleHeightChanged=function(){var e=this;requestAnimationFrame((function(){e.updateSize()}))};e.prototype.updateSize=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){if(this.expanded){requestAnimationFrame((function(){e.container.style.maxHeight=e.container.scrollHeight+"px"}));setTimeout((function(){e.container.style.maxHeight="none"}),this.transitionDuration)}return[2]}))}))};e.prototype.handledExpandedChanged=function(e){var t=this;if(e){this.updateSize()}else{requestAnimationFrame((function(){t.container.style.maxHeight=t.container.scrollHeight+"px";requestAnimationFrame((function(){t.container.style.maxHeight="0px"}))}))}setTimeout((function(){requestAnimationFrame((function(){t.dnnCollapsibleHeightChanged.emit()}))}),this.transitionDuration)};e.prototype.render=function(){var e=this;return i(r,null,i("div",{id:"container",class:this.expanded&&"expanded",ref:function(t){return e.container=t}},i("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{expanded:["handledExpandedChanged"]}},enumerable:false,configurable:true});return e}());u.style=o}}}));
2
- //# sourceMappingURL=dnn-collapsible.system.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["src/components/dnn-collapsible/dnn-collapsible.scss?tag=dnn-collapsible&encapsulation=shadow","src/components/dnn-collapsible/dnn-collapsible.tsx"],"names":["dnnCollapsibleCss","DnnCollapsible","exports","class_1","hostRef","this","expanded","transitionDuration","prototype","handleHeightChanged","_this","requestAnimationFrame","updateSize","container","style","maxHeight","scrollHeight","setTimeout","handledExpandedChanged","dnnCollapsibleHeightChanged","emit","render","h","Host","id","class","ref","el"],"mappings":"+lDAAA,IAAMA,EAAoB,2JCObC,EAAcC,EAAA,kBAAA,WAL3B,SAAAC,EAAAC,sFAUyBC,KAAAC,SAAoB,MAGnCD,KAAAE,mBAA8B,IAMtCJ,EAAAK,UAAAC,oBAAA,WAAA,IAAAC,EAAAL,KACEM,uBAAsB,WACpBD,EAAKE,iBAQHT,EAAAK,UAAAI,WAAN,2GACE,GAAIP,KAAKC,SAAS,CACdK,uBAAsB,WACpBD,EAAKG,UAAUC,MAAMC,UAAeL,EAAKG,UAAUG,aAAY,QAEjEC,YAAW,WACTP,EAAKG,UAAUC,MAAMC,UAAY,SAChCV,KAAKE,qCAKdJ,EAAAK,UAAAU,uBAAA,SAAuBZ,GAAvB,IAAAI,EAAAL,KACE,GAAIC,EAAS,CACXD,KAAKO,iBAEH,CACFD,uBAAsB,WACpBD,EAAKG,UAAUC,MAAMC,UAAeL,EAAKG,UAAUG,aAAY,KAC/DL,uBAAsB,WACpBD,EAAKG,UAAUC,MAAMC,UAAY,YAIvCE,YAAW,WACTN,uBAAsB,WACpBD,EAAKS,4BAA4BC,YAElCf,KAAKE,qBAKVJ,EAAAK,UAAAa,OAAA,WAAA,IAAAX,EAAAL,KACE,OACEiB,EAACC,EAAI,KACHD,EAAA,MAAA,CAAKE,GAAG,YAAYC,MAAOpB,KAAKC,UAAY,WAAYoB,IAAK,SAAAC,GAAM,OAAAjB,EAAKG,UAAYc,IAChFL,EAAA,OAAA,mQA7De","sourcesContent":[":host {\r\n display: block;\r\n}\r\n#container{\r\n max-height:0;\r\n overflow: hidden;\r\n transition: max-height 300ms ease-in-out;\r\n}","import { Component, Host, h, Prop, Element, Event, EventEmitter, Watch, Listen, Method } from '@stencil/core';\r\n\r\n@Component({\r\n tag: \"dnn-collapsible\",\r\n styleUrl: \"dnn-collapsible.scss\",\r\n shadow: true\r\n})\r\nexport class DnnCollapsible {\r\n\r\n @Element() el: HTMLDnnCollapsibleElement;\r\n\r\n /** Defines if the panel is expanded or not. */\r\n @Prop({reflect: true}) expanded: boolean = false;\r\n\r\n /** Defines the transition time in ms, defaults to 100ms */\r\n @Prop() transitionDuration?: number = 150;\r\n\r\n /** Fires whenever the collapsible height has changed */\r\n @Event({bubbles: true, composed: true}) dnnCollapsibleHeightChanged: EventEmitter<void>;\r\n\r\n @Listen(\"dnnCollapsibleHeightChanged\")\r\n handleHeightChanged(){\r\n requestAnimationFrame(() => {\r\n this.updateSize();\r\n })\r\n }\r\n\r\n /**\r\n * Updates the component height, use to update after a slot content changes.\r\n */\r\n @Method()\r\n async updateSize() {\r\n if (this.expanded){\r\n requestAnimationFrame(() => {\r\n this.container.style.maxHeight = `${this.container.scrollHeight}px`;\r\n });\r\n setTimeout(() => {\r\n this.container.style.maxHeight = \"none\";\r\n }, this.transitionDuration);\r\n }\r\n }\r\n \r\n @Watch(\"expanded\")\r\n handledExpandedChanged(expanded: boolean){\r\n if (expanded){\r\n this.updateSize();\r\n }\r\n else{\r\n requestAnimationFrame(() => {\r\n this.container.style.maxHeight = `${this.container.scrollHeight}px`;\r\n requestAnimationFrame(() => {\r\n this.container.style.maxHeight = \"0px\";\r\n });\r\n });\r\n }\r\n setTimeout(() => {\r\n requestAnimationFrame(() => {\r\n this.dnnCollapsibleHeightChanged.emit();\r\n });\r\n }, this.transitionDuration);\r\n }\r\n \r\n private container: HTMLDivElement;\r\n\r\n render() {\r\n return (\r\n <Host>\r\n <div id=\"container\" class={this.expanded && \"expanded\"} ref={el => this.container = el}>\r\n <slot></slot>\r\n </div>\r\n </Host>\r\n );\r\n }\r\n\r\n}\r\n"]}