j1-template 2021.2.0 → 2021.2.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (697) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/themes/j1/layouts/content_generator_news_panel_posts.html +6 -6
  3. data/_includes/themes/j1/layouts/layout_metadata_generator.html +6 -1
  4. data/_includes/themes/j1/modules/connectors/translators/google-translator.html +11 -23
  5. data/_includes/themes/j1/procedures/posts/collate_timeline.proc +5 -5
  6. data/_layouts/default.html +36 -26
  7. data/assets/data/cookieconsent.html +43 -33
  8. data/assets/data/msdropdown.json +155 -0
  9. data/assets/data/panel.html +10 -10
  10. data/assets/data/quicklinks.html +25 -4
  11. data/assets/data/translator.html +291 -0
  12. data/assets/data/translator_languages.json +142 -0
  13. data/assets/themes/j1/adapter/js/cookieConsent.js +41 -34
  14. data/assets/themes/j1/adapter/js/fam.js +1 -1
  15. data/assets/themes/j1/adapter/js/j1.js +204 -158
  16. data/assets/themes/j1/adapter/js/navigator.js +11 -4
  17. data/assets/themes/j1/adapter/js/rtable.js +77 -24
  18. data/assets/themes/j1/adapter/js/themer.js +2 -2
  19. data/assets/themes/j1/adapter/js/translator.js +492 -0
  20. data/assets/themes/j1/core/country-flags/1x1/ad.svg +148 -0
  21. data/assets/themes/j1/core/country-flags/1x1/ae.svg +6 -0
  22. data/assets/themes/j1/core/country-flags/1x1/af.svg +81 -0
  23. data/assets/themes/j1/core/country-flags/1x1/ag.svg +14 -0
  24. data/assets/themes/j1/core/country-flags/1x1/ai.svg +763 -0
  25. data/assets/themes/j1/core/country-flags/1x1/al.svg +5 -0
  26. data/assets/themes/j1/core/country-flags/1x1/am.svg +5 -0
  27. data/assets/themes/j1/core/country-flags/1x1/ao.svg +13 -0
  28. data/assets/themes/j1/core/country-flags/1x1/aq.svg +5 -0
  29. data/assets/themes/j1/core/country-flags/1x1/ar.svg +31 -0
  30. data/assets/themes/j1/core/country-flags/1x1/as.svg +33 -0
  31. data/assets/themes/j1/core/country-flags/1x1/at.svg +6 -0
  32. data/assets/themes/j1/core/country-flags/1x1/au.svg +11 -0
  33. data/assets/themes/j1/core/country-flags/1x1/aw.svg +186 -0
  34. data/assets/themes/j1/core/country-flags/1x1/ax.svg +18 -0
  35. data/assets/themes/j1/core/country-flags/1x1/az.svg +8 -0
  36. data/assets/themes/j1/core/country-flags/1x1/ba.svg +12 -0
  37. data/assets/themes/j1/core/country-flags/1x1/bb.svg +6 -0
  38. data/assets/themes/j1/core/country-flags/1x1/bd.svg +4 -0
  39. data/assets/themes/j1/core/country-flags/1x1/be.svg +7 -0
  40. data/assets/themes/j1/core/country-flags/1x1/bf.svg +7 -0
  41. data/assets/themes/j1/core/country-flags/1x1/bg.svg +7 -0
  42. data/assets/themes/j1/core/country-flags/1x1/bh.svg +9 -0
  43. data/assets/themes/j1/core/country-flags/1x1/bi.svg +15 -0
  44. data/assets/themes/j1/core/country-flags/1x1/bj.svg +14 -0
  45. data/assets/themes/j1/core/country-flags/1x1/bl.svg +7 -0
  46. data/assets/themes/j1/core/country-flags/1x1/bm.svg +98 -0
  47. data/assets/themes/j1/core/country-flags/1x1/bn.svg +36 -0
  48. data/assets/themes/j1/core/country-flags/1x1/bo.svg +678 -0
  49. data/assets/themes/j1/core/country-flags/1x1/bq.svg +5 -0
  50. data/assets/themes/j1/core/country-flags/1x1/br.svg +45 -0
  51. data/assets/themes/j1/core/country-flags/1x1/bs.svg +13 -0
  52. data/assets/themes/j1/core/country-flags/1x1/bt.svg +89 -0
  53. data/assets/themes/j1/core/country-flags/1x1/bv.svg +13 -0
  54. data/assets/themes/j1/core/country-flags/1x1/bw.svg +7 -0
  55. data/assets/themes/j1/core/country-flags/1x1/by.svg +22 -0
  56. data/assets/themes/j1/core/country-flags/1x1/bz.svg +145 -0
  57. data/assets/themes/j1/core/country-flags/1x1/ca.svg +4 -0
  58. data/assets/themes/j1/core/country-flags/1x1/cc.svg +19 -0
  59. data/assets/themes/j1/core/country-flags/1x1/cd.svg +12 -0
  60. data/assets/themes/j1/core/country-flags/1x1/cf.svg +15 -0
  61. data/assets/themes/j1/core/country-flags/1x1/cg.svg +12 -0
  62. data/assets/themes/j1/core/country-flags/1x1/ch.svg +9 -0
  63. data/assets/themes/j1/core/country-flags/1x1/ci.svg +7 -0
  64. data/assets/themes/j1/core/country-flags/1x1/ck.svg +11 -0
  65. data/assets/themes/j1/core/country-flags/1x1/cl.svg +13 -0
  66. data/assets/themes/j1/core/country-flags/1x1/cm.svg +15 -0
  67. data/assets/themes/j1/core/country-flags/1x1/cn.svg +11 -0
  68. data/assets/themes/j1/core/country-flags/1x1/co.svg +7 -0
  69. data/assets/themes/j1/core/country-flags/1x1/cr.svg +7 -0
  70. data/assets/themes/j1/core/country-flags/1x1/cu.svg +13 -0
  71. data/assets/themes/j1/core/country-flags/1x1/cv.svg +13 -0
  72. data/assets/themes/j1/core/country-flags/1x1/cw.svg +14 -0
  73. data/assets/themes/j1/core/country-flags/1x1/cx.svg +15 -0
  74. data/assets/themes/j1/core/country-flags/1x1/cy.svg +6 -0
  75. data/assets/themes/j1/core/country-flags/1x1/cz.svg +5 -0
  76. data/assets/themes/j1/core/country-flags/1x1/de.svg +5 -0
  77. data/assets/themes/j1/core/country-flags/1x1/dj.svg +13 -0
  78. data/assets/themes/j1/core/country-flags/1x1/dk.svg +5 -0
  79. data/assets/themes/j1/core/country-flags/1x1/dm.svg +152 -0
  80. data/assets/themes/j1/core/country-flags/1x1/do.svg +6745 -0
  81. data/assets/themes/j1/core/country-flags/1x1/dz.svg +5 -0
  82. data/assets/themes/j1/core/country-flags/1x1/ec.svg +138 -0
  83. data/assets/themes/j1/core/country-flags/1x1/ee.svg +7 -0
  84. data/assets/themes/j1/core/country-flags/1x1/eg.svg +38 -0
  85. data/assets/themes/j1/core/country-flags/1x1/eh.svg +15 -0
  86. data/assets/themes/j1/core/country-flags/1x1/er.svg +13 -0
  87. data/assets/themes/j1/core/country-flags/1x1/es-ca.svg +4 -0
  88. data/assets/themes/j1/core/country-flags/1x1/es-ga.svg +189 -0
  89. data/assets/themes/j1/core/country-flags/1x1/es.svg +547 -0
  90. data/assets/themes/j1/core/country-flags/1x1/et.svg +14 -0
  91. data/assets/themes/j1/core/country-flags/1x1/eu.svg +28 -0
  92. data/assets/themes/j1/core/country-flags/1x1/fi.svg +5 -0
  93. data/assets/themes/j1/core/country-flags/1x1/fj.svg +125 -0
  94. data/assets/themes/j1/core/country-flags/1x1/fk.svg +93 -0
  95. data/assets/themes/j1/core/country-flags/1x1/fm.svg +11 -0
  96. data/assets/themes/j1/core/country-flags/1x1/fo.svg +12 -0
  97. data/assets/themes/j1/core/country-flags/1x1/fr.svg +7 -0
  98. data/assets/themes/j1/core/country-flags/1x1/ga.svg +7 -0
  99. data/assets/themes/j1/core/country-flags/1x1/gb-eng.svg +5 -0
  100. data/assets/themes/j1/core/country-flags/1x1/gb-nir.svg +131 -0
  101. data/assets/themes/j1/core/country-flags/1x1/gb-sct.svg +4 -0
  102. data/assets/themes/j1/core/country-flags/1x1/gb-wls.svg +9 -0
  103. data/assets/themes/j1/core/country-flags/1x1/gb.svg +7 -0
  104. data/assets/themes/j1/core/country-flags/1x1/gd.svg +27 -0
  105. data/assets/themes/j1/core/country-flags/1x1/ge.svg +6 -0
  106. data/assets/themes/j1/core/country-flags/1x1/gf.svg +7 -0
  107. data/assets/themes/j1/core/country-flags/1x1/gg.svg +9 -0
  108. data/assets/themes/j1/core/country-flags/1x1/gh.svg +6 -0
  109. data/assets/themes/j1/core/country-flags/1x1/gi.svg +32 -0
  110. data/assets/themes/j1/core/country-flags/1x1/gl.svg +4 -0
  111. data/assets/themes/j1/core/country-flags/1x1/gm.svg +9 -0
  112. data/assets/themes/j1/core/country-flags/1x1/gn.svg +7 -0
  113. data/assets/themes/j1/core/country-flags/1x1/gp.svg +7 -0
  114. data/assets/themes/j1/core/country-flags/1x1/gq.svg +23 -0
  115. data/assets/themes/j1/core/country-flags/1x1/gr.svg +16 -0
  116. data/assets/themes/j1/core/country-flags/1x1/gs.svg +206 -0
  117. data/assets/themes/j1/core/country-flags/1x1/gt.svg +204 -0
  118. data/assets/themes/j1/core/country-flags/1x1/gu.svg +39 -0
  119. data/assets/themes/j1/core/country-flags/1x1/gw.svg +15 -0
  120. data/assets/themes/j1/core/country-flags/1x1/gy.svg +9 -0
  121. data/assets/themes/j1/core/country-flags/1x1/hk.svg +30 -0
  122. data/assets/themes/j1/core/country-flags/1x1/hm.svg +9 -0
  123. data/assets/themes/j1/core/country-flags/1x1/hn.svg +18 -0
  124. data/assets/themes/j1/core/country-flags/1x1/hr.svg +56 -0
  125. data/assets/themes/j1/core/country-flags/1x1/ht.svg +116 -0
  126. data/assets/themes/j1/core/country-flags/1x1/hu.svg +7 -0
  127. data/assets/themes/j1/core/country-flags/1x1/id.svg +6 -0
  128. data/assets/themes/j1/core/country-flags/1x1/ie.svg +7 -0
  129. data/assets/themes/j1/core/country-flags/1x1/il.svg +14 -0
  130. data/assets/themes/j1/core/country-flags/1x1/im.svg +36 -0
  131. data/assets/themes/j1/core/country-flags/1x1/in.svg +25 -0
  132. data/assets/themes/j1/core/country-flags/1x1/io.svg +140 -0
  133. data/assets/themes/j1/core/country-flags/1x1/iq.svg +10 -0
  134. data/assets/themes/j1/core/country-flags/1x1/ir.svg +219 -0
  135. data/assets/themes/j1/core/country-flags/1x1/is.svg +12 -0
  136. data/assets/themes/j1/core/country-flags/1x1/it.svg +7 -0
  137. data/assets/themes/j1/core/country-flags/1x1/je.svg +29 -0
  138. data/assets/themes/j1/core/country-flags/1x1/jm.svg +8 -0
  139. data/assets/themes/j1/core/country-flags/1x1/jo.svg +16 -0
  140. data/assets/themes/j1/core/country-flags/1x1/jp.svg +11 -0
  141. data/assets/themes/j1/core/country-flags/1x1/ke.svg +23 -0
  142. data/assets/themes/j1/core/country-flags/1x1/kg.svg +15 -0
  143. data/assets/themes/j1/core/country-flags/1x1/kh.svg +61 -0
  144. data/assets/themes/j1/core/country-flags/1x1/ki.svg +36 -0
  145. data/assets/themes/j1/core/country-flags/1x1/km.svg +16 -0
  146. data/assets/themes/j1/core/country-flags/1x1/kn.svg +14 -0
  147. data/assets/themes/j1/core/country-flags/1x1/kp.svg +15 -0
  148. data/assets/themes/j1/core/country-flags/1x1/kr.svg +24 -0
  149. data/assets/themes/j1/core/country-flags/1x1/kw.svg +13 -0
  150. data/assets/themes/j1/core/country-flags/1x1/ky.svg +70 -0
  151. data/assets/themes/j1/core/country-flags/1x1/kz.svg +23 -0
  152. data/assets/themes/j1/core/country-flags/1x1/la.svg +12 -0
  153. data/assets/themes/j1/core/country-flags/1x1/lb.svg +15 -0
  154. data/assets/themes/j1/core/country-flags/1x1/lc.svg +8 -0
  155. data/assets/themes/j1/core/country-flags/1x1/li.svg +43 -0
  156. data/assets/themes/j1/core/country-flags/1x1/lk.svg +22 -0
  157. data/assets/themes/j1/core/country-flags/1x1/lr.svg +14 -0
  158. data/assets/themes/j1/core/country-flags/1x1/ls.svg +8 -0
  159. data/assets/themes/j1/core/country-flags/1x1/lt.svg +7 -0
  160. data/assets/themes/j1/core/country-flags/1x1/lu.svg +5 -0
  161. data/assets/themes/j1/core/country-flags/1x1/lv.svg +6 -0
  162. data/assets/themes/j1/core/country-flags/1x1/ly.svg +13 -0
  163. data/assets/themes/j1/core/country-flags/1x1/ma.svg +4 -0
  164. data/assets/themes/j1/core/country-flags/1x1/mc.svg +6 -0
  165. data/assets/themes/j1/core/country-flags/1x1/md.svg +71 -0
  166. data/assets/themes/j1/core/country-flags/1x1/me.svg +118 -0
  167. data/assets/themes/j1/core/country-flags/1x1/mf.svg +7 -0
  168. data/assets/themes/j1/core/country-flags/1x1/mg.svg +7 -0
  169. data/assets/themes/j1/core/country-flags/1x1/mh.svg +8 -0
  170. data/assets/themes/j1/core/country-flags/1x1/mk.svg +5 -0
  171. data/assets/themes/j1/core/country-flags/1x1/ml.svg +7 -0
  172. data/assets/themes/j1/core/country-flags/1x1/mm.svg +16 -0
  173. data/assets/themes/j1/core/country-flags/1x1/mn.svg +13 -0
  174. data/assets/themes/j1/core/country-flags/1x1/mo.svg +9 -0
  175. data/assets/themes/j1/core/country-flags/1x1/mp.svg +86 -0
  176. data/assets/themes/j1/core/country-flags/1x1/mq.svg +7 -0
  177. data/assets/themes/j1/core/country-flags/1x1/mr.svg +6 -0
  178. data/assets/themes/j1/core/country-flags/1x1/ms.svg +70 -0
  179. data/assets/themes/j1/core/country-flags/1x1/mt.svg +50 -0
  180. data/assets/themes/j1/core/country-flags/1x1/mu.svg +8 -0
  181. data/assets/themes/j1/core/country-flags/1x1/mv.svg +6 -0
  182. data/assets/themes/j1/core/country-flags/1x1/mw.svg +15 -0
  183. data/assets/themes/j1/core/country-flags/1x1/mx.svg +378 -0
  184. data/assets/themes/j1/core/country-flags/1x1/my.svg +15 -0
  185. data/assets/themes/j1/core/country-flags/1x1/mz.svg +21 -0
  186. data/assets/themes/j1/core/country-flags/1x1/na.svg +16 -0
  187. data/assets/themes/j1/core/country-flags/1x1/nc.svg +14 -0
  188. data/assets/themes/j1/core/country-flags/1x1/ne.svg +6 -0
  189. data/assets/themes/j1/core/country-flags/1x1/nf.svg +11 -0
  190. data/assets/themes/j1/core/country-flags/1x1/ng.svg +6 -0
  191. data/assets/themes/j1/core/country-flags/1x1/ni.svg +129 -0
  192. data/assets/themes/j1/core/country-flags/1x1/nl.svg +5 -0
  193. data/assets/themes/j1/core/country-flags/1x1/no.svg +7 -0
  194. data/assets/themes/j1/core/country-flags/1x1/np.svg +19 -0
  195. data/assets/themes/j1/core/country-flags/1x1/nr.svg +12 -0
  196. data/assets/themes/j1/core/country-flags/1x1/nu.svg +26 -0
  197. data/assets/themes/j1/core/country-flags/1x1/nz.svg +41 -0
  198. data/assets/themes/j1/core/country-flags/1x1/om.svg +115 -0
  199. data/assets/themes/j1/core/country-flags/1x1/pa.svg +13 -0
  200. data/assets/themes/j1/core/country-flags/1x1/pe.svg +244 -0
  201. data/assets/themes/j1/core/country-flags/1x1/pf.svg +18 -0
  202. data/assets/themes/j1/core/country-flags/1x1/pg.svg +16 -0
  203. data/assets/themes/j1/core/country-flags/1x1/ph.svg +9 -0
  204. data/assets/themes/j1/core/country-flags/1x1/pk.svg +15 -0
  205. data/assets/themes/j1/core/country-flags/1x1/pl.svg +6 -0
  206. data/assets/themes/j1/core/country-flags/1x1/pm.svg +7 -0
  207. data/assets/themes/j1/core/country-flags/1x1/pn.svg +67 -0
  208. data/assets/themes/j1/core/country-flags/1x1/pr.svg +13 -0
  209. data/assets/themes/j1/core/country-flags/1x1/ps.svg +15 -0
  210. data/assets/themes/j1/core/country-flags/1x1/pt.svg +57 -0
  211. data/assets/themes/j1/core/country-flags/1x1/pw.svg +11 -0
  212. data/assets/themes/j1/core/country-flags/1x1/py.svg +156 -0
  213. data/assets/themes/j1/core/country-flags/1x1/qa.svg +4 -0
  214. data/assets/themes/j1/core/country-flags/1x1/re.svg +7 -0
  215. data/assets/themes/j1/core/country-flags/1x1/ro.svg +7 -0
  216. data/assets/themes/j1/core/country-flags/1x1/rs.svg +296 -0
  217. data/assets/themes/j1/core/country-flags/1x1/ru.svg +7 -0
  218. data/assets/themes/j1/core/country-flags/1x1/rw.svg +13 -0
  219. data/assets/themes/j1/core/country-flags/1x1/sa.svg +26 -0
  220. data/assets/themes/j1/core/country-flags/1x1/sb.svg +13 -0
  221. data/assets/themes/j1/core/country-flags/1x1/sc.svg +14 -0
  222. data/assets/themes/j1/core/country-flags/1x1/sd.svg +13 -0
  223. data/assets/themes/j1/core/country-flags/1x1/se.svg +5 -0
  224. data/assets/themes/j1/core/country-flags/1x1/sg.svg +13 -0
  225. data/assets/themes/j1/core/country-flags/1x1/sh.svg +81 -0
  226. data/assets/themes/j1/core/country-flags/1x1/si.svg +18 -0
  227. data/assets/themes/j1/core/country-flags/1x1/sj.svg +7 -0
  228. data/assets/themes/j1/core/country-flags/1x1/sk.svg +9 -0
  229. data/assets/themes/j1/core/country-flags/1x1/sl.svg +12 -0
  230. data/assets/themes/j1/core/country-flags/1x1/sm.svg +89 -0
  231. data/assets/themes/j1/core/country-flags/1x1/sn.svg +8 -0
  232. data/assets/themes/j1/core/country-flags/1x1/so.svg +11 -0
  233. data/assets/themes/j1/core/country-flags/1x1/sr.svg +6 -0
  234. data/assets/themes/j1/core/country-flags/1x1/ss.svg +8 -0
  235. data/assets/themes/j1/core/country-flags/1x1/st.svg +16 -0
  236. data/assets/themes/j1/core/country-flags/1x1/sv.svg +596 -0
  237. data/assets/themes/j1/core/country-flags/1x1/sx.svg +56 -0
  238. data/assets/themes/j1/core/country-flags/1x1/sy.svg +6 -0
  239. data/assets/themes/j1/core/country-flags/1x1/sz.svg +45 -0
  240. data/assets/themes/j1/core/country-flags/1x1/tc.svg +74 -0
  241. data/assets/themes/j1/core/country-flags/1x1/td.svg +7 -0
  242. data/assets/themes/j1/core/country-flags/1x1/tf.svg +15 -0
  243. data/assets/themes/j1/core/country-flags/1x1/tg.svg +14 -0
  244. data/assets/themes/j1/core/country-flags/1x1/th.svg +7 -0
  245. data/assets/themes/j1/core/country-flags/1x1/tj.svg +26 -0
  246. data/assets/themes/j1/core/country-flags/1x1/tk.svg +5 -0
  247. data/assets/themes/j1/core/country-flags/1x1/tl.svg +13 -0
  248. data/assets/themes/j1/core/country-flags/1x1/tm.svg +203 -0
  249. data/assets/themes/j1/core/country-flags/1x1/tn.svg +13 -0
  250. data/assets/themes/j1/core/country-flags/1x1/to.svg +10 -0
  251. data/assets/themes/j1/core/country-flags/1x1/tr.svg +8 -0
  252. data/assets/themes/j1/core/country-flags/1x1/tt.svg +7 -0
  253. data/assets/themes/j1/core/country-flags/1x1/tv.svg +16 -0
  254. data/assets/themes/j1/core/country-flags/1x1/tw.svg +14 -0
  255. data/assets/themes/j1/core/country-flags/1x1/tz.svg +15 -0
  256. data/assets/themes/j1/core/country-flags/1x1/ua.svg +6 -0
  257. data/assets/themes/j1/core/country-flags/1x1/ug.svg +30 -0
  258. data/assets/themes/j1/core/country-flags/1x1/um.svg +15 -0
  259. data/assets/themes/j1/core/country-flags/1x1/un.svg +16 -0
  260. data/assets/themes/j1/core/country-flags/1x1/us.svg +10 -0
  261. data/assets/themes/j1/core/country-flags/1x1/uy.svg +28 -0
  262. data/assets/themes/j1/core/country-flags/1x1/uz.svg +30 -0
  263. data/assets/themes/j1/core/country-flags/1x1/va.svg +479 -0
  264. data/assets/themes/j1/core/country-flags/1x1/vc.svg +8 -0
  265. data/assets/themes/j1/core/country-flags/1x1/ve.svg +26 -0
  266. data/assets/themes/j1/core/country-flags/1x1/vg.svg +128 -0
  267. data/assets/themes/j1/core/country-flags/1x1/vi.svg +28 -0
  268. data/assets/themes/j1/core/country-flags/1x1/vn.svg +11 -0
  269. data/assets/themes/j1/core/country-flags/1x1/vu.svg +18 -0
  270. data/assets/themes/j1/core/country-flags/1x1/wf.svg +7 -0
  271. data/assets/themes/j1/core/country-flags/1x1/ws.svg +7 -0
  272. data/assets/themes/j1/core/country-flags/1x1/xk.svg +16 -0
  273. data/assets/themes/j1/core/country-flags/1x1/ye.svg +7 -0
  274. data/assets/themes/j1/core/country-flags/1x1/yt.svg +7 -0
  275. data/assets/themes/j1/core/country-flags/1x1/za.svg +17 -0
  276. data/assets/themes/j1/core/country-flags/1x1/zm.svg +27 -0
  277. data/assets/themes/j1/core/country-flags/1x1/zw.svg +21 -0
  278. data/assets/themes/j1/core/country-flags/4x3/ad.svg +150 -0
  279. data/assets/themes/j1/core/country-flags/4x3/ae.svg +6 -0
  280. data/assets/themes/j1/core/country-flags/4x3/af.svg +81 -0
  281. data/assets/themes/j1/core/country-flags/4x3/ag.svg +14 -0
  282. data/assets/themes/j1/core/country-flags/4x3/ai.svg +763 -0
  283. data/assets/themes/j1/core/country-flags/4x3/al.svg +5 -0
  284. data/assets/themes/j1/core/country-flags/4x3/am.svg +5 -0
  285. data/assets/themes/j1/core/country-flags/4x3/ao.svg +13 -0
  286. data/assets/themes/j1/core/country-flags/4x3/aq.svg +5 -0
  287. data/assets/themes/j1/core/country-flags/4x3/ar.svg +31 -0
  288. data/assets/themes/j1/core/country-flags/4x3/as.svg +33 -0
  289. data/assets/themes/j1/core/country-flags/4x3/at.svg +6 -0
  290. data/assets/themes/j1/core/country-flags/4x3/au.svg +9 -0
  291. data/assets/themes/j1/core/country-flags/4x3/aw.svg +186 -0
  292. data/assets/themes/j1/core/country-flags/4x3/ax.svg +18 -0
  293. data/assets/themes/j1/core/country-flags/4x3/az.svg +8 -0
  294. data/assets/themes/j1/core/country-flags/4x3/ba.svg +12 -0
  295. data/assets/themes/j1/core/country-flags/4x3/bb.svg +6 -0
  296. data/assets/themes/j1/core/country-flags/4x3/bd.svg +4 -0
  297. data/assets/themes/j1/core/country-flags/4x3/be.svg +7 -0
  298. data/assets/themes/j1/core/country-flags/4x3/bf.svg +7 -0
  299. data/assets/themes/j1/core/country-flags/4x3/bg.svg +7 -0
  300. data/assets/themes/j1/core/country-flags/4x3/bh.svg +9 -0
  301. data/assets/themes/j1/core/country-flags/4x3/bi.svg +15 -0
  302. data/assets/themes/j1/core/country-flags/4x3/bj.svg +14 -0
  303. data/assets/themes/j1/core/country-flags/4x3/bl.svg +7 -0
  304. data/assets/themes/j1/core/country-flags/4x3/bm.svg +98 -0
  305. data/assets/themes/j1/core/country-flags/4x3/bn.svg +36 -0
  306. data/assets/themes/j1/core/country-flags/4x3/bo.svg +676 -0
  307. data/assets/themes/j1/core/country-flags/4x3/bq.svg +5 -0
  308. data/assets/themes/j1/core/country-flags/4x3/br.svg +45 -0
  309. data/assets/themes/j1/core/country-flags/4x3/bs.svg +13 -0
  310. data/assets/themes/j1/core/country-flags/4x3/bt.svg +89 -0
  311. data/assets/themes/j1/core/country-flags/4x3/bv.svg +13 -0
  312. data/assets/themes/j1/core/country-flags/4x3/bw.svg +7 -0
  313. data/assets/themes/j1/core/country-flags/4x3/by.svg +20 -0
  314. data/assets/themes/j1/core/country-flags/4x3/bz.svg +145 -0
  315. data/assets/themes/j1/core/country-flags/4x3/ca.svg +4 -0
  316. data/assets/themes/j1/core/country-flags/4x3/cc.svg +19 -0
  317. data/assets/themes/j1/core/country-flags/4x3/cd.svg +5 -0
  318. data/assets/themes/j1/core/country-flags/4x3/cf.svg +15 -0
  319. data/assets/themes/j1/core/country-flags/4x3/cg.svg +12 -0
  320. data/assets/themes/j1/core/country-flags/4x3/ch.svg +9 -0
  321. data/assets/themes/j1/core/country-flags/4x3/ci.svg +7 -0
  322. data/assets/themes/j1/core/country-flags/4x3/ck.svg +9 -0
  323. data/assets/themes/j1/core/country-flags/4x3/cl.svg +13 -0
  324. data/assets/themes/j1/core/country-flags/4x3/cm.svg +15 -0
  325. data/assets/themes/j1/core/country-flags/4x3/cn.svg +11 -0
  326. data/assets/themes/j1/core/country-flags/4x3/co.svg +7 -0
  327. data/assets/themes/j1/core/country-flags/4x3/cr.svg +7 -0
  328. data/assets/themes/j1/core/country-flags/4x3/cu.svg +13 -0
  329. data/assets/themes/j1/core/country-flags/4x3/cv.svg +13 -0
  330. data/assets/themes/j1/core/country-flags/4x3/cw.svg +14 -0
  331. data/assets/themes/j1/core/country-flags/4x3/cx.svg +15 -0
  332. data/assets/themes/j1/core/country-flags/4x3/cy.svg +6 -0
  333. data/assets/themes/j1/core/country-flags/4x3/cz.svg +5 -0
  334. data/assets/themes/j1/core/country-flags/4x3/de.svg +5 -0
  335. data/assets/themes/j1/core/country-flags/4x3/dj.svg +13 -0
  336. data/assets/themes/j1/core/country-flags/4x3/dk.svg +5 -0
  337. data/assets/themes/j1/core/country-flags/4x3/dm.svg +152 -0
  338. data/assets/themes/j1/core/country-flags/4x3/do.svg +6745 -0
  339. data/assets/themes/j1/core/country-flags/4x3/dz.svg +5 -0
  340. data/assets/themes/j1/core/country-flags/4x3/ec.svg +138 -0
  341. data/assets/themes/j1/core/country-flags/4x3/ee.svg +7 -0
  342. data/assets/themes/j1/core/country-flags/4x3/eg.svg +38 -0
  343. data/assets/themes/j1/core/country-flags/4x3/eh.svg +15 -0
  344. data/assets/themes/j1/core/country-flags/4x3/er.svg +8 -0
  345. data/assets/themes/j1/core/country-flags/4x3/es-ca.svg +4 -0
  346. data/assets/themes/j1/core/country-flags/4x3/es-ga.svg +189 -0
  347. data/assets/themes/j1/core/country-flags/4x3/es.svg +544 -0
  348. data/assets/themes/j1/core/country-flags/4x3/et.svg +14 -0
  349. data/assets/themes/j1/core/country-flags/4x3/eu.svg +28 -0
  350. data/assets/themes/j1/core/country-flags/4x3/fi.svg +5 -0
  351. data/assets/themes/j1/core/country-flags/4x3/fj.svg +122 -0
  352. data/assets/themes/j1/core/country-flags/4x3/fk.svg +90 -0
  353. data/assets/themes/j1/core/country-flags/4x3/fm.svg +11 -0
  354. data/assets/themes/j1/core/country-flags/4x3/fo.svg +12 -0
  355. data/assets/themes/j1/core/country-flags/4x3/fr.svg +7 -0
  356. data/assets/themes/j1/core/country-flags/4x3/ga.svg +7 -0
  357. data/assets/themes/j1/core/country-flags/4x3/gb-eng.svg +5 -0
  358. data/assets/themes/j1/core/country-flags/4x3/gb-nir.svg +132 -0
  359. data/assets/themes/j1/core/country-flags/4x3/gb-sct.svg +4 -0
  360. data/assets/themes/j1/core/country-flags/4x3/gb-wls.svg +9 -0
  361. data/assets/themes/j1/core/country-flags/4x3/gb.svg +7 -0
  362. data/assets/themes/j1/core/country-flags/4x3/gd.svg +27 -0
  363. data/assets/themes/j1/core/country-flags/4x3/ge.svg +6 -0
  364. data/assets/themes/j1/core/country-flags/4x3/gf.svg +7 -0
  365. data/assets/themes/j1/core/country-flags/4x3/gg.svg +9 -0
  366. data/assets/themes/j1/core/country-flags/4x3/gh.svg +6 -0
  367. data/assets/themes/j1/core/country-flags/4x3/gi.svg +32 -0
  368. data/assets/themes/j1/core/country-flags/4x3/gl.svg +4 -0
  369. data/assets/themes/j1/core/country-flags/4x3/gm.svg +14 -0
  370. data/assets/themes/j1/core/country-flags/4x3/gn.svg +7 -0
  371. data/assets/themes/j1/core/country-flags/4x3/gp.svg +7 -0
  372. data/assets/themes/j1/core/country-flags/4x3/gq.svg +23 -0
  373. data/assets/themes/j1/core/country-flags/4x3/gr.svg +16 -0
  374. data/assets/themes/j1/core/country-flags/4x3/gs.svg +201 -0
  375. data/assets/themes/j1/core/country-flags/4x3/gt.svg +204 -0
  376. data/assets/themes/j1/core/country-flags/4x3/gu.svg +39 -0
  377. data/assets/themes/j1/core/country-flags/4x3/gw.svg +13 -0
  378. data/assets/themes/j1/core/country-flags/4x3/gy.svg +9 -0
  379. data/assets/themes/j1/core/country-flags/4x3/hk.svg +30 -0
  380. data/assets/themes/j1/core/country-flags/4x3/hm.svg +9 -0
  381. data/assets/themes/j1/core/country-flags/4x3/hn.svg +18 -0
  382. data/assets/themes/j1/core/country-flags/4x3/hr.svg +58 -0
  383. data/assets/themes/j1/core/country-flags/4x3/ht.svg +116 -0
  384. data/assets/themes/j1/core/country-flags/4x3/hu.svg +7 -0
  385. data/assets/themes/j1/core/country-flags/4x3/id.svg +6 -0
  386. data/assets/themes/j1/core/country-flags/4x3/ie.svg +7 -0
  387. data/assets/themes/j1/core/country-flags/4x3/il.svg +14 -0
  388. data/assets/themes/j1/core/country-flags/4x3/im.svg +36 -0
  389. data/assets/themes/j1/core/country-flags/4x3/in.svg +25 -0
  390. data/assets/themes/j1/core/country-flags/4x3/io.svg +138 -0
  391. data/assets/themes/j1/core/country-flags/4x3/iq.svg +10 -0
  392. data/assets/themes/j1/core/country-flags/4x3/ir.svg +219 -0
  393. data/assets/themes/j1/core/country-flags/4x3/is.svg +12 -0
  394. data/assets/themes/j1/core/country-flags/4x3/it.svg +7 -0
  395. data/assets/themes/j1/core/country-flags/4x3/je.svg +29 -0
  396. data/assets/themes/j1/core/country-flags/4x3/jm.svg +8 -0
  397. data/assets/themes/j1/core/country-flags/4x3/jo.svg +16 -0
  398. data/assets/themes/j1/core/country-flags/4x3/jp.svg +11 -0
  399. data/assets/themes/j1/core/country-flags/4x3/ke.svg +23 -0
  400. data/assets/themes/j1/core/country-flags/4x3/kg.svg +15 -0
  401. data/assets/themes/j1/core/country-flags/4x3/kh.svg +61 -0
  402. data/assets/themes/j1/core/country-flags/4x3/ki.svg +36 -0
  403. data/assets/themes/j1/core/country-flags/4x3/km.svg +16 -0
  404. data/assets/themes/j1/core/country-flags/4x3/kn.svg +14 -0
  405. data/assets/themes/j1/core/country-flags/4x3/kp.svg +15 -0
  406. data/assets/themes/j1/core/country-flags/4x3/kr.svg +24 -0
  407. data/assets/themes/j1/core/country-flags/4x3/kw.svg +13 -0
  408. data/assets/themes/j1/core/country-flags/4x3/ky.svg +63 -0
  409. data/assets/themes/j1/core/country-flags/4x3/kz.svg +23 -0
  410. data/assets/themes/j1/core/country-flags/4x3/la.svg +12 -0
  411. data/assets/themes/j1/core/country-flags/4x3/lb.svg +15 -0
  412. data/assets/themes/j1/core/country-flags/4x3/lc.svg +8 -0
  413. data/assets/themes/j1/core/country-flags/4x3/li.svg +43 -0
  414. data/assets/themes/j1/core/country-flags/4x3/lk.svg +22 -0
  415. data/assets/themes/j1/core/country-flags/4x3/lr.svg +14 -0
  416. data/assets/themes/j1/core/country-flags/4x3/ls.svg +8 -0
  417. data/assets/themes/j1/core/country-flags/4x3/lt.svg +7 -0
  418. data/assets/themes/j1/core/country-flags/4x3/lu.svg +5 -0
  419. data/assets/themes/j1/core/country-flags/4x3/lv.svg +6 -0
  420. data/assets/themes/j1/core/country-flags/4x3/ly.svg +13 -0
  421. data/assets/themes/j1/core/country-flags/4x3/ma.svg +4 -0
  422. data/assets/themes/j1/core/country-flags/4x3/mc.svg +6 -0
  423. data/assets/themes/j1/core/country-flags/4x3/md.svg +70 -0
  424. data/assets/themes/j1/core/country-flags/4x3/me.svg +116 -0
  425. data/assets/themes/j1/core/country-flags/4x3/mf.svg +7 -0
  426. data/assets/themes/j1/core/country-flags/4x3/mg.svg +7 -0
  427. data/assets/themes/j1/core/country-flags/4x3/mh.svg +7 -0
  428. data/assets/themes/j1/core/country-flags/4x3/mk.svg +5 -0
  429. data/assets/themes/j1/core/country-flags/4x3/ml.svg +7 -0
  430. data/assets/themes/j1/core/country-flags/4x3/mm.svg +16 -0
  431. data/assets/themes/j1/core/country-flags/4x3/mn.svg +13 -0
  432. data/assets/themes/j1/core/country-flags/4x3/mo.svg +9 -0
  433. data/assets/themes/j1/core/country-flags/4x3/mp.svg +86 -0
  434. data/assets/themes/j1/core/country-flags/4x3/mq.svg +7 -0
  435. data/assets/themes/j1/core/country-flags/4x3/mr.svg +6 -0
  436. data/assets/themes/j1/core/country-flags/4x3/ms.svg +78 -0
  437. data/assets/themes/j1/core/country-flags/4x3/mt.svg +49 -0
  438. data/assets/themes/j1/core/country-flags/4x3/mu.svg +8 -0
  439. data/assets/themes/j1/core/country-flags/4x3/mv.svg +6 -0
  440. data/assets/themes/j1/core/country-flags/4x3/mw.svg +10 -0
  441. data/assets/themes/j1/core/country-flags/4x3/mx.svg +382 -0
  442. data/assets/themes/j1/core/country-flags/4x3/my.svg +15 -0
  443. data/assets/themes/j1/core/country-flags/4x3/mz.svg +21 -0
  444. data/assets/themes/j1/core/country-flags/4x3/na.svg +16 -0
  445. data/assets/themes/j1/core/country-flags/4x3/nc.svg +14 -0
  446. data/assets/themes/j1/core/country-flags/4x3/ne.svg +6 -0
  447. data/assets/themes/j1/core/country-flags/4x3/nf.svg +9 -0
  448. data/assets/themes/j1/core/country-flags/4x3/ng.svg +6 -0
  449. data/assets/themes/j1/core/country-flags/4x3/ni.svg +129 -0
  450. data/assets/themes/j1/core/country-flags/4x3/nl.svg +5 -0
  451. data/assets/themes/j1/core/country-flags/4x3/no.svg +7 -0
  452. data/assets/themes/j1/core/country-flags/4x3/np.svg +14 -0
  453. data/assets/themes/j1/core/country-flags/4x3/nr.svg +12 -0
  454. data/assets/themes/j1/core/country-flags/4x3/nu.svg +26 -0
  455. data/assets/themes/j1/core/country-flags/4x3/nz.svg +41 -0
  456. data/assets/themes/j1/core/country-flags/4x3/om.svg +115 -0
  457. data/assets/themes/j1/core/country-flags/4x3/pa.svg +14 -0
  458. data/assets/themes/j1/core/country-flags/4x3/pe.svg +244 -0
  459. data/assets/themes/j1/core/country-flags/4x3/pf.svg +19 -0
  460. data/assets/themes/j1/core/country-flags/4x3/pg.svg +9 -0
  461. data/assets/themes/j1/core/country-flags/4x3/ph.svg +9 -0
  462. data/assets/themes/j1/core/country-flags/4x3/pk.svg +15 -0
  463. data/assets/themes/j1/core/country-flags/4x3/pl.svg +6 -0
  464. data/assets/themes/j1/core/country-flags/4x3/pm.svg +7 -0
  465. data/assets/themes/j1/core/country-flags/4x3/pn.svg +62 -0
  466. data/assets/themes/j1/core/country-flags/4x3/pr.svg +13 -0
  467. data/assets/themes/j1/core/country-flags/4x3/ps.svg +15 -0
  468. data/assets/themes/j1/core/country-flags/4x3/pt.svg +57 -0
  469. data/assets/themes/j1/core/country-flags/4x3/pw.svg +11 -0
  470. data/assets/themes/j1/core/country-flags/4x3/py.svg +157 -0
  471. data/assets/themes/j1/core/country-flags/4x3/qa.svg +4 -0
  472. data/assets/themes/j1/core/country-flags/4x3/re.svg +7 -0
  473. data/assets/themes/j1/core/country-flags/4x3/ro.svg +7 -0
  474. data/assets/themes/j1/core/country-flags/4x3/rs.svg +292 -0
  475. data/assets/themes/j1/core/country-flags/4x3/ru.svg +7 -0
  476. data/assets/themes/j1/core/country-flags/4x3/rw.svg +13 -0
  477. data/assets/themes/j1/core/country-flags/4x3/sa.svg +26 -0
  478. data/assets/themes/j1/core/country-flags/4x3/sb.svg +13 -0
  479. data/assets/themes/j1/core/country-flags/4x3/sc.svg +14 -0
  480. data/assets/themes/j1/core/country-flags/4x3/sd.svg +13 -0
  481. data/assets/themes/j1/core/country-flags/4x3/se.svg +5 -0
  482. data/assets/themes/j1/core/country-flags/4x3/sg.svg +13 -0
  483. data/assets/themes/j1/core/country-flags/4x3/sh.svg +74 -0
  484. data/assets/themes/j1/core/country-flags/4x3/si.svg +18 -0
  485. data/assets/themes/j1/core/country-flags/4x3/sj.svg +7 -0
  486. data/assets/themes/j1/core/country-flags/4x3/sk.svg +9 -0
  487. data/assets/themes/j1/core/country-flags/4x3/sl.svg +7 -0
  488. data/assets/themes/j1/core/country-flags/4x3/sm.svg +91 -0
  489. data/assets/themes/j1/core/country-flags/4x3/sn.svg +8 -0
  490. data/assets/themes/j1/core/country-flags/4x3/so.svg +11 -0
  491. data/assets/themes/j1/core/country-flags/4x3/sr.svg +6 -0
  492. data/assets/themes/j1/core/country-flags/4x3/ss.svg +8 -0
  493. data/assets/themes/j1/core/country-flags/4x3/st.svg +16 -0
  494. data/assets/themes/j1/core/country-flags/4x3/sv.svg +594 -0
  495. data/assets/themes/j1/core/country-flags/4x3/sx.svg +56 -0
  496. data/assets/themes/j1/core/country-flags/4x3/sy.svg +6 -0
  497. data/assets/themes/j1/core/country-flags/4x3/sz.svg +45 -0
  498. data/assets/themes/j1/core/country-flags/4x3/tc.svg +67 -0
  499. data/assets/themes/j1/core/country-flags/4x3/td.svg +7 -0
  500. data/assets/themes/j1/core/country-flags/4x3/tf.svg +15 -0
  501. data/assets/themes/j1/core/country-flags/4x3/tg.svg +14 -0
  502. data/assets/themes/j1/core/country-flags/4x3/th.svg +7 -0
  503. data/assets/themes/j1/core/country-flags/4x3/tj.svg +22 -0
  504. data/assets/themes/j1/core/country-flags/4x3/tk.svg +5 -0
  505. data/assets/themes/j1/core/country-flags/4x3/tl.svg +13 -0
  506. data/assets/themes/j1/core/country-flags/4x3/tm.svg +206 -0
  507. data/assets/themes/j1/core/country-flags/4x3/tn.svg +13 -0
  508. data/assets/themes/j1/core/country-flags/4x3/to.svg +10 -0
  509. data/assets/themes/j1/core/country-flags/4x3/tr.svg +8 -0
  510. data/assets/themes/j1/core/country-flags/4x3/tt.svg +5 -0
  511. data/assets/themes/j1/core/country-flags/4x3/tv.svg +16 -0
  512. data/assets/themes/j1/core/country-flags/4x3/tw.svg +14 -0
  513. data/assets/themes/j1/core/country-flags/4x3/tz.svg +13 -0
  514. data/assets/themes/j1/core/country-flags/4x3/ua.svg +6 -0
  515. data/assets/themes/j1/core/country-flags/4x3/ug.svg +30 -0
  516. data/assets/themes/j1/core/country-flags/4x3/um.svg +15 -0
  517. data/assets/themes/j1/core/country-flags/4x3/un.svg +16 -0
  518. data/assets/themes/j1/core/country-flags/4x3/us.svg +10 -0
  519. data/assets/themes/j1/core/country-flags/4x3/uy.svg +28 -0
  520. data/assets/themes/j1/core/country-flags/4x3/uz.svg +30 -0
  521. data/assets/themes/j1/core/country-flags/4x3/va.svg +479 -0
  522. data/assets/themes/j1/core/country-flags/4x3/vc.svg +8 -0
  523. data/assets/themes/j1/core/country-flags/4x3/ve.svg +26 -0
  524. data/assets/themes/j1/core/country-flags/4x3/vg.svg +127 -0
  525. data/assets/themes/j1/core/country-flags/4x3/vi.svg +28 -0
  526. data/assets/themes/j1/core/country-flags/4x3/vn.svg +11 -0
  527. data/assets/themes/j1/core/country-flags/4x3/vu.svg +18 -0
  528. data/assets/themes/j1/core/country-flags/4x3/wf.svg +7 -0
  529. data/assets/themes/j1/core/country-flags/4x3/ws.svg +7 -0
  530. data/assets/themes/j1/core/country-flags/4x3/xk.svg +16 -0
  531. data/assets/themes/j1/core/country-flags/4x3/ye.svg +7 -0
  532. data/assets/themes/j1/core/country-flags/4x3/yt.svg +7 -0
  533. data/assets/themes/j1/core/country-flags/4x3/za.svg +17 -0
  534. data/assets/themes/j1/core/country-flags/4x3/zm.svg +27 -0
  535. data/assets/themes/j1/core/country-flags/4x3/zw.svg +21 -0
  536. data/assets/themes/j1/core/country-flags/css/theme/uno.css +73 -0
  537. data/assets/themes/j1/core/css/themes/uno-dark/bootstrap.css +58 -109
  538. data/assets/themes/j1/core/css/themes/uno-dark/bootstrap.min.css +1 -1
  539. data/assets/themes/j1/core/css/themes/uno-light/bootstrap.css +30 -21
  540. data/assets/themes/j1/core/css/themes/uno-light/bootstrap.min.css +1 -1
  541. data/assets/themes/j1/core/css/vendor.css +1407 -20
  542. data/assets/themes/j1/core/css/vendor.min.css +1 -1
  543. data/assets/themes/j1/core/js/template.js +8502 -10
  544. data/assets/themes/j1/core/js/template.min.js +16 -7
  545. data/assets/themes/j1/core/js/template.min.js.map +1 -1
  546. data/assets/themes/j1/modules/carousel/css/theme/uno.css +1 -1
  547. data/assets/themes/j1/modules/carousel/css/theme/uno.min.css +1 -1
  548. data/assets/themes/j1/modules/cookieConsent/js/cookieConsent.js +49 -42
  549. data/assets/themes/j1/modules/j1Deepl/js/j1deepl.js +388 -0
  550. data/assets/themes/j1/modules/j1Deepl/js/j1deepl.min.js +18 -0
  551. data/assets/themes/j1/modules/j1Scroll/js/j1scroll.js +257 -240
  552. data/assets/themes/j1/modules/j1Scroll/js/j1scroll.min.js +1 -2
  553. data/assets/themes/j1/modules/justifiedGallery/css/theme/uno.css +1 -1
  554. data/assets/themes/j1/modules/justifiedGallery/css/theme/uno.min.css +1 -1
  555. data/assets/themes/j1/modules/msDropdown/css/flags.css +1033 -0
  556. data/assets/themes/j1/modules/msDropdown/css/flags.min.css +23 -0
  557. data/assets/themes/j1/modules/msDropdown/css/msDropdown.css +278 -0
  558. data/assets/themes/j1/modules/msDropdown/css/msDropdown.min.css +34 -0
  559. data/assets/themes/j1/modules/msDropdown/images/icons/1273404841_tick_16.png +0 -0
  560. data/assets/themes/j1/modules/msDropdown/images/icons/Amex-56.png +0 -0
  561. data/assets/themes/j1/modules/msDropdown/images/icons/Cash-56.png +0 -0
  562. data/assets/themes/j1/modules/msDropdown/images/icons/Discover-56.png +0 -0
  563. data/assets/themes/j1/modules/msDropdown/images/icons/Mastercard-56.png +0 -0
  564. data/assets/themes/j1/modules/msDropdown/images/icons/Paypal-56.png +0 -0
  565. data/assets/themes/j1/modules/msDropdown/images/icons/Visa-56.png +0 -0
  566. data/assets/themes/j1/modules/msDropdown/images/icons/blank.gif +0 -0
  567. data/assets/themes/j1/modules/msDropdown/images/icons/browser-chrome.png +0 -0
  568. data/assets/themes/j1/modules/msDropdown/images/icons/browser-firefox.png +0 -0
  569. data/assets/themes/j1/modules/msDropdown/images/icons/browser-msie.png +0 -0
  570. data/assets/themes/j1/modules/msDropdown/images/icons/browser-opera.png +0 -0
  571. data/assets/themes/j1/modules/msDropdown/images/icons/browser-safari.png +0 -0
  572. data/assets/themes/j1/modules/msDropdown/images/icons/button-large.gif +0 -0
  573. data/assets/themes/j1/modules/msDropdown/images/icons/demoaction.jpg +0 -0
  574. data/assets/themes/j1/modules/msDropdown/images/icons/enabled.gif +0 -0
  575. data/assets/themes/j1/modules/msDropdown/images/icons/flagssprite_small.png +0 -0
  576. data/assets/themes/j1/modules/msDropdown/images/icons/giftlelo_dot_com.jpg +0 -0
  577. data/assets/themes/j1/modules/msDropdown/images/icons/icon-search.gif +0 -0
  578. data/assets/themes/j1/modules/msDropdown/images/icons/icon_calendar.gif +0 -0
  579. data/assets/themes/j1/modules/msDropdown/images/icons/icon_cart.gif +0 -0
  580. data/assets/themes/j1/modules/msDropdown/images/icons/icon_cd.gif +0 -0
  581. data/assets/themes/j1/modules/msDropdown/images/icons/icon_email.gif +0 -0
  582. data/assets/themes/j1/modules/msDropdown/images/icons/icon_faq.gif +0 -0
  583. data/assets/themes/j1/modules/msDropdown/images/icons/icon_games.gif +0 -0
  584. data/assets/themes/j1/modules/msDropdown/images/icons/icon_lockopen.gif +0 -0
  585. data/assets/themes/j1/modules/msDropdown/images/icons/icon_music.gif +0 -0
  586. data/assets/themes/j1/modules/msDropdown/images/icons/icon_phone.gif +0 -0
  587. data/assets/themes/j1/modules/msDropdown/images/icons/icon_sales.gif +0 -0
  588. data/assets/themes/j1/modules/msDropdown/images/icons/icon_secure.gif +0 -0
  589. data/assets/themes/j1/modules/msDropdown/images/icons/icon_video.gif +0 -0
  590. data/assets/themes/j1/modules/msDropdown/images/icons/jquery-msdropdown.gif +0 -0
  591. data/assets/themes/j1/modules/msDropdown/images/icons/msDropDown.gif +0 -0
  592. data/assets/themes/j1/modules/msDropdown/images/icons/preview.gif +0 -0
  593. data/assets/themes/j1/modules/msDropdown/images/icons/sprite.gif +0 -0
  594. data/assets/themes/j1/modules/msDropdown/images/icons/sprite.jpg +0 -0
  595. data/assets/themes/j1/modules/msDropdown/images/icons/tick.gif +0 -0
  596. data/assets/themes/j1/modules/msDropdown/js/msDropdown.js +2664 -0
  597. data/assets/themes/j1/modules/msDropdown/js/msDropdown.min.js +33 -0
  598. data/assets/themes/j1/modules/msDropdown/js/msDropdown.min.js.map +1 -0
  599. data/assets/themes/j1/modules/rtable/css/theme/uno/rtable.css +3 -3
  600. data/assets/themes/j1/modules/rtable/css/theme/uno/rtable.min.css +2 -174
  601. data/assets/themes/j1/modules/rtable/js/rtable.js +59 -25
  602. data/assets/themes/j1/modules/rtable/js/rtable.min.js +12 -683
  603. data/assets/themes/j1/modules/translator/css/translator.css +33 -0
  604. data/assets/themes/j1/modules/translator/css/translator.min.css +15 -0
  605. data/assets/themes/j1/modules/translator/js/translator.js +614 -0
  606. data/assets/themes/j1/modules/translator/js/translator.min.js +15 -0
  607. data/lib/j1/version.rb +1 -1
  608. data/lib/starter_web/Gemfile +1 -1
  609. data/lib/starter_web/_config.yml +13 -49
  610. data/lib/starter_web/_data/j1_config.yml +4 -7
  611. data/lib/starter_web/_data/layouts/collection.yml +1 -12
  612. data/lib/starter_web/_data/layouts/home.yml +0 -12
  613. data/lib/starter_web/_data/layouts/post.yml +0 -11
  614. data/lib/starter_web/_data/modules/cookieconsent.yml +1 -1
  615. data/lib/starter_web/_data/modules/defaults/cookieconsent.yml +100 -90
  616. data/lib/starter_web/_data/modules/defaults/navigator.yml +1 -0
  617. data/lib/starter_web/_data/modules/defaults/rtable.yml +34 -0
  618. data/lib/starter_web/_data/modules/defaults/translator.yml +142 -0
  619. data/lib/starter_web/_data/modules/navigator_menu.yml +3 -3
  620. data/lib/starter_web/_data/modules/rtable.yml +34 -0
  621. data/lib/starter_web/_data/modules/translator.yml +31 -0
  622. data/lib/starter_web/_data/resources.yml +126 -101
  623. data/lib/starter_web/_includes/attributes.asciidoc +12 -2
  624. data/lib/starter_web/_plugins/asciidoctor-extensions/flag-icon-inline.rb +37 -0
  625. data/lib/starter_web/_plugins/lunr_index.rb +1 -1
  626. data/lib/starter_web/assets/images/modules/attics/markus-krisetya-1920x1280.jpg +0 -0
  627. data/lib/starter_web/assets/images/modules/attics/vladislav-klapin-1920x1280.jpg +0 -0
  628. data/lib/starter_web/assets/images/modules/attics/vladislav-klapin-2-1920x1280.jpg +0 -0
  629. data/lib/starter_web/assets/images/pages/features/percentage_global_mobile_tr.jpg +0 -0
  630. data/lib/starter_web/package.json +2 -2
  631. data/lib/starter_web/pages/public/asciidoc_skeletons/documentation/100_converter.adoc +0 -1
  632. data/lib/starter_web/pages/public/asciidoc_skeletons/documentation/200_themes.adoc +0 -8
  633. data/lib/starter_web/pages/public/asciidoc_skeletons/documentation/documentation.adoc +3 -2
  634. data/lib/starter_web/pages/public/asciidoc_skeletons/multi-document/multi.adoc +1 -1
  635. data/lib/starter_web/pages/public/asciidoc_skeletons/simple-document/simple.adoc +1 -1
  636. data/lib/starter_web/pages/public/blog/navigator/archive/categoryview.html +4 -27
  637. data/lib/starter_web/pages/public/blog/navigator/archive/dateview.html +5 -27
  638. data/lib/starter_web/pages/public/blog/navigator/archive/tagview.html +0 -20
  639. data/lib/starter_web/pages/public/blog/navigator/archive.html +5 -27
  640. data/lib/starter_web/pages/public/learn/quickstart.adoc +0 -1
  641. data/lib/starter_web/pages/public/learn/roundtrip/100_present_images.adoc +1 -1
  642. data/lib/starter_web/pages/public/learn/roundtrip/100_present_videos.adoc +7 -3
  643. data/lib/starter_web/pages/public/learn/roundtrip/200_typography.adoc +3 -1
  644. data/lib/starter_web/pages/public/learn/roundtrip/300_icon_fonts.adoc +30 -28
  645. data/lib/starter_web/pages/public/learn/roundtrip/400_asciidoc_extensions.adoc +112 -10
  646. data/lib/starter_web/pages/public/learn/roundtrip/410_bs_modals_extentions.adoc +8 -5
  647. data/lib/starter_web/pages/public/learn/roundtrip/420_responsive_tables_extensions.adoc +4 -2
  648. data/lib/starter_web/pages/public/learn/roundtrip/500_themes.adoc +6 -8
  649. data/lib/starter_web/pages/public/learn/roundtrip/600_quicksearch.adoc +1 -2
  650. data/lib/starter_web/pages/public/learn/roundtrip/_includes/attributes.asciidoc +42 -43
  651. data/lib/starter_web/pages/public/learn/where_to_go.adoc +15 -15
  652. data/lib/starter_web/pages/public/legal/de/100_copyright.adoc +0 -1
  653. data/lib/starter_web/pages/public/legal/de/100_impress.adoc +0 -2
  654. data/lib/starter_web/pages/public/legal/de/300_privacy.adoc +0 -1
  655. data/lib/starter_web/pages/public/legal/de/400_comment_policy.adoc +0 -1
  656. data/lib/starter_web/pages/public/legal/en/100_copyright.adoc +0 -3
  657. data/lib/starter_web/pages/public/legal/en/200_impress.adoc +0 -3
  658. data/lib/starter_web/pages/public/legal/en/300_privacy.adoc +0 -2
  659. data/lib/starter_web/pages/public/legal/en/400_comment_policy.adoc +1 -2
  660. data/lib/starter_web/pages/public/manuals/dropdown-help.adoc +743 -0
  661. data/lib/starter_web/pages/public/panels/intro_panel/panel.adoc +2 -0
  662. data/lib/starter_web/pages/public/previewer/{bootstrap_theme.adoc → preview_bootstrap_theme.adoc} +2 -3
  663. data/lib/starter_web/utilsrv/_defaults/package.json +1 -1
  664. data/lib/starter_web/utilsrv/package.json +1 -1
  665. metadata +584 -35
  666. data/assets/themes/j1/core/js/template.js.map +0 -1
  667. data/assets/themes/j1/modules/rtable/js/tablesaw-init.js +0 -18
  668. data/assets/themes/j1/modules/rtable/js/tablesaw.stackonly.js +0 -2371
  669. data/lib/starter_web/pages/public/previewer/_includes/attributes.asciidoc +0 -60
  670. data/lib/starter_web/pages/public/previewer/_includes/documents/licenses/mit.asciidoc +0 -19
  671. data/lib/starter_web/pages/public/previewer/_includes/documents/readme +0 -0
  672. data/lib/starter_web/pages/public/previewer/_includes/documents/rouge/100_language_examples.asciidoc +0 -119
  673. data/lib/starter_web/pages/public/previewer/_includes/tables/mdi_icons/100_absolute_sizes.asciidoc +0 -39
  674. data/lib/starter_web/pages/public/previewer/_includes/tables/mdi_icons/110_bs_grid_sizes.asciidoc +0 -47
  675. data/lib/starter_web/pages/public/previewer/_includes/tables/mdi_icons/120_relative_sizes.asciidoc +0 -47
  676. data/lib/starter_web/pages/public/previewer/_includes/tables/mdi_icons/200_rotate.asciidoc +0 -71
  677. data/lib/starter_web/pages/public/previewer/_includes/tables/mdi_icons/300_flip.asciidoc +0 -31
  678. data/lib/starter_web/pages/public/previewer/_includes/tables/mdi_icons/400_spin_pulsed.asciidoc +0 -39
  679. data/lib/starter_web/pages/public/previewer/_includes/tables/mdi_icons/500_bw_color_palette.asciidoc +0 -61
  680. data/lib/starter_web/pages/public/previewer/_includes/tables/mdi_icons/510_bs_color_palette.asciidoc +0 -55
  681. data/lib/starter_web/pages/public/previewer/_includes/tables/mdi_icons/600_md_color_palette.asciidoc +0 -95
  682. data/lib/starter_web/pages/public/previewer/_includes/tables/mdi_icons/601_md_color_palette_indigo.asciidoc +0 -95
  683. data/lib/starter_web/pages/public/previewer/_includes/tables/mdi_icons/602_md_color_palette_pink.asciidoc +0 -95
  684. data/lib/starter_web/pages/public/previewer/_includes/tables/rouge/200_rouge_attributes.asciidoc +0 -41
  685. data/lib/starter_web/pages/public/previewer/_includes/tables/rouge/300_supported_languages.asciidoc +0 -857
  686. data/lib/starter_web/pages/public/previewer/_includes/tables/twitter_emoji/100_bs_sizes.asciidoc +0 -47
  687. data/lib/starter_web/pages/public/previewer/_includes/tables/twitter_emoji/100_relative_sizes.asciidoc +0 -47
  688. data/lib/starter_web/pages/public/previewer/_includes/tables/twitter_emoji/200_rotate.asciidoc +0 -71
  689. data/lib/starter_web/pages/public/previewer/_includes/tables/twitter_emoji/300_flip.asciidoc +0 -30
  690. data/lib/starter_web/pages/public/previewer/_includes/tables/twitter_emoji/400_spin_pulsed.asciidoc +0 -31
  691. data/lib/starter_web/pages/public/previewer/iframer.adoc +0 -93
  692. data/lib/starter_web/pages/public/previewer/justified_gallery.html +0 -41
  693. data/lib/starter_web/pages/public/previewer/md_color_palette.adoc +0 -574
  694. data/lib/starter_web/pages/public/previewer/mdi_icons_preview.adoc +0 -220
  695. data/lib/starter_web/pages/public/previewer/mdil_icons_preview.adoc +0 -76
  696. data/lib/starter_web/pages/public/previewer/rouge.adoc +0 -133
  697. data/lib/starter_web/pages/public/previewer/twitter_emoji_preview.adoc +0 -191
