@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.43

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 (291) hide show
  1. package/dist/cjs/color-box_8.cjs.entry.js +11 -36
  2. package/dist/cjs/{globalScript-6b592153.js → globalScript-45ad6d41.js} +1 -1
  3. package/dist/cjs/huds-lib.cjs.js +11 -4
  4. package/dist/cjs/hy-accordion-container_83.cjs.entry.js +363 -157
  5. package/dist/cjs/hy-event-item.cjs.entry.js +5 -2
  6. package/dist/cjs/hy-events.cjs.entry.js +4 -2
  7. package/dist/cjs/hy-hero-carousel.cjs.entry.js +4902 -0
  8. package/dist/cjs/{index-dfc917d9.js → index-25bd964b.js} +690 -287
  9. package/dist/cjs/loader.cjs.js +5 -4
  10. package/dist/collection/collection-manifest.json +3 -2
  11. package/dist/collection/components/accordion-container/accordion-container.js +36 -30
  12. package/dist/collection/components/accordion-item/accordion-item.js +115 -114
  13. package/dist/collection/components/adjacent-image-text/adjacent-image-text.js +276 -275
  14. package/dist/collection/components/baseline/baseline.js +34 -32
  15. package/dist/collection/components/button/button.js +225 -257
  16. package/dist/collection/components/color-box/color-box.js +12 -9
  17. package/dist/collection/components/courses/hy-content-list/hy-content-list.js +153 -148
  18. package/dist/collection/components/courses/hy-content-list-item/hy-content-list-item.css +2 -2
  19. package/dist/collection/components/courses/hy-content-list-item/hy-content-list-item.js +334 -331
  20. package/dist/collection/components/cta-button/cta-button.js +140 -138
  21. package/dist/collection/components/cta-link/cta-link.js +106 -103
  22. package/dist/collection/components/docs-container/docs-container.js +12 -9
  23. package/dist/collection/components/footer/hy-footer/hy-footer.js +12 -9
  24. package/dist/collection/components/footer/hy-footer-action/hy-footer-action.js +62 -55
  25. package/dist/collection/components/footer/hy-footer-base/hy-footer-base.js +182 -187
  26. package/dist/collection/components/footer/hy-footer-info/hy-footer-info.js +277 -270
  27. package/dist/collection/components/footer/hy-footer-link-item/hy-footer-link-item.js +190 -190
  28. package/dist/collection/components/grid-container/grid-container.js +12 -9
  29. package/dist/collection/components/grid-item/grid-item.css +0 -23
  30. package/dist/collection/components/grid-item/grid-item.js +101 -96
  31. package/dist/collection/components/grid-row/grid-row.js +12 -9
  32. package/dist/collection/components/heading/heading-fw.css +17 -17
  33. package/dist/collection/components/heading/heading.css +17 -17
  34. package/dist/collection/components/heading/heading.js +141 -146
  35. package/dist/collection/components/hy-anchor-link-list/hy-anchor-link-list.js +104 -99
  36. package/dist/collection/components/hy-badge/hy-badge.js +34 -30
  37. package/dist/collection/components/hy-banner/hy-banner.js +136 -135
  38. package/dist/collection/components/hy-box/hy-box.js +322 -318
  39. package/dist/collection/components/hy-box-container/hy-box-container.js +52 -54
  40. package/dist/collection/components/hy-breadcrumbs/hy-breadcrumbs.js +88 -82
  41. package/dist/collection/components/hy-checkbox/hy-checkbox.js +107 -114
  42. package/dist/collection/components/hy-collaboration/hy-collaboration.js +104 -99
  43. package/dist/collection/components/hy-crisis-banner/hy-crisis-banner.js +87 -85
  44. package/dist/collection/components/hy-dropdown/hy-dropdown.js +152 -147
  45. package/dist/collection/components/hy-dropdown/hy-dropdown.panel.item.js +75 -74
  46. package/dist/collection/components/hy-dropdown/hy-dropdown.panel.js +26 -22
  47. package/dist/collection/components/hy-event-item/hy-event-item.js +183 -192
  48. package/dist/collection/components/hy-events/hy-events.js +130 -127
  49. package/dist/collection/components/hy-filter-group/hy-filter-group.item.js +43 -41
  50. package/dist/collection/components/hy-filter-group/hy-filter-group.js +63 -54
  51. package/dist/collection/components/hy-filter-list-type/hy-filter-list-type.js +61 -56
  52. package/dist/collection/components/hy-filter-visibility-tool/hy-filter-visibility-tool.js +37 -30
  53. package/dist/collection/components/hy-filter-visibility-tool/hy-filter-visibility-tool.reset.js +2 -4
  54. package/dist/collection/components/hy-filter-visibility-tool/hy-filter-visibility-tool.reset.toggle.js +2 -8
  55. package/dist/collection/components/hy-general-list/hy-general-list.js +122 -113
  56. package/dist/collection/components/hy-general-list-item/hy-general-list-item.js +255 -258
  57. package/dist/collection/components/hy-hero/hy-hero.css +2 -2
  58. package/dist/collection/components/hy-hero/hy-hero.js +295 -308
  59. package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.css +1306 -0
  60. package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.js +211 -0
  61. package/dist/collection/components/hy-introduction/hy-introduction.js +247 -250
  62. package/dist/collection/components/hy-key-figure/hy-key-figure.js +72 -66
  63. package/dist/collection/components/hy-key-figure-group/hy-key-figure-group.css +1 -1
  64. package/dist/collection/components/hy-key-figure-group/hy-key-figure-group.js +66 -65
  65. package/dist/collection/components/hy-key-highlight/hy-key-highlight.js +72 -67
  66. package/dist/collection/components/hy-key-highlight-group/hy-key-highlight-group.css +2 -2
  67. package/dist/collection/components/hy-key-highlight-group/hy-key-highlight-group.js +78 -71
  68. package/dist/collection/components/hy-large-process-flow/hy-large-process-flow.css +6 -6
  69. package/dist/collection/components/hy-large-process-flow/hy-large-process-flow.js +54 -46
  70. package/dist/collection/components/hy-large-process-flow-phase/hy-large-process-flow-phase.css +3 -3
  71. package/dist/collection/components/hy-large-process-flow-phase/hy-large-process-flow-phase.js +40 -37
  72. package/dist/collection/components/hy-link-list/hy-link-list.js +106 -100
  73. package/dist/collection/components/hy-list-item/hy-list-item.js +428 -451
  74. package/dist/collection/components/hy-logo-grid/hy-logo-grid.item.js +53 -47
  75. package/dist/collection/components/hy-logo-grid/hy-logo-grid.js +53 -46
  76. package/dist/collection/components/hy-main/hy-main.js +34 -29
  77. package/dist/collection/components/hy-main-content-wrapper/hy-main-content-wrapper.js +12 -10
  78. package/dist/collection/components/hy-opening-hours/hy-opening-hours.css +2 -2
  79. package/dist/collection/components/hy-opening-hours/hy-opening-hours.js +304 -308
  80. package/dist/collection/components/hy-opening-hours-content/hy-opening-hours-content.css +2 -2
  81. package/dist/collection/components/hy-opening-hours-content/hy-opening-hours-content.js +107 -107
  82. package/dist/collection/components/hy-person-card/hy-person-card.js +422 -438
  83. package/dist/collection/components/hy-prominent-image/hy-prominent-image.js +106 -100
  84. package/dist/collection/components/hy-quote/hy-quote.js +51 -51
  85. package/dist/collection/components/hy-search-field/hy-search-field.js +166 -167
  86. package/dist/collection/components/hy-shortcuts/hy-shortcuts.css +1 -1
  87. package/dist/collection/components/hy-shortcuts/hy-shortcuts.js +89 -87
  88. package/dist/collection/components/hy-table-container/hy-table-container.css +6 -6
  89. package/dist/collection/components/hy-table-container/hy-table-container.js +12 -10
  90. package/dist/collection/components/hy-tabs/hy-tabs.js +115 -111
  91. package/dist/collection/components/hy-tabs-item/hy-tabs-item.js +36 -28
  92. package/dist/collection/components/hy-tag/hy-tag.js +12 -11
  93. package/dist/collection/components/hy-twitter-feed/hy-twitter-feed.js +107 -128
  94. package/dist/collection/components/hy-two-columns/hy-two-columns.js +34 -33
  95. package/dist/collection/components/hy-user-login-form/hy-user-login-form.js +53 -46
  96. package/dist/collection/components/hy-video/hy-video.css +1 -1
  97. package/dist/collection/components/hy-video/hy-video.js +462 -500
  98. package/dist/collection/components/icon/AddToTodoList.js +1 -2
  99. package/dist/collection/components/icon/Alert.js +1 -3
  100. package/dist/collection/components/icon/Archive.js +1 -5
  101. package/dist/collection/components/icon/Arrow.js +1 -2
  102. package/dist/collection/components/icon/ArrowDown.js +1 -2
  103. package/dist/collection/components/icon/ArrowRight.js +1 -7
  104. package/dist/collection/components/icon/ArrowUp.js +1 -2
  105. package/dist/collection/components/icon/Avatar.js +1 -2
  106. package/dist/collection/components/icon/AvatarGroup.js +1 -2
  107. package/dist/collection/components/icon/Bachelor.js +1 -2
  108. package/dist/collection/components/icon/BulletList.js +1 -2
  109. package/dist/collection/components/icon/Camera.js +1 -2
  110. package/dist/collection/components/icon/CaretDown.js +1 -2
  111. package/dist/collection/components/icon/CaretLeft.js +1 -2
  112. package/dist/collection/components/icon/CaretRight.js +1 -2
  113. package/dist/collection/components/icon/CaretUp.js +1 -2
  114. package/dist/collection/components/icon/Chat.js +1 -2
  115. package/dist/collection/components/icon/CodeFork.js +1 -2
  116. package/dist/collection/components/icon/Cogs.js +1 -2
  117. package/dist/collection/components/icon/Contentlink.js +1 -2
  118. package/dist/collection/components/icon/Customlink.js +1 -2
  119. package/dist/collection/components/icon/Date.js +1 -2
  120. package/dist/collection/components/icon/Discover.js +1 -2
  121. package/dist/collection/components/icon/Done.js +1 -2
  122. package/dist/collection/components/icon/Dot.js +1 -2
  123. package/dist/collection/components/icon/DotArrowRight.js +1 -6
  124. package/dist/collection/components/icon/Download.js +1 -2
  125. package/dist/collection/components/icon/Drag.js +1 -2
  126. package/dist/collection/components/icon/Dragbutton.js +1 -2
  127. package/dist/collection/components/icon/DropDown.js +1 -2
  128. package/dist/collection/components/icon/Edit.js +1 -2
  129. package/dist/collection/components/icon/EditEvent.js +1 -2
  130. package/dist/collection/components/icon/Embed.js +1 -2
  131. package/dist/collection/components/icon/Euro.js +1 -2
  132. package/dist/collection/components/icon/Events.js +1 -2
  133. package/dist/collection/components/icon/ExternalLink.js +1 -2
  134. package/dist/collection/components/icon/EyeSlash.js +1 -2
  135. package/dist/collection/components/icon/Facebook.js +1 -2
  136. package/dist/collection/components/icon/Favorites.js +1 -2
  137. package/dist/collection/components/icon/Feed.js +1 -2
  138. package/dist/collection/components/icon/FileText.js +1 -2
  139. package/dist/collection/components/icon/FullScreen.js +1 -2
  140. package/dist/collection/components/icon/Globe.js +1 -2
  141. package/dist/collection/components/icon/GooglePlus.js +1 -2
  142. package/dist/collection/components/icon/Grid.js +1 -2
  143. package/dist/collection/components/icon/Hamburger.js +1 -2
  144. package/dist/collection/components/icon/Heart.js +1 -2
  145. package/dist/collection/components/icon/HeartSupport.js +1 -2
  146. package/dist/collection/components/icon/Helsinginyliopisto.js +1 -2
  147. package/dist/collection/components/icon/Home.js +1 -2
  148. package/dist/collection/components/icon/HorizontalResize.js +1 -2
  149. package/dist/collection/components/icon/HyLogo.js +1 -2
  150. package/dist/collection/components/icon/IdNumber.js +1 -2
  151. package/dist/collection/components/icon/Image.js +1 -2
  152. package/dist/collection/components/icon/ImageGallery.js +1 -2
  153. package/dist/collection/components/icon/Images.js +1 -2
  154. package/dist/collection/components/icon/Info.js +1 -2
  155. package/dist/collection/components/icon/InfoStroke.js +1 -2
  156. package/dist/collection/components/icon/Instagram.js +1 -2
  157. package/dist/collection/components/icon/LeikiList.js +1 -2
  158. package/dist/collection/components/icon/LinkArrow.js +1 -2
  159. package/dist/collection/components/icon/LinkArrow1.js +1 -2
  160. package/dist/collection/components/icon/LinkArrowDown.js +1 -2
  161. package/dist/collection/components/icon/LinkArrowLeft.js +1 -2
  162. package/dist/collection/components/icon/LinkArrowOffsite.js +1 -2
  163. package/dist/collection/components/icon/LinkArrowUp.js +1 -2
  164. package/dist/collection/components/icon/Linkedin.js +1 -2
  165. package/dist/collection/components/icon/List.js +1 -2
  166. package/dist/collection/components/icon/ListAsBlocks.js +1 -2
  167. package/dist/collection/components/icon/ListStyleGrid.js +1 -10
  168. package/dist/collection/components/icon/ListStyleList.js +1 -5
  169. package/dist/collection/components/icon/Listoflinks.js +1 -2
  170. package/dist/collection/components/icon/Location.js +1 -2
  171. package/dist/collection/components/icon/Log.js +1 -2
  172. package/dist/collection/components/icon/Login.js +1 -2
  173. package/dist/collection/components/icon/Logout.js +1 -2
  174. package/dist/collection/components/icon/MagnifyMinus.js +1 -2
  175. package/dist/collection/components/icon/MagnifyPlus.js +1 -2
  176. package/dist/collection/components/icon/Mail.js +1 -2
  177. package/dist/collection/components/icon/Master.js +1 -2
  178. package/dist/collection/components/icon/Minus.js +1 -2
  179. package/dist/collection/components/icon/Mobile.js +1 -2
  180. package/dist/collection/components/icon/Modify.js +1 -2
  181. package/dist/collection/components/icon/NaviTriangle.js +1 -2
  182. package/dist/collection/components/icon/NewGroup.js +1 -2
  183. package/dist/collection/components/icon/NewPerson.js +1 -2
  184. package/dist/collection/components/icon/Notification.js +1 -2
  185. package/dist/collection/components/icon/OpinderLogo.js +1 -2
  186. package/dist/collection/components/icon/OpinderLogoNew.js +1 -2
  187. package/dist/collection/components/icon/Pdf.js +1 -2
  188. package/dist/collection/components/icon/People.js +1 -2
  189. package/dist/collection/components/icon/PermissionAll.js +1 -2
  190. package/dist/collection/components/icon/PermissionGroup.js +1 -2
  191. package/dist/collection/components/icon/PermissionPrivate.js +1 -2
  192. package/dist/collection/components/icon/Person.js +1 -2
  193. package/dist/collection/components/icon/PersonOutline.js +1 -2
  194. package/dist/collection/components/icon/Phone.js +1 -2
  195. package/dist/collection/components/icon/Play.js +1 -2
  196. package/dist/collection/components/icon/Plus.js +1 -2
  197. package/dist/collection/components/icon/Preview.js +1 -2
  198. package/dist/collection/components/icon/Profile.js +1 -2
  199. package/dist/collection/components/icon/Question.js +1 -2
  200. package/dist/collection/components/icon/Remove.js +1 -2
  201. package/dist/collection/components/icon/Retweet.js +1 -2
  202. package/dist/collection/components/icon/RotateLeft.js +1 -2
  203. package/dist/collection/components/icon/RotateRight.js +1 -2
  204. package/dist/collection/components/icon/Search.js +1 -2
  205. package/dist/collection/components/icon/Share.js +1 -2
  206. package/dist/collection/components/icon/SlimHamburgerMenu.js +1 -2
  207. package/dist/collection/components/icon/SocialMedia.js +1 -2
  208. package/dist/collection/components/icon/SomeFacebook.js +1 -2
  209. package/dist/collection/components/icon/SomeInstagram.js +1 -4
  210. package/dist/collection/components/icon/SomeLinkedin.js +1 -2
  211. package/dist/collection/components/icon/SomeTwitter.js +1 -2
  212. package/dist/collection/components/icon/SomeYoutube.js +1 -2
  213. package/dist/collection/components/icon/Spinner.js +1 -2
  214. package/dist/collection/components/icon/Square.js +1 -2
  215. package/dist/collection/components/icon/SquareChecked.js +1 -2
  216. package/dist/collection/components/icon/Time.js +1 -2
  217. package/dist/collection/components/icon/TodoList.js +1 -2
  218. package/dist/collection/components/icon/Tour.js +1 -2
  219. package/dist/collection/components/icon/Twitter.js +1 -2
  220. package/dist/collection/components/icon/TwitterLike.js +1 -2
  221. package/dist/collection/components/icon/UnitsAndFaculties.js +1 -2
  222. package/dist/collection/components/icon/Url.js +1 -2
  223. package/dist/collection/components/icon/Video.js +1 -2
  224. package/dist/collection/components/icon/Warning.js +1 -2
  225. package/dist/collection/components/icon/Wrench.js +1 -2
  226. package/dist/collection/components/icon/Youtube.js +1 -2
  227. package/dist/collection/components/icon/icon.js +67 -60
  228. package/dist/collection/components/icon/icons.js +4 -8
  229. package/dist/collection/components/image/image.js +147 -141
  230. package/dist/collection/components/ingress/ingress.js +34 -30
  231. package/dist/collection/components/link/link.js +106 -99
  232. package/dist/collection/components/link-box/link-box.css +0 -1
  233. package/dist/collection/components/link-box/link-box.js +270 -272
  234. package/dist/collection/components/link-box-list/link-box-list.js +95 -89
  235. package/dist/collection/components/navigation/hy-menu-main-group/hy-menu-main-group.js +285 -290
  236. package/dist/collection/components/navigation/menu-language/menu-language.js +147 -138
  237. package/dist/collection/components/navigation/menu-language-item/menu-language-item.js +123 -114
  238. package/dist/collection/components/pagination/hy-pager/hy-pager.js +12 -9
  239. package/dist/collection/components/pagination/hy-pager-item/hy-pager-item.js +92 -95
  240. package/dist/collection/components/paragraph-text/paragraph-text-content.css +14 -14
  241. package/dist/collection/components/paragraph-text/paragraph-text-landing.css +8 -8
  242. package/dist/collection/components/paragraph-text/paragraph-text.css +22 -22
  243. package/dist/collection/components/paragraph-text/paragraph-text.js +72 -67
  244. package/dist/collection/components/person-profile/person-profile-listing/person-profile-listing.css +1 -1
  245. package/dist/collection/components/person-profile/person-profile-listing/person-profile.listing.js +127 -126
  246. package/dist/collection/components/person-profile/person-profile.css +4 -4
  247. package/dist/collection/components/person-profile/person-profile.js +138 -182
  248. package/dist/collection/components/process/process.js +71 -62
  249. package/dist/collection/components/process-flow-box/process-flow-box.js +144 -148
  250. package/dist/collection/components/row/row.js +68 -72
  251. package/dist/collection/components/section-container/section-container.js +12 -9
  252. package/dist/collection/components/site-header/site-header.css +1 -1
  253. package/dist/collection/components/site-header/site-header.js +540 -560
  254. package/dist/collection/components/site-header/site-logo/site-logo.js +148 -148
  255. package/dist/collection/components/site-header/site-search/site-search.js +297 -312
  256. package/dist/collection/components/tiny-text/tiny-text.js +12 -9
  257. package/dist/esm/color-box_8.entry.js +12 -37
  258. package/dist/esm/{globalScript-9d045b36.js → globalScript-4ad40215.js} +1 -1
  259. package/dist/esm/huds-lib.js +8 -4
  260. package/dist/esm/hy-accordion-container_83.entry.js +364 -158
  261. package/dist/esm/hy-event-item.entry.js +5 -2
  262. package/dist/esm/hy-events.entry.js +5 -3
  263. package/dist/esm/hy-hero-carousel.entry.js +4898 -0
  264. package/dist/esm/{index-daaf0985.js → index-3a66d87e.js} +690 -288
  265. package/dist/esm/loader.js +5 -4
  266. package/dist/esm/polyfills/css-shim.js +1 -1
  267. package/dist/esm/{utils-7731bbdf.js → utils-43c56d92.js} +1 -1
  268. package/dist/huds-lib/huds-lib.esm.js +1 -1
  269. package/dist/huds-lib/{p-0ea3ec9a.js → p-63584350.js} +1 -1
  270. package/dist/huds-lib/p-7c7ea6b3.entry.js +1 -0
  271. package/dist/huds-lib/p-8d5c2e5b.entry.js +1 -0
  272. package/dist/huds-lib/p-91f6109f.entry.js +1 -0
  273. package/dist/huds-lib/p-9a15a75b.entry.js +1 -0
  274. package/dist/huds-lib/{p-04dcccdc.js → p-b02e49ad.js} +1 -1
  275. package/dist/huds-lib/p-ff975a68.js +2 -0
  276. package/dist/huds-lib/p-ffd1d29a.entry.js +87 -0
  277. package/dist/types/components/hy-hero-carousel/hy-hero-carousel.d.ts +30 -0
  278. package/dist/types/components/person-profile/person-profile-listing/person-profile.listing.d.ts +1 -1
  279. package/dist/types/components.d.ts +95 -20
  280. package/dist/types/stencil-public-runtime.d.ts +92 -19
  281. package/dist/types/utils/utils.d.ts +4 -4
  282. package/loader/index.d.ts +11 -12
  283. package/loader/index.es2017.js +1 -0
  284. package/loader/index.js +2 -11
  285. package/loader/package.json +2 -1
  286. package/package.json +13 -11
  287. package/dist/huds-lib/p-0370da7d.entry.js +0 -87
  288. package/dist/huds-lib/p-2244fcda.entry.js +0 -1
  289. package/dist/huds-lib/p-aba9f82a.entry.js +0 -1
  290. package/dist/huds-lib/p-c68c36c3.entry.js +0 -1
  291. package/dist/huds-lib/p-f8697bf9.js +0 -1
