@ptcwebops/ptcw-design 1.2.7 → 1.2.8

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 (364) hide show
  1. package/LICENSE +21 -21
  2. package/dist/cjs/bundle-example.cjs.entry.js +30 -30
  3. package/dist/cjs/bundle-jumbotron-example.cjs.entry.js +32 -32
  4. package/dist/cjs/dropdown-item.cjs.entry.js +10 -10
  5. package/dist/cjs/icon-asset.cjs.entry.js +42 -42
  6. package/dist/cjs/{interfaces-0ecd8027.js → interfaces-574e6df7.js} +9 -9
  7. package/dist/cjs/list-item.cjs.entry.js +22 -22
  8. package/dist/cjs/loader.cjs.js +1 -1
  9. package/dist/cjs/lottie-player.cjs.entry.js +354 -354
  10. package/dist/cjs/max-width-container_6.cjs.entry.js +485 -485
  11. package/dist/cjs/my-component.cjs.entry.js +15 -15
  12. package/dist/cjs/ptc-accordion-item.cjs.entry.js +83 -83
  13. package/dist/cjs/ptc-accordion.cjs.entry.js +35 -35
  14. package/dist/cjs/ptc-announcement.cjs.entry.js +50 -50
  15. package/dist/cjs/ptc-bio-card.cjs.entry.js +24 -24
  16. package/dist/cjs/ptc-breadcrumb_2.cjs.entry.js +126 -126
  17. package/dist/cjs/ptc-button_8.cjs.entry.js +481 -481
  18. package/dist/cjs/ptc-card-bottom_3.cjs.entry.js +122 -122
  19. package/dist/cjs/ptc-card.cjs.entry.js +65 -65
  20. package/dist/cjs/ptc-checkbox.cjs.entry.js +50 -50
  21. package/dist/cjs/ptc-collapse-list.cjs.entry.js +346 -346
  22. package/dist/cjs/ptc-container.cjs.entry.js +32 -32
  23. package/dist/cjs/ptc-date.cjs.entry.js +50 -50
  24. package/dist/cjs/ptc-dropdown.cjs.entry.js +64 -64
  25. package/dist/cjs/ptc-ellipsis-dropdown.cjs.entry.js +38 -38
  26. package/dist/cjs/ptc-filter-tag.cjs.entry.js +57 -57
  27. package/dist/cjs/ptc-hero-footer-cta.cjs.entry.js +11 -11
  28. package/dist/cjs/ptc-hero.cjs.entry.js +18 -18
  29. package/dist/cjs/ptc-icon-list.cjs.entry.js +21 -21
  30. package/dist/cjs/ptc-icon-minimize.cjs.entry.js +43 -43
  31. package/dist/cjs/ptc-link.cjs.entry.js +30 -30
  32. package/dist/cjs/ptc-list.cjs.entry.js +49 -49
  33. package/dist/cjs/ptc-lottie.cjs.entry.js +10 -10
  34. package/dist/cjs/ptc-media-card.cjs.entry.js +24 -24
  35. package/dist/cjs/ptc-minimized-footer.cjs.entry.js +8 -8
  36. package/dist/cjs/ptc-minimized-header.cjs.entry.js +11 -11
  37. package/dist/cjs/ptc-mobile-select.cjs.entry.js +53 -53
  38. package/dist/cjs/ptc-nav-card.cjs.entry.js +40 -40
  39. package/dist/cjs/ptc-nav-link.cjs.entry.js +47 -0
  40. package/dist/cjs/ptc-nav-slider.cjs.entry.js +94 -0
  41. package/dist/cjs/ptc-nav-submenu.cjs.entry.js +29 -0
  42. package/dist/cjs/ptc-pagenation.cjs.entry.js +213 -213
  43. package/dist/cjs/ptc-previous-url.cjs.entry.js +11 -11
  44. package/dist/cjs/ptc-pricing-block.cjs.entry.js +21 -21
  45. package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +125 -125
  46. package/dist/cjs/ptc-quote.cjs.entry.js +23 -23
  47. package/dist/cjs/ptc-readmore.cjs.entry.js +73 -73
  48. package/dist/cjs/ptc-responsive-wrapper.cjs.entry.js +54 -54
  49. package/dist/cjs/ptc-search-field.cjs.entry.js +66 -66
  50. package/dist/cjs/ptc-shopping-cart.cjs.entry.js +50 -50
  51. package/dist/cjs/ptc-social-share.cjs.entry.js +59 -59
  52. package/dist/cjs/ptc-span.cjs.entry.js +18 -18
  53. package/dist/cjs/ptc-sticky-icons.cjs.entry.js +32 -32
  54. package/dist/cjs/ptc-sticky-section.cjs.entry.js +38 -0
  55. package/dist/cjs/ptc-subnav-card.cjs.entry.js +26 -0
  56. package/dist/cjs/ptc-subnav.cjs.entry.js +32 -0
  57. package/dist/cjs/ptc-tab-list.cjs.entry.js +125 -125
  58. package/dist/cjs/ptc-tab.cjs.entry.js +20 -20
  59. package/dist/cjs/ptc-tabs.cjs.entry.js +47 -47
  60. package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +27 -27
  61. package/dist/cjs/ptc-tooltip.cjs.entry.js +79 -79
  62. package/dist/cjs/ptc-two-column-media.cjs.entry.js +15 -15
  63. package/dist/cjs/ptcw-design.cjs.js +1 -1
  64. package/dist/cjs/sequential-bundle.cjs.entry.js +88 -88
  65. package/dist/cjs/tab-content.cjs.entry.js +27 -27
  66. package/dist/cjs/tab-header.cjs.entry.js +64 -64
  67. package/dist/cjs/{utils-416c94fe.js → utils-9eb22041.js} +90 -90
  68. package/dist/collection/collection-manifest.json +6 -0
  69. package/dist/collection/components/dropdown-item/dropdown-item.js +61 -61
  70. package/dist/collection/components/icon-asset/icon-asset.css +4 -4
  71. package/dist/collection/components/icon-asset/icon-asset.js +199 -199
  72. package/dist/collection/components/icon-asset/media/brands.svg +1381 -1381
  73. package/dist/collection/components/icon-asset/media/designer.svg +397 -387
  74. package/dist/collection/components/icon-asset/media/regular.svg +463 -463
  75. package/dist/collection/components/icon-asset/media/solid.svg +3013 -3013
  76. package/dist/collection/components/icon-asset/media/svg-with-js.min.css +4 -4
  77. package/dist/collection/components/list-item/list-item.js +144 -144
  78. package/dist/collection/components/max-width-container/max-width-container.css +11 -11
  79. package/dist/collection/components/max-width-container/max-width-container.js +105 -105
  80. package/dist/collection/components/my-component/my-component.css +3 -3
  81. package/dist/collection/components/my-component/my-component.js +82 -82
  82. package/dist/collection/components/organism-bundles/bundle-example/bundle-example.css +25 -25
  83. package/dist/collection/components/organism-bundles/bundle-example/bundle-example.js +58 -58
  84. package/dist/collection/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.css +3 -3
  85. package/dist/collection/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.js +66 -66
  86. package/dist/collection/components/organism-bundles/sequential-bundle/sequential-bundle.js +116 -116
  87. package/dist/collection/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.css +89 -89
  88. package/dist/collection/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.js +152 -152
  89. package/dist/collection/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.js +287 -287
  90. package/dist/collection/components/ptc-accordion/ptc-accordion.js +78 -78
  91. package/dist/collection/components/ptc-announcement/ptc-announcement.js +237 -237
  92. package/dist/collection/components/ptc-background-video/ptc-background-video.js +102 -102
  93. package/dist/collection/components/ptc-bio-card/ptc-bio-card.js +130 -130
  94. package/dist/collection/components/ptc-breadcrumb/ptc-breadcrumb.js +105 -105
  95. package/dist/collection/components/ptc-button/ptc-button.js +283 -283
  96. package/dist/collection/components/ptc-card/ptc-card.js +344 -344
  97. package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js +116 -116
  98. package/dist/collection/components/ptc-card-content/ptc-card-content.js +212 -212
  99. package/dist/collection/components/ptc-card-wrapper/ptc-card-wrapper.js +214 -214
  100. package/dist/collection/components/ptc-checkbox/ptc-checkbox.js +152 -152
  101. package/dist/collection/components/ptc-collapse-list/ptc-collapse-list.js +586 -586
  102. package/dist/collection/components/ptc-container/ptc-container.js +120 -120
  103. package/dist/collection/components/ptc-date/ptc-date.js +224 -224
  104. package/dist/collection/components/ptc-dropdown/ptc-dropdown.js +162 -162
  105. package/dist/collection/components/ptc-dynamic-card/media/nav-active-dotslick.svg +15 -15
  106. package/dist/collection/components/ptc-dynamic-card/ptc-dynamic-card.js +174 -174
  107. package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.js +122 -122
  108. package/dist/collection/components/ptc-filter-tag/ptc-filter-tag.js +113 -113
  109. package/dist/collection/components/ptc-hero/ptc-hero.js +86 -86
  110. package/dist/collection/components/ptc-hero-footer-cta/ptc-hero-footer-cta.js +78 -78
  111. package/dist/collection/components/ptc-icon-list/ptc-icon-list.js +127 -127
  112. package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js +119 -119
  113. package/dist/collection/components/ptc-img/ptc-img.js +293 -293
  114. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +21 -0
  115. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.js +278 -278
  116. package/dist/collection/components/ptc-link/ptc-link.js +222 -222
  117. package/dist/collection/components/ptc-list/ptc-list.js +99 -99
  118. package/dist/collection/components/ptc-lottie/ptc-lottie.css +5 -5
  119. package/dist/collection/components/ptc-lottie/ptc-lottie.js +62 -62
  120. package/dist/collection/components/ptc-media-card/ptc-media-card.js +216 -216
  121. package/dist/collection/components/ptc-minimized-footer/ptc-minimized-footer.js +18 -18
  122. package/dist/collection/components/ptc-minimized-header/ptc-minimized-header.js +81 -81
  123. package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +190 -190
  124. package/dist/collection/components/ptc-modal/ptc-modal.css +1 -1
  125. package/dist/collection/components/ptc-modal/ptc-modal.js +389 -389
  126. package/dist/collection/components/ptc-nav-card/ptc-nav-card.js +228 -228
  127. package/dist/collection/components/ptc-overlay/ptc-overlay.js +131 -131
  128. package/dist/collection/components/ptc-pagenation/ptc-pagenation.js +468 -468
  129. package/dist/collection/components/ptc-para/ptc-para.js +242 -242
  130. package/dist/collection/components/ptc-picture/ptc-picture.js +453 -453
  131. package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +78 -78
  132. package/dist/collection/components/ptc-pricing-block/ptc-pricing-block.css +16 -4
  133. package/dist/collection/components/ptc-pricing-block/ptc-pricing-block.js +70 -70
  134. package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.css +23 -1
  135. package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.js +272 -272
  136. package/dist/collection/components/ptc-quote/ptc-quote.js +144 -144
  137. package/dist/collection/components/ptc-readmore/ptc-readmore.js +298 -298
  138. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.css +3 -3
  139. package/dist/collection/components/ptc-responsive-wrapper/ptc-responsive-wrapper.js +65 -65
  140. package/dist/collection/components/ptc-search-field/ptc-search-field.css +1 -1
  141. package/dist/collection/components/ptc-search-field/ptc-search-field.js +239 -239
  142. package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.js +97 -97
  143. package/dist/collection/components/ptc-skeleton/ptc-skeleton.js +139 -139
  144. package/dist/collection/components/ptc-social-share/ptc-social-share.js +239 -239
  145. package/dist/collection/components/ptc-spacer/ptc-spacer.css +332 -332
  146. package/dist/collection/components/ptc-spacer/ptc-spacer.js +97 -97
  147. package/dist/collection/components/ptc-span/ptc-span.js +87 -87
  148. package/dist/collection/components/ptc-sticky-icons/ptc-sticky-icons.js +51 -51
  149. package/dist/collection/components/ptc-sticky-section/ptc-sticky-section.css +10 -0
  150. package/dist/collection/components/ptc-sticky-section/ptc-sticky-section.js +46 -0
  151. package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.js +109 -109
  152. package/dist/collection/components/ptc-tab-list/ptc-tab-list.js +177 -177
  153. package/dist/collection/components/ptc-tabs/ptc-tab.js +121 -121
  154. package/dist/collection/components/ptc-tabs/ptc-tabs.js +104 -104
  155. package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.js +166 -166
  156. package/dist/collection/components/ptc-title/ptc-title.js +310 -310
  157. package/dist/collection/components/ptc-tooltip/ptc-tooltip.js +267 -267
  158. package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.js +48 -48
  159. package/dist/collection/components/subnav/ptc-nav-link/ptc-nav-link.css +79 -0
  160. package/dist/collection/components/subnav/ptc-nav-link/ptc-nav-link.js +114 -0
  161. package/dist/collection/components/subnav/ptc-nav-slider/ptc-nav-slider.css +72 -0
  162. package/dist/collection/components/subnav/ptc-nav-slider/ptc-nav-slider.js +126 -0
  163. package/dist/collection/components/subnav/ptc-nav-submenu/ptc-nav-submenu.css +159 -0
  164. package/dist/collection/components/subnav/ptc-nav-submenu/ptc-nav-submenu.js +85 -0
  165. package/dist/collection/components/subnav/ptc-subnav/ptc-subnav.css +59 -0
  166. package/dist/collection/components/subnav/ptc-subnav/ptc-subnav.js +47 -0
  167. package/dist/collection/components/subnav/ptc-subnav-card/ptc-subnav-card.css +25 -0
  168. package/dist/collection/components/subnav/ptc-subnav-card/ptc-subnav-card.js +133 -0
  169. package/dist/collection/components/tab-content/tab-content.js +84 -84
  170. package/dist/collection/components/tab-header/tab-header.js +182 -182
  171. package/dist/collection/index.js +1 -1
  172. package/dist/collection/media/svg-imgs/Back-arrow.svg +11 -11
  173. package/dist/collection/media/svg-imgs/close.svg +10 -10
  174. package/dist/collection/media/svg-imgs/play-button-dark.svg +20 -20
  175. package/dist/collection/media/svg-imgs/ptc-shopping-cart-black.svg +3 -3
  176. package/dist/collection/media/svg-imgs/ptc-shopping-cart-white.svg +3 -3
  177. package/dist/collection/media/svg-imgs/slider-arrow-left.svg +18 -18
  178. package/dist/collection/media/svg-imgs/slider-arrow-right.svg +18 -18
  179. package/dist/collection/media/svg-imgs/union.svg +3 -3
  180. package/dist/collection/utils/component.js +3 -3
  181. package/dist/collection/utils/interfaces.js +11 -11
  182. package/dist/collection/utils/utils.js +92 -92
  183. package/dist/custom-elements/index.d.ts +36 -0
  184. package/dist/custom-elements/index.js +4654 -4406
  185. package/dist/esm/bundle-example.entry.js +30 -30
  186. package/dist/esm/bundle-jumbotron-example.entry.js +32 -32
  187. package/dist/esm/dropdown-item.entry.js +10 -10
  188. package/dist/esm/icon-asset.entry.js +42 -42
  189. package/dist/esm/{interfaces-c1c73092.js → interfaces-7c0243be.js} +9 -9
  190. package/dist/esm/list-item.entry.js +22 -22
  191. package/dist/esm/loader.js +1 -1
  192. package/dist/esm/lottie-player.entry.js +354 -354
  193. package/dist/esm/max-width-container_6.entry.js +485 -485
  194. package/dist/esm/my-component.entry.js +15 -15
  195. package/dist/esm/polyfills/core-js.js +0 -0
  196. package/dist/esm/polyfills/dom.js +0 -0
  197. package/dist/esm/polyfills/es5-html-element.js +0 -0
  198. package/dist/esm/polyfills/index.js +0 -0
  199. package/dist/esm/polyfills/system.js +0 -0
  200. package/dist/esm/ptc-accordion-item.entry.js +83 -83
  201. package/dist/esm/ptc-accordion.entry.js +35 -35
  202. package/dist/esm/ptc-announcement.entry.js +50 -50
  203. package/dist/esm/ptc-bio-card.entry.js +24 -24
  204. package/dist/esm/ptc-breadcrumb_2.entry.js +126 -126
  205. package/dist/esm/ptc-button_8.entry.js +481 -481
  206. package/dist/esm/ptc-card-bottom_3.entry.js +122 -122
  207. package/dist/esm/ptc-card.entry.js +65 -65
  208. package/dist/esm/ptc-checkbox.entry.js +50 -50
  209. package/dist/esm/ptc-collapse-list.entry.js +346 -346
  210. package/dist/esm/ptc-container.entry.js +32 -32
  211. package/dist/esm/ptc-date.entry.js +50 -50
  212. package/dist/esm/ptc-dropdown.entry.js +64 -64
  213. package/dist/esm/ptc-ellipsis-dropdown.entry.js +38 -38
  214. package/dist/esm/ptc-filter-tag.entry.js +57 -57
  215. package/dist/esm/ptc-hero-footer-cta.entry.js +11 -11
  216. package/dist/esm/ptc-hero.entry.js +18 -18
  217. package/dist/esm/ptc-icon-list.entry.js +21 -21
  218. package/dist/esm/ptc-icon-minimize.entry.js +43 -43
  219. package/dist/esm/ptc-link.entry.js +30 -30
  220. package/dist/esm/ptc-list.entry.js +49 -49
  221. package/dist/esm/ptc-lottie.entry.js +10 -10
  222. package/dist/esm/ptc-media-card.entry.js +24 -24
  223. package/dist/esm/ptc-minimized-footer.entry.js +8 -8
  224. package/dist/esm/ptc-minimized-header.entry.js +11 -11
  225. package/dist/esm/ptc-mobile-select.entry.js +53 -53
  226. package/dist/esm/ptc-nav-card.entry.js +40 -40
  227. package/dist/esm/ptc-nav-link.entry.js +43 -0
  228. package/dist/esm/ptc-nav-slider.entry.js +90 -0
  229. package/dist/esm/ptc-nav-submenu.entry.js +25 -0
  230. package/dist/esm/ptc-pagenation.entry.js +213 -213
  231. package/dist/esm/ptc-previous-url.entry.js +11 -11
  232. package/dist/esm/ptc-pricing-block.entry.js +21 -21
  233. package/dist/esm/ptc-pricing-tabs.entry.js +125 -125
  234. package/dist/esm/ptc-quote.entry.js +23 -23
  235. package/dist/esm/ptc-readmore.entry.js +73 -73
  236. package/dist/esm/ptc-responsive-wrapper.entry.js +54 -54
  237. package/dist/esm/ptc-search-field.entry.js +66 -66
  238. package/dist/esm/ptc-shopping-cart.entry.js +50 -50
  239. package/dist/esm/ptc-social-share.entry.js +59 -59
  240. package/dist/esm/ptc-span.entry.js +18 -18
  241. package/dist/esm/ptc-sticky-icons.entry.js +32 -32
  242. package/dist/esm/ptc-sticky-section.entry.js +34 -0
  243. package/dist/esm/ptc-subnav-card.entry.js +22 -0
  244. package/dist/esm/ptc-subnav.entry.js +28 -0
  245. package/dist/esm/ptc-tab-list.entry.js +125 -125
  246. package/dist/esm/ptc-tab.entry.js +20 -20
  247. package/dist/esm/ptc-tabs.entry.js +47 -47
  248. package/dist/esm/ptc-text-copy-with-background.entry.js +27 -27
  249. package/dist/esm/ptc-tooltip.entry.js +79 -79
  250. package/dist/esm/ptc-two-column-media.entry.js +15 -15
  251. package/dist/esm/ptcw-design.js +1 -1
  252. package/dist/esm/sequential-bundle.entry.js +88 -88
  253. package/dist/esm/tab-content.entry.js +27 -27
  254. package/dist/esm/tab-header.entry.js +64 -64
  255. package/dist/esm/{utils-f937097d.js → utils-38decc43.js} +90 -90
  256. package/dist/ptcw-design/media/brands.svg +1381 -1381
  257. package/dist/ptcw-design/media/designer.svg +397 -387
  258. package/dist/ptcw-design/media/nav-active-dotslick.svg +15 -15
  259. package/dist/ptcw-design/media/regular.svg +463 -463
  260. package/dist/ptcw-design/media/solid.svg +3013 -3013
  261. package/dist/ptcw-design/media/svg-with-js.min.css +4 -4
  262. package/dist/ptcw-design/{p-1673d5a4.entry.js → p-0a3918b9.entry.js} +1 -1
  263. package/dist/ptcw-design/{p-a76bf4d6.entry.js → p-1a346da4.entry.js} +1 -1
  264. package/dist/ptcw-design/p-4947eb0a.entry.js +1 -0
  265. package/dist/ptcw-design/p-4a1d0d07.entry.js +1 -0
  266. package/dist/ptcw-design/p-51ee36a7.entry.js +1 -0
  267. package/dist/ptcw-design/{p-619dac51.entry.js → p-6696c7e0.entry.js} +1 -1
  268. package/dist/ptcw-design/{p-7f7594ee.entry.js → p-7c80b666.entry.js} +1 -1
  269. package/dist/ptcw-design/p-94c33d5d.entry.js +1 -0
  270. package/dist/ptcw-design/{p-da23d3d7.entry.js → p-9b57b462.entry.js} +1 -1
  271. package/dist/ptcw-design/p-d7e11aad.entry.js +1 -0
  272. package/dist/ptcw-design/{p-de336318.entry.js → p-d91ff88e.entry.js} +1 -1
  273. package/dist/ptcw-design/{p-c0b1c34c.entry.js → p-e3af3cc7.entry.js} +1 -1
  274. package/dist/ptcw-design/{p-ab9d5bb9.entry.js → p-e60eb5aa.entry.js} +1 -1
  275. package/dist/ptcw-design/{p-0eeebc10.entry.js → p-f498d4ab.entry.js} +1 -1
  276. package/dist/ptcw-design/p-fbf6f66c.entry.js +1 -0
  277. package/dist/ptcw-design/ptcw-design.css +1 -1
  278. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  279. package/dist/types/components/dropdown-item/dropdown-item.d.ts +5 -5
  280. package/dist/types/components/icon-asset/icon-asset.d.ts +40 -40
  281. package/dist/types/components/list-item/list-item.d.ts +16 -16
  282. package/dist/types/components/max-width-container/max-width-container.d.ts +11 -11
  283. package/dist/types/components/my-component/my-component.d.ts +16 -16
  284. package/dist/types/components/organism-bundles/bundle-example/bundle-example.d.ts +10 -10
  285. package/dist/types/components/organism-bundles/bundle-jumbotron-example/bundle-jumbotron-example.d.ts +4 -4
  286. package/dist/types/components/organism-bundles/sequential-bundle/sequential-bundle.d.ts +12 -12
  287. package/dist/types/components/organism-bundles/sequential-bundle-example/sequential-bundle-example.d.ts +16 -16
  288. package/dist/types/components/ptc-accordion/ptc-accordion-item/ptc-accordion-item.d.ts +59 -59
  289. package/dist/types/components/ptc-accordion/ptc-accordion.d.ts +13 -13
  290. package/dist/types/components/ptc-announcement/ptc-announcement.d.ts +51 -51
  291. package/dist/types/components/ptc-background-video/ptc-background-video.d.ts +26 -26
  292. package/dist/types/components/ptc-bio-card/ptc-bio-card.d.ts +27 -27
  293. package/dist/types/components/ptc-breadcrumb/ptc-breadcrumb.d.ts +20 -20
  294. package/dist/types/components/ptc-button/ptc-button.d.ts +60 -60
  295. package/dist/types/components/ptc-card/ptc-card.d.ts +67 -67
  296. package/dist/types/components/ptc-card-bottom/ptc-card-bottom.d.ts +15 -15
  297. package/dist/types/components/ptc-card-content/ptc-card-content.d.ts +19 -19
  298. package/dist/types/components/ptc-card-wrapper/ptc-card-wrapper.d.ts +24 -24
  299. package/dist/types/components/ptc-checkbox/ptc-checkbox.d.ts +14 -14
  300. package/dist/types/components/ptc-collapse-list/ptc-collapse-list.d.ts +56 -56
  301. package/dist/types/components/ptc-container/ptc-container.d.ts +12 -12
  302. package/dist/types/components/ptc-date/ptc-date.d.ts +46 -46
  303. package/dist/types/components/ptc-dropdown/ptc-dropdown.d.ts +19 -19
  304. package/dist/types/components/ptc-dynamic-card/ptc-dynamic-card.d.ts +23 -23
  305. package/dist/types/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.d.ts +12 -12
  306. package/dist/types/components/ptc-filter-tag/ptc-filter-tag.d.ts +17 -17
  307. package/dist/types/components/ptc-hero/ptc-hero.d.ts +16 -16
  308. package/dist/types/components/ptc-hero-footer-cta/ptc-hero-footer-cta.d.ts +6 -6
  309. package/dist/types/components/ptc-icon-list/ptc-icon-list.d.ts +21 -21
  310. package/dist/types/components/ptc-icon-minimize/ptc-icon-minimize.d.ts +12 -12
  311. package/dist/types/components/ptc-img/ptc-img.d.ts +51 -51
  312. package/dist/types/components/ptc-jumbotron/ptc-jumbotron.d.ts +21 -21
  313. package/dist/types/components/ptc-link/ptc-link.d.ts +44 -44
  314. package/dist/types/components/ptc-list/ptc-list.d.ts +8 -8
  315. package/dist/types/components/ptc-lottie/ptc-lottie.d.ts +12 -12
  316. package/dist/types/components/ptc-media-card/ptc-media-card.d.ts +45 -45
  317. package/dist/types/components/ptc-minimized-footer/ptc-minimized-footer.d.ts +3 -3
  318. package/dist/types/components/ptc-minimized-header/ptc-minimized-header.d.ts +6 -6
  319. package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +36 -36
  320. package/dist/types/components/ptc-modal/ptc-modal.d.ts +67 -67
  321. package/dist/types/components/ptc-nav-card/ptc-nav-card.d.ts +46 -46
  322. package/dist/types/components/ptc-overlay/ptc-overlay.d.ts +21 -21
  323. package/dist/types/components/ptc-pagenation/ptc-pagenation.d.ts +35 -35
  324. package/dist/types/components/ptc-para/ptc-para.d.ts +47 -47
  325. package/dist/types/components/ptc-picture/ptc-picture.d.ts +93 -93
  326. package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +9 -9
  327. package/dist/types/components/ptc-pricing-block/ptc-pricing-block.d.ts +7 -7
  328. package/dist/types/components/ptc-pricing-tabs/ptc-pricing-tabs.d.ts +52 -52
  329. package/dist/types/components/ptc-quote/ptc-quote.d.ts +29 -29
  330. package/dist/types/components/ptc-readmore/ptc-readmore.d.ts +57 -57
  331. package/dist/types/components/ptc-responsive-wrapper/ptc-responsive-wrapper.d.ts +8 -8
  332. package/dist/types/components/ptc-search-field/ptc-search-field.d.ts +22 -22
  333. package/dist/types/components/ptc-shopping-cart/ptc-shopping-cart.d.ts +6 -6
  334. package/dist/types/components/ptc-skeleton/ptc-skeleton.d.ts +10 -10
  335. package/dist/types/components/ptc-social-share/ptc-social-share.d.ts +33 -33
  336. package/dist/types/components/ptc-spacer/ptc-spacer.d.ts +16 -16
  337. package/dist/types/components/ptc-span/ptc-span.d.ts +16 -16
  338. package/dist/types/components/ptc-sticky-icons/ptc-sticky-icons.d.ts +7 -7
  339. package/dist/types/components/ptc-sticky-section/ptc-sticky-section.d.ts +9 -0
  340. package/dist/types/components/ptc-svg-btn/ptc-svg-btn.d.ts +20 -20
  341. package/dist/types/components/ptc-tab-list/ptc-tab-list.d.ts +19 -19
  342. package/dist/types/components/ptc-tabs/ptc-tab.d.ts +9 -9
  343. package/dist/types/components/ptc-tabs/ptc-tabs.d.ts +10 -10
  344. package/dist/types/components/ptc-text-copy-with-background/ptc-text-copy-with-background.d.ts +33 -33
  345. package/dist/types/components/ptc-title/ptc-title.d.ts +54 -54
  346. package/dist/types/components/ptc-tooltip/ptc-tooltip.d.ts +47 -47
  347. package/dist/types/components/ptc-two-column-media/ptc-two-column-media.d.ts +9 -9
  348. package/dist/types/components/subnav/ptc-nav-link/ptc-nav-link.d.ts +21 -0
  349. package/dist/types/components/subnav/ptc-nav-slider/ptc-nav-slider.d.ts +11 -0
  350. package/dist/types/components/subnav/ptc-nav-submenu/ptc-nav-submenu.d.ts +18 -0
  351. package/dist/types/components/subnav/ptc-subnav/ptc-subnav.d.ts +7 -0
  352. package/dist/types/components/subnav/ptc-subnav-card/ptc-subnav-card.d.ts +27 -0
  353. package/dist/types/components/tab-content/tab-content.d.ts +12 -12
  354. package/dist/types/components/tab-header/tab-header.d.ts +22 -22
  355. package/dist/types/components.d.ts +306 -130
  356. package/dist/types/global.d.ts +1072 -1072
  357. package/dist/types/index.d.ts +1 -1
  358. package/dist/types/utils/component.d.ts +1 -1
  359. package/dist/types/utils/interfaces.d.ts +31 -31
  360. package/dist/types/utils/utils.d.ts +5 -5
  361. package/package.json +60 -60
  362. package/readme.md +18 -18
  363. /package/dist/ptcw-design/{p-ea875d9e.js → p-36665caa.js} +0 -0
  364. /package/dist/ptcw-design/{p-50e52c88.js → p-ee1183b2.js} +0 -0
