@bethinkpl/design-system 26.14.6 → 26.14.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (171) hide show
  1. package/dist/design-system.umd.cjs +15 -15
  2. package/dist/design-system.umd.cjs.map +1 -1
  3. package/docs/assets/{AccessStatus-DzMA_dRH.js → AccessStatus-CyBzoERh.js} +1 -1
  4. package/docs/assets/{AccessStatus.stories--VEkNiy_.js → AccessStatus.stories-0sPTYvv-.js} +1 -1
  5. package/docs/assets/{Avatar-Ddf_DDf6.js → Avatar-CpVRA8eL.js} +1 -1
  6. package/docs/assets/{Avatar.stories-Bw8TMzwN.js → Avatar.stories-DYYzlAKd.js} +1 -1
  7. package/docs/assets/{Badge-DsHkKLq5.js → Badge-u3iER_tw.js} +1 -1
  8. package/docs/assets/{Badge.stories-1MGIb5Ay.js → Badge.stories-68InXnru.js} +1 -1
  9. package/docs/assets/{BadgeScore-DZ7uKkkn.js → BadgeScore-D9YU0SxW.js} +1 -1
  10. package/docs/assets/{BadgeScore.stories-DyWA-wfY.js → BadgeScore.stories-DXa2SIZi.js} +1 -1
  11. package/docs/assets/{Banner-B73N4KyQ.js → Banner-CzZi1DCQ.js} +1 -1
  12. package/docs/assets/{Banner.stories-DwaPbSL6.js → Banner.stories-B-TmP4Qn.js} +1 -1
  13. package/docs/assets/{BasicRichListItem-DOfqex-T.js → BasicRichListItem-wfUgcNwn.js} +1 -1
  14. package/docs/assets/{BasicRichListItem.stories-D9JXulfY.js → BasicRichListItem.stories-CFywNSM9.js} +1 -1
  15. package/docs/assets/{BlockadeStatus-BR_7M5Y7.js → BlockadeStatus-PJXAHtcH.js} +1 -1
  16. package/docs/assets/{BlockedeStatus.stories-D2j3DGI7.js → BlockedeStatus.stories-yb8Gx4CW.js} +1 -1
  17. package/docs/assets/{Button-DHfR56t4.js → Button-D3r6zRpz.js} +1 -1
  18. package/docs/assets/{Button.stories-D3Ki6Zf4.js → Button.stories-Dcd8w8jX.js} +1 -1
  19. package/docs/assets/{Card-BzXb8FVb.js → Card-YhM4NzlD.js} +1 -1
  20. package/docs/assets/{Card.stories-DR5-T-9k.js → Card.stories-CyZBsJ2u.js} +1 -1
  21. package/docs/assets/{CardExpandable-OLKQQ6p3.js → CardExpandable-wW2aRczX.js} +1 -1
  22. package/docs/assets/{CardExpandable.stories-CZsP04Bx.js → CardExpandable.stories-emEQ3Bx6.js} +1 -1
  23. package/docs/assets/{Checkbox-Dw7yhq_D.js → Checkbox-BvMvx4PF.js} +1 -1
  24. package/docs/assets/{Checkbox.stories-CPr-TvdU.js → Checkbox.stories-5L9Gq8wk.js} +1 -1
  25. package/docs/assets/{Chip-D8U2AoNF.js → Chip-BYE4kNFs.js} +1 -1
  26. package/docs/assets/{Chip.stories-B9eiVCD_.js → Chip.stories-DOr6xkEZ.js} +1 -1
  27. package/docs/assets/{Color-ERTF36HU-8HUXIO3y.js → Color-ERTF36HU-DOnyiMts.js} +1 -1
  28. package/docs/assets/{Colors.stories-DsVCBpMK.js → Colors.stories-C8hIYHsM.js} +1 -1
  29. package/docs/assets/{ColorsThemes.stories-CvuM5Lfh.js → ColorsThemes.stories-g01vwZZd.js} +1 -1
  30. package/docs/assets/{ColorsTokensLms.stories-BLf0d4Ej.js → ColorsTokensLms.stories-cGNfW5nL.js} +1 -1
  31. package/docs/assets/{ColorsTokensPrimaryBodywork.stories-DPROdtqj.js → ColorsTokensPrimaryBodywork.stories-YrgPsIZE.js} +1 -1
  32. package/docs/assets/{ColorsTokensPrimaryWnl.stories-BeDXP0UM.js → ColorsTokensPrimaryWnl.stories-pfaw97Pu.js} +1 -1
  33. package/docs/assets/{CounterToggle-_K-to0yi.js → CounterToggle-B4zpnblt.js} +1 -1
  34. package/docs/assets/{CounterToggle.stories-_CTotmHu.js → CounterToggle.stories-Cgi6C5eJ.js} +1 -1
  35. package/docs/assets/{DateBox.stories-Dxd2iHEL.js → DateBox.stories-BFw3vvoa.js} +1 -1
  36. package/docs/assets/{DatePicker-DCnXj9B0.js → DatePicker-BW7O9P83.js} +1 -1
  37. package/docs/assets/{DatePicker.stories-B2oP8EDp.js → DatePicker.stories-4PjFVefr.js} +1 -1
  38. package/docs/assets/DateRangePicker-BYYBLU1m.js +1 -0
  39. package/docs/assets/{DateRangePicker.stories-C-xk_e9Q.js → DateRangePicker.stories-oP5JPftq.js} +1 -1
  40. package/docs/assets/{Divider-CeZli6az.js → Divider-C8Drds6C.js} +1 -1
  41. package/docs/assets/{Divider.stories-BGrVq6Gh.js → Divider.stories-jAhp6jPo.js} +1 -1
  42. package/docs/assets/{DocsRenderer-CFRXHY34-CAMue5G_.js → DocsRenderer-CFRXHY34-BZqNHisi.js} +5 -5
  43. package/docs/assets/{Drawer-SoovlwOt.js → Drawer-DbgJzgqG.js} +1 -1
  44. package/docs/assets/{Drawer.stories-CEU1F2uA.js → Drawer.stories-C6cSORhx.js} +1 -1
  45. package/docs/assets/{DrawerContent-BC_l9IKr.js → DrawerContent-CaU7wIbB.js} +1 -1
  46. package/docs/assets/{DrawerContent.stories-bd7mDbJc.js → DrawerContent.stories-ChrmYVDB.js} +1 -1
  47. package/docs/assets/{DrawerDivider-DuTuIbLz.js → DrawerDivider-1FPi8JiH.js} +1 -1
  48. package/docs/assets/{DrawerDivider.stories-C6fwM_Vr.js → DrawerDivider.stories-BdIRw3cE.js} +1 -1
  49. package/docs/assets/{DrawerHeader-BkmE9DAx.js → DrawerHeader-hSkqwqnX.js} +1 -1
  50. package/docs/assets/{DrawerHeader.stories-5rfHXX9g.js → DrawerHeader.stories-DGBCV6vH.js} +1 -1
  51. package/docs/assets/{DrawerListItem-CTXZN6Bi.js → DrawerListItem-DmA8l7uW.js} +1 -1
  52. package/docs/assets/{DrawerListItem.stories-BEKXtNUK.js → DrawerListItem.stories-CNCj3QWp.js} +1 -1
  53. package/docs/assets/{DrawerListItemGroup-BTfrsZ_p.js → DrawerListItemGroup-DHghqnvr.js} +1 -1
  54. package/docs/assets/{DrawerListItemGroup.stories-COPmhcN6.js → DrawerListItemGroup.stories-sE4_jJ1F.js} +1 -1
  55. package/docs/assets/{DrawerSection-CZ_dBYx4.js → DrawerSection-B5yppbeb.js} +1 -1
  56. package/docs/assets/{DrawerSection.stories-sLxT7vrO.js → DrawerSection.stories-uW3koial.js} +1 -1
  57. package/docs/assets/{DrawerTile-DbrnM1Eh.js → DrawerTile-LBwEy57Y.js} +1 -1
  58. package/docs/assets/{DrawerTile.stories-Dw3ao85n.js → DrawerTile.stories-Bhq7RbK4.js} +1 -1
  59. package/docs/assets/{Dropdown-D0Da3_Op.js → Dropdown-T-DajGjx.js} +1 -1
  60. package/docs/assets/{Dropdown.stories-D5GXGzlY.js → Dropdown.stories-BuGtUidH.js} +1 -1
  61. package/docs/assets/{FeatureIcon-BDPyvlSM.js → FeatureIcon-CX-tLUP-.js} +1 -1
  62. package/docs/assets/{FeatureIcon.stories-BQCkvwda.js → FeatureIcon.stories-DTGhAygI.js} +1 -1
  63. package/docs/assets/{GroupRichListItem-DDOzz7uS.js → GroupRichListItem-DCe6ppc2.js} +1 -1
  64. package/docs/assets/{GroupRichListItem.stories-CyN2evgP.js → GroupRichListItem.stories-C-HPJVJV.js} +1 -1
  65. package/docs/assets/{Icon-D0llnARZ.js → Icon-mlOEH8dY.js} +1 -1
  66. package/docs/assets/{Icon.stories-CTnRL9yQ.js → Icon.stories-C_dap68e.js} +1 -1
  67. package/docs/assets/{IconButton-BJcODvDg.js → IconButton-CZPMfbyF.js} +1 -1
  68. package/docs/assets/{IconButton.stories-BB7ViPXj.js → IconButton.stories-BNvZEFYF.js} +1 -1
  69. package/docs/assets/{IconText-CHD1e6XV.js → IconText-BVEyT_xO.js} +1 -1
  70. package/docs/assets/{IconText.stories-C2BRfPpO.js → IconText.stories-Dos4wpXU.js} +1 -1
  71. package/docs/assets/{Image-B9jnhF_n.js → Image-DBf62AYO.js} +1 -1
  72. package/docs/assets/{Image.stories-DzKTJQnd.js → Image.stories-8CR2Xgh1.js} +1 -1
  73. package/docs/assets/{ItemsList-B6NLHoqB.js → ItemsList-wyz4ig57.js} +1 -1
  74. package/docs/assets/{LoadingBar-C1yAImWt.js → LoadingBar-BrB35t4Q.js} +1 -1
  75. package/docs/assets/{LoadingBar.stories-NffcMV2n.js → LoadingBar.stories-DKbRUeve.js} +1 -1
  76. package/docs/assets/Modal-BBZIcGX3.js +1 -0
  77. package/docs/assets/{Modal.stories-H0HEhSSX.js → Modal.stories-BcsTO1Q0.js} +1 -1
  78. package/docs/assets/{ModalDialog-B1Fx-Up2.js → ModalDialog-WFMRAk1N.js} +1 -1
  79. package/docs/assets/{ModalDialog.stories-BjHBYxwN.js → ModalDialog.stories-MuifsKhJ.js} +1 -1
  80. package/docs/assets/{NumberInCircle-CYZFaZ00.js → NumberInCircle-Bl3O1NY9.js} +1 -1
  81. package/docs/assets/{NumberInCircle.stories-DzdSX4we.js → NumberInCircle.stories-CvQo4d_n.js} +1 -1
  82. package/docs/assets/{OutlineDivider-DItdz99b.js → OutlineDivider-DLeaEHJV.js} +1 -1
  83. package/docs/assets/{OutlineDivider.stories-Cdmgts0G.js → OutlineDivider.stories-kRQwvLLq.js} +1 -1
  84. package/docs/assets/{OutlineItem-zkItoOB5.js → OutlineItem-CTj7r8p5.js} +1 -1
  85. package/docs/assets/{OutlineItem.stories-Cnxjtkf0.js → OutlineItem.stories-D5ClHBwk.js} +1 -1
  86. package/docs/assets/{OutlineSectionHeader-CtypBCqR.js → OutlineSectionHeader-D0yWigNU.js} +1 -1
  87. package/docs/assets/{OutlineSectionHeader.stories-CpZUQfTd.js → OutlineSectionHeader.stories-rgGBTWra.js} +1 -1
  88. package/docs/assets/{OverlayHeader-BKF2Jxw2.js → OverlayHeader-DUuFsfnH.js} +1 -1
  89. package/docs/assets/{OverlayHeader.stories-DQMarEn0.js → OverlayHeader.stories-zXHPPbic.js} +1 -1
  90. package/docs/assets/{PageHeader-DLJRiCDS.js → PageHeader-Bm1rvulD.js} +1 -1
  91. package/docs/assets/{PageHeader.stories-BMlnhYYZ.js → PageHeader.stories-BGuwpE2Y.js} +1 -1
  92. package/docs/assets/{Pagination-BP-W1sZd.js → Pagination-0MF4UxvJ.js} +1 -1
  93. package/docs/assets/{Pagination.stories-D8QusEmL.js → Pagination.stories-BCM_Mbew.js} +1 -1
  94. package/docs/assets/{PopOver-BPteMd3J.js → PopOver-B3x4u7_M.js} +1 -1
  95. package/docs/assets/{PopOver.stories-BQ1BTWwk.js → PopOver.stories-BMGWNs0f.js} +1 -1
  96. package/docs/assets/{ProgressBar-CWgk1hV8.js → ProgressBar-CSyKJzJ7.js} +1 -1
  97. package/docs/assets/{ProgressBar.stories-CATIctgi.js → ProgressBar.stories-BzcvqT0X.js} +1 -1
  98. package/docs/assets/{ProgressDonutChart-WC2lEAZ8.js → ProgressDonutChart-CMlfnJIg.js} +1 -1
  99. package/docs/assets/{ProgressDonutChart.stories-DHJbf9Nx.js → ProgressDonutChart.stories-DU3dcYKw.js} +1 -1
  100. package/docs/assets/{RadioButton-DDS7T3bf.js → RadioButton-CZBArMaJ.js} +1 -1
  101. package/docs/assets/{RadioButton.stories-CwIgskB5.js → RadioButton.stories-DxbA75Q-.js} +1 -1
  102. package/docs/assets/{RichListItem.stories-BI_BQQKa.js → RichListItem.stories-Dkj0fRby.js} +1 -1
  103. package/docs/assets/{SectionHeader-mtDgyTNK.js → SectionHeader-D9YtyaAD.js} +1 -1
  104. package/docs/assets/{SectionHeader.stories-RUYZcEBs.js → SectionHeader.stories-CdOsztQo.js} +1 -1
  105. package/docs/assets/{SectionTitle-_cACyvBA.js → SectionTitle-B_bXkybY.js} +1 -1
  106. package/docs/assets/{SectionTitle.stories-CQMtgSgm.js → SectionTitle.stories-BwEqWW1e.js} +1 -1
  107. package/docs/assets/{SelectList-T6eJOYPv.js → SelectList-D5Bts8VC.js} +1 -1
  108. package/docs/assets/{SelectList.stories-BL3nuotP.js → SelectList.stories-Dq_2i6I2.js} +1 -1
  109. package/docs/assets/{SelectListItem-DorYfEdc.js → SelectListItem-BTuKM0w4.js} +1 -1
  110. package/docs/assets/{SelectListItem.stories-zmIE8Hys.js → SelectListItem.stories-wLkoUQxJ.js} +1 -1
  111. package/docs/assets/{SelectListItemDivider-CTuILyj9.js → SelectListItemDivider-CMQALpY4.js} +1 -1
  112. package/docs/assets/{SelectListItemDivider.stories-CyW1-Pe_.js → SelectListItemDivider.stories-D9qt2vAD.js} +1 -1
  113. package/docs/assets/{SelectListItemTile-DZDC7P_P.js → SelectListItemTile-DjvYvZN2.js} +1 -1
  114. package/docs/assets/{SelectListItemTile.stories-DKJCFIlt.js → SelectListItemTile.stories-BERL6roD.js} +1 -1
  115. package/docs/assets/{SelectListItemToggle-htk1ZR7a.js → SelectListItemToggle-BOlj9KDe.js} +1 -1
  116. package/docs/assets/{SelectListItemToggle.stories-Bcegqjj2.js → SelectListItemToggle.stories-i_Fit9iz.js} +1 -1
  117. package/docs/assets/{SelectListSectionTitle-BOCjrVHo.js → SelectListSectionTitle-DqFzixd5.js} +1 -1
  118. package/docs/assets/{SelectListSectionTitle.stories-8h3E7qrw.js → SelectListSectionTitle.stories-Bff6cW1U.js} +1 -1
  119. package/docs/assets/{SelectionControl-BK_tron5.js → SelectionControl-CPSdtLfn.js} +1 -1
  120. package/docs/assets/{SelectionTile-DqSyMbTY.js → SelectionTile-DKPyO6H7.js} +2 -2
  121. package/docs/assets/{SelectionTile.stories-yjRPyk8o.js → SelectionTile.stories-Cc4SjNRp.js} +1 -1
  122. package/docs/assets/{Skeleton-DMxKKJ0Z.js → Skeleton-Cpsye1IX.js} +1 -1
  123. package/docs/assets/{Skeleton.stories-BHWr0cDF.js → Skeleton.stories-BcZQO1fR.js} +1 -1
  124. package/docs/assets/{SurveyQuestionOpenEnded-BugWE9n5.js → SurveyQuestionOpenEnded-DWI9C78d.js} +1 -1
  125. package/docs/assets/{SurveyQuestionOpenEnded.stories-DqpiJnRe.js → SurveyQuestionOpenEnded.stories-CYrLDfB9.js} +1 -1
  126. package/docs/assets/{SurveyQuestionScale-YQUf1B6i.js → SurveyQuestionScale-BVMA41EG.js} +1 -1
  127. package/docs/assets/{SurveyQuestionScale.stories-DO5YM6k6.js → SurveyQuestionScale.stories-DPZ-AjFp.js} +1 -1
  128. package/docs/assets/{SurveyToggle-CAt6qXiD.js → SurveyToggle-pbbLpF_K.js} +1 -1
  129. package/docs/assets/{SurveyToggle.stories-A44mClL0.js → SurveyToggle.stories-Da2KtymG.js} +1 -1
  130. package/docs/assets/{Switch-D_N0-PMC.js → Switch-mI22_wqI.js} +1 -1
  131. package/docs/assets/{Switch.stories-DJmkpiSd.js → Switch.stories-DJbgEX5x.js} +1 -1
  132. package/docs/assets/{TabItem-CRrapLva.js → TabItem-4XkUTn2I.js} +1 -1
  133. package/docs/assets/{TabItem.stories-Dtgi3LM8.js → TabItem.stories-CxZNhXoy.js} +1 -1
  134. package/docs/assets/{TextGroup-Bk9VXC2h.js → TextGroup-CYKZ-tOo.js} +1 -1
  135. package/docs/assets/{TextGroup.stories-3wH48Kir.js → TextGroup.stories-cU3ZCXVQ.js} +1 -1
  136. package/docs/assets/{ThreeColumnLayout-CQnFmK7u.js → ThreeColumnLayout-DyxM7a22.js} +1 -1
  137. package/docs/assets/{ThreeColumnLayout.stories-DnqRflqN.js → ThreeColumnLayout.stories-BakzsXzp.js} +1 -1
  138. package/docs/assets/{Tile-CH8oOuWL.js → Tile-0yOu7J1-.js} +1 -1
  139. package/docs/assets/{Tile.sb.shared-CWXeuBol.js → Tile.sb.shared-BIRwKt3g.js} +1 -1
  140. package/docs/assets/{Tile.stories-0cC1E7vK.js → Tile.stories-DTemmawI.js} +1 -1
  141. package/docs/assets/{Toast-DCT_C-Jm.js → Toast-DlXptQwk.js} +1 -1
  142. package/docs/assets/{Toast.stories-DykbV02i.js → Toast.stories-C1j6ZAmy.js} +1 -1
  143. package/docs/assets/{ToggleButton-fcVVisoD.js → ToggleButton-C-1JM2Me.js} +1 -1
  144. package/docs/assets/{ToggleButton.stories-CMC9B5O-.js → ToggleButton.stories-FqBRCElp.js} +1 -1
  145. package/docs/assets/{Tooltip-DB8acOEc.js → Tooltip-Du7SUpMn.js} +1 -1
  146. package/docs/assets/{Tooltip.stories-BWi1adMD.js → Tooltip.stories-CCYTS-Fb.js} +1 -1
  147. package/docs/assets/{TypographyTokensLms.stories-C7HvPtC9.js → TypographyTokensLms.stories-CLfM1Xav.js} +1 -1
  148. package/docs/assets/{TypographyVariables.stories-B1R9WSPD.js → TypographyVariables.stories-DUTx2qnw.js} +1 -1
  149. package/docs/assets/{Well-Bpgrb9Pb.js → Well-Cey8Z7qW.js} +1 -1
  150. package/docs/assets/{Well.stories-CAEM29pI.js → Well.stories-DAG6cTio.js} +1 -1
  151. package/docs/assets/{entry-preview-C1JfRNcy.js → entry-preview-BOTW3a15.js} +1 -1
  152. package/docs/assets/{entry-preview-docs-CLZ3bGGX.js → entry-preview-docs-Cvbf5NiE.js} +1 -1
  153. package/docs/assets/{iframe-CJskIN9Y.js → iframe-D_-dtN5h.js} +6 -6
  154. package/docs/assets/{index-B450X-la.js → index-CYKpKDcN.js} +1 -1
  155. package/docs/assets/{index-DaAMnETB.js → index-DDP_XGH_.js} +1 -1
  156. package/docs/assets/{preview-DiAw23L-.js → preview-BKbCUmg4.js} +2 -2
  157. package/docs/assets/{preview-rSCPF5Zk.js → preview-C0nGiknN.js} +1 -1
  158. package/docs/assets/string-fni2Tsvs.js +1 -0
  159. package/docs/assets/{vue-popper-DQfdblyw.js → vue-popper-BvR5iCy5.js} +1 -1
  160. package/docs/assets/{vue.esm-bundler-DmkhfO_9.js → vue.esm-bundler-C__e7YM5.js} +1 -1
  161. package/docs/iframe.html +1 -1
  162. package/docs/project.json +1 -1
  163. package/lib/js/components/DatePickers/DatePicker/DatePicker.vue +0 -28
  164. package/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue +0 -28
  165. package/lib/js/components/Modal/Modal.spec.ts +5 -0
  166. package/lib/js/components/Modal/Modal.vue +25 -22
  167. package/lib/js/components/Modals/Modal/Modal.vue +97 -95
  168. package/package.json +1 -1
  169. package/docs/assets/DateRangePicker-pseoBrgs.js +0 -1
  170. package/docs/assets/Modal-B4jvsyp2.js +0 -1
  171. package/docs/assets/string-Ct9SAoCE.js +0 -1