@@ -1,108 +1,113 @@
1
- import { Component, h, Prop } from '@stencil/core';
1
+ import { h } from '@stencil/core';
2
2
  export class HyCollaboration {
3
+ constructor() {
4
+ this.textDescription = undefined;
5
+ this.linkUrl = undefined;
6
+ this.linkTitle = undefined;
7
+ this.imageUrl = undefined;
8
+ this.imageAltText = undefined;
9
+ }
3
10
  render() {
4
- return (h("div", { class: "hy-collaboration" },
5
- h("figure", { class: "hy-collaboration__logo", role: "complementary" },
6
- h("img", { src: this.imageUrl, alt: this.imageAltText })),
7
- h("div", { class: "hy-collaboration__content" },
8
- h("p", { class: "hy-collaboration__description" }, this.textDescription),
9
- this.linkUrl && (h("a", { href: this.linkUrl, class: "hy-collaboration__link" },
10
- this.linkTitle,
11
- h("span", { "aria-hidden": "true" },
12
- h("hy-icon", { icon: 'hy-icon-arrow-right', size: 10 })))))));
11
+ return (h("div", { class: "hy-collaboration" }, h("figure", { class: "hy-collaboration__logo", role: "complementary" }, h("img", { src: this.imageUrl, alt: this.imageAltText })), h("div", { class: "hy-collaboration__content" }, h("p", { class: "hy-collaboration__description" }, this.textDescription), this.linkUrl && (h("a", { href: this.linkUrl, class: "hy-collaboration__link" }, this.linkTitle, h("span", { "aria-hidden": "true" }, h("hy-icon", { icon: 'hy-icon-arrow-right', size: 10 })))))));
13
12
  }
14
13
  static get is() { return "hy-collaboration"; }
15
- static get originalStyleUrls() { return {
16
- "$": ["hy-collaboration.scss"]
17
- }; }
18
- static get styleUrls() { return {
19
- "$": ["hy-collaboration.css"]
20
- }; }
21
- static get properties() { return {
22
- "textDescription": {
23
- "type": "string",
24
- "mutable": false,
25
- "complexType": {
26
- "original": "string",
27
- "resolved": "string",
28
- "references": {}
29
- },
30
- "required": false,
31
- "optional": false,
32
- "docs": {
33
- "tags": [],
34
- "text": ""
35
- },
36
- "attribute": "text-description",
37
- "reflect": false
38
- },
39
- "linkUrl": {
40
- "type": "string",
41
- "mutable": false,
42
- "complexType": {
43
- "original": "string",
44
- "resolved": "string",
45
- "references": {}
46
- },
47
- "required": false,
48
- "optional": true,
49
- "docs": {
50
- "tags": [],
51
- "text": ""
52
- },
53
- "attribute": "link-url",
54
- "reflect": false
55
- },
56
- "linkTitle": {
57
- "type": "string",
58
- "mutable": false,
59
- "complexType": {
60
- "original": "string",
61
- "resolved": "string",
62
- "references": {}
63
- },
64
- "required": false,
65
- "optional": true,
66
- "docs": {
67
- "tags": [],
68
- "text": ""
69
- },
70
- "attribute": "link-title",
71
- "reflect": false
72
- },
73
- "imageUrl": {
74
- "type": "string",
75
- "mutable": false,
76
- "complexType": {
77
- "original": "string",
78
- "resolved": "string",
79
- "references": {}
14
+ static get originalStyleUrls() {
15
+ return {
16
+ "$": ["hy-collaboration.scss"]
17
+ };
18
+ }
19
+ static get styleUrls() {
20
+ return {
21
+ "$": ["hy-collaboration.css"]
22
+ };
23
+ }
24
+ static get properties() {
25
+ return {
26
+ "textDescription": {
27
+ "type": "string",
28
+ "mutable": false,
29
+ "complexType": {
30
+ "original": "string",
31
+ "resolved": "string",
32
+ "references": {}
33
+ },
34
+ "required": false,
35
+ "optional": false,
36
+ "docs": {
37
+ "tags": [],
38
+ "text": ""
39
+ },
40
+ "attribute": "text-description",
41
+ "reflect": false
80
42
  },
81
- "required": false,
82
- "optional": false,
83
- "docs": {
84
- "tags": [],
85
- "text": ""
43
+ "linkUrl": {
44
+ "type": "string",
45
+ "mutable": false,
46
+ "complexType": {
47
+ "original": "string",
48
+ "resolved": "string",
49
+ "references": {}
50
+ },
51
+ "required": false,
52
+ "optional": true,
53
+ "docs": {
54
+ "tags": [],
55
+ "text": ""
56
+ },
57
+ "attribute": "link-url",
58
+ "reflect": false
86
59
  },
87
- "attribute": "image-url",
88
- "reflect": false
89
- },
90
- "imageAltText": {
91
- "type": "string",
92
- "mutable": false,
93
- "complexType": {
94
- "original": "string",
95
- "resolved": "string",
96
- "references": {}
60
+ "linkTitle": {
61
+ "type": "string",
62
+ "mutable": false,
63
+ "complexType": {
64
+ "original": "string",
65
+ "resolved": "string",
66
+ "references": {}
67
+ },
68
+ "required": false,
69
+ "optional": true,
70
+ "docs": {
71
+ "tags": [],
72
+ "text": ""
73
+ },
74
+ "attribute": "link-title",
75
+ "reflect": false
97
76
  },
98
- "required": false,
99
- "optional": false,
100
- "docs": {
101
- "tags": [],
102
- "text": ""
77
+ "imageUrl": {
78
+ "type": "string",
79
+ "mutable": false,
80
+ "complexType": {
81
+ "original": "string",
82
+ "resolved": "string",
83
+ "references": {}
84
+ },
85
+ "required": false,
86
+ "optional": false,
87
+ "docs": {
88
+ "tags": [],
89
+ "text": ""
90
+ },
91
+ "attribute": "image-url",
92
+ "reflect": false
103
93
  },
104
- "attribute": "image-alt-text",
105
- "reflect": false
106
- }
107
- }; }
94
+ "imageAltText": {
95
+ "type": "string",
96
+ "mutable": false,
97
+ "complexType": {
98
+ "original": "string",
99
+ "resolved": "string",
100
+ "references": {}
101
+ },
102
+ "required": false,
103
+ "optional": false,
104
+ "docs": {
105
+ "tags": [],
106
+ "text": ""
107
+ },
108
+ "attribute": "image-alt-text",
109
+ "reflect": false
110
+ }
111
+ };
112
+ }
108
113
  }
@@ -1,93 +1,95 @@
1
- import { Component, Host, h, Prop } from '@stencil/core';
1
+ import { Host, h } from '@stencil/core';
2
2
  export class HyCrisisBanner {
3
+ constructor() {
4
+ this.bannerTitle = undefined;
5
+ this.bannerDescription = undefined;
6
+ this.linkTitle = undefined;
7
+ this.linkUrl = undefined;
8
+ }
3
9
  render() {
4
- return (h(Host, { class: "hy-crisis-banner", role: "alert" },
5
- h("div", { class: "hy-crisis-banner__container" },
6
- h("div", { class: "hy-crisis-banner__indicator" },
7
- h("hy-icon", { class: 'hy-crisis-banner__indicator-icon', icon: 'hy-icon-alert' })),
8
- h("div", { class: "hy-crisis-banner__content-wrapper" },
9
- h("div", { class: "hy-crisis-banner__content" },
10
- h("h3", { class: "hy-crisis-banner__title" }, this.bannerTitle),
11
- this.bannerDescription && (h("div", { class: "hy-crisis-banner__description", innerHTML: this.bannerDescription }))),
12
- this.linkUrl && (h("a", { class: "hy-crisis-banner__link", href: this.linkUrl },
13
- this.linkTitle,
14
- h("hy-icon", { class: 'hy-crisis-banner__link-icon', icon: 'hy-icon-arrow-to-right' })))))));
10
+ return (h(Host, { class: "hy-crisis-banner", role: "alert" }, h("div", { class: "hy-crisis-banner__container" }, h("div", { class: "hy-crisis-banner__indicator" }, h("hy-icon", { class: 'hy-crisis-banner__indicator-icon', icon: 'hy-icon-alert' })), h("div", { class: "hy-crisis-banner__content-wrapper" }, h("div", { class: "hy-crisis-banner__content" }, h("h3", { class: "hy-crisis-banner__title" }, this.bannerTitle), this.bannerDescription && (h("div", { class: "hy-crisis-banner__description", innerHTML: this.bannerDescription }))), this.linkUrl && (h("a", { class: "hy-crisis-banner__link", href: this.linkUrl }, this.linkTitle, h("hy-icon", { class: 'hy-crisis-banner__link-icon', icon: 'hy-icon-arrow-to-right' })))))));
15
11
  }
16
12
  static get is() { return "hy-crisis-banner"; }
17
- static get originalStyleUrls() { return {
18
- "$": ["hy-crisis-banner.scss"]
19
- }; }
20
- static get styleUrls() { return {
21
- "$": ["hy-crisis-banner.css"]
22
- }; }
23
- static get properties() { return {
24
- "bannerTitle": {
25
- "type": "string",
26
- "mutable": false,
27
- "complexType": {
28
- "original": "string",
29
- "resolved": "string",
30
- "references": {}
31
- },
32
- "required": false,
33
- "optional": false,
34
- "docs": {
35
- "tags": [],
36
- "text": ""
37
- },
38
- "attribute": "banner-title",
39
- "reflect": false
40
- },
41
- "bannerDescription": {
42
- "type": "string",
43
- "mutable": false,
44
- "complexType": {
45
- "original": "string",
46
- "resolved": "string",
47
- "references": {}
48
- },
49
- "required": false,
50
- "optional": true,
51
- "docs": {
52
- "tags": [],
53
- "text": ""
54
- },
55
- "attribute": "banner-description",
56
- "reflect": false
57
- },
58
- "linkTitle": {
59
- "type": "string",
60
- "mutable": false,
61
- "complexType": {
62
- "original": "string",
63
- "resolved": "string",
64
- "references": {}
65
- },
66
- "required": false,
67
- "optional": true,
68
- "docs": {
69
- "tags": [],
70
- "text": ""
13
+ static get originalStyleUrls() {
14
+ return {
15
+ "$": ["hy-crisis-banner.scss"]
16
+ };
17
+ }
18
+ static get styleUrls() {
19
+ return {
20
+ "$": ["hy-crisis-banner.css"]
21
+ };
22
+ }
23
+ static get properties() {
24
+ return {
25
+ "bannerTitle": {
26
+ "type": "string",
27
+ "mutable": false,
28
+ "complexType": {
29
+ "original": "string",
30
+ "resolved": "string",
31
+ "references": {}
32
+ },
33
+ "required": false,
34
+ "optional": false,
35
+ "docs": {
36
+ "tags": [],
37
+ "text": ""
38
+ },
39
+ "attribute": "banner-title",
40
+ "reflect": false
71
41
  },
72
- "attribute": "link-title",
73
- "reflect": false
74
- },
75
- "linkUrl": {
76
- "type": "string",
77
- "mutable": false,
78
- "complexType": {
79
- "original": "string",
80
- "resolved": "string",
81
- "references": {}
42
+ "bannerDescription": {
43
+ "type": "string",
44
+ "mutable": false,
45
+ "complexType": {
46
+ "original": "string",
47
+ "resolved": "string",
48
+ "references": {}
49
+ },
50
+ "required": false,
51
+ "optional": true,
52
+ "docs": {
53
+ "tags": [],
54
+ "text": ""
55
+ },
56
+ "attribute": "banner-description",
57
+ "reflect": false
82
58
  },
83
- "required": false,
84
- "optional": true,
85
- "docs": {
86
- "tags": [],
87
- "text": ""
59
+ "linkTitle": {
60
+ "type": "string",
61
+ "mutable": false,
62
+ "complexType": {
63
+ "original": "string",
64
+ "resolved": "string",
65
+ "references": {}
66
+ },
67
+ "required": false,
68
+ "optional": true,
69
+ "docs": {
70
+ "tags": [],
71
+ "text": ""
72
+ },
73
+ "attribute": "link-title",
74
+ "reflect": false
88
75
  },
89
- "attribute": "link-url",
90
- "reflect": false
91
- }
92
- }; }
76
+ "linkUrl": {
77
+ "type": "string",
78
+ "mutable": false,
79
+ "complexType": {
80
+ "original": "string",
81
+ "resolved": "string",
82
+ "references": {}
83
+ },
84
+ "required": false,
85
+ "optional": true,
86
+ "docs": {
87
+ "tags": [],
88
+ "text": ""
89
+ },
90
+ "attribute": "link-url",
91
+ "reflect": false
92
+ }
93
+ };
94
+ }
93
95
  }