package/dist/esm/bundle-example.entry.js CHANGED
@@ -2,36 +2,36 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-4a
2
2
 
3
3
  const bundleExampleCss = ".is-grid,.is-grid-inline{display:-ms-grid;display:grid;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr);direction:ltr;grid-column-gap:var(--col-gap);grid-row-gap:var(--row-gap)}.is-grid>*,.is-grid-inline>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.is-grid>*,.is-grid-inline>*{-ms-grid-column-span:1;grid-column:span 1}}.is-grid.is-dense,.is-grid-inline.is-dense{grid-auto-flow:dense;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-row,.is-grid-inline.has-wrapped-row{grid-auto-flow:row;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-row.is-dense,.is-grid-inline.has-wrapped-row.is-dense{grid-auto-flow:row dense;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.is-grid.has-wrapped-col,.is-grid-inline.has-wrapped-col{grid-auto-flow:column}.is-grid.has-wrapped-col.is-dense,.is-grid-inline.has-wrapped-col.is-dense{grid-auto-flow:column dense;-ms-grid-rows:auto;grid-template-rows:auto;-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.is-grid-inline{display:-ms-inline-grid !important;display:inline-grid !important}.has-row-1{-ms-grid-rows:(1fr)[1];grid-template-rows:repeat(1, 1fr)}.has-row-1>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-1-xs>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-1-xs{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-sm>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-1-sm{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-md>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-1-md{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-lg>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-1-lg{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-xl>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-1-xl{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-1-xxl>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-row-1-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-1-xxl{-ms-grid-rows:(1fr)[1] !important;grid-template-rows:repeat(1, 1fr) !important}}.has-row-2{-ms-grid-rows:(1fr)[2];grid-template-rows:repeat(2, 1fr)}.has-row-2>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-2-xs>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-2-xs{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-sm>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-2-sm{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-md>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-2-md{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-lg>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-2-lg{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-xl>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-2-xl{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-2-xxl>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-row-2-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-2-xxl{-ms-grid-rows:(1fr)[2] !important;grid-template-rows:repeat(2, 1fr) !important}}.has-row-3{-ms-grid-rows:(1fr)[3];grid-template-rows:repeat(3, 1fr)}.has-row-3>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-3-xs>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-3-xs{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-sm>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-3-sm{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-md>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-3-md{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-lg>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-3-lg{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-xl>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-3-xl{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-3-xxl>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-row-3-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-3-xxl{-ms-grid-rows:(1fr)[3] !important;grid-template-rows:repeat(3, 1fr) !important}}.has-row-4{-ms-grid-rows:(1fr)[4];grid-template-rows:repeat(4, 1fr)}.has-row-4>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-4-xs>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-4-xs{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-sm>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-4-sm{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-md>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-4-md{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-lg>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-4-lg{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-xl>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-4-xl{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-4-xxl>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-row-4-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-4-xxl{-ms-grid-rows:(1fr)[4] !important;grid-template-rows:repeat(4, 1fr) !important}}.has-row-5{-ms-grid-rows:(1fr)[5];grid-template-rows:repeat(5, 1fr)}.has-row-5>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-5-xs>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-5-xs{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-sm>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-5-sm{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-md>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-5-md{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-lg>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-5-lg{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-xl>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-5-xl{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-5-xxl>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-row-5-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-5-xxl{-ms-grid-rows:(1fr)[5] !important;grid-template-rows:repeat(5, 1fr) !important}}.has-row-6{-ms-grid-rows:(1fr)[6];grid-template-rows:repeat(6, 1fr)}.has-row-6>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-6-xs>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-6-xs{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-sm>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-6-sm{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-md>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-6-md{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-lg>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-6-lg{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-xl>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-6-xl{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-6-xxl>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-row-6-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-6-xxl{-ms-grid-rows:(1fr)[6] !important;grid-template-rows:repeat(6, 1fr) !important}}.has-row-7{-ms-grid-rows:(1fr)[7];grid-template-rows:repeat(7, 1fr)}.has-row-7>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-7-xs>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-7-xs{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-sm>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-7-sm{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-md>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-7-md{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-lg>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-7-lg{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-xl>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-7-xl{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-7-xxl>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-row-7-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-7-xxl{-ms-grid-rows:(1fr)[7] !important;grid-template-rows:repeat(7, 1fr) !important}}.has-row-8{-ms-grid-rows:(1fr)[8];grid-template-rows:repeat(8, 1fr)}.has-row-8>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-8-xs>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-8-xs{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-sm>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-8-sm{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-md>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-8-md{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-lg>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-8-lg{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-xl>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-8-xl{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-8-xxl>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-row-8-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-8-xxl{-ms-grid-rows:(1fr)[8] !important;grid-template-rows:repeat(8, 1fr) !important}}.has-row-9{-ms-grid-rows:(1fr)[9];grid-template-rows:repeat(9, 1fr)}.has-row-9>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-9-xs>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-9-xs{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-sm>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-9-sm{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-md>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-9-md{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-lg>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-9-lg{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-xl>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-9-xl{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-9-xxl>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-row-9-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-9-xxl{-ms-grid-rows:(1fr)[9] !important;grid-template-rows:repeat(9, 1fr) !important}}.has-row-10{-ms-grid-rows:(1fr)[10];grid-template-rows:repeat(10, 1fr)}.has-row-10>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-10-xs>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-10-xs{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-sm>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-10-sm{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-md>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-10-md{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-lg>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-10-lg{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-xl>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-10-xl{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-10-xxl>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-row-10-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-10-xxl{-ms-grid-rows:(1fr)[10] !important;grid-template-rows:repeat(10, 1fr) !important}}.has-row-11{-ms-grid-rows:(1fr)[11];grid-template-rows:repeat(11, 1fr)}.has-row-11>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-11-xs>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-11-xs{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-sm>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-11-sm{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-md>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-11-md{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-lg>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-11-lg{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-xl>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-11-xl{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-11-xxl>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-row-11-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-11-xxl{-ms-grid-rows:(1fr)[11] !important;grid-template-rows:repeat(11, 1fr) !important}}.has-row-12{-ms-grid-rows:(1fr)[12];grid-template-rows:repeat(12, 1fr)}.has-row-12>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12>*{-ms-grid-column-span:1;grid-column:span 1}}.has-row-12-xs>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-row-12-xs{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-sm>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-row-12-sm{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-md>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-row-12-md{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-lg>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-row-12-lg{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-xl>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-row-12-xl{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-row-12-xxl>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-row-12-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-row-12-xxl{-ms-grid-rows:(1fr)[12] !important;grid-template-rows:repeat(12, 1fr) !important}}.has-col-1{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1, 1fr)}.has-col-1>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-1-xs>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-1-xs{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-sm>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-1-sm{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-md>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-1-md{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-lg>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-1-lg{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-xl>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-1-xl{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-1-xxl>*{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.has-col-1-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-1-xxl{-ms-grid-columns:(1fr)[1] !important;grid-template-columns:repeat(1, 1fr) !important}}.has-col-2{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2, 1fr)}.has-col-2>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-2-xs>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-2-xs{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-sm>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-2-sm{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-md>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-2-md{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-lg>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-2-lg{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-xl>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-2-xl{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-2-xxl>*{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.has-col-2-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-2-xxl{-ms-grid-columns:(1fr)[2] !important;grid-template-columns:repeat(2, 1fr) !important}}.has-col-3{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3, 1fr)}.has-col-3>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-3-xs>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-3-xs{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-sm>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-3-sm{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-md>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-3-md{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-lg>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-3-lg{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-xl>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-3-xl{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-3-xxl>*{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.has-col-3-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-3-xxl{-ms-grid-columns:(1fr)[3] !important;grid-template-columns:repeat(3, 1fr) !important}}.has-col-4{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4, 1fr)}.has-col-4>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-4-xs>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-4-xs{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-sm>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-4-sm{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-md>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-4-md{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-lg>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-4-lg{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-xl>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-4-xl{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-4-xxl>*{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.has-col-4-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-4-xxl{-ms-grid-columns:(1fr)[4] !important;grid-template-columns:repeat(4, 1fr) !important}}.has-col-5{-ms-grid-columns:(1fr)[5];grid-template-columns:repeat(5, 1fr)}.has-col-5>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-5-xs>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-5-xs{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-sm>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-5-sm{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-md>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-5-md{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-lg>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-5-lg{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-xl>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-5-xl{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-5-xxl>*{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.has-col-5-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-5-xxl{-ms-grid-columns:(1fr)[5] !important;grid-template-columns:repeat(5, 1fr) !important}}.has-col-6{-ms-grid-columns:(1fr)[6];grid-template-columns:repeat(6, 1fr)}.has-col-6>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-6-xs>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-6-xs{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-sm>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-6-sm{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-md>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-6-md{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-lg>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-6-lg{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-xl>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-6-xl{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-6-xxl>*{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.has-col-6-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-6-xxl{-ms-grid-columns:(1fr)[6] !important;grid-template-columns:repeat(6, 1fr) !important}}.has-col-7{-ms-grid-columns:(1fr)[7];grid-template-columns:repeat(7, 1fr)}.has-col-7>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-7-xs>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-7-xs{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-sm>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-7-sm{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-md>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-7-md{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-lg>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-7-lg{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-xl>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-7-xl{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-7-xxl>*{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.has-col-7-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-7-xxl{-ms-grid-columns:(1fr)[7] !important;grid-template-columns:repeat(7, 1fr) !important}}.has-col-8{-ms-grid-columns:(1fr)[8];grid-template-columns:repeat(8, 1fr)}.has-col-8>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-8-xs>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-8-xs{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-sm>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-8-sm{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-md>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-8-md{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-lg>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-8-lg{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-xl>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-8-xl{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-8-xxl>*{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.has-col-8-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-8-xxl{-ms-grid-columns:(1fr)[8] !important;grid-template-columns:repeat(8, 1fr) !important}}.has-col-9{-ms-grid-columns:(1fr)[9];grid-template-columns:repeat(9, 1fr)}.has-col-9>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-9-xs>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-9-xs{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-sm>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-9-sm{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-md>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-9-md{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-lg>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-9-lg{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-xl>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-9-xl{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-9-xxl>*{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.has-col-9-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-9-xxl{-ms-grid-columns:(1fr)[9] !important;grid-template-columns:repeat(9, 1fr) !important}}.has-col-10{-ms-grid-columns:(1fr)[10];grid-template-columns:repeat(10, 1fr)}.has-col-10>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-10-xs>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-10-xs{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-sm>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-10-sm{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-md>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-10-md{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-lg>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-10-lg{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-xl>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-10-xl{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-10-xxl>*{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.has-col-10-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-10-xxl{-ms-grid-columns:(1fr)[10] !important;grid-template-columns:repeat(10, 1fr) !important}}.has-col-11{-ms-grid-columns:(1fr)[11];grid-template-columns:repeat(11, 1fr)}.has-col-11>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-11-xs>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-11-xs{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-sm>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-11-sm{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-md>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-11-md{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-lg>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-11-lg{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-xl>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-11-xl{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-11-xxl>*{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.has-col-11-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-11-xxl{-ms-grid-columns:(1fr)[11] !important;grid-template-columns:repeat(11, 1fr) !important}}.has-col-12{-ms-grid-columns:(1fr)[12];grid-template-columns:repeat(12, 1fr)}.has-col-12>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12>*{-ms-grid-column-span:1;grid-column:span 1}}.has-col-12-xs>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xs>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 575.5px){.has-col-12-xs{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-sm>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-sm>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 576px){.has-col-12-sm{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-md>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-md>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 768px){.has-col-12-md{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-lg>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-lg>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 992px){.has-col-12-lg{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-xl>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1200px){.has-col-12-xl{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.has-col-12-xxl>*{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.has-col-12-xxl>*{-ms-grid-column-span:1;grid-column:span 1}}@media screen and (min-width: 1400px){.has-col-12-xxl{-ms-grid-columns:(1fr)[12] !important;grid-template-columns:repeat(12, 1fr) !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 575.5px){.is-row-1-xs{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 575.5px){.is-row-2-xs{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 575.5px){.is-row-3-xs{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 575.5px){.is-row-4-xs{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 575.5px){.is-row-5-xs{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 575.5px){.is-row-6-xs{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 575.5px){.is-row-7-xs{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 575.5px){.is-row-8-xs{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 575.5px){.is-row-9-xs{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 575.5px){.is-row-10-xs{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 575.5px){.is-row-11-xs{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 575.5px){.is-row-12-xs{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 576px){.is-row-1-sm{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 576px){.is-row-2-sm{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 576px){.is-row-3-sm{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 576px){.is-row-4-sm{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 576px){.is-row-5-sm{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 576px){.is-row-6-sm{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 576px){.is-row-7-sm{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 576px){.is-row-8-sm{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 576px){.is-row-9-sm{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 576px){.is-row-10-sm{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 576px){.is-row-11-sm{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 576px){.is-row-12-sm{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 768px){.is-row-1-md{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 768px){.is-row-2-md{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 768px){.is-row-3-md{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 768px){.is-row-4-md{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 768px){.is-row-5-md{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 768px){.is-row-6-md{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 768px){.is-row-7-md{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 768px){.is-row-8-md{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 768px){.is-row-9-md{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 768px){.is-row-10-md{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 768px){.is-row-11-md{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 768px){.is-row-12-md{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 992px){.is-row-1-lg{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 992px){.is-row-2-lg{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 992px){.is-row-3-lg{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 992px){.is-row-4-lg{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 992px){.is-row-5-lg{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 992px){.is-row-6-lg{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 992px){.is-row-7-lg{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 992px){.is-row-8-lg{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 992px){.is-row-9-lg{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 992px){.is-row-10-lg{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 992px){.is-row-11-lg{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 992px){.is-row-12-lg{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 1200px){.is-row-1-xl{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 1200px){.is-row-2-xl{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 1200px){.is-row-3-xl{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 1200px){.is-row-4-xl{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 1200px){.is-row-5-xl{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 1200px){.is-row-6-xl{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 1200px){.is-row-7-xl{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 1200px){.is-row-8-xl{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 1200px){.is-row-9-xl{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 1200px){.is-row-10-xl{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 1200px){.is-row-11-xl{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 1200px){.is-row-12-xl{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-row-1{-ms-grid-row-span:1;grid-row:span 1}@media screen and (min-width: 1400px){.is-row-1-xxl{-ms-grid-row-span:1 !important;grid-row:span 1 !important}}.is-row-2{-ms-grid-row-span:2;grid-row:span 2}@media screen and (min-width: 1400px){.is-row-2-xxl{-ms-grid-row-span:2 !important;grid-row:span 2 !important}}.is-row-3{-ms-grid-row-span:3;grid-row:span 3}@media screen and (min-width: 1400px){.is-row-3-xxl{-ms-grid-row-span:3 !important;grid-row:span 3 !important}}.is-row-4{-ms-grid-row-span:4;grid-row:span 4}@media screen and (min-width: 1400px){.is-row-4-xxl{-ms-grid-row-span:4 !important;grid-row:span 4 !important}}.is-row-5{-ms-grid-row-span:5;grid-row:span 5}@media screen and (min-width: 1400px){.is-row-5-xxl{-ms-grid-row-span:5 !important;grid-row:span 5 !important}}.is-row-6{-ms-grid-row-span:6;grid-row:span 6}@media screen and (min-width: 1400px){.is-row-6-xxl{-ms-grid-row-span:6 !important;grid-row:span 6 !important}}.is-row-7{-ms-grid-row-span:7;grid-row:span 7}@media screen and (min-width: 1400px){.is-row-7-xxl{-ms-grid-row-span:7 !important;grid-row:span 7 !important}}.is-row-8{-ms-grid-row-span:8;grid-row:span 8}@media screen and (min-width: 1400px){.is-row-8-xxl{-ms-grid-row-span:8 !important;grid-row:span 8 !important}}.is-row-9{-ms-grid-row-span:9;grid-row:span 9}@media screen and (min-width: 1400px){.is-row-9-xxl{-ms-grid-row-span:9 !important;grid-row:span 9 !important}}.is-row-10{-ms-grid-row-span:10;grid-row:span 10}@media screen and (min-width: 1400px){.is-row-10-xxl{-ms-grid-row-span:10 !important;grid-row:span 10 !important}}.is-row-11{-ms-grid-row-span:11;grid-row:span 11}@media screen and (min-width: 1400px){.is-row-11-xxl{-ms-grid-row-span:11 !important;grid-row:span 11 !important}}.is-row-12{-ms-grid-row-span:12;grid-row:span 12}@media screen and (min-width: 1400px){.is-row-12-xxl{-ms-grid-row-span:12 !important;grid-row:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 575.5px){.is-col-1-xs{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 575.5px){.is-col-2-xs{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 575.5px){.is-col-3-xs{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 575.5px){.is-col-4-xs{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 575.5px){.is-col-5-xs{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 575.5px){.is-col-6-xs{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 575.5px){.is-col-7-xs{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 575.5px){.is-col-8-xs{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 575.5px){.is-col-9-xs{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 575.5px){.is-col-10-xs{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 575.5px){.is-col-11-xs{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 575.5px){.is-col-12-xs{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 576px){.is-col-1-sm{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 576px){.is-col-2-sm{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 576px){.is-col-3-sm{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 576px){.is-col-4-sm{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 576px){.is-col-5-sm{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 576px){.is-col-6-sm{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 576px){.is-col-7-sm{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 576px){.is-col-8-sm{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 576px){.is-col-9-sm{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 576px){.is-col-10-sm{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 576px){.is-col-11-sm{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 576px){.is-col-12-sm{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 768px){.is-col-1-md{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 768px){.is-col-2-md{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 768px){.is-col-3-md{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 768px){.is-col-4-md{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 768px){.is-col-5-md{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 768px){.is-col-6-md{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 768px){.is-col-7-md{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 768px){.is-col-8-md{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 768px){.is-col-9-md{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 768px){.is-col-10-md{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 768px){.is-col-11-md{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 768px){.is-col-12-md{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 992px){.is-col-1-lg{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 992px){.is-col-2-lg{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 992px){.is-col-3-lg{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 992px){.is-col-4-lg{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 992px){.is-col-5-lg{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 992px){.is-col-6-lg{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 992px){.is-col-7-lg{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 992px){.is-col-8-lg{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 992px){.is-col-9-lg{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 992px){.is-col-10-lg{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 992px){.is-col-11-lg{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 992px){.is-col-12-lg{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 1200px){.is-col-1-xl{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 1200px){.is-col-2-xl{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 1200px){.is-col-3-xl{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 1200px){.is-col-4-xl{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 1200px){.is-col-5-xl{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 1200px){.is-col-6-xl{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 1200px){.is-col-7-xl{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 1200px){.is-col-8-xl{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 1200px){.is-col-9-xl{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 1200px){.is-col-10-xl{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 1200px){.is-col-11-xl{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 1200px){.is-col-12-xl{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.is-col-1{-ms-grid-column-span:1;grid-column:span 1}@media screen and (min-width: 1400px){.is-col-1-xxl{-ms-grid-column-span:1 !important;grid-column:span 1 !important}}.is-col-2{-ms-grid-column-span:2;grid-column:span 2}@media screen and (min-width: 1400px){.is-col-2-xxl{-ms-grid-column-span:2 !important;grid-column:span 2 !important}}.is-col-3{-ms-grid-column-span:3;grid-column:span 3}@media screen and (min-width: 1400px){.is-col-3-xxl{-ms-grid-column-span:3 !important;grid-column:span 3 !important}}.is-col-4{-ms-grid-column-span:4;grid-column:span 4}@media screen and (min-width: 1400px){.is-col-4-xxl{-ms-grid-column-span:4 !important;grid-column:span 4 !important}}.is-col-5{-ms-grid-column-span:5;grid-column:span 5}@media screen and (min-width: 1400px){.is-col-5-xxl{-ms-grid-column-span:5 !important;grid-column:span 5 !important}}.is-col-6{-ms-grid-column-span:6;grid-column:span 6}@media screen and (min-width: 1400px){.is-col-6-xxl{-ms-grid-column-span:6 !important;grid-column:span 6 !important}}.is-col-7{-ms-grid-column-span:7;grid-column:span 7}@media screen and (min-width: 1400px){.is-col-7-xxl{-ms-grid-column-span:7 !important;grid-column:span 7 !important}}.is-col-8{-ms-grid-column-span:8;grid-column:span 8}@media screen and (min-width: 1400px){.is-col-8-xxl{-ms-grid-column-span:8 !important;grid-column:span 8 !important}}.is-col-9{-ms-grid-column-span:9;grid-column:span 9}@media screen and (min-width: 1400px){.is-col-9-xxl{-ms-grid-column-span:9 !important;grid-column:span 9 !important}}.is-col-10{-ms-grid-column-span:10;grid-column:span 10}@media screen and (min-width: 1400px){.is-col-10-xxl{-ms-grid-column-span:10 !important;grid-column:span 10 !important}}.is-col-11{-ms-grid-column-span:11;grid-column:span 11}@media screen and (min-width: 1400px){.is-col-11-xxl{-ms-grid-column-span:11 !important;grid-column:span 11 !important}}.is-col-12{-ms-grid-column-span:12;grid-column:span 12}@media screen and (min-width: 1400px){.is-col-12-xxl{-ms-grid-column-span:12 !important;grid-column:span 12 !important}}.has-row-gap{grid-row-gap:var(--spacing)}.has-row-gap-md{grid-row-gap:var(--spacing-md)}.has-row-gap-lg{grid-row-gap:var(--spacing-lg)}.has-no-row-gap{grid-row-gap:0}.has-col-gap{grid-column-gap:var(--spacing)}.has-col-gap-md{grid-column-gap:var(--spacing-md)}.has-col-gap-lg{grid-column-gap:var(--spacing-lg)}.has-no-col-gap{grid-column-gap:0}.is-ltr{direction:ltr}@media screen and (min-width: 575.5px){.is-ltr-xs{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 576px){.is-ltr-sm{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 768px){.is-ltr-md{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 992px){.is-ltr-lg{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 1200px){.is-ltr-xl{direction:ltr}}.is-ltr{direction:ltr}@media screen and (min-width: 1400px){.is-ltr-xxl{direction:ltr}}.is-rtl{direction:rtl}@media screen and (min-width: 575.5px){.is-rtl-xs{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 576px){.is-rtl-sm{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 768px){.is-rtl-md{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 992px){.is-rtl-lg{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 1200px){.is-rtl-xl{direction:rtl}}.is-rtl{direction:rtl}@media screen and (min-width: 1400px){.is-rtl-xxl{direction:rtl}}.is-placed-left{-ms-grid-row-align:left;-ms-grid-column-align:left;place-self:left}.is-placed-right{-ms-grid-row-align:right;-ms-grid-column-align:right;place-self:right}.is-placed-center{-ms-grid-row-align:center;-ms-grid-column-align:center;place-self:center}.is-placed-start{-ms-grid-row-align:start;-ms-grid-column-align:start;place-self:start}.is-placed-normal{-ms-grid-row-align:normal;-ms-grid-column-align:normal;place-self:normal}.is-order-1{-webkit-box-ordinal-group:2;order:1}@media screen and (min-width: 575.5px){.is-order-1-xs{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 576px){.is-order-1-sm{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 768px){.is-order-1-md{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 992px){.is-order-1-lg{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 1200px){.is-order-1-xl{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 1400px){.is-order-1-xxl{-webkit-box-ordinal-group:2;order:1}}.is-order-2{-webkit-box-ordinal-group:3;order:2}@media screen and (min-width: 575.5px){.is-order-2-xs{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 576px){.is-order-2-sm{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 768px){.is-order-2-md{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 992px){.is-order-2-lg{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 1200px){.is-order-2-xl{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 1400px){.is-order-2-xxl{-webkit-box-ordinal-group:3;order:2}}.is-order-3{-webkit-box-ordinal-group:4;order:3}@media screen and (min-width: 575.5px){.is-order-3-xs{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 576px){.is-order-3-sm{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 768px){.is-order-3-md{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 992px){.is-order-3-lg{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 1200px){.is-order-3-xl{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 1400px){.is-order-3-xxl{-webkit-box-ordinal-group:4;order:3}}.is-order-4{-webkit-box-ordinal-group:5;order:4}@media screen and (min-width: 575.5px){.is-order-4-xs{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 576px){.is-order-4-sm{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 768px){.is-order-4-md{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 992px){.is-order-4-lg{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 1200px){.is-order-4-xl{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 1400px){.is-order-4-xxl{-webkit-box-ordinal-group:5;order:4}}.is-order-5{-webkit-box-ordinal-group:6;order:5}@media screen and (min-width: 575.5px){.is-order-5-xs{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 576px){.is-order-5-sm{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 768px){.is-order-5-md{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 992px){.is-order-5-lg{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 1200px){.is-order-5-xl{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 1400px){.is-order-5-xxl{-webkit-box-ordinal-group:6;order:5}}.is-order-6{-webkit-box-ordinal-group:7;order:6}@media screen and (min-width: 575.5px){.is-order-6-xs{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 576px){.is-order-6-sm{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 768px){.is-order-6-md{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 992px){.is-order-6-lg{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 1200px){.is-order-6-xl{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 1400px){.is-order-6-xxl{-webkit-box-ordinal-group:7;order:6}}.is-order-7{-webkit-box-ordinal-group:8;order:7}@media screen and (min-width: 575.5px){.is-order-7-xs{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 576px){.is-order-7-sm{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 768px){.is-order-7-md{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 992px){.is-order-7-lg{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 1200px){.is-order-7-xl{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 1400px){.is-order-7-xxl{-webkit-box-ordinal-group:8;order:7}}.is-order-8{-webkit-box-ordinal-group:9;order:8}@media screen and (min-width: 575.5px){.is-order-8-xs{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 576px){.is-order-8-sm{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 768px){.is-order-8-md{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 992px){.is-order-8-lg{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 1200px){.is-order-8-xl{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 1400px){.is-order-8-xxl{-webkit-box-ordinal-group:9;order:8}}.is-order-9{-webkit-box-ordinal-group:10;order:9}@media screen and (min-width: 575.5px){.is-order-9-xs{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 576px){.is-order-9-sm{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 768px){.is-order-9-md{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 992px){.is-order-9-lg{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 1200px){.is-order-9-xl{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 1400px){.is-order-9-xxl{-webkit-box-ordinal-group:10;order:9}}.is-order-10{-webkit-box-ordinal-group:11;order:10}@media screen and (min-width: 575.5px){.is-order-10-xs{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 576px){.is-order-10-sm{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 768px){.is-order-10-md{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 992px){.is-order-10-lg{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 1200px){.is-order-10-xl{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 1400px){.is-order-10-xxl{-webkit-box-ordinal-group:11;order:10}}.is-order-11{-webkit-box-ordinal-group:12;order:11}@media screen and (min-width: 575.5px){.is-order-11-xs{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 576px){.is-order-11-sm{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 768px){.is-order-11-md{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 992px){.is-order-11-lg{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 1200px){.is-order-11-xl{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 1400px){.is-order-11-xxl{-webkit-box-ordinal-group:12;order:11}}.is-order-12{-webkit-box-ordinal-group:13;order:12}@media screen and (min-width: 575.5px){.is-order-12-xs{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 576px){.is-order-12-sm{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 768px){.is-order-12-md{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 992px){.is-order-12-lg{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 1200px){.is-order-12-xl{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 1400px){.is-order-12-xxl{-webkit-box-ordinal-group:13;order:12}}.is-order-1{-webkit-box-ordinal-group:2;order:1}@media screen and (min-width: 575.5px){.is-order-1-xs{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 576px){.is-order-1-sm{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 768px){.is-order-1-md{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 992px){.is-order-1-lg{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 1200px){.is-order-1-xl{-webkit-box-ordinal-group:2;order:1}}@media screen and (min-width: 1400px){.is-order-1-xxl{-webkit-box-ordinal-group:2;order:1}}.is-order-2{-webkit-box-ordinal-group:3;order:2}@media screen and (min-width: 575.5px){.is-order-2-xs{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 576px){.is-order-2-sm{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 768px){.is-order-2-md{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 992px){.is-order-2-lg{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 1200px){.is-order-2-xl{-webkit-box-ordinal-group:3;order:2}}@media screen and (min-width: 1400px){.is-order-2-xxl{-webkit-box-ordinal-group:3;order:2}}.is-order-3{-webkit-box-ordinal-group:4;order:3}@media screen and (min-width: 575.5px){.is-order-3-xs{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 576px){.is-order-3-sm{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 768px){.is-order-3-md{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 992px){.is-order-3-lg{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 1200px){.is-order-3-xl{-webkit-box-ordinal-group:4;order:3}}@media screen and (min-width: 1400px){.is-order-3-xxl{-webkit-box-ordinal-group:4;order:3}}.is-order-4{-webkit-box-ordinal-group:5;order:4}@media screen and (min-width: 575.5px){.is-order-4-xs{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 576px){.is-order-4-sm{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 768px){.is-order-4-md{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 992px){.is-order-4-lg{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 1200px){.is-order-4-xl{-webkit-box-ordinal-group:5;order:4}}@media screen and (min-width: 1400px){.is-order-4-xxl{-webkit-box-ordinal-group:5;order:4}}.is-order-5{-webkit-box-ordinal-group:6;order:5}@media screen and (min-width: 575.5px){.is-order-5-xs{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 576px){.is-order-5-sm{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 768px){.is-order-5-md{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 992px){.is-order-5-lg{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 1200px){.is-order-5-xl{-webkit-box-ordinal-group:6;order:5}}@media screen and (min-width: 1400px){.is-order-5-xxl{-webkit-box-ordinal-group:6;order:5}}.is-order-6{-webkit-box-ordinal-group:7;order:6}@media screen and (min-width: 575.5px){.is-order-6-xs{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 576px){.is-order-6-sm{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 768px){.is-order-6-md{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 992px){.is-order-6-lg{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 1200px){.is-order-6-xl{-webkit-box-ordinal-group:7;order:6}}@media screen and (min-width: 1400px){.is-order-6-xxl{-webkit-box-ordinal-group:7;order:6}}.is-order-7{-webkit-box-ordinal-group:8;order:7}@media screen and (min-width: 575.5px){.is-order-7-xs{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 576px){.is-order-7-sm{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 768px){.is-order-7-md{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 992px){.is-order-7-lg{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 1200px){.is-order-7-xl{-webkit-box-ordinal-group:8;order:7}}@media screen and (min-width: 1400px){.is-order-7-xxl{-webkit-box-ordinal-group:8;order:7}}.is-order-8{-webkit-box-ordinal-group:9;order:8}@media screen and (min-width: 575.5px){.is-order-8-xs{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 576px){.is-order-8-sm{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 768px){.is-order-8-md{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 992px){.is-order-8-lg{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 1200px){.is-order-8-xl{-webkit-box-ordinal-group:9;order:8}}@media screen and (min-width: 1400px){.is-order-8-xxl{-webkit-box-ordinal-group:9;order:8}}.is-order-9{-webkit-box-ordinal-group:10;order:9}@media screen and (min-width: 575.5px){.is-order-9-xs{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 576px){.is-order-9-sm{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 768px){.is-order-9-md{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 992px){.is-order-9-lg{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 1200px){.is-order-9-xl{-webkit-box-ordinal-group:10;order:9}}@media screen and (min-width: 1400px){.is-order-9-xxl{-webkit-box-ordinal-group:10;order:9}}.is-order-10{-webkit-box-ordinal-group:11;order:10}@media screen and (min-width: 575.5px){.is-order-10-xs{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 576px){.is-order-10-sm{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 768px){.is-order-10-md{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 992px){.is-order-10-lg{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 1200px){.is-order-10-xl{-webkit-box-ordinal-group:11;order:10}}@media screen and (min-width: 1400px){.is-order-10-xxl{-webkit-box-ordinal-group:11;order:10}}.is-order-11{-webkit-box-ordinal-group:12;order:11}@media screen and (min-width: 575.5px){.is-order-11-xs{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 576px){.is-order-11-sm{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 768px){.is-order-11-md{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 992px){.is-order-11-lg{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 1200px){.is-order-11-xl{-webkit-box-ordinal-group:12;order:11}}@media screen and (min-width: 1400px){.is-order-11-xxl{-webkit-box-ordinal-group:12;order:11}}.is-order-12{-webkit-box-ordinal-group:13;order:12}@media screen and (min-width: 575.5px){.is-order-12-xs{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 576px){.is-order-12-sm{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 768px){.is-order-12-md{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 992px){.is-order-12-lg{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 1200px){.is-order-12-xl{-webkit-box-ordinal-group:13;order:12}}@media screen and (min-width: 1400px){.is-order-12-xxl{-webkit-box-ordinal-group:13;order:12}}:host{display:block}.has-col-gap-md{grid-column-gap:16px}.has-row-gap-md{grid-row-gap:48px}@media only screen and (min-width: 768px){.has-col-gap-md{grid-column-gap:24px}}@media only screen and (min-width: 992px){.has-col-gap-md{grid-column-gap:32px}}";
