@bethinkpl/design-system 28.1.11 → 29.0.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 (171) hide show
  1. package/dist/RadioButton-CLq3zl43.js +63 -0
  2. package/dist/RadioButton-CLq3zl43.js.map +1 -0
  3. package/dist/RadioButton-CjzX_0B_.js +63 -0
  4. package/dist/RadioButton-CjzX_0B_.js.map +1 -0
  5. package/dist/design-system.js +1 -1
  6. package/dist/index-DZo9Qa9T.js +24630 -0
  7. package/dist/index-DZo9Qa9T.js.map +1 -0
  8. package/dist/index-OWTZc1Dt.js +25159 -0
  9. package/dist/index-OWTZc1Dt.js.map +1 -0
  10. package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +3 -1
  11. package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +3 -1
  12. package/dist/lib/js/components/Chip/Chip.vue.d.ts +6 -2
  13. package/dist/lib/js/components/DatePickers/DateBox/DateBox.vue.d.ts +3 -1
  14. package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts +19 -17
  15. package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts +19 -17
  16. package/dist/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue.d.ts +12 -4
  17. package/dist/lib/js/components/Drawer/DrawerListItem/DrawerListItem.vue.d.ts +3 -1
  18. package/dist/lib/js/components/Drawer/DrawerSection/DrawerSection.vue.d.ts +9 -3
  19. package/dist/lib/js/components/Form/Checkbox/Checkbox.vue.d.ts +3 -1
  20. package/dist/lib/js/components/Form/RadioButton/RadioButton.vue.d.ts +3 -1
  21. package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts +6 -2
  22. package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.vue.d.ts +6 -2
  23. package/dist/lib/js/components/Icons/Icon/Icon.consts.d.ts +3 -1
  24. package/dist/lib/js/components/Modal/Modal.vue.d.ts +3 -1
  25. package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +6 -2
  26. package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts +6 -2
  27. package/dist/lib/js/components/Outline/OutlineItem/OutlineItem.vue.d.ts +3 -1
  28. package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +9 -3
  29. package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +3 -1
  30. package/dist/lib/js/components/ProgressDonutChart/ProgressDonutChart.vue.d.ts +3 -1
  31. package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts +6 -2
  32. package/dist/lib/js/components/RichList/RichListItem/RichListItem.vue.d.ts +6 -2
  33. package/dist/lib/js/components/SelectList/SelectListItem/SelectListItem.vue.d.ts +3 -1
  34. package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue.d.ts +3 -1
  35. package/dist/lib/js/components/SelectionTile/SelectionTile.vue.d.ts +9 -3
  36. package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts +3 -1
  37. package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts +3 -1
  38. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +9 -3
  39. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +9 -3
  40. package/dist/lib/js/components/Switch/Switch.vue.d.ts +3 -1
  41. package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts +3 -1
  42. package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts +3 -1
  43. package/dist/lib/js/icons/fontawesome.d.ts +3 -0
  44. package/docs/assets/{AccessStatus-BdWj8HEL.js → AccessStatus-gTZ35kWE.js} +1 -1
  45. package/docs/assets/{AccessStatus.stories-GVUkQE1f.js → AccessStatus.stories-CNlYo4yb.js} +1 -1
  46. package/docs/assets/{Avatar-Ci9PV6Dz.js → Avatar-BE7dVVOm.js} +1 -1
  47. package/docs/assets/{Avatar.stories-CP_vNHJs.js → Avatar.stories-B_Kh3RtC.js} +1 -1
  48. package/docs/assets/{Badge-SCDYFc8w.js → Badge-5Cw0lVjx.js} +1 -1
  49. package/docs/assets/{Badge.stories-CQqhxz2m.js → Badge.stories-Rrw9KmUy.js} +1 -1
  50. package/docs/assets/{BadgeScore-CVOhuJYu.js → BadgeScore-DOO7QEun.js} +1 -1
  51. package/docs/assets/{BadgeScore.stories-BmeGFrO3.js → BadgeScore.stories-Dv3btaRm.js} +1 -1
  52. package/docs/assets/{Banner-C04f9aox.js → Banner-CiGwWJXp.js} +1 -1
  53. package/docs/assets/{Banner.stories-C22ObnEg.js → Banner.stories-D7_kXnTN.js} +1 -1
  54. package/docs/assets/{BasicRichListItem-DlPpQw8B.js → BasicRichListItem-zKgLik2G.js} +1 -1
  55. package/docs/assets/{BasicRichListItem.stories-D0zf6xvZ.js → BasicRichListItem.stories-C8wELqMM.js} +1 -1
  56. package/docs/assets/{BlockadeStatus-BUvv6hbJ.js → BlockadeStatus-FRYRllaW.js} +1 -1
  57. package/docs/assets/{BlockedeStatus.stories-DgkGbTUS.js → BlockedeStatus.stories-C5U7gCzf.js} +1 -1
  58. package/docs/assets/{Button-CkO8nfQL.js → Button-B2zUlKHR.js} +1 -1
  59. package/docs/assets/{Button.stories-B3Oi8pms.js → Button.stories-Du0ul-ee.js} +1 -1
  60. package/docs/assets/{CardExpandable-CC6Pr1oz.js → CardExpandable-Cphp9zJo.js} +1 -1
  61. package/docs/assets/{CardExpandable.stories-BsBfz7bs.js → CardExpandable.stories-BYyvaQ5O.js} +1 -1
  62. package/docs/assets/{Checkbox-nPsikGcU.js → Checkbox-DEeTEf8x.js} +1 -1
  63. package/docs/assets/{Checkbox.stories-BjAFp2Jt.js → Checkbox.stories-Cx8ZCqup.js} +1 -1
  64. package/docs/assets/{Chip-CWjYjTEM.js → Chip-C6ACB4fl.js} +1 -1
  65. package/docs/assets/{Chip.stories-2kuRscH5.js → Chip.stories-upOIdUqx.js} +1 -1
  66. package/docs/assets/{Color-ERTF36HU-BlktiSeG.js → Color-ERTF36HU-BH5lhmVh.js} +1 -1
  67. package/docs/assets/{CounterToggle-BpUoZ2tV.js → CounterToggle-CBBFhB0y.js} +1 -1
  68. package/docs/assets/{CounterToggle.stories-ta4dNHKz.js → CounterToggle.stories-CuoAnPiT.js} +1 -1
  69. package/docs/assets/{DateBox.stories-Bzu0Vnil.js → DateBox.stories-CNnHsWKg.js} +1 -1
  70. package/docs/assets/{DatePicker-D3RZ5dBz.js → DatePicker-CiTbht9L.js} +1 -1
  71. package/docs/assets/{DatePicker.stories-BobAnipv.js → DatePicker.stories-DM3ePzdz.js} +1 -1
  72. package/docs/assets/{DateRangePicker-BvhHGbm5.js → DateRangePicker-CtXbeOvt.js} +1 -1
  73. package/docs/assets/{DateRangePicker.stories-D0Pj1AyQ.js → DateRangePicker.stories-bPmGnZNJ.js} +1 -1
  74. package/docs/assets/{DocsRenderer-CFRXHY34-FbBcO8mF.js → DocsRenderer-CFRXHY34-Bb5ZCuWz.js} +5 -5
  75. package/docs/assets/{DrawerHeader-Dp64kPR3.js → DrawerHeader-B73JIWxJ.js} +1 -1
  76. package/docs/assets/{DrawerHeader.stories-DyI8-2pM.js → DrawerHeader.stories-C6fnCICA.js} +1 -1
  77. package/docs/assets/{DrawerListItem-BQsz6gun.js → DrawerListItem-B77TKMq3.js} +1 -1
  78. package/docs/assets/{DrawerListItem.stories-CQvCCNlU.js → DrawerListItem.stories-CCySDWY_.js} +1 -1
  79. package/docs/assets/{DrawerListItemGroup.stories-CMHq0CiY.js → DrawerListItemGroup.stories-CUVA8vmw.js} +1 -1
  80. package/docs/assets/{DrawerSection-DL9umMCz.js → DrawerSection-jmPiv0zV.js} +1 -1
  81. package/docs/assets/{DrawerSection.stories-wfZ-kI9W.js → DrawerSection.stories-in7ueh2L.js} +1 -1
  82. package/docs/assets/{DrawerTile-Ce-5hmAO.js → DrawerTile-TstvXnvE.js} +1 -1
  83. package/docs/assets/{DrawerTile.stories-4zKl3xnK.js → DrawerTile.stories-BsPPenGK.js} +1 -1
  84. package/docs/assets/{Dropdown.stories-0e519yem.js → Dropdown.stories-Dq70KFPI.js} +1 -1
  85. package/docs/assets/{FeatureIcon-Y6OPBXAQ.js → FeatureIcon-D4m6z_nW.js} +1 -1
  86. package/docs/assets/{FeatureIcon.stories-DgaDuPzl.js → FeatureIcon.stories-BDeTclEm.js} +1 -1
  87. package/docs/assets/{FormField-CExz2OCD.js → FormField-Cabwnr1x.js} +1 -1
  88. package/docs/assets/{FormField.stories-BbCAamBy.js → FormField.stories-B940dw_F.js} +1 -1
  89. package/docs/assets/{FormField.stories.shared-CghMudas.js → FormField.stories.shared-DTa24XVV.js} +1 -1
  90. package/docs/assets/{FormFieldMessage-lsCyhnrz.js → FormFieldMessage-ReW8wyXl.js} +1 -1
  91. package/docs/assets/{FormFieldMessage.stories-CppRtLe3.js → FormFieldMessage.stories-BC8EOk29.js} +1 -1
  92. package/docs/assets/{GroupRichListItem-jSLVSSLu.js → GroupRichListItem-Cne-DseP.js} +1 -1
  93. package/docs/assets/{GroupRichListItem.stories-7PlwvpuO.js → GroupRichListItem.stories-B1iuOilR.js} +1 -1
  94. package/docs/assets/{HelpButton-8yBuKGuZ.js → HelpButton-DtDWTLw6.js} +1 -1
  95. package/docs/assets/{HelpButton.stories-CipHxgeZ.js → HelpButton.stories-CpyP1SPG.js} +1 -1
  96. package/docs/assets/Icon-CrGnHcSg.js +558 -0
  97. package/docs/assets/{Icon.stories-DHZZ3mvy.js → Icon.stories-BAc6nvEG.js} +1 -1
  98. package/docs/assets/{IconButton-CtZLgp31.js → IconButton-COu1YaXe.js} +1 -1
  99. package/docs/assets/{IconButton.stories-Bo_AG9M2.js → IconButton.stories-_ChFVAIg.js} +1 -1
  100. package/docs/assets/{IconText-CWsWf2g_.js → IconText-C0gfVDlj.js} +1 -1
  101. package/docs/assets/{IconText.stories-4BvRrEgi.js → IconText.stories-ExR2NVl1.js} +1 -1
  102. package/docs/assets/{InputField-C74b9Gau.js → InputField-ohZPvjR_.js} +1 -1
  103. package/docs/assets/{InputField.stories-DvISFaYu.js → InputField.stories-O4uV5x9e.js} +1 -1
  104. package/docs/assets/{Modal-DsxjbIFd.js → Modal-Cvfba84P.js} +1 -1
  105. package/docs/assets/{Modal.stories-BYtGXrwy.js → Modal.stories-4GFwWRzg.js} +1 -1
  106. package/docs/assets/{ModalDialog-B8LwGEt2.js → ModalDialog-yI7htXrm.js} +1 -1
  107. package/docs/assets/{ModalDialog.stories-D4usqhos.js → ModalDialog.stories-30I2hLBU.js} +1 -1
  108. package/docs/assets/{OutlineItem-CUh3x7uj.js → OutlineItem-CYg3nFP2.js} +1 -1
  109. package/docs/assets/{OutlineItem.stories-Csq-AzQp.js → OutlineItem.stories-C9Pm_kmL.js} +1 -1
  110. package/docs/assets/{OverlayHeader-PSw26L4m.js → OverlayHeader-T0rtNJ5v.js} +1 -1
  111. package/docs/assets/{OverlayHeader.stories-D9g5U0Pj.js → OverlayHeader.stories-BUJMeka9.js} +1 -1
  112. package/docs/assets/{Pagination-Dv3KxswA.js → Pagination-FSn6DfXQ.js} +1 -1
  113. package/docs/assets/{Pagination.stories-CpCXiimP.js → Pagination.stories-B_sAlKGS.js} +1 -1
  114. package/docs/assets/{PasswordField-Bv9vcN1f.js → PasswordField-Boh6_ZnE.js} +1 -1
  115. package/docs/assets/{PasswordField.stories-Db1HaIQg.js → PasswordField.stories-V7OQZVC1.js} +1 -1
  116. package/docs/assets/{PopOver-Bu4OecEL.js → PopOver-CUdfwq3A.js} +1 -1
  117. package/docs/assets/{PopOver.stories-4X7IRGd2.js → PopOver.stories-FqPZWcJ9.js} +1 -1
  118. package/docs/assets/{ProgressBar-BueihNZW.js → ProgressBar-BhZ_Zxla.js} +1 -1
  119. package/docs/assets/{ProgressBar.stories-BLOVj64D.js → ProgressBar.stories-6rmdb5hc.js} +1 -1
  120. package/docs/assets/{ProgressDonutChart-BiwRSQdi.js → ProgressDonutChart-BQ0JluTS.js} +1 -1
  121. package/docs/assets/{ProgressDonutChart.stories-DpBEpWKr.js → ProgressDonutChart.stories-CE3-MoEI.js} +1 -1
  122. package/docs/assets/{RadioButton-Bp9SFfZ-.js → RadioButton-BrsYf8Vs.js} +1 -1
  123. package/docs/assets/{RadioButton.stories-B2zBA2bA.js → RadioButton.stories-DRu1CU2N.js} +1 -1
  124. package/docs/assets/{RichListItem.stories-Bce4UXMH.js → RichListItem.stories-CQmNoamG.js} +1 -1
  125. package/docs/assets/{SectionHeader-D24DKpKk.js → SectionHeader-De5AG7Kp.js} +1 -1
  126. package/docs/assets/{SectionHeader.stories-B6rU3t4b.js → SectionHeader.stories-CjbrwwDR.js} +1 -1
  127. package/docs/assets/{SelectList.stories-4UkgVayE.js → SelectList.stories-1UjfpWBy.js} +1 -1
  128. package/docs/assets/{SelectListItem-Cm2gb4Zb.js → SelectListItem-C8rMqeD0.js} +1 -1
  129. package/docs/assets/{SelectListItem.stories-Dc8rvj-M.js → SelectListItem.stories-DfzBP45n.js} +1 -1
  130. package/docs/assets/{SelectListItemTile-CMvcSQhM.js → SelectListItemTile-BgsZDxzP.js} +1 -1
  131. package/docs/assets/{SelectListItemTile.stories-Vn1ChFh8.js → SelectListItemTile.stories-6DBqMWXb.js} +1 -1
  132. package/docs/assets/{SelectListItemToggle-B_CKRb1r.js → SelectListItemToggle-Dl3WF6dN.js} +1 -1
  133. package/docs/assets/{SelectListItemToggle.stories-BqS6ds45.js → SelectListItemToggle.stories-DcII9AMh.js} +1 -1
  134. package/docs/assets/{SelectionControl-D9AHvJ9c.js → SelectionControl-D6muFiQh.js} +1 -1
  135. package/docs/assets/{SelectionTile-DwraFOpb.js → SelectionTile-fLAucOW8.js} +2 -2
  136. package/docs/assets/{SelectionTile.stories-CdSvm1dD.js → SelectionTile.stories-B374DAX5.js} +1 -1
  137. package/docs/assets/{SurveyQuestionOpenEnded-BTfEhBqQ.js → SurveyQuestionOpenEnded-CVdIPUom.js} +1 -1
  138. package/docs/assets/{SurveyQuestionOpenEnded.stories-0zeFmboG.js → SurveyQuestionOpenEnded.stories-DOsOd2MI.js} +1 -1
  139. package/docs/assets/{SurveyQuestionScale-c2TPdcM1.js → SurveyQuestionScale-BnI-ZPw4.js} +1 -1
  140. package/docs/assets/{SurveyQuestionScale.stories-smJav6lg.js → SurveyQuestionScale.stories-BgzaSJ_5.js} +1 -1
  141. package/docs/assets/{SurveyToggle-B2GeUC4r.js → SurveyToggle--5L10kQN.js} +1 -1
  142. package/docs/assets/{SurveyToggle.stories-DsO-QUIz.js → SurveyToggle.stories-DYJX2c1g.js} +1 -1
  143. package/docs/assets/{Switch-Degx7pMk.js → Switch-EVSQr4xA.js} +1 -1
  144. package/docs/assets/{Switch.stories-C7XsxPaV.js → Switch.stories-B1GuraxO.js} +1 -1
  145. package/docs/assets/{TabItem-D6Wl0a9H.js → TabItem-CLAMsyYY.js} +1 -1
  146. package/docs/assets/{TabItem.stories-BMC_bjxC.js → TabItem.stories-Bqxh0fK_.js} +1 -1
  147. package/docs/assets/{Tile-CpiZ6Id0.js → Tile-vZUZKJ4R.js} +1 -1
  148. package/docs/assets/{Tile.sb.shared-BcJWZcAs.js → Tile.sb.shared-BPdrPz-t.js} +1 -1
  149. package/docs/assets/{Tile.stories-DTjWyUZ5.js → Tile.stories-DhOHEROY.js} +1 -1
  150. package/docs/assets/{Toast-BtBfmURX.js → Toast-_mJ5xyzu.js} +1 -1
  151. package/docs/assets/{Toast.stories-hU3TYBCj.js → Toast.stories-D7VOzRIm.js} +1 -1
  152. package/docs/assets/{ToggleButton-M6m-xo-W.js → ToggleButton-tLeRv-cp.js} +1 -1
  153. package/docs/assets/{ToggleButton.stories-CQnF4zvb.js → ToggleButton.stories-xyKCdRN6.js} +1 -1
  154. package/docs/assets/{Tooltip.stories-BDGU_0Rx.js → Tooltip.stories-CEYtvQ7C.js} +1 -1
  155. package/docs/assets/{Well-B1MXY_H5.js → Well-mxkLK5ek.js} +1 -1
  156. package/docs/assets/{Well.stories-BIY9WdHE.js → Well.stories-CSYBf4g_.js} +1 -1
  157. package/docs/assets/{iframe-ZvMGO8UF.js → iframe-Cy763uQH.js} +2 -2
  158. package/docs/assets/{index-Dxya3VUc.js → index-CxUS_Yh6.js} +1 -1
  159. package/docs/assets/{index-DsSjIsGh.js → index-WX3fqqN3.js} +1 -1
  160. package/docs/assets/{preview-ZPXFTmfU.js → preview-CyKrI_4K.js} +1 -1
  161. package/docs/assets/{preview-CsD4AKEn.js → preview-WA0qcsu7.js} +2 -2
  162. package/docs/assets/{string-ChdEu3d1.js → string-Bp7KUZ_7.js} +1 -1
  163. package/docs/iframe.html +1 -1
  164. package/docs/preview.css +0 -4
  165. package/docs/project.json +1 -1
  166. package/lib/js/components/Icons/Icon/Icon.consts.ts +0 -2
  167. package/lib/js/icons/fontawesome.ts +6 -0
  168. package/lib/styles/_normalize.scss +0 -4
  169. package/package.json +8 -8
  170. package/docs/assets/Icon-BKHsOsqJ.js +0 -761
  171. package/lib/images/icons/mobile-rotate.svg +0 -3