@@ -0,0 +1,743 @@
1
+ ---
2
+ title: Manuals
3
+ tagline: MsDropdown
4
+ date: 2021-03-07 00:00:00
5
+ description: >
6
+ The template comes with a Web included, a skeleton for
7
+ a new website created with J1 Template. This Web is called
8
+ the "Starter web", a general-purpose scaffold to be modified
9
+ for your needs.
10
+
11
+ categories: [ Manuals ]
12
+ tags: [ MsDropdown ]
13
+
14
+ comments: true
15
+ fam_menu_id: page_ctrl_simple
16
+
17
+ permalink: /pages/public/manuals/msDropdown/
18
+ regenerate: false
19
+
20
+ resources: [ clipboard, rouge ]
21
+ resource_options:
22
+ - attic:
23
+ padding_top: 400
24
+ padding_bottom: 50
25
+ opacity: 0.5
26
+ slides:
27
+ - url: /assets/images/modules/attics/matthew-dockery-1920x1280.jpg
28
+ alt: Photo by Matthew Dockery on Unsplash
29
+ badge:
30
+ type: unsplash
31
+ author: Matthew Dockery
32
+ href: https://unsplash.com/@matt_dockery
33
+ ---
34
+
35
+ == MsDropdown properties
36
+
37
+ === Attributes
38
+
39
+ Besides selectedIndex, options, name, size, multiple, etc attributes/properties,
40
+ msDropdown reads below attributes too.
41
+
42
+ .msDropdown attributes
43
+ [cols="4a,8a", options="header", width="100%", role="rtable mt-3"]
44
+ |===
45
+ |Name |Description
46
+
47
+ |`autofocus`
48
+ |As the name suggests, this attribute lets you choose that a form control
49
+ should have autofocus when the page is loaded. Only one element can have
50
+ autofocus.
51
+
52
+ |`disabled`
53
+ |If this property is enabled, you won't be able to interact with the
54
+ element.
55
+
56
+ |`form`
57
+ |It returns the name of the <form> element to associate the <select>
58
+ with. This is readonly property.
59
+
60
+ |`name`
61
+ |It returns the name of the <select> element.
62
+
63
+ |`required`
64
+ |A Boolean attribute indicating that an option with a non-empty string
65
+ value must be selected. Here is a surprise; you can change the default
66
+ message too. Just set the
67
+ `data-error-message="Your custom message here"` in `<select>`.
68
+
69
+ |===
70
+
71
+ === Data attributes
72
+
73
+ .msDropdown Data attributes
74
+ [cols="4a,8a", options="header", width="100%", role="rtable mt-3"]
75
+ |===
76
+ |Name |Description
77
+
78
+ |`data-main-css`
79
+ |This is the main CSS class. Default value is `ms-dd`
80
+
81
+ |`data-show-icon`
82
+ |If you are in need to hide the icon on the header. The default value
83
+ is: `true`
84
+
85
+ |`data-event`
86
+ |To interact msDropdown with an event. The default value is: `click`
87
+
88
+ |`data-child-width`
89
+ |Sometimes you need a list of children bigger than the dropdown. This can
90
+ help. The default value is: `null` or whatever is defined in the CSS.
91
+
92
+ |`data-child-height`
93
+ |By default, it shows all the options listed in the dropdown. If you
94
+ need to show some rows you can use this attribute. The default value is:
95
+ `null`
96
+
97
+ |`data-enable-checkbox`
98
+ |If you enable this; multiple will automatically set to true. It shows a
99
+ checkbox with each list item. The default value is: `false`
100
+
101
+ |`data-checkbox-name-suffix`
102
+ |If the checkbox is enabled; there is an extra field will be posted
103
+ with the form. Say <select> name is "tech" and checkbox is enabled,
104
+ tech_mscheck[] will be posted as an array. The default value is:
105
+ `{select_name}_mscheck`
106
+
107
+ |`data-enable-auto-filter`
108
+ |It lets you search by typing any key when msDropdown is open. Just like
109
+ auto-suggest. The default value is: `true`
110
+
111
+ |`data-visible-rows`
112
+ |If you set this attribute, it calculates the max height of the items
113
+ and sets the child height based on the number provided in value. You can
114
+ also achieve this by using the data-child-height property, only that set
115
+ in pixels. The default value is: `null`
116
+
117
+ |`data-show-plus-item-counter`
118
+ |If multiple is true and you select more than one item; it shows a text
119
+ +N. N denotes numbers here. The default value is: `true`
120
+
121
+ |`data-error-message`
122
+ |If `required` is enabled in <select> it shows a required message. Guess
123
+ what? You can change that by setting this attribute. The default value
124
+ is: `Please select an item from this list`
125
+ |===
126
+
127
+ === Option attributes
128
+
129
+ Besides value, text, selected, disabled, class, and style attributes/properties.
130
+ msDropdown reads the below attributes too.
131
+
132
+ .msDropdown Option attributes
133
+ [cols="4a,8a", options="header", width="100%", role="rtable mt-3"]
134
+ |===
135
+ |Name |Description
136
+
137
+ |`data-image`
138
+ |This attribute is used to display an image in an item
139
+
140
+ |`data-title`
141
+ |If you need to display any text on hover of an item
142
+
143
+ |`data-description`
144
+ |To display a description along with the text in the next line.
145
+
146
+ |`data-image-css`
147
+ |You may use this if you want to display an image using CSS.
148
+
149
+ |===
150
+
151
+ == MsDropdown API
152
+
153
+ It's always good to explore more and more. Let's do it then.
154
+
155
+ === Set and get properties
156
+
157
+ .msDropdown properties
158
+ [cols="4a,8a", options="header", width="100%", role="rtable mt-3"]
159
+ |===
160
+ |Name |Description
161
+
162
+ |`selectedIndex`
163
+ |This property is used to set and get the selected index. +
164
+
165
+ [source, js]
166
+ ----
167
+ let ddSelect = document.getElementById("tech").msDropdown;
168
+ //To set the value
169
+ ddSelect.selectedIndex = 3;
170
+
171
+ //To get get value
172
+ let index = ddSelect.selectedIndex;
173
+ ----
174
+
175
+ |`options`
176
+ |This returns `<option>` (HTMLOptionsCollection) elements. You can set
177
+ the length of option with this property too. +
178
+
179
+ |`length`
180
+ |To set and get the length of the options.
181
+
182
+ |`value`
183
+ |Returns the selected value
184
+
185
+ |`selectedText (readonly)`
186
+ |This returns the selected text of the dropdown.
187
+
188
+ |`disabled`
189
+ |To make dropdown enable or disabled. You won't be able to interact with
190
+ msDropdown when it is disabled.
191
+
192
+ |`form (readonly)`
193
+ |This returns the associated `<form>` else null.
194
+
195
+ |`multiple`
196
+ |This property is used to set or get the multiple. You may be able to
197
+ select more than one item if multiple is true.
198
+
199
+ |`name`
200
+ |This returns the name of the <select>. I should mention here; msDropdown
201
+ borrows the name from the original dropdown to work the "required"
202
+ attribute.
203
+
204
+ |`required`
205
+ |A Boolean attribute indicating that an option with a non-empty string
206
+ value must be selected. Here is a surprise; you can change the default
207
+ message too. Just set the
208
+ `data-error-message="Your custom message here"` in `<select>`.
209
+
210
+ |`size`
211
+ |If the size is greater than 1, It will be converted as a list. The size
212
+ determines the number of rows to show.
213
+
214
+ |`selectedOptions (readonly)`
215
+ |It returns the selected <option>.
216
+
217
+ |`children (readonly)`
218
+ |It returns the list of options.
219
+
220
+ |`uiData (readonly)`
221
+ |It returns the selected data. You may find the following properties in
222
+ this one object. `isArray` will be true if data,UI, index etc will be
223
+ return as an array. +
224
+
225
+ [source, js]
226
+ ----
227
+ {data: {
228
+ "image": "../dist/images/icons/icon_games.gif",
229
+ "title": "",
230
+ "description": "",
231
+ "value": "games",
232
+ "text": "Games",
233
+ "className": "",
234
+ "imageCss": "",
235
+ "index": 2,
236
+ "selected": true,
237
+ "disabled": false,
238
+ "internalStyle": ""
239
+ },
240
+ ui: <li>,
241
+ index: 2,
242
+ option: <options>,
243
+ isArray:false
244
+ }
245
+ ----
246
+
247
+ |`version (readonly)`
248
+ |This returns the current version of the msDropdown.
249
+
250
+ |===
251
+
252
+ === Access or set these properties
253
+
254
+ Here is an example. The below dropdown id is "tech". Each element has a
255
+ new property called "msDropdown" once it's converted to msDropdown/image
256
+ dropdown. You can access all the public properties and methods from that
257
+ one.
258
+
259
+ [source, js]
260
+ ----
261
+ let ddSelect = document.getElementById("tech").msDropdown;
262
+ ----
263
+
264
+ Select a property:
265
+
266
+ Reminder: I've made `ddSelect` as a global variable on this page. You
267
+ can play with that in `console`.
268
+
269
+ selectedIndex options length selectedText disabled form multiple name
270
+ required size selectedOptions children uiData
271
+
272
+ Try to copy-paste the below code in the console. You can set and get all
273
+ the properties.
274
+
275
+ [source, js]
276
+ ----
277
+ ddSelect.selectedIndex = 0;
278
+ ----
279
+
280
+ === Public methods
281
+
282
+ .Public methods
283
+ [cols="4a,8a", options="header", width="100%", role="rtable mt-3"]
284
+ |===
285
+ |Name |Description
286
+
287
+ |`setSettingAttribute`
288
+ |Set the settings attributes, and you have an option to remake the
289
+ msDropdown by passing `true` in the last argument. +
290
+
291
+ [source, js]
292
+ ----
293
+ /**
294
+ *
295
+ * @param key
296
+ * @param value
297
+ * @param shouldRefresh
298
+ */
299
+ setSettingAttribute(key, value, shouldRefresh);
300
+ ----
301
+
302
+ Below are available keys and default values: +
303
+ [source, js]
304
+ ----
305
+ {
306
+ byJson: {
307
+ data: null, selectedIndex: 0, name: null,
308
+ size: 0, multiple: false, width: 250
309
+ },
310
+ mainCss: 'ms-dd',
311
+ rowHeight: null,
312
+ visibleRows: null,
313
+ showIcon: true,
314
+ zIndex: 9999,
315
+ event:'click',
316
+ style: '',
317
+ childWidth:null,
318
+ childHeight:null,
319
+ enableCheckbox:false,
320
+ checkboxNameSuffix:'_mscheck',
321
+ showPlusItemCounter:true,
322
+ enableAutoFilter:true,
323
+ showListCounter:false,
324
+ errorMessage:'Please select an item from this list',
325
+ on: {create: null,open: null,close: null,add: null,remove: null,
326
+ change: null,blur: null,click: null,dblclick: null,mousemove: null,
327
+ mouseover: null,mouseout: null,focus: null,mousedown: null,mouseup: null}
328
+ }
329
+ ----
330
+
331
+ |`add`
332
+ |Add an item to select. You can pass second param as index; where you
333
+ want to insert this item. +
334
+
335
+ [source, js]
336
+ ----
337
+ /**
338
+ * Object can be pass as below
339
+ * new Option("Label", "value") or
340
+ * {text:"Label", value:"value"}
341
+ * or Label as string
342
+ * or full object ie {text:"", value:"", description:'', image:'', className:'' title:'', imageCss:''}
343
+ * @param obj {option \| object}
344
+ * @param index {int}
345
+ */
346
+ add(item, index);
347
+
348
+ // You may use any of the below example
349
+ //
350
+ ddSelect.add("HashtagCms");
351
+ ddSelect.add(new Option("HashtagCms", "https://www.hashtagcms.org"));
352
+ ddSelect.add({text:"HashtagCms", value:"https://www.hashtagcms.org"});
353
+ ddSelect.add({text:"HashtagCms", value:"https://www.hashtagcms.org", description:"Laravel open-source CMS"});
354
+ ----
355
+
356
+ |`remove`
357
+ |Remove an item from <select>. And it returns the removed item with
358
+ uiData. +
359
+
360
+ [source, js]
361
+ ----
362
+ /**
363
+ * @param index {int}
364
+ * @return uiData
365
+ */
366
+ remove(index)
367
+ ----
368
+
369
+ |`next`
370
+ |Move to the next index/item +
371
+
372
+ [source, js]
373
+ ----
374
+ next()
375
+ ----
376
+
377
+ |`previous`
378
+ |Move to the previous index/item +
379
+
380
+ [source, js]
381
+ ----
382
+ previous()
383
+ ----
384
+
385
+ |`open`
386
+ |Open the dropdown +
387
+
388
+ [source, js]
389
+ ----
390
+ open()
391
+ ----
392
+
393
+ |`close`
394
+ |Close the dropdown +
395
+
396
+ [source, js]
397
+ ----
398
+ close()
399
+ ----
400
+
401
+ |`namedItem`
402
+ |If you have given any name of an option, will be returned. say, <option
403
+ name="cd"></option> +
404
+
405
+ [source, js]
406
+ ----
407
+ /**
408
+ * @param name {string}
409
+ * @param withData {boolean}
410
+ */
411
+ namedItem(name, withData)
412
+ ----
413
+
414
+ |`item`
415
+ |Return `<option>` element based on the index that you have passed in the
416
+ argument. `uiData` will also be returned if you pass withData=true +
417
+
418
+ [source, js]
419
+ ----
420
+ /**
421
+ * @param index {int}
422
+ * @param withData {boolean}
423
+ */
424
+ item(index, withData)
425
+ ----
426
+
427
+ |`visible`
428
+ |Show hide or get status of visibility. +
429
+
430
+ [source, js]
431
+ ----
432
+ /**
433
+ * @param isShow
434
+ * @return {boolean}
435
+ */
436
+ visible
437
+ ----
438
+
439
+ | `showRows` \| `visibleRows`
440
+ |Calculate first item height and set child height. +
441
+
442
+ [source, js]
443
+ ----
444
+ /**
445
+ * @param numberOfRows {int}
446
+ */
447
+ showRows(numberOfRows)
448
+ ----
449
+
450
+ |`on`
451
+ |Add an event on the dropdown. Below are possible event types you can
452
+ pass in the argument:
453
+
454
+ `create` \| `open` \| `close` \| `add` \| `remove` \| `change` \|
455
+ `blur` \| `click` \| `dblclick` \| `mousemove` \| `mouseover` \|
456
+ `mouseout` \| `focus` \| `mousedown` \| `mouseup` +
457
+
458
+ [source, js]
459
+ ----
460
+ /**
461
+ * @param type {string}
462
+ * @param fn {function}
463
+ */
464
+ on(type, fn)
465
+ ----
466
+
467
+ .Example
468
+ [source, js]
469
+ ----
470
+ ddSelect.on("change", function() {console.log(ddSelect.uiData});
471
+ ----
472
+
473
+ |`off`
474
+ |Remove event listener. +
475
+
476
+ [source, js]
477
+ ----
478
+ /**
479
+ * @param type {string}
480
+ * @param fn {function}
481
+ */
482
+ off(type, fn);
483
+ ----
484
+
485
+ |`updateUiAndValue`
486
+ |In case there UI is not updated. You can call this method. +
487
+
488
+ [source, js]
489
+ ----
490
+ updateUiAndValue()
491
+ ----
492
+
493
+ |`refresh`
494
+ |Recreatea a msDropdown. +
495
+
496
+ [source, js]
497
+ ----
498
+ refresh()
499
+ ----
500
+
501
+ |`destroy`
502
+ |Remove msDropdown and returns back to the original dropdown. +
503
+
504
+ [source, js]
505
+ ----
506
+ destroy()
507
+ ----
508
+
509
+ |===
510
+
511
+
512
+ == Examples
513
+
514
+
515
+ === Simple dropdown
516
+
517
+ Email FAQ Games Music Phone Graph Secured Video CD
518
+
519
+ There are two ways that you can apply msDropdown on <select> element
520
+
521
+ . You can add `is="ms-dropdown"`attributes. Like we have in the
522
+ below example.
523
+
524
+ [source, html]
525
+ ----
526
+ <select class="tech" name="tech" is="ms-dropdown">
527
+ <option value="" selected>Please select one</option>
528
+ <option data-image="./dist/images/icons/icon_email.gif" value="email">Email</option>
529
+ <option data-image="./dist/images/icons/icon_faq.gif" value="faq">FAQ</option>
530
+ <option data-image="./dist/images/icons/icon_games.gif" value="games">Games</option>
531
+ <option data-image="./dist/images/icons/icon_music.gif" value="music">Music</option>
532
+ <option data-image="./dist/images/icons/icon_phone.gif" value="phone">Phone</option>
533
+ <option data-image="./dist/images/icons/icon_sales.gif" value="graph">Graph</option>
534
+ <option data-image="./dist/images/icons/icon_secure.gif" value="secured">Secured</option>
535
+ <option data-image="./dist/images/icons/icon_video.gif" value="video">Video</option>
536
+ <option data-image="./dist/images/icons/icon_cd.gif" name="cd" value="cd">CD</option>
537
+ </select>
538
+ ----
539
+
540
+ [start=2]
541
+ . You don't need the below code if you have already included
542
+ `dd.min.js` in the bottom of the page. Like I've mentioned in the
543
+ installation section. +
544
+
545
+ In case you want to convert later by script, you can use the below code.
546
+ You may use a CSS selector too. +
547
+
548
+ [source, js]
549
+ ----
550
+ MsDropdown.make('#select_element');
551
+ //or
552
+ new MsDropdown('.select_elements');
553
+ ----
554
+
555
+ === Dropdown with description
556
+
557
+ Did you notice? There is an extra attribute `data-description` in `<option>`.
558
+
559
+ [source, html]
560
+ ----
561
+ <select id="payments" name="payments" is="ms-dropdown" data-enable-auto-filter="false" required>
562
+ <option value="" data-description="Choose your payment gateway">Payment Gateway</option>
563
+ <option value="amex" data-image="./dist/images/icons/Amex-56.png" data-description="My life. My card...">Amex</option>
564
+ <option value="Discover" data-image="./dist/images/icons/Discover-56.png" data-description="It pays to Discover...">Discover</option>
565
+ <option value="Mastercard" data-image="./dist/images/icons/Mastercard-56.png" data-title="For everything else..." data-description="For everything else...">Mastercard</option>
566
+ <option value="cash" data-image="./dist/images/icons/Cash-56.png" data-description="Pay at your doorstep...">Cash on delivery</option>
567
+ <option value="Visa" data-image="./dist/images/icons/Visa-56.png" data-description="All you need...">Visa</option>
568
+ <option value="Paypal" data-image="./dist/images/icons/Paypal-56.png" data-description="Pay and get paid...">Paypal</option>
569
+ </select>
570
+ ----
571
+
572
+ === Dropdown with checkboxes
573
+
574
+ Email FAQ Games Music Phone Graph Secured Video CD
575
+
576
+ [source, html]
577
+ ----
578
+ <select name="tech_with_checkbox" is="ms-dropdown" data-enable-checkbox="true">
579
+ <option data-image="./dist/images/icons/icon_email.gif" value="email">Email</option>
580
+ <option data-image="./dist/images/icons/icon_faq.gif" value="faq">FAQ</option>
581
+ <option data-image="./dist/images/icons/icon_games.gif" selected value="games">Games</option>
582
+ <option data-image="./dist/images/icons/icon_music.gif" value="music">Music</option>
583
+ <option data-image="./dist/images/icons/icon_phone.gif" value="phone">Phone</option>
584
+ <option data-image="./dist/images/icons/icon_sales.gif" value="graph">Graph</option>
585
+ <option data-image="./dist/images/icons/icon_secure.gif" value="secured">Secured</option>
586
+ <option data-image="./dist/images/icons/icon_video.gif" value="video">Video</option>
587
+ <option data-image="./dist/images/icons/icon_cd.gif" name="cd" value="cd">CD</option>
588
+ </select>
589
+ ----
590
+
591
+ === Option groups
592
+
593
+ [source, html]
594
+ ----
595
+ <select is="ms-dropdown" name="car_group">
596
+ <optgroup label="Mercedes Benz">
597
+ <option>Mercedes-Benz GLA</option>
598
+ <option>Mercedes-Benz S-Class</option>
599
+ <option>Mercedes-Benz E-Class</option>
600
+ <option>Mercedes-Benz GLS</option>
601
+ </optgroup>
602
+ <optgroup label="Jaguar">
603
+ <option>Jaguar F-TYPE</option>
604
+ <option selected>Jaguar XE</option>
605
+ <option>Jaguar F-Pace</option>
606
+ <option>Jaguar I-Pace</option>
607
+ <option>Jaguar XF</option>
608
+ </optgroup>
609
+ </select>
610
+ ----
611
+
612
+ === Dropdown with CSS images
613
+
614
+ [source, html]
615
+ ----
616
+ <select name="countries" id="countries" is="ms-dropdown" data-child-height="315">
617
+ <option value='ad' data-image-css="flag ad" data-title="Andorra">Andorra</option>
618
+ <option value='ae' data-image-css="flag ae" data-title="United Arab Emirates">United Arab Emirates</option>
619
+ <option value='af' data-image-css="flag af" data-title="Afghanistan">Afghanistan</option>
620
+ ...
621
+ <option value='zr' data-image-css="flag zr" data-title="Zaire (former)">Zaire (former)</option>
622
+ <option value='zw' data-image-css="flag zw" data-title="Zimbabwe">Zimbabwe</option>
623
+ </select>
624
+ ----
625
+
626
+ === Dropdown as a list
627
+
628
+ Please select one Email FAQ Games Music Phone Graph Secured Video CD
629
+
630
+ [source, html]
631
+ ----
632
+ <select name="gameList[]" is="ms-dropdown" multiple size="5">
633
+ <option value="" selected>Please select one</option>
634
+ <option data-image="./dist/images/icons/icon_email.gif" value="email">Email</option>
635
+ <option data-image="./dist/images/icons/icon_faq.gif" value="faq">FAQ</option>
636
+ <option data-image="./dist/images/icons/icon_games.gif" value="games">Games</option>
637
+ <option data-image="./dist/images/icons/icon_music.gif" value="music">Music</option>
638
+ <option data-image="./dist/images/icons/icon_phone.gif" value="phone">Phone</option>
639
+ <option data-image="./dist/images/icons/icon_sales.gif" value="graph">Graph</option>
640
+ <option data-image="./dist/images/icons/icon_secure.gif" value="secured">Secured</option>
641
+ <option data-image="./dist/images/icons/icon_video.gif" value="video">Video</option>
642
+ <option data-image="./dist/images/icons/icon_cd.gif" name="cd" value="cd">CD</option>
643
+ </select>
644
+ ----
645
+
646
+ === Create Dropdown from JSON object
647
+
648
+ [source, js]
649
+ ----
650
+ [
651
+ {description:'Choose your payment gateway', value:'', text:'Payment Gateway'},
652
+ {image:'/assets/mywork/web-components/image-dropdown/images/icons/Amex-56.png', description:'My life. My card...', value:'amex', text:'Amex'},
653
+ {image:'/assets/mywork/web-components/image-dropdown/images/icons/Discover-56.png', description:'It pays to Discover...', value:'Discover', text:'Discover'},
654
+ {image:'/assets/mywork/web-components/image-dropdown/images/icons/Mastercard-56.png', title:'For everything else...', description:'For everything else...', value:'Mastercard', text:'Mastercard'},
655
+ {image:'/assets/mywork/web-components/image-dropdown/images/icons/Cash-56.png', description:'Sorry not available...', value:'cash', text:'Cash on delivery', disabled:true},
656
+ {image:'/assets/mywork/web-components/image-dropdown/images/icons/Visa-56.png', description:'All you need...', value:'Visa', text:'Visa'},
657
+ {image:'/assets/mywork/web-components/image-dropdown/images/icons/Paypal-56.png', description:'Pay and get paid...', value:'Paypal', text:'Paypal'}
658
+ ];
659
+ ----
660
+
661
+ Below method is being called on "Click here to convert by above json"
662
+ button.
663
+
664
+ [source, html]
665
+ ----
666
+ <script>
667
+ function makeDd() {
668
+ 'use strict';
669
+ //get the data from above json string
670
+ let json = new function (`return ${document.getElementById('json_data').innerHTML}`)();
671
+ //clean the holder
672
+ document.getElementById("json_dropdown").innerHTML = "";
673
+
674
+ //convert to msDropdown
675
+ MsDropdown.make("#json_dropdown", {
676
+ byJson: {
677
+ data: json, selectedIndex: 0, name: "json_dropdown",
678
+ size: 0, multiple: false, width: 450
679
+ },
680
+ enableAutoFilter:false
681
+ });
682
+ //or we can use like this too.
683
+ /*new MsDropdown(document.getElementById("json_dropdown"), {
684
+ byJson: {
685
+ data: json, name: "json_dropdown"
686
+ }
687
+ });*/
688
+ }
689
+ </script>
690
+ ----
691
+
692
+ === What are the settings params
693
+
694
+ If you are creating with the help of JavaScript you might need this.
695
+ So, how do you create it? Syntax is below
696
+
697
+ [source, js]
698
+ ----
699
+ //Style 1
700
+ MsDropdown.make("element", {...settings});
701
+
702
+ //Style 2
703
+ new MsDropdown(document.getElementById("element_id"), {...settings});
704
+ ----
705
+
706
+ And what are the settings params you can pass to the msDropdown? It is
707
+ similar to the data-attributes, those I've mentioned above in this
708
+ document. Only difference is that you passed as a camelCase key without
709
+ the "data-". For example if you want to set child width, you passed in
710
+ attribute as `data-child-width="300px"` whereas you need to pass in
711
+ settings as `childWidth:'300px'`
712
+
713
+ So, here is an example what you can pass in settings.
714
+
715
+ [source, js]
716
+ ----
717
+ MsDropdown.make("element", {
718
+ byJson: {
719
+ data: null, selectedIndex: 0, name: null,
720
+ size: 0, multiple: false, width: 250
721
+ },
722
+ mainCss: 'ms-dd',
723
+ rowHeight: null,
724
+ visibleRows: null,
725
+ showIcon: true,
726
+ zIndex: 9999,
727
+ event:'click',
728
+ style: '',
729
+ childWidth:null,
730
+ childHeight:null,
731
+ enableCheckbox:false,
732
+ checkboxNameSuffix:'_mscheck',
733
+ showPlusItemCounter:true,
734
+ enableAutoFilter:true,
735
+ showListCounter:false,
736
+ errorMessage:'Please select an item from this list',
737
+ on: { create: null,open: null,close: null,add: null,remove: null,
738
+ change: null,blur: null,click: null,dblclick: null,mousemove: null,
739
+ mouseover: null,mouseout: null,focus: null,mousedown: null,
740
+ mouseup: null
741
+ }
742
+ });
743
+ ----