4
4
 
5
- const BundleExample = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- this.isLoading = true;
9
- this.picWidth = undefined;
10
- this.picHeight = undefined;
11
- }
12
- handleWindowResize() {
13
- this.updatePictureSize();
14
- }
15
- // Replace it with search logic
16
- componentDidLoad() {
17
- setTimeout(() => {
18
- this.isLoading = false;
19
- }, 3000);
20
- this.updatePictureSize();
21
- }
22
- render() {
23
- return (h(Host, null, h("div", { class: "is-grid has-col-2 has-col-2-sm has-col-3-md has-col-4-lg has-col-5-xl has-col-gap-md has-row-gap-md" }, h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))))));
24
- }
25
- updatePictureSize() {
26
- const pictureComponents = this.el.shadowRoot.querySelectorAll('ptc-picture');
27
- for (let i = 0; i < pictureComponents.length; i++) {
28
- const pictureComponent = pictureComponents[i];
29
- pictureComponent.isFullWidth = true;
30
- pictureComponent.styles = ':host{padding-bottom: 56.25%;overflow: hidden;margin:0;padding-top:56.25%;position: relative;} :host img{position:absolute;width:100%;height:100%;object-fit:cover;top:50%;left:50%;transform:translate(-50%,-50%);}';
31
- }
32
- }
33
- get el() { return getElement(this); }
34
- };
5
+ const BundleExample = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ this.isLoading = true;
9
+ this.picWidth = undefined;
10
+ this.picHeight = undefined;
11
+ }
12
+ handleWindowResize() {
13
+ this.updatePictureSize();
14
+ }
15
+ // Replace it with search logic
16
+ componentDidLoad() {
17
+ setTimeout(() => {
18
+ this.isLoading = false;
19
+ }, 3000);
20
+ this.updatePictureSize();
21
+ }
22
+ render() {
23
+ return (h(Host, null, h("div", { class: "is-grid has-col-2 has-col-2-sm has-col-3-md has-col-4-lg has-col-5-xl has-col-gap-md has-row-gap-md" }, h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))), h("div", { class: "is-col-1" }, h("ptc-card-wrapper", { "card-type": "card-video", class: "is-col-4", "card-link": "https://www.ptc.com", "link-title": "ptc", "is-loading": this.isLoading }, h("ptc-card-content", { "card-type": "card-video", "is-loading": this.isLoading }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, h("ptc-picture", { alt: "image-test", "border-radius": "radius-large", src: "https://s7d1.scene7.com/is/image/ptcinc//dpm-male-worker-laptop-factory-data" }))), h("ptc-card-bottom", { "card-type": "card-video" }, h("ptc-para", { "font-size": "x-small", "font-weight": "w-7", "para-line-h": "line-height-19", "para-color": "white", "para-margin": "margin-top-3" }, h("ptc-skeleton", { "is-loading": this.isLoading, animated: true }, "3 Reasons Why Engineering and Manufacturing are Disjointed"), h("ptc-skeleton", { "is-loading": this.isLoading, animated: true, width: "80%", "top-margin": "var(--ptc-element-spacing-01)" }))))))));
24
+ }
25
+ updatePictureSize() {
26
+ const pictureComponents = this.el.shadowRoot.querySelectorAll('ptc-picture');
27
+ for (let i = 0; i < pictureComponents.length; i++) {
28
+ const pictureComponent = pictureComponents[i];
29
+ pictureComponent.isFullWidth = true;
30
+ pictureComponent.styles = ':host{padding-bottom: 56.25%;overflow: hidden;margin:0;padding-top:56.25%;position: relative;} :host img{position:absolute;width:100%;height:100%;object-fit:cover;top:50%;left:50%;transform:translate(-50%,-50%);}';
31
+ }
32
+ }
33
+ get el() { return getElement(this); }
34
+ };
35
35
  BundleExample.style = bundleExampleCss;
