@limetech/lime-elements 37.67.0 → 37.69.0

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 (162) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/lime-elements.cjs.js +1 -1
  3. package/dist/cjs/limel-action-bar-item_2.cjs.entry.js +122 -0
  4. package/dist/cjs/limel-action-bar-item_2.cjs.entry.js.map +1 -0
  5. package/dist/cjs/{limel-action-bar_4.cjs.entry.js → limel-action-bar_2.cjs.entry.js} +2 -116
  6. package/dist/cjs/limel-action-bar_2.cjs.entry.js.map +1 -0
  7. package/dist/cjs/{limel-breadcrumbs_5.cjs.entry.js → limel-breadcrumbs_7.cjs.entry.js} +3344 -407
  8. package/dist/cjs/limel-breadcrumbs_7.cjs.entry.js.map +1 -0
  9. package/dist/cjs/limel-callout.cjs.entry.js +1 -1
  10. package/dist/cjs/limel-card.cjs.entry.js +85 -0
  11. package/dist/cjs/limel-card.cjs.entry.js.map +1 -0
  12. package/dist/cjs/limel-chart.cjs.entry.js +216 -0
  13. package/dist/cjs/limel-chart.cjs.entry.js.map +1 -0
  14. package/dist/cjs/limel-chip_2.cjs.entry.js +1 -1
  15. package/dist/cjs/limel-dynamic-label_2.cjs.entry.js +91 -0
  16. package/dist/cjs/limel-dynamic-label_2.cjs.entry.js.map +1 -0
  17. package/dist/cjs/limel-file-viewer.cjs.entry.js +1 -1
  18. package/dist/cjs/limel-file.cjs.entry.js +1 -1
  19. package/dist/cjs/limel-flatpickr-adapter.cjs.entry.js +1 -1
  20. package/dist/cjs/limel-icon.cjs.entry.js +208 -0
  21. package/dist/cjs/limel-icon.cjs.entry.js.map +1 -0
  22. package/dist/cjs/limel-linear-progress.cjs.entry.js +1 -1
  23. package/dist/cjs/{limel-icon_2.cjs.entry.js → limel-portal.cjs.entry.js} +1 -201
  24. package/dist/cjs/limel-portal.cjs.entry.js.map +1 -0
  25. package/dist/cjs/limel-prosemirror-adapter.cjs.entry.js +1 -1
  26. package/dist/cjs/limel-snackbar.cjs.entry.js +1 -1
  27. package/dist/cjs/loader.cjs.js +1 -1
  28. package/dist/cjs/{translations-6c4447f4.js → translations-9ccca4b6.js} +9 -1
  29. package/dist/cjs/translations-9ccca4b6.js.map +1 -0
  30. package/dist/collection/collection-manifest.json +2 -0
  31. package/dist/collection/components/card/card.css +202 -0
  32. package/dist/collection/components/card/card.js +282 -0
  33. package/dist/collection/components/card/card.js.map +1 -0
  34. package/dist/collection/components/chart/chart.css +758 -0
  35. package/dist/collection/components/chart/chart.js +418 -0
  36. package/dist/collection/components/chart/chart.js.map +1 -0
  37. package/dist/collection/components/chart/chart.types.js +2 -0
  38. package/dist/collection/components/chart/chart.types.js.map +1 -0
  39. package/dist/collection/style/mixins.scss +16 -0
  40. package/dist/collection/translations/da.js +1 -0
  41. package/dist/collection/translations/da.js.map +1 -1
  42. package/dist/collection/translations/de.js +1 -0
  43. package/dist/collection/translations/de.js.map +1 -1
  44. package/dist/collection/translations/en.js +1 -0
  45. package/dist/collection/translations/en.js.map +1 -1
  46. package/dist/collection/translations/fi.js +1 -0
  47. package/dist/collection/translations/fi.js.map +1 -1
  48. package/dist/collection/translations/fr.js +1 -0
  49. package/dist/collection/translations/fr.js.map +1 -1
  50. package/dist/collection/translations/nl.js +1 -0
  51. package/dist/collection/translations/nl.js.map +1 -1
  52. package/dist/collection/translations/no.js +1 -0
  53. package/dist/collection/translations/no.js.map +1 -1
  54. package/dist/collection/translations/sv.js +1 -0
  55. package/dist/collection/translations/sv.js.map +1 -1
  56. package/dist/esm/lime-elements.js +1 -1
  57. package/dist/esm/limel-action-bar-item_2.entry.js +117 -0
  58. package/dist/esm/limel-action-bar-item_2.entry.js.map +1 -0
  59. package/dist/esm/{limel-action-bar_4.entry.js → limel-action-bar_2.entry.js} +3 -115
  60. package/dist/esm/limel-action-bar_2.entry.js.map +1 -0
  61. package/dist/esm/{limel-breadcrumbs_5.entry.js → limel-breadcrumbs_7.entry.js} +3333 -398
  62. package/dist/esm/limel-breadcrumbs_7.entry.js.map +1 -0
  63. package/dist/esm/limel-callout.entry.js +1 -1
  64. package/dist/esm/limel-card.entry.js +81 -0
  65. package/dist/esm/limel-card.entry.js.map +1 -0
  66. package/dist/esm/limel-chart.entry.js +212 -0
  67. package/dist/esm/limel-chart.entry.js.map +1 -0
  68. package/dist/esm/limel-chip_2.entry.js +1 -1
  69. package/dist/esm/limel-dynamic-label_2.entry.js +86 -0
  70. package/dist/esm/limel-dynamic-label_2.entry.js.map +1 -0
  71. package/dist/esm/limel-file-viewer.entry.js +1 -1
  72. package/dist/esm/limel-file.entry.js +1 -1
  73. package/dist/esm/limel-flatpickr-adapter.entry.js +1 -1
  74. package/dist/esm/limel-icon.entry.js +204 -0
  75. package/dist/esm/limel-icon.entry.js.map +1 -0
  76. package/dist/esm/limel-linear-progress.entry.js +1 -1
  77. package/dist/esm/{limel-icon_2.entry.js → limel-portal.entry.js} +2 -201
  78. package/dist/esm/limel-portal.entry.js.map +1 -0
  79. package/dist/esm/limel-prosemirror-adapter.entry.js +1 -1
  80. package/dist/esm/limel-snackbar.entry.js +1 -1
  81. package/dist/esm/loader.js +1 -1
  82. package/dist/esm/{translations-26583a3b.js → translations-453e0db7.js} +9 -1
  83. package/dist/esm/translations-453e0db7.js.map +1 -0
  84. package/dist/lime-elements/lime-elements.esm.js +1 -1
  85. package/dist/lime-elements/lime-elements.esm.js.map +1 -1
  86. package/dist/lime-elements/{p-5d12d8d2.entry.js → p-0ee1d461.entry.js} +2 -2
  87. package/dist/lime-elements/p-18b068c9.entry.js +2 -0
  88. package/dist/lime-elements/p-18b068c9.entry.js.map +1 -0
  89. package/dist/lime-elements/{p-195df464.entry.js → p-1e99b371.entry.js} +2 -2
  90. package/dist/lime-elements/{p-4fd0ac1e.entry.js → p-2cbfe8f9.entry.js} +2 -2
  91. package/dist/lime-elements/{p-adfa2c05.entry.js → p-3fcb2b67.entry.js} +2 -2
  92. package/dist/lime-elements/{p-1a0aaf41.entry.js → p-488decb0.entry.js} +2 -2
  93. package/dist/lime-elements/p-5d08ef7d.entry.js +2 -0
  94. package/dist/lime-elements/p-5d08ef7d.entry.js.map +1 -0
  95. package/dist/lime-elements/p-7f9e0f52.entry.js +2 -0
  96. package/dist/lime-elements/p-7f9e0f52.entry.js.map +1 -0
  97. package/dist/lime-elements/p-8915fa60.js +2 -0
  98. package/dist/lime-elements/p-8915fa60.js.map +1 -0
  99. package/dist/lime-elements/p-97ae94e0.entry.js +266 -0
  100. package/dist/lime-elements/p-97ae94e0.entry.js.map +1 -0
  101. package/dist/lime-elements/{p-fbaa1b19.entry.js → p-9d2f6454.entry.js} +2 -2
  102. package/dist/lime-elements/p-9f8aa8e7.entry.js +2 -0
  103. package/dist/lime-elements/p-9f8aa8e7.entry.js.map +1 -0
  104. package/dist/lime-elements/{p-03eea223.entry.js → p-a451cece.entry.js} +2 -2
  105. package/dist/lime-elements/p-a8e24972.entry.js +2 -0
  106. package/dist/lime-elements/p-a8e24972.entry.js.map +1 -0
  107. package/dist/lime-elements/p-d696f6b8.entry.js +2 -0
  108. package/dist/lime-elements/p-d696f6b8.entry.js.map +1 -0
  109. package/dist/lime-elements/p-d93f1964.entry.js +2 -0
  110. package/dist/lime-elements/p-d93f1964.entry.js.map +1 -0
  111. package/dist/lime-elements/{p-0f484317.entry.js → p-dd031410.entry.js} +2 -2
  112. package/dist/lime-elements/style/mixins.scss +16 -0
  113. package/dist/scss/mixins.scss +16 -0
  114. package/dist/types/components/card/card.d.ts +75 -0
  115. package/dist/types/components/chart/chart.d.ts +94 -0
  116. package/dist/types/components/chart/chart.types.d.ts +25 -0
  117. package/dist/types/components.d.ts +346 -4
  118. package/dist/types/translations/da.d.ts +1 -0
  119. package/dist/types/translations/de.d.ts +1 -0
  120. package/dist/types/translations/en.d.ts +1 -0
  121. package/dist/types/translations/fi.d.ts +1 -0
  122. package/dist/types/translations/fr.d.ts +1 -0
  123. package/dist/types/translations/nl.d.ts +1 -0
  124. package/dist/types/translations/no.d.ts +1 -0
  125. package/dist/types/translations/sv.d.ts +1 -0
  126. package/package.json +1 -1
  127. package/dist/cjs/component-864afce0.js +0 -2447
  128. package/dist/cjs/component-864afce0.js.map +0 -1
  129. package/dist/cjs/limel-action-bar_4.cjs.entry.js.map +0 -1
  130. package/dist/cjs/limel-breadcrumbs_5.cjs.entry.js.map +0 -1
  131. package/dist/cjs/limel-dynamic-label_4.cjs.entry.js +0 -600
  132. package/dist/cjs/limel-dynamic-label_4.cjs.entry.js.map +0 -1
  133. package/dist/cjs/limel-icon_2.cjs.entry.js.map +0 -1
  134. package/dist/cjs/translations-6c4447f4.js.map +0 -1
  135. package/dist/esm/component-5e233629.js +0 -2439
  136. package/dist/esm/component-5e233629.js.map +0 -1
  137. package/dist/esm/limel-action-bar_4.entry.js.map +0 -1
  138. package/dist/esm/limel-breadcrumbs_5.entry.js.map +0 -1
  139. package/dist/esm/limel-dynamic-label_4.entry.js +0 -593
  140. package/dist/esm/limel-dynamic-label_4.entry.js.map +0 -1
  141. package/dist/esm/limel-icon_2.entry.js.map +0 -1
  142. package/dist/esm/translations-26583a3b.js.map +0 -1
  143. package/dist/lime-elements/p-61047574.entry.js +0 -2
  144. package/dist/lime-elements/p-61047574.entry.js.map +0 -1
  145. package/dist/lime-elements/p-b9b0853b.entry.js +0 -68
  146. package/dist/lime-elements/p-b9b0853b.entry.js.map +0 -1
  147. package/dist/lime-elements/p-bd261424.entry.js +0 -2
  148. package/dist/lime-elements/p-bd261424.entry.js.map +0 -1
  149. package/dist/lime-elements/p-d528606a.js +0 -200
  150. package/dist/lime-elements/p-d528606a.js.map +0 -1
  151. package/dist/lime-elements/p-e78fcffb.entry.js +0 -2
  152. package/dist/lime-elements/p-e78fcffb.entry.js.map +0 -1
  153. package/dist/lime-elements/p-fe15bcbb.js +0 -2
  154. package/dist/lime-elements/p-fe15bcbb.js.map +0 -1
  155. /package/dist/lime-elements/{p-5d12d8d2.entry.js.map → p-0ee1d461.entry.js.map} +0 -0
  156. /package/dist/lime-elements/{p-195df464.entry.js.map → p-1e99b371.entry.js.map} +0 -0
  157. /package/dist/lime-elements/{p-4fd0ac1e.entry.js.map → p-2cbfe8f9.entry.js.map} +0 -0
  158. /package/dist/lime-elements/{p-adfa2c05.entry.js.map → p-3fcb2b67.entry.js.map} +0 -0
  159. /package/dist/lime-elements/{p-1a0aaf41.entry.js.map → p-488decb0.entry.js.map} +0 -0
  160. /package/dist/lime-elements/{p-fbaa1b19.entry.js.map → p-9d2f6454.entry.js.map} +0 -0
  161. /package/dist/lime-elements/{p-03eea223.entry.js.map → p-a451cece.entry.js.map} +0 -0
  162. /package/dist/lime-elements/{p-0f484317.entry.js.map → p-dd031410.entry.js.map} +0 -0
