@net7/components 4.2.1 → 4.2.3

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 (286) hide show
  1. package/README.md +2 -1
  2. package/esm2022/lib/components/advanced-autocomplete/advanced-autocomplete.mjs +25 -0
  3. package/esm2022/lib/components/advanced-autocomplete/advanced-autocomplete.mock.mjs +147 -0
  4. package/esm2022/lib/components/alert/alert.mjs +24 -0
  5. package/{esm2020 → esm2022}/lib/components/alert/alert.mock.mjs +2 -2
  6. package/esm2022/lib/components/anchor-wrapper/anchor-wrapper.mjs +35 -0
  7. package/esm2022/lib/components/avatar/avatar.mjs +34 -0
  8. package/esm2022/lib/components/breadcrumbs/breadcrumbs.mjs +25 -0
  9. package/{esm2020 → esm2022}/lib/components/breadcrumbs/breadcrumbs.mock.mjs +8 -8
  10. package/esm2022/lib/components/bubble-chart/bubble-chart.mjs +336 -0
  11. package/{esm2020 → esm2022}/lib/components/bubble-chart/bubble-chart.mock.mjs +249 -249
  12. package/esm2022/lib/components/button/button.mjs +26 -0
  13. package/{esm2020 → esm2022}/lib/components/button/button.mock.mjs +3 -3
  14. package/esm2022/lib/components/carousel/carousel.mjs +97 -0
  15. package/esm2022/lib/components/carousel/carousel.mock.mjs +157 -0
  16. package/esm2022/lib/components/chart/chart.mjs +37 -0
  17. package/esm2022/lib/components/chart/chart.mock.mjs +127 -0
  18. package/esm2022/lib/components/content-placeholder/content-placeholder.mjs +17 -0
  19. package/{esm2020 → esm2022}/lib/components/content-placeholder/content-placeholder.mock.mjs +6 -3
  20. package/esm2022/lib/components/data-widget/data-widget.mjs +29 -0
  21. package/{esm2020 → esm2022}/lib/components/data-widget/data-widget.mock.mjs +4 -4
  22. package/esm2022/lib/components/datepicker/datepicker.mjs +44 -0
  23. package/esm2022/lib/components/facet/facet.mjs +24 -0
  24. package/esm2022/lib/components/facet/facet.mock.mjs +169 -0
  25. package/esm2022/lib/components/facet-header/facet-header.mjs +24 -0
  26. package/esm2022/lib/components/facet-year-range/facet-year-range.mjs +53 -0
  27. package/esm2022/lib/components/file-selector/file-selector.mjs +41 -0
  28. package/{esm2020 → esm2022}/lib/components/file-selector/file-selector.mock.mjs +2 -2
  29. package/esm2022/lib/components/footer/footer.mjs +26 -0
  30. package/esm2022/lib/components/footer/footer.mock.mjs +60 -0
  31. package/esm2022/lib/components/header/header.mjs +53 -0
  32. package/esm2022/lib/components/header/header.mock.mjs +119 -0
  33. package/esm2022/lib/components/hero/hero.mjs +41 -0
  34. package/{esm2020 → esm2022}/lib/components/hero/hero.mock.mjs +5 -5
  35. package/esm2022/lib/components/histogram-range/histogram-range.mjs +390 -0
  36. package/{esm2020 → esm2022}/lib/components/histogram-range/histogram-range.mock.mjs +4 -4
  37. package/esm2022/lib/components/icon/icon.mjs +21 -0
  38. package/{esm2020 → esm2022}/lib/components/icon/icon.mock.mjs +2 -2
  39. package/esm2022/lib/components/image-viewer/image-viewer.mjs +57 -0
  40. package/esm2022/lib/components/image-viewer/image-viewer.mock.mjs +29 -0
  41. package/esm2022/lib/components/image-viewer-tools/image-viewer-tools.mjs +28 -0
  42. package/esm2022/lib/components/image-viewer-tools/image-viewer-tools.mock.mjs +54 -0
  43. package/esm2022/lib/components/inner-title/inner-title.mjs +40 -0
  44. package/esm2022/lib/components/inner-title/inner-title.mock.mjs +53 -0
  45. package/esm2022/lib/components/input-checkbox/input-checkbox.mjs +24 -0
  46. package/esm2022/lib/components/input-checkbox/input-checkbox.mock.mjs +31 -0
  47. package/esm2022/lib/components/input-link/input-link.mjs +24 -0
  48. package/esm2022/lib/components/input-link/input-link.mock.mjs +66 -0
  49. package/{esm2020 → esm2022}/lib/components/input-select/input-select.mjs +5 -5
  50. package/esm2022/lib/components/input-text/input-text.mjs +34 -0
  51. package/esm2022/lib/components/input-textarea/input-textarea.mjs +21 -0
  52. package/esm2022/lib/components/item-preview/item-preview.mjs +25 -0
  53. package/esm2022/lib/components/item-preview/item-preview.mock.mjs +46 -0
  54. package/esm2022/lib/components/loader/loader.mjs +16 -0
  55. package/{esm2020 → esm2022}/lib/components/loader/loader.mock.mjs +2 -2
  56. package/esm2022/lib/components/map/map.mjs +66 -0
  57. package/{esm2020 → esm2022}/lib/components/map/map.mock.mjs +14 -10
  58. package/esm2022/lib/components/metadata-viewer/metadata-viewer.mjs +19 -0
  59. package/esm2022/lib/components/metadata-viewer/metadata-viewer.mock.mjs +75 -0
  60. package/esm2022/lib/components/mirador/mirador.mjs +36 -0
  61. package/esm2022/lib/components/mirador/mirador.mock.mjs +23 -0
  62. package/esm2022/lib/components/mirador/miradorTheme.mjs +220 -0
  63. package/esm2022/lib/components/nav/nav.mjs +27 -0
  64. package/esm2022/lib/components/nav/nav.mock.mjs +46 -0
  65. package/esm2022/lib/components/pagination/pagination.mjs +31 -0
  66. package/esm2022/lib/components/pagination/pagination.mock.mjs +27 -0
  67. package/esm2022/lib/components/progress-line/progress-line.mjs +19 -0
  68. package/esm2022/lib/components/sidebar-header/sidebar-header.mjs +24 -0
  69. package/esm2022/lib/components/signup/signup.mjs +44 -0
  70. package/{esm2020 → esm2022}/lib/components/signup/signup.mock.mjs +14 -14
  71. package/esm2022/lib/components/simple-autocomplete/simple-autocomplete.mjs +25 -0
  72. package/esm2022/lib/components/simple-autocomplete/simple-autocomplete.mock.mjs +22 -0
  73. package/esm2022/lib/components/table/table.mjs +35 -0
  74. package/esm2022/lib/components/table/table.mock.mjs +156 -0
  75. package/esm2022/lib/components/tag/tag.mjs +35 -0
  76. package/esm2022/lib/components/text-viewer/text-viewer.mjs +42 -0
  77. package/{esm2020 → esm2022}/lib/components/text-viewer/text-viewer.mock.mjs +4 -4
  78. package/esm2022/lib/components/timeline/timeline.mjs +51 -0
  79. package/esm2022/lib/components/timeline/timeline.mock.mjs +137 -0
  80. package/esm2022/lib/components/toast/toast.mjs +24 -0
  81. package/esm2022/lib/components/toast/toast.mock.mjs +65 -0
  82. package/esm2022/lib/components/tooltip-content/tooltip-content.mjs +25 -0
  83. package/{esm2020 → esm2022}/lib/components/tooltip-content/tooltip-content.mock.mjs +9 -8
  84. package/esm2022/lib/components/tree/tree.mjs +25 -0
  85. package/{esm2020 → esm2022}/lib/components/tree/tree.mock.mjs +44 -44
  86. package/esm2022/lib/components/wizard/wizard.mjs +24 -0
  87. package/{esm2020 → esm2022}/lib/components/wizard/wizard.mock.mjs +6 -6
  88. package/esm2022/lib/dv-components-lib.module.mjs +211 -0
  89. package/{esm2020 → esm2022}/lib/shared-interfaces.mjs +1 -1
  90. package/esm2022/public-api.mjs +105 -0
  91. package/fesm2022/net7-components.mjs +6091 -0
  92. package/fesm2022/net7-components.mjs.map +1 -0
  93. package/lib/components/advanced-autocomplete/advanced-autocomplete.d.ts +22 -22
  94. package/lib/components/alert/alert.d.ts +2 -2
  95. package/lib/components/anchor-wrapper/anchor-wrapper.d.ts +1 -1
  96. package/lib/components/avatar/avatar.d.ts +1 -1
  97. package/lib/components/breadcrumbs/breadcrumbs.d.ts +1 -1
  98. package/lib/components/bubble-chart/bubble-chart.d.ts +3 -3
  99. package/lib/components/button/button.d.ts +1 -1
  100. package/lib/components/carousel/carousel.d.ts +1 -1
  101. package/lib/components/chart/chart.d.ts +2 -2
  102. package/lib/components/content-placeholder/content-placeholder.d.ts +6 -6
  103. package/lib/components/data-widget/data-widget.d.ts +1 -1
  104. package/lib/components/datepicker/datepicker.d.ts +4 -4
  105. package/lib/components/facet/facet.d.ts +23 -23
  106. package/lib/components/facet-header/facet-header.d.ts +1 -1
  107. package/lib/components/facet-year-range/facet-year-range.d.ts +9 -9
  108. package/lib/components/file-selector/file-selector.d.ts +1 -1
  109. package/lib/components/footer/footer.d.ts +4 -4
  110. package/lib/components/header/header.d.ts +1 -1
  111. package/lib/components/hero/hero.d.ts +16 -16
  112. package/lib/components/histogram-range/histogram-range.d.ts +3 -3
  113. package/lib/components/icon/icon.d.ts +1 -1
  114. package/lib/components/image-viewer/image-viewer.d.ts +1 -1
  115. package/lib/components/image-viewer-tools/image-viewer-tools.d.ts +3 -3
  116. package/lib/components/inner-title/inner-title.d.ts +1 -1
  117. package/lib/components/input-checkbox/input-checkbox.d.ts +1 -1
  118. package/lib/components/input-link/input-link.d.ts +1 -1
  119. package/lib/components/input-select/input-select.d.ts +1 -1
  120. package/lib/components/input-text/input-text.d.ts +1 -1
  121. package/lib/components/input-textarea/input-textarea.d.ts +2 -2
  122. package/lib/components/item-preview/item-preview.d.ts +40 -40
  123. package/lib/components/loader/loader.d.ts +1 -1
  124. package/lib/components/map/map.d.ts +1 -1
  125. package/lib/components/metadata-viewer/metadata-viewer.d.ts +19 -19
  126. package/lib/components/mirador/mirador.d.ts +15 -0
  127. package/lib/components/mirador/mirador.mock.d.ts +6 -0
  128. package/lib/components/mirador/miradorTheme.d.ts +218 -0
  129. package/lib/components/nav/nav.d.ts +1 -1
  130. package/lib/components/pagination/pagination.d.ts +1 -1
  131. package/lib/components/progress-line/progress-line.d.ts +1 -1
  132. package/lib/components/sidebar-header/sidebar-header.d.ts +1 -1
  133. package/lib/components/signup/signup.d.ts +1 -1
  134. package/lib/components/simple-autocomplete/simple-autocomplete.d.ts +11 -11
  135. package/lib/components/table/table.d.ts +1 -1
  136. package/lib/components/tag/tag.d.ts +1 -1
  137. package/lib/components/text-viewer/text-viewer.d.ts +1 -1
  138. package/lib/components/timeline/timeline.d.ts +1 -1
  139. package/lib/components/toast/toast.d.ts +1 -1
  140. package/lib/components/tooltip-content/tooltip-content.d.ts +1 -1
  141. package/lib/components/tree/tree.d.ts +20 -20
  142. package/lib/components/wizard/wizard.d.ts +30 -30
  143. package/lib/dv-components-lib.module.d.ts +19 -18
  144. package/lib/shared-interfaces.d.ts +3 -3
  145. package/package.json +8 -14
  146. package/public-api.d.ts +2 -0
  147. package/src/lib/styles/_imports.scss +54 -56
  148. package/src/lib/styles/atoms/_button.scss +37 -30
  149. package/src/lib/styles/components/_advanced-autocomplete.scss +15 -38
  150. package/src/lib/styles/components/_alert.scss +6 -18
  151. package/src/lib/styles/components/_anchor-wrapper.scss +3 -4
  152. package/src/lib/styles/components/_avatar.scss +1 -4
  153. package/src/lib/styles/components/_breadcrumbs.scss +12 -23
  154. package/src/lib/styles/components/_bubble-chart.scss +3 -4
  155. package/src/lib/styles/components/_button.scss +3 -13
  156. package/src/lib/styles/components/_carousel.scss +18 -46
  157. package/src/lib/styles/components/_chart.scss +3 -4
  158. package/src/lib/styles/components/_content-placeholder.scss +17 -17
  159. package/src/lib/styles/components/_data-widget.scss +5 -17
  160. package/src/lib/styles/components/_datepicker.scss +3 -4
  161. package/src/lib/styles/components/_facet-header.scss +3 -8
  162. package/src/lib/styles/components/_facet-year-range.scss +7 -12
  163. package/src/lib/styles/components/_facet.scss +11 -28
  164. package/src/lib/styles/components/_file-selector.scss +3 -4
  165. package/src/lib/styles/components/_footer.scss +7 -28
  166. package/src/lib/styles/components/_header.scss +15 -76
  167. package/src/lib/styles/components/_hero.scss +10 -20
  168. package/src/lib/styles/components/_histogram-range.scss +1 -2
  169. package/src/lib/styles/components/_icon.scss +1 -3
  170. package/src/lib/styles/components/_image-viewer-tools.scss +31 -40
  171. package/src/lib/styles/components/_image-viewer.scss +20 -36
  172. package/src/lib/styles/components/_inner-title.scss +13 -39
  173. package/src/lib/styles/components/_input-checkbox.scss +6 -10
  174. package/src/lib/styles/components/_input-link.scss +4 -10
  175. package/src/lib/styles/components/_input-select.scss +2 -7
  176. package/src/lib/styles/components/_input-text.scss +5 -10
  177. package/src/lib/styles/components/_input-textarea.scss +3 -8
  178. package/src/lib/styles/components/_item-preview.scss +10 -36
  179. package/src/lib/styles/components/_loader.scss +1 -2
  180. package/src/lib/styles/components/_map.scss +2 -3
  181. package/src/lib/styles/components/_metadata-viewer.scss +7 -12
  182. package/src/lib/styles/components/_mirador.scss +19 -0
  183. package/src/lib/styles/components/_nav.scss +5 -11
  184. package/src/lib/styles/components/_pagination.scss +29 -33
  185. package/src/lib/styles/components/_progress-line.scss +3 -10
  186. package/src/lib/styles/components/_sidebar-header.scss +3 -8
  187. package/src/lib/styles/components/_signup.scss +48 -49
  188. package/src/lib/styles/components/_simple-autocomplete.scss +5 -12
  189. package/src/lib/styles/components/_table.scss +5 -18
  190. package/src/lib/styles/components/_tag.scss +7 -10
  191. package/src/lib/styles/components/_text-viewer.scss +33 -88
  192. package/src/lib/styles/components/_timeline.scss +3 -4
  193. package/src/lib/styles/components/_toast.scss +7 -17
  194. package/src/lib/styles/components/_tooltip-content.scss +3 -4
  195. package/src/lib/styles/components/_tree.scss +26 -22
  196. package/src/lib/styles/components/_wizard.scss +36 -29
  197. package/src/lib/styles/generic/_color_scheme.scss +2 -2
  198. package/src/lib/styles/generic/_mixins.scss +28 -31
  199. package/src/lib/styles/generic/_variables.scss +9 -11
  200. package/src/lib/styles/global/_forms.scss +38 -63
  201. package/src/lib/styles/global/_global.scss +3 -5
  202. package/src/lib/styles/global/_normalize.scss +17 -57
  203. package/src/lib/styles/global/_typography.scss +25 -23
  204. package/src/lib/styles/utilities/_grids.scss +40 -79
  205. package/esm2020/lib/components/advanced-autocomplete/advanced-autocomplete.mjs +0 -25
  206. package/esm2020/lib/components/advanced-autocomplete/advanced-autocomplete.mock.mjs +0 -100
  207. package/esm2020/lib/components/alert/alert.mjs +0 -24
  208. package/esm2020/lib/components/anchor-wrapper/anchor-wrapper.mjs +0 -35
  209. package/esm2020/lib/components/avatar/avatar.mjs +0 -34
  210. package/esm2020/lib/components/breadcrumbs/breadcrumbs.mjs +0 -25
  211. package/esm2020/lib/components/bubble-chart/bubble-chart.mjs +0 -329
  212. package/esm2020/lib/components/button/button.mjs +0 -26
  213. package/esm2020/lib/components/carousel/carousel.mjs +0 -89
  214. package/esm2020/lib/components/carousel/carousel.mock.mjs +0 -136
  215. package/esm2020/lib/components/chart/chart.mjs +0 -37
  216. package/esm2020/lib/components/chart/chart.mock.mjs +0 -112
  217. package/esm2020/lib/components/content-placeholder/content-placeholder.mjs +0 -17
  218. package/esm2020/lib/components/data-widget/data-widget.mjs +0 -29
  219. package/esm2020/lib/components/datepicker/datepicker.mjs +0 -44
  220. package/esm2020/lib/components/facet/facet.mjs +0 -24
  221. package/esm2020/lib/components/facet/facet.mock.mjs +0 -103
  222. package/esm2020/lib/components/facet-header/facet-header.mjs +0 -24
  223. package/esm2020/lib/components/facet-year-range/facet-year-range.mjs +0 -53
  224. package/esm2020/lib/components/file-selector/file-selector.mjs +0 -39
  225. package/esm2020/lib/components/footer/footer.mjs +0 -26
  226. package/esm2020/lib/components/footer/footer.mock.mjs +0 -58
  227. package/esm2020/lib/components/header/header.mjs +0 -53
  228. package/esm2020/lib/components/header/header.mock.mjs +0 -101
  229. package/esm2020/lib/components/hero/hero.mjs +0 -41
  230. package/esm2020/lib/components/histogram-range/histogram-range.mjs +0 -390
  231. package/esm2020/lib/components/icon/icon.mjs +0 -21
  232. package/esm2020/lib/components/image-viewer/image-viewer.mjs +0 -55
  233. package/esm2020/lib/components/image-viewer/image-viewer.mock.mjs +0 -25
  234. package/esm2020/lib/components/image-viewer-tools/image-viewer-tools.mjs +0 -28
  235. package/esm2020/lib/components/image-viewer-tools/image-viewer-tools.mock.mjs +0 -54
  236. package/esm2020/lib/components/inner-title/inner-title.mjs +0 -40
  237. package/esm2020/lib/components/inner-title/inner-title.mock.mjs +0 -53
  238. package/esm2020/lib/components/input-checkbox/input-checkbox.mjs +0 -24
  239. package/esm2020/lib/components/input-checkbox/input-checkbox.mock.mjs +0 -25
  240. package/esm2020/lib/components/input-link/input-link.mjs +0 -24
  241. package/esm2020/lib/components/input-link/input-link.mock.mjs +0 -38
  242. package/esm2020/lib/components/input-text/input-text.mjs +0 -34
  243. package/esm2020/lib/components/input-textarea/input-textarea.mjs +0 -21
  244. package/esm2020/lib/components/item-preview/item-preview.mjs +0 -25
  245. package/esm2020/lib/components/item-preview/item-preview.mock.mjs +0 -43
  246. package/esm2020/lib/components/loader/loader.mjs +0 -16
  247. package/esm2020/lib/components/map/map.mjs +0 -64
  248. package/esm2020/lib/components/metadata-viewer/metadata-viewer.mjs +0 -19
  249. package/esm2020/lib/components/metadata-viewer/metadata-viewer.mock.mjs +0 -74
  250. package/esm2020/lib/components/nav/nav.mjs +0 -27
  251. package/esm2020/lib/components/nav/nav.mock.mjs +0 -36
  252. package/esm2020/lib/components/pagination/pagination.mjs +0 -31
  253. package/esm2020/lib/components/pagination/pagination.mock.mjs +0 -23
  254. package/esm2020/lib/components/progress-line/progress-line.mjs +0 -19
  255. package/esm2020/lib/components/sidebar-header/sidebar-header.mjs +0 -24
  256. package/esm2020/lib/components/signup/signup.mjs +0 -44
  257. package/esm2020/lib/components/simple-autocomplete/simple-autocomplete.mjs +0 -25
  258. package/esm2020/lib/components/simple-autocomplete/simple-autocomplete.mock.mjs +0 -15
  259. package/esm2020/lib/components/table/table.mjs +0 -35
  260. package/esm2020/lib/components/table/table.mock.mjs +0 -152
  261. package/esm2020/lib/components/tag/tag.mjs +0 -35
  262. package/esm2020/lib/components/text-viewer/text-viewer.mjs +0 -42
  263. package/esm2020/lib/components/timeline/timeline.mjs +0 -51
  264. package/esm2020/lib/components/timeline/timeline.mock.mjs +0 -137
  265. package/esm2020/lib/components/toast/toast.mjs +0 -24
  266. package/esm2020/lib/components/toast/toast.mock.mjs +0 -51
  267. package/esm2020/lib/components/tooltip-content/tooltip-content.mjs +0 -25
  268. package/esm2020/lib/components/tree/tree.mjs +0 -25
  269. package/esm2020/lib/components/wizard/wizard.mjs +0 -24
  270. package/esm2020/lib/dv-components-lib.module.mjs +0 -211
  271. package/esm2020/public-api.mjs +0 -103
  272. package/fesm2015/net7-components.mjs +0 -5421
  273. package/fesm2015/net7-components.mjs.map +0 -1
  274. package/fesm2020/net7-components.mjs +0 -5434
  275. package/fesm2020/net7-components.mjs.map +0 -1
  276. /package/{esm2020 → esm2022}/lib/components/avatar/avatar.mock.mjs +0 -0
  277. /package/{esm2020 → esm2022}/lib/components/datepicker/datepicker.mock.mjs +0 -0
  278. /package/{esm2020 → esm2022}/lib/components/facet-header/facet-header.mock.mjs +0 -0
  279. /package/{esm2020 → esm2022}/lib/components/facet-year-range/facet-year-range.mock.mjs +0 -0
  280. /package/{esm2020 → esm2022}/lib/components/input-select/input-select.mock.mjs +0 -0
  281. /package/{esm2020 → esm2022}/lib/components/input-text/input-text.mock.mjs +0 -0
  282. /package/{esm2020 → esm2022}/lib/components/input-textarea/input-textarea.mock.mjs +0 -0
  283. /package/{esm2020 → esm2022}/lib/components/progress-line/progress-line.mock.mjs +0 -0
  284. /package/{esm2020 → esm2022}/lib/components/sidebar-header/sidebar-header.mock.mjs +0 -0
  285. /package/{esm2020 → esm2022}/lib/components/tag/tag.mock.mjs +0 -0
  286. /package/{esm2020 → esm2022}/net7-components.mjs +0 -0