36
36
 
37
37
  export { BundleExample as bundle_example };
package/dist/esm/bundle-jumbotron-example.entry.js CHANGED
@@ -2,38 +2,38 @@ import { r as registerInstance, h, H as Host } from './index-4afc9d28.js';
2
2
 
3
3
  const bundleJumbotronExampleCss = ":host{display:block}";
4
4
 
5
- const BundleJumbotronExample = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- this.jumbotron = 'light';
9
- }
10
- render() {
11
- let $pngSrc;
12
- let $gifSrc;
13
- let $bgVideoSrc;
14
- let $bgSrc;
15
- let $popupVideo;
16
- //replace dummy data
17
- if (this.jumbotron === 'light' || this.jumbotron === 'dark') {
18
- $bgSrc = "https://images.unsplash.com/photo-1675285972028-45dc2add07be?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2Nzc3ODk2NTE&ixlib=rb-4.0.3&q=80";
19
- }
20
- else if (this.jumbotron === 'dark-video' || this.jumbotron === 'light-video') {
21
- $bgVideoSrc = "https://www.ptc.com/-/media/Videos/wind-turbine.mp4";
22
- }
23
- else if (this.jumbotron === 'png') {
24
- $pngSrc = "https://images.unsplash.com/photo-1676883343977-5f8ecc36856c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2NzgyMjcxNDU&ixlib=rb-4.0.3&q=80&w=400";
25
- }
26
- else if (this.jumbotron === 'gif') {
27
- $gifSrc = "https://media.giphy.com/media/TDQkojbHj3wTS/giphy.gif";
28
- }
29
- //Optional: set $popupVideo
30
- //$popupVideo = "https://www.youtube.com/embed/w0mJCtK9sDY";
31
- return (h(Host, null, h("ptc-jumbotron", Object.assign({ "jumbotron-type": this.jumbotron }, (!!$pngSrc && { pngSrc: $pngSrc }), (!!$gifSrc && { gifSrc: $gifSrc }), (!!$bgVideoSrc && { bgVideoSrc: $bgVideoSrc }), (!!$bgSrc && { bgSrc: $bgSrc }), (!!$popupVideo ), { "main-title": "Sed ut perspiciatis unde omnis iste natus" //bind main title data (multi-line)
32
- ,
33
- "sub-title": "totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo." // bind sub title data (multi-line)
34
- }), h("ptc-breadcrumb", Object.assign({ slot: "breadcrumb" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'white' } : { color: 'primary-gray' }), (this.jumbotron === 'text' ? { position: 'center' } : {})), h("list-item", Object.assign({ "list-type": "breadcrumb", "link-href": "https://www.ptc.com/contact-us" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'light-gray' } : { color: 'primary-gray' })), "PLM Video Hub"), h("list-item", Object.assign({ "list-type": "breadcrumb" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'light-gray' } : { color: 'primary-gray' })), "Current Page")), h("ptc-button", { slot: "j-cta", type: "link", color: "ptc-primary", "link-href": "https://www.ptc.com", target: "_blank" }, "Lorem ipsum dolor sit amet"), h("ptc-button", { slot: "j-cta", type: "link", color: "ptc-secondary", "link-href": "https://www.ptc.com", target: "_blank" }, "Lorem ipsum"))));
35
- }
36
- };
5
+ const BundleJumbotronExample = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ this.jumbotron = 'light';
9
+ }
10
+ render() {
11
+ let $pngSrc;
12
+ let $gifSrc;
13
+ let $bgVideoSrc;
14
+ let $bgSrc;
15
+ let $popupVideo;
16
+ //replace dummy data
17
+ if (this.jumbotron === 'light' || this.jumbotron === 'dark') {
18
+ $bgSrc = "https://images.unsplash.com/photo-1675285972028-45dc2add07be?crop=entropy&cs=tinysrgb&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2Nzc3ODk2NTE&ixlib=rb-4.0.3&q=80";
19
+ }
20
+ else if (this.jumbotron === 'dark-video' || this.jumbotron === 'light-video') {
21
+ $bgVideoSrc = "https://www.ptc.com/-/media/Videos/wind-turbine.mp4";
22
+ }
23
+ else if (this.jumbotron === 'png') {
24
+ $pngSrc = "https://images.unsplash.com/photo-1676883343977-5f8ecc36856c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2NzgyMjcxNDU&ixlib=rb-4.0.3&q=80&w=400";
25
+ }
26
+ else if (this.jumbotron === 'gif') {
27
+ $gifSrc = "https://media.giphy.com/media/TDQkojbHj3wTS/giphy.gif";
28
+ }
29
+ //Optional: set $popupVideo
30
+ //$popupVideo = "https://www.youtube.com/embed/w0mJCtK9sDY";
31
+ return (h(Host, null, h("ptc-jumbotron", Object.assign({ "jumbotron-type": this.jumbotron }, (!!$pngSrc && { pngSrc: $pngSrc }), (!!$gifSrc && { gifSrc: $gifSrc }), (!!$bgVideoSrc && { bgVideoSrc: $bgVideoSrc }), (!!$bgSrc && { bgSrc: $bgSrc }), (!!$popupVideo ), { "main-title": "Sed ut perspiciatis unde omnis iste natus" //bind main title data (multi-line)
32
+ ,
33
+ "sub-title": "totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo." // bind sub title data (multi-line)
34
+ }), h("ptc-breadcrumb", Object.assign({ slot: "breadcrumb" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'white' } : { color: 'primary-gray' }), (this.jumbotron === 'text' ? { position: 'center' } : {})), h("list-item", Object.assign({ "list-type": "breadcrumb", "link-href": "https://www.ptc.com/contact-us" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'light-gray' } : { color: 'primary-gray' })), "PLM Video Hub"), h("list-item", Object.assign({ "list-type": "breadcrumb" }, (this.jumbotron === 'dark' || this.jumbotron == 'dark-video' ? { color: 'light-gray' } : { color: 'primary-gray' })), "Current Page")), h("ptc-button", { slot: "j-cta", type: "link", color: "ptc-primary", "link-href": "https://www.ptc.com", target: "_blank" }, "Lorem ipsum dolor sit amet"), h("ptc-button", { slot: "j-cta", type: "link", color: "ptc-secondary", "link-href": "https://www.ptc.com", target: "_blank" }, "Lorem ipsum"))));
35
+ }
36
+ };
37
37
  BundleJumbotronExample.style = bundleJumbotronExampleCss;