@@ -41,7 +41,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
41
41
  readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
42
42
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
43
43
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
44
- readonly MOBILE_ROTATE: VueConstructor<Vue>;
45
44
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
46
45
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
47
46
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -179,6 +178,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
179
178
  readonly FA_HOURGLASS_START: import('@fortawesome/fontawesome-common-types').IconDefinition;
180
179
  readonly FA_HOURGLASS: import('@fortawesome/fontawesome-common-types').IconDefinition;
181
180
  readonly FA_HOUSE: import('@fortawesome/fontawesome-common-types').IconDefinition;
181
+ readonly FA_IMAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
182
+ readonly FA_IMAGE_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
182
183
  readonly FA_IMAGES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
183
184
  readonly FA_IMAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
184
185
  readonly FA_INFO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -203,6 +204,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
203
204
  readonly FA_MESSAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
204
205
  readonly FA_MESSAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
205
206
  readonly FA_MINUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
207
+ readonly FA_MOBILE_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
206
208
  readonly FA_MONEY_BILL1: import('@fortawesome/fontawesome-common-types').IconDefinition;
207
209
  readonly FA_MUSIC: import('@fortawesome/fontawesome-common-types').IconDefinition;
208
210
  readonly FA_NOTES: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -623,7 +625,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
623
625
  readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
624
626
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
625
627
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
626
- readonly MOBILE_ROTATE: VueConstructor<Vue>;
627
628
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
628
629
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
629
630
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -761,6 +762,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
761
762
  readonly FA_HOURGLASS_START: import('@fortawesome/fontawesome-common-types').IconDefinition;
762
763
  readonly FA_HOURGLASS: import('@fortawesome/fontawesome-common-types').IconDefinition;
763
764
  readonly FA_HOUSE: import('@fortawesome/fontawesome-common-types').IconDefinition;
765
+ readonly FA_IMAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
766
+ readonly FA_IMAGE_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
764
767
  readonly FA_IMAGES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
765
768
  readonly FA_IMAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
766
769
  readonly FA_INFO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -785,6 +788,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
785
788
  readonly FA_MESSAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
786
789
  readonly FA_MESSAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
787
790
  readonly FA_MINUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
791
+ readonly FA_MOBILE_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
788
792
  readonly FA_MONEY_BILL1: import('@fortawesome/fontawesome-common-types').IconDefinition;
789
793
  readonly FA_MUSIC: import('@fortawesome/fontawesome-common-types').IconDefinition;
790
794
  readonly FA_NOTES: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1081,7 +1085,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1081
1085
  readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
1082
1086
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
1083
1087
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
1084
- readonly MOBILE_ROTATE: VueConstructor<Vue>;
1085
1088
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
1086
1089
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
1087
1090
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1219,6 +1222,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1219
1222
  readonly FA_HOURGLASS_START: import('@fortawesome/fontawesome-common-types').IconDefinition;
1220
1223
  readonly FA_HOURGLASS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1221
1224
  readonly FA_HOUSE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1225
+ readonly FA_IMAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1226
+ readonly FA_IMAGE_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1222
1227
  readonly FA_IMAGES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1223
1228
  readonly FA_IMAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
1224
1229
  readonly FA_INFO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1243,6 +1248,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1243
1248
  readonly FA_MESSAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1244
1249
  readonly FA_MESSAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
1245
1250
  readonly FA_MINUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1251
+ readonly FA_MOBILE_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1246
1252
  readonly FA_MONEY_BILL1: import('@fortawesome/fontawesome-common-types').IconDefinition;
1247
1253
  readonly FA_MUSIC: import('@fortawesome/fontawesome-common-types').IconDefinition;
1248
1254
  readonly FA_NOTES: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -14,7 +14,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
14
14
  readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
15
15
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
16
16
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
17
- readonly MOBILE_ROTATE: VueConstructor<Vue>;
18
17
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
19
18
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
20
19
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -152,6 +151,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
152
151
  readonly FA_HOURGLASS_START: import('@fortawesome/fontawesome-common-types').IconDefinition;
153
152
  readonly FA_HOURGLASS: import('@fortawesome/fontawesome-common-types').IconDefinition;
154
153
  readonly FA_HOUSE: import('@fortawesome/fontawesome-common-types').IconDefinition;
154
+ readonly FA_IMAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
155
+ readonly FA_IMAGE_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
155
156
  readonly FA_IMAGES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
156
157
  readonly FA_IMAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
157
158
  readonly FA_INFO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -176,6 +177,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
176
177
  readonly FA_MESSAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
177
178
  readonly FA_MESSAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
178
179
  readonly FA_MINUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
180
+ readonly FA_MOBILE_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
179
181
  readonly FA_MONEY_BILL1: import('@fortawesome/fontawesome-common-types').IconDefinition;
180
182
  readonly FA_MUSIC: import('@fortawesome/fontawesome-common-types').IconDefinition;
181
183
  readonly FA_NOTES: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -14,7 +14,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
14
14
  readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
15
15
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
16
16
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
17
- readonly MOBILE_ROTATE: VueConstructor<Vue>;
18
17
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
19
18
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
20
19
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -152,6 +151,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
152
151
  readonly FA_HOURGLASS_START: import('@fortawesome/fontawesome-common-types').IconDefinition;
153
152
  readonly FA_HOURGLASS: import('@fortawesome/fontawesome-common-types').IconDefinition;
154
153
  readonly FA_HOUSE: import('@fortawesome/fontawesome-common-types').IconDefinition;
154
+ readonly FA_IMAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
155
+ readonly FA_IMAGE_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
155
156
  readonly FA_IMAGES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
156
157
  readonly FA_IMAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
157
158
  readonly FA_INFO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -176,6 +177,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
176
177
  readonly FA_MESSAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
177
178
  readonly FA_MESSAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
178
179
  readonly FA_MINUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
180
+ readonly FA_MOBILE_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
179
181
  readonly FA_MONEY_BILL1: import('@fortawesome/fontawesome-common-types').IconDefinition;
180
182
  readonly FA_MUSIC: import('@fortawesome/fontawesome-common-types').IconDefinition;
181
183
  readonly FA_NOTES: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -31,7 +31,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
31
31
  readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
32
32
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
33
33
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
34
- readonly MOBILE_ROTATE: VueConstructor<Vue>;
35
34
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
36
35
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
37
36
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -169,6 +168,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
169
168
  readonly FA_HOURGLASS_START: import('@fortawesome/fontawesome-common-types').IconDefinition;
170
169
  readonly FA_HOURGLASS: import('@fortawesome/fontawesome-common-types').IconDefinition;
171
170
  readonly FA_HOUSE: import('@fortawesome/fontawesome-common-types').IconDefinition;
171
+ readonly FA_IMAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
172
+ readonly FA_IMAGE_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
172
173
  readonly FA_IMAGES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
173
174
  readonly FA_IMAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
174
175
  readonly FA_INFO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -193,6 +194,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
193
194
  readonly FA_MESSAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
194
195
  readonly FA_MESSAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
195
196
  readonly FA_MINUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
197
+ readonly FA_MOBILE_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
196
198
  readonly FA_MONEY_BILL1: import('@fortawesome/fontawesome-common-types').IconDefinition;
197
199
  readonly FA_MUSIC: import('@fortawesome/fontawesome-common-types').IconDefinition;
198
200
  readonly FA_NOTES: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -630,7 +632,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
630
632
  readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