@@ -1,4 +1,4 @@
1
- import{I as r,s as o,T as m}from"./ItemsList-B6NLHoqB.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const d={title:"foundations/Typography/Variables",component:r},n=a=>({components:{ItemsList:r},setup(){return a},template:`
1
+ import{I as r,s as o,T as m}from"./ItemsList-wyz4ig57.js";import"./vue.esm-bundler-C__e7YM5.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const d={title:"foundations/Typography/Variables",component:r},n=a=>({components:{ItemsList:r},setup(){return a},template:`
2
2
  <items-list :items-lists="itemsLists" :type="type"></items-list>`}),s=n.bind({}),p={itemsLists:[{title:"Variables",list:o,class:"-ds-theme-wnl"}],type:m.TYPOGRAPHY};s.args=p;s.parameters={design:{type:"figma",url:"https://www.figma.com/file/ABEasgiwLLs91MISXwV7Vs/LMS-TypographyTokens---experiments-v2?node-id=0%3A1"}};var t,e,i;s.parameters={...s.parameters,docs:{...(t=s.parameters)==null?void 0:t.docs,source:{originalSource:`args => ({
3
3
  components: {
4
4
  ItemsList
@@ -1 +1 @@
1
- import{d as p,c as s,k as n,h as d,e as c,u as a,g as t,f as l,n as m,o}from"./vue.esm-bundler-DmkhfO_9.js";import{a as u,b as h,C as f}from"./Chip-D8U2AoNF.js";import{_ as C}from"./_plugin-vue_export-helper-DlAUqK2U.js";const i={SMALL:"small",MEDIUM:"medium"},y={key:0,class:"ds-well__chipContainer"},r=p({__name:"Well",props:{padding:{default:null},hasChip:{type:Boolean,default:!1},chipLabel:{},chipLabelUppercase:{type:Boolean,default:!1},chipLeftIcon:{default:null},chipRadius:{default:()=>u.ROUNDED},chipColor:{default:()=>h},chipColorHex:{}},setup(L){return(e,b)=>(o(),s("div",{class:m(["ds-well",{"-ds-medium":a(i).MEDIUM===e.padding,"-ds-small":a(i).SMALL===e.padding}])},[e.hasChip?(o(),s("div",y,[n(a(f),{label:e.chipLabel,"is-label-uppercase":e.chipLabelUppercase,"left-icon":e.chipLeftIcon,radius:e.chipRadius,color:e.chipColor,"color-hex":e.chipColorHex},d({_:2},[e.$slots.chipAccessory?{name:"accessory",fn:c(()=>[l(e.$slots,"chipAccessory",{},void 0,!0)]),key:"0"}:void 0]),1032,["label","is-label-uppercase","left-icon","radius","color","color-hex"])])):t("",!0),l(e.$slots,"default",{},void 0,!0)],2))}}),q=C(r,[["__scopeId","data-v-7d6ca26f"]]);r.__docgenInfo={exportName:"default",displayName:"Well",description:"",tags:{},props:[{name:"padding",required:!1,type:{name:"WellPadding"}},{name:"hasChip",required:!1,type:{name:"boolean"}},{name:"chipLabel",required:!1,type:{name:"string"}},{name:"chipLabelUppercase",required:!1,type:{name:"boolean"}},{name:"chipLeftIcon",required:!1,type:{name:"IconItem"}},{name:"chipRadius",required:!1,type:{name:"ChipRadius"}},{name:"chipColor",required:!1,type:{name:"ChipColor"}},{name:"chipColorHex",required:!1,type:{name:"string"}}],slots:[{name:"chipAccessory"},{name:"default"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Well/Well.vue"]};export{q as W,i as a};
1
+ import{d as p,c as s,k as n,h as d,e as c,u as a,g as t,f as l,n as m,o}from"./vue.esm-bundler-C__e7YM5.js";import{a as u,b as h,C as f}from"./Chip-BYE4kNFs.js";import{_ as C}from"./_plugin-vue_export-helper-DlAUqK2U.js";const i={SMALL:"small",MEDIUM:"medium"},y={key:0,class:"ds-well__chipContainer"},r=p({__name:"Well",props:{padding:{default:null},hasChip:{type:Boolean,default:!1},chipLabel:{},chipLabelUppercase:{type:Boolean,default:!1},chipLeftIcon:{default:null},chipRadius:{default:()=>u.ROUNDED},chipColor:{default:()=>h},chipColorHex:{}},setup(L){return(e,b)=>(o(),s("div",{class:m(["ds-well",{"-ds-medium":a(i).MEDIUM===e.padding,"-ds-small":a(i).SMALL===e.padding}])},[e.hasChip?(o(),s("div",y,[n(a(f),{label:e.chipLabel,"is-label-uppercase":e.chipLabelUppercase,"left-icon":e.chipLeftIcon,radius:e.chipRadius,color:e.chipColor,"color-hex":e.chipColorHex},d({_:2},[e.$slots.chipAccessory?{name:"accessory",fn:c(()=>[l(e.$slots,"chipAccessory",{},void 0,!0)]),key:"0"}:void 0]),1032,["label","is-label-uppercase","left-icon","radius","color","color-hex"])])):t("",!0),l(e.$slots,"default",{},void 0,!0)],2))}}),q=C(r,[["__scopeId","data-v-7d6ca26f"]]);r.__docgenInfo={exportName:"default",displayName:"Well",description:"",tags:{},props:[{name:"padding",required:!1,type:{name:"WellPadding"}},{name:"hasChip",required:!1,type:{name:"boolean"}},{name:"chipLabel",required:!1,type:{name:"string"}},{name:"chipLabelUppercase",required:!1,type:{name:"boolean"}},{name:"chipLeftIcon",required:!1,type:{name:"IconItem"}},{name:"chipRadius",required:!1,type:{name:"ChipRadius"}},{name:"chipColor",required:!1,type:{name:"ChipColor"}},{name:"chipColorHex",required:!1,type:{name:"string"}}],slots:[{name:"chipAccessory"},{name:"default"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Well/Well.vue"]};export{q as W,i as a};
@@ -1,4 +1,4 @@
1
- import{W as o,a as p}from"./Well-Bpgrb9Pb.js";import{I as n}from"./Icon-D0llnARZ.js";import{a as l,b as r,c}from"./Chip-D8U2AoNF.js";import{B as m,a as d}from"./Banner-B73N4KyQ.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Button-DHfR56t4.js";import"./IconButton-BJcODvDg.js";import"./device-9fgosCm4.js";import"./Divider-CeZli6az.js";function u(e){return`<div style="display: inline-flex; flex-direction: column; width: 100%; gap: 20px;">${e}
1
+ import{W as o,a as p}from"./Well-Cey8Z7qW.js";import{I as n}from"./Icon-mlOEH8dY.js";import{a as l,b as r,c}from"./Chip-BYE4kNFs.js";import{B as m,a as d}from"./Banner-CzZi1DCQ.js";import"./vue.esm-bundler-C__e7YM5.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Button-D3r6zRpz.js";import"./IconButton-CZPMfbyF.js";import"./device-9fgosCm4.js";import"./Divider-C8Drds6C.js";function u(e){return`<div style="display: inline-flex; flex-direction: column; width: 100%; gap: 20px;">${e}
2
2
  <ds-banner :color="BANNER_COLORS.WARNING" title="Taka kombinacja jest niezgodna z design systemem!" v-if="invalidUsage" /></div>
3
3
  `}const D={title:"Components/Well",component:o,render:e=>({components:{Well:o,DsBanner:m},setup(){return{args:e,ICONS:n,BANNER_COLORS:d}},template:u('<well v-bind="args" :chip-left-icon="ICONS[args.chipLeftIcon]"><div v-html="args.content" /></well>'),computed:{invalidUsage(){return e.hasChip&&!e.padding}}}),argTypes:{padding:{control:"select",options:[null,...Object.values(p)]},content:{control:"text"}},parameters:{design:{type:"figma",url:"https://www.figma.com/design/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=13194-76861&p=f&m=dev"}}},t={args:{padding:null,content:'<h3 style="margin-top: 0">Content</h3>Voluptatem saepe suscipit optio et delectus esse sed velit. Autem maxime soluta aliquam perspiciatis quidem dolor saepe rerum.',hasChip:!1,chipLabel:"Chip z labelem",chipLabelUppercase:!1,chipLeftIcon:null,chipRadius:l.ROUNDED,color:r,colorHex:""}},h={chipLeftIcon:{control:"select",options:[null,...Object.keys(n)]},chipColor:{control:"select",options:Object.values(c)},chipRadius:{control:"select",options:Object.values(l)}};t.argTypes=h;var a,s,i;t.parameters={...t.parameters,docs:{...(a=t.parameters)==null?void 0:a.docs,source:{originalSource:`{
4
4
  args: {
@@ -1 +1 @@
1
- import{L as p,N,i as w,O as v,K as d}from"./vue.esm-bundler-DmkhfO_9.js";var I=Object.defineProperty,j=(e,t)=>{for(var r in t)I(e,r,{get:t[r],enumerable:!0})};const{sanitizeStoryContextUpdate:E}=__STORYBOOK_MODULE_PREVIEW_API__;var F={};j(F,{applyDecorators:()=>U,mount:()=>b,parameters:()=>h,render:()=>y,renderToCanvas:()=>P});var y=(e,t)=>{let{id:r,component:i}=t;if(!i)throw new Error(`Unable to render story ${r} as the component annotation is missing from the default export`);return()=>p(i,e,C(e,t))},A=e=>{var t;(t=globalThis.PLUGINS_SETUP_FUNCTIONS)!=null||(globalThis.PLUGINS_SETUP_FUNCTIONS=new Set),globalThis.PLUGINS_SETUP_FUNCTIONS.add(e)},L=async(e,t)=>{globalThis&&globalThis.PLUGINS_SETUP_FUNCTIONS&&await Promise.all([...globalThis.PLUGINS_SETUP_FUNCTIONS].map(r=>r(e,t)))},g=new Map;async function P({storyFn:e,forceRemount:t,showMain:r,showException:i,storyContext:n,id:a},s){let o=g.get(s);if(o&&!t){let l=e(),c=T(l,n);return R(o.reactiveArgs,c),()=>{_(o.vueApp,s)}}o&&t&&_(o.vueApp,s);let u=N({setup(){n.args=d(n.args);let l=e(),c=T(l,n),f={vueApp:u,reactiveArgs:d(c)};return g.set(s,f),()=>p(l)}});return u.config.errorHandler=(l,c,f)=>{var S;(S=window.__STORYBOOK_PREVIEW__)!=null&&S.storyRenders.some(O=>O.id===a&&O.phase==="playing")?setTimeout(()=>{throw l},0):i(l)},await L(u,n),u.mount(s),r(),()=>{_(u,s)}}function C(e,t){let{argTypes:r}=t,i=Object.entries(e).filter(([n])=>{var a,s;return((s=(a=r[n])==null?void 0:a.table)==null?void 0:s.category)==="slots"}).map(([n,a])=>[n,typeof a=="function"?a:()=>a]);return Object.fromEntries(i)}function T(e,t){return e.props&&w(e)?e.props:t.args}function R(e,t){if(Object.keys(t).length===0)return;let r=v(e)?e:d(e);Object.keys(r).forEach(i=>{i in t||delete r[i]}),Object.assign(r,t)}function _(e,t){e==null||e.unmount(),g.has(t)&&g.delete(t)}function z(e){return typeof e=="function"?{render:e,name:e.name}:e}function m(e,t){let r=e;return r===null?null:typeof r=="function"?r:t?{...z(r),components:{...r.components||{},story:t}}:{render(){return p(r)}}}function U(e,t){return t.reduce((r,i)=>n=>{let a,s=i(o=>{let u=E(o);return o&&(u.args=Object.assign(n.args,u.args)),a=r({...n,...u}),a},n);return a||(a=r(n)),s===a?a:m(s,()=>p(a))},r=>m(e(r)))}var b=e=>async(t,r)=>(t&&(e.originalStoryFn=()=>()=>p(t,r==null?void 0:r.props,r==null?void 0:r.slots)),await e.renderToCanvas(),e.canvas),h={renderer:"vue3"};const D=Object.freeze(Object.defineProperty({__proto__:null,applyDecorators:U,mount:b,parameters:h,render:y,renderToCanvas:P},Symbol.toStringTag,{value:"Module"}));export{D as a,F as e,P as r,A as s};
1
+ import{L as p,N,i as w,O as v,K as d}from"./vue.esm-bundler-C__e7YM5.js";var I=Object.defineProperty,j=(e,t)=>{for(var r in t)I(e,r,{get:t[r],enumerable:!0})};const{sanitizeStoryContextUpdate:E}=__STORYBOOK_MODULE_PREVIEW_API__;var F={};j(F,{applyDecorators:()=>U,mount:()=>b,parameters:()=>h,render:()=>y,renderToCanvas:()=>P});var y=(e,t)=>{let{id:r,component:i}=t;if(!i)throw new Error(`Unable to render story ${r} as the component annotation is missing from the default export`);return()=>p(i,e,C(e,t))},A=e=>{var t;(t=globalThis.PLUGINS_SETUP_FUNCTIONS)!=null||(globalThis.PLUGINS_SETUP_FUNCTIONS=new Set),globalThis.PLUGINS_SETUP_FUNCTIONS.add(e)},L=async(e,t)=>{globalThis&&globalThis.PLUGINS_SETUP_FUNCTIONS&&await Promise.all([...globalThis.PLUGINS_SETUP_FUNCTIONS].map(r=>r(e,t)))},g=new Map;async function P({storyFn:e,forceRemount:t,showMain:r,showException:i,storyContext:n,id:a},s){let o=g.get(s);if(o&&!t){let l=e(),c=T(l,n);return R(o.reactiveArgs,c),()=>{_(o.vueApp,s)}}o&&t&&_(o.vueApp,s);let u=N({setup(){n.args=d(n.args);let l=e(),c=T(l,n),f={vueApp:u,reactiveArgs:d(c)};return g.set(s,f),()=>p(l)}});return u.config.errorHandler=(l,c,f)=>{var S;(S=window.__STORYBOOK_PREVIEW__)!=null&&S.storyRenders.some(O=>O.id===a&&O.phase==="playing")?setTimeout(()=>{throw l},0):i(l)},await L(u,n),u.mount(s),r(),()=>{_(u,s)}}function C(e,t){let{argTypes:r}=t,i=Object.entries(e).filter(([n])=>{var a,s;return((s=(a=r[n])==null?void 0:a.table)==null?void 0:s.category)==="slots"}).map(([n,a])=>[n,typeof a=="function"?a:()=>a]);return Object.fromEntries(i)}function T(e,t){return e.props&&w(e)?e.props:t.args}function R(e,t){if(Object.keys(t).length===0)return;let r=v(e)?e:d(e);Object.keys(r).forEach(i=>{i in t||delete r[i]}),Object.assign(r,t)}function _(e,t){e==null||e.unmount(),g.has(t)&&g.delete(t)}function z(e){return typeof e=="function"?{render:e,name:e.name}:e}function m(e,t){let r=e;return r===null?null:typeof r=="function"?r:t?{...z(r),components:{...r.components||{},story:t}}:{render(){return p(r)}}}function U(e,t){return t.reduce((r,i)=>n=>{let a,s=i(o=>{let u=E(o);return o&&(u.args=Object.assign(n.args,u.args)),a=r({...n,...u}),a},n);return a||(a=r(n)),s===a?a:m(s,()=>p(a))},r=>m(e(r)))}var b=e=>async(t,r)=>(t&&(e.originalStoryFn=()=>()=>p(t,r==null?void 0:r.props,r==null?void 0:r.slots)),await e.renderToCanvas(),e.canvas),h={renderer:"vue3"};const D=Object.freeze(Object.defineProperty({__proto__:null,applyDecorators:U,mount:b,parameters:h,render:y,renderToCanvas:P},Symbol.toStringTag,{value:"Module"}));export{D as a,F as e,P as r,A as s};
@@ -1,4 +1,4 @@
1
- import{i as C,c as _,N as v,a as j,l as N,D as $,y as A}from"./index-vG0co4wr.js";import{w as E,i as O}from"./vue.esm-bundler-DmkhfO_9.js";import"./_commonjsHelpers-Chg3vePA.js";const{addons:V}=__STORYBOOK_MODULE_PREVIEW_API__;var T=["props","events","slots","exposed","expose"],D=e=>{if(!v(e))return null;let t="exposed"in e.__docgenInfo?"vue-component-meta":"vue-docgen-api",n={};return T.forEach(r=>{j(e,r).forEach(a=>{let s;if(t==="vue-docgen-api"){let i=a.docgenInfo;s=M(i,r,a)}else{let i=a.docgenInfo;s=q(i,r)}!s||n[s.name]||(["events","expose","exposed"].includes(r)&&(s.control={disable:!0}),n[s.name]=s)})}),n},M=(e,t,n)=>{var i,u,o,l,m;let r,a;if(t==="events"&&(r=(i=e.type)==null?void 0:i.names.join(),a={name:"other",value:r!=null?r:"",required:!1}),t==="slots"){let f=(u=e.bindings)==null?void 0:u.filter(p=>!!p.name).map(p=>{var y,c;return`${p.name}: ${(c=(y=p.type)==null?void 0:y.name)!=null?c:"unknown"}`}).join("; ");r=f?`{ ${f} }`:void 0,a={name:"other",value:r!=null?r:"",required:!1}}if(t==="props"){let f=e;if(r=(o=f.type)==null?void 0:o.name,a=n?N(n.docgenInfo):{name:"other",value:r},f.type&&"elements"in f.type&&Array.isArray(f.type.elements)&&f.type.elements.length>0){let p=f.type.elements.map(y=>y.name);r==="Array"&&(r=`${p.length===1?p[0]:`(${p.join(" | ")})`}[]`),r==="union"?r=p.join(" | "):r==="intersection"&&(r=p.join(" & "))}}let s="required"in e&&(l=e.required)!=null?l:!1;return{name:e.name,description:e.description,type:a?{...a,required:s}:{name:"other",value:r!=null?r:""},table:{type:r?{summary:r}:void 0,defaultValue:(m=n==null?void 0:n.propDef.defaultValue)!=null?m:void 0,jsDocTags:n==null?void 0:n.propDef.jsDocTags,category:t}}},q=(e,t)=>{if("global"in e&&e.global)return;let n={summary:e.type.replace(" | undefined","")};if(t==="props"){let r=e,a=r.default?{summary:r.default}:void 0;return{name:r.name,description:F(r.description,r.tags),defaultValue:a,type:d(r),table:{type:n,defaultValue:a,category:t}}}else return{name:e.name,description:"description"in e?e.description:"",type:{name:"other",value:e.type},table:{type:n,category:t}}},d=e=>{var s,i,u,o;let t=e.schema,n=e.required,r={name:"other",value:e.type,required:n},a=["string","number","function","boolean","symbol"];if(typeof t=="string")return a.includes(t)?{name:t,required:n}:r;switch(t.kind){case"enum":{let l=(i=(s=t.schema)==null?void 0:s.filter(m=>m!=="undefined"))!=null?i:[];return W(l)?{name:"boolean",required:n}:w(l)||k(l)?{name:"enum",value:l.map(m=>m.replace(/"/g,"")),required:n}:l.length===1?d({schema:l[0],type:e.type,required:n}):(l.length>2&&l.includes("true")&&l.includes("false")&&(l=l.filter(m=>m!=="true"&&m!=="false"),l.push("boolean")),{name:"union",value:l.map(m=>d(typeof m=="object"?{schema:m,type:m.type,required:!1}:{schema:m,type:m,required:!1})),required:n})}case"array":{let l=(o=(u=t.schema)==null?void 0:u.filter(m=>m!=="undefined"))!=null?o:[];return l.length===0?r:l.length===1?{name:"array",value:d({schema:l[0],type:e.type,required:!1}),required:n}:{name:"union",value:l.map(m=>d(typeof m=="object"?{schema:m,type:m.type,required:!1}:{schema:m,type:m,required:!1})),required:n}}case"object":return{name:"object",value:{},required:n};default:return r}},F=(e,t)=>!(t!=null&&t.length)||!e?e!=null?e:"":`${t.map(n=>`@${n.name}: ${n.text}`).join("<br>")}<br><br>${e}`,w=e=>e.every(t=>typeof t=="string"&&t.startsWith('"')&&t.endsWith('"')),k=e=>e.every(t=>typeof t=="string"&&t.includes(".")),W=e=>e.length===2&&e.includes("true")&&e.includes("false"),B=(e,t)=>{let n=e();if(I(t))return n;let r=V.getChannel();return E(()=>t.args,()=>{let a=R(t);r.emit(A,{id:t.id,args:t.args,source:a,format:"vue"})},{immediate:!0,deep:!0}),n},R=e=>{let t={imports:{},scriptVariables:{}},{displayName:n,slotNames:r,eventNames:a}=G(e.component),s=h(e.args,r,a,t),i=b(e.args,r,t),u=n||e.title.split("/").at(-1),o=i?`<${u} ${s}> ${i} </${u}>`:`<${u} ${s} />`,l=Object.entries(t.scriptVariables).map(([p,y])=>`const ${p} = ${y};`).join(`
1
+ import{i as C,c as _,N as v,a as j,l as N,D as $,y as A}from"./index-vG0co4wr.js";import{w as E,i as O}from"./vue.esm-bundler-C__e7YM5.js";import"./_commonjsHelpers-Chg3vePA.js";const{addons:V}=__STORYBOOK_MODULE_PREVIEW_API__;var T=["props","events","slots","exposed","expose"],D=e=>{if(!v(e))return null;let t="exposed"in e.__docgenInfo?"vue-component-meta":"vue-docgen-api",n={};return T.forEach(r=>{j(e,r).forEach(a=>{let s;if(t==="vue-docgen-api"){let i=a.docgenInfo;s=M(i,r,a)}else{let i=a.docgenInfo;s=q(i,r)}!s||n[s.name]||(["events","expose","exposed"].includes(r)&&(s.control={disable:!0}),n[s.name]=s)})}),n},M=(e,t,n)=>{var i,u,o,l,m;let r,a;if(t==="events"&&(r=(i=e.type)==null?void 0:i.names.join(),a={name:"other",value:r!=null?r:"",required:!1}),t==="slots"){let f=(u=e.bindings)==null?void 0:u.filter(p=>!!p.name).map(p=>{var y,c;return`${p.name}: ${(c=(y=p.type)==null?void 0:y.name)!=null?c:"unknown"}`}).join("; ");r=f?`{ ${f} }`:void 0,a={name:"other",value:r!=null?r:"",required:!1}}if(t==="props"){let f=e;if(r=(o=f.type)==null?void 0:o.name,a=n?N(n.docgenInfo):{name:"other",value:r},f.type&&"elements"in f.type&&Array.isArray(f.type.elements)&&f.type.elements.length>0){let p=f.type.elements.map(y=>y.name);r==="Array"&&(r=`${p.length===1?p[0]:`(${p.join(" | ")})`}[]`),r==="union"?r=p.join(" | "):r==="intersection"&&(r=p.join(" & "))}}let s="required"in e&&(l=e.required)!=null?l:!1;return{name:e.name,description:e.description,type:a?{...a,required:s}:{name:"other",value:r!=null?r:""},table:{type:r?{summary:r}:void 0,defaultValue:(m=n==null?void 0:n.propDef.defaultValue)!=null?m:void 0,jsDocTags:n==null?void 0:n.propDef.jsDocTags,category:t}}},q=(e,t)=>{if("global"in e&&e.global)return;let n={summary:e.type.replace(" | undefined","")};if(t==="props"){let r=e,a=r.default?{summary:r.default}:void 0;return{name:r.name,description:F(r.description,r.tags),defaultValue:a,type:d(r),table:{type:n,defaultValue:a,category:t}}}else return{name:e.name,description:"description"in e?e.description:"",type:{name:"other",value:e.type},table:{type:n,category:t}}},d=e=>{var s,i,u,o;let t=e.schema,n=e.required,r={name:"other",value:e.type,required:n},a=["string","number","function","boolean","symbol"];if(typeof t=="string")return a.includes(t)?{name:t,required:n}:r;switch(t.kind){case"enum":{let l=(i=(s=t.schema)==null?void 0:s.filter(m=>m!=="undefined"))!=null?i:[];return W(l)?{name:"boolean",required:n}:w(l)||k(l)?{name:"enum",value:l.map(m=>m.replace(/"/g,"")),required:n}:l.length===1?d({schema:l[0],type:e.type,required:n}):(l.length>2&&l.includes("true")&&l.includes("false")&&(l=l.filter(m=>m!=="true"&&m!=="false"),l.push("boolean")),{name:"union",value:l.map(m=>d(typeof m=="object"?{schema:m,type:m.type,required:!1}:{schema:m,type:m,required:!1})),required:n})}case"array":{let l=(o=(u=t.schema)==null?void 0:u.filter(m=>m!=="undefined"))!=null?o:[];return l.length===0?r:l.length===1?{name:"array",value:d({schema:l[0],type:e.type,required:!1}),required:n}:{name:"union",value:l.map(m=>d(typeof m=="object"?{schema:m,type:m.type,required:!1}:{schema:m,type:m,required:!1})),required:n}}case"object":return{name:"object",value:{},required:n};default:return r}},F=(e,t)=>!(t!=null&&t.length)||!e?e!=null?e:"":`${t.map(n=>`@${n.name}: ${n.text}`).join("<br>")}<br><br>${e}`,w=e=>e.every(t=>typeof t=="string"&&t.startsWith('"')&&t.endsWith('"')),k=e=>e.every(t=>typeof t=="string"&&t.includes(".")),W=e=>e.length===2&&e.includes("true")&&e.includes("false"),B=(e,t)=>{let n=e();if(I(t))return n;let r=V.getChannel();return E(()=>t.args,()=>{let a=R(t);r.emit(A,{id:t.id,args:t.args,source:a,format:"vue"})},{immediate:!0,deep:!0}),n},R=e=>{let t={imports:{},scriptVariables:{}},{displayName:n,slotNames:r,eventNames:a}=G(e.component),s=h(e.args,r,a,t),i=b(e.args,r,t),u=n||e.title.split("/").at(-1),o=i?`<${u} ${s}> ${i} </${u}>`:`<${u} ${s} />`,l=Object.entries(t.scriptVariables).map(([p,y])=>`const ${p} = ${y};`).join(`
2
2
 
3
3
  `),m=Object.entries(t.imports).map(([p,y])=>`import { ${Array.from(y.values()).sort().join(", ")} } from "${p}";`).join(`
4
4
  `),f=`<template>