38
38
 
39
39
  export { BundleJumbotronExample as bundle_jumbotron_example };
package/dist/esm/dropdown-item.entry.js CHANGED
@@ -2,16 +2,16 @@ import { r as registerInstance, h } from './index-4afc9d28.js';
2
2
 
3
3
  const dropdownItemCss = ".dropdown-item{transition:background-color ease-out 250ms;max-width:240px}@media only screen and (min-width: 480px){.dropdown-item{max-width:400px}}@media only screen and (min-width: 992px){.dropdown-item{max-width:650px}}.dropdown-item:hover,.dropdown-item:active,.dropdown-item:focus,.dropdown-item:focus-visible{background-color:var(--color-gray-02)}.dropdown-item span{display:block;padding:0.75rem 1.5rem;font-family:\"Raleway\";font-style:normal;font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-x-small);line-height:var(--ptc-line-height-dense);color:var(--color-gray-12);text-decoration:none}.dropdown-item span:hover,.dropdown-item span:visited,.dropdown-item span:active,.dropdown-item span:focus,.dropdown-item span:focus-visible{color:var(--color-gray-12)}";
4
4
 
5
- const DropdownItem = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- this.linkHref = undefined;
9
- this.linkTarget = '_self';
10
- }
11
- render() {
12
- return (h("div", { class: "dropdown-item" }, h("slot", null)));
13
- }
14
- };
5
+ const DropdownItem = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ this.linkHref = undefined;
9
+ this.linkTarget = '_self';
10
+ }
11
+ render() {
12
+ return (h("div", { class: "dropdown-item" }, h("slot", null)));
13
+ }
14
+ };
15
15
  DropdownItem.style = dropdownItemCss;