631
633
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
632
634
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
633
- readonly MOBILE_ROTATE: VueConstructor<Vue>;
634
635
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
635
636
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
636
637
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -768,6 +769,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
768
769
  readonly FA_HOURGLASS_START: import('@fortawesome/fontawesome-common-types').IconDefinition;
769
770
  readonly FA_HOURGLASS: import('@fortawesome/fontawesome-common-types').IconDefinition;
770
771
  readonly FA_HOUSE: import('@fortawesome/fontawesome-common-types').IconDefinition;
772
+ readonly FA_IMAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
773
+ readonly FA_IMAGE_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
771
774
  readonly FA_IMAGES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
772
775
  readonly FA_IMAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
773
776
  readonly FA_INFO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -792,6 +795,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
792
795
  readonly FA_MESSAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
793
796
  readonly FA_MESSAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
794
797
  readonly FA_MINUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
798
+ readonly FA_MOBILE_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
795
799
  readonly FA_MONEY_BILL1: import('@fortawesome/fontawesome-common-types').IconDefinition;
796
800
  readonly FA_MUSIC: import('@fortawesome/fontawesome-common-types').IconDefinition;
797
801
  readonly FA_NOTES: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1153,7 +1157,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1153
1157
  readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
1154
1158
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
1155
1159
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
1156
- readonly MOBILE_ROTATE: VueConstructor<Vue>;
1157
1160
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
1158
1161
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
1159
1162
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1291,6 +1294,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1291
1294
  readonly FA_HOURGLASS_START: import('@fortawesome/fontawesome-common-types').IconDefinition;
1292
1295
  readonly FA_HOURGLASS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1293
1296
  readonly FA_HOUSE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1297
+ readonly FA_IMAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1298
+ readonly FA_IMAGE_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1294
1299
  readonly FA_IMAGES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1295
1300
  readonly FA_IMAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
1296
1301
  readonly FA_INFO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1315,6 +1320,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1315
1320
  readonly FA_MESSAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1316
1321
  readonly FA_MESSAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
1317
1322
  readonly FA_MINUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1323
+ readonly FA_MOBILE_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1318
1324
  readonly FA_MONEY_BILL1: import('@fortawesome/fontawesome-common-types').IconDefinition;
1319
1325
  readonly FA_MUSIC: import('@fortawesome/fontawesome-common-types').IconDefinition;
1320
1326
  readonly FA_NOTES: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -50,7 +50,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
50
50
  readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
51
51
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
52
52
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
53
- readonly MOBILE_ROTATE: VueConstructor<Vue>;
54
53
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
55
54
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
56
55
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -188,6 +187,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
188
187
  readonly FA_HOURGLASS_START: import('@fortawesome/fontawesome-common-types').IconDefinition;
189
188
  readonly FA_HOURGLASS: import('@fortawesome/fontawesome-common-types').IconDefinition;
190
189
  readonly FA_HOUSE: import('@fortawesome/fontawesome-common-types').IconDefinition;
190
+ readonly FA_IMAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
191
+ readonly FA_IMAGE_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
191
192
  readonly FA_IMAGES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
192
193
  readonly FA_IMAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
193
194
  readonly FA_INFO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -212,6 +213,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
212
213
  readonly FA_MESSAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
213
214
  readonly FA_MESSAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
214
215
  readonly FA_MINUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
216
+ readonly FA_MOBILE_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
215
217
  readonly FA_MONEY_BILL1: import('@fortawesome/fontawesome-common-types').IconDefinition;
216
218
  readonly FA_MUSIC: import('@fortawesome/fontawesome-common-types').IconDefinition;
217
219
  readonly FA_NOTES: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -603,7 +605,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
603
605
  readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
604
606
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
605
607
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
606
- readonly MOBILE_ROTATE: VueConstructor<Vue>;
607
608
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
608
609
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
609
610
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -741,6 +742,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
741
742
  readonly FA_HOURGLASS_START: import('@fortawesome/fontawesome-common-types').IconDefinition;
742
743
  readonly FA_HOURGLASS: import('@fortawesome/fontawesome-common-types').IconDefinition;
743
744
  readonly FA_HOUSE: import('@fortawesome/fontawesome-common-types').IconDefinition;
745
+ readonly FA_IMAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
746
+ readonly FA_IMAGE_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
744
747
  readonly FA_IMAGES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
745
748
  readonly FA_IMAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
746
749
  readonly FA_INFO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -765,6 +768,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
765
768
  readonly FA_MESSAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
766
769
  readonly FA_MESSAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
767
770
  readonly FA_MINUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
771
+ readonly FA_MOBILE_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
768
772
  readonly FA_MONEY_BILL1: import('@fortawesome/fontawesome-common-types').IconDefinition;
769
773
  readonly FA_MUSIC: import('@fortawesome/fontawesome-common-types').IconDefinition;
770
774
  readonly FA_NOTES: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1299,7 +1303,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1299
1303
  readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
1300
1304
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
1301
1305
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
1302
- readonly MOBILE_ROTATE: VueConstructor<Vue>;
1303
1306
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
1304
1307
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
1305
1308
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1437,6 +1440,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1437
1440
  readonly FA_HOURGLASS_START: import('@fortawesome/fontawesome-common-types').IconDefinition;
1438
1441
  readonly FA_HOURGLASS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1439
1442
  readonly FA_HOUSE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1443
+ readonly FA_IMAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1444
+ readonly FA_IMAGE_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1440
1445
  readonly FA_IMAGES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1441
1446
  readonly FA_IMAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
1442
1447
  readonly FA_INFO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1461,6 +1466,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1461
1466
  readonly FA_MESSAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1462
1467
  readonly FA_MESSAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
1463
1468
  readonly FA_MINUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1469
+ readonly FA_MOBILE_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1464
1470
  readonly FA_MONEY_BILL1: import('@fortawesome/fontawesome-common-types').IconDefinition;
1465
1471
  readonly FA_MUSIC: import('@fortawesome/fontawesome-common-types').IconDefinition;
1466
1472
  readonly FA_NOTES: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -52,7 +52,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
52
52
  readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
53
53
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
54
54
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
55
- readonly MOBILE_ROTATE: VueConstructor<Vue>;
56
55
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
57
56
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
58
57
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -190,6 +189,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
190
189
  readonly FA_HOURGLASS_START: import('@fortawesome/fontawesome-common-types').IconDefinition;
191
190
  readonly FA_HOURGLASS: import('@fortawesome/fontawesome-common-types').IconDefinition;
192
191
  readonly FA_HOUSE: import('@fortawesome/fontawesome-common-types').IconDefinition;
192
+ readonly FA_IMAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
193
+ readonly FA_IMAGE_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
193
194
  readonly FA_IMAGES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
194
195
  readonly FA_IMAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
195
196
  readonly FA_INFO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -214,6 +215,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
214
215
  readonly FA_MESSAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
215
216
  readonly FA_MESSAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
216
217
  readonly FA_MINUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
218
+ readonly FA_MOBILE_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
217
219
  readonly FA_MONEY_BILL1: import('@fortawesome/fontawesome-common-types').IconDefinition;
218
220
  readonly FA_MUSIC: import('@fortawesome/fontawesome-common-types').IconDefinition;