@@ -0,0 +1 @@
1
+ {"file":"translations-9ccca4b6.js","mappings":"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","names":[],"sources":["./src/translations/da.ts","./src/translations/de.ts","./src/translations/en.ts","./src/translations/fi.ts","./src/translations/fr.ts","./src/translations/nl.ts","./src/translations/no.ts","./src/translations/sv.ts","./src/global/translations.ts"],"sourcesContent":["export default {\n remove: 'Fjern',\n save: 'Gem',\n cancel: 'Annullér',\n loading: 'Indlæser…',\n value: 'Værdi',\n 'callout.note': 'Bemærk',\n 'callout.important': 'Vigtig',\n 'callout.tip': 'Tip',\n 'callout.caution': 'Advarsel',\n 'callout.warning': 'Advarsel',\n 'date-picker.today': 'Idag',\n 'date-picker.month.heading': 'Måned',\n 'date-picker.quarter.heading': 'Kvartal',\n 'date-picker.year.heading': 'År',\n 'chip-set.clear-all': 'Ryd alle',\n 'file.drag-and-drop-tips':\n 'Træk & slip filen her, eller klik for at gennemse.',\n 'file-viewer.message.unsupported-filetype': 'Denne fil kan ikke vises!',\n 'file-viewer.download': 'Hent',\n 'file-viewer.exit-fullscreen': 'Afslut fuldskærm',\n 'file-viewer.open-in-fullscreen': 'Åbn i fuld skærm',\n 'file-viewer.open-in-new-tab': 'Åbn i en ny fane',\n 'file-viewer.more-actions': 'Mere…',\n 'editor-menu.bold': 'Fed',\n 'editor-menu.italic': 'Kursiv',\n 'editor-menu.h1': 'Overskrift 1',\n 'editor-menu.h2': 'Overskrift 2',\n 'editor-menu.h3': 'Overskrift 3',\n 'editor-menu.bulleted-list': 'Punktliste',\n 'editor-menu.numbered-list': 'Nummereret liste',\n 'editor-menu.blockquote': 'Blokcitat',\n 'editor-menu.link': 'Tilføj link',\n 'editor-link-menu.text': 'Tekst',\n 'editor-link-menu.link': 'Link',\n 'editor-menu.code-block': 'Kodeblok',\n 'editor-menu.code': 'Kode',\n 'progress-bar': 'Fremskridtsindikator',\n};\n","export default {\n remove: 'Entfernen',\n save: 'Speichern',\n cancel: 'Abbrechen',\n loading: 'Laden…',\n value: 'Wert',\n 'callout.note': 'Hinweis',\n 'callout.important': 'Wichtig',\n 'callout.tip': 'Tipp',\n 'callout.caution': 'Vorsicht',\n 'callout.warning': 'Warnung',\n 'date-picker.today': 'Heute',\n 'date-picker.month.heading': 'Monat',\n 'date-picker.quarter.heading': 'Quartal',\n 'date-picker.year.heading': 'Jahr',\n 'chip-set.clear-all': 'Alles löschen',\n 'snackbar.dismiss': 'Schließen',\n 'file.drag-and-drop-tips':\n 'Ziehen Sie Ihre Datei hierher oder klicken Sie, um zu durchsuchen.',\n 'file-viewer.message.unsupported-filetype':\n 'Diese Datei kann nicht angezeigt werden!',\n 'file-viewer.download': 'Herunterladen',\n 'file-viewer.exit-fullscreen': 'Vollbildmodus beenden',\n 'file-viewer.open-in-fullscreen': 'Im Vollbildmodus öffnen',\n 'file-viewer.open-in-new-tab': 'In einem neuen Tab öffnen',\n 'file-viewer.more-actions': 'Mehr…',\n 'editor-menu.bold': 'Fett',\n 'editor-menu.italic': 'Kursiv',\n 'editor-menu.h1': 'Überschrift 1',\n 'editor-menu.h2': 'Überschrift 2',\n 'editor-menu.h3': 'Überschrift 3',\n 'editor-menu.bulleted-list': 'Aufzählungsliste',\n 'editor-menu.numbered-list': 'Nummerierte Liste',\n 'editor-menu.blockquote': 'Zitatblock',\n 'editor-menu.link': 'Link',\n 'editor-link-menu.text': 'Text',\n 'editor-link-menu.link': 'Link',\n 'editor-menu.code-block': 'Codeblock',\n 'editor-menu.code': 'Code',\n 'progress-bar': 'Fortschrittsbalken',\n};\n","export default {\n remove: 'Remove',\n save: 'Save',\n cancel: 'Cancel',\n loading: 'Loading…',\n value: 'Value',\n 'callout.note': 'Note',\n 'callout.important': 'Important',\n 'callout.tip': 'Tip',\n 'callout.caution': 'Caution',\n 'callout.warning': 'Warning',\n 'date-picker.today': 'Today',\n 'date-picker.month.heading': 'Month',\n 'date-picker.quarter.heading': 'Quarter',\n 'date-picker.year.heading': 'Year',\n 'chip-set.clear-all': 'Clear all',\n 'snackbar.dismiss': 'Dismiss',\n 'file.drag-and-drop-tips':\n 'Drag & drop your file here, or click to browse.',\n 'file-viewer.message.unsupported-filetype': 'Cannot display this file!',\n 'file-viewer.download': 'Download',\n 'file-viewer.exit-fullscreen': 'Exit fullscreen',\n 'file-viewer.open-in-fullscreen': 'Open in fullscreen',\n 'file-viewer.open-in-new-tab': 'Open in a new tab',\n 'file-viewer.more-actions': 'More…',\n 'editor-menu.bold': 'Bold',\n 'editor-menu.italic': 'Italic',\n 'editor-menu.h1': 'Heading 1',\n 'editor-menu.h2': 'Heading 2',\n 'editor-menu.h3': 'Heading 3',\n 'editor-menu.bulleted-list': 'Bulleted list',\n 'editor-menu.numbered-list': 'Numbered list',\n 'editor-menu.blockquote': 'Blockquote',\n 'editor-menu.link': 'Link',\n 'editor-link-menu.text': 'Text',\n 'editor-link-menu.link': 'Link',\n 'editor-menu.code-block': 'Code block',\n 'editor-menu.code': 'Code',\n 'progress-bar': 'Progress bar',\n};\n","export default {\n remove: 'Poista',\n save: 'Tallenna',\n canceL: 'Peruuta',\n loading: 'Ladataan…',\n value: 'Arvo',\n 'callout.note': 'Huomio',\n 'callout.important': 'Tärkeää',\n 'callout.tip': 'Vinkki',\n 'callout.caution': 'Varoitus',\n 'callout.warning': 'Varoitus',\n 'date-picker.today': 'Tänään',\n 'date-picker.month.heading': 'Kuukausi',\n 'date-picker.quarter.heading': 'Vuosineljännes',\n 'date-picker.year.heading': 'Vuosi',\n 'chip-set.clear-all': 'Tyhjennä kaikki',\n 'file.drag-and-drop-tips':\n 'Vedä & pudota tiedostosi tähän, tai napsauta selataksesi.',\n 'file-viewer.message.unsupported-filetype':\n 'Tätä tiedostoa ei voi näyttää!',\n 'file-viewer.download': 'Ladata',\n 'file-viewer.exit-fullscreen': 'Poistu koko näytöstä',\n 'file-viewer.open-in-fullscreen': 'Avaa koko näytössä',\n 'file-viewer.open-in-new-tab': 'Avaa uudella välilehdellä',\n 'file-viewer.more-actions': 'Lisää…',\n 'editor-menu.bold': 'Lihavoitu',\n 'editor-menu.italic': 'Kursivoitu',\n 'editor-menu.h1': 'Otsikkotaso 1',\n 'editor-menu.h2': 'Otsikkotaso 2',\n 'editor-menu.h3': 'Otsikkotaso 3',\n 'editor-menu.bulleted-list': 'Luettelomerkitty lista',\n 'editor-menu.numbered-list': 'Numeroitu lista',\n 'editor-menu.blockquote': 'Lohkoteksti',\n 'editor-menu.link': 'Lisää linkki',\n 'editor-link-menu.text': 'Teksti',\n 'editor-link-menu.link': 'Linkki',\n 'editor-menu.code-block': 'Koodilohko',\n 'editor-menu.code': 'Koodi',\n 'progress-bar': 'Edistymispalkki',\n};\n","export default {\n remove: 'Supprimer',\n save: 'Enregistrer',\n cancel: 'Annuler',\n loading: 'Chargement…',\n value: 'Valeur',\n 'callout.note': 'Note',\n 'callout.important': 'Important',\n 'callout.tip': 'Conseil',\n 'callout.caution': 'Prudence',\n 'callout.warning': 'Avertissement',\n 'date-picker.today': \"Aujourd'hui\",\n 'date-picker.month.heading': 'Mois',\n 'date-picker.quarter.heading': 'Trimestre',\n 'date-picker.year.heading': 'Année',\n 'chip-set.clear-all': 'Tout effacer',\n 'snackbar.dismiss': 'Fermer',\n 'file.drag-and-drop-tips':\n 'Glissez-déposez votre fichier ici, ou cliquez pour parcourir.',\n 'file-viewer.message.unsupported-filetype':\n \"Impossible d'afficher ce fichier!\",\n 'file-viewer.download': 'Télécharger',\n 'file-viewer.exit-fullscreen': 'Quitter le mode plein écran',\n 'file-viewer.open-in-fullscreen': 'Ouvrir en plein écran',\n 'file-viewer.open-in-new-tab': 'Ouvrir dans un nouvel onglet',\n 'file-viewer.more-actions': 'Plus…',\n 'editor-menu.bold': 'Gras',\n 'editor-menu.italic': 'Italique',\n 'editor-menu.h1': 'Titre 1',\n 'editor-menu.h2': 'Titre 2',\n 'editor-menu.h3': 'Titre 3',\n 'editor-menu.bulleted-list': 'Liste à puces',\n 'editor-menu.numbered-list': 'Liste numérotée',\n 'editor-menu.blockquote': 'Bloc de citation',\n 'editor-menu.link': 'Lien',\n 'editor-link-menu.text': 'Texte',\n 'editor-link-menu.link': 'Lien',\n 'editor-menu.code-block': 'Bloc de code',\n 'editor-menu.code': 'Code',\n 'progress-bar': 'Barre de progression',\n};\n","export default {\n remove: 'Verwijder',\n save: 'Opslaan',\n cancel: 'Annuleren',\n loading: 'Laden…',\n value: 'Waarde',\n 'callout.note': 'Opmerking',\n 'callout.important': 'Belangrijk',\n 'callout.tip': 'Tip',\n 'callout.caution': 'Waarschuwing',\n 'callout.warning': 'Waarschuwing',\n 'date-picker.today': 'Vandaag',\n 'date-picker.month.heading': 'Maand',\n 'date-picker.quarter.heading': 'Kwartaal',\n 'date-picker.year.heading': 'Jaar',\n 'chip-set.clear-all': 'Alles wissen',\n 'file.drag-and-drop-tips':\n 'Sleep & bestand en zet het hier neer of klik om te bladeren.',\n 'file-viewer.message.unsupported-filetype':\n 'Kan dit bestand niet weergeven!',\n 'file-viewer.download': 'Downloaden',\n 'file-viewer.exit-fullscreen': 'Verlaat volledig scherm',\n 'file-viewer.open-in-fullscreen': 'Open in volledig scherm',\n 'file-viewer.open-in-new-tab': 'Openen op een nieuw tabblad',\n 'file-viewer.more-actions': 'Meer…',\n 'editor-menu.bold': 'Vet',\n 'editor-menu.italic': 'Cursief',\n 'editor-menu.h1': 'Kopniveau 1',\n 'editor-menu.h2': 'Kopniveau 2',\n 'editor-menu.h3': 'Kopniveau 3',\n 'editor-menu.bulleted-list': 'Opsomming',\n 'editor-menu.numbered-list': 'Genummerde lijst',\n 'editor-menu.blockquote': 'Blokcitaat',\n 'editor-menu.link': 'Link toevoegen',\n 'editor-link-menu.text': 'Tekst',\n 'editor-link-menu.link': 'Link',\n 'editor-menu.code-block': 'Codeblok',\n 'editor-menu.code': 'Code',\n 'progress-bar': 'Voortgangsbalk',\n};\n","export default {\n remove: 'Fjerne',\n save: 'Lagre',\n cancel: 'Avbryt',\n loading: 'Laster…',\n value: 'Verdi',\n 'callout.note': 'Note',\n 'callout.important': 'Viktig',\n 'callout.tip': 'Tip',\n 'callout.caution': 'Advarsel',\n 'callout.warning': 'Advarsel',\n 'date-picker.today': 'I dag',\n 'date-picker.month.heading': 'Måned',\n 'date-picker.quarter.heading': 'Kvartal',\n 'date-picker.year.heading': 'År',\n 'chip-set.clear-all': 'Fjern alle',\n 'file.drag-and-drop-tips':\n 'Dra & slipp filen her, eller klikk for å bla gjennom.',\n 'file-viewer.message.unsupported-filetype': 'Kan ikke vise denne filen!',\n 'file-viewer.download': 'Nedlasting',\n 'file-viewer.exit-fullscreen': 'Gå ut av fullskjerm',\n 'file-viewer.open-in-fullscreen': 'Åpne i fullskjerm',\n 'file-viewer.open-in-new-tab': 'Åpne i en ny fane',\n 'file-viewer.more-actions': 'Mer…',\n 'editor-menu.bold': 'Fet',\n 'editor-menu.italic': 'Kursiv',\n 'editor-menu.h1': 'Overskrift 1',\n 'editor-menu.h2': 'Overskrift 2',\n 'editor-menu.h3': 'Overskrifts 3',\n 'editor-menu.bulleted-list': 'Punktliste',\n 'editor-menu.numbered-list': 'Nummerert liste',\n 'editor-menu.blockquote': 'Blokksitat',\n 'editor-menu.link': 'Legg til lenke',\n 'editor-link-menu.text': 'Tekst',\n 'editor-link-menu.link': 'Lenke',\n 'editor-menu.code-block': 'Kodeblokk',\n 'editor-menu.code': 'Kode',\n 'progress-bar': 'Fremdriftsindikator',\n};\n","export default {\n remove: 'Ta bort',\n save: 'Spara',\n cancel: 'Avbryt',\n loading: 'Laddar…',\n value: 'Värde',\n 'callout.note': 'Obs',\n 'callout.important': 'Viktigt',\n 'callout.tip': 'Tips',\n 'callout.caution': 'Varning',\n 'callout.warning': 'Varning',\n 'date-picker.today': 'Idag',\n 'date-picker.month.heading': 'Månad',\n 'date-picker.quarter.heading': 'Kvartal',\n 'date-picker.year.heading': 'År',\n 'chip-set.clear-all': 'Rensa alla',\n 'snackbar.dismiss': 'Stäng',\n 'file.drag-and-drop-tips':\n 'Dra & släpp filen här eller klicka om du vill bläddra.',\n 'file-viewer.message.unsupported-filetype': 'Kan inte visa den här filen!',\n 'file-viewer.download': 'Ladda ner',\n 'file-viewer.exit-fullscreen': 'Avsluta fullskärmsläge',\n 'file-viewer.open-in-fullscreen': 'Öppna i fullskärmsläge',\n 'file-viewer.open-in-new-tab': 'Öppna i ny flik',\n 'file-viewer.more-actions': 'Mer…',\n 'editor-menu.bold': 'Fet',\n 'editor-menu.italic': 'Kursiv',\n 'editor-menu.h1': 'Rubrik 1',\n 'editor-menu.h2': 'Rubrik 2',\n 'editor-menu.h3': 'Rubrik 3',\n 'editor-menu.bulleted-list': 'Punktlista',\n 'editor-menu.numbered-list': 'Numrerad lista',\n 'editor-menu.blockquote': 'Blockcitat',\n 'editor-menu.link': 'Lägg till länk',\n 'editor-link-menu.text': 'Text',\n 'editor-link-menu.link': 'Länk',\n 'editor-menu.code-block': 'Kodblock',\n 'editor-menu.code': 'Kod',\n 'progress-bar': 'Förloppsindikator',\n};\n","import da from '../translations/da';\nimport de from '../translations/de';\nimport en from '../translations/en';\nimport fi from '../translations/fi';\nimport fr from '../translations/fr';\nimport nl from '../translations/nl';\nimport no from '../translations/no';\nimport sv from '../translations/sv';\n\nconst allTranslations = {\n da: da,\n de: de,\n en: en,\n fi: fi,\n fr: fr,\n no: no,\n nl: nl,\n sv: sv,\n};\n\nexport class Translations {\n public get(key, language = 'en') {\n return allTranslations[language][key];\n }\n}\n\nconst translations = new Translations();\nexport default (() => {\n return translations;\n})();\n"],"version":3}
@@ -9,6 +9,8 @@
9
9
  "./components/button/button.js",