16
16
 
17
17
  export { DropdownItem as dropdown_item };
package/dist/esm/icon-asset.entry.js CHANGED
@@ -2,48 +2,48 @@ import { r as registerInstance, a as getAssetPath, h, H as Host } from './index-
2
2
 
3
3
  const iconAssetCss = ".svg-inline--fa.sc-icon-asset,svg.sc-icon-asset:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa.sc-icon-asset{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg.sc-icon-asset{vertical-align:-.225em}.svg-inline--fa.fa-w-1.sc-icon-asset{width:.0625em}.svg-inline--fa.fa-w-2.sc-icon-asset{width:.125em}.svg-inline--fa.fa-w-3.sc-icon-asset{width:.1875em}.svg-inline--fa.fa-w-4.sc-icon-asset{width:.25em}.svg-inline--fa.fa-w-5.sc-icon-asset{width:.3125em}.svg-inline--fa.fa-w-6.sc-icon-asset{width:.375em}.svg-inline--fa.fa-w-7.sc-icon-asset{width:.4375em}.svg-inline--fa.fa-w-8.sc-icon-asset{width:.5em}.svg-inline--fa.fa-w-9.sc-icon-asset{width:.5625em}.svg-inline--fa.fa-w-10.sc-icon-asset{width:.625em}.svg-inline--fa.fa-w-11.sc-icon-asset{width:.6875em}.svg-inline--fa.fa-w-12.sc-icon-asset{width:.75em}.svg-inline--fa.fa-w-13.sc-icon-asset{width:.8125em}.svg-inline--fa.fa-w-14.sc-icon-asset{width:.875em}.svg-inline--fa.fa-w-15.sc-icon-asset{width:.9375em}.svg-inline--fa.fa-w-16.sc-icon-asset{width:1em}.svg-inline--fa.fa-w-17.sc-icon-asset{width:1.0625em}.svg-inline--fa.fa-w-18.sc-icon-asset{width:1.125em}.svg-inline--fa.fa-w-19.sc-icon-asset{width:1.1875em}.svg-inline--fa.fa-w-20.sc-icon-asset{width:1.25em}.svg-inline--fa.fa-pull-left.sc-icon-asset{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right.sc-icon-asset{margin-left:.3em;width:auto}.svg-inline--fa.fa-border.sc-icon-asset{height:1.5em}.svg-inline--fa.fa-li.sc-icon-asset{width:2em}.svg-inline--fa.fa-fw.sc-icon-asset{width:1.25em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers.sc-icon-asset{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset,.fa-layers-text.sc-icon-asset{display:inline-block;position:absolute;text-align:center}.fa-layers-text.sc-icon-asset{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right.sc-icon-asset{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left.sc-icon-asset{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right.sc-icon-asset{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left.sc-icon-asset{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg.sc-icon-asset{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs.sc-icon-asset{font-size:.75em}.fa-sm.sc-icon-asset{font-size:.875em}.fa-1x.sc-icon-asset{font-size:1em}.fa-2x.sc-icon-asset{font-size:2em}.fa-3x.sc-icon-asset{font-size:3em}.fa-4x.sc-icon-asset{font-size:4em}.fa-5x.sc-icon-asset{font-size:5em}.fa-6x.sc-icon-asset{font-size:6em}.fa-7x.sc-icon-asset{font-size:7em}.fa-8x.sc-icon-asset{font-size:8em}.fa-9x.sc-icon-asset{font-size:9em}.fa-10x.sc-icon-asset{font-size:10em}.fa-fw.sc-icon-asset{text-align:center;width:1.25em}.fa-ul.sc-icon-asset{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul.sc-icon-asset>li.sc-icon-asset{position:relative}.fa-li.sc-icon-asset{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border.sc-icon-asset{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left.sc-icon-asset{float:left}.fa-pull-right.sc-icon-asset{float:right}.fa.fa-pull-left.sc-icon-asset,.fab.fa-pull-left.sc-icon-asset,.fal.fa-pull-left.sc-icon-asset,.far.fa-pull-left.sc-icon-asset,.fas.fa-pull-left.sc-icon-asset{margin-right:.3em}.fa.fa-pull-right.sc-icon-asset,.fab.fa-pull-right.sc-icon-asset,.fal.fa-pull-right.sc-icon-asset,.far.fa-pull-right.sc-icon-asset,.fas.fa-pull-right.sc-icon-asset{margin-left:.3em}.fa-spin.sc-icon-asset{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse.sc-icon-asset{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)\";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)\";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)\";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical.sc-icon-asset{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset,.fa-flip-vertical.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\"}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset{-webkit-transform:scale(-1);transform:scale(-1)}.sc-icon-asset:root .fa-flip-both.sc-icon-asset,.sc-icon-asset:root .fa-flip-horizontal.sc-icon-asset,.sc-icon-asset:root .fa-flip-vertical.sc-icon-asset,.sc-icon-asset:root .fa-rotate-90.sc-icon-asset,.sc-icon-asset:root .fa-rotate-180.sc-icon-asset,.sc-icon-asset:root .fa-rotate-270.sc-icon-asset{-webkit-filter:none;filter:none}.fa-stack.sc-icon-asset{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x.sc-icon-asset,.fa-stack-2x.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x.sc-icon-asset{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x.sc-icon-asset{height:2em;width:2.5em}.fa-inverse.sc-icon-asset{color:#fff}.sr-only.sc-icon-asset{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable.sc-icon-asset:active,.sr-only-focusable.sc-icon-asset:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa.sc-icon-asset .fa-primary.sc-icon-asset{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset,.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-primary.sc-icon-asset{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-secondary.sc-icon-asset{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-primary.sc-icon-asset,.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-secondary.sc-icon-asset{fill:#000}.fad.fa-inverse.sc-icon-asset{color:#fff}icon-asset.sc-icon-asset{vertical-align:middle}svg.sc-icon-asset{transition:all var(--ptc-transition-medium) var(--ptc-ease-inout)}svg.micro.sc-icon-asset{width:calc(var(--ptc-font-size-x-small) / 2);height:calc(var(--ptc-font-size-x-small) / 2)}svg.xxx-small.sc-icon-asset{width:var(--ptc-font-size-xxx-small);height:var(--ptc-font-size-xxx-small)}svg.xx-small.sc-icon-asset{width:var(--ptc-font-size-xx-small);height:var(--ptc-font-size-xx-small)}svg.x-small.sc-icon-asset{width:var(--ptc-font-size-x-small);height:var(--ptc-font-size-x-small)}svg.small.sc-icon-asset{width:var(--ptc-font-size-small);height:var(--ptc-font-size-small)}svg.medium.sc-icon-asset{width:var(--ptc-font-size-medium);height:var(--ptc-font-size-medium)}svg.large.sc-icon-asset{width:var(--ptc-font-size-large);height:var(--ptc-font-size-large)}svg.x-large.sc-icon-asset{width:var(--ptc-font-size-x-large);height:var(--ptc-font-size-x-large)}svg.xx-large.sc-icon-asset{width:var(--ptc-font-size-xx-large);height:var(--ptc-font-size-xx-large)}svg.xxx-large.sc-icon-asset{width:var(--ptc-font-size-xxx-large);height:var(--ptc-font-size-xxx-large)}svg.xxxx-large.sc-icon-asset{width:var(--ptc-font-size-xxxx-large);height:var(--ptc-font-size-xxxx-large)}svg.white.sc-icon-asset{fill:var(--color-white)}svg.white.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.white.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.white.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-white)}svg.black.sc-icon-asset{fill:var(--color-black)}svg.black.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.black.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.black.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-black)}svg.ptc-green.sc-icon-asset{fill:var(--color-green-07)}svg.ptc-green.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.ptc-green.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-green-07)}svg.gray.sc-icon-asset{fill:var(--color-gray-06)}svg.gray.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.gray.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.gray.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-gray-06)}svg.light-gray.sc-icon-asset{fill:var(--color-gray-05)}svg.light-gray.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.light-gray.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:var(--color-gray-05)}svg.primary-gray.sc-icon-asset{fill:var(--color-gray-10)}svg.inherit.sc-icon-asset{fill:inherit}svg.inherit.sc-icon-asset use[href$=\"#minus\"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$=\"#plus\"].sc-icon-asset,svg.inherit.sc-icon-asset use[href$=\"#checkmark\"].sc-icon-asset{stroke:inherit}";