@@ -0,0 +1,57 @@
1
+ //---------------------------
2
+ // IMAGE-VIEWER.ts
3
+ //---------------------------
4
+ import { Component, Input } from '@angular/core';
5
+ import * as i0 from "@angular/core";
6
+ import * as i1 from "@angular/common";
7
+ /**
8
+ * ImageViewerComponent <n7-image-viewer>
9
+ *
10
+ */
11
+ export class ImageViewerComponent {
12
+ constructor() {
13
+ this._loaded = false;
14
+ }
15
+ ngAfterContentChecked() {
16
+ if (!this.data || this._loaded)
17
+ return;
18
+ this._loaded = true;
19
+ setTimeout(() => {
20
+ const prefixUrl = !this.data.prefixUrl
21
+ ? '//openseadragon.github.io/openseadragon/images/'
22
+ : this.data.prefixUrl;
23
+ import('openseadragon').then((module) => {
24
+ const { default: openseadragon } = module;
25
+ const viewer = openseadragon({
26
+ id: this.data.viewerId,
27
+ prefixUrl,
28
+ tileSources: this.data.images,
29
+ zoomInButton: 'n7-image-viewer-zoom-in',
30
+ zoomOutButton: 'n7-image-viewer-zoom-out',
31
+ homeButton: 'n7-image-viewer-home',
32
+ fullPageButton: 'n7-image-viewer-full-screen',
33
+ nextButton: 'n7-image-viewer-nav-next',
34
+ previousButton: 'n7-image-viewer-nav-prev',
35
+ ...this.data.libOptions,
36
+ });
37
+ this.data._setViewer(viewer);
38
+ });
39
+ });
40
+ }
41
+ onClick(payload) {
42
+ if (!this.emit)
43
+ return;
44
+ this.emit('thumbclick', payload);
45
+ }
46
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: ImageViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
47
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: ImageViewerComponent, selector: "n7-image-viewer", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-image-viewer {{data.classes || ''}}\">\n <!-- OSD viewer -->\n <div id=\"{{data.viewerId}}\" class=\"n7-image-viewer__viewer\"></div>\n\n <!-- Zoom controls -->\n <div class=\"n7-image-viewer__controls\">\n <ul class=\"n7-image-viewer__controls-list\">\n <li class=\"n7-image-viewer__controls-item\" id=\"n7-image-viewer-zoom-in\">\n <span class=\"n7-icon-search-plus\"></span>\n </li>\n <li class=\"n7-image-viewer__controls-item\" id=\"n7-image-viewer-zoom-out\">\n <span class=\"n7-icon-search-minus\"></span>\n </li>\n <!--\n <li class=\"n7-image-viewer__controls-item\" id=\"n7-image-viewer-full-screen\">\n <span class=\"n7-icon-expand-arrows\"></span>\n </li>\n -->\n </ul>\n </div>\n\n <!-- Navigation -->\n <div\n *ngIf=\"!data.hideNavigation\"\n class=\"n7-image-viewer__prev\"\n id=\"n7-image-viewer-nav-prev\"\n >\n <span class=\"n7-icon-angle-left\"></span>\n </div>\n\n <div\n *ngIf=\"!data.hideNavigation\"\n class=\"n7-image-viewer__next\"\n id=\"n7-image-viewer-nav-next\"\n >\n <span class=\"n7-icon-angle-right\"></span>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
48
+ }
49
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: ImageViewerComponent, decorators: [{
50
+ type: Component,
51
+ args: [{ selector: 'n7-image-viewer', template: "<div *ngIf=\"data\" class=\"n7-image-viewer {{data.classes || ''}}\">\n <!-- OSD viewer -->\n <div id=\"{{data.viewerId}}\" class=\"n7-image-viewer__viewer\"></div>\n\n <!-- Zoom controls -->\n <div class=\"n7-image-viewer__controls\">\n <ul class=\"n7-image-viewer__controls-list\">\n <li class=\"n7-image-viewer__controls-item\" id=\"n7-image-viewer-zoom-in\">\n <span class=\"n7-icon-search-plus\"></span>\n </li>\n <li class=\"n7-image-viewer__controls-item\" id=\"n7-image-viewer-zoom-out\">\n <span class=\"n7-icon-search-minus\"></span>\n </li>\n <!--\n <li class=\"n7-image-viewer__controls-item\" id=\"n7-image-viewer-full-screen\">\n <span class=\"n7-icon-expand-arrows\"></span>\n </li>\n -->\n </ul>\n </div>\n\n <!-- Navigation -->\n <div\n *ngIf=\"!data.hideNavigation\"\n class=\"n7-image-viewer__prev\"\n id=\"n7-image-viewer-nav-prev\"\n >\n <span class=\"n7-icon-angle-left\"></span>\n </div>\n\n <div\n *ngIf=\"!data.hideNavigation\"\n class=\"n7-image-viewer__next\"\n id=\"n7-image-viewer-nav-next\"\n >\n <span class=\"n7-icon-angle-right\"></span>\n </div>\n</div>\n" }]
52
+ }], propDecorators: { data: [{
53
+ type: Input
54
+ }], emit: [{
55
+ type: Input
56
+ }] } });
57
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2Utdmlld2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHYtY29tcG9uZW50cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2ltYWdlLXZpZXdlci9pbWFnZS12aWV3ZXIudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kdi1jb21wb25lbnRzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvaW1hZ2Utdmlld2VyL2ltYWdlLXZpZXdlci5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDZCQUE2QjtBQUM3QixrQkFBa0I7QUFDbEIsNkJBQTZCO0FBRTdCLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUEyRGpEOzs7R0FHRztBQUtILE1BQU0sT0FBTyxvQkFBb0I7SUFKakM7UUFTVSxZQUFPLEdBQUcsS0FBSyxDQUFDO0tBa0N6QjtJQWhDQyxxQkFBcUI7UUFDbkIsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLE9BQU87WUFBRSxPQUFPO1FBQ3ZDLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1FBRXBCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxNQUFNLFNBQVMsR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUztnQkFDcEMsQ0FBQyxDQUFDLGlEQUFpRDtnQkFDbkQsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO1lBQ3hCLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtnQkFDdEMsTUFBTSxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsR0FBRyxNQUFNLENBQUM7Z0JBQzFDLE1BQU0sTUFBTSxHQUFHLGFBQWEsQ0FBQztvQkFDM0IsRUFBRSxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUTtvQkFDdEIsU0FBUztvQkFDVCxXQUFXLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNO29CQUM3QixZQUFZLEVBQUUseUJBQXlCO29CQUN2QyxhQUFhLEVBQUUsMEJBQTBCO29CQUN6QyxVQUFVLEVBQUUsc0JBQXNCO29CQUNsQyxjQUFjLEVBQUUsNkJBQTZCO29CQUM3QyxVQUFVLEVBQUUsMEJBQTBCO29CQUN0QyxjQUFjLEVBQUUsMEJBQTBCO29CQUMxQyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVTtpQkFDeEIsQ0FBQyxDQUFDO2dCQUVILElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQy9CLENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsT0FBTyxDQUFDLE9BQU87UUFDYixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUk7WUFBRSxPQUFPO1FBQ3ZCLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLE9BQU8sQ0FBQyxDQUFDO0lBQ25DLENBQUM7OEdBdENVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLCtGQ3ZFakMsb3NDQXNDQTs7MkZEaUNhLG9CQUFvQjtrQkFKaEMsU0FBUzsrQkFDRSxpQkFBaUI7OEJBSWxCLElBQUk7c0JBQVosS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvLy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuLy8gSU1BR0UtVklFV0VSLnRzXG4vLy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogSW50ZXJmYWNlIGZvciBJbWFnZVZpZXdlckNvbXBvbmVudCdzIGltYWdlcyBcImRhdGFcIlxuICpcbiAqIEhlcmUgdGhlIG1haW4gb3B0aW9ucyBhdmFpbGFibGUsIGZvciBhIGNvbXBsZXRlIGd1aWRlIG9mIGltYWdlIHNldHRpbmdzXG4gKiB2aWV3IHRoZSBvZmZpY2lhbCBvcGVuc2VhZHJhZ29uIGRvY3VtZW50YXRpb24gaHR0cHM6Ly9vcGVuc2VhZHJhZ29uLmdpdGh1Yi5pby9cbiAqIEFsbCBhdmFpbGFibGUgb3B0aW9ucyBoZXJlOiBodHRwczovL29wZW5zZWFkcmFnb24uZ2l0aHViLmlvL2RvY3MvT3BlblNlYWRyYWdvbi5odG1sXG4gKlxuICogQHByb3BlcnR5ICB0eXBlIChyZXF1aXJlZClcbiAqIEFkbWl0dGVkIHZhbHVlczpcbiAqICdpbWFnZScgfCAnem9vbWlmeXRpbGVzZXJ2aWNlJyB8ICdvcGVuc3RyZWV0bWFwcycgfCAndGlsZWRtYXBzZXJ2aWNlJyB8ICdsZWdhY3ktaW1hZ2UtcHlyYW1pZCdcbiAqIEBwcm9wZXJ0eSAgaGVpZ2h0IChvcHRpb25hbCkgaW1hZ2UgaGVpZ2h0XG4gKiBAcHJvcGVydHkgIHdpZHRoIChvcHRpb25hbCkgaW1hZ2Ugd2lkdGhcbiAqIEBwcm9wZXJ0eSAgdXJsIChyZXF1aXJlZCkgaW1hZ2UgdXJsXG4gKiBAcHJvcGVydHkgIGJ1aWxkUHlyYW1pZCAob3B0aW9uYWwpXG4gKiBAcHJvcGVydHkgIGNyb3NzT3JpZ2luUG9saWN5IChvcHRpb25hbCkgQWRtaXR0ZWQgdmFsdWVzICdBbm9ueW1vdXMnIHwgJ3VzZS1jcmVkZW50aWFscycgfCBmYWxzZTtcbiAqL1xuZXhwb3J0IGludGVyZmFjZSBJbWFnZURhdGEge1xuICB0eXBlOlxuICAgIHwgJ2ltYWdlJ1xuICAgIHwgJ3pvb21pZnl0aWxlc2VydmljZSdcbiAgICB8ICdvcGVuc3RyZWV0bWFwcydcbiAgICB8ICd0aWxlZG1hcHNlcnZpY2UnXG4gICAgfCAnbGVnYWN5LWltYWdlLXB5cmFtaWQnO1xuICBoZWlnaHQ/OiBudW1iZXI7XG4gIHdpZHRoPzogbnVtYmVyO1xuICB1cmw6IHN0cmluZztcbiAgYnVpbGRQeXJhbWlkOiBib29sZWFuO1xuICBjcm9zc09yaWdpblBvbGljeT86ICdBbm9ueW1vdXMnIHwgJ3VzZS1jcmVkZW50aWFscycgfCBmYWxzZTtcbn1cblxuLyoqXG4gKiBJbnRlcmZhY2UgZm9yIEltYWdlVmlld2VyQ29tcG9uZW50J3MgXCJkYXRhXCJcbiAqXG4gKiBAcHJvcGVydHkgcHJlZml4VXJsIChvcHRpb25hbCkgUHJlcGVuZHMgdGhlIHByZWZpeFVybCB0byBuYXZJbWFnZXMgcGF0aHMuXG4gKiBEZWZhdWx0IGlzIC8vb3BlbnNlYWRyYWdvbi5naXRodWIuaW8vb3BlbnNlYWRyYWdvbi9pbWFnZXMvXG4gKiBAcHJvcGVydHkgY2xhc3NlcyAob3B0aW9uYWwpXG4gKiBAcHJvcGVydHkgdmlld2VyV2lkdGggKG9wdGlvbmFsKVxuICogQHByb3BlcnR5IHZpZXdlckhlaWdodCAob3B0aW9uYWwpXG4gKiBAcHJvcGVydHkgaW1hZ2VzIChyZXF1aXJlZClcbiAqIEBwcm9wZXJ0eSB2aWV3ZXJJZCAocmVxdWlyZWQpIFRoZSBpZCB0byBhc3NpZ24gdG8gdGhlIGltYWdldmlld2VyIGNvbnRhaW5lclxuICogQHByb3BlcnR5IGxpYk9wdGlvbnMgKHJlcXVpcmVkKVxuICovXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyRGF0YSB7XG4gIC8qIHZpZXdlciBpY29uJ3MgZGlyZWN0b3J5IHBhdGggKi9cbiAgcHJlZml4VXJsPzogc3RyaW5nO1xuICBjbGFzc2VzPzogc3RyaW5nO1xuICB2aWV3ZXJXaWR0aD86IG51bWJlcjtcbiAgdmlld2VySGVpZ2h0PzogbnVtYmVyO1xuICBpbWFnZXM6IEltYWdlRGF0YVtdIHwgc3RyaW5nO1xuICB2aWV3ZXJJZDogc3RyaW5nO1xuICBoaWRlTmF2aWdhdGlvbj86IGJvb2xlYW47XG4gIC8qIGZvciBhIGxpc3Qgb2Ygb3B0aW9ucyB2aWV3IHRoZSBvZmZpY2lhbCBvcGVuc2VhZHJhZ29uIGRvY3VtZW50YXRpb24gaHR0cDovL29wZW5zZWFkcmFnb24uZ2l0aHViLmlvL2RvY3MvT3BlblNlYWRyYWdvbi5odG1sIy5PcHRpb25zICovXG4gIGxpYk9wdGlvbnM6IGFueTtcbiAgLyogQSBtZXRob2QgcmV0dXJuaW5nIHRoZSBsaWJyYXJ5IGluc3RhbmNlICovXG4gIF9zZXRWaWV3ZXI6IGFueTtcbn1cblxuLyoqXG4gKiBJbWFnZVZpZXdlckNvbXBvbmVudCA8bjctaW1hZ2Utdmlld2VyPlxuICpcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbjctaW1hZ2Utdmlld2VyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ltYWdlLXZpZXdlci5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgSW1hZ2VWaWV3ZXJDb21wb25lbnQge1xuICBASW5wdXQoKSBkYXRhOiBJbWFnZVZpZXdlckRhdGE7XG5cbiAgQElucHV0KCkgZW1pdDogYW55O1xuXG4gIHByaXZhdGUgX2xvYWRlZCA9IGZhbHNlO1xuXG4gIG5nQWZ0ZXJDb250ZW50Q2hlY2tlZCgpIHtcbiAgICBpZiAoIXRoaXMuZGF0YSB8fCB0aGlzLl9sb2FkZWQpIHJldHVybjtcbiAgICB0aGlzLl9sb2FkZWQgPSB0cnVlO1xuXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBjb25zdCBwcmVmaXhVcmwgPSAhdGhpcy5kYXRhLnByZWZpeFVybFxuICAgICAgICA/ICcvL29wZW5zZWFkcmFnb24uZ2l0aHViLmlvL29wZW5zZWFkcmFnb24vaW1hZ2VzLydcbiAgICAgICAgOiB0aGlzLmRhdGEucHJlZml4VXJsO1xuICAgICAgaW1wb3J0KCdvcGVuc2VhZHJhZ29uJykudGhlbigobW9kdWxlKSA9PiB7XG4gICAgICAgIGNvbnN0IHsgZGVmYXVsdDogb3BlbnNlYWRyYWdvbiB9ID0gbW9kdWxlO1xuICAgICAgICBjb25zdCB2aWV3ZXIgPSBvcGVuc2VhZHJhZ29uKHtcbiAgICAgICAgICBpZDogdGhpcy5kYXRhLnZpZXdlcklkLFxuICAgICAgICAgIHByZWZpeFVybCxcbiAgICAgICAgICB0aWxlU291cmNlczogdGhpcy5kYXRhLmltYWdlcyxcbiAgICAgICAgICB6b29tSW5CdXR0b246ICduNy1pbWFnZS12aWV3ZXItem9vbS1pbicsXG4gICAgICAgICAgem9vbU91dEJ1dHRvbjogJ243LWltYWdlLXZpZXdlci16b29tLW91dCcsXG4gICAgICAgICAgaG9tZUJ1dHRvbjogJ243LWltYWdlLXZpZXdlci1ob21lJyxcbiAgICAgICAgICBmdWxsUGFnZUJ1dHRvbjogJ243LWltYWdlLXZpZXdlci1mdWxsLXNjcmVlbicsXG4gICAgICAgICAgbmV4dEJ1dHRvbjogJ243LWltYWdlLXZpZXdlci1uYXYtbmV4dCcsXG4gICAgICAgICAgcHJldmlvdXNCdXR0b246ICduNy1pbWFnZS12aWV3ZXItbmF2LXByZXYnLFxuICAgICAgICAgIC4uLnRoaXMuZGF0YS5saWJPcHRpb25zLFxuICAgICAgICB9KTtcblxuICAgICAgICB0aGlzLmRhdGEuX3NldFZpZXdlcih2aWV3ZXIpO1xuICAgICAgfSk7XG4gICAgfSk7XG4gIH1cblxuICBvbkNsaWNrKHBheWxvYWQpIHtcbiAgICBpZiAoIXRoaXMuZW1pdCkgcmV0dXJuO1xuICAgIHRoaXMuZW1pdCgndGh1bWJjbGljaycsIHBheWxvYWQpO1xuICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwiZGF0YVwiIGNsYXNzPVwibjctaW1hZ2Utdmlld2VyIHt7ZGF0YS5jbGFzc2VzIHx8ICcnfX1cIj5cbiAgPCEtLSBPU0Qgdmlld2VyIC0tPlxuICA8ZGl2IGlkPVwie3tkYXRhLnZpZXdlcklkfX1cIiBjbGFzcz1cIm43LWltYWdlLXZpZXdlcl9fdmlld2VyXCI+PC9kaXY+XG5cbiAgPCEtLSBab29tIGNvbnRyb2xzIC0tPlxuICA8ZGl2IGNsYXNzPVwibjctaW1hZ2Utdmlld2VyX19jb250cm9sc1wiPlxuICAgIDx1bCBjbGFzcz1cIm43LWltYWdlLXZpZXdlcl9fY29udHJvbHMtbGlzdFwiPlxuICAgICAgPGxpIGNsYXNzPVwibjctaW1hZ2Utdmlld2VyX19jb250cm9scy1pdGVtXCIgaWQ9XCJuNy1pbWFnZS12aWV3ZXItem9vbS1pblwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cIm43LWljb24tc2VhcmNoLXBsdXNcIj48L3NwYW4+XG4gICAgICA8L2xpPlxuICAgICAgPGxpIGNsYXNzPVwibjctaW1hZ2Utdmlld2VyX19jb250cm9scy1pdGVtXCIgaWQ9XCJuNy1pbWFnZS12aWV3ZXItem9vbS1vdXRcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJuNy1pY29uLXNlYXJjaC1taW51c1wiPjwvc3Bhbj5cbiAgICAgIDwvbGk+XG4gICAgICA8IS0tXG4gICAgICAgICAgICA8bGkgY2xhc3M9XCJuNy1pbWFnZS12aWV3ZXJfX2NvbnRyb2xzLWl0ZW1cIiBpZD1cIm43LWltYWdlLXZpZXdlci1mdWxsLXNjcmVlblwiPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibjctaWNvbi1leHBhbmQtYXJyb3dzXCI+PC9zcGFuPlxuICAgICAgICAgICAgPC9saT5cbiAgICAgICAgICAgIC0tPlxuICAgIDwvdWw+XG4gIDwvZGl2PlxuXG4gIDwhLS0gTmF2aWdhdGlvbiAtLT5cbiAgPGRpdlxuICAgICpuZ0lmPVwiIWRhdGEuaGlkZU5hdmlnYXRpb25cIlxuICAgIGNsYXNzPVwibjctaW1hZ2Utdmlld2VyX19wcmV2XCJcbiAgICBpZD1cIm43LWltYWdlLXZpZXdlci1uYXYtcHJldlwiXG4gID5cbiAgICA8c3BhbiBjbGFzcz1cIm43LWljb24tYW5nbGUtbGVmdFwiPjwvc3Bhbj5cbiAgPC9kaXY+XG5cbiAgPGRpdlxuICAgICpuZ0lmPVwiIWRhdGEuaGlkZU5hdmlnYXRpb25cIlxuICAgIGNsYXNzPVwibjctaW1hZ2Utdmlld2VyX19uZXh0XCJcbiAgICBpZD1cIm43LWltYWdlLXZpZXdlci1uYXYtbmV4dFwiXG4gID5cbiAgICA8c3BhbiBjbGFzcz1cIm43LWljb24tYW5nbGUtcmlnaHRcIj48L3NwYW4+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
@@ -0,0 +1,29 @@
1
+ export const IMAGE_VIEWER_MOCK = {
2
+ images: [
3
+ {
4
+ type: 'image',
5
+ url: 'http://placekitten.com/1920/1080',
6
+ buildPyramid: false,
7
+ },
8
+ // { type: 'image', url: 'http://placekitten.com/500/600', buildPyramid: false },
9
+ // { type: 'image', url: 'http://placekitten.com/700/400', buildPyramid: false }
10
+ ],
11
+ viewerId: 'seadragon-viewer',
12
+ hideNavigation: false,
13
+ libOptions: {
14
+ /* SHOW GROUP */
15
+ showNavigator: false, // shows the mini-map
16
+ autoHideControls: false,
17
+ /* SHOW BUTTONS */
18
+ showRotationControl: false,
19
+ showSequenceControl: true,
20
+ showHomeControl: true,
21
+ showZoomControl: true,
22
+ // showNavigationControl: false,
23
+ /* SEQUENCE */
24
+ sequenceMode: true, // allows having multiple images (as in array of images + zoomed image)
25
+ navigationControlAnchor: 'TOP_RIGHT',
26
+ },
27
+ _setViewer: (viewer) => viewer,
28
+ };
29
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2Utdmlld2VyLm1vY2suanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kdi1jb21wb25lbnRzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvaW1hZ2Utdmlld2VyL2ltYWdlLXZpZXdlci5tb2NrLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFvQjtJQUNoRCxNQUFNLEVBQUU7UUFDTjtZQUNFLElBQUksRUFBRSxPQUFPO1lBQ2IsR0FBRyxFQUFFLGtDQUFrQztZQUN2QyxZQUFZLEVBQUUsS0FBSztTQUNwQjtRQUNELGlGQUFpRjtRQUNqRixnRkFBZ0Y7S0FDakY7SUFDRCxRQUFRLEVBQUUsa0JBQWtCO0lBQzVCLGNBQWMsRUFBRSxLQUFLO0lBQ3JCLFVBQVUsRUFBRTtRQUNWLGdCQUFnQjtRQUNoQixhQUFhLEVBQUUsS0FBSyxFQUFFLHFCQUFxQjtRQUMzQyxnQkFBZ0IsRUFBRSxLQUFLO1FBRXZCLGtCQUFrQjtRQUNsQixtQkFBbUIsRUFBRSxLQUFLO1FBQzFCLG1CQUFtQixFQUFFLElBQUk7UUFDekIsZUFBZSxFQUFFLElBQUk7UUFDckIsZUFBZSxFQUFFLElBQUk7UUFDckIsZ0NBQWdDO1FBRWhDLGNBQWM7UUFDZCxZQUFZLEVBQUUsSUFBSSxFQUFFLHVFQUF1RTtRQUMzRix1QkFBdUIsRUFBRSxXQUFXO0tBQ3JDO0lBRUQsVUFBVSxFQUFFLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxNQUFNO0NBQy9CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbWFnZVZpZXdlckRhdGEgfSBmcm9tICcuL2ltYWdlLXZpZXdlcic7XG5cbmV4cG9ydCBjb25zdCBJTUFHRV9WSUVXRVJfTU9DSzogSW1hZ2VWaWV3ZXJEYXRhID0ge1xuICBpbWFnZXM6IFtcbiAgICB7XG4gICAgICB0eXBlOiAnaW1hZ2UnLFxuICAgICAgdXJsOiAnaHR0cDovL3BsYWNla2l0dGVuLmNvbS8xOTIwLzEwODAnLFxuICAgICAgYnVpbGRQeXJhbWlkOiBmYWxzZSxcbiAgICB9LFxuICAgIC8vIHsgdHlwZTogJ2ltYWdlJywgdXJsOiAnaHR0cDovL3BsYWNla2l0dGVuLmNvbS81MDAvNjAwJywgYnVpbGRQeXJhbWlkOiBmYWxzZSB9LFxuICAgIC8vIHsgdHlwZTogJ2ltYWdlJywgdXJsOiAnaHR0cDovL3BsYWNla2l0dGVuLmNvbS83MDAvNDAwJywgYnVpbGRQeXJhbWlkOiBmYWxzZSB9XG4gIF0sXG4gIHZpZXdlcklkOiAnc2VhZHJhZ29uLXZpZXdlcicsXG4gIGhpZGVOYXZpZ2F0aW9uOiBmYWxzZSxcbiAgbGliT3B0aW9uczoge1xuICAgIC8qIFNIT1cgR1JPVVAgKi9cbiAgICBzaG93TmF2aWdhdG9yOiBmYWxzZSwgLy8gc2hvd3MgdGhlIG1pbmktbWFwXG4gICAgYXV0b0hpZGVDb250cm9sczogZmFsc2UsXG5cbiAgICAvKiBTSE9XIEJVVFRPTlMgKi9cbiAgICBzaG93Um90YXRpb25Db250cm9sOiBmYWxzZSxcbiAgICBzaG93U2VxdWVuY2VDb250cm9sOiB0cnVlLFxuICAgIHNob3dIb21lQ29udHJvbDogdHJ1ZSxcbiAgICBzaG93Wm9vbUNvbnRyb2w6IHRydWUsXG4gICAgLy8gc2hvd05hdmlnYXRpb25Db250cm9sOiBmYWxzZSxcblxuICAgIC8qIFNFUVVFTkNFICovXG4gICAgc2VxdWVuY2VNb2RlOiB0cnVlLCAvLyBhbGxvd3MgaGF2aW5nIG11bHRpcGxlIGltYWdlcyAoYXMgaW4gYXJyYXkgb2YgaW1hZ2VzICsgem9vbWVkIGltYWdlKVxuICAgIG5hdmlnYXRpb25Db250cm9sQW5jaG9yOiAnVE9QX1JJR0hUJyxcbiAgfSxcblxuICBfc2V0Vmlld2VyOiAodmlld2VyKSA9PiB2aWV3ZXIsXG59O1xuIl19
@@ -0,0 +1,28 @@
1
+ //---------------------------
2
+ // IMAGE-VIEWER-TOOLS.ts
3
+ //---------------------------
4
+ import { Component, Input } from '@angular/core';
5
+ import * as i0 from "@angular/core";
6
+ import * as i1 from "@angular/common";
7
+ import * as i2 from "../anchor-wrapper/anchor-wrapper";
8
+ /**
9
+ * ImageViewerToolsComponent <n7-image-viewer-tools>
10
+ */
11
+ export class ImageViewerToolsComponent {
12
+ onClick(payload) {
13
+ if (!this.emit)
14
+ return;
15
+ this.emit('click', payload); // click
16
+ }
17
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: ImageViewerToolsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
18
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: ImageViewerToolsComponent, selector: "n7-image-viewer-tools", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-image-viewer-tools {{data.classes || ''}}\">\n <div class=\"n7-image-viewer-tools__bar\">\n <div class=\"n7-image-viewer-tools__controls\">\n <div class=\"n7-image-viewer-tools__control-wrapper\">\n <ng-container *ngIf=\"data.controls.description && data.description\">\n <n7-anchor-wrapper\n class=\"n7-image-viewer-tools__control-btn\"\n [ngClass]=\"{\n 'is-active': data.controls.description.isActive\n }\"\n [data]=\"data.controls.description.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <!-- $event -->\n <span\n class=\"n7-image-viewer-tools__control-btn-icon {{data.controls.description.icon}}\"\n ></span>\n </n7-anchor-wrapper>\n </ng-container>\n </div>\n\n <div class=\"n7-image-viewer-tools__control-wrapper\">\n <ng-container *ngIf=\"data.controls.thumbs\">\n <n7-anchor-wrapper\n class=\"n7-image-viewer-tools__control-btn\"\n [ngClass]=\"{\n 'is-active': data.controls.thumbs.isActive\n }\"\n [data]=\"data.controls.thumbs.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <!-- $event -->\n <span\n class=\"n7-image-viewer-tools__control-btn-icon {{data.controls.thumbs.icon}}\"\n ></span>\n </n7-anchor-wrapper>\n </ng-container>\n </div>\n </div>\n\n <div class=\"n7-image-viewer-tools__thumbs-description\">\n <div\n class=\"n7-image-viewer-tools__thumbs\"\n *ngIf=\"data.isVisible.thumbnails && data.images\"\n >\n <div class=\"n7-image-viewer-tools__thumbs-strip\">\n <div\n *ngFor=\"let img of data.images; let imgIndex = index\"\n class=\"n7-image-viewer-tools__thumb\"\n [class.active]=\"imgIndex == data.initial\"\n >\n <img\n class=\"n7-image-viewer-tools__thumb-image\"\n src=\"{{img.thumb}}\"\n (click)=\"onClick(img.payload)\"\n />\n </div>\n </div>\n\n <ng-container *ngIf=\"data.navigation\">\n <div\n class=\"{{ data.navigation.prev.classes || '' }}\"\n (click)=\"onClick(data.navigation.prev.payload)\"\n >\n <!-- (click)=\"\" -->\n <span class=\"n7-icon-angle-left\"></span>\n </div>\n <div\n class=\"{{ data.navigation.next.classes || '' }}\"\n (click)=\"onClick(data.navigation.next.payload)\"\n >\n <span class=\"n7-icon-angle-right\"></span>\n </div>\n </ng-container>\n </div>\n\n <div\n class=\"n7-image-viewer-tools__description\"\n *ngIf=\"data.isVisible.description\"\n >\n <div\n class=\"n7-image-viewer-tools__description-close\"\n (click)=\"onClick(data.controls.closedescription.anchor.payload)\"\n >\n <!-- data.controls.closedescription.anchor.payload -->\n <span class=\"{{data.controls.closedescription.icon}}\"></span>\n </div>\n <div class=\"n7-image-viewer-tools__description-text-wrapper\">\n <div\n class=\"n7-image-viewer-tools__description-text\"\n [innerHTML]=\"data.description\"\n ></div>\n </div>\n </div>\n </div>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }] }); }
19
+ }
20
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: ImageViewerToolsComponent, decorators: [{
21
+ type: Component,
22
+ args: [{ selector: 'n7-image-viewer-tools', template: "<div *ngIf=\"data\" class=\"n7-image-viewer-tools {{data.classes || ''}}\">\n <div class=\"n7-image-viewer-tools__bar\">\n <div class=\"n7-image-viewer-tools__controls\">\n <div class=\"n7-image-viewer-tools__control-wrapper\">\n <ng-container *ngIf=\"data.controls.description && data.description\">\n <n7-anchor-wrapper\n class=\"n7-image-viewer-tools__control-btn\"\n [ngClass]=\"{\n 'is-active': data.controls.description.isActive\n }\"\n [data]=\"data.controls.description.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <!-- $event -->\n <span\n class=\"n7-image-viewer-tools__control-btn-icon {{data.controls.description.icon}}\"\n ></span>\n </n7-anchor-wrapper>\n </ng-container>\n </div>\n\n <div class=\"n7-image-viewer-tools__control-wrapper\">\n <ng-container *ngIf=\"data.controls.thumbs\">\n <n7-anchor-wrapper\n class=\"n7-image-viewer-tools__control-btn\"\n [ngClass]=\"{\n 'is-active': data.controls.thumbs.isActive\n }\"\n [data]=\"data.controls.thumbs.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <!-- $event -->\n <span\n class=\"n7-image-viewer-tools__control-btn-icon {{data.controls.thumbs.icon}}\"\n ></span>\n </n7-anchor-wrapper>\n </ng-container>\n </div>\n </div>\n\n <div class=\"n7-image-viewer-tools__thumbs-description\">\n <div\n class=\"n7-image-viewer-tools__thumbs\"\n *ngIf=\"data.isVisible.thumbnails && data.images\"\n >\n <div class=\"n7-image-viewer-tools__thumbs-strip\">\n <div\n *ngFor=\"let img of data.images; let imgIndex = index\"\n class=\"n7-image-viewer-tools__thumb\"\n [class.active]=\"imgIndex == data.initial\"\n >\n <img\n class=\"n7-image-viewer-tools__thumb-image\"\n src=\"{{img.thumb}}\"\n (click)=\"onClick(img.payload)\"\n />\n </div>\n </div>\n\n <ng-container *ngIf=\"data.navigation\">\n <div\n class=\"{{ data.navigation.prev.classes || '' }}\"\n (click)=\"onClick(data.navigation.prev.payload)\"\n >\n <!-- (click)=\"\" -->\n <span class=\"n7-icon-angle-left\"></span>\n </div>\n <div\n class=\"{{ data.navigation.next.classes || '' }}\"\n (click)=\"onClick(data.navigation.next.payload)\"\n >\n <span class=\"n7-icon-angle-right\"></span>\n </div>\n </ng-container>\n </div>\n\n <div\n class=\"n7-image-viewer-tools__description\"\n *ngIf=\"data.isVisible.description\"\n >\n <div\n class=\"n7-image-viewer-tools__description-close\"\n (click)=\"onClick(data.controls.closedescription.anchor.payload)\"\n >\n <!-- data.controls.closedescription.anchor.payload -->\n <span class=\"{{data.controls.closedescription.icon}}\"></span>\n </div>\n <div class=\"n7-image-viewer-tools__description-text-wrapper\">\n <div\n class=\"n7-image-viewer-tools__description-text\"\n [innerHTML]=\"data.description\"\n ></div>\n </div>\n </div>\n </div>\n </div>\n</div>\n" }]
23
+ }], propDecorators: { data: [{
24
+ type: Input
25
+ }], emit: [{
26
+ type: Input
27
+ }] } });
28
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2Utdmlld2VyLXRvb2xzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHYtY29tcG9uZW50cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2ltYWdlLXZpZXdlci10b29scy9pbWFnZS12aWV3ZXItdG9vbHMudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kdi1jb21wb25lbnRzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvaW1hZ2Utdmlld2VyLXRvb2xzL2ltYWdlLXZpZXdlci10b29scy5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDZCQUE2QjtBQUM3Qix3QkFBd0I7QUFDeEIsNkJBQTZCO0FBRTdCLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBOEdqRDs7R0FFRztBQU1ILE1BQU0sT0FBTyx5QkFBeUI7SUFLcEMsT0FBTyxDQUFDLE9BQU87UUFDYixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUk7WUFBRSxPQUFPO1FBQ3ZCLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUTtJQUN2QyxDQUFDOzhHQVJVLHlCQUF5QjtrR0FBekIseUJBQXlCLHFHQzFIdEMsbStHQWlHQTs7MkZEeUJhLHlCQUF5QjtrQkFKckMsU0FBUzsrQkFDRSx1QkFBdUI7OEJBSXhCLElBQUk7c0JBQVosS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvLy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuLy8gSU1BR0UtVklFV0VSLVRPT0xTLnRzXG4vLy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBbmNob3IgfSBmcm9tICcuLi8uLi9zaGFyZWQtaW50ZXJmYWNlcyc7XG5cbi8qKlxuICogSW50ZXJmYWNlIGZvciBJbWFnZVZpZXdlckJ1dHRvbnNEYXRhLCBkZWZpbmVzIHRoZSB0aHVtYm5haWxcbiAqIHVybCBhbmQgaXRzIHJlbGF0aXZlIHBheWxvYWRcbiAqIEBwcm9wZXJ0eSB0aHVtYlxuICogQHByb3BlcnR5IHBheWxvYWRcbiAqL1xuZXhwb3J0IGludGVyZmFjZSBJbWFnZVZpZXdlclRodW1iRGF0YSB7XG4gIC8qKlxuICAgKiBUaHVtYm5haWwgVVJMXG4gICAqL1xuICB0aHVtYjogc3RyaW5nO1xuICAvKipcbiAgICogUGF5bG9hZCBvbiB0aHVtYm5haWwgY2xpY2tcbiAgICovXG4gIHBheWxvYWQ6IGFueTtcbiAgLyoqXG4gICAqIFRodW1ibmFpbCBjYXB0aW9uXG4gICAqL1xuICBjYXB0aW9uPzogc3RyaW5nO1xufVxuXG4vKipcbiAqIEludGVyZmFjZSBmb3IgSW1hZ2VWaWV3ZXJCdXR0b25zRGF0YSwgZGVmaW5lcyB0aGUgbG9vayBhbmRcbiAqIHBheWxvYWQgb2YgdGhlIGNvbnRyb2xzIGJ1dHRvbnNcbiAqIEBwcm9wZXJ0eSBpY29uXG4gKiBAcHJvcGVydHkgcGF5bG9hZFxuICovXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyQnV0dG9uRGF0YSB7XG4gIC8qKlxuICAgKiBDU1MgY2xhc3Mgb2YgdGhlIGljb24uIFVzdWFsbHkgZnJvbSBuNyBpY29uIHBhY2tcbiAgICovXG4gIGljb246IHN0cmluZztcbiAgLyoqXG4gICAqIEJ1dHRvbiBBbmNob3JcbiAgICovXG4gIGFuY2hvcj86IEFuY2hvcjtcbiAgaXNBY3RpdmU/OiBib29sZWFuO1xufVxuXG4vKipcbiAqIEludGVyZmFjZSBmb3IgSW1hZ2VWaWV3ZXJUb29sc0NvbXBvbmVudCdzIFwiZGF0YVwiXG4gKiBAcHJvcGVydHkgaW1hZ2VzXG4gKiBAcHJvcGVydHkgZGVzY3JpcHRpb25cbiAqIEBwcm9wZXJ0eSBjb250cm9sc1xuICogQHByb3BlcnR5IHNob3dEZXNjcmlwdGlvblxuICogQHByb3BlcnR5IHNob3dUaHVtYm5haWxzXG4gKiBAcHJvcGVydHkgY2xhc3NlcyAob3B0aW9uYWwpXG4gKiBAcHJvcGVydHkgcGF5bG9hZCAob3B0aW9uYWwpXG4gKiBAcHJvcGVydHkgX21ldGEgKG9wdGlvbmFsKVxuICovXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyVG9vbHNEYXRhIHtcbiAgLyoqXG4gICAqIGxpc3Qgb2YgaW1hZ2UncyB0aHVtYm5haWxzXG4gICAqL1xuICBpbWFnZXM6IEltYWdlVmlld2VyVGh1bWJEYXRhW107XG4gIC8qKlxuICAgKiBkZXNjcmlwdGlvbiB0byBiZSBzaG93biBpbiB0aGUgYm94XG4gICAqL1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgLyoqXG4gICAqIGRlc2NyaXB0aW9uL3RodW1ibmFpbHMgdmlzaWJpbGl0eSBjb250cm9sc1xuICAgKi9cbiAgY29udHJvbHM6IHtcbiAgICBkZXNjcmlwdGlvbjogSW1hZ2VWaWV3ZXJCdXR0b25EYXRhO1xuICAgIHRodW1iczogSW1hZ2VWaWV3ZXJCdXR0b25EYXRhO1xuICAgIGNsb3NlZGVzY3JpcHRpb246IEltYWdlVmlld2VyQnV0dG9uRGF0YTtcbiAgfTtcbiAgLyoqXG4gICAqIERlc2NyaXB0aW9uIC8gdGh1bWJuYWlsIHRvZ2dsZXJzXG4gICAqL1xuICBpc1Zpc2libGU6IHtcbiAgICAvKiogVG9nZ2xlIGRlc2NyaXB0aW9uIGJveCB2aXNpYmlsaXR5ICovXG4gICAgZGVzY3JpcHRpb246IGJvb2xlYW47XG4gICAgLyoqIFRvZ2dsZSB0aHVtYm5haWxzIHN0cmlwIHZpc2liaWxpdHkgKi9cbiAgICB0aHVtYm5haWxzOiBib29sZWFuO1xuICB9O1xuICAvKipcbiAgICogZGVzY3JpcHRpb24gb3ZlcmxheSBuYXZpZ2F0aW9uXG4gICAqL1xuICBuYXZpZ2F0aW9uPzoge1xuICAgIHByZXY6IHtcbiAgICAgIHBheWxvYWQ6IGFueTsgLy8gJ3ByZXYnXG4gICAgICBjbGFzc2VzPzogYW55O1xuICAgIH07XG4gICAgbmV4dDoge1xuICAgICAgcGF5bG9hZDogYW55OyAvLyAnbmV4dCdcbiAgICAgIGNsYXNzZXM/OiBhbnk7XG4gICAgfTtcbiAgfTtcbiAgLyoqXG4gICAqIEluaXRpYWwgaW1hZ2UgaW4gYXJyYXkgKHByb2dyZXNzaXZlIG51bWJlciBmcm9tIDApXG4gICAqL1xuICBpbml0aWFsOiBudW1iZXI7XG4gIC8qKlxuICAgKiBhZGRpdGlvbmFsIGh0bWwgY2xhc3Nlc1xuICAgKi9cbiAgY2xhc3Nlcz86IHN0cmluZztcbiAgLyoqXG4gICAqIGFjdGlvbiBjbGljaydzIHBheWxvYWRcbiAgICovXG4gIHBheWxvYWQ/OiBhbnk7XG4gIC8qKlxuICAgKiBhZGRpdGlvbmFsIGluZm9cbiAgICovXG4gIF9tZXRhPzogYW55O1xufVxuXG4vKipcbiAqIEltYWdlVmlld2VyVG9vbHNDb21wb25lbnQgPG43LWltYWdlLXZpZXdlci10b29scz5cbiAqL1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduNy1pbWFnZS12aWV3ZXItdG9vbHMnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW1hZ2Utdmlld2VyLXRvb2xzLmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBJbWFnZVZpZXdlclRvb2xzQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZGF0YTogSW1hZ2VWaWV3ZXJUb29sc0RhdGE7XG5cbiAgQElucHV0KCkgZW1pdDogYW55O1xuXG4gIG9uQ2xpY2socGF5bG9hZCkge1xuICAgIGlmICghdGhpcy5lbWl0KSByZXR1cm47XG4gICAgdGhpcy5lbWl0KCdjbGljaycsIHBheWxvYWQpOyAvLyBjbGlja1xuICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwiZGF0YVwiIGNsYXNzPVwibjctaW1hZ2Utdmlld2VyLXRvb2xzIHt7ZGF0YS5jbGFzc2VzIHx8ICcnfX1cIj5cbiAgPGRpdiBjbGFzcz1cIm43LWltYWdlLXZpZXdlci10b29sc19fYmFyXCI+XG4gICAgPGRpdiBjbGFzcz1cIm43LWltYWdlLXZpZXdlci10b29sc19fY29udHJvbHNcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJuNy1pbWFnZS12aWV3ZXItdG9vbHNfX2NvbnRyb2wtd3JhcHBlclwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZGF0YS5jb250cm9scy5kZXNjcmlwdGlvbiAmJiBkYXRhLmRlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgPG43LWFuY2hvci13cmFwcGVyXG4gICAgICAgICAgICBjbGFzcz1cIm43LWltYWdlLXZpZXdlci10b29sc19fY29udHJvbC1idG5cIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgICAgICAgICAgICAgJ2lzLWFjdGl2ZSc6IGRhdGEuY29udHJvbHMuZGVzY3JpcHRpb24uaXNBY3RpdmVcbiAgICAgICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICBbZGF0YV09XCJkYXRhLmNvbnRyb2xzLmRlc2NyaXB0aW9uLmFuY2hvclwiXG4gICAgICAgICAgICAoY2xpY2tlZCk9XCJvbkNsaWNrKCRldmVudClcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDwhLS0gJGV2ZW50IC0tPlxuICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgY2xhc3M9XCJuNy1pbWFnZS12aWV3ZXItdG9vbHNfX2NvbnRyb2wtYnRuLWljb24ge3tkYXRhLmNvbnRyb2xzLmRlc2NyaXB0aW9uLmljb259fVwiXG4gICAgICAgICAgICA+PC9zcGFuPlxuICAgICAgICAgIDwvbjctYW5jaG9yLXdyYXBwZXI+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXYgY2xhc3M9XCJuNy1pbWFnZS12aWV3ZXItdG9vbHNfX2NvbnRyb2wtd3JhcHBlclwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZGF0YS5jb250cm9scy50aHVtYnNcIj5cbiAgICAgICAgICA8bjctYW5jaG9yLXdyYXBwZXJcbiAgICAgICAgICAgIGNsYXNzPVwibjctaW1hZ2Utdmlld2VyLXRvb2xzX19jb250cm9sLWJ0blwiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICAgICAgICAgICAnaXMtYWN0aXZlJzogZGF0YS5jb250cm9scy50aHVtYnMuaXNBY3RpdmVcbiAgICAgICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICBbZGF0YV09XCJkYXRhLmNvbnRyb2xzLnRodW1icy5hbmNob3JcIlxuICAgICAgICAgICAgKGNsaWNrZWQpPVwib25DbGljaygkZXZlbnQpXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8IS0tICRldmVudCAtLT5cbiAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgIGNsYXNzPVwibjctaW1hZ2Utdmlld2VyLXRvb2xzX19jb250cm9sLWJ0bi1pY29uIHt7ZGF0YS5jb250cm9scy50aHVtYnMuaWNvbn19XCJcbiAgICAgICAgICAgID48L3NwYW4+XG4gICAgICAgICAgPC9uNy1hbmNob3Itd3JhcHBlcj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJuNy1pbWFnZS12aWV3ZXItdG9vbHNfX3RodW1icy1kZXNjcmlwdGlvblwiPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cIm43LWltYWdlLXZpZXdlci10b29sc19fdGh1bWJzXCJcbiAgICAgICAgKm5nSWY9XCJkYXRhLmlzVmlzaWJsZS50aHVtYm5haWxzICYmIGRhdGEuaW1hZ2VzXCJcbiAgICAgID5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm43LWltYWdlLXZpZXdlci10b29sc19fdGh1bWJzLXN0cmlwXCI+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgKm5nRm9yPVwibGV0IGltZyBvZiBkYXRhLmltYWdlczsgbGV0IGltZ0luZGV4ID0gaW5kZXhcIlxuICAgICAgICAgICAgY2xhc3M9XCJuNy1pbWFnZS12aWV3ZXItdG9vbHNfX3RodW1iXCJcbiAgICAgICAgICAgIFtjbGFzcy5hY3RpdmVdPVwiaW1nSW5kZXggPT0gZGF0YS5pbml0aWFsXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgIGNsYXNzPVwibjctaW1hZ2Utdmlld2VyLXRvb2xzX190aHVtYi1pbWFnZVwiXG4gICAgICAgICAgICAgIHNyYz1cInt7aW1nLnRodW1ifX1cIlxuICAgICAgICAgICAgICAoY2xpY2spPVwib25DbGljayhpbWcucGF5bG9hZClcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImRhdGEubmF2aWdhdGlvblwiPlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzPVwie3sgZGF0YS5uYXZpZ2F0aW9uLnByZXYuY2xhc3NlcyB8fCAnJyB9fVwiXG4gICAgICAgICAgICAoY2xpY2spPVwib25DbGljayhkYXRhLm5hdmlnYXRpb24ucHJldi5wYXlsb2FkKVwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPCEtLSAoY2xpY2spPVwiXCIgLS0+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm43LWljb24tYW5nbGUtbGVmdFwiPjwvc3Bhbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzcz1cInt7IGRhdGEubmF2aWdhdGlvbi5uZXh0LmNsYXNzZXMgfHwgJycgfX1cIlxuICAgICAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2soZGF0YS5uYXZpZ2F0aW9uLm5leHQucGF5bG9hZClcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibjctaWNvbi1hbmdsZS1yaWdodFwiPjwvc3Bhbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cIm43LWltYWdlLXZpZXdlci10b29sc19fZGVzY3JpcHRpb25cIlxuICAgICAgICAqbmdJZj1cImRhdGEuaXNWaXNpYmxlLmRlc2NyaXB0aW9uXCJcbiAgICAgID5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzPVwibjctaW1hZ2Utdmlld2VyLXRvb2xzX19kZXNjcmlwdGlvbi1jbG9zZVwiXG4gICAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2soZGF0YS5jb250cm9scy5jbG9zZWRlc2NyaXB0aW9uLmFuY2hvci5wYXlsb2FkKVwiXG4gICAgICAgID5cbiAgICAgICAgICA8IS0tIGRhdGEuY29udHJvbHMuY2xvc2VkZXNjcmlwdGlvbi5hbmNob3IucGF5bG9hZCAtLT5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInt7ZGF0YS5jb250cm9scy5jbG9zZWRlc2NyaXB0aW9uLmljb259fVwiPjwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJuNy1pbWFnZS12aWV3ZXItdG9vbHNfX2Rlc2NyaXB0aW9uLXRleHQtd3JhcHBlclwiPlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzPVwibjctaW1hZ2Utdmlld2VyLXRvb2xzX19kZXNjcmlwdGlvbi10ZXh0XCJcbiAgICAgICAgICAgIFtpbm5lckhUTUxdPVwiZGF0YS5kZXNjcmlwdGlvblwiXG4gICAgICAgICAgPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
@@ -0,0 +1,54 @@
1
+ export const IMAGE_VIEWER_TOOLS_MOCK = {
2
+ images: [
3
+ { thumb: 'http://placekitten.com/200/130', payload: 'img1-payload' },
4
+ { thumb: 'http://placekitten.com/20/180', payload: 'img2-payload' },
5
+ { thumb: 'http://placekitten.com/90/110', payload: 'img3-payload' },
6
+ { thumb: 'http://placekitten.com/200/40', payload: 'img4-payload' },
7
+ { thumb: 'http://placekitten.com/90/280', payload: 'img5-payload' },
8
+ { thumb: 'http://placekitten.com/90/110', payload: 'img6-payload' },
9
+ { thumb: 'http://placekitten.com/200/130', payload: 'img7-payload' },
10
+ { thumb: 'http://placekitten.com/90/180', payload: 'img8-payload' },
11
+ { thumb: 'http://placekitten.com/90/110', payload: 'img9-payload' },
12
+ { thumb: 'http://placekitten.com/200/130', payload: 'img10-payload' },
13
+ { thumb: 'http://placekitten.com/90/180', payload: 'img11-payload' },
14
+ { thumb: 'http://placekitten.com/90/110', payload: 'img12-payload' },
15
+ { thumb: 'http://placekitten.com/200/130', payload: 'img13-payload' },
16
+ { thumb: 'http://placekitten.com/90/180', payload: 'img14-payload' },
17
+ { thumb: 'http://placekitten.com/90/110', payload: 'img15-payload' },
18
+ { thumb: 'http://placekitten.com/200/130', payload: 'img16-payload' },
19
+ { thumb: 'http://placekitten.com/90/180', payload: 'img17-payload' },
20
+ { thumb: 'http://placekitten.com/90/110', payload: 'img18-payload' },
21
+ ],
22
+ description: 'Spazio da riempire con una descrizione su trigger evento<br>Per testare le thumbnails <b>cambiare le flag in isVisible nel mock</b><br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget egestas mi, at maximus risus. Vivamus quis eros vel orci hendrerit luctus a elementum massa. Ut posuere semper consectetur. Phasellus nec sem non justo pharetra commodo. Ut eget leo id odio accumsan ullamcorper. Morbi porttitor, eros ornare blandit fringilla, ex augue elementum leo, ac porttitor enim ligula at magna. Vivamus a massa eu lacus porttitor cursus. Aliquam elementum tellus eget ornare pellentesque. Pellentesque lacinia egestas auctor. Sed hendrerit sollicitudin erat, vitae condimentum urna maximus hendrerit. Pellentesque ut elit diam. Quisque tempor libero varius laoreet ornare. Vivamus ultricies luctus lorem eu aliquam. Spazio da riempire con una descrizione su trigger evento<br>Per testare le thumbnails <b>cambiare le flag in isVisible nel mock</b><br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget egestas mi, at maximus risus. Vivamus quis eros vel orci hendrerit luctus a elementum massa. Ut posuere semper consectetur. Phasellus nec sem non justo pharetra commodo. Ut eget leo id odio accumsan ullamcorper. Morbi porttitor, eros ornare blandit fringilla, ex augue elementum leo, ac porttitor enim ligula at magna. Vivamus a massa eu lacus porttitor cursus. Aliquam elementum tellus eget ornare pellentesque. Pellentesque lacinia egestas auctor. Sed hendrerit sollicitudin erat, vitae condimentum urna maximus hendrerit. Pellentesque ut elit diam. Quisque tempor libero varius laoreet ornare. Vivamus ultricies luctus lorem eu aliquam. Spazio da riempire con una descrizione su trigger evento<br>Per testare le thumbnails <b>cambiare le flag in isVisible nel mock</b><br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget egestas mi, at maximus risus. Vivamus quis eros vel orci hendrerit luctus a elementum massa. Ut posuere semper consectetur. Phasellus nec sem non justo pharetra commodo. Ut eget leo id odio accumsan ullamcorper. Morbi porttitor, eros ornare blandit fringilla, ex augue elementum leo, ac porttitor enim ligula at magna. Vivamus a massa eu lacus porttitor cursus. Aliquam elementum tellus eget ornare pellentesque. Pellentesque lacinia egestas auctor. Sed hendrerit sollicitudin erat, vitae condimentum urna maximus hendrerit. Pellentesque ut elit diam. Quisque tempor libero varius laoreet ornare. Vivamus ultricies luctus lorem eu aliquam. Spazio da riempire con una descrizione su trigger evento<br>Per testare le thumbnails <b>cambiare le flag in isVisible nel mock</b><br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget egestas mi, at maximus risus. Vivamus quis eros vel orci hendrerit luctus a elementum massa. Ut posuere semper consectetur. Phasellus nec sem non justo pharetra commodo. Ut eget leo id odio accumsan ullamcorper. Morbi porttitor, eros ornare blandit fringilla, ex augue elementum leo, ac porttitor enim ligula at magna. Vivamus a massa eu lacus porttitor cursus. Aliquam elementum tellus eget ornare pellentesque. Pellentesque lacinia egestas auctor. Sed hendrerit sollicitudin erat, vitae condimentum urna maximus hendrerit. Pellentesque ut elit diam. Quisque tempor libero varius laoreet ornare. Vivamus ultricies luctus lorem eu aliquam.',
23
+ controls: {
24
+ description: {
25
+ icon: 'n7-icon-info',
26
+ anchor: { payload: 'toggle-description' },
27
+ },
28
+ thumbs: {
29
+ icon: 'n7-icon-thumbs',
30
+ anchor: { payload: 'toggle-thumbs' },
31
+ },
32
+ closedescription: {
33
+ icon: 'n7-icon-close',
34
+ anchor: { payload: 'close-description' },
35
+ },
36
+ },
37
+ navigation: {
38
+ prev: {
39
+ payload: 'prev', // 'prev'
40
+ classes: 'n7-image-viewer-tools__thumbs-scroll-left',
41
+ },
42
+ next: {
43
+ payload: 'next', // 'next'
44
+ classes: 'n7-image-viewer-tools__thumbs-scroll-right',
45
+ },
46
+ },
47
+ isVisible: {
48
+ description: false,
49
+ thumbnails: true,
50
+ },
51
+ classes: 'n7-image-viewer-tools__test',
52
+ initial: 0,
53
+ };
54
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2Utdmlld2VyLXRvb2xzLm1vY2suanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kdi1jb21wb25lbnRzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvaW1hZ2Utdmlld2VyLXRvb2xzL2ltYWdlLXZpZXdlci10b29scy5tb2NrLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBQyxNQUFNLHVCQUF1QixHQUF5QjtJQUMzRCxNQUFNLEVBQUU7UUFDTixFQUFFLEtBQUssRUFBRSxnQ0FBZ0MsRUFBRSxPQUFPLEVBQUUsY0FBYyxFQUFFO1FBQ3BFLEVBQUUsS0FBSyxFQUFFLCtCQUErQixFQUFFLE9BQU8sRUFBRSxjQUFjLEVBQUU7UUFDbkUsRUFBRSxLQUFLLEVBQUUsK0JBQStCLEVBQUUsT0FBTyxFQUFFLGNBQWMsRUFBRTtRQUNuRSxFQUFFLEtBQUssRUFBRSwrQkFBK0IsRUFBRSxPQUFPLEVBQUUsY0FBYyxFQUFFO1FBQ25FLEVBQUUsS0FBSyxFQUFFLCtCQUErQixFQUFFLE9BQU8sRUFBRSxjQUFjLEVBQUU7UUFDbkUsRUFBRSxLQUFLLEVBQUUsK0JBQStCLEVBQUUsT0FBTyxFQUFFLGNBQWMsRUFBRTtRQUNuRSxFQUFFLEtBQUssRUFBRSxnQ0FBZ0MsRUFBRSxPQUFPLEVBQUUsY0FBYyxFQUFFO1FBQ3BFLEVBQUUsS0FBSyxFQUFFLCtCQUErQixFQUFFLE9BQU8sRUFBRSxjQUFjLEVBQUU7UUFDbkUsRUFBRSxLQUFLLEVBQUUsK0JBQStCLEVBQUUsT0FBTyxFQUFFLGNBQWMsRUFBRTtRQUNuRSxFQUFFLEtBQUssRUFBRSxnQ0FBZ0MsRUFBRSxPQUFPLEVBQUUsZUFBZSxFQUFFO1FBQ3JFLEVBQUUsS0FBSyxFQUFFLCtCQUErQixFQUFFLE9BQU8sRUFBRSxlQUFlLEVBQUU7UUFDcEUsRUFBRSxLQUFLLEVBQUUsK0JBQStCLEVBQUUsT0FBTyxFQUFFLGVBQWUsRUFBRTtRQUNwRSxFQUFFLEtBQUssRUFBRSxnQ0FBZ0MsRUFBRSxPQUFPLEVBQUUsZUFBZSxFQUFFO1FBQ3JFLEVBQUUsS0FBSyxFQUFFLCtCQUErQixFQUFFLE9BQU8sRUFBRSxlQUFlLEVBQUU7UUFDcEUsRUFBRSxLQUFLLEVBQUUsK0JBQStCLEVBQUUsT0FBTyxFQUFFLGVBQWUsRUFBRTtRQUNwRSxFQUFFLEtBQUssRUFBRSxnQ0FBZ0MsRUFBRSxPQUFPLEVBQUUsZUFBZSxFQUFFO1FBQ3JFLEVBQUUsS0FBSyxFQUFFLCtCQUErQixFQUFFLE9BQU8sRUFBRSxlQUFlLEVBQUU7UUFDcEUsRUFBRSxLQUFLLEVBQUUsK0JBQStCLEVBQUUsT0FBTyxFQUFFLGVBQWUsRUFBRTtLQUNyRTtJQUVELFdBQVcsRUFDVCxpekdBQWl6RztJQUVuekcsUUFBUSxFQUFFO1FBQ1IsV0FBVyxFQUFFO1lBQ1gsSUFBSSxFQUFFLGNBQWM7WUFDcEIsTUFBTSxFQUFFLEVBQUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFO1NBQzFDO1FBQ0QsTUFBTSxFQUFFO1lBQ04sSUFBSSxFQUFFLGdCQUFnQjtZQUN0QixNQUFNLEVBQUUsRUFBRSxPQUFPLEVBQUUsZUFBZSxFQUFFO1NBQ3JDO1FBQ0QsZ0JBQWdCLEVBQUU7WUFDaEIsSUFBSSxFQUFFLGVBQWU7WUFDckIsTUFBTSxFQUFFLEVBQUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFO1NBQ3pDO0tBQ0Y7SUFFRCxVQUFVLEVBQUU7UUFDVixJQUFJLEVBQUU7WUFDSixPQUFPLEVBQUUsTUFBTSxFQUFFLFNBQVM7WUFDMUIsT0FBTyxFQUFFLDJDQUEyQztTQUNyRDtRQUNELElBQUksRUFBRTtZQUNKLE9BQU8sRUFBRSxNQUFNLEVBQUUsU0FBUztZQUMxQixPQUFPLEVBQUUsNENBQTRDO1NBQ3REO0tBQ0Y7SUFFRCxTQUFTLEVBQUU7UUFDVCxXQUFXLEVBQUUsS0FBSztRQUNsQixVQUFVLEVBQUUsSUFBSTtLQUNqQjtJQUVELE9BQU8sRUFBRSw2QkFBNkI7SUFFdEMsT0FBTyxFQUFFLENBQUM7Q0FDWCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW1hZ2VWaWV3ZXJUb29sc0RhdGEgfSBmcm9tICcuL2ltYWdlLXZpZXdlci10b29scyc7XG5cbmV4cG9ydCBjb25zdCBJTUFHRV9WSUVXRVJfVE9PTFNfTU9DSzogSW1hZ2VWaWV3ZXJUb29sc0RhdGEgPSB7XG4gIGltYWdlczogW1xuICAgIHsgdGh1bWI6ICdodHRwOi8vcGxhY2VraXR0ZW4uY29tLzIwMC8xMzAnLCBwYXlsb2FkOiAnaW1nMS1wYXlsb2FkJyB9LFxuICAgIHsgdGh1bWI6ICdodHRwOi8vcGxhY2VraXR0ZW4uY29tLzIwLzE4MCcsIHBheWxvYWQ6ICdpbWcyLXBheWxvYWQnIH0sXG4gICAgeyB0aHVtYjogJ2h0dHA6Ly9wbGFjZWtpdHRlbi5jb20vOTAvMTEwJywgcGF5bG9hZDogJ2ltZzMtcGF5bG9hZCcgfSxcbiAgICB7IHRodW1iOiAnaHR0cDovL3BsYWNla2l0dGVuLmNvbS8yMDAvNDAnLCBwYXlsb2FkOiAnaW1nNC1wYXlsb2FkJyB9LFxuICAgIHsgdGh1bWI6ICdodHRwOi8vcGxhY2VraXR0ZW4uY29tLzkwLzI4MCcsIHBheWxvYWQ6ICdpbWc1LXBheWxvYWQnIH0sXG4gICAgeyB0aHVtYjogJ2h0dHA6Ly9wbGFjZWtpdHRlbi5jb20vOTAvMTEwJywgcGF5bG9hZDogJ2ltZzYtcGF5bG9hZCcgfSxcbiAgICB7IHRodW1iOiAnaHR0cDovL3BsYWNla2l0dGVuLmNvbS8yMDAvMTMwJywgcGF5bG9hZDogJ2ltZzctcGF5bG9hZCcgfSxcbiAgICB7IHRodW1iOiAnaHR0cDovL3BsYWNla2l0dGVuLmNvbS85MC8xODAnLCBwYXlsb2FkOiAnaW1nOC1wYXlsb2FkJyB9LFxuICAgIHsgdGh1bWI6ICdodHRwOi8vcGxhY2VraXR0ZW4uY29tLzkwLzExMCcsIHBheWxvYWQ6ICdpbWc5LXBheWxvYWQnIH0sXG4gICAgeyB0aHVtYjogJ2h0dHA6Ly9wbGFjZWtpdHRlbi5jb20vMjAwLzEzMCcsIHBheWxvYWQ6ICdpbWcxMC1wYXlsb2FkJyB9LFxuICAgIHsgdGh1bWI6ICdodHRwOi8vcGxhY2VraXR0ZW4uY29tLzkwLzE4MCcsIHBheWxvYWQ6ICdpbWcxMS1wYXlsb2FkJyB9LFxuICAgIHsgdGh1bWI6ICdodHRwOi8vcGxhY2VraXR0ZW4uY29tLzkwLzExMCcsIHBheWxvYWQ6ICdpbWcxMi1wYXlsb2FkJyB9LFxuICAgIHsgdGh1bWI6ICdodHRwOi8vcGxhY2VraXR0ZW4uY29tLzIwMC8xMzAnLCBwYXlsb2FkOiAnaW1nMTMtcGF5bG9hZCcgfSxcbiAgICB7IHRodW1iOiAnaHR0cDovL3BsYWNla2l0dGVuLmNvbS85MC8xODAnLCBwYXlsb2FkOiAnaW1nMTQtcGF5bG9hZCcgfSxcbiAgICB7IHRodW1iOiAnaHR0cDovL3BsYWNla2l0dGVuLmNvbS85MC8xMTAnLCBwYXlsb2FkOiAnaW1nMTUtcGF5bG9hZCcgfSxcbiAgICB7IHRodW1iOiAnaHR0cDovL3BsYWNla2l0dGVuLmNvbS8yMDAvMTMwJywgcGF5bG9hZDogJ2ltZzE2LXBheWxvYWQnIH0sXG4gICAgeyB0aHVtYjogJ2h0dHA6Ly9wbGFjZWtpdHRlbi5jb20vOTAvMTgwJywgcGF5bG9hZDogJ2ltZzE3LXBheWxvYWQnIH0sXG4gICAgeyB0aHVtYjogJ2h0dHA6Ly9wbGFjZWtpdHRlbi5jb20vOTAvMTEwJywgcGF5bG9hZDogJ2ltZzE4LXBheWxvYWQnIH0sXG4gIF0sXG5cbiAgZGVzY3JpcHRpb246XG4gICAgJ1NwYXppbyBkYSByaWVtcGlyZSBjb24gdW5hIGRlc2NyaXppb25lIHN1IHRyaWdnZXIgZXZlbnRvPGJyPlBlciB0ZXN0YXJlIGxlIHRodW1ibmFpbHMgPGI+Y2FtYmlhcmUgbGUgZmxhZyBpbiBpc1Zpc2libGUgbmVsIG1vY2s8L2I+PGJyPjxicj5Mb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzY2luZyBlbGl0LiBJbiBlZ2V0IGVnZXN0YXMgbWksIGF0IG1heGltdXMgcmlzdXMuIFZpdmFtdXMgcXVpcyBlcm9zIHZlbCBvcmNpIGhlbmRyZXJpdCBsdWN0dXMgYSBlbGVtZW50dW0gbWFzc2EuIFV0IHBvc3VlcmUgc2VtcGVyIGNvbnNlY3RldHVyLiBQaGFzZWxsdXMgbmVjIHNlbSBub24ganVzdG8gcGhhcmV0cmEgY29tbW9kby4gVXQgZWdldCBsZW8gaWQgb2RpbyBhY2N1bXNhbiB1bGxhbWNvcnBlci4gTW9yYmkgcG9ydHRpdG9yLCBlcm9zIG9ybmFyZSBibGFuZGl0IGZyaW5naWxsYSwgZXggYXVndWUgZWxlbWVudHVtIGxlbywgYWMgcG9ydHRpdG9yIGVuaW0gbGlndWxhIGF0IG1hZ25hLiBWaXZhbXVzIGEgbWFzc2EgZXUgbGFjdXMgcG9ydHRpdG9yIGN1cnN1cy4gQWxpcXVhbSBlbGVtZW50dW0gdGVsbHVzIGVnZXQgb3JuYXJlIHBlbGxlbnRlc3F1ZS4gUGVsbGVudGVzcXVlIGxhY2luaWEgZWdlc3RhcyBhdWN0b3IuIFNlZCBoZW5kcmVyaXQgc29sbGljaXR1ZGluIGVyYXQsIHZpdGFlIGNvbmRpbWVudHVtIHVybmEgbWF4aW11cyBoZW5kcmVyaXQuIFBlbGxlbnRlc3F1ZSB1dCBlbGl0IGRpYW0uIFF1aXNxdWUgdGVtcG9yIGxpYmVybyB2YXJpdXMgbGFvcmVldCBvcm5hcmUuIFZpdmFtdXMgdWx0cmljaWVzIGx1Y3R1cyBsb3JlbSBldSBhbGlxdWFtLiBTcGF6aW8gZGEgcmllbXBpcmUgY29uIHVuYSBkZXNjcml6aW9uZSBzdSB0cmlnZ2VyIGV2ZW50bzxicj5QZXIgdGVzdGFyZSBsZSB0aHVtYm5haWxzIDxiPmNhbWJpYXJlIGxlIGZsYWcgaW4gaXNWaXNpYmxlIG5lbCBtb2NrPC9iPjxicj48YnI+TG9yZW0gaXBzdW0gZG9sb3Igc2l0IGFtZXQsIGNvbnNlY3RldHVyIGFkaXBpc2NpbmcgZWxpdC4gSW4gZWdldCBlZ2VzdGFzIG1pLCBhdCBtYXhpbXVzIHJpc3VzLiBWaXZhbXVzIHF1aXMgZXJvcyB2ZWwgb3JjaSBoZW5kcmVyaXQgbHVjdHVzIGEgZWxlbWVudHVtIG1hc3NhLiBVdCBwb3N1ZXJlIHNlbXBlciBjb25zZWN0ZXR1ci4gUGhhc2VsbHVzIG5lYyBzZW0gbm9uIGp1c3RvIHBoYXJldHJhIGNvbW1vZG8uIFV0IGVnZXQgbGVvIGlkIG9kaW8gYWNjdW1zYW4gdWxsYW1jb3JwZXIuIE1vcmJpIHBvcnR0aXRvciwgZXJvcyBvcm5hcmUgYmxhbmRpdCBmcmluZ2lsbGEsIGV4IGF1Z3VlIGVsZW1lbnR1bSBsZW8sIGFjIHBvcnR0aXRvciBlbmltIGxpZ3VsYSBhdCBtYWduYS4gVml2YW11cyBhIG1hc3NhIGV1IGxhY3VzIHBvcnR0aXRvciBjdXJzdXMuIEFsaXF1YW0gZWxlbWVudHVtIHRlbGx1cyBlZ2V0IG9ybmFyZSBwZWxsZW50ZXNxdWUuIFBlbGxlbnRlc3F1ZSBsYWNpbmlhIGVnZXN0YXMgYXVjdG9yLiBTZWQgaGVuZHJlcml0IHNvbGxpY2l0dWRpbiBlcmF0LCB2aXRhZSBjb25kaW1lbnR1bSB1cm5hIG1heGltdXMgaGVuZHJlcml0LiBQZWxsZW50ZXNxdWUgdXQgZWxpdCBkaWFtLiBRdWlzcXVlIHRlbXBvciBsaWJlcm8gdmFyaXVzIGxhb3JlZXQgb3JuYXJlLiBWaXZhbXVzIHVsdHJpY2llcyBsdWN0dXMgbG9yZW0gZXUgYWxpcXVhbS4gU3BhemlvIGRhIHJpZW1waXJlIGNvbiB1bmEgZGVzY3JpemlvbmUgc3UgdHJpZ2dlciBldmVudG88YnI+UGVyIHRlc3RhcmUgbGUgdGh1bWJuYWlscyA8Yj5jYW1iaWFyZSBsZSBmbGFnIGluIGlzVmlzaWJsZSBuZWwgbW9jazwvYj48YnI+PGJyPkxvcmVtIGlwc3VtIGRvbG9yIHNpdCBhbWV0LCBjb25zZWN0ZXR1ciBhZGlwaXNjaW5nIGVsaXQuIEluIGVnZXQgZWdlc3RhcyBtaSwgYXQgbWF4aW11cyByaXN1cy4gVml2YW11cyBxdWlzIGVyb3MgdmVsIG9yY2kgaGVuZHJlcml0IGx1Y3R1cyBhIGVsZW1lbnR1bSBtYXNzYS4gVXQgcG9zdWVyZSBzZW1wZXIgY29uc2VjdGV0dXIuIFBoYXNlbGx1cyBuZWMgc2VtIG5vbiBqdXN0byBwaGFyZXRyYSBjb21tb2RvLiBVdCBlZ2V0IGxlbyBpZCBvZGlvIGFjY3Vtc2FuIHVsbGFtY29ycGVyLiBNb3JiaSBwb3J0dGl0b3IsIGVyb3Mgb3JuYXJlIGJsYW5kaXQgZnJpbmdpbGxhLCBleCBhdWd1ZSBlbGVtZW50dW0gbGVvLCBhYyBwb3J0dGl0b3IgZW5pbSBsaWd1bGEgYXQgbWFnbmEuIFZpdmFtdXMgYSBtYXNzYSBldSBsYWN1cyBwb3J0dGl0b3IgY3Vyc3VzLiBBbGlxdWFtIGVsZW1lbnR1bSB0ZWxsdXMgZWdldCBvcm5hcmUgcGVsbGVudGVzcXVlLiBQZWxsZW50ZXNxdWUgbGFjaW5pYSBlZ2VzdGFzIGF1Y3Rvci4gU2VkIGhlbmRyZXJpdCBzb2xsaWNpdHVkaW4gZXJhdCwgdml0YWUgY29uZGltZW50dW0gdXJuYSBtYXhpbXVzIGhlbmRyZXJpdC4gUGVsbGVudGVzcXVlIHV0IGVsaXQgZGlhbS4gUXVpc3F1ZSB0ZW1wb3IgbGliZXJvIHZhcml1cyBsYW9yZWV0IG9ybmFyZS4gVml2YW11cyB1bHRyaWNpZXMgbHVjdHVzIGxvcmVtIGV1IGFsaXF1YW0uIFNwYXppbyBkYSByaWVtcGlyZSBjb24gdW5hIGRlc2NyaXppb25lIHN1IHRyaWdnZXIgZXZlbnRvPGJyPlBlciB0ZXN0YXJlIGxlIHRodW1ibmFpbHMgPGI+Y2FtYmlhcmUgbGUgZmxhZyBpbiBpc1Zpc2libGUgbmVsIG1vY2s8L2I+PGJyPjxicj5Mb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzY2luZyBlbGl0LiBJbiBlZ2V0IGVnZXN0YXMgbWksIGF0IG1heGltdXMgcmlzdXMuIFZpdmFtdXMgcXVpcyBlcm9zIHZlbCBvcmNpIGhlbmRyZXJpdCBsdWN0dXMgYSBlbGVtZW50dW0gbWFzc2EuIFV0IHBvc3VlcmUgc2VtcGVyIGNvbnNlY3RldHVyLiBQaGFzZWxsdXMgbmVjIHNlbSBub24ganVzdG8gcGhhcmV0cmEgY29tbW9kby4gVXQgZWdldCBsZW8gaWQgb2RpbyBhY2N1bXNhbiB1bGxhbWNvcnBlci4gTW9yYmkgcG9ydHRpdG9yLCBlcm9zIG9ybmFyZSBibGFuZGl0IGZyaW5naWxsYSwgZXggYXVndWUgZWxlbWVudHVtIGxlbywgYWMgcG9ydHRpdG9yIGVuaW0gbGlndWxhIGF0IG1hZ25hLiBWaXZhbXVzIGEgbWFzc2EgZXUgbGFjdXMgcG9ydHRpdG9yIGN1cnN1cy4gQWxpcXVhbSBlbGVtZW50dW0gdGVsbHVzIGVnZXQgb3JuYXJlIHBlbGxlbnRlc3F1ZS4gUGVsbGVudGVzcXVlIGxhY2luaWEgZWdlc3RhcyBhdWN0b3IuIFNlZCBoZW5kcmVyaXQgc29sbGljaXR1ZGluIGVyYXQsIHZpdGFlIGNvbmRpbWVudHVtIHVybmEgbWF4aW11cyBoZW5kcmVyaXQuIFBlbGxlbnRlc3F1ZSB1dCBlbGl0IGRpYW0uIFF1aXNxdWUgdGVtcG9yIGxpYmVybyB2YXJpdXMgbGFvcmVldCBvcm5hcmUuIFZpdmFtdXMgdWx0cmljaWVzIGx1Y3R1cyBsb3JlbSBldSBhbGlxdWFtLicsXG5cbiAgY29udHJvbHM6IHtcbiAgICBkZXNjcmlwdGlvbjoge1xuICAgICAgaWNvbjogJ243LWljb24taW5mbycsXG4gICAgICBhbmNob3I6IHsgcGF5bG9hZDogJ3RvZ2dsZS1kZXNjcmlwdGlvbicgfSxcbiAgICB9LFxuICAgIHRodW1iczoge1xuICAgICAgaWNvbjogJ243LWljb24tdGh1bWJzJyxcbiAgICAgIGFuY2hvcjogeyBwYXlsb2FkOiAndG9nZ2xlLXRodW1icycgfSxcbiAgICB9LFxuICAgIGNsb3NlZGVzY3JpcHRpb246IHtcbiAgICAgIGljb246ICduNy1pY29uLWNsb3NlJyxcbiAgICAgIGFuY2hvcjogeyBwYXlsb2FkOiAnY2xvc2UtZGVzY3JpcHRpb24nIH0sXG4gICAgfSxcbiAgfSxcblxuICBuYXZpZ2F0aW9uOiB7XG4gICAgcHJldjoge1xuICAgICAgcGF5bG9hZDogJ3ByZXYnLCAvLyAncHJldidcbiAgICAgIGNsYXNzZXM6ICduNy1pbWFnZS12aWV3ZXItdG9vbHNfX3RodW1icy1zY3JvbGwtbGVmdCcsXG4gICAgfSxcbiAgICBuZXh0OiB7XG4gICAgICBwYXlsb2FkOiAnbmV4dCcsIC8vICduZXh0J1xuICAgICAgY2xhc3NlczogJ243LWltYWdlLXZpZXdlci10b29sc19fdGh1bWJzLXNjcm9sbC1yaWdodCcsXG4gICAgfSxcbiAgfSxcblxuICBpc1Zpc2libGU6IHtcbiAgICBkZXNjcmlwdGlvbjogZmFsc2UsXG4gICAgdGh1bWJuYWlsczogdHJ1ZSxcbiAgfSxcblxuICBjbGFzc2VzOiAnbjctaW1hZ2Utdmlld2VyLXRvb2xzX190ZXN0JyxcblxuICBpbml0aWFsOiAwLFxufTtcbiJdfQ==
@@ -0,0 +1,40 @@
1
+ //---------------------------
2
+ // INNER-TITLE.ts
3
+ //---------------------------
4
+ import { Component, Input } from '@angular/core';
5
+ import * as i0 from "@angular/core";
6
+ import * as i1 from "@angular/common";
7
+ import * as i2 from "../anchor-wrapper/anchor-wrapper";
8
+ export class InnerTitleComponent {
9
+ onClick(payload) {
10
+ if (!this.emit)
11
+ return;
12
+ this.emit('click', payload);
13
+ }
14
+ onChange(payload, value) {
15
+ if (!this.emit)
16
+ return;
17
+ this.emit('change', { inputPayload: payload, value });
18
+ }
19
+ onInputChange(payload, value) {
20
+ if (!this.emit)
21
+ return;
22
+ this.emit('change', { inputPayload: payload, value });
23
+ }
24
+ onInputEnter(payload, value) {
25
+ if (!this.emit)
26
+ return;
27
+ this.emit('search', { inputPayload: payload, value });
28
+ }
29
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: InnerTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
30
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: InnerTitleComponent, selector: "n7-inner-title", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-inner-title\" [ngClass]=\"data.classes\">\n <div class=\"n7-inner-title__left-wrapper\">\n <ng-container\n *ngTemplateOutlet=\"icon; context:{$implicit: data.icon}\"\n ></ng-container>\n <div\n *ngIf=\"data.image\"\n class=\"n7-inner-title__image-left\"\n [ngStyle]=\"{'background-image': 'url(' + data.image + ')'}\"\n ></div>\n <div class=\"n7-inner-title__wrapper-texts\">\n <div\n *ngIf=\"data.title.main\"\n [innerHTML]=\"data.title.main.text\"\n class=\"n7-inner-title__title {{data.title.main.classes || ''}}\"\n ></div>\n <div\n *ngIf=\"data.title.secondary\"\n [innerHTML]=\"data.title.secondary.text\"\n class=\"n7-inner-title__subtitle {{data.title.secondary.classes || ''}}\"\n ></div>\n </div>\n </div>\n\n <div class=\"n7-inner-title__tools\" *ngIf=\"data.tools || data.actions\">\n <!-- Toolbar label -->\n <div *ngIf=\"data.tools\" class=\"n7-inner-title__tools-label\">\n {{data.tools}}\n </div>\n <!-- Actions -->\n <ng-container *ngIf=\"data.actions\">\n <ng-container\n *ngTemplateOutlet=\"actions; \n context:{$implicit: data.actions}\"\n >\n </ng-container>\n </ng-container>\n </div>\n</div>\n\n<!-- Template actions -->\n<ng-template #actions let-action>\n <ng-container *ngIf=\"action.select\">\n <ng-container\n *ngTemplateOutlet=\"select;\n context:{$implicit: action.select}\"\n >\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"action.search\">\n <ng-container\n *ngTemplateOutlet=\"search; \n context:{$implicit: action.search}\"\n >\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"action.buttons\">\n <ng-container\n *ngTemplateOutlet=\"buttons;\n context:{$implicit: action.buttons}\"\n >\n </ng-container>\n </ng-container>\n</ng-template>\n\n<!-- Template sorting -->\n<ng-template #select let-select>\n <div class=\"n7-inner-title__sorting\">\n <span *ngIf=\"select.label\" class=\"n7-inner-title__sorting-label\">\n {{select.label}}\n </span>\n <select\n (change)=\"onChange(select.payload, $event.target.value)\"\n class=\"n7-inner-title__sorting-select\"\n >\n <option\n *ngFor=\"let opt of select.options\"\n value=\"{{opt.value}}\"\n class=\"n7-inner-title__sorting-option\"\n [selected]=\"opt.selected\"\n [disabled]=\"opt.disabled\"\n >\n {{opt.text}}\n </option>\n </select>\n </div>\n</ng-template>\n\n<!-- Template search -->\n<ng-template #search let-search>\n <div class=\"n7-inner-title__search\">\n <input\n type=\"text\"\n class=\"n7-inner-title__search-bar\"\n placeholder=\"{{search.placeholder}}\"\n (input)=\"onInputChange(search.payload, $event.target.value)\"\n (keyup.enter)=\"onInputEnter(search.payload, $event.target.value)\"\n />\n <button\n *ngIf=\"search.button\"\n (click)=\"onClick(search.button.payload)\"\n class=\"n7-btn n7-inner-title__search-button\"\n >\n {{search.button.text}}\n </button>\n </div>\n</ng-template>\n\n<!-- Template buttons -->\n<ng-template #buttons let-buttons>\n <div class=\"n7-inner-title__buttons-wrapper\">\n <div\n *ngFor=\"let btn of buttons\"\n class=\"n7-inner-title__single-button-wrapper\"\n >\n <n7-anchor-wrapper\n [classes]=\"'n7-btn n7-inner-title__buttons-action ' + btn.classes || ''\"\n [data]=\"btn.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <span *ngIf=\"btn.icon\" class=\"n7-btn__icon {{btn.icon || ''}}\"></span>\n {{ btn.text }}\n </n7-anchor-wrapper>\n </div>\n </div>\n</ng-template>\n\n<!-- Template Icon -->\n<ng-template #icon let-icon>\n <!-- Complex icon -->\n <span\n *ngIf=\"icon && icon.id\"\n class=\"n7-inner-title__icon-left {{icon.id || ''}}\"\n [ngStyle]=\"icon.style || {}\"\n ></span>\n <!-- Simple icon -->\n <span\n *ngIf=\"icon && !icon.id\"\n class=\"n7-inner-title__icon-left {{icon || ''}}\"\n ></span>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.AnchorWrapperComponent, selector: "n7-anchor-wrapper", inputs: ["data", "classes"], outputs: ["clicked"] }] }); }
31
+ }
32
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: InnerTitleComponent, decorators: [{
33
+ type: Component,
34
+ args: [{ selector: 'n7-inner-title', template: "<div *ngIf=\"data\" class=\"n7-inner-title\" [ngClass]=\"data.classes\">\n <div class=\"n7-inner-title__left-wrapper\">\n <ng-container\n *ngTemplateOutlet=\"icon; context:{$implicit: data.icon}\"\n ></ng-container>\n <div\n *ngIf=\"data.image\"\n class=\"n7-inner-title__image-left\"\n [ngStyle]=\"{'background-image': 'url(' + data.image + ')'}\"\n ></div>\n <div class=\"n7-inner-title__wrapper-texts\">\n <div\n *ngIf=\"data.title.main\"\n [innerHTML]=\"data.title.main.text\"\n class=\"n7-inner-title__title {{data.title.main.classes || ''}}\"\n ></div>\n <div\n *ngIf=\"data.title.secondary\"\n [innerHTML]=\"data.title.secondary.text\"\n class=\"n7-inner-title__subtitle {{data.title.secondary.classes || ''}}\"\n ></div>\n </div>\n </div>\n\n <div class=\"n7-inner-title__tools\" *ngIf=\"data.tools || data.actions\">\n <!-- Toolbar label -->\n <div *ngIf=\"data.tools\" class=\"n7-inner-title__tools-label\">\n {{data.tools}}\n </div>\n <!-- Actions -->\n <ng-container *ngIf=\"data.actions\">\n <ng-container\n *ngTemplateOutlet=\"actions; \n context:{$implicit: data.actions}\"\n >\n </ng-container>\n </ng-container>\n </div>\n</div>\n\n<!-- Template actions -->\n<ng-template #actions let-action>\n <ng-container *ngIf=\"action.select\">\n <ng-container\n *ngTemplateOutlet=\"select;\n context:{$implicit: action.select}\"\n >\n </ng-container>\n </ng-container>\n <ng-container *ngIf=\"action.search\">\n <ng-container\n *ngTemplateOutlet=\"search; \n context:{$implicit: action.search}\"\n >\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"action.buttons\">\n <ng-container\n *ngTemplateOutlet=\"buttons;\n context:{$implicit: action.buttons}\"\n >\n </ng-container>\n </ng-container>\n</ng-template>\n\n<!-- Template sorting -->\n<ng-template #select let-select>\n <div class=\"n7-inner-title__sorting\">\n <span *ngIf=\"select.label\" class=\"n7-inner-title__sorting-label\">\n {{select.label}}\n </span>\n <select\n (change)=\"onChange(select.payload, $event.target.value)\"\n class=\"n7-inner-title__sorting-select\"\n >\n <option\n *ngFor=\"let opt of select.options\"\n value=\"{{opt.value}}\"\n class=\"n7-inner-title__sorting-option\"\n [selected]=\"opt.selected\"\n [disabled]=\"opt.disabled\"\n >\n {{opt.text}}\n </option>\n </select>\n </div>\n</ng-template>\n\n<!-- Template search -->\n<ng-template #search let-search>\n <div class=\"n7-inner-title__search\">\n <input\n type=\"text\"\n class=\"n7-inner-title__search-bar\"\n placeholder=\"{{search.placeholder}}\"\n (input)=\"onInputChange(search.payload, $event.target.value)\"\n (keyup.enter)=\"onInputEnter(search.payload, $event.target.value)\"\n />\n <button\n *ngIf=\"search.button\"\n (click)=\"onClick(search.button.payload)\"\n class=\"n7-btn n7-inner-title__search-button\"\n >\n {{search.button.text}}\n </button>\n </div>\n</ng-template>\n\n<!-- Template buttons -->\n<ng-template #buttons let-buttons>\n <div class=\"n7-inner-title__buttons-wrapper\">\n <div\n *ngFor=\"let btn of buttons\"\n class=\"n7-inner-title__single-button-wrapper\"\n >\n <n7-anchor-wrapper\n [classes]=\"'n7-btn n7-inner-title__buttons-action ' + btn.classes || ''\"\n [data]=\"btn.anchor\"\n (clicked)=\"onClick($event)\"\n >\n <span *ngIf=\"btn.icon\" class=\"n7-btn__icon {{btn.icon || ''}}\"></span>\n {{ btn.text }}\n </n7-anchor-wrapper>\n </div>\n </div>\n</ng-template>\n\n<!-- Template Icon -->\n<ng-template #icon let-icon>\n <!-- Complex icon -->\n <span\n *ngIf=\"icon && icon.id\"\n class=\"n7-inner-title__icon-left {{icon.id || ''}}\"\n [ngStyle]=\"icon.style || {}\"\n ></span>\n <!-- Simple icon -->\n <span\n *ngIf=\"icon && !icon.id\"\n class=\"n7-inner-title__icon-left {{icon || ''}}\"\n ></span>\n</ng-template>\n" }]
35
+ }], propDecorators: { data: [{
36
+ type: Input
37
+ }], emit: [{
38
+ type: Input
39
+ }] } });
40
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5uZXItdGl0bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kdi1jb21wb25lbnRzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvaW5uZXItdGl0bGUvaW5uZXItdGl0bGUudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kdi1jb21wb25lbnRzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvaW5uZXItdGl0bGUvaW5uZXItdGl0bGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw2QkFBNkI7QUFDN0IsaUJBQWlCO0FBQ2pCLDZCQUE2QjtBQUU3QixPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQTBEakQsTUFBTSxPQUFPLG1CQUFtQjtJQUs5QixPQUFPLENBQUMsT0FBTztRQUNiLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSTtZQUFFLE9BQU87UUFFdkIsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELFFBQVEsQ0FBQyxPQUFPLEVBQUUsS0FBSztRQUNyQixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUk7WUFBRSxPQUFPO1FBRXZCLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsWUFBWSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO0lBQ3hELENBQUM7SUFFRCxhQUFhLENBQUMsT0FBTyxFQUFFLEtBQUs7UUFDMUIsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJO1lBQUUsT0FBTztRQUV2QixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxFQUFFLFlBQVksRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBRUQsWUFBWSxDQUFDLE9BQU8sRUFBRSxLQUFLO1FBQ3pCLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSTtZQUFFLE9BQU87UUFFdkIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxZQUFZLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDeEQsQ0FBQzs4R0EzQlUsbUJBQW1CO2tHQUFuQixtQkFBbUIsOEZDOURoQyxzcElBOElBOzsyRkRoRmEsbUJBQW1CO2tCQUovQixTQUFTOytCQUNFLGdCQUFnQjs4QkFJakIsSUFBSTtzQkFBWixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8vLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4vLyBJTk5FUi1USVRMRS50c1xuLy8tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cblxuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQW5jaG9yLCBJY29uIH0gZnJvbSAnLi4vLi4vc2hhcmVkLWludGVyZmFjZXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIElubmVyVGl0bGVPcHRpb25zIHtcbiAgdGV4dDogc3RyaW5nO1xuICB2YWx1ZTogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIHNlbGVjdGVkPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJbm5lclRpdGxlQnV0dG9ucyB7XG4gIGFuY2hvcjogQW5jaG9yO1xuICB0ZXh0OiBzdHJpbmc7XG4gIGNsYXNzZXM/OiBhbnk7XG4gIGljb24/OiBzdHJpbmc7XG59XG5cbi8qKlxuICogSW50ZXJmYWNlIGZvciBJbm5lclRpdGxlQ29tcG9uZW50J3MgXCJkYXRhXCJcbiAqL1xuZXhwb3J0IGludGVyZmFjZSBJbm5lclRpdGxlRGF0YSB7XG4gIGljb24/OiBJY29uO1xuICBpbWFnZT86IHN0cmluZztcbiAgdGl0bGU6IHtcbiAgICBtYWluOiB7XG4gICAgICB0ZXh0OiBzdHJpbmc7XG4gICAgICBjbGFzc2VzPzogYW55O1xuICAgIH07XG4gICAgc2Vjb25kYXJ5Pzoge1xuICAgICAgdGV4dDogc3RyaW5nO1xuICAgICAgY2xhc3Nlcz86IGFueTtcbiAgICB9O1xuICB9O1xuICB0b29scz86IHN0cmluZztcbiAgYWN0aW9ucz86IHtcbiAgICBzZWxlY3Q/OiB7XG4gICAgICBsYWJlbD86IHN0cmluZztcbiAgICAgIG9wdGlvbnM6IElubmVyVGl0bGVPcHRpb25zW107XG4gICAgICBwYXlsb2FkPzogYW55O1xuICAgIH07XG4gICAgc2VhcmNoPzoge1xuICAgICAgcGxhY2Vob2xkZXI6IHN0cmluZztcbiAgICAgIHBheWxvYWQ6IGFueTtcbiAgICAgIGJ1dHRvbj86IHtcbiAgICAgICAgdGV4dDogc3RyaW5nO1xuICAgICAgICBwYXlsb2FkOiBhbnk7XG4gICAgICB9O1xuICAgICAgX21ldGE/OiBhbnk7XG4gICAgfTtcbiAgICBidXR0b25zPzogSW5uZXJUaXRsZUJ1dHRvbnNbXTtcbiAgfTtcbiAgY2xhc3Nlcz86IHN0cmluZztcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbjctaW5uZXItdGl0bGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW5uZXItdGl0bGUuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIElubmVyVGl0bGVDb21wb25lbnQge1xuICBASW5wdXQoKSBkYXRhOiBJbm5lclRpdGxlRGF0YTtcblxuICBASW5wdXQoKSBlbWl0OiBhbnk7XG5cbiAgb25DbGljayhwYXlsb2FkKSB7XG4gICAgaWYgKCF0aGlzLmVtaXQpIHJldHVybjtcblxuICAgIHRoaXMuZW1pdCgnY2xpY2snLCBwYXlsb2FkKTtcbiAgfVxuXG4gIG9uQ2hhbmdlKHBheWxvYWQsIHZhbHVlKSB7XG4gICAgaWYgKCF0aGlzLmVtaXQpIHJldHVybjtcblxuICAgIHRoaXMuZW1pdCgnY2hhbmdlJywgeyBpbnB1dFBheWxvYWQ6IHBheWxvYWQsIHZhbHVlIH0pO1xuICB9XG5cbiAgb25JbnB1dENoYW5nZShwYXlsb2FkLCB2YWx1ZSkge1xuICAgIGlmICghdGhpcy5lbWl0KSByZXR1cm47XG5cbiAgICB0aGlzLmVtaXQoJ2NoYW5nZScsIHsgaW5wdXRQYXlsb2FkOiBwYXlsb2FkLCB2YWx1ZSB9KTtcbiAgfVxuXG4gIG9uSW5wdXRFbnRlcihwYXlsb2FkLCB2YWx1ZSkge1xuICAgIGlmICghdGhpcy5lbWl0KSByZXR1cm47XG5cbiAgICB0aGlzLmVtaXQoJ3NlYXJjaCcsIHsgaW5wdXRQYXlsb2FkOiBwYXlsb2FkLCB2YWx1ZSB9KTtcbiAgfVxufVxuIiwiPGRpdiAqbmdJZj1cImRhdGFcIiBjbGFzcz1cIm43LWlubmVyLXRpdGxlXCIgW25nQ2xhc3NdPVwiZGF0YS5jbGFzc2VzXCI+XG4gIDxkaXYgY2xhc3M9XCJuNy1pbm5lci10aXRsZV9fbGVmdC13cmFwcGVyXCI+XG4gICAgPG5nLWNvbnRhaW5lclxuICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJpY29uOyBjb250ZXh0OnskaW1wbGljaXQ6IGRhdGEuaWNvbn1cIlxuICAgID48L25nLWNvbnRhaW5lcj5cbiAgICA8ZGl2XG4gICAgICAqbmdJZj1cImRhdGEuaW1hZ2VcIlxuICAgICAgY2xhc3M9XCJuNy1pbm5lci10aXRsZV9faW1hZ2UtbGVmdFwiXG4gICAgICBbbmdTdHlsZV09XCJ7J2JhY2tncm91bmQtaW1hZ2UnOiAndXJsKCcgKyBkYXRhLmltYWdlICsgJyknfVwiXG4gICAgPjwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJuNy1pbm5lci10aXRsZV9fd3JhcHBlci10ZXh0c1wiPlxuICAgICAgPGRpdlxuICAgICAgICAqbmdJZj1cImRhdGEudGl0bGUubWFpblwiXG4gICAgICAgIFtpbm5lckhUTUxdPVwiZGF0YS50aXRsZS5tYWluLnRleHRcIlxuICAgICAgICBjbGFzcz1cIm43LWlubmVyLXRpdGxlX190aXRsZSB7e2RhdGEudGl0bGUubWFpbi5jbGFzc2VzIHx8ICcnfX1cIlxuICAgICAgPjwvZGl2PlxuICAgICAgPGRpdlxuICAgICAgICAqbmdJZj1cImRhdGEudGl0bGUuc2Vjb25kYXJ5XCJcbiAgICAgICAgW2lubmVySFRNTF09XCJkYXRhLnRpdGxlLnNlY29uZGFyeS50ZXh0XCJcbiAgICAgICAgY2xhc3M9XCJuNy1pbm5lci10aXRsZV9fc3VidGl0bGUge3tkYXRhLnRpdGxlLnNlY29uZGFyeS5jbGFzc2VzIHx8ICcnfX1cIlxuICAgICAgPjwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwibjctaW5uZXItdGl0bGVfX3Rvb2xzXCIgKm5nSWY9XCJkYXRhLnRvb2xzIHx8IGRhdGEuYWN0aW9uc1wiPlxuICAgIDwhLS0gVG9vbGJhciBsYWJlbCAtLT5cbiAgICA8ZGl2ICpuZ0lmPVwiZGF0YS50b29sc1wiIGNsYXNzPVwibjctaW5uZXItdGl0bGVfX3Rvb2xzLWxhYmVsXCI+XG4gICAgICB7e2RhdGEudG9vbHN9fVxuICAgIDwvZGl2PlxuICAgIDwhLS0gQWN0aW9ucyAtLT5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZGF0YS5hY3Rpb25zXCI+XG4gICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiYWN0aW9uczsgXG4gICAgICAgICAgICAgICAgICAgICAgICBjb250ZXh0OnskaW1wbGljaXQ6IGRhdGEuYWN0aW9uc31cIlxuICAgICAgPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuPC9kaXY+XG5cbjwhLS0gVGVtcGxhdGUgYWN0aW9ucyAtLT5cbjxuZy10ZW1wbGF0ZSAjYWN0aW9ucyBsZXQtYWN0aW9uPlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiYWN0aW9uLnNlbGVjdFwiPlxuICAgIDxuZy1jb250YWluZXJcbiAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwic2VsZWN0O1xuICAgICAgICAgICAgICAgICAgICAgIGNvbnRleHQ6eyRpbXBsaWNpdDogYWN0aW9uLnNlbGVjdH1cIlxuICAgID5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJhY3Rpb24uc2VhcmNoXCI+XG4gICAgPG5nLWNvbnRhaW5lclxuICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJzZWFyY2g7IFxuICAgICAgICAgICAgICAgICAgICAgIGNvbnRleHQ6eyRpbXBsaWNpdDogYWN0aW9uLnNlYXJjaH1cIlxuICAgID5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImFjdGlvbi5idXR0b25zXCI+XG4gICAgPG5nLWNvbnRhaW5lclxuICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJidXR0b25zO1xuICAgICAgICAgICAgICAgICAgICAgIGNvbnRleHQ6eyRpbXBsaWNpdDogYWN0aW9uLmJ1dHRvbnN9XCJcbiAgICA+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvbmctY29udGFpbmVyPlxuPC9uZy10ZW1wbGF0ZT5cblxuPCEtLSBUZW1wbGF0ZSBzb3J0aW5nIC0tPlxuPG5nLXRlbXBsYXRlICNzZWxlY3QgbGV0LXNlbGVjdD5cbiAgPGRpdiBjbGFzcz1cIm43LWlubmVyLXRpdGxlX19zb3J0aW5nXCI+XG4gICAgPHNwYW4gKm5nSWY9XCJzZWxlY3QubGFiZWxcIiBjbGFzcz1cIm43LWlubmVyLXRpdGxlX19zb3J0aW5nLWxhYmVsXCI+XG4gICAgICB7e3NlbGVjdC5sYWJlbH19XG4gICAgPC9zcGFuPlxuICAgIDxzZWxlY3RcbiAgICAgIChjaGFuZ2UpPVwib25DaGFuZ2Uoc2VsZWN0LnBheWxvYWQsICRldmVudC50YXJnZXQudmFsdWUpXCJcbiAgICAgIGNsYXNzPVwibjctaW5uZXItdGl0bGVfX3NvcnRpbmctc2VsZWN0XCJcbiAgICA+XG4gICAgICA8b3B0aW9uXG4gICAgICAgICpuZ0Zvcj1cImxldCBvcHQgb2Ygc2VsZWN0Lm9wdGlvbnNcIlxuICAgICAgICB2YWx1ZT1cInt7b3B0LnZhbHVlfX1cIlxuICAgICAgICBjbGFzcz1cIm43LWlubmVyLXRpdGxlX19zb3J0aW5nLW9wdGlvblwiXG4gICAgICAgIFtzZWxlY3RlZF09XCJvcHQuc2VsZWN0ZWRcIlxuICAgICAgICBbZGlzYWJsZWRdPVwib3B0LmRpc2FibGVkXCJcbiAgICAgID5cbiAgICAgICAge3tvcHQudGV4dH19XG4gICAgICA8L29wdGlvbj5cbiAgICA8L3NlbGVjdD5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuXG48IS0tIFRlbXBsYXRlIHNlYXJjaCAtLT5cbjxuZy10ZW1wbGF0ZSAjc2VhcmNoIGxldC1zZWFyY2g+XG4gIDxkaXYgY2xhc3M9XCJuNy1pbm5lci10aXRsZV9fc2VhcmNoXCI+XG4gICAgPGlucHV0XG4gICAgICB0eXBlPVwidGV4dFwiXG4gICAgICBjbGFzcz1cIm43LWlubmVyLXRpdGxlX19zZWFyY2gtYmFyXCJcbiAgICAgIHBsYWNlaG9sZGVyPVwie3tzZWFyY2gucGxhY2Vob2xkZXJ9fVwiXG4gICAgICAoaW5wdXQpPVwib25JbnB1dENoYW5nZShzZWFyY2gucGF5bG9hZCwgJGV2ZW50LnRhcmdldC52YWx1ZSlcIlxuICAgICAgKGtleXVwLmVudGVyKT1cIm9uSW5wdXRFbnRlcihzZWFyY2gucGF5bG9hZCwgJGV2ZW50LnRhcmdldC52YWx1ZSlcIlxuICAgIC8+XG4gICAgPGJ1dHRvblxuICAgICAgKm5nSWY9XCJzZWFyY2guYnV0dG9uXCJcbiAgICAgIChjbGljayk9XCJvbkNsaWNrKHNlYXJjaC5idXR0b24ucGF5bG9hZClcIlxuICAgICAgY2xhc3M9XCJuNy1idG4gbjctaW5uZXItdGl0bGVfX3NlYXJjaC1idXR0b25cIlxuICAgID5cbiAgICAgIHt7c2VhcmNoLmJ1dHRvbi50ZXh0fX1cbiAgICA8L2J1dHRvbj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuXG48IS0tIFRlbXBsYXRlIGJ1dHRvbnMgLS0+XG48bmctdGVtcGxhdGUgI2J1dHRvbnMgbGV0LWJ1dHRvbnM+XG4gIDxkaXYgY2xhc3M9XCJuNy1pbm5lci10aXRsZV9fYnV0dG9ucy13cmFwcGVyXCI+XG4gICAgPGRpdlxuICAgICAgKm5nRm9yPVwibGV0IGJ0biBvZiBidXR0b25zXCJcbiAgICAgIGNsYXNzPVwibjctaW5uZXItdGl0bGVfX3NpbmdsZS1idXR0b24td3JhcHBlclwiXG4gICAgPlxuICAgICAgPG43LWFuY2hvci13cmFwcGVyXG4gICAgICAgIFtjbGFzc2VzXT1cIiduNy1idG4gbjctaW5uZXItdGl0bGVfX2J1dHRvbnMtYWN0aW9uICcgKyBidG4uY2xhc3NlcyB8fCAnJ1wiXG4gICAgICAgIFtkYXRhXT1cImJ0bi5hbmNob3JcIlxuICAgICAgICAoY2xpY2tlZCk9XCJvbkNsaWNrKCRldmVudClcIlxuICAgICAgPlxuICAgICAgICA8c3BhbiAqbmdJZj1cImJ0bi5pY29uXCIgY2xhc3M9XCJuNy1idG5fX2ljb24ge3tidG4uaWNvbiB8fCAnJ319XCI+PC9zcGFuPlxuICAgICAgICB7eyBidG4udGV4dCB9fVxuICAgICAgPC9uNy1hbmNob3Itd3JhcHBlcj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuXG48IS0tIFRlbXBsYXRlIEljb24gLS0+XG48bmctdGVtcGxhdGUgI2ljb24gbGV0LWljb24+XG4gIDwhLS0gQ29tcGxleCBpY29uIC0tPlxuICA8c3BhblxuICAgICpuZ0lmPVwiaWNvbiAmJiBpY29uLmlkXCJcbiAgICBjbGFzcz1cIm43LWlubmVyLXRpdGxlX19pY29uLWxlZnQge3tpY29uLmlkIHx8ICcnfX1cIlxuICAgIFtuZ1N0eWxlXT1cImljb24uc3R5bGUgfHwge31cIlxuICA+PC9zcGFuPlxuICA8IS0tIFNpbXBsZSBpY29uIC0tPlxuICA8c3BhblxuICAgICpuZ0lmPVwiaWNvbiAmJiAhaWNvbi5pZFwiXG4gICAgY2xhc3M9XCJuNy1pbm5lci10aXRsZV9faWNvbi1sZWZ0IHt7aWNvbiB8fCAnJ319XCJcbiAgPjwvc3Bhbj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
@@ -0,0 +1,53 @@
1
+ export const INNER_TITLE_MOCK = {
2
+ icon: { id: 'n7-icon-file3', style: { color: '#2E5BFF' } }, // icon with style
3
+ // icon: 'n7-icon-file3', // simple icon
4
+ image: 'https://picsum.photos/200',
5
+ title: {
6
+ main: {
7
+ text: 'Main text',
8
+ classes: 'bold',
9
+ },
10
+ secondary: {
11
+ text: 'Secondary text',
12
+ classes: 'italic',
13
+ },
14
+ },
15
+ tools: 'Tools text',
16
+ actions: {
17
+ select: {
18
+ label: 'Sort',
19
+ options: [
20
+ { text: 'Price', value: 'price' },
21
+ { text: 'Alphabetic', value: 'alphabetic', selected: true },
22
+ { text: 'By Date', value: 'by-date', disabled: true },
23
+ ],
24
+ payload: 'select-sorting',
25
+ },
26
+ search: {
27
+ placeholder: 'Search',
28
+ payload: 'search-input',
29
+ button: {
30
+ text: 'SEARCH',
31
+ payload: 'search-button',
32
+ },
33
+ },
34
+ buttons: [
35
+ {
36
+ text: 'BUTTON 1',
37
+ anchor: {
38
+ payload: 'btn1',
39
+ },
40
+ icon: 'n7-icon-file3',
41
+ },
42
+ {
43
+ text: 'BUTTON 2',
44
+ anchor: {
45
+ href: '/examples',
46
+ },
47
+ classes: 'n7-btn-cta',
48
+ },
49
+ ],
50
+ },
51
+ classes: 'mock-inner-title',
52
+ };
53
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5uZXItdGl0bGUubW9jay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2R2LWNvbXBvbmVudHMtbGliL3NyYy9saWIvY29tcG9uZW50cy9pbm5lci10aXRsZS9pbm5lci10aXRsZS5tb2NrLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFtQjtJQUM5QyxJQUFJLEVBQUUsRUFBRSxFQUFFLEVBQUUsZUFBZSxFQUFFLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLGtCQUFrQjtJQUM5RSx3Q0FBd0M7SUFDeEMsS0FBSyxFQUFFLDJCQUEyQjtJQUNsQyxLQUFLLEVBQUU7UUFDTCxJQUFJLEVBQUU7WUFDSixJQUFJLEVBQUUsV0FBVztZQUNqQixPQUFPLEVBQUUsTUFBTTtTQUNoQjtRQUNELFNBQVMsRUFBRTtZQUNULElBQUksRUFBRSxnQkFBZ0I7WUFDdEIsT0FBTyxFQUFFLFFBQVE7U0FDbEI7S0FDRjtJQUNELEtBQUssRUFBRSxZQUFZO0lBQ25CLE9BQU8sRUFBRTtRQUNQLE1BQU0sRUFBRTtZQUNOLEtBQUssRUFBRSxNQUFNO1lBQ2IsT0FBTyxFQUFFO2dCQUNQLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO2dCQUNqQyxFQUFFLElBQUksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUMzRCxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2FBQ3REO1lBQ0QsT0FBTyxFQUFFLGdCQUFnQjtTQUMxQjtRQUNELE1BQU0sRUFBRTtZQUNOLFdBQVcsRUFBRSxRQUFRO1lBQ3JCLE9BQU8sRUFBRSxjQUFjO1lBQ3ZCLE1BQU0sRUFBRTtnQkFDTixJQUFJLEVBQUUsUUFBUTtnQkFDZCxPQUFPLEVBQUUsZUFBZTthQUN6QjtTQUNGO1FBQ0QsT0FBTyxFQUFFO1lBQ1A7Z0JBQ0UsSUFBSSxFQUFFLFVBQVU7Z0JBQ2hCLE1BQU0sRUFBRTtvQkFDTixPQUFPLEVBQUUsTUFBTTtpQkFDaEI7Z0JBQ0QsSUFBSSxFQUFFLGVBQWU7YUFDdEI7WUFDRDtnQkFDRSxJQUFJLEVBQUUsVUFBVTtnQkFDaEIsTUFBTSxFQUFFO29CQUNOLElBQUksRUFBRSxXQUFXO2lCQUNsQjtnQkFDRCxPQUFPLEVBQUUsWUFBWTthQUN0QjtTQUNGO0tBQ0Y7SUFDRCxPQUFPLEVBQUUsa0JBQWtCO0NBQzVCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbm5lclRpdGxlRGF0YSB9IGZyb20gJy4vaW5uZXItdGl0bGUnO1xuXG5leHBvcnQgY29uc3QgSU5ORVJfVElUTEVfTU9DSzogSW5uZXJUaXRsZURhdGEgPSB7XG4gIGljb246IHsgaWQ6ICduNy1pY29uLWZpbGUzJywgc3R5bGU6IHsgY29sb3I6ICcjMkU1QkZGJyB9IH0sIC8vIGljb24gd2l0aCBzdHlsZVxuICAvLyBpY29uOiAnbjctaWNvbi1maWxlMycsIC8vIHNpbXBsZSBpY29uXG4gIGltYWdlOiAnaHR0cHM6Ly9waWNzdW0ucGhvdG9zLzIwMCcsXG4gIHRpdGxlOiB7XG4gICAgbWFpbjoge1xuICAgICAgdGV4dDogJ01haW4gdGV4dCcsXG4gICAgICBjbGFzc2VzOiAnYm9sZCcsXG4gICAgfSxcbiAgICBzZWNvbmRhcnk6IHtcbiAgICAgIHRleHQ6ICdTZWNvbmRhcnkgdGV4dCcsXG4gICAgICBjbGFzc2VzOiAnaXRhbGljJyxcbiAgICB9LFxuICB9LFxuICB0b29sczogJ1Rvb2xzIHRleHQnLFxuICBhY3Rpb25zOiB7XG4gICAgc2VsZWN0OiB7XG4gICAgICBsYWJlbDogJ1NvcnQnLFxuICAgICAgb3B0aW9uczogW1xuICAgICAgICB7IHRleHQ6ICdQcmljZScsIHZhbHVlOiAncHJpY2UnIH0sXG4gICAgICAgIHsgdGV4dDogJ0FscGhhYmV0aWMnLCB2YWx1ZTogJ2FscGhhYmV0aWMnLCBzZWxlY3RlZDogdHJ1ZSB9LFxuICAgICAgICB7IHRleHQ6ICdCeSBEYXRlJywgdmFsdWU6ICdieS1kYXRlJywgZGlzYWJsZWQ6IHRydWUgfSxcbiAgICAgIF0sXG4gICAgICBwYXlsb2FkOiAnc2VsZWN0LXNvcnRpbmcnLFxuICAgIH0sXG4gICAgc2VhcmNoOiB7XG4gICAgICBwbGFjZWhvbGRlcjogJ1NlYXJjaCcsXG4gICAgICBwYXlsb2FkOiAnc2VhcmNoLWlucHV0JyxcbiAgICAgIGJ1dHRvbjoge1xuICAgICAgICB0ZXh0OiAnU0VBUkNIJyxcbiAgICAgICAgcGF5bG9hZDogJ3NlYXJjaC1idXR0b24nLFxuICAgICAgfSxcbiAgICB9LFxuICAgIGJ1dHRvbnM6IFtcbiAgICAgIHtcbiAgICAgICAgdGV4dDogJ0JVVFRPTiAxJyxcbiAgICAgICAgYW5jaG9yOiB7XG4gICAgICAgICAgcGF5bG9hZDogJ2J0bjEnLFxuICAgICAgICB9LFxuICAgICAgICBpY29uOiAnbjctaWNvbi1maWxlMycsXG4gICAgICB9LFxuICAgICAge1xuICAgICAgICB0ZXh0OiAnQlVUVE9OIDInLFxuICAgICAgICBhbmNob3I6IHtcbiAgICAgICAgICBocmVmOiAnL2V4YW1wbGVzJyxcbiAgICAgICAgfSxcbiAgICAgICAgY2xhc3NlczogJ243LWJ0bi1jdGEnLFxuICAgICAgfSxcbiAgICBdLFxuICB9LFxuICBjbGFzc2VzOiAnbW9jay1pbm5lci10aXRsZScsXG59O1xuIl19
@@ -0,0 +1,24 @@
1
+ //---------------------------
2
+ // INPUT-CHECKBOX.ts
3
+ //---------------------------
4
+ import { Component, Input } from '@angular/core';
5
+ import * as i0 from "@angular/core";
6
+ import * as i1 from "@angular/common";
7
+ export class InputCheckboxComponent {
8
+ onChange(inputPayload, value) {
9
+ if (!this.emit)
10
+ return;
11
+ this.emit('change', { inputPayload, value });
12
+ }
13
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: InputCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
14
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: InputCheckboxComponent, selector: "n7-input-checkbox", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-input-checkbox {{ data.classes || '' }}\">\n <fieldset class=\"n7-input-checkbox__fieldset\">\n <legend\n class=\"n7-input-checkbox__legend\"\n *ngIf=\"data.legend\"\n [innerHTML]=\"data.legend\"\n ></legend>\n <ng-container *ngFor=\"let input of data.checkboxes\">\n <div class=\"n7-input-checkbox__input-wrapper\">\n <input\n type=\"checkbox\"\n id=\"{{ input.id }}\"\n [attr.name]=\"input.name\"\n class=\"n7-input-checkbox__input\"\n [ngClass]=\"input.classes\"\n [checked]=\"input.checked\"\n [disabled]=\"input.disabled\"\n (change)=\"onChange(input.payload, $event.target.checked)\"\n />\n <label\n *ngIf=\"input.label\"\n class=\"n7-input-checkbox__label\"\n for=\"{{ input.id }}\"\n >{{ input.label }}</label\n >\n </div>\n </ng-container>\n </fieldset>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
15
+ }
16
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: InputCheckboxComponent, decorators: [{
17
+ type: Component,
18
+ args: [{ selector: 'n7-input-checkbox', template: "<div *ngIf=\"data\" class=\"n7-input-checkbox {{ data.classes || '' }}\">\n <fieldset class=\"n7-input-checkbox__fieldset\">\n <legend\n class=\"n7-input-checkbox__legend\"\n *ngIf=\"data.legend\"\n [innerHTML]=\"data.legend\"\n ></legend>\n <ng-container *ngFor=\"let input of data.checkboxes\">\n <div class=\"n7-input-checkbox__input-wrapper\">\n <input\n type=\"checkbox\"\n id=\"{{ input.id }}\"\n [attr.name]=\"input.name\"\n class=\"n7-input-checkbox__input\"\n [ngClass]=\"input.classes\"\n [checked]=\"input.checked\"\n [disabled]=\"input.disabled\"\n (change)=\"onChange(input.payload, $event.target.checked)\"\n />\n <label\n *ngIf=\"input.label\"\n class=\"n7-input-checkbox__label\"\n for=\"{{ input.id }}\"\n >{{ input.label }}</label\n >\n </div>\n </ng-container>\n </fieldset>\n</div>\n" }]
19
+ }], propDecorators: { data: [{
20
+ type: Input
21
+ }], emit: [{
22
+ type: Input
23
+ }] } });
24
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtY2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kdi1jb21wb25lbnRzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvaW5wdXQtY2hlY2tib3gvaW5wdXQtY2hlY2tib3gudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kdi1jb21wb25lbnRzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvaW5wdXQtY2hlY2tib3gvaW5wdXQtY2hlY2tib3guaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw2QkFBNkI7QUFDN0Isb0JBQW9CO0FBQ3BCLDZCQUE2QjtBQUU3QixPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBdUVqRCxNQUFNLE9BQU8sc0JBQXNCO0lBS2pDLFFBQVEsQ0FBQyxZQUFZLEVBQUUsS0FBTTtRQUMzQixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUk7WUFBRSxPQUFPO1FBQ3ZCLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDL0MsQ0FBQzs4R0FSVSxzQkFBc0I7a0dBQXRCLHNCQUFzQixpR0MzRW5DLG85QkE2QkE7OzJGRDhDYSxzQkFBc0I7a0JBSmxDLFNBQVM7K0JBQ0UsbUJBQW1COzhCQUlwQixJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLy8tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cbi8vIElOUFVULUNIRUNLQk9YLnRzXG4vLy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogSW50ZXJmYWNlIGZvciBJbnB1dENoZWNrYm94XG4gKlxuICogQHByb3BlcnR5IGlkIChyZXF1aXJlZClcbiAqIEBwcm9wZXJ0eSBsYWJlbCAocmVxdWlyZWQpXG4gKiBAcHJvcGVydHkgY2hlY2tlZCAob3B0aW9uYWwpXG4gKiBAcHJvcGVydHkgZGlzYWJsZWQgKG9wdGlvbmFsKVxuICogQHByb3BlcnR5IHBheWxvYWQgKG9wdGlvbmFsKVxuICogQHByb3BlcnR5IGNsYXNzZXMgKG9wdGlvbmFsKVxuICogQHByb3BlcnR5IF9tZXRhIChvcHRpb25hbClcbiAqL1xuZXhwb3J0IGludGVyZmFjZSBJbnB1dENoZWNrYm94IHtcbiAgLyoqXG4gICAqIFVuaXF1ZSBJRCBmb3IgdGhlIGNoZWNrYm94XG4gICAqL1xuICBpZDogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIG5hbWUgb2YgdGhlIGNvbnRyb2wuXG4gICAqL1xuICBuYW1lPzogc3RyaW5nO1xuICAvKipcbiAgICogTGFiZWwgZm9yIHRoZSBjaGVja2JveFxuICAgKi9cbiAgbGFiZWw6IHN0cmluZztcbiAgLyoqXG4gICAqIERlZmF1bHRzIHRoZSBjaGVja2JveCB0byBiZSBjaGVja2VkXG4gICAqL1xuICBjaGVja2VkPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIFNldHMgdGhlIGRpc2FibGVkIEhUTUwgYXR0cmlidXRlXG4gICAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBQYXlsb2FkIGZvciB0aGUgY2hhbmdlIGV2ZW50XG4gICAqL1xuICBwYXlsb2FkPzogYW55O1xuICAvKipcbiAgICogQWRkaXRpb25hbCBIVE1MIENsYXNzZXNcbiAgICovXG4gIGNsYXNzZXM/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBBZGRpdGlvbmFsIGRhdGEgZm9yIHRoZSBjb21wb25lbnQncyBsb2dpY1xuICAgKi9cbiAgX21ldGE/OiBhbnk7XG59XG5cbi8qKlxuICogSW50ZXJmYWNlIGZvciBJbnB1dENoZWNrYm94RGF0YVxuICogQHByb3BlcnR5IGNoZWNrYm94ZXMgKHJlcXVpcmVkKVxuICovXG5leHBvcnQgaW50ZXJmYWNlIElucHV0Q2hlY2tib3hEYXRhIHtcbiAgLyoqXG4gICAqIEFuIGFycmF5IG9mIGlucHV0IGNoZWNrYm94ZXNcbiAgICovXG4gIGNoZWNrYm94ZXM6IElucHV0Q2hlY2tib3hbXTtcbiAgLyoqXG4gICAqIEZpZWxkc2V0IChncm91cCkgbGVnZW5kIGxhYmVsXG4gICAqL1xuICBsZWdlbmQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBBZGRpdGlvbmFsIEhUTUwgQ2xhc3Nlc1xuICAgKi9cbiAgY2xhc3Nlcz86IHN0cmluZztcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbjctaW5wdXQtY2hlY2tib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW5wdXQtY2hlY2tib3guaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIElucHV0Q2hlY2tib3hDb21wb25lbnQge1xuICBASW5wdXQoKSBkYXRhOiBJbnB1dENoZWNrYm94RGF0YTtcblxuICBASW5wdXQoKSBlbWl0OiBhbnk7XG5cbiAgb25DaGFuZ2UoaW5wdXRQYXlsb2FkLCB2YWx1ZT8pIHtcbiAgICBpZiAoIXRoaXMuZW1pdCkgcmV0dXJuO1xuICAgIHRoaXMuZW1pdCgnY2hhbmdlJywgeyBpbnB1dFBheWxvYWQsIHZhbHVlIH0pO1xuICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwiZGF0YVwiIGNsYXNzPVwibjctaW5wdXQtY2hlY2tib3gge3sgZGF0YS5jbGFzc2VzIHx8ICcnIH19XCI+XG4gIDxmaWVsZHNldCBjbGFzcz1cIm43LWlucHV0LWNoZWNrYm94X19maWVsZHNldFwiPlxuICAgIDxsZWdlbmRcbiAgICAgIGNsYXNzPVwibjctaW5wdXQtY2hlY2tib3hfX2xlZ2VuZFwiXG4gICAgICAqbmdJZj1cImRhdGEubGVnZW5kXCJcbiAgICAgIFtpbm5lckhUTUxdPVwiZGF0YS5sZWdlbmRcIlxuICAgID48L2xlZ2VuZD5cbiAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpbnB1dCBvZiBkYXRhLmNoZWNrYm94ZXNcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJuNy1pbnB1dC1jaGVja2JveF9faW5wdXQtd3JhcHBlclwiPlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICAgIGlkPVwie3sgaW5wdXQuaWQgfX1cIlxuICAgICAgICAgIFthdHRyLm5hbWVdPVwiaW5wdXQubmFtZVwiXG4gICAgICAgICAgY2xhc3M9XCJuNy1pbnB1dC1jaGVja2JveF9faW5wdXRcIlxuICAgICAgICAgIFtuZ0NsYXNzXT1cImlucHV0LmNsYXNzZXNcIlxuICAgICAgICAgIFtjaGVja2VkXT1cImlucHV0LmNoZWNrZWRcIlxuICAgICAgICAgIFtkaXNhYmxlZF09XCJpbnB1dC5kaXNhYmxlZFwiXG4gICAgICAgICAgKGNoYW5nZSk9XCJvbkNoYW5nZShpbnB1dC5wYXlsb2FkLCAkZXZlbnQudGFyZ2V0LmNoZWNrZWQpXCJcbiAgICAgICAgLz5cbiAgICAgICAgPGxhYmVsXG4gICAgICAgICAgKm5nSWY9XCJpbnB1dC5sYWJlbFwiXG4gICAgICAgICAgY2xhc3M9XCJuNy1pbnB1dC1jaGVja2JveF9fbGFiZWxcIlxuICAgICAgICAgIGZvcj1cInt7IGlucHV0LmlkIH19XCJcbiAgICAgICAgICA+e3sgaW5wdXQubGFiZWwgfX08L2xhYmVsXG4gICAgICAgID5cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L2ZpZWxkc2V0PlxuPC9kaXY+XG4iXX0=
@@ -0,0 +1,31 @@
1
+ export const INPUT_CHECKBOX_MOCK = {
2
+ classes: 'checkbox-classes',
3
+ legend: 'checkbox legend',
4
+ checkboxes: [
5
+ {
6
+ id: 'check-00',
7
+ label: 'Email',
8
+ },
9
+ {
10
+ id: 'check-01',
11
+ label: 'A normal check',
12
+ },
13
+ {
14
+ id: 'check-02',
15
+ label: 'A disabled check',
16
+ disabled: true,
17
+ },
18
+ {
19
+ id: 'check-03',
20
+ label: 'A checked check',
21
+ checked: true,
22
+ },
23
+ {
24
+ id: 'check-04',
25
+ label: 'A forced "ON" check',
26
+ checked: true,
27
+ disabled: true,
28
+ },
29
+ ],
30
+ };
31
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtY2hlY2tib3gubW9jay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2R2LWNvbXBvbmVudHMtbGliL3NyYy9saWIvY29tcG9uZW50cy9pbnB1dC1jaGVja2JveC9pbnB1dC1jaGVja2JveC5tb2NrLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBQyxNQUFNLG1CQUFtQixHQUFzQjtJQUNwRCxPQUFPLEVBQUUsa0JBQWtCO0lBQzNCLE1BQU0sRUFBRSxpQkFBaUI7SUFDekIsVUFBVSxFQUFFO1FBQ1Y7WUFDRSxFQUFFLEVBQUUsVUFBVTtZQUNkLEtBQUssRUFBRSxPQUFPO1NBQ2Y7UUFDRDtZQUNFLEVBQUUsRUFBRSxVQUFVO1lBQ2QsS0FBSyxFQUFFLGdCQUFnQjtTQUN4QjtRQUNEO1lBQ0UsRUFBRSxFQUFFLFVBQVU7WUFDZCxLQUFLLEVBQUUsa0JBQWtCO1lBQ3pCLFFBQVEsRUFBRSxJQUFJO1NBQ2Y7UUFDRDtZQUNFLEVBQUUsRUFBRSxVQUFVO1lBQ2QsS0FBSyxFQUFFLGlCQUFpQjtZQUN4QixPQUFPLEVBQUUsSUFBSTtTQUNkO1FBQ0Q7WUFDRSxFQUFFLEVBQUUsVUFBVTtZQUNkLEtBQUssRUFBRSxxQkFBcUI7WUFDNUIsT0FBTyxFQUFFLElBQUk7WUFDYixRQUFRLEVBQUUsSUFBSTtTQUNmO0tBQ0Y7Q0FDRixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5wdXRDaGVja2JveERhdGEgfSBmcm9tICcuL2lucHV0LWNoZWNrYm94JztcblxuZXhwb3J0IGNvbnN0IElOUFVUX0NIRUNLQk9YX01PQ0s6IElucHV0Q2hlY2tib3hEYXRhID0ge1xuICBjbGFzc2VzOiAnY2hlY2tib3gtY2xhc3NlcycsXG4gIGxlZ2VuZDogJ2NoZWNrYm94IGxlZ2VuZCcsXG4gIGNoZWNrYm94ZXM6IFtcbiAgICB7XG4gICAgICBpZDogJ2NoZWNrLTAwJyxcbiAgICAgIGxhYmVsOiAnRW1haWwnLFxuICAgIH0sXG4gICAge1xuICAgICAgaWQ6ICdjaGVjay0wMScsXG4gICAgICBsYWJlbDogJ0Egbm9ybWFsIGNoZWNrJyxcbiAgICB9LFxuICAgIHtcbiAgICAgIGlkOiAnY2hlY2stMDInLFxuICAgICAgbGFiZWw6ICdBIGRpc2FibGVkIGNoZWNrJyxcbiAgICAgIGRpc2FibGVkOiB0cnVlLFxuICAgIH0sXG4gICAge1xuICAgICAgaWQ6ICdjaGVjay0wMycsXG4gICAgICBsYWJlbDogJ0EgY2hlY2tlZCBjaGVjaycsXG4gICAgICBjaGVja2VkOiB0cnVlLFxuICAgIH0sXG4gICAge1xuICAgICAgaWQ6ICdjaGVjay0wNCcsXG4gICAgICBsYWJlbDogJ0EgZm9yY2VkIFwiT05cIiBjaGVjaycsXG4gICAgICBjaGVja2VkOiB0cnVlLFxuICAgICAgZGlzYWJsZWQ6IHRydWUsXG4gICAgfSxcbiAgXSxcbn07XG4iXX0=
@@ -0,0 +1,24 @@
1
+ //---------------------------
2
+ // INPUT-LINK.ts
3
+ //---------------------------
4
+ import { Component, Input } from '@angular/core';
5
+ import * as i0 from "@angular/core";
6
+ import * as i1 from "@angular/common";
7
+ export class InputLinkComponent {
8
+ onChange(payload) {
9
+ if (!this.emit)
10
+ return;
11
+ this.emit('change', payload);
12
+ }
13
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: InputLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
14
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: InputLinkComponent, selector: "n7-input-link", inputs: { data: "data", emit: "emit" }, ngImport: i0, template: "<div *ngIf=\"data\" class=\"n7-input-link\">\n <ng-container *ngFor=\"let input of data.links\">\n <div\n class=\"n7-input-link__link {{ input.classes || '' }}\"\n (click)=\"onChange(input.payload)\"\n >\n <span\n *ngIf=\"input.icon\"\n class=\"n7-input-link__icon {{ input.icon }}\"\n ></span>\n <span class=\"n7-input-link__text\">{{ input.text }}</span>\n <span\n *ngIf=\"input.counter || input.counter === 0\"\n class=\"n7-input-link__counter\"\n >{{ input.counter }}</span\n >\n </div>\n </ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
15
+ }
16
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: InputLinkComponent, decorators: [{
17
+ type: Component,
18
+ args: [{ selector: 'n7-input-link', template: "<div *ngIf=\"data\" class=\"n7-input-link\">\n <ng-container *ngFor=\"let input of data.links\">\n <div\n class=\"n7-input-link__link {{ input.classes || '' }}\"\n (click)=\"onChange(input.payload)\"\n >\n <span\n *ngIf=\"input.icon\"\n class=\"n7-input-link__icon {{ input.icon }}\"\n ></span>\n <span class=\"n7-input-link__text\">{{ input.text }}</span>\n <span\n *ngIf=\"input.counter || input.counter === 0\"\n class=\"n7-input-link__counter\"\n >{{ input.counter }}</span\n >\n </div>\n </ng-container>\n</div>\n" }]
19
+ }], propDecorators: { data: [{
20
+ type: Input
21
+ }], emit: [{
22
+ type: Input
23
+ }] } });
24
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtbGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2R2LWNvbXBvbmVudHMtbGliL3NyYy9saWIvY29tcG9uZW50cy9pbnB1dC1saW5rL2lucHV0LWxpbmsudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kdi1jb21wb25lbnRzLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvaW5wdXQtbGluay9pbnB1dC1saW5rLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsNkJBQTZCO0FBQzdCLGdCQUFnQjtBQUNoQiw2QkFBNkI7QUFFN0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQXNEakQsTUFBTSxPQUFPLGtCQUFrQjtJQUs3QixRQUFRLENBQUMsT0FBTztRQUNkLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSTtZQUFFLE9BQU87UUFDdkIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFDL0IsQ0FBQzs4R0FSVSxrQkFBa0I7a0dBQWxCLGtCQUFrQiw2RkMxRC9CLHlsQkFtQkE7OzJGRHVDYSxrQkFBa0I7a0JBSjlCLFNBQVM7K0JBQ0UsZUFBZTs4QkFJaEIsSUFBSTtzQkFBWixLQUFLO2dCQUVHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8vLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4vLyBJTlBVVC1MSU5LLnRzXG4vLy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogSW50ZXJmYWNlIGZvciBhbiBJbnB1dExpbmtcbiAqXG4gKiBAcHJvcGVydHkgaWNvbiAob3B0aW9uYWwpXG4gKiBAcHJvcGVydHkgdGV4dCAocmVxdWlyZWQpXG4gKiBAcHJvcGVydHkgY291bnRlciAob3B0aW9uYWwpXG4gKiBAcHJvcGVydHkgcGF5bG9hZCAob3B0aW9uYWwpXG4gKiBAcHJvcGVydHkgY2xhc3NlcyAob3B0aW9uYWwpXG4gKiBAcHJvcGVydHkgX21ldGEgKG9wdGlvbmFsKVxuICovXG5leHBvcnQgaW50ZXJmYWNlIElucHV0TGluayB7XG4gIC8qKlxuICAgKiBUaGUgcmVuZGVyZWQgdGV4dCBvZiB0aGUgbGlua1xuICAgKi9cbiAgdGV4dDogc3RyaW5nO1xuICAvKipcbiAgICogQW4gaWNvbiB0byBiZSBhZGRlZCBuZXh0IHRvIHRoZSB0ZXh0XG4gICAqL1xuICBpY29uPzogc3RyaW5nO1xuICAvKipcbiAgICogQSBjb2xvcmZ1bCBjb3VudGVyIHdpdGggYSBudW1iZXJcbiAgICovXG4gIGNvdW50ZXI/OiBudW1iZXI7XG4gIC8qKlxuICAgKiBUaGUgcGF5bG9hZCBmb3IgdGhlIGNsaWNrIGV2ZW50XG4gICAqL1xuICBwYXlsb2FkPzogYW55O1xuICAvKipcbiAgICogQWRkaXRpb25hbCBIVE1MIENsYXNzZXNcbiAgICovXG4gIGNsYXNzZXM/OiBhbnk7XG4gIC8qKlxuICAgKiBBZGRpdGlvbmFsIGRhdGEgZm9yIHRoZSBjb21wb25lbnQncyBsb2dpY1xuICAgKi9cbiAgX21ldGE/OiBhbnk7XG59XG5cbi8qKlxuICogSW50ZXJmYWNlIGZvciBJbnB1dExpbmtEYXRhXG4gKiBAcHJvcGVydHkgbGlua3MgKHJlcXVpcmVkKVxuICovXG5leHBvcnQgaW50ZXJmYWNlIElucHV0TGlua0RhdGEge1xuICAvKipcbiAgICogQSBsaXN0IG9mIGlucHV0IGxpbmtzXG4gICAqL1xuICBsaW5rczogSW5wdXRMaW5rW107XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ243LWlucHV0LWxpbmsnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW5wdXQtbGluay5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgSW5wdXRMaW5rQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZGF0YTogSW5wdXRMaW5rRGF0YTtcblxuICBASW5wdXQoKSBlbWl0OiBhbnk7XG5cbiAgb25DaGFuZ2UocGF5bG9hZCkge1xuICAgIGlmICghdGhpcy5lbWl0KSByZXR1cm47XG4gICAgdGhpcy5lbWl0KCdjaGFuZ2UnLCBwYXlsb2FkKTtcbiAgfVxufVxuIiwiPGRpdiAqbmdJZj1cImRhdGFcIiBjbGFzcz1cIm43LWlucHV0LWxpbmtcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaW5wdXQgb2YgZGF0YS5saW5rc1wiPlxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwibjctaW5wdXQtbGlua19fbGluayB7eyBpbnB1dC5jbGFzc2VzIHx8ICcnIH19XCJcbiAgICAgIChjbGljayk9XCJvbkNoYW5nZShpbnB1dC5wYXlsb2FkKVwiXG4gICAgPlxuICAgICAgPHNwYW5cbiAgICAgICAgKm5nSWY9XCJpbnB1dC5pY29uXCJcbiAgICAgICAgY2xhc3M9XCJuNy1pbnB1dC1saW5rX19pY29uIHt7IGlucHV0Lmljb24gfX1cIlxuICAgICAgPjwvc3Bhbj5cbiAgICAgIDxzcGFuIGNsYXNzPVwibjctaW5wdXQtbGlua19fdGV4dFwiPnt7IGlucHV0LnRleHQgfX08L3NwYW4+XG4gICAgICA8c3BhblxuICAgICAgICAqbmdJZj1cImlucHV0LmNvdW50ZXIgfHwgaW5wdXQuY291bnRlciA9PT0gMFwiXG4gICAgICAgIGNsYXNzPVwibjctaW5wdXQtbGlua19fY291bnRlclwiXG4gICAgICAgID57eyBpbnB1dC5jb3VudGVyIH19PC9zcGFuXG4gICAgICA+XG4gICAgPC9kaXY+XG4gIDwvbmctY29udGFpbmVyPlxuPC9kaXY+XG4iXX0=
@@ -0,0 +1,66 @@
1
+ export const INPUT_LINK_MOCK = {
2
+ links: [
3
+ {
4
+ icon: 'n7-icon-archive',
5
+ text: 'First filter',
6
+ counter: 0,
7
+ payload: 'first filter',
8
+ classes: 'is-active',
9
+ },
10
+ {
11
+ text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore',
12
+ counter: 18,
13
+ payload: 'second filter',
14
+ },
15
+ {
16
+ icon: 'n7-icon-archive',
17
+ text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore',
18
+ counter: 18,
19
+ payload: 'second filter',
20
+ },
21
+ {
22
+ text: 'third filter',
23
+ counter: 11,
24
+ payload: 'third filter',
25
+ },
26
+ {
27
+ text: 'lorem',
28
+ counter: 7,
29
+ payload: 'fourth filter',
30
+ },
31
+ {
32
+ text: 'last filter',
33
+ counter: 31,
34
+ payload: 'last filter',
35
+ },
36
+ {
37
+ icon: 'n7-icon-archive',
38
+ text: 'First filter',
39
+ counter: 1232143,
40
+ payload: 'first filter',
41
+ classes: 'is-active',
42
+ },
43
+ {
44
+ text: 'second filter',
45
+ counter: 18,
46
+ payload: 'second filter',
47
+ },
48
+ {
49
+ text: 'third filter',
50
+ counter: 11,
51
+ payload: 'third filter',
52
+ classes: 'is-active',
53
+ },
54
+ {
55
+ text: 'fourth filter',
56
+ counter: 7,
57
+ payload: 'fourth filter',
58
+ },
59
+ {
60
+ text: 'last filter',
61
+ counter: 3,
62
+ payload: 'last filter',
63
+ },
64
+ ],
65
+ };
66
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtbGluay5tb2NrLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZHYtY29tcG9uZW50cy1saWIvc3JjL2xpYi9jb21wb25lbnRzL2lucHV0LWxpbmsvaW5wdXQtbGluay5tb2NrLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBa0I7SUFDNUMsS0FBSyxFQUFFO1FBQ0w7WUFDRSxJQUFJLEVBQUUsaUJBQWlCO1lBQ3ZCLElBQUksRUFBRSxjQUFjO1lBQ3BCLE9BQU8sRUFBRSxDQUFDO1lBQ1YsT0FBTyxFQUFFLGNBQWM7WUFDdkIsT0FBTyxFQUFFLFdBQVc7U0FDckI7UUFDRDtZQUNFLElBQUksRUFBRSxxR0FBcUc7WUFDM0csT0FBTyxFQUFFLEVBQUU7WUFDWCxPQUFPLEVBQUUsZUFBZTtTQUN6QjtRQUNEO1lBQ0UsSUFBSSxFQUFFLGlCQUFpQjtZQUN2QixJQUFJLEVBQUUscUdBQXFHO1lBQzNHLE9BQU8sRUFBRSxFQUFFO1lBQ1gsT0FBTyxFQUFFLGVBQWU7U0FDekI7UUFDRDtZQUNFLElBQUksRUFBRSxjQUFjO1lBQ3BCLE9BQU8sRUFBRSxFQUFFO1lBQ1gsT0FBTyxFQUFFLGNBQWM7U0FDeEI7UUFDRDtZQUNFLElBQUksRUFBRSxPQUFPO1lBQ2IsT0FBTyxFQUFFLENBQUM7WUFDVixPQUFPLEVBQUUsZUFBZTtTQUN6QjtRQUNEO1lBQ0UsSUFBSSxFQUFFLGFBQWE7WUFDbkIsT0FBTyxFQUFFLEVBQUU7WUFDWCxPQUFPLEVBQUUsYUFBYTtTQUN2QjtRQUNEO1lBQ0UsSUFBSSxFQUFFLGlCQUFpQjtZQUN2QixJQUFJLEVBQUUsY0FBYztZQUNwQixPQUFPLEVBQUUsT0FBTztZQUNoQixPQUFPLEVBQUUsY0FBYztZQUN2QixPQUFPLEVBQUUsV0FBVztTQUNyQjtRQUNEO1lBQ0UsSUFBSSxFQUFFLGVBQWU7WUFDckIsT0FBTyxFQUFFLEVBQUU7WUFDWCxPQUFPLEVBQUUsZUFBZTtTQUN6QjtRQUNEO1lBQ0UsSUFBSSxFQUFFLGNBQWM7WUFDcEIsT0FBTyxFQUFFLEVBQUU7WUFDWCxPQUFPLEVBQUUsY0FBYztZQUN2QixPQUFPLEVBQUUsV0FBVztTQUNyQjtRQUNEO1lBQ0UsSUFBSSxFQUFFLGVBQWU7WUFDckIsT0FBTyxFQUFFLENBQUM7WUFDVixPQUFPLEVBQUUsZUFBZTtTQUN6QjtRQUNEO1lBQ0UsSUFBSSxFQUFFLGFBQWE7WUFDbkIsT0FBTyxFQUFFLENBQUM7WUFDVixPQUFPLEVBQUUsYUFBYTtTQUN2QjtLQUNGO0NBQ0YsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IElucHV0TGlua0RhdGEgfSBmcm9tICcuL2lucHV0LWxpbmsnO1xuXG5leHBvcnQgY29uc3QgSU5QVVRfTElOS19NT0NLOiBJbnB1dExpbmtEYXRhID0ge1xuICBsaW5rczogW1xuICAgIHtcbiAgICAgIGljb246ICduNy1pY29uLWFyY2hpdmUnLFxuICAgICAgdGV4dDogJ0ZpcnN0IGZpbHRlcicsXG4gICAgICBjb3VudGVyOiAwLFxuICAgICAgcGF5bG9hZDogJ2ZpcnN0IGZpbHRlcicsXG4gICAgICBjbGFzc2VzOiAnaXMtYWN0aXZlJyxcbiAgICB9LFxuICAgIHtcbiAgICAgIHRleHQ6ICdMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzY2luZyBlbGl0LCBzZWQgZG8gZWl1c21vZCB0ZW1wb3IgaW5jaWRpZHVudCB1dCBsYWJvcmUnLFxuICAgICAgY291bnRlcjogMTgsXG4gICAgICBwYXlsb2FkOiAnc2Vjb25kIGZpbHRlcicsXG4gICAgfSxcbiAgICB7XG4gICAgICBpY29uOiAnbjctaWNvbi1hcmNoaXZlJyxcbiAgICAgIHRleHQ6ICdMb3JlbSBpcHN1bSBkb2xvciBzaXQgYW1ldCwgY29uc2VjdGV0dXIgYWRpcGlzY2luZyBlbGl0LCBzZWQgZG8gZWl1c21vZCB0ZW1wb3IgaW5jaWRpZHVudCB1dCBsYWJvcmUnLFxuICAgICAgY291bnRlcjogMTgsXG4gICAgICBwYXlsb2FkOiAnc2Vjb25kIGZpbHRlcicsXG4gICAgfSxcbiAgICB7XG4gICAgICB0ZXh0OiAndGhpcmQgZmlsdGVyJyxcbiAgICAgIGNvdW50ZXI6IDExLFxuICAgICAgcGF5bG9hZDogJ3RoaXJkIGZpbHRlcicsXG4gICAgfSxcbiAgICB7XG4gICAgICB0ZXh0OiAnbG9yZW0nLFxuICAgICAgY291bnRlcjogNyxcbiAgICAgIHBheWxvYWQ6ICdmb3VydGggZmlsdGVyJyxcbiAgICB9LFxuICAgIHtcbiAgICAgIHRleHQ6ICdsYXN0IGZpbHRlcicsXG4gICAgICBjb3VudGVyOiAzMSxcbiAgICAgIHBheWxvYWQ6ICdsYXN0IGZpbHRlcicsXG4gICAgfSxcbiAgICB7XG4gICAgICBpY29uOiAnbjctaWNvbi1hcmNoaXZlJyxcbiAgICAgIHRleHQ6ICdGaXJzdCBmaWx0ZXInLFxuICAgICAgY291bnRlcjogMTIzMjE0MyxcbiAgICAgIHBheWxvYWQ6ICdmaXJzdCBmaWx0ZXInLFxuICAgICAgY2xhc3NlczogJ2lzLWFjdGl2ZScsXG4gICAgfSxcbiAgICB7XG4gICAgICB0ZXh0OiAnc2Vjb25kIGZpbHRlcicsXG4gICAgICBjb3VudGVyOiAxOCxcbiAgICAgIHBheWxvYWQ6ICdzZWNvbmQgZmlsdGVyJyxcbiAgICB9LFxuICAgIHtcbiAgICAgIHRleHQ6ICd0aGlyZCBmaWx0ZXInLFxuICAgICAgY291bnRlcjogMTEsXG4gICAgICBwYXlsb2FkOiAndGhpcmQgZmlsdGVyJyxcbiAgICAgIGNsYXNzZXM6ICdpcy1hY3RpdmUnLFxuICAgIH0sXG4gICAge1xuICAgICAgdGV4dDogJ2ZvdXJ0aCBmaWx0ZXInLFxuICAgICAgY291bnRlcjogNyxcbiAgICAgIHBheWxvYWQ6ICdmb3VydGggZmlsdGVyJyxcbiAgICB9LFxuICAgIHtcbiAgICAgIHRleHQ6ICdsYXN0IGZpbHRlcicsXG4gICAgICBjb3VudGVyOiAzLFxuICAgICAgcGF5bG9hZDogJ2xhc3QgZmlsdGVyJyxcbiAgICB9LFxuICBdLFxufTtcbiJdfQ==