10
10
  "./components/button-group/button-group.js",
11
11
  "./components/callout/callout.js",
12
+ "./components/card/card.js",
13
+ "./components/chart/chart.js",
12
14
  "./components/checkbox/checkbox.js",
13
15
  "./components/chip/chip.js",
14
16
  "./components/chip-set/chip-set.js",
@@ -0,0 +1,202 @@
1
+ @charset "UTF-8";
2
+ /**
3
+ * Note! This file is exported to `dist/scss/` in the published
4
+ * node module, for consumer projects to import.
5
+ * That means this file cannot import from any file that isn't
6
+ * also exported, keeping the same relative path.
7
+ *
8
+ * Or, just don't import anything, that works too.
9
+ */
10
+ /**
11
+ * This can be used on a trigger element that opens a dropdown menu or a popover.
12
+ */
13
+ /**
14
+ * This mixin will mask out the content that is close to
15
+ * the edges of a scrollable area.
16
+ * - If the scrollable content has `overflow-y`, use `vertically`
17
+ * as an argument for `$direction`.
18
+ - If the scrollable content has `overflow-x`, use `horizontally`
19
+ * as an argument for `$direction`.
20
+ *
21
+ * For the visual effect to work smoothly, we need to make sure that
22
+ * the size of the fade-out edge effect is the same as the
23
+ * internal paddings of the scrollable area. Otherwise, content of a
24
+ * scrollable area that does not have a padding will fade out before
25
+ * any scrolling has been done.
26
+ * This is why this mixin already adds paddings, which automatically
27
+ * default to the size of the fade-out effect.
28
+ * This size defaults to `1rem`, but to override the size use
29
+ * `--limel-top-edge-fade-height` & `--limel-bottom-edge-fade-height`
30
+ * when `vertically` argument is set, and use
31
+ * `--limel-left-edge-fade-width` & `--limel-right-edge-fade-width`
32
+ * when `horizontally` argument is set.
33
+ * Of course you can also programmatically increase and decrease the
34
+ * size of these variables for each edge, based on the amount of
35
+ * scrolling that has been done by the user. In this case, make sure
36
+ * to add a custom padding where the mixin is used, to override
37
+ * the paddings that are automatically added by the mixin in the
38
+ * compiled CSS code.
39
+ */
40
+ /**
41
+ * This mixin will add an animated underline to the bottom of an `a` elements.
42
+ * Note that you may need to add `all: unset;` –depending on your use case–
43
+ * before using this mixin.
44
+ */
45
+ /**
46
+ * This mixin creates a cross-browser font stack.
47
+ * - `sans-serif` can be used for the UI of the components.
48
+ * - `monospace` can be used for code.
49
+ *
50
+ * ⚠️ If we change the font stacks, we need to update
51
+ * 1. the consumer documentation in `README.md`, and
52
+ * 2. the CSS variables of `--kompendium-example-font-family`
53
+ * in the `<style>` tag of `index.html`.
54
+ */
55
+ /**
56
+ * This mixin is a hack, using old CSS syntax
57
+ * to enable you to truncate a piece of text,
58
+ * after a certain number of lines.
59
+ */
60
+ /**
61
+ * @prop --card-heading-color: color of the heading. Defaults to `--contrast-1100`;
62
+ * @prop --card-subheading-color: color of the sub heading. Defaults to `--contrast-1000`;
63
+ * @prop --card-border-radius: border radius of the card. Defaults to `0.95rem`;
64
+ * @prop --card-background-color: background color of the card.
65
+ */
66
+ * {
67
+ box-sizing: border-box;
68
+ min-width: 0;
69
+ min-height: 0;
70
+ }
71
+
72
+ :host(limel-card) {
73
+ display: flex;
74
+ border-radius: var(--card-border-radius, 0.95rem);
75
+ }
76
+
77
+ section {
78
+ box-sizing: border-box;
79
+ display: flex;
80
+ gap: 0.5rem;
81
+ flex-direction: column;
82
+ border-radius: var(--card-border-radius, 0.95rem);
83
+ border: 1px solid rgb(var(--contrast-500));
84
+ padding: 0.25rem;
85
+ background-color: var(--card-background-color, var(--lime-elevated-surface-background-color));
86
+ }
87
+ section:focus {
88
+ outline: none;
89
+ }
90
+ section:focus-visible {
91
+ outline: none;
92
+ box-shadow: var(--shadow-depth-8-focused);
93
+ }
94
+ :host(limel-card[orientation=landscape]) section {
95
+ flex-direction: row;
96
+ }
97
+ :host(limel-card[clickable]:not([disabled=true]):not([disabled])) section {
98
+ transition: color var(--limel-clickable-transition-speed, 0.4s) ease, background-color var(--limel-clickable-transition-speed, 0.4s) ease, box-shadow var(--limel-clickable-transform-speed, 0.4s) ease, transform var(--limel-clickable-transform-speed, 0.4s) var(--limel-clickable-transform-timing-function, ease);
99
+ cursor: pointer;
100
+ color: var(--mdc-theme-on-surface);
101
+ background-color: var(--card-background-color, var(--lime-elevated-surface-background-color));
102
+ }
103
+ :host(limel-card[clickable]:not([disabled=true]):not([disabled])) section:hover, :host(limel-card[clickable]:not([disabled=true]):not([disabled])) section:focus, :host(limel-card[clickable]:not([disabled=true]):not([disabled])) section:focus-visible {
104
+ will-change: color, background-color, box-shadow, transform;
105
+ }
106
+ :host(limel-card[clickable]:not([disabled=true]):not([disabled])) section:hover {
107
+ transform: translate3d(0, 0.01rem, 0);
108
+ color: var(--mdc-theme-on-surface);
109
+ background-color: var(--card-background-color, var(--lime-elevated-surface-background-color));
110
+ box-shadow: var(--button-shadow-hovered);
111
+ }
112
+ :host(limel-card[clickable]:not([disabled=true]):not([disabled])) section:active {
113
+ --limel-clickable-transform-timing-function: cubic-bezier(
114
+ 0.83,
115
+ -0.15,
116
+ 0.49,
117
+ 1.16
118
+ );
119
+ transform: translate3d(0, 0.05rem, 0);
120
+ box-shadow: var(--button-shadow-pressed);
121
+ }
122
+ :host(limel-card[clickable]:not([disabled=true]):not([disabled])) section:hover, :host(limel-card[clickable]:not([disabled=true]):not([disabled])) section:active {
123
+ --limel-clickable-transition-speed: 0.2s;
124
+ --limel-clickable-transform-speed: 0.16s;
125
+ }
126
+ :host(limel-card[clickable]:hover) section {
127
+ border-color: transparent;
128
+ }
129
+
130
+ .body {
131
+ flex-grow: 1;
132
+ display: flex;
133
+ flex-direction: column;
134
+ gap: 0.5rem;
135
+ }
136
+
137
+ img {
138
+ transition: filter 0.6s ease;
139
+ object-fit: cover;
140
+ border-radius: calc(var(--card-border-radius, 0.95rem) / 1.4);
141
+ }
142
+ :host(limel-card[orientation=portrait]) img {
143
+ width: 100%;
144
+ }
145
+ :host(limel-card[orientation=landscape]) img {
146
+ max-width: 40%;
147
+ height: 100%;
148
+ }
149
+ :host(limel-card:hover) img {
150
+ transition-duration: 0.2s;
151
+ filter: saturate(1.3);
152
+ }
153
+
154
+ limel-markdown {
155
+ padding: 0.5rem 0.75rem;
156
+ }
157
+
158
+ header {
159
+ display: flex;
160
+ justify-content: center;
161
+ gap: 0.5rem;
162
+ padding: 0.25rem 0.75rem;
163
+ }
164
+ :host(limel-card[orientation=landscape]) header {
165
+ padding-top: 0.5rem;
166
+ }
167
+ header:has(limel-icon) {
168
+ padding-left: 0.25rem;
169
+ }
170
+ header .headings {
171
+ flex-grow: 1;
172
+ display: flex;
173
+ flex-direction: column;
174
+ gap: 0.125rem;
175
+ }
176
+ header limel-icon {
177
+ flex-shrink: 0;
178
+ width: 2rem;
179
+ }
180
+ header h1 {
181
+ font-size: 1.125rem;
182
+ font-weight: 500;
183
+ color: var(--card-heading-color, rgb(var(--contrast-1100)));
184
+ letter-spacing: -0.03125rem;
185
+ }
186
+ header h2 {
187
+ font-size: 0.875rem;
188
+ font-weight: 400;
189
+ color: var(--card-subheading-color, rgb(var(--contrast-1000)));
190
+ }
191
+ header h1,
192
+ header h2 {
193
+ word-break: break-word;
194
+ hyphens: auto;
195
+ -webkit-hyphens: auto;
196
+ margin: 0;
197
+ }
198
+
199
+ limel-action-bar {
200
+ padding: 0.5rem;
201
+ margin-left: auto;
202
+ }
@@ -0,0 +1,282 @@
1
+ import { h } from '@stencil/core';
2
+ import { isItem } from '../action-bar/isItem';
3
+ import { getIconName } from '../icon/get-icon-props';
4
+ /**
5
+ * Card is a component that displays content about a single topic,
6
+ * in a structured way. It can contain a header, and some supporting media such
7
+ * as an image or an icon, a body of text, or optional actions.
8
+ *
9
+ * @exampleComponent limel-example-card-basic
10
+ * @exampleComponent limel-example-card-image
11
+ * @exampleComponent limel-example-card-actions
12
+ * @exampleComponent limel-example-card-clickable
13
+ * @exampleComponent limel-example-card-orientation
14
+ * @exampleComponent limel-example-card-slot
15
+ * @exampleComponent limel-example-card-styling
16
+ * @beta
17
+ */
18
+ export class Card {
19
+ constructor() {
20
+ this.handleActionSelect = (event) => {
21
+ event.stopPropagation();
22
+ if (isItem(event.detail)) {
23
+ this.actionSelected.emit(event.detail);
24
+ }
25
+ };
26
+ this.heading = undefined;
27
+ this.subheading = undefined;
28
+ this.image = undefined;
29
+ this.icon = undefined;
30
+ this.value = undefined;
31
+ this.actions = [];
32
+ this.clickable = false;
33
+ this.orientation = 'portrait';
34
+ }
35
+ render() {
36
+ return (h("section", { tabindex: this.clickable ? 0 : '' }, this.renderImage(), h("div", { class: "body" }, this.renderHeader(), this.renderSlot(), this.renderValue(), this.renderActionBar())));
37
+ }
38
+ renderImage() {
39
+ if (!this.image) {
40
+ return;
41
+ }
42
+ return h("img", { src: this.image.src, alt: this.image.alt, loading: "lazy" });
43
+ }
44
+ renderHeader() {
45
+ if (!this.heading && !this.subheading && !this.icon) {
46
+ return;
47
+ }
48
+ return (h("header", null, this.renderIcon(), h("div", { class: "headings" }, this.renderHeading(), this.renderSubheading())));
49
+ }
50
+ renderIcon() {
51
+ var _a;
52
+ const icon = getIconName(this.icon);
53
+ const color = typeof this.icon !== 'string' ? (_a = this.icon) === null || _a === void 0 ? void 0 : _a.color : undefined;
54
+ if (!icon) {
55
+ return;
56
+ }
57
+ return (h("limel-icon", { style: {
58
+ color: `${color}`,
59
+ }, badge: true, name: icon }));
60
+ }
61
+ renderHeading() {
62
+ if (!this.heading) {
63
+ return;
64
+ }
65
+ return h("h1", null, this.heading);
66
+ }
67
+ renderSubheading() {
68
+ if (!this.subheading) {
69
+ return;
70
+ }
71
+ return h("h2", null, this.subheading);
72
+ }
73
+ renderSlot() {
74
+ return h("slot", { name: "component" });
75
+ }
76
+ renderValue() {
77
+ return h("limel-markdown", { value: this.value });
78
+ }
79
+ renderActionBar() {
80
+ if (!this.actions.length) {
81
+ return;
82
+ }
83
+ return (h("limel-action-bar", { actions: this.actions, onItemSelected: this.handleActionSelect }));
84
+ }
85
+ static get is() { return "limel-card"; }
86
+ static get encapsulation() { return "shadow"; }
87
+ static get originalStyleUrls() {
88
+ return {
89
+ "$": ["card.scss"]
90
+ };
91
+ }
92
+ static get styleUrls() {
93
+ return {
94
+ "$": ["card.css"]
95
+ };
96
+ }
97
+ static get properties() {
98
+ return {
99
+ "heading": {
100
+ "type": "string",
101
+ "mutable": false,
102
+ "complexType": {
103
+ "original": "string",
104
+ "resolved": "string",
105
+ "references": {}
106
+ },
107
+ "required": false,
108
+ "optional": true,
109
+ "docs": {
110
+ "tags": [],
111
+ "text": "Heading of the card,\nto provide a short title about the context."
112
+ },
113
+ "attribute": "heading",
114
+ "reflect": true
115
+ },
116
+ "subheading": {
117
+ "type": "string",
118
+ "mutable": false,
119
+ "complexType": {
120
+ "original": "string",
121
+ "resolved": "string",
122
+ "references": {}
123
+ },
124
+ "required": false,
125
+ "optional": true,
126
+ "docs": {
127
+ "tags": [],
128
+ "text": "Subheading of the card\nto provide a short description of the context."
129
+ },
130
+ "attribute": "subheading",
131
+ "reflect": true
132
+ },
133
+ "image": {
134
+ "type": "unknown",
135
+ "mutable": false,
136
+ "complexType": {
137
+ "original": "Image",
138
+ "resolved": "Image",
139
+ "references": {
140
+ "Image": {
141
+ "location": "import",
142
+ "path": "../../global/shared-types/image.types"
143
+ }
144
+ }
145
+ },
146
+ "required": false,
147
+ "optional": true,
148
+ "docs": {
149
+ "tags": [],
150
+ "text": "A hero image to display in the card,\nto enrich the content with visual information."
151
+ }
152
+ },
153
+ "icon": {
154
+ "type": "string",
155
+ "mutable": false,
156
+ "complexType": {
157
+ "original": "string | Icon",
158
+ "resolved": "Icon | string",
159
+ "references": {
160
+ "Icon": {
161
+ "location": "import",
162
+ "path": "../../global/shared-types/icon.types"
163
+ }
164
+ }
165
+ },
166
+ "required": false,
167
+ "optional": true,
168
+ "docs": {
169
+ "tags": [],
170
+ "text": "An icon, to display along with the heading and subheading."
171
+ },
172
+ "attribute": "icon",
173
+ "reflect": true
174
+ },
175
+ "value": {
176
+ "type": "string",
177
+ "mutable": false,
178
+ "complexType": {
179
+ "original": "string",
180
+ "resolved": "string",
181
+ "references": {}
182
+ },
183
+ "required": false,
184
+ "optional": true,
185
+ "docs": {
186
+ "tags": [],
187
+ "text": "The content of the card.\nSupports markdown, to provide a rich text experience."
188
+ },
189
+ "attribute": "value",
190
+ "reflect": false
191
+ },
192
+ "actions": {
193
+ "type": "unknown",
194
+ "mutable": false,
195
+ "complexType": {
196
+ "original": "Array<ActionBarItem | ListSeparator>",
197
+ "resolved": "(ListSeparator | ActionBarItem)[]",
198
+ "references": {
199
+ "Array": {
200
+ "location": "global"
201
+ },
202
+ "ActionBarItem": {
203
+ "location": "import",
204
+ "path": "../action-bar/action-bar.types"
205
+ },
206
+ "ListSeparator": {
207
+ "location": "import",
208
+ "path": "../../global/shared-types/separator.types"
209
+ }
210
+ }
211
+ },
212
+ "required": false,
213
+ "optional": true,
214
+ "docs": {
215
+ "tags": [],
216
+ "text": "Actions to display in the card,\nto provide the user with options to interact with the content."
217
+ },
218
+ "defaultValue": "[]"
219
+ },
220
+ "clickable": {
221
+ "type": "boolean",
222
+ "mutable": false,
223
+ "complexType": {
224
+ "original": "boolean",
225
+ "resolved": "boolean",
226
+ "references": {}
227
+ },
228
+ "required": false,
229
+ "optional": false,
230
+ "docs": {
231
+ "tags": [],
232
+ "text": "When true, improve the accessibility of the component and hints the user\nthat the card can be interacted width."
233
+ },
234
+ "attribute": "clickable",
235
+ "reflect": true,
236
+ "defaultValue": "false"
237
+ },
238
+ "orientation": {
239
+ "type": "string",
240
+ "mutable": false,
241
+ "complexType": {
242
+ "original": "'landscape' | 'portrait'",
243
+ "resolved": "\"landscape\" | \"portrait\"",
244
+ "references": {}
245
+ },
246
+ "required": false,
247
+ "optional": false,
248
+ "docs": {
249
+ "tags": [],
250
+ "text": "The orientation of the card,\nspecially useful when the card has an image."
251
+ },
252
+ "attribute": "orientation",
253
+ "reflect": true,
254
+ "defaultValue": "'portrait'"
255
+ }
256
+ };
257
+ }
258
+ static get events() {
259
+ return [{
260
+ "method": "actionSelected",
261
+ "name": "actionSelected",
262
+ "bubbles": true,
263
+ "cancelable": true,
264
+ "composed": true,
265
+ "docs": {
266
+ "tags": [],
267
+ "text": "Fired when a action bar item has been clicked."
268
+ },
269
+ "complexType": {
270
+ "original": "ActionBarItem",
271
+ "resolved": "ActionBarItemOnlyIcon<any> | ActionBarItemWithLabel<any>",
272
+ "references": {
273
+ "ActionBarItem": {
274
+ "location": "import",
275
+ "path": "../action-bar/action-bar.types"
276
+ }
277
+ }
278
+ }
279
+ }];
280
+ }
281
+ }
282
+ //# sourceMappingURL=card.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Event, EventEmitter } from '@stencil/core';\nimport { Image } from '../../global/shared-types/image.types';\nimport { Icon } from '../../global/shared-types/icon.types';\nimport { isItem } from '../action-bar/isItem';\nimport { getIconName } from '../icon/get-icon-props';\nimport { ListSeparator } from '../../global/shared-types/separator.types';\nimport { ActionBarItem } from '../action-bar/action-bar.types';\n\n/**\n * Card is a component that displays content about a single topic,\n * in a structured way. It can contain a header, and some supporting media such\n * as an image or an icon, a body of text, or optional actions.\n *\n * @exampleComponent limel-example-card-basic\n * @exampleComponent limel-example-card-image\n * @exampleComponent limel-example-card-actions\n * @exampleComponent limel-example-card-clickable\n * @exampleComponent limel-example-card-orientation\n * @exampleComponent limel-example-card-slot\n * @exampleComponent limel-example-card-styling\n * @beta\n */\n@Component({\n tag: 'limel-card',\n shadow: true,\n styleUrl: 'card.scss',\n})\nexport class Card {\n /**\n * Heading of the card,\n * to provide a short title about the context.\n */\n @Prop({ reflect: true })\n public heading?: string;\n\n /**\n * Subheading of the card\n * to provide a short description of the context.\n */\n @Prop({ reflect: true })\n public subheading?: string;\n\n /**\n * A hero image to display in the card,\n * to enrich the content with visual information.\n */\n @Prop()\n public image?: Image;\n\n /**\n * An icon, to display along with the heading and subheading.\n */\n @Prop({ reflect: true })\n public icon?: string | Icon;\n\n /**\n * The content of the card.\n * Supports markdown, to provide a rich text experience.\n */\n @Prop()\n public value?: string;\n\n /**\n * Actions to display in the card,\n * to provide the user with options to interact with the content.\n */\n @Prop()\n public actions?: Array<ActionBarItem | ListSeparator> = [];\n\n /**\n * When true, improve the accessibility of the component and hints the user\n * that the card can be interacted width.\n */\n @Prop({ reflect: true })\n public clickable: boolean = false;\n\n /**\n * The orientation of the card,\n * specially useful when the card has an image.\n */\n @Prop({ reflect: true })\n public orientation: 'landscape' | 'portrait' = 'portrait';\n\n /**\n * Fired when a action bar item has been clicked.\n */\n @Event()\n public actionSelected: EventEmitter<ActionBarItem>;\n\n public render() {\n return (\n <section tabindex={this.clickable ? 0 : ''}>\n {this.renderImage()}\n <div class=\"body\">\n {this.renderHeader()}\n {this.renderSlot()}\n {this.renderValue()}\n {this.renderActionBar()}\n </div>\n </section>\n );\n }\n\n private renderImage() {\n if (!this.image) {\n return;\n }\n\n return <img src={this.image.src} alt={this.image.alt} loading=\"lazy\" />;\n }\n\n private renderHeader() {\n if (!this.heading && !this.subheading && !this.icon) {\n return;\n }\n\n return (\n <header>\n {this.renderIcon()}\n <div class=\"headings\">\n {this.renderHeading()}\n {this.renderSubheading()}\n </div>\n </header>\n );\n }\n\n private renderIcon() {\n const icon = getIconName(this.icon);\n const color =\n typeof this.icon !== 'string' ? this.icon?.color : undefined;\n\n if (!icon) {\n return;\n }\n\n return (\n <limel-icon\n style={{\n color: `${color}`,\n }}\n badge={true}\n name={icon}\n />\n );\n }\n\n private renderHeading() {\n if (!this.heading) {\n return;\n }\n\n return <h1>{this.heading}</h1>;\n }\n\n private renderSubheading() {\n if (!this.subheading) {\n return;\n }\n\n return <h2>{this.subheading}</h2>;\n }\n\n private renderSlot() {\n return <slot name=\"component\" />;\n }\n\n private renderValue() {\n return <limel-markdown value={this.value} />;\n }\n\n private handleActionSelect = (\n event: CustomEvent<ActionBarItem | ListSeparator>,\n ) => {\n event.stopPropagation();\n if (isItem(event.detail)) {\n this.actionSelected.emit(event.detail);\n }\n };\n\n private renderActionBar() {\n if (!this.actions.length) {\n return;\n }\n\n return (\n <limel-action-bar\n actions={this.actions}\n onItemSelected={this.handleActionSelect}\n />\n );\n }\n}\n"]}