4
4
 
5
- const IconAsset = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- this.regularSprite = getAssetPath('./media/regular.svg');
9
- this.solidSprite = getAssetPath('./media/solid.svg');
10
- this.brandSprite = getAssetPath('./media/brands.svg');
11
- this.ptcSprite = getAssetPath('./media/designer.svg');
12
- this.name = undefined;
13
- this.size = 'xx-small';
14
- this.type = 'regular';
15
- this.spin = '';
16
- this.pulse = '';
17
- this.color = 'default';
18
- this.isMobileSelect = undefined;
19
- this.injectedStyle = undefined;
20
- }
21
- render() {
22
- const classMap = this.getCssClassMap();
23
- if (this.type == 'brands') {
24
- return (h(Host, null, this.injectedStyle && h("style", null, this.injectedStyle), h("svg", { class: classMap }, h("use", { href: `${this.brandSprite}#${this.name}` }))));
25
- }
26
- else if (this.type == 'solid') {
27
- return (h(Host, null, this.injectedStyle && h("style", null, this.injectedStyle), h("svg", { class: classMap }, h("use", { href: `${this.solidSprite}#${this.name}` }))));
28
- }
29
- else if (this.type == 'ptc') {
30
- return (h(Host, null, this.injectedStyle && h("style", null, this.injectedStyle), h("svg", { class: classMap }, h("use", { href: `${this.ptcSprite}#${this.name}` }))));
31
- }
32
- else {
33
- return (h(Host, null, this.injectedStyle && h("style", null, this.injectedStyle), h("svg", { class: classMap }, h("use", { href: `${this.regularSprite}#${this.name}` }))));
34
- }
35
- }
36
- getCssClassMap() {
37
- return {
38
- [this.size]: true,
39
- [this.spin]: true,
40
- [this.pulse]: true,
41
- [this.color]: true,
42
- ['ismobileselect']: this.isMobileSelect ? true : false
43
- };
44
- }
45
- static get assetsDirs() { return ["media"]; }
46
- };
5
+ const IconAsset = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ this.regularSprite = getAssetPath('./media/regular.svg');
9
+ this.solidSprite = getAssetPath('./media/solid.svg');
10
+ this.brandSprite = getAssetPath('./media/brands.svg');
11
+ this.ptcSprite = getAssetPath('./media/designer.svg');
12
+ this.name = undefined;
13
+ this.size = 'xx-small';
14
+ this.type = 'regular';
15
+ this.spin = '';
16
+ this.pulse = '';
17
+ this.color = 'default';
18
+ this.isMobileSelect = undefined;
19
+ this.injectedStyle = undefined;
20
+ }
21
+ render() {
22
+ const classMap = this.getCssClassMap();
23
+ if (this.type == 'brands') {
24
+ return (h(Host, null, this.injectedStyle && h("style", null, this.injectedStyle), h("svg", { class: classMap }, h("use", { href: `${this.brandSprite}#${this.name}` }))));
25
+ }
26
+ else if (this.type == 'solid') {
27
+ return (h(Host, null, this.injectedStyle && h("style", null, this.injectedStyle), h("svg", { class: classMap }, h("use", { href: `${this.solidSprite}#${this.name}` }))));
28
+ }
29
+ else if (this.type == 'ptc') {
30
+ return (h(Host, null, this.injectedStyle && h("style", null, this.injectedStyle), h("svg", { class: classMap }, h("use", { href: `${this.ptcSprite}#${this.name}` }))));
31
+ }
32
+ else {
33
+ return (h(Host, null, this.injectedStyle && h("style", null, this.injectedStyle), h("svg", { class: classMap }, h("use", { href: `${this.regularSprite}#${this.name}` }))));
34
+ }
35
+ }
36
+ getCssClassMap() {
37
+ return {
38
+ [this.size]: true,
39
+ [this.spin]: true,
40
+ [this.pulse]: true,
41
+ [this.color]: true,
42
+ ['ismobileselect']: this.isMobileSelect ? true : false
43
+ };
44
+ }
45
+ static get assetsDirs() { return ["media"]; }
46
+ };
47
47
  IconAsset.style = iconAssetCss;