219
221
  readonly FA_NOTES: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -12,7 +12,6 @@ export declare const data: () => {
12
12
  readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
13
13
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
14
14
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
15
- readonly MOBILE_ROTATE: VueConstructor<Vue>;
16
15
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
17
16
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
18
17
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -150,6 +149,8 @@ export declare const data: () => {
150
149
  readonly FA_HOURGLASS_START: import('@fortawesome/fontawesome-common-types').IconDefinition;
151
150
  readonly FA_HOURGLASS: import('@fortawesome/fontawesome-common-types').IconDefinition;
152
151
  readonly FA_HOUSE: import('@fortawesome/fontawesome-common-types').IconDefinition;
152
+ readonly FA_IMAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
153
+ readonly FA_IMAGE_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
153
154
  readonly FA_IMAGES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
154
155
  readonly FA_IMAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
155
156
  readonly FA_INFO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -174,6 +175,7 @@ export declare const data: () => {
174
175
  readonly FA_MESSAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
175
176
  readonly FA_MESSAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
176
177
  readonly FA_MINUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
178
+ readonly FA_MOBILE_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
177
179
  readonly FA_MONEY_BILL1: import('@fortawesome/fontawesome-common-types').IconDefinition;
178
180
  readonly FA_MUSIC: import('@fortawesome/fontawesome-common-types').IconDefinition;
179
181
  readonly FA_NOTES: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -68,7 +68,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
68
68
  readonly SIDEBAR_FLIP_SOLID: VueConstructor<Vue>;
69
69
  readonly SLIDERS_SEARCH: VueConstructor<Vue>;
70
70
  readonly CLOUD_DISCONNECTED: VueConstructor<Vue>;
71
- readonly MOBILE_ROTATE: VueConstructor<Vue>;
72
71
  readonly FA_ADDRESS_CARD: import('@fortawesome/fontawesome-common-types').IconDefinition;
73
72
  readonly FA_ANGLE_DOWN: import('@fortawesome/fontawesome-common-types').IconDefinition;
74
73
  readonly FA_ANGLE_LEFT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -206,6 +205,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
206
205
  readonly FA_HOURGLASS_START: import('@fortawesome/fontawesome-common-types').IconDefinition;
207
206
  readonly FA_HOURGLASS: import('@fortawesome/fontawesome-common-types').IconDefinition;
208
207
  readonly FA_HOUSE: import('@fortawesome/fontawesome-common-types').IconDefinition;
208
+ readonly FA_IMAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
209
+ readonly FA_IMAGE_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
209
210
  readonly FA_IMAGES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
210
211
  readonly FA_IMAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
211
212
  readonly FA_INFO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -230,6 +231,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
230
231
  readonly FA_MESSAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
231
232
  readonly FA_MESSAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
232
233
  readonly FA_MINUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
234
+ readonly FA_MOBILE_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
233
235
  readonly FA_MONEY_BILL1: import('@fortawesome/fontawesome-common-types').IconDefinition;
234
236
  readonly FA_MUSIC: import('@fortawesome/fontawesome-common-types').IconDefinition;
235
237
  readonly FA_NOTES: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -136,6 +136,8 @@ export declare const FONTAWESOME_ICONS: {
136
136
  readonly FA_HOURGLASS_START: import('@fortawesome/fontawesome-common-types').IconDefinition;
137
137
  readonly FA_HOURGLASS: import('@fortawesome/fontawesome-common-types').IconDefinition;
138
138
  readonly FA_HOUSE: import('@fortawesome/fontawesome-common-types').IconDefinition;
139
+ readonly FA_IMAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
140
+ readonly FA_IMAGE_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
139
141
  readonly FA_IMAGES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
140
142
  readonly FA_IMAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
141
143
  readonly FA_INFO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -160,6 +162,7 @@ export declare const FONTAWESOME_ICONS: {
160
162
  readonly FA_MESSAGE: import('@fortawesome/fontawesome-common-types').IconDefinition;
161
163
  readonly FA_MESSAGES: import('@fortawesome/fontawesome-common-types').IconDefinition;
162
164
  readonly FA_MINUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
165
+ readonly FA_MOBILE_ROTATE: import('@fortawesome/fontawesome-common-types').IconDefinition;
163
166
  readonly FA_MONEY_BILL1: import('@fortawesome/fontawesome-common-types').IconDefinition;
164
167
  readonly FA_MUSIC: import('@fortawesome/fontawesome-common-types').IconDefinition;
165
168
  readonly FA_NOTES: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1 +1 @@
1
- import{d as r,c as o,e as c,a as i,y as u,v as S,l as p,o as _}from"./vue.esm-bundler-DcRN7CPI.js";import{a as d,I as e,b as m}from"./Icon-BKHsOsqJ.js";import{C as s}from"./user-_JB5aHqq.js";import{_ as A}from"./_plugin-vue_export-helper-DlAUqK2U.js";const a=r({name:"AccessStatus",components:{Icon:d},props:{status:{type:String,required:!0}},data(){return{ICONS:Object.freeze(e),ICON_SIZES:Object.freeze(m)}},computed:{icon(){return this.status===s.ACTIVE?e.FA_UNLOCK_KEYHOLE:this.status===s.AWAITING?e.FA_HOURGLASS_START:e.FA_LOCK_KEYHOLE},statusClass(){return this.status===s.ACTIVE?"-ds-active":this.status===s.SUSPENDED?"-ds-suspended":""},text(){return this.status===s.ACTIVE?"Aktywny":this.status===s.AWAITING?"Oczekujący":this.status===s.SUSPENDED?"Zawieszony":this.status===s.DEACTIVATED?"Dezaktywowany":"Zakończony"}}}),f={class:"ds-accessStatus__text"};function C(t,I,l,E,y,N){const n=p("icon");return _(),o("div",{class:S(["ds-accessStatus",t.statusClass])},[c(n,{size:t.ICON_SIZES.X_SMALL,icon:t.icon,class:"ds-accessStatus__icon"},null,8,["size","icon"]),i("span",f,u(t.text),1)],2)}const D=A(a,[["render",C],["__scopeId","data-v-e1478a91"]]);a.__docgenInfo={displayName:"AccessStatus",exportName:"default",description:"",tags:{},props:[{name:"status",type:{name:"string"},required:!0}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Statuses/AccessStatus/AccessStatus.vue"]};export{D as A};
1
+ import{d as r,c as o,e as c,a as i,y as u,v as S,l as p,o as _}from"./vue.esm-bundler-DcRN7CPI.js";import{a as d,I as e,b as m}from"./Icon-CrGnHcSg.js";import{C as s}from"./user-_JB5aHqq.js";import{_ as A}from"./_plugin-vue_export-helper-DlAUqK2U.js";const a=r({name:"AccessStatus",components:{Icon:d},props:{status:{type:String,required:!0}},data(){return{ICONS:Object.freeze(e),ICON_SIZES:Object.freeze(m)}},computed:{icon(){return this.status===s.ACTIVE?e.FA_UNLOCK_KEYHOLE:this.status===s.AWAITING?e.FA_HOURGLASS_START:e.FA_LOCK_KEYHOLE},statusClass(){return this.status===s.ACTIVE?"-ds-active":this.status===s.SUSPENDED?"-ds-suspended":""},text(){return this.status===s.ACTIVE?"Aktywny":this.status===s.AWAITING?"Oczekujący":this.status===s.SUSPENDED?"Zawieszony":this.status===s.DEACTIVATED?"Dezaktywowany":"Zakończony"}}}),f={class:"ds-accessStatus__text"};function C(t,I,l,E,y,N){const n=p("icon");return _(),o("div",{class:S(["ds-accessStatus",t.statusClass])},[c(n,{size:t.ICON_SIZES.X_SMALL,icon:t.icon,class:"ds-accessStatus__icon"},null,8,["size","icon"]),i("span",f,u(t.text),1)],2)}const D=A(a,[["render",C],["__scopeId","data-v-e1478a91"]]);a.__docgenInfo={displayName:"AccessStatus",exportName:"default",description:"",tags:{},props:[{name:"status",type:{name:"string"},required:!0}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Statuses/AccessStatus/AccessStatus.vue"]};export{D as A};
@@ -1,4 +1,4 @@
1
- import{A as r}from"./AccessStatus-BdWj8HEL.js";import{C as o}from"./user-_JB5aHqq.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./Icon-BKHsOsqJ.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const l={title:"Components/Statuses/AccessStatus",component:r},c=n=>({components:{AccessStatus:r},setup(){return n},template:'<access-status :status="status" />'}),t=c.bind({}),p={status:o.ACTIVE},m={status:{control:"select",options:Object.values(o)}};t.argTypes=m;t.args=p;t.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=3040%3A70712"}};var s,e,a;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`args => ({
1
+ import{A as r}from"./AccessStatus-gTZ35kWE.js";import{C as o}from"./user-_JB5aHqq.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./Icon-CrGnHcSg.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const l={title:"Components/Statuses/AccessStatus",component:r},c=n=>({components:{AccessStatus:r},setup(){return n},template:'<access-status :status="status" />'}),t=c.bind({}),p={status:o.ACTIVE},m={status:{control:"select",options:Object.values(o)}};t.argTypes=m;t.args=p;t.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=3040%3A70712"}};var s,e,a;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`args => ({
2
2
  components: {
3
3
  AccessStatus
4
4
  },
@@ -1 +1 @@
1
- import{d as G,q as c,c as u,a as V,g as v,y as D,u as t,G as k,k as O,h,e as I,v as q,o}from"./vue.esm-bundler-DcRN7CPI.js";import{c as l,b as s,B as M,a as C}from"./Badge-SCDYFc8w.js";import{I as d}from"./Icon-BKHsOsqJ.js";import{a as w,T as K}from"./Tooltip-BvaJ_K9_.js";import{_ as F}from"./_plugin-vue_export-helper-DlAUqK2U.js";const e={XX_SMALL:"xx-small",X_SMALL:"x-small",SMALL:"small",MEDIUM:"medium",LARGE:"large",X_LARGE:"x-large"},T={ACTIVE:"active",INACTIVE:"inactive"},r={ACTIVE:"active",INACTIVE:"inactive",AWAITING:"awaiting",BLOCKED:"blocked",TEAM_MEMBER:"team-member"},H=["src","alt"],W={key:1,class:"ds-avatar__initials"},Y={key:0,class:"ds-avatar__activityStatus"},x={key:1,class:"ds-avatar__accessStatus"},y=G({__name:"Avatar",props:{username:{},avatarUrl:{},size:{default:()=>e.X_SMALL},activityStatus:{},accessStatus:{},teamMemberImageUrl:{},activityStatusTooltip:{}},setup(i){const{initials:f,initialBackgroundColor:_}=R(),{accessStatusColor:g,accessStatusIcon:U,accessStatusSize:p,accessStatusImage:z}=X(),{activityStatusColor:b,activityStatusSize:N}=B();function R(){const a=["#1abc9c","#2ecc71","#3498db","#9b59b6","#34495e","#16a085","#27ae60","#2980b9","#8e44ad","#2c3e50","#f1c40f","#e67e22","#e74c3c","#f39c12","#d35400","#c0392b"];function n(A){const[m,E]=A.split(/\s+/);return m&&E?`${m[0]}${E[0]}`.toUpperCase():m.substring(0,2).toUpperCase()}const S=c(()=>{if(i.avatarUrl)return;const A=(i.username.charCodeAt(0)-65)%16;return a[A]});return{initials:c(()=>n(i.username)),initialBackgroundColor:S}}function X(){const a=c(()=>{switch(i.accessStatus){case r.ACTIVE:return l.SUCCESS;case r.INACTIVE:case r.AWAITING:return l.NEUTRAL;case r.BLOCKED:return l.DANGER;default:return}}),n=c(()=>{switch(i.accessStatus){case r.ACTIVE:return d.FA_UNLOCK_KEYHOLE;case r.BLOCKED:case r.INACTIVE:return d.FA_LOCK_KEYHOLE;case r.AWAITING:return d.FA_HOURGLASS_START;default:return}}),S=c(()=>{switch(i.size){case e.XX_SMALL:return s.SMALL;case e.X_SMALL:return s.SMALL;case e.SMALL:return s.SMALL;case e.MEDIUM:return s.MEDIUM;case e.LARGE:return s.MEDIUM;case e.X_LARGE:default:return s.X_LARGE}}),L=c(()=>{if(i.accessStatus===r.TEAM_MEMBER)return i.teamMemberImageUrl});return{accessStatusColor:a,accessStatusIcon:n,accessStatusSize:S,accessStatusImage:L}}function B(){const a=c(()=>{switch(i.activityStatus){case T.ACTIVE:return l.SUCCESS;default:case T.INACTIVE:return l.NEUTRAL}}),n=c(()=>{switch(i.size){case e.XX_SMALL:return s.X_SMALL;case e.X_SMALL:return s.SMALL;case e.SMALL:return s.SMALL;case e.MEDIUM:return s.MEDIUM;case e.LARGE:return s.MEDIUM;case e.X_LARGE:default:return s.MEDIUM}});return{activityStatusColor:a,activityStatusSize:n}}return(a,n)=>(o(),u("div",{class:q(["ds-avatar",{"-ds-xx-small":a.size===t(e).XX_SMALL,"-ds-x-small":a.size===t(e).X_SMALL,"-ds-small":a.size===t(e).SMALL,"-ds-medium":a.size===t(e).MEDIUM,"-ds-large":a.size===t(e).LARGE,"-ds-x-large":a.size===t(e).X_LARGE}])},[V("div",{class:"ds-avatar__content",style:k({backgroundColor:t(_)})},[a.avatarUrl?(o(),u("img",{key:0,src:a.avatarUrl,alt:a.username,class:"ds-avatar__image"},null,8,H)):(o(),u("span",W,D(t(f)),1))],4),a.activityStatus?(o(),u("div",Y,[(o(),O(t(K),{key:a.activityStatusTooltip,class:"ds-avatar__activityStatusTooltip",text:a.activityStatusTooltip,"is-disabled":!a.activityStatusTooltip,"is-pointer-visible":"",placement:t(w).BOTTOM,"is-hidden-on-mobile":!1},{default:h(()=>[I(t(M),{color:t(b),elevation:t(C).X_SMALL,size:t(N)},null,8,["color","elevation","size"])]),_:1},8,["text","is-disabled","placement"]))])):v("",!0),a.accessStatus?(o(),u("div",x,[I(t(M),{color:t(g),elevation:t(C).SMALL,icon:t(U),size:t(p),"image-url":t(z)},null,8,["color","elevation","icon","size","image-url"])])):v("",!0)],2))}}),Q=F(y,[["__scopeId","data-v-18be9f69"]]);y.__docgenInfo={exportName:"default",displayName:"Avatar",description:"",tags:{},props:[{name:"username",required:!0,type:{name:"string"}},{name:"avatarUrl",required:!1,type:{name:"string"}},{name:"size",required:!1,type:{name:"AvatarSize"}},{name:"activityStatus",required:!1,type:{name:"AvatarActivityStatus"}},{name:"accessStatus",required:!1,type:{name:"AvatarAccessStatus"}},{name:"teamMemberImageUrl",required:!1,type:{name:"string"}},{name:"activityStatusTooltip",required:!1,type:{name:"string"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Avatar/Avatar.vue"]};export{Q as A,e as a,T as b,r as c};
1
+ import{d as G,q as c,c as u,a as V,g as v,y as D,u as t,G as k,k as O,h,e as I,v as q,o}from"./vue.esm-bundler-DcRN7CPI.js";import{c as l,b as s,B as M,a as C}from"./Badge-5Cw0lVjx.js";import{I as d}from"./Icon-CrGnHcSg.js";import{a as w,T as K}from"./Tooltip-BvaJ_K9_.js";import{_ as F}from"./_plugin-vue_export-helper-DlAUqK2U.js";const e={XX_SMALL:"xx-small",X_SMALL:"x-small",SMALL:"small",MEDIUM:"medium",LARGE:"large",X_LARGE:"x-large"},T={ACTIVE:"active",INACTIVE:"inactive"},r={ACTIVE:"active",INACTIVE:"inactive",AWAITING:"awaiting",BLOCKED:"blocked",TEAM_MEMBER:"team-member"},H=["src","alt"],W={key:1,class:"ds-avatar__initials"},Y={key:0,class:"ds-avatar__activityStatus"},x={key:1,class:"ds-avatar__accessStatus"},y=G({__name:"Avatar",props:{username:{},avatarUrl:{},size:{default:()=>e.X_SMALL},activityStatus:{},accessStatus:{},teamMemberImageUrl:{},activityStatusTooltip:{}},setup(i){const{initials:f,initialBackgroundColor:_}=R(),{accessStatusColor:g,accessStatusIcon:U,accessStatusSize:p,accessStatusImage:z}=X(),{activityStatusColor:b,activityStatusSize:N}=B();function R(){const a=["#1abc9c","#2ecc71","#3498db","#9b59b6","#34495e","#16a085","#27ae60","#2980b9","#8e44ad","#2c3e50","#f1c40f","#e67e22","#e74c3c","#f39c12","#d35400","#c0392b"];function n(A){const[m,E]=A.split(/\s+/);return m&&E?`${m[0]}${E[0]}`.toUpperCase():m.substring(0,2).toUpperCase()}const S=c(()=>{if(i.avatarUrl)return;const A=(i.username.charCodeAt(0)-65)%16;return a[A]});return{initials:c(()=>n(i.username)),initialBackgroundColor:S}}function X(){const a=c(()=>{switch(i.accessStatus){case r.ACTIVE:return l.SUCCESS;case r.INACTIVE:case r.AWAITING:return l.NEUTRAL;case r.BLOCKED:return l.DANGER;default:return}}),n=c(()=>{switch(i.accessStatus){case r.ACTIVE:return d.FA_UNLOCK_KEYHOLE;case r.BLOCKED:case r.INACTIVE:return d.FA_LOCK_KEYHOLE;case r.AWAITING:return d.FA_HOURGLASS_START;default:return}}),S=c(()=>{switch(i.size){case e.XX_SMALL:return s.SMALL;case e.X_SMALL:return s.SMALL;case e.SMALL:return s.SMALL;case e.MEDIUM:return s.MEDIUM;case e.LARGE:return s.MEDIUM;case e.X_LARGE:default:return s.X_LARGE}}),L=c(()=>{if(i.accessStatus===r.TEAM_MEMBER)return i.teamMemberImageUrl});return{accessStatusColor:a,accessStatusIcon:n,accessStatusSize:S,accessStatusImage:L}}function B(){const a=c(()=>{switch(i.activityStatus){case T.ACTIVE:return l.SUCCESS;default:case T.INACTIVE:return l.NEUTRAL}}),n=c(()=>{switch(i.size){case e.XX_SMALL:return s.X_SMALL;case e.X_SMALL:return s.SMALL;case e.SMALL:return s.SMALL;case e.MEDIUM:return s.MEDIUM;case e.LARGE:return s.MEDIUM;case e.X_LARGE:default:return s.MEDIUM}});return{activityStatusColor:a,activityStatusSize:n}}return(a,n)=>(o(),u("div",{class:q(["ds-avatar",{"-ds-xx-small":a.size===t(e).XX_SMALL,"-ds-x-small":a.size===t(e).X_SMALL,"-ds-small":a.size===t(e).SMALL,"-ds-medium":a.size===t(e).MEDIUM,"-ds-large":a.size===t(e).LARGE,"-ds-x-large":a.size===t(e).X_LARGE}])},[V("div",{class:"ds-avatar__content",style:k({backgroundColor:t(_)})},[a.avatarUrl?(o(),u("img",{key:0,src:a.avatarUrl,alt:a.username,class:"ds-avatar__image"},null,8,H)):(o(),u("span",W,D(t(f)),1))],4),a.activityStatus?(o(),u("div",Y,[(o(),O(t(K),{key:a.activityStatusTooltip,class:"ds-avatar__activityStatusTooltip",text:a.activityStatusTooltip,"is-disabled":!a.activityStatusTooltip,"is-pointer-visible":"",placement:t(w).BOTTOM,"is-hidden-on-mobile":!1},{default:h(()=>[I(t(M),{color:t(b),elevation:t(C).X_SMALL,size:t(N)},null,8,["color","elevation","size"])]),_:1},8,["text","is-disabled","placement"]))])):v("",!0),a.accessStatus?(o(),u("div",x,[I(t(M),{color:t(g),elevation:t(C).SMALL,icon:t(U),size:t(p),"image-url":t(z)},null,8,["color","elevation","icon","size","image-url"])])):v("",!0)],2))}}),Q=F(y,[["__scopeId","data-v-18be9f69"]]);y.__docgenInfo={exportName:"default",displayName:"Avatar",description:"",tags:{},props:[{name:"username",required:!0,type:{name:"string"}},{name:"avatarUrl",required:!1,type:{name:"string"}},{name:"size",required:!1,type:{name:"AvatarSize"}},{name:"activityStatus",required:!1,type:{name:"AvatarActivityStatus"}},{name:"accessStatus",required:!1,type:{name:"AvatarAccessStatus"}},{name:"teamMemberImageUrl",required:!1,type:{name:"string"}},{name:"activityStatusTooltip",required:!1,type:{name:"string"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Avatar/Avatar.vue"]};export{Q as A,e as a,T as b,r as c};
@@ -1,4 +1,4 @@
1
- import{A as o,a as r,b as k,c as m}from"./Avatar-Ci9PV6Dz.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./Badge-SCDYFc8w.js";import"./Icon-BKHsOsqJ.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Tooltip-BvaJ_K9_.js";import"./device-9fgosCm4.js";const S={title:"Components/Avatar",component:o,render:s=>({components:{Avatar:o},setup(){return{args:s}},template:'<Avatar v-bind="args" />'}),argTypes:{size:{control:"select",options:Object.values(r)},accessStatus:{control:{type:"select",labels:{undefined:"None (undefined)"}},options:[void 0,...Object.values(m)]},activityStatus:{control:{type:"select",labels:{undefined:"None (undefined)"}},options:[void 0,...Object.values(k)]},activityStatusTooltip:{control:"text"}}},e={args:{size:r.X_SMALL,username:"Dariusz Chrapek",avatarUrl:"https://wiecejnizlek.pl/wp-content/uploads/2021/08/Dariusz_Chrapek-uai-2996x2996-1-scaled.jpeg",teamMemberImageUrl:"https://lek.wiecejnizlek.pl/images/lek/logo-badge.svg",activityStatusTooltip:"Active now"}};e.parameters={design:{type:"figma",url:"https://www.figma.com/design/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=12364-12175&t=UpUoIm9oCAaH4dEp-4"}};const a={render:s=>({components:{Avatar:o},setup(){return{args:s,names:["Arkadiusz Kowalski","Bartosz Nowak","Cezary Kowalczyk","Dariusz Chrapek","Edward Nowak","Feliks Kowalski","Grzegorz Nowak","Henryk Kowalczyk","Ireneusz Nowak","Jacek Kowalski","Kamil Nowak","Leszek Kowalczyk","Marek Nowak","Norbert Kowalski","Oskar Nowak","Piotr Kowalczyk"]}},template:'<div style="display: flex; gap: 12px; flex-wrap: wrap;"><div v-for="name in names"><Avatar v-bind="args" :username="name" /></div></div>'}),argTypes:{size:{control:"select",options:Object.values(r)},username:{control:!1},avatarUrl:{control:!1}},args:{size:r.X_SMALL,teamMemberImageUrl:"https://lek.wiecejnizlek.pl/images/lek/logo-badge.svg"}};var t,i,l;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{
1
+ import{A as o,a as r,b as k,c as m}from"./Avatar-BE7dVVOm.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./Badge-5Cw0lVjx.js";import"./Icon-CrGnHcSg.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Tooltip-BvaJ_K9_.js";import"./device-9fgosCm4.js";const S={title:"Components/Avatar",component:o,render:s=>({components:{Avatar:o},setup(){return{args:s}},template:'<Avatar v-bind="args" />'}),argTypes:{size:{control:"select",options:Object.values(r)},accessStatus:{control:{type:"select",labels:{undefined:"None (undefined)"}},options:[void 0,...Object.values(m)]},activityStatus:{control:{type:"select",labels:{undefined:"None (undefined)"}},options:[void 0,...Object.values(k)]},activityStatusTooltip:{control:"text"}}},e={args:{size:r.X_SMALL,username:"Dariusz Chrapek",avatarUrl:"https://wiecejnizlek.pl/wp-content/uploads/2021/08/Dariusz_Chrapek-uai-2996x2996-1-scaled.jpeg",teamMemberImageUrl:"https://lek.wiecejnizlek.pl/images/lek/logo-badge.svg",activityStatusTooltip:"Active now"}};e.parameters={design:{type:"figma",url:"https://www.figma.com/design/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=12364-12175&t=UpUoIm9oCAaH4dEp-4"}};const a={render:s=>({components:{Avatar:o},setup(){return{args:s,names:["Arkadiusz Kowalski","Bartosz Nowak","Cezary Kowalczyk","Dariusz Chrapek","Edward Nowak","Feliks Kowalski","Grzegorz Nowak","Henryk Kowalczyk","Ireneusz Nowak","Jacek Kowalski","Kamil Nowak","Leszek Kowalczyk","Marek Nowak","Norbert Kowalski","Oskar Nowak","Piotr Kowalczyk"]}},template:'<div style="display: flex; gap: 12px; flex-wrap: wrap;"><div v-for="name in names"><Avatar v-bind="args" :username="name" /></div></div>'}),argTypes:{size:{control:"select",options:Object.values(r)},username:{control:!1},avatarUrl:{control:!1}},args:{size:r.X_SMALL,teamMemberImageUrl:"https://lek.wiecejnizlek.pl/images/lek/logo-badge.svg"}};var t,i,l;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{
2
2
  args: {
3
3
  size: AVATAR_SIZES.X_SMALL,
4
4
  username: 'Dariusz Chrapek',
@@ -1 +1 @@
1
- import{d as u,q as g,c as n,a as A,g as i,k as S,v as m,u as a,y as p,o as l}from"./vue.esm-bundler-DcRN7CPI.js";import{b as r,a as E}from"./Icon-BKHsOsqJ.js";import{_ as M}from"./_plugin-vue_export-helper-DlAUqK2U.js";const s={X_SMALL:"x-small",SMALL:"small",MEDIUM:"medium",LARGE:"large",X_LARGE:"x-large"},o={PRIMARY:"primary",SUCCESS:"success",DANGER:"danger",FAIL:"fail",NEUTRAL:"neutral"},d={NONE:"none",X_SMALL:"x-small",SMALL:"small"},f={key:0,class:"ds-badge__content"},_=["src"],t=u({__name:"Badge",props:{color:{default:()=>o.PRIMARY},size:{default:()=>s.SMALL},label:{},icon:{},imageUrl:{},elevation:{default:()=>d.X_SMALL}},setup(c){const L=g(()=>{switch(c.size){case s.SMALL:return r.XXX_SMALL;case s.MEDIUM:return r.XX_SMALL;case s.LARGE:return r.X_SMALL;case s.X_LARGE:default:return r.SMALL}});return(e,I)=>(l(),n("div",{class:m(["ds-badge",{"-ds-x-small":e.size===a(s).X_SMALL,"-ds-small":e.size===a(s).SMALL,"-ds-medium":e.size===a(s).MEDIUM,"-ds-large":e.size===a(s).LARGE,"-ds-x-large":e.size===a(s).X_LARGE,"-ds-color-primary":e.color===a(o).PRIMARY,"-ds-color-success":e.color===a(o).SUCCESS,"-ds-color-fail":e.color===a(o).FAIL,"-ds-color-danger":e.color===a(o).DANGER,"-ds-color-neutral":e.color===a(o).NEUTRAL}])},[A("div",{class:m(["ds-badge__elevation",{"-ds-no-elevation":e.elevation===a(d).NONE,"-ds-elevation-s":e.elevation===a(d).SMALL}])},null,2),!e.imageUrl&&!e.icon?(l(),n("div",f,p(e.label),1)):i("",!0),!e.imageUrl&&e.icon?(l(),S(a(E),{key:1,icon:e.icon,size:L.value,class:"ds-badge__icon"},null,8,["icon","size"])):i("",!0),e.imageUrl?(l(),n("img",{key:2,src:e.imageUrl,class:"ds-badge__image"},null,8,_)):i("",!0)],2))}}),v=M(t,[["__scopeId","data-v-b6a257f9"]]);t.__docgenInfo={exportName:"default",displayName:"Badge",description:"",tags:{},props:[{name:"color",required:!1,type:{name:"BadgeColor"}},{name:"size",required:!1,type:{name:"BadgeSize"}},{name:"label",required:!1,type:{name:"string"}},{name:"icon",required:!1,type:{name:"IconItem"}},{name:"imageUrl",required:!1,type:{name:"string"}},{name:"elevation",required:!1,type:{name:"BadgeElevation"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Badge/Badge.vue"]};export{v as B,d as a,s as b,o as c};
1
+ import{d as u,q as g,c as n,a as A,g as i,k as S,v as m,u as a,y as p,o as l}from"./vue.esm-bundler-DcRN7CPI.js";import{b as r,a as E}from"./Icon-CrGnHcSg.js";import{_ as M}from"./_plugin-vue_export-helper-DlAUqK2U.js";const s={X_SMALL:"x-small",SMALL:"small",MEDIUM:"medium",LARGE:"large",X_LARGE:"x-large"},o={PRIMARY:"primary",SUCCESS:"success",DANGER:"danger",FAIL:"fail",NEUTRAL:"neutral"},d={NONE:"none",X_SMALL:"x-small",SMALL:"small"},f={key:0,class:"ds-badge__content"},_=["src"],t=u({__name:"Badge",props:{color:{default:()=>o.PRIMARY},size:{default:()=>s.SMALL},label:{},icon:{},imageUrl:{},elevation:{default:()=>d.X_SMALL}},setup(c){const L=g(()=>{switch(c.size){case s.SMALL:return r.XXX_SMALL;case s.MEDIUM:return r.XX_SMALL;case s.LARGE:return r.X_SMALL;case s.X_LARGE:default:return r.SMALL}});return(e,I)=>(l(),n("div",{class:m(["ds-badge",{"-ds-x-small":e.size===a(s).X_SMALL,"-ds-small":e.size===a(s).SMALL,"-ds-medium":e.size===a(s).MEDIUM,"-ds-large":e.size===a(s).LARGE,"-ds-x-large":e.size===a(s).X_LARGE,"-ds-color-primary":e.color===a(o).PRIMARY,"-ds-color-success":e.color===a(o).SUCCESS,"-ds-color-fail":e.color===a(o).FAIL,"-ds-color-danger":e.color===a(o).DANGER,"-ds-color-neutral":e.color===a(o).NEUTRAL}])},[A("div",{class:m(["ds-badge__elevation",{"-ds-no-elevation":e.elevation===a(d).NONE,"-ds-elevation-s":e.elevation===a(d).SMALL}])},null,2),!e.imageUrl&&!e.icon?(l(),n("div",f,p(e.label),1)):i("",!0),!e.imageUrl&&e.icon?(l(),S(a(E),{key:1,icon:e.icon,size:L.value,class:"ds-badge__icon"},null,8,["icon","size"])):i("",!0),e.imageUrl?(l(),n("img",{key:2,src:e.imageUrl,class:"ds-badge__image"},null,8,_)):i("",!0)],2))}}),v=M(t,[["__scopeId","data-v-b6a257f9"]]);t.__docgenInfo={exportName:"default",displayName:"Badge",description:"",tags:{},props:[{name:"color",required:!1,type:{name:"BadgeColor"}},{name:"size",required:!1,type:{name:"BadgeSize"}},{name:"label",required:!1,type:{name:"string"}},{name:"icon",required:!1,type:{name:"IconItem"}},{name:"imageUrl",required:!1,type:{name:"string"}},{name:"elevation",required:!1,type:{name:"BadgeElevation"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Badge/Badge.vue"]};export{v as B,d as a,s as b,o as c};
@@ -1,4 +1,4 @@
1
- import{B as r,a as t,b as o,c as a}from"./Badge-SCDYFc8w.js";import{I as s}from"./Icon-BKHsOsqJ.js";import{B as A,a as v}from"./Banner-C04f9aox.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Button-CkO8nfQL.js";import"./Divider-NOTDPuJ1.js";import"./IconButton-CtZLgp31.js";import"./device-9fgosCm4.js";import"./FeatureIcon-Y6OPBXAQ.js";function I(e){return`<div style="display: inline-flex; background: #ccc; padding: 16px; line-height: 0; margin-bottom: 16px;">${e}</div>
1
+ import{B as r,a as t,b as o,c as a}from"./Badge-5Cw0lVjx.js";import{I as s}from"./Icon-CrGnHcSg.js";import{B as A,a as v}from"./Banner-CiGwWJXp.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Button-B2zUlKHR.js";import"./Divider-NOTDPuJ1.js";import"./IconButton-COu1YaXe.js";import"./device-9fgosCm4.js";import"./FeatureIcon-D4m6z_nW.js";function I(e){return`<div style="display: inline-flex; background: #ccc; padding: 16px; line-height: 0; margin-bottom: 16px;">${e}</div>
2
2
  <ds-banner :color="BANNER_COLORS.WARNING" title="Taka kombinacja jest niezgodna z design systemem!" v-if="invalidUsage" />
3
3
  `}const k={title:"Components/Badges/Badge",component:r,render:e=>({components:{Badge:r,DsBanner:A},setup(){return{BANNER_COLORS:v}},computed:{invalidUsage(){const L=(e.size===o.X_SMALL||e.size===o.SMALL)&&e.label,S=e.size===o.X_SMALL&&(e.icon||e.imageUrl);return L||S},props(){return{...e,icon:s[e.icon]}}},template:I('<Badge v-bind="props" />')}),argTypes:{color:{control:"select",options:Object.values(a)},size:{control:"select",options:Object.values(o)},icon:{control:"select",options:[null,...Object.keys(s)]},elevation:{control:"select",options:Object.values(t)}}},n={args:{color:a.PRIMARY,size:o.SMALL,label:"",icon:void 0,imageUrl:"",elevation:t.X_SMALL}};n.parameters={design:{type:"figma",url:"https://www.figma.com/design/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=12364-10601&m=dev"}};const i={args:{color:a.PRIMARY,size:o.SMALL,label:"",icon:void 0,imageUrl:"https://lek.wiecejnizlek.pl/images/lek/logo-badge.svg",elevation:t.X_SMALL}};var l,c,m;n.parameters={...n.parameters,docs:{...(l=n.parameters)==null?void 0:l.docs,source:{originalSource:`{
4
4
  args: {
@@ -1 +1 @@
1
- import{a as u,b as s,I as d}from"./Icon-BKHsOsqJ.js";import{d as S,j as c,c as f,k as E,g as m,a as n,y as r,v as O,l as p,o}from"./vue.esm-bundler-DcRN7CPI.js";import{_}from"./_plugin-vue_export-helper-DlAUqK2U.js";const l={SUCCESS:"success",WARNING:"warning",FAIL:"fail",INVERTED:"inverted",NEUTRAL:"neutral",NEUTRAL_WEAK:"neutral-weak"},a={MEDIUM:"medium",SMALL:"small",XSMALL:"extra small"},t=S({name:"BadgeScore",components:{WnlIcon:u},props:{text:{type:String,required:!0},suffix:{type:String,required:!1,default:null},color:{type:String,required:!0,validator(e){return Object.values(l).includes(e)}},icon:{type:Object,default:null,validator(e){return Object.values(d).includes(c(e))}},size:{type:String,default:a.MEDIUM,validator(e){return Object.values(a).includes(e)}},fullWidth:{type:Boolean,default:!1}},data(){return{ICON_SIZES:Object.freeze(s),BADGE_SCORE_COLORS:Object.freeze(l),BADGE_SCORE_SIZES:Object.freeze(a)}},computed:{iconSize(){return this.size===a.SMALL?s.X_SMALL:this.size===a.XSMALL?s.XXX_SMALL:s.SMALL}}}),A={class:"ds-badgeScore__text"},C={class:"ds-badgeScore__suffix"};function L(e,R,g,B,I,D){const i=p("wnl-icon");return o(),f("div",{class:O(["ds-badgeScore",{"-ds-success":e.color===e.BADGE_SCORE_COLORS.SUCCESS,"-ds-warning":e.color===e.BADGE_SCORE_COLORS.WARNING,"-ds-fail":e.color===e.BADGE_SCORE_COLORS.FAIL,"-ds-inverted":e.color===e.BADGE_SCORE_COLORS.INVERTED,"-ds-neutralWeak":e.color===e.BADGE_SCORE_COLORS.NEUTRAL_WEAK,"-ds-neutral":e.color===e.BADGE_SCORE_COLORS.NEUTRAL,"-ds-small":e.size===e.BADGE_SCORE_SIZES.SMALL,"-ds-xsmall":e.size===e.BADGE_SCORE_SIZES.XSMALL,"-ds-fullWidth":e.fullWidth}])},[e.icon?(o(),E(i,{key:0,class:"ds-badgeScore__icon",icon:e.icon,size:e.iconSize},null,8,["icon","size"])):m("",!0),n("div",A,r(e.text),1),n("span",C,r(e.suffix),1)],2)}const N=_(t,[["render",L],["__scopeId","data-v-90b52384"]]);t.__docgenInfo={displayName:"BadgeScore",exportName:"default",description:"",tags:{},props:[{name:"text",type:{name:"string"},required:!0},{name:"suffix",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"color",type:{name:"string"},required:!0},{name:"icon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"BADGE_SCORE_SIZES.MEDIUM"}},{name:"fullWidth",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/BadgeScore/BadgeScore.vue"]};export{N as B,l as a,a as b};
1
+ import{a as u,b as s,I as d}from"./Icon-CrGnHcSg.js";import{d as S,j as c,c as f,k as E,g as m,a as n,y as r,v as O,l as p,o}from"./vue.esm-bundler-DcRN7CPI.js";import{_}from"./_plugin-vue_export-helper-DlAUqK2U.js";const l={SUCCESS:"success",WARNING:"warning",FAIL:"fail",INVERTED:"inverted",NEUTRAL:"neutral",NEUTRAL_WEAK:"neutral-weak"},a={MEDIUM:"medium",SMALL:"small",XSMALL:"extra small"},t=S({name:"BadgeScore",components:{WnlIcon:u},props:{text:{type:String,required:!0},suffix:{type:String,required:!1,default:null},color:{type:String,required:!0,validator(e){return Object.values(l).includes(e)}},icon:{type:Object,default:null,validator(e){return Object.values(d).includes(c(e))}},size:{type:String,default:a.MEDIUM,validator(e){return Object.values(a).includes(e)}},fullWidth:{type:Boolean,default:!1}},data(){return{ICON_SIZES:Object.freeze(s),BADGE_SCORE_COLORS:Object.freeze(l),BADGE_SCORE_SIZES:Object.freeze(a)}},computed:{iconSize(){return this.size===a.SMALL?s.X_SMALL:this.size===a.XSMALL?s.XXX_SMALL:s.SMALL}}}),A={class:"ds-badgeScore__text"},C={class:"ds-badgeScore__suffix"};function L(e,R,g,B,I,D){const i=p("wnl-icon");return o(),f("div",{class:O(["ds-badgeScore",{"-ds-success":e.color===e.BADGE_SCORE_COLORS.SUCCESS,"-ds-warning":e.color===e.BADGE_SCORE_COLORS.WARNING,"-ds-fail":e.color===e.BADGE_SCORE_COLORS.FAIL,"-ds-inverted":e.color===e.BADGE_SCORE_COLORS.INVERTED,"-ds-neutralWeak":e.color===e.BADGE_SCORE_COLORS.NEUTRAL_WEAK,"-ds-neutral":e.color===e.BADGE_SCORE_COLORS.NEUTRAL,"-ds-small":e.size===e.BADGE_SCORE_SIZES.SMALL,"-ds-xsmall":e.size===e.BADGE_SCORE_SIZES.XSMALL,"-ds-fullWidth":e.fullWidth}])},[e.icon?(o(),E(i,{key:0,class:"ds-badgeScore__icon",icon:e.icon,size:e.iconSize},null,8,["icon","size"])):m("",!0),n("div",A,r(e.text),1),n("span",C,r(e.suffix),1)],2)}const N=_(t,[["render",L],["__scopeId","data-v-90b52384"]]);t.__docgenInfo={displayName:"BadgeScore",exportName:"default",description:"",tags:{},props:[{name:"text",type:{name:"string"},required:!0},{name:"suffix",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"color",type:{name:"string"},required:!0},{name:"icon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"BADGE_SCORE_SIZES.MEDIUM"}},{name:"fullWidth",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/BadgeScore/BadgeScore.vue"]};export{N as B,l as a,a as b};
@@ -1,4 +1,4 @@
1
- import{B as s,a,b as S}from"./BadgeScore-CVOhuJYu.js";import{I as m}from"./Icon-BKHsOsqJ.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const B={title:"Components/Badges/BadgeScore",component:s},C=o=>({components:{BadgeScore:s},setup(){return o},template:'<badge-score :color="color" :suffix="suffix" :text="text" :size="size" :icon="ICONS[icon]" :fullWidth="fullWidth" />',data(){return{ICONS:Object.freeze(m)}}}),e=C.bind({});e.args={text:"42",suffix:"%",fullWidth:!1,color:a.SUCCESS,icon:"FA_LIGHTBULB",size:S.MEDIUM};e.argTypes={text:{control:"text"},suffix:{control:"text"},color:{control:"select",options:Object.values(a)},icon:{control:"select",options:[null,...Object.keys(m)]},size:{control:"select",options:Object.values(S)}};e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=4348%3A77330"}};const g=o=>({components:{BadgeScore:s},setup(){return o},template:'<badge-score :color="BADGE_SCORE_COLORS.WARNING" suffix="%" text="1" :full-width="fullWidth" />',data(){return{BADGE_SCORE_COLORS:Object.freeze(a)}}}),t=g.bind({});t.args={fullWidth:!1};const r=g.bind({});r.args={fullWidth:!0};var c,i,l;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:`args => ({
1
+ import{B as s,a,b as S}from"./BadgeScore-DOO7QEun.js";import{I as m}from"./Icon-CrGnHcSg.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const B={title:"Components/Badges/BadgeScore",component:s},C=o=>({components:{BadgeScore:s},setup(){return o},template:'<badge-score :color="color" :suffix="suffix" :text="text" :size="size" :icon="ICONS[icon]" :fullWidth="fullWidth" />',data(){return{ICONS:Object.freeze(m)}}}),e=C.bind({});e.args={text:"42",suffix:"%",fullWidth:!1,color:a.SUCCESS,icon:"FA_LIGHTBULB",size:S.MEDIUM};e.argTypes={text:{control:"text"},suffix:{control:"text"},color:{control:"select",options:Object.values(a)},icon:{control:"select",options:[null,...Object.keys(m)]},size:{control:"select",options:Object.values(S)}};e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=4348%3A77330"}};const g=o=>({components:{BadgeScore:s},setup(){return o},template:'<badge-score :color="BADGE_SCORE_COLORS.WARNING" suffix="%" text="1" :full-width="fullWidth" />',data(){return{BADGE_SCORE_COLORS:Object.freeze(a)}}}),t=g.bind({});t.args={fullWidth:!1};const r=g.bind({});r.args={fullWidth:!0};var c,i,l;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:`args => ({
2
2
  components: {
3
3
  BadgeScore
4
4
  },
@@ -1 +1 @@
1
- import{d as x,q as m,b as z,w as D,c as a,a as i,g as t,u as s,e as c,B as T,y as S,f as _,h as k,v as F,o}from"./vue.esm-bundler-DcRN7CPI.js";import{e as $,d as W,c as q,_ as G,b}from"./Button-CkO8nfQL.js";import{b as H,D as V}from"./Divider-NOTDPuJ1.js";import{I as E}from"./Icon-BKHsOsqJ.js";import{a as I,c as C,I as A}from"./IconButton-CtZLgp31.js";import{F as d,a as L,_ as v}from"./FeatureIcon-Y6OPBXAQ.js";import{_ as w}from"./_plugin-vue_export-helper-DlAUqK2U.js";const n={DEFAULT:"default",NEUTRAL:"neutral",INFO:"info",SUCCESS:"success",WARNING:"warning",FAIL:"fail",DANGER:"danger"},u={SMALL:"small",MEDIUM:"medium"},P={class:"ds-banner"},Z={class:"ds-banner__content"},X={class:"ds-banner__header"},j={key:0,class:"ds-banner__iconWrapper"},K={class:"ds-banner__textWrapper"},Y={class:"ds-banner__titleWrapper"},J={class:"ds-banner__title"},Q={key:0,class:"ds-banner__iconWrapperSmall"},ee={key:0,class:"ds-banner__defaultText"},se={key:0,class:"ds-banner__rightWrapper"},ne={key:0,class:"ds-banner__buttonWrapper"},ae={key:1,class:"ds-banner__rightSlot"},oe={key:0,class:"ds-banner__expander"},te={key:1,class:"ds-banner__close"},le={key:0,class:"ds-banner__expandedContainer"},ie={class:"ds-banner__expandedText"},O=x({__name:"Banner",props:{icon:{default:null},buttonText:{},closable:{type:Boolean,default:!1},color:{default:()=>n.DEFAULT},title:{},isExpanded:{type:Boolean,default:!1},isIconHiddenOnMobile:{type:Boolean,default:!1},size:{default:()=>u.MEDIUM},titleInColor:{type:Boolean,default:!1}},emits:["button-clicked","close","update:isExpanded"],setup(p,{emit:U}){const R=U,{toggleExpandedText:y,isExpandedInternal:f}=g(),{sizeClass:M,colorClass:B}=h(),N=m(()=>({[n.DEFAULT]:d.NEUTRAL,[n.NEUTRAL]:d.NEUTRAL,[n.INFO]:d.INFO,[n.SUCCESS]:d.SUCCESS,[n.WARNING]:d.WARNING,[n.FAIL]:d.FAIL,[n.DANGER]:d.DANGER})[p.color]);function g(){const e=z(!1);return D(()=>p.isExpanded,r=>{r!==e.value&&(e.value=r)},{immediate:!0}),{isExpandedInternal:e,toggleExpandedText:()=>{e.value=!e.value,R("update:isExpanded",e.value)}}}function h(){const e=m(()=>({[n.NEUTRAL]:"-ds-neutral",[n.DEFAULT]:"-ds-default",[n.FAIL]:"-ds-fail",[n.INFO]:"-ds-info",[n.SUCCESS]:"-ds-success",[n.WARNING]:"-ds-warning",[n.DANGER]:"-ds-danger"})[p.color]),l=m(()=>({[u.SMALL]:"-ds-small",[u.MEDIUM]:"-ds-medium"})[p.size]);return{colorClass:e,sizeClass:l}}return(e,l)=>(o(),a("div",P,[i("div",{class:F(["ds-banner__inner",[s(B),s(M),{"-ds-titleInColor":e.titleInColor,"-ds-iconHiddenOnMobile":e.isIconHiddenOnMobile}]])},[i("div",Z,[i("div",X,[e.icon&&e.size===s(u).MEDIUM?(o(),a("div",j,[c(s(v),{icon:e.icon,color:N.value,size:s(L).SMALL},null,8,["icon","color","size"])])):t("",!0),i("div",K,[i("div",Y,[i("div",J,[e.icon&&e.size===s(u).SMALL?(o(),a("div",Q,[c(s(v),{icon:e.icon,color:N.value,size:s(L).X_SMALL},null,8,["icon","color","size"])])):t("",!0),T(" "+S(e.title),1)]),e.$slots.defaultText?(o(),a("div",ee,[_(e.$slots,"defaultText",{},void 0,!0)])):t("",!0)]),e.buttonText||e.$slots.rightSlot?(o(),a("div",se,[e.buttonText?(o(),a("div",ne,[c(s(G),{class:"ds-banner__ctaButton",color:s(q).NEUTRAL,type:s(W).OUTLINED,size:s($).SMALL,onClick:l[0]||(l[0]=r=>e.$emit("button-clicked"))},{default:k(()=>[T(S(e.buttonText),1)]),_:1},8,["color","type","size"])])):t("",!0),e.$slots.rightSlot?(o(),a("div",ae,[_(e.$slots,"rightSlot",{},void 0,!0)])):t("",!0)])):t("",!0)])]),e.$slots.expandedText?(o(),a("div",oe,[c(s(A),{size:s(C).SMALL,icon:s(f)?s(E).FA_CHEVRON_UP:s(E).FA_CHEVRON_DOWN,color:s(I).NEUTRAL,radius:s(b).CAPSULE,touchable:!1,onClick:s(y)},null,8,["size","icon","color","radius","onClick"])])):t("",!0),!e.$slots.expandedText&&e.closable?(o(),a("div",te,[c(s(A),{size:s(C).SMALL,icon:s(E).FA_XMARK,color:s(I).NEUTRAL,radius:s(b).CAPSULE,touchable:!1,onClick:l[1]||(l[1]=r=>e.$emit("close"))},null,8,["size","icon","color","radius"])])):t("",!0)]),e.$slots.expandedText&&s(f)?(o(),a("div",le,[c(s(V),{prominence:s(H).STRONG},null,8,["prominence"]),i("div",ie,[_(e.$slots,"expandedText",{},void 0,!0)])])):t("",!0)],2)]))}}),Ee=w(O,[["__scopeId","data-v-f9bc1157"]]);O.__docgenInfo={exportName:"default",displayName:"Banner",description:"",tags:{},props:[{name:"icon",required:!1,type:{name:"union",elements:[{name:"IconItem"},{name:"null"}]}},{name:"buttonText",required:!1,type:{name:"string"}},{name:"closable",required:!1,type:{name:"boolean"}},{name:"color",required:!1,type:{name:"BannerColor"}},{name:"title",required:!0,type:{name:"string"}},{name:"isExpanded",required:!1,type:{name:"boolean"}},{name:"isIconHiddenOnMobile",required:!1,type:{name:"boolean"}},{name:"size",required:!1,type:{name:"BannerSize"}},{name:"titleInColor",required:!1,type:{name:"boolean"}}],events:[{name:"button-clicked"},{name:"close"},{name:"update:isExpanded",type:{names:["boolean"]}}],slots:[{name:"defaultText"},{name:"rightSlot"},{name:"expandedText"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Banner/Banner.vue"]};export{Ee as B,n as a,u as b};
1
+ import{d as x,q as m,b as z,w as D,c as a,a as i,g as t,u as s,e as c,B as T,y as S,f as _,h as k,v as F,o}from"./vue.esm-bundler-DcRN7CPI.js";import{e as $,d as W,c as q,_ as G,b}from"./Button-B2zUlKHR.js";import{b as H,D as V}from"./Divider-NOTDPuJ1.js";import{I as E}from"./Icon-CrGnHcSg.js";import{a as I,c as C,I as A}from"./IconButton-COu1YaXe.js";import{F as d,a as L,_ as v}from"./FeatureIcon-D4m6z_nW.js";import{_ as w}from"./_plugin-vue_export-helper-DlAUqK2U.js";const n={DEFAULT:"default",NEUTRAL:"neutral",INFO:"info",SUCCESS:"success",WARNING:"warning",FAIL:"fail",DANGER:"danger"},u={SMALL:"small",MEDIUM:"medium"},P={class:"ds-banner"},Z={class:"ds-banner__content"},X={class:"ds-banner__header"},j={key:0,class:"ds-banner__iconWrapper"},K={class:"ds-banner__textWrapper"},Y={class:"ds-banner__titleWrapper"},J={class:"ds-banner__title"},Q={key:0,class:"ds-banner__iconWrapperSmall"},ee={key:0,class:"ds-banner__defaultText"},se={key:0,class:"ds-banner__rightWrapper"},ne={key:0,class:"ds-banner__buttonWrapper"},ae={key:1,class:"ds-banner__rightSlot"},oe={key:0,class:"ds-banner__expander"},te={key:1,class:"ds-banner__close"},le={key:0,class:"ds-banner__expandedContainer"},ie={class:"ds-banner__expandedText"},O=x({__name:"Banner",props:{icon:{default:null},buttonText:{},closable:{type:Boolean,default:!1},color:{default:()=>n.DEFAULT},title:{},isExpanded:{type:Boolean,default:!1},isIconHiddenOnMobile:{type:Boolean,default:!1},size:{default:()=>u.MEDIUM},titleInColor:{type:Boolean,default:!1}},emits:["button-clicked","close","update:isExpanded"],setup(p,{emit:U}){const R=U,{toggleExpandedText:y,isExpandedInternal:f}=g(),{sizeClass:M,colorClass:B}=h(),N=m(()=>({[n.DEFAULT]:d.NEUTRAL,[n.NEUTRAL]:d.NEUTRAL,[n.INFO]:d.INFO,[n.SUCCESS]:d.SUCCESS,[n.WARNING]:d.WARNING,[n.FAIL]:d.FAIL,[n.DANGER]:d.DANGER})[p.color]);function g(){const e=z(!1);return D(()=>p.isExpanded,r=>{r!==e.value&&(e.value=r)},{immediate:!0}),{isExpandedInternal:e,toggleExpandedText:()=>{e.value=!e.value,R("update:isExpanded",e.value)}}}function h(){const e=m(()=>({[n.NEUTRAL]:"-ds-neutral",[n.DEFAULT]:"-ds-default",[n.FAIL]:"-ds-fail",[n.INFO]:"-ds-info",[n.SUCCESS]:"-ds-success",[n.WARNING]:"-ds-warning",[n.DANGER]:"-ds-danger"})[p.color]),l=m(()=>({[u.SMALL]:"-ds-small",[u.MEDIUM]:"-ds-medium"})[p.size]);return{colorClass:e,sizeClass:l}}return(e,l)=>(o(),a("div",P,[i("div",{class:F(["ds-banner__inner",[s(B),s(M),{"-ds-titleInColor":e.titleInColor,"-ds-iconHiddenOnMobile":e.isIconHiddenOnMobile}]])},[i("div",Z,[i("div",X,[e.icon&&e.size===s(u).MEDIUM?(o(),a("div",j,[c(s(v),{icon:e.icon,color:N.value,size:s(L).SMALL},null,8,["icon","color","size"])])):t("",!0),i("div",K,[i("div",Y,[i("div",J,[e.icon&&e.size===s(u).SMALL?(o(),a("div",Q,[c(s(v),{icon:e.icon,color:N.value,size:s(L).X_SMALL},null,8,["icon","color","size"])])):t("",!0),T(" "+S(e.title),1)]),e.$slots.defaultText?(o(),a("div",ee,[_(e.$slots,"defaultText",{},void 0,!0)])):t("",!0)]),e.buttonText||e.$slots.rightSlot?(o(),a("div",se,[e.buttonText?(o(),a("div",ne,[c(s(G),{class:"ds-banner__ctaButton",color:s(q).NEUTRAL,type:s(W).OUTLINED,size:s($).SMALL,onClick:l[0]||(l[0]=r=>e.$emit("button-clicked"))},{default:k(()=>[T(S(e.buttonText),1)]),_:1},8,["color","type","size"])])):t("",!0),e.$slots.rightSlot?(o(),a("div",ae,[_(e.$slots,"rightSlot",{},void 0,!0)])):t("",!0)])):t("",!0)])]),e.$slots.expandedText?(o(),a("div",oe,[c(s(A),{size:s(C).SMALL,icon:s(f)?s(E).FA_CHEVRON_UP:s(E).FA_CHEVRON_DOWN,color:s(I).NEUTRAL,radius:s(b).CAPSULE,touchable:!1,onClick:s(y)},null,8,["size","icon","color","radius","onClick"])])):t("",!0),!e.$slots.expandedText&&e.closable?(o(),a("div",te,[c(s(A),{size:s(C).SMALL,icon:s(E).FA_XMARK,color:s(I).NEUTRAL,radius:s(b).CAPSULE,touchable:!1,onClick:l[1]||(l[1]=r=>e.$emit("close"))},null,8,["size","icon","color","radius"])])):t("",!0)]),e.$slots.expandedText&&s(f)?(o(),a("div",le,[c(s(V),{prominence:s(H).STRONG},null,8,["prominence"]),i("div",ie,[_(e.$slots,"expandedText",{},void 0,!0)])])):t("",!0)],2)]))}}),Ee=w(O,[["__scopeId","data-v-f9bc1157"]]);O.__docgenInfo={exportName:"default",displayName:"Banner",description:"",tags:{},props:[{name:"icon",required:!1,type:{name:"union",elements:[{name:"IconItem"},{name:"null"}]}},{name:"buttonText",required:!1,type:{name:"string"}},{name:"closable",required:!1,type:{name:"boolean"}},{name:"color",required:!1,type:{name:"BannerColor"}},{name:"title",required:!0,type:{name:"string"}},{name:"isExpanded",required:!1,type:{name:"boolean"}},{name:"isIconHiddenOnMobile",required:!1,type:{name:"boolean"}},{name:"size",required:!1,type:{name:"BannerSize"}},{name:"titleInColor",required:!1,type:{name:"boolean"}}],events:[{name:"button-clicked"},{name:"close"},{name:"update:isExpanded",type:{names:["boolean"]}}],slots:[{name:"defaultText"},{name:"rightSlot"},{name:"expandedText"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Banner/Banner.vue"]};export{Ee as B,n as a,u as b};
@@ -1,4 +1,4 @@
1
- import{B as a,a as l,b as i}from"./Banner-C04f9aox.js";import{I as s}from"./Icon-BKHsOsqJ.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./Button-CkO8nfQL.js";import"./Divider-NOTDPuJ1.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./IconButton-CtZLgp31.js";import"./device-9fgosCm4.js";import"./FeatureIcon-Y6OPBXAQ.js";const{useArgs:c}=__STORYBOOK_MODULE_PREVIEW_API__,_={title:"Components/Banner",component:a},m=r=>{const[b,d]=c();return{components:{Banner:a},setup(){return r},data(){return{ICONS:Object.freeze(s)}},methods:{onIsExpandedUpdated(p){d({isExpanded:p})}},template:`
1
+ import{B as a,a as l,b as i}from"./Banner-CiGwWJXp.js";import{I as s}from"./Icon-CrGnHcSg.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./Button-B2zUlKHR.js";import"./Divider-NOTDPuJ1.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./IconButton-COu1YaXe.js";import"./device-9fgosCm4.js";import"./FeatureIcon-D4m6z_nW.js";const{useArgs:c}=__STORYBOOK_MODULE_PREVIEW_API__,_={title:"Components/Banner",component:a},m=r=>{const[b,d]=c();return{components:{Banner:a},setup(){return r},data(){return{ICONS:Object.freeze(s)}},methods:{onIsExpandedUpdated(p){d({isExpanded:p})}},template:`
2
2
  <banner
3
3
  :closable="closable"
4
4
  :icon="ICONS[icon]"
@@ -1 +1 @@
1
- import{d as y,j as v,k as b,s as T,h as l,v as S,l as u,o as g,f as n,a as E,e as L}from"./vue.esm-bundler-DcRN7CPI.js";import{c as R,I as C}from"./Icon-BKHsOsqJ.js";import{D as h,T as i,c as r}from"./TextGroup-dzR19lzs.js";import{a as d,e as t,d as p,c as s,f,h as O,R as _,b as D}from"./GroupRichListItem-jSLVSSLu.js";import{_ as V}from"./_plugin-vue_export-helper-DlAUqK2U.js";const m=y({name:"BasicRichListItem",components:{DsTextGroup:h,RichListItem:O},props:{type:{type:String,default:f.DEFAULT,validator(e){return Object.values(f).includes(e)}},state:{type:String,default:s.DEFAULT,validator(e){return Object.values(s).includes(e)}},layout:{type:String,default:p.HORIZONTAL,validator(e){return Object.values(p).includes(e)}},size:{type:String,default:t.MEDIUM,validator(e){return Object.values(t).includes(e)}},isInteractive:{type:Boolean,default:!0},isDimmed:{type:Boolean,default:!1},isDraggable:{type:Boolean,default:!0},icon:{type:Object,default:null,validator(e){return Object.values(C).includes(v(e))}},iconColor:{type:String,default:null,validator(e){return Object.values(R).includes(e)}},iconColorHex:{type:String,default:null},borderColor:{type:String,default:null,validator(e){return Object.values(D).includes(e)}},borderColorHex:{type:String,default:null},text:{type:String,required:!0},textEllipsis:{type:Boolean,default:!1},eyebrow:{type:String,default:null},eyebrowEllipsis:{type:Boolean,default:!1},isEyebrowUppercase:{type:Boolean,default:!1},supportingText:{type:String,default:null},supportingTextEllipsis:{type:Boolean,default:!1},isSupportingTextTooltipEnabled:{type:Boolean,default:!1},backgroundColor:{type:String,default:d.NEUTRAL,validator(e){return Object.values(d).includes(e)}},elevation:{type:String,default:null,validator(e){return Object.values(_).includes(e)}},hasDraggableHandler:{type:Boolean,default:!0},hasActionsSlotDivider:{type:Boolean,default:!0},isSelectable:{type:Boolean,default:!0},isSelected:{type:Boolean,default:!1},isTextGroupSelected:{type:Boolean,default:!1}},emits:{"update:is-selected":e=>!0},data(){return{hovered:!1,RICH_LIST_ITEM_SIZE:Object.freeze(t),RICH_LIST_ITEM_STATE:Object.freeze(s)}},computed:{textGroupSize(){return{[t.SMALL]:r.SMALL,[t.MEDIUM]:r.MEDIUM}[this.size]},textGroupState(){return this.state===s.LOADING?i.LOADING:this.hovered&&this.isInteractive?i.HOVERED:i.DEFAULT}}}),M={class:"ds-basicRichListItem__content"};function A(e,a,H,B,U,w){const c=u("ds-text-group"),I=u("rich-list-item");return g(),b(I,{size:e.size,type:e.type,layout:e.layout,"is-interactive":e.isInteractive,"is-draggable":e.isDraggable,icon:e.icon,"icon-color":e.iconColor,"icon-color-hex":e.iconColorHex,"is-dimmed":e.isDimmed,"border-color":e.borderColor,"border-color-hex":e.borderColorHex,state:e.state,"background-color":e.backgroundColor,elevation:e.elevation,"has-draggable-handler":e.hasDraggableHandler,"has-actions-slot-divider":e.hasActionsSlotDivider,"is-selectable":e.isSelectable,"is-selected":e.isSelected,class:S(["ds-basicRichListItem",{"-ds-loading":e.state===e.RICH_LIST_ITEM_STATE.LOADING,"-ds-small":e.size===e.RICH_LIST_ITEM_SIZE.SMALL}]),onMouseover:a[0]||(a[0]=o=>e.hovered=!0),onMouseleave:a[1]||(a[1]=o=>e.hovered=!1),"onUpdate:isSelected":a[2]||(a[2]=o=>e.$emit("update:is-selected",o))},T({content:l(()=>[E("div",M,[L(c,{"eyebrow-text":e.eyebrow,"eyebrow-text-ellipsis":e.eyebrowEllipsis,"is-eyebrow-text-uppercase":e.isEyebrowUppercase,"is-selected":e.isTextGroupSelected,"is-interactive":!1,"main-text":e.text,"main-text-ellipsis":e.textEllipsis,"supporting-text":e.supportingText,"supporting-text-ellipsis":e.supportingTextEllipsis,size:e.textGroupSize,state:e.textGroupState,"is-supporting-text-tooltip-enabled":e.isSupportingTextTooltipEnabled},null,8,["eyebrow-text","eyebrow-text-ellipsis","is-eyebrow-text-uppercase","is-selected","main-text","main-text-ellipsis","supporting-text","supporting-text-ellipsis","size","state","is-supporting-text-tooltip-enabled"])])]),_:2},[e.$slots.media?{name:"media",fn:l(()=>[n(e.$slots,"media",{},void 0,!0)]),key:"0"}:void 0,e.$slots.metadata?{name:"metadata",fn:l(()=>[n(e.$slots,"metadata",{},void 0,!0)]),key:"1"}:void 0,e.$slots.actions?{name:"actions",fn:l(()=>[n(e.$slots,"actions",{},void 0,!0)]),key:"2"}:void 0]),1032,["size","type","layout","is-interactive","is-draggable","icon","icon-color","icon-color-hex","is-dimmed","border-color","border-color-hex","state","background-color","elevation","has-draggable-handler","has-actions-slot-divider","is-selectable","is-selected","class"])}const k=V(m,[["render",A],["__scopeId","data-v-c8b54c95"]]);m.__docgenInfo={displayName:"BasicRichListItem",exportName:"default",description:"",tags:{},props:[{name:"type",type:{name:"RichListItemType"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_TYPE.DEFAULT"}},{name:"state",type:{name:"RichListItemState"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_STATE.DEFAULT"}},{name:"layout",type:{name:"RichListItemLayout"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_LAYOUT.HORIZONTAL"}},{name:"size",type:{name:"RichListItemSize"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_SIZE.MEDIUM"}},{name:"isInteractive",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isDimmed",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isDraggable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"icon",type:{name:"IconItem"},defaultValue:{func:!1,value:"null"}},{name:"iconColor",type:{name:"IconColor"},defaultValue:{func:!1,value:"null"}},{name:"iconColorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"borderColor",type:{name:"RichListItemBorderColor"},defaultValue:{func:!1,value:"null"}},{name:"borderColorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"text",type:{name:"string"},required:!0},{name:"textEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"eyebrow",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"eyebrowEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isEyebrowUppercase",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"supportingText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"supportingTextEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isSupportingTextTooltipEnabled",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"backgroundColor",type:{name:"RichListItemBackgroundColor"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_BACKGROUND_COLOR.NEUTRAL"}},{name:"elevation",type:{name:"RichListItemElevation"},defaultValue:{func:!1,value:"null"}},{name:"hasDraggableHandler",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"hasActionsSlotDivider",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isSelectable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isTextGroupSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"update:is-selected"}],slots:[{name:"media"},{name:"metadata"},{name:"actions"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue"]};export{k as B};
1
+ import{d as y,j as v,k as b,s as T,h as l,v as S,l as u,o as g,f as n,a as E,e as L}from"./vue.esm-bundler-DcRN7CPI.js";import{c as R,I as C}from"./Icon-CrGnHcSg.js";import{D as h,T as i,c as r}from"./TextGroup-dzR19lzs.js";import{a as d,e as t,d as p,c as s,f,h as O,R as _,b as D}from"./GroupRichListItem-Cne-DseP.js";import{_ as V}from"./_plugin-vue_export-helper-DlAUqK2U.js";const m=y({name:"BasicRichListItem",components:{DsTextGroup:h,RichListItem:O},props:{type:{type:String,default:f.DEFAULT,validator(e){return Object.values(f).includes(e)}},state:{type:String,default:s.DEFAULT,validator(e){return Object.values(s).includes(e)}},layout:{type:String,default:p.HORIZONTAL,validator(e){return Object.values(p).includes(e)}},size:{type:String,default:t.MEDIUM,validator(e){return Object.values(t).includes(e)}},isInteractive:{type:Boolean,default:!0},isDimmed:{type:Boolean,default:!1},isDraggable:{type:Boolean,default:!0},icon:{type:Object,default:null,validator(e){return Object.values(C).includes(v(e))}},iconColor:{type:String,default:null,validator(e){return Object.values(R).includes(e)}},iconColorHex:{type:String,default:null},borderColor:{type:String,default:null,validator(e){return Object.values(D).includes(e)}},borderColorHex:{type:String,default:null},text:{type:String,required:!0},textEllipsis:{type:Boolean,default:!1},eyebrow:{type:String,default:null},eyebrowEllipsis:{type:Boolean,default:!1},isEyebrowUppercase:{type:Boolean,default:!1},supportingText:{type:String,default:null},supportingTextEllipsis:{type:Boolean,default:!1},isSupportingTextTooltipEnabled:{type:Boolean,default:!1},backgroundColor:{type:String,default:d.NEUTRAL,validator(e){return Object.values(d).includes(e)}},elevation:{type:String,default:null,validator(e){return Object.values(_).includes(e)}},hasDraggableHandler:{type:Boolean,default:!0},hasActionsSlotDivider:{type:Boolean,default:!0},isSelectable:{type:Boolean,default:!0},isSelected:{type:Boolean,default:!1},isTextGroupSelected:{type:Boolean,default:!1}},emits:{"update:is-selected":e=>!0},data(){return{hovered:!1,RICH_LIST_ITEM_SIZE:Object.freeze(t),RICH_LIST_ITEM_STATE:Object.freeze(s)}},computed:{textGroupSize(){return{[t.SMALL]:r.SMALL,[t.MEDIUM]:r.MEDIUM}[this.size]},textGroupState(){return this.state===s.LOADING?i.LOADING:this.hovered&&this.isInteractive?i.HOVERED:i.DEFAULT}}}),M={class:"ds-basicRichListItem__content"};function A(e,a,H,B,U,w){const c=u("ds-text-group"),I=u("rich-list-item");return g(),b(I,{size:e.size,type:e.type,layout:e.layout,"is-interactive":e.isInteractive,"is-draggable":e.isDraggable,icon:e.icon,"icon-color":e.iconColor,"icon-color-hex":e.iconColorHex,"is-dimmed":e.isDimmed,"border-color":e.borderColor,"border-color-hex":e.borderColorHex,state:e.state,"background-color":e.backgroundColor,elevation:e.elevation,"has-draggable-handler":e.hasDraggableHandler,"has-actions-slot-divider":e.hasActionsSlotDivider,"is-selectable":e.isSelectable,"is-selected":e.isSelected,class:S(["ds-basicRichListItem",{"-ds-loading":e.state===e.RICH_LIST_ITEM_STATE.LOADING,"-ds-small":e.size===e.RICH_LIST_ITEM_SIZE.SMALL}]),onMouseover:a[0]||(a[0]=o=>e.hovered=!0),onMouseleave:a[1]||(a[1]=o=>e.hovered=!1),"onUpdate:isSelected":a[2]||(a[2]=o=>e.$emit("update:is-selected",o))},T({content:l(()=>[E("div",M,[L(c,{"eyebrow-text":e.eyebrow,"eyebrow-text-ellipsis":e.eyebrowEllipsis,"is-eyebrow-text-uppercase":e.isEyebrowUppercase,"is-selected":e.isTextGroupSelected,"is-interactive":!1,"main-text":e.text,"main-text-ellipsis":e.textEllipsis,"supporting-text":e.supportingText,"supporting-text-ellipsis":e.supportingTextEllipsis,size:e.textGroupSize,state:e.textGroupState,"is-supporting-text-tooltip-enabled":e.isSupportingTextTooltipEnabled},null,8,["eyebrow-text","eyebrow-text-ellipsis","is-eyebrow-text-uppercase","is-selected","main-text","main-text-ellipsis","supporting-text","supporting-text-ellipsis","size","state","is-supporting-text-tooltip-enabled"])])]),_:2},[e.$slots.media?{name:"media",fn:l(()=>[n(e.$slots,"media",{},void 0,!0)]),key:"0"}:void 0,e.$slots.metadata?{name:"metadata",fn:l(()=>[n(e.$slots,"metadata",{},void 0,!0)]),key:"1"}:void 0,e.$slots.actions?{name:"actions",fn:l(()=>[n(e.$slots,"actions",{},void 0,!0)]),key:"2"}:void 0]),1032,["size","type","layout","is-interactive","is-draggable","icon","icon-color","icon-color-hex","is-dimmed","border-color","border-color-hex","state","background-color","elevation","has-draggable-handler","has-actions-slot-divider","is-selectable","is-selected","class"])}const k=V(m,[["render",A],["__scopeId","data-v-c8b54c95"]]);m.__docgenInfo={displayName:"BasicRichListItem",exportName:"default",description:"",tags:{},props:[{name:"type",type:{name:"RichListItemType"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_TYPE.DEFAULT"}},{name:"state",type:{name:"RichListItemState"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_STATE.DEFAULT"}},{name:"layout",type:{name:"RichListItemLayout"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_LAYOUT.HORIZONTAL"}},{name:"size",type:{name:"RichListItemSize"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_SIZE.MEDIUM"}},{name:"isInteractive",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isDimmed",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isDraggable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"icon",type:{name:"IconItem"},defaultValue:{func:!1,value:"null"}},{name:"iconColor",type:{name:"IconColor"},defaultValue:{func:!1,value:"null"}},{name:"iconColorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"borderColor",type:{name:"RichListItemBorderColor"},defaultValue:{func:!1,value:"null"}},{name:"borderColorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"text",type:{name:"string"},required:!0},{name:"textEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"eyebrow",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"eyebrowEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isEyebrowUppercase",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"supportingText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"supportingTextEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isSupportingTextTooltipEnabled",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"backgroundColor",type:{name:"RichListItemBackgroundColor"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_BACKGROUND_COLOR.NEUTRAL"}},{name:"elevation",type:{name:"RichListItemElevation"},defaultValue:{func:!1,value:"null"}},{name:"hasDraggableHandler",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"hasActionsSlotDivider",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isSelectable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isTextGroupSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"update:is-selected"}],slots:[{name:"media"},{name:"metadata"},{name:"actions"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue"]};export{k as B};