48
48
 
49
49
  export { IconAsset as icon_asset };
package/dist/esm/{interfaces-c1c73092.js → interfaces-7c0243be.js} RENAMED
@@ -1,12 +1,12 @@
1
- let ResponsiveBgVariables = {
2
- envs: ['xs', 'sm', 'md', 'lg'],
3
- selector: '.ptc-img',
4
- interval: 250
5
- };
6
- let ResponsivePictureVariables = {
7
- envs: ['xs', 'sm', 'md', 'lg'],
8
- selector: '.ptc-picture',
9
- interval: 250
1
+ let ResponsiveBgVariables = {
2
+ envs: ['xs', 'sm', 'md', 'lg'],
3
+ selector: '.ptc-img',
4
+ interval: 250
5
+ };
6
+ let ResponsivePictureVariables = {
7
+ envs: ['xs', 'sm', 'md', 'lg'],
8
+ selector: '.ptc-picture',
9
+ interval: 250
10
10
  };
11
11
 
12
12
  export { ResponsivePictureVariables as R, ResponsiveBgVariables as a };
package/dist/esm/list-item.entry.js CHANGED
@@ -2,28 +2,28 @@ import { r as registerInstance, h, H as Host } from './index-4afc9d28.js';
2
2
 
3
3
  const listItemCss = ":host(.list-primary){display:block}:host(.flush-before) li::before{content:\"\" !important}:host(.breadcrumb){display:inline-block}:host(.breadcrumb) li{position:relative;display:inline-block;color:var(--color-white);font-weight:var(--ptc-font-weight-bold);font-size:var(--ptc-font-size-xxx-small);line-height:var(--ptc-line-height-densest)}:host(.breadcrumb) li::before{content:\"/\";top:0;left:0}:host(.breadcrumb) li a.item-link{color:var(--color-white);font-weight:var(--ptc-font-weight-bold) !important;font-size:var(--ptc-font-size-xxx-small) !important;line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;text-decoration-thickness:1px;outline:none;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host(.breadcrumb) li a.item-link:hover{text-decoration:underline;text-decoration-color:var(--color-green-07);outline:none}:host(:not(.flush-before)) li::before{margin-right:2px}:host(.list-footer) li{display:inline-block;font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-regular);font-style:normal;font-stretch:normal;line-height:var(--ptc-line-height-denser);letter-spacing:normal;color:var(--color-white);margin:0 0.5rem}:host(.list-footer) li a{color:var(--color-white-grey);border-bottom:1px solid transparent;display:inline-block;text-decoration:none}:host(.list-footer) li a:hover,:host(.list-footer) li a:focus,:host(.list-footer) li a:active{text-decoration:none;border-bottom:1px solid var(--color-green-06);color:var(--color-white-grey);transition:border var(--ptc-ease-inout) var(--ptc-transition-medium)}:host(.list-footer) li a:focus{outline:3px solid var(--color-blue-07);outline-offset:2px;border-radius:var(--ptc-border-radius-standard);text-decoration:none;border-color:transparent !important}:host(.white) li{color:var(--color-white)}:host(.white) li a.item-link{color:var(--color-white)}:host(.light-gray) li{color:var(--color-gray-01)}:host(.light-gray) li a.item-link{color:var(--color-gray-01)}:host(.primary-gray) li{color:var(--color-gray-10)}:host(.primary-gray) li a.item-link{color:var(--color-gray-10)}";
4
4
 
5
- const ListItem = class {
6
- constructor(hostRef) {
7
- registerInstance(this, hostRef);
8
- this.listType = 'list-primary';
9
- this.linkHref = undefined;
10
- this.flushBefore = false;
11
- this.linkTarget = '_self';
12
- this.color = undefined;
13
- this.styles = undefined;
14
- }
15
- render() {
16
- const classMap = this.getCssClassMap();
17
- return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("li", null, this.linkHref ? (h("a", Object.assign({ class: "item-link", target: this.linkTarget }, (this.linkHref ? { href: this.linkHref } : {})), h("slot", null))) : (h("slot", null)))));
18
- }
19
- getCssClassMap() {
20
- return {
21
- [this.listType]: true,
22
- ['flush-before']: this.flushBefore ? true : false,
23
- [this.color]: !!this.color ? true : false,
24
- };
25
- }
26
- };
5
+ const ListItem = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ this.listType = 'list-primary';
9
+ this.linkHref = undefined;
10
+ this.flushBefore = false;
11
+ this.linkTarget = '_self';
12
+ this.color = undefined;
13
+ this.styles = undefined;
14
+ }
15
+ render() {
16
+ const classMap = this.getCssClassMap();
17
+ return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("li", null, this.linkHref ? (h("a", Object.assign({ class: "item-link", target: this.linkTarget }, (this.linkHref ? { href: this.linkHref } : {})), h("slot", null))) : (h("slot", null)))));
18
+ }
19
+ getCssClassMap() {
20
+ return {
21
+ [this.listType]: true,
22
+ ['flush-before']: this.flushBefore ? true : false,
23
+ [this.color]: !!this.color ? true : false,
24
+ };
25
+ }
26
+ };
27
27
  ListItem.style = listItemCss;
28
28
 
29
29
  export { ListItem as list_item };