@7pmlabs/design-system 0.6.2 → 0.6.4
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.
- package/README.md +1 -0
- package/dist/design-system.mjs +46 -48
- package/dist/design-system.mjs.map +1 -1
- package/dist/design-system10.mjs +56 -83
- package/dist/design-system10.mjs.map +1 -1
- package/dist/design-system100.mjs +67 -16
- package/dist/design-system100.mjs.map +1 -1
- package/dist/design-system101.mjs +6 -67
- package/dist/design-system101.mjs.map +1 -1
- package/dist/design-system102.mjs +18 -68
- package/dist/design-system102.mjs.map +1 -1
- package/dist/design-system103.mjs +24 -5
- package/dist/design-system103.mjs.map +1 -1
- package/dist/design-system104.mjs +2172 -18
- package/dist/design-system104.mjs.map +1 -1
- package/dist/design-system105.mjs +13 -24
- package/dist/design-system105.mjs.map +1 -1
- package/dist/design-system106.mjs +34 -2169
- package/dist/design-system106.mjs.map +1 -1
- package/dist/design-system107.mjs +28 -14
- package/dist/design-system107.mjs.map +1 -1
- package/dist/design-system108.mjs +20 -37
- package/dist/design-system108.mjs.map +1 -1
- package/dist/design-system109.mjs +20 -28
- package/dist/design-system109.mjs.map +1 -1
- package/dist/design-system11.mjs +19 -52
- package/dist/design-system11.mjs.map +1 -1
- package/dist/design-system110.mjs +11 -18
- package/dist/design-system110.mjs.map +1 -1
- package/dist/design-system111.mjs +22 -16
- package/dist/design-system111.mjs.map +1 -1
- package/dist/design-system112.mjs +28 -13
- package/dist/design-system112.mjs.map +1 -1
- package/dist/design-system113.mjs +5 -26
- package/dist/design-system113.mjs.map +1 -1
- package/dist/design-system114.mjs +95 -27
- package/dist/design-system114.mjs.map +1 -1
- package/dist/design-system115.mjs +4 -5
- package/dist/design-system115.mjs.map +1 -1
- package/dist/design-system116.mjs +2 -96
- package/dist/design-system116.mjs.map +1 -1
- package/dist/design-system117.mjs +2 -4
- package/dist/design-system117.mjs.map +1 -1
- package/dist/design-system118.mjs +20 -2
- package/dist/design-system118.mjs.map +1 -1
- package/dist/design-system119.mjs +1 -1
- package/dist/design-system12.mjs +95 -15
- package/dist/design-system12.mjs.map +1 -1
- package/dist/design-system120.mjs +2 -6
- package/dist/design-system120.mjs.map +1 -1
- package/dist/design-system121.mjs +2 -4
- package/dist/design-system121.mjs.map +1 -1
- package/dist/design-system122.mjs +2 -2
- package/dist/design-system123.mjs +58 -20
- package/dist/design-system123.mjs.map +1 -1
- package/dist/design-system124.mjs +2 -2
- package/dist/design-system125.mjs +4 -2
- package/dist/design-system125.mjs.map +1 -1
- package/dist/design-system126.mjs +8 -2
- package/dist/design-system126.mjs.map +1 -1
- package/dist/design-system127.mjs +7 -2
- package/dist/design-system127.mjs.map +1 -1
- package/dist/design-system128.mjs +62 -57
- package/dist/design-system128.mjs.map +1 -1
- package/dist/design-system129.mjs +4 -2
- package/dist/design-system129.mjs.map +1 -1
- package/dist/design-system13.mjs +14 -100
- package/dist/design-system13.mjs.map +1 -1
- package/dist/design-system130.mjs +8 -3
- package/dist/design-system130.mjs.map +1 -1
- package/dist/design-system131.mjs +6 -7
- package/dist/design-system131.mjs.map +1 -1
- package/dist/design-system132.mjs +3 -6
- package/dist/design-system132.mjs.map +1 -1
- package/dist/design-system133.mjs +3 -63
- package/dist/design-system133.mjs.map +1 -1
- package/dist/design-system134.mjs +5 -3
- package/dist/design-system134.mjs.map +1 -1
- package/dist/design-system135.mjs +10 -9
- package/dist/design-system135.mjs.map +1 -1
- package/dist/design-system136.mjs +4 -6
- package/dist/design-system136.mjs.map +1 -1
- package/dist/design-system137.mjs +5 -4
- package/dist/design-system137.mjs.map +1 -1
- package/dist/design-system138.mjs +4 -3
- package/dist/design-system138.mjs.map +1 -1
- package/dist/design-system139.mjs +2 -4
- package/dist/design-system139.mjs.map +1 -1
- package/dist/design-system14.mjs +18 -15
- package/dist/design-system14.mjs.map +1 -1
- package/dist/design-system140.mjs +11 -9
- package/dist/design-system140.mjs.map +1 -1
- package/dist/design-system141.mjs +27 -5
- package/dist/design-system141.mjs.map +1 -1
- package/dist/design-system142.mjs +6 -5
- package/dist/design-system142.mjs.map +1 -1
- package/dist/design-system143.mjs +6 -4
- package/dist/design-system143.mjs.map +1 -1
- package/dist/design-system144.mjs +7 -3
- package/dist/design-system144.mjs.map +1 -1
- package/dist/design-system145.mjs +4 -11
- package/dist/design-system145.mjs.map +1 -1
- package/dist/design-system146.mjs +6 -27
- package/dist/design-system146.mjs.map +1 -1
- package/dist/design-system147.mjs +6 -5
- package/dist/design-system147.mjs.map +1 -1
- package/dist/design-system148.mjs +6 -6
- package/dist/design-system148.mjs.map +1 -1
- package/dist/design-system149.mjs +10 -8
- package/dist/design-system149.mjs.map +1 -1
- package/dist/design-system15.mjs +23 -17
- package/dist/design-system15.mjs.map +1 -1
- package/dist/design-system150.mjs +6 -5
- package/dist/design-system150.mjs.map +1 -1
- package/dist/design-system151.mjs +7 -6
- package/dist/design-system151.mjs.map +1 -1
- package/dist/design-system152.mjs +9 -6
- package/dist/design-system152.mjs.map +1 -1
- package/dist/design-system153.mjs +6 -5
- package/dist/design-system153.mjs.map +1 -1
- package/dist/design-system154.mjs +18 -10
- package/dist/design-system154.mjs.map +1 -1
- package/dist/design-system155.mjs +7 -6
- package/dist/design-system155.mjs.map +1 -1
- package/dist/design-system156.mjs +12 -6
- package/dist/design-system156.mjs.map +1 -1
- package/dist/design-system157.mjs +3 -9
- package/dist/design-system157.mjs.map +1 -1
- package/dist/design-system158.mjs +7 -6
- package/dist/design-system158.mjs.map +1 -1
- package/dist/design-system159.mjs +9 -17
- package/dist/design-system159.mjs.map +1 -1
- package/dist/design-system16.mjs +60 -25
- package/dist/design-system16.mjs.map +1 -1
- package/dist/design-system160.mjs +11 -6
- package/dist/design-system160.mjs.map +1 -1
- package/dist/design-system161.mjs +5 -12
- package/dist/design-system161.mjs.map +1 -1
- package/dist/design-system162.mjs +10 -4
- package/dist/design-system162.mjs.map +1 -1
- package/dist/design-system163.mjs +15 -7
- package/dist/design-system163.mjs.map +1 -1
- package/dist/design-system164.mjs +5 -9
- package/dist/design-system164.mjs.map +1 -1
- package/dist/design-system165.mjs +5 -11
- package/dist/design-system165.mjs.map +1 -1
- package/dist/design-system166.mjs +8 -5
- package/dist/design-system166.mjs.map +1 -1
- package/dist/design-system167.mjs +7 -10
- package/dist/design-system167.mjs.map +1 -1
- package/dist/design-system168.mjs +5 -15
- package/dist/design-system168.mjs.map +1 -1
- package/dist/design-system169.mjs +5 -5
- package/dist/design-system169.mjs.map +1 -1
- package/dist/design-system17.mjs +244 -52
- package/dist/design-system17.mjs.map +1 -1
- package/dist/design-system170.mjs +6 -5
- package/dist/design-system170.mjs.map +1 -1
- package/dist/design-system171.mjs +6 -8
- package/dist/design-system171.mjs.map +1 -1
- package/dist/design-system172.mjs +5 -6
- package/dist/design-system172.mjs.map +1 -1
- package/dist/design-system173.mjs +39 -5
- package/dist/design-system173.mjs.map +1 -1
- package/dist/design-system174.mjs +6 -5
- package/dist/design-system174.mjs.map +1 -1
- package/dist/design-system175.mjs +5 -6
- package/dist/design-system175.mjs.map +1 -1
- package/dist/design-system176.mjs +16 -7
- package/dist/design-system176.mjs.map +1 -1
- package/dist/design-system177.mjs +7 -5
- package/dist/design-system177.mjs.map +1 -1
- package/dist/design-system178.mjs +3 -40
- package/dist/design-system178.mjs.map +1 -1
- package/dist/design-system179.mjs +4 -7
- package/dist/design-system179.mjs.map +1 -1
- package/dist/design-system18.mjs +107 -239
- package/dist/design-system18.mjs.map +1 -1
- package/dist/design-system180.mjs +12 -5
- package/dist/design-system180.mjs.map +1 -1
- package/dist/design-system181.mjs +5 -16
- package/dist/design-system181.mjs.map +1 -1
- package/dist/design-system182.mjs +4 -8
- package/dist/design-system182.mjs.map +1 -1
- package/dist/design-system183.mjs +5 -3
- package/dist/design-system183.mjs.map +1 -1
- package/dist/design-system184.mjs +5 -4
- package/dist/design-system184.mjs.map +1 -1
- package/dist/design-system185.mjs +5 -13
- package/dist/design-system185.mjs.map +1 -1
- package/dist/design-system186.mjs +5 -5
- package/dist/design-system186.mjs.map +1 -1
- package/dist/design-system187.mjs +5 -4
- package/dist/design-system187.mjs.map +1 -1
- package/dist/design-system188.mjs +15 -5
- package/dist/design-system188.mjs.map +1 -1
- package/dist/design-system189.mjs +14 -5
- package/dist/design-system189.mjs.map +1 -1
- package/dist/design-system19.mjs +113 -113
- package/dist/design-system19.mjs.map +1 -1
- package/dist/design-system190.mjs +9 -5
- package/dist/design-system190.mjs.map +1 -1
- package/dist/design-system191.mjs +4 -5
- package/dist/design-system191.mjs.map +1 -1
- package/dist/design-system192.mjs +6 -5
- package/dist/design-system192.mjs.map +1 -1
- package/dist/design-system193.mjs +5 -14
- package/dist/design-system193.mjs.map +1 -1
- package/dist/design-system194.mjs +5 -13
- package/dist/design-system194.mjs.map +1 -1
- package/dist/design-system195.mjs +6 -7
- package/dist/design-system195.mjs.map +1 -1
- package/dist/design-system196.mjs +18 -4
- package/dist/design-system196.mjs.map +1 -1
- package/dist/design-system197.mjs +9 -4
- package/dist/design-system197.mjs.map +1 -1
- package/dist/design-system198.mjs +4 -4
- package/dist/design-system198.mjs.map +1 -1
- package/dist/design-system199.mjs +4 -5
- package/dist/design-system199.mjs.map +1 -1
- package/dist/design-system2.mjs +52 -40
- package/dist/design-system2.mjs.map +1 -1
- package/dist/design-system20.mjs +193 -113
- package/dist/design-system20.mjs.map +1 -1
- package/dist/design-system200.mjs +4 -7
- package/dist/design-system200.mjs.map +1 -1
- package/dist/design-system201.mjs +5 -17
- package/dist/design-system201.mjs.map +1 -1
- package/dist/design-system202.mjs +6 -10
- package/dist/design-system202.mjs.map +1 -1
- package/dist/design-system203.mjs +11 -6
- package/dist/design-system203.mjs.map +1 -1
- package/dist/design-system204.mjs +6 -4
- package/dist/design-system204.mjs.map +1 -1
- package/dist/design-system205.mjs +17 -4
- package/dist/design-system205.mjs.map +1 -1
- package/dist/design-system206.mjs +4 -5
- package/dist/design-system206.mjs.map +1 -1
- package/dist/design-system207.mjs +4 -6
- package/dist/design-system207.mjs.map +1 -1
- package/dist/design-system208.mjs +4 -11
- package/dist/design-system208.mjs.map +1 -1
- package/dist/design-system209.mjs +3 -6
- package/dist/design-system209.mjs.map +1 -1
- package/dist/design-system21.mjs +62 -188
- package/dist/design-system21.mjs.map +1 -1
- package/dist/design-system210.mjs +13 -16
- package/dist/design-system210.mjs.map +1 -1
- package/dist/design-system211.mjs +9 -5
- package/dist/design-system211.mjs.map +1 -1
- package/dist/design-system212.mjs +5 -4
- package/dist/design-system212.mjs.map +1 -1
- package/dist/design-system213.mjs +5 -3
- package/dist/design-system213.mjs.map +1 -1
- package/dist/design-system214.mjs +5 -3
- package/dist/design-system214.mjs.map +1 -1
- package/dist/design-system215.mjs +5 -14
- package/dist/design-system215.mjs.map +1 -1
- package/dist/design-system216.mjs +6 -9
- package/dist/design-system216.mjs.map +1 -1
- package/dist/design-system217.mjs +4 -6
- package/dist/design-system217.mjs.map +1 -1
- package/dist/design-system218.mjs +16 -4
- package/dist/design-system218.mjs.map +1 -1
- package/dist/design-system219.mjs +5 -5
- package/dist/design-system219.mjs.map +1 -1
- package/dist/design-system22.mjs +37 -69
- package/dist/design-system22.mjs.map +1 -1
- package/dist/design-system220.mjs +3 -5
- package/dist/design-system220.mjs.map +1 -1
- package/dist/design-system221.mjs +3 -5
- package/dist/design-system221.mjs.map +1 -1
- package/dist/design-system222.mjs +10 -4
- package/dist/design-system222.mjs.map +1 -1
- package/dist/design-system223.mjs +5 -17
- package/dist/design-system223.mjs.map +1 -1
- package/dist/design-system224.mjs +4 -5
- package/dist/design-system224.mjs.map +1 -1
- package/dist/design-system225.mjs +5 -3
- package/dist/design-system225.mjs.map +1 -1
- package/dist/design-system226.mjs +4 -4
- package/dist/design-system226.mjs.map +1 -1
- package/dist/design-system227.mjs +4 -9
- package/dist/design-system227.mjs.map +1 -1
- package/dist/design-system228.mjs +4 -5
- package/dist/design-system228.mjs.map +1 -1
- package/dist/design-system229.mjs +10 -4
- package/dist/design-system229.mjs.map +1 -1
- package/dist/design-system23.mjs +38 -34
- package/dist/design-system23.mjs.map +1 -1
- package/dist/design-system230.mjs +6 -5
- package/dist/design-system230.mjs.map +1 -1
- package/dist/design-system231.mjs +7 -4
- package/dist/design-system231.mjs.map +1 -1
- package/dist/design-system232.mjs +3 -3
- package/dist/design-system232.mjs.map +1 -1
- package/dist/design-system233.mjs +7 -4
- package/dist/design-system233.mjs.map +1 -1
- package/dist/design-system234.mjs +4 -11
- package/dist/design-system234.mjs.map +1 -1
- package/dist/design-system24.mjs +133 -42
- package/dist/design-system24.mjs.map +1 -1
- package/dist/design-system25.mjs +550 -129
- package/dist/design-system25.mjs.map +1 -1
- package/dist/design-system26.mjs +5 -557
- package/dist/design-system26.mjs.map +1 -1
- package/dist/design-system27.mjs +6 -5
- package/dist/design-system27.mjs.map +1 -1
- package/dist/design-system28.mjs +5 -6
- package/dist/design-system28.mjs.map +1 -1
- package/dist/design-system29.mjs +10 -5
- package/dist/design-system29.mjs.map +1 -1
- package/dist/design-system30.mjs +5 -10
- package/dist/design-system30.mjs.map +1 -1
- package/dist/design-system31.mjs +5 -5
- package/dist/design-system32.mjs +10 -5
- package/dist/design-system32.mjs.map +1 -1
- package/dist/design-system33.mjs +7 -7
- package/dist/design-system34.mjs +7 -7
- package/dist/design-system35.mjs +8 -8
- package/dist/design-system36.mjs +5 -10
- package/dist/design-system36.mjs.map +1 -1
- package/dist/design-system37.mjs +11 -5
- package/dist/design-system37.mjs.map +1 -1
- package/dist/design-system38.mjs +5 -11
- package/dist/design-system38.mjs.map +1 -1
- package/dist/design-system39.mjs +5 -5
- package/dist/design-system40.mjs +76 -5
- package/dist/design-system40.mjs.map +1 -1
- package/dist/design-system41.mjs +5 -76
- package/dist/design-system41.mjs.map +1 -1
- package/dist/design-system42.mjs +10 -5
- package/dist/design-system42.mjs.map +1 -1
- package/dist/design-system43.mjs +13 -8
- package/dist/design-system43.mjs.map +1 -1
- package/dist/design-system44.mjs +5 -15
- package/dist/design-system44.mjs.map +1 -1
- package/dist/design-system45.mjs +61 -5
- package/dist/design-system45.mjs.map +1 -1
- package/dist/design-system46.mjs +5 -61
- package/dist/design-system46.mjs.map +1 -1
- package/dist/design-system47.mjs +5 -5
- package/dist/design-system48.mjs +8 -5
- package/dist/design-system48.mjs.map +1 -1
- package/dist/design-system49.mjs +861 -8
- package/dist/design-system49.mjs.map +1 -1
- package/dist/design-system50.mjs +2 -862
- package/dist/design-system50.mjs.map +1 -1
- package/dist/design-system51.mjs +127 -2
- package/dist/design-system51.mjs.map +1 -1
- package/dist/design-system52.mjs +2 -127
- package/dist/design-system52.mjs.map +1 -1
- package/dist/design-system53.mjs +7 -2
- package/dist/design-system53.mjs.map +1 -1
- package/dist/design-system54.mjs +23 -7
- package/dist/design-system54.mjs.map +1 -1
- package/dist/design-system55.mjs +2 -23
- package/dist/design-system55.mjs.map +1 -1
- package/dist/design-system57.mjs +65 -2
- package/dist/design-system57.mjs.map +1 -1
- package/dist/design-system58.mjs +2 -65
- package/dist/design-system58.mjs.map +1 -1
- package/dist/design-system59.mjs +2 -2
- package/dist/design-system64.mjs +28 -2
- package/dist/design-system64.mjs.map +1 -1
- package/dist/design-system65.mjs +2 -28
- package/dist/design-system65.mjs.map +1 -1
- package/dist/design-system66.mjs +58 -2
- package/dist/design-system66.mjs.map +1 -1
- package/dist/design-system67.mjs +2 -58
- package/dist/design-system67.mjs.map +1 -1
- package/dist/design-system68.mjs +2 -2
- package/dist/design-system7.mjs +2 -11
- package/dist/design-system7.mjs.map +1 -1
- package/dist/design-system72.mjs +79 -2
- package/dist/design-system72.mjs.map +1 -1
- package/dist/design-system73.mjs +2 -79
- package/dist/design-system73.mjs.map +1 -1
- package/dist/design-system74.mjs +2 -2
- package/dist/design-system75.mjs +2 -2
- package/dist/design-system76.mjs +81 -2
- package/dist/design-system76.mjs.map +1 -1
- package/dist/design-system77.mjs +2 -81
- package/dist/design-system77.mjs.map +1 -1
- package/dist/design-system78.mjs +2 -2
- package/dist/design-system79.mjs +119 -2
- package/dist/design-system79.mjs.map +1 -1
- package/dist/design-system8.mjs +86 -2
- package/dist/design-system8.mjs.map +1 -1
- package/dist/design-system80.mjs +2 -119
- package/dist/design-system80.mjs.map +1 -1
- package/dist/design-system81.mjs +2 -2
- package/dist/design-system82.mjs +1 -1
- package/dist/design-system83.mjs +102 -2
- package/dist/design-system83.mjs.map +1 -1
- package/dist/design-system84.mjs +2 -102
- package/dist/design-system84.mjs.map +1 -1
- package/dist/design-system85.mjs +190 -2
- package/dist/design-system85.mjs.map +1 -1
- package/dist/design-system86.mjs +2 -190
- package/dist/design-system86.mjs.map +1 -1
- package/dist/design-system87.mjs +2 -2
- package/dist/design-system88.mjs +142 -2
- package/dist/design-system88.mjs.map +1 -1
- package/dist/design-system89.mjs +2 -142
- package/dist/design-system89.mjs.map +1 -1
- package/dist/design-system9.mjs +54 -54
- package/dist/design-system90.mjs +49 -2
- package/dist/design-system90.mjs.map +1 -1
- package/dist/design-system91.mjs +2 -49
- package/dist/design-system91.mjs.map +1 -1
- package/dist/design-system92.mjs +2 -2
- package/dist/design-system95.mjs +140 -2
- package/dist/design-system95.mjs.map +1 -1
- package/dist/design-system96.mjs +1068 -117
- package/dist/design-system96.mjs.map +1 -1
- package/dist/design-system97.mjs +959 -1048
- package/dist/design-system97.mjs.map +1 -1
- package/dist/design-system98.mjs +16 -1001
- package/dist/design-system98.mjs.map +1 -1
- package/dist/design-system99.mjs +63 -1360
- package/dist/design-system99.mjs.map +1 -1
- package/dist/types/composables/Date.d.ts +2 -0
- package/dist/types/helpers/DateHelper.d.ts +5 -1
- package/dist/types/index.d.ts +0 -1
- package/package.json +14 -13
- package/dist/design-system235.mjs +0 -10
- package/dist/design-system235.mjs.map +0 -1
- package/dist/design-system236.mjs +0 -10
- package/dist/design-system236.mjs.map +0 -1
- package/dist/design-system237.mjs +0 -8
- package/dist/design-system237.mjs.map +0 -1
- package/dist/design-system238.mjs +0 -11
- package/dist/design-system238.mjs.map +0 -1
- package/dist/design-system239.mjs +0 -7
- package/dist/design-system239.mjs.map +0 -1
package/dist/design-system67.mjs
CHANGED
|
@@ -1,61 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
import { BLoadingOverlaySpinnerSize as a } from "./design-system5.mjs";
|
|
3
|
-
import m from "./design-system36.mjs";
|
|
4
|
-
const g = /* @__PURE__ */ v({
|
|
5
|
-
__name: "BLoadingOverlay",
|
|
6
|
-
props: {
|
|
7
|
-
loading: { type: Boolean },
|
|
8
|
-
absolute: { type: Boolean, default: !1 },
|
|
9
|
-
spinnerSize: { default: a.Medium }
|
|
10
|
-
},
|
|
11
|
-
setup(f) {
|
|
12
|
-
const l = f, t = r(() => l.absolute ? "ds-absolute " : "ds-fixed "), o = r(() => {
|
|
13
|
-
let e = "spinner ";
|
|
14
|
-
switch (l.spinnerSize) {
|
|
15
|
-
case a.Small:
|
|
16
|
-
e += "ds-w-4 ds-h-4 ";
|
|
17
|
-
break;
|
|
18
|
-
case a.Large:
|
|
19
|
-
e += "ds-w-12 ds-h-12 ";
|
|
20
|
-
break;
|
|
21
|
-
case a.Medium:
|
|
22
|
-
default:
|
|
23
|
-
e += "ds-w-8 ds-h-8 ";
|
|
24
|
-
}
|
|
25
|
-
return e;
|
|
26
|
-
});
|
|
27
|
-
return (e, b) => l.absolute ? i((n(), d(m, {
|
|
28
|
-
key: 1,
|
|
29
|
-
class: s(t.value)
|
|
30
|
-
}, {
|
|
31
|
-
default: u(() => [
|
|
32
|
-
c("div", {
|
|
33
|
-
class: s(o.value)
|
|
34
|
-
}, null, 2)
|
|
35
|
-
]),
|
|
36
|
-
_: 1
|
|
37
|
-
}, 8, ["class"])), [
|
|
38
|
-
[p, e.loading]
|
|
39
|
-
]) : (n(), d(y, {
|
|
40
|
-
key: 0,
|
|
41
|
-
to: "body"
|
|
42
|
-
}, [
|
|
43
|
-
i(h(m, {
|
|
44
|
-
class: s(t.value)
|
|
45
|
-
}, {
|
|
46
|
-
default: u(() => [
|
|
47
|
-
c("div", {
|
|
48
|
-
class: s(o.value)
|
|
49
|
-
}, null, 2)
|
|
50
|
-
]),
|
|
51
|
-
_: 1
|
|
52
|
-
}, 8, ["class"]), [
|
|
53
|
-
[p, e.loading]
|
|
54
|
-
])
|
|
55
|
-
]));
|
|
56
|
-
}
|
|
57
|
-
});
|
|
1
|
+
const e = "";
|
|
58
2
|
export {
|
|
59
|
-
|
|
3
|
+
e as default
|
|
60
4
|
};
|
|
61
5
|
//# sourceMappingURL=design-system67.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system67.mjs","sources":[
|
|
1
|
+
{"version":3,"file":"design-system67.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/dist/design-system68.mjs
CHANGED
package/dist/design-system7.mjs
CHANGED
|
@@ -1,14 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
import r from "./design-system10.mjs";
|
|
3
|
-
const i = {
|
|
4
|
-
install: (m, e) => {
|
|
5
|
-
if (e != null && e.i18n) {
|
|
6
|
-
const { mergeLocaleMessage: a } = e.i18n.global;
|
|
7
|
-
a("vi-VN", r), a("en-US", l);
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
};
|
|
1
|
+
const a = "";
|
|
11
2
|
export {
|
|
12
|
-
|
|
3
|
+
a as default
|
|
13
4
|
};
|
|
14
5
|
//# sourceMappingURL=design-system7.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system7.mjs","sources":[
|
|
1
|
+
{"version":3,"file":"design-system7.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/dist/design-system72.mjs
CHANGED
|
@@ -1,5 +1,82 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { defineComponent as y, computed as s, openBlock as o, createElementBlock as u, Fragment as B, createElementVNode as d, withDirectives as R, vModelRadio as V, normalizeClass as C, renderSlot as k, createTextVNode as q, toDisplayString as N, createCommentVNode as n, createBlock as M, unref as $ } from "vue";
|
|
2
|
+
import D from "./design-system14.mjs";
|
|
3
|
+
import { useValidationField as E } from "./design-system3.mjs";
|
|
4
|
+
import { useI18n as I } from "./design-system49.mjs";
|
|
5
|
+
import S from "./design-system98.mjs";
|
|
6
|
+
const w = { class: "b-radio ds-flex ds-items-center" }, F = ["id", "disabled", "name", "value"], O = ["for"], z = ["for"], H = /* @__PURE__ */ y({
|
|
7
|
+
__name: "BRadio",
|
|
8
|
+
props: {
|
|
9
|
+
inputId: { default: "" },
|
|
10
|
+
modelValue: { type: [String, Number, Boolean], default: "" },
|
|
11
|
+
inputName: { default: "" },
|
|
12
|
+
label: { default: "" },
|
|
13
|
+
labelOrphan: { type: Boolean, default: !1 },
|
|
14
|
+
disabled: { type: Boolean, default: !1 },
|
|
15
|
+
labelCssClass: { default: "" },
|
|
16
|
+
hideDetails: { type: Boolean, default: !1 },
|
|
17
|
+
validationRules: { default: void 0 },
|
|
18
|
+
required: { type: Boolean, default: !1 },
|
|
19
|
+
requiredErrorMessage: { default: "" }
|
|
20
|
+
},
|
|
21
|
+
emits: ["change", "update:modelValue"],
|
|
22
|
+
setup(m, { emit: f }) {
|
|
23
|
+
const l = m, r = f, { t: p } = I(), c = {
|
|
24
|
+
validateRule: (e) => !!(e && e.trim()),
|
|
25
|
+
errorMessage: () => l.requiredErrorMessage || p("ds.global.field_required")
|
|
26
|
+
}, a = s(() => l.inputId || `id-${S()}`), t = s({
|
|
27
|
+
get() {
|
|
28
|
+
return l.modelValue;
|
|
29
|
+
},
|
|
30
|
+
set(e) {
|
|
31
|
+
r("update:modelValue", e);
|
|
32
|
+
}
|
|
33
|
+
}), v = s(() => {
|
|
34
|
+
let e = [];
|
|
35
|
+
return l.required && e.push(c), l.validationRules && (e = e.concat(l.validationRules)), e.length ? e : void 0;
|
|
36
|
+
}), { validate: b, validationResult: g } = E(
|
|
37
|
+
a.value,
|
|
38
|
+
t,
|
|
39
|
+
v.value
|
|
40
|
+
), h = () => {
|
|
41
|
+
r("change"), b();
|
|
42
|
+
};
|
|
43
|
+
return (e, i) => (o(), u(B, null, [
|
|
44
|
+
d("div", w, [
|
|
45
|
+
R(d("input", {
|
|
46
|
+
id: a.value,
|
|
47
|
+
"onUpdate:modelValue": i[0] || (i[0] = (_) => t.value = _),
|
|
48
|
+
disabled: e.disabled,
|
|
49
|
+
name: e.inputName,
|
|
50
|
+
value: e.$attrs.value,
|
|
51
|
+
class: "b-radio__input",
|
|
52
|
+
type: "radio",
|
|
53
|
+
onChange: h
|
|
54
|
+
}, null, 40, F), [
|
|
55
|
+
[V, t.value]
|
|
56
|
+
]),
|
|
57
|
+
d("label", {
|
|
58
|
+
for: a.value,
|
|
59
|
+
class: "b-radio__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light"
|
|
60
|
+
}, null, 8, O),
|
|
61
|
+
l.label || e.$slots.default ? (o(), u("label", {
|
|
62
|
+
key: 0,
|
|
63
|
+
for: l.labelOrphan ? void 0 : a.value,
|
|
64
|
+
class: C([e.labelCssClass, "ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"])
|
|
65
|
+
}, [
|
|
66
|
+
k(e.$slots, "default", {}, () => [
|
|
67
|
+
q(N(l.label), 1)
|
|
68
|
+
], !0)
|
|
69
|
+
], 10, z)) : n("", !0)
|
|
70
|
+
]),
|
|
71
|
+
e.hideDetails ? n("", !0) : (o(), M(D, {
|
|
72
|
+
key: 0,
|
|
73
|
+
"error-message": $(g).errorMessage(),
|
|
74
|
+
class: "ds-mt-1"
|
|
75
|
+
}, null, 8, ["error-message"]))
|
|
76
|
+
], 64));
|
|
77
|
+
}
|
|
78
|
+
});
|
|
2
79
|
export {
|
|
3
|
-
|
|
80
|
+
H as default
|
|
4
81
|
};
|
|
5
82
|
//# sourceMappingURL=design-system72.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system72.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
1
|
+
{"version":3,"file":"design-system72.mjs","sources":["../src/components/BRadio.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { vModelRadio as _vModelRadio, createElementVNode as _createElementVNode, withDirectives as _withDirectives, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, unref as _unref, createBlock as _createBlock, Fragment as _Fragment, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-98637356\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"b-radio ds-flex ds-items-center\" }\nconst _hoisted_2 = [\"id\", \"disabled\", \"name\", \"value\"]\nconst _hoisted_3 = [\"for\"]\nconst _hoisted_4 = [\"for\"]\n\nimport BErrorMessage from '@/components/BErrorMessage.vue';\nimport {\n useValidationField,\n type ValidationRule,\n} from '@/composables/Validation';\nimport { v4 as uuid } from 'uuid';\nimport { computed } from 'vue';\nimport { useI18n } from 'vue-i18n';\n\n//#region Props\nexport interface BRadioProps {\n inputId?: string;\n modelValue: string | number | boolean;\n inputName?: string;\n label?: string;\n /**\n * Clicking on label will not select the radio.\n */\n labelOrphan?: boolean;\n disabled?: boolean;\n labelCssClass?: string;\n /**\n * Hide the validation error message.\n */\n hideDetails?: boolean;\n /**\n * Array of custom validation rules.\n */\n validationRules?: ValidationRule[];\n /**\n * Validate if the field is left empty.\n */\n required?: boolean;\n requiredErrorMessage?: string;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n __name: 'BRadio',\n props: {\n inputId: { default: '' },\n modelValue: { type: [String, Number, Boolean], default: '' },\n inputName: { default: '' },\n label: { default: '' },\n labelOrphan: { type: Boolean, default: false },\n disabled: { type: Boolean, default: false },\n labelCssClass: { default: '' },\n hideDetails: { type: Boolean, default: false },\n validationRules: { default: undefined },\n required: { type: Boolean, default: false },\n requiredErrorMessage: { default: '' }\n },\n emits: [\"change\", \"update:modelValue\"],\n setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst { t } = useI18n();\nconst validateRequired: ValidationRule = {\n validateRule: (val: string) => !!(val && val.trim()),\n errorMessage: () =>\n props.requiredErrorMessage || t('ds.global.field_required'),\n};\nconst id = computed(() => props.inputId || `id-${uuid()}`);\nconst value = computed({\n get() {\n return props.modelValue;\n },\n set(val) {\n emit('update:modelValue', val);\n },\n});\nconst vRules = computed(() => {\n let result: ValidationRule[] = [];\n\n if (props.required) {\n result.push(validateRequired);\n }\n if (props.validationRules) {\n result = result.concat(props.validationRules);\n }\n\n return result.length ? result : undefined;\n});\n\nconst { validate, validationResult } = useValidationField(\n id.value,\n value,\n vRules.value,\n);\n//#endregion\n\n//#region Methods\nconst onChange = () => {\n emit('change');\n validate();\n};\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n return (_openBlock(), _createElementBlock(_Fragment, null, [\n _createElementVNode(\"div\", _hoisted_1, [\n _withDirectives(_createElementVNode(\"input\", {\n id: id.value,\n \"onUpdate:modelValue\": _cache[0] || (_cache[0] = ($event: any) => ((value).value = $event)),\n disabled: _ctx.disabled,\n name: _ctx.inputName,\n value: _ctx.$attrs.value,\n class: \"b-radio__input\",\n type: \"radio\",\n onChange: onChange\n }, null, 40, _hoisted_2), [\n [_vModelRadio, value.value]\n ]),\n _createElementVNode(\"label\", {\n for: id.value,\n class: \"b-radio__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light\"\n }, null, 8, _hoisted_3),\n (props.label || _ctx.$slots.default)\n ? (_openBlock(), _createElementBlock(\"label\", {\n key: 0,\n for: props.labelOrphan ? undefined : id.value,\n class: _normalizeClass([_ctx.labelCssClass, \"ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900\"])\n }, [\n _renderSlot(_ctx.$slots, \"default\", {}, () => [\n _createTextVNode(_toDisplayString(props.label), 1)\n ], true)\n ], 10, _hoisted_4))\n : _createCommentVNode(\"\", true)\n ]),\n (!_ctx.hideDetails)\n ? (_openBlock(), _createBlock(BErrorMessage, {\n key: 0,\n \"error-message\": _unref(validationResult).errorMessage(),\n class: \"ds-mt-1\"\n }, null, 8, [\"error-message\"]))\n : _createCommentVNode(\"\", true)\n ], 64))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","__emit","props","emit","t","useI18n","validateRequired","val","id","computed","uuid","value","vRules","result","validate","validationResult","useValidationField","onChange","_ctx","_cache","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_withDirectives","$event","_vModelRadio","_normalizeClass","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode","_createBlock","BErrorMessage","_unref"],"mappings":"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"}
|
package/dist/design-system73.mjs
CHANGED
|
@@ -1,82 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
import D from "./design-system15.mjs";
|
|
3
|
-
import { useValidationField as E } from "./design-system3.mjs";
|
|
4
|
-
import { useI18n as I } from "./design-system50.mjs";
|
|
5
|
-
import S from "./design-system100.mjs";
|
|
6
|
-
const w = { class: "b-radio ds-flex ds-items-center" }, F = ["id", "disabled", "name", "value"], O = ["for"], z = ["for"], H = /* @__PURE__ */ y({
|
|
7
|
-
__name: "BRadio",
|
|
8
|
-
props: {
|
|
9
|
-
inputId: { default: "" },
|
|
10
|
-
modelValue: { type: [String, Number, Boolean], default: "" },
|
|
11
|
-
inputName: { default: "" },
|
|
12
|
-
label: { default: "" },
|
|
13
|
-
labelOrphan: { type: Boolean, default: !1 },
|
|
14
|
-
disabled: { type: Boolean, default: !1 },
|
|
15
|
-
labelCssClass: { default: "" },
|
|
16
|
-
hideDetails: { type: Boolean, default: !1 },
|
|
17
|
-
validationRules: { default: void 0 },
|
|
18
|
-
required: { type: Boolean, default: !1 },
|
|
19
|
-
requiredErrorMessage: { default: "" }
|
|
20
|
-
},
|
|
21
|
-
emits: ["change", "update:modelValue"],
|
|
22
|
-
setup(m, { emit: f }) {
|
|
23
|
-
const l = m, r = f, { t: p } = I(), c = {
|
|
24
|
-
validateRule: (e) => !!(e && e.trim()),
|
|
25
|
-
errorMessage: () => l.requiredErrorMessage || p("ds.global.field_required")
|
|
26
|
-
}, a = s(() => l.inputId || `id-${S()}`), t = s({
|
|
27
|
-
get() {
|
|
28
|
-
return l.modelValue;
|
|
29
|
-
},
|
|
30
|
-
set(e) {
|
|
31
|
-
r("update:modelValue", e);
|
|
32
|
-
}
|
|
33
|
-
}), v = s(() => {
|
|
34
|
-
let e = [];
|
|
35
|
-
return l.required && e.push(c), l.validationRules && (e = e.concat(l.validationRules)), e.length ? e : void 0;
|
|
36
|
-
}), { validate: b, validationResult: g } = E(
|
|
37
|
-
a.value,
|
|
38
|
-
t,
|
|
39
|
-
v.value
|
|
40
|
-
), h = () => {
|
|
41
|
-
r("change"), b();
|
|
42
|
-
};
|
|
43
|
-
return (e, i) => (o(), u(B, null, [
|
|
44
|
-
d("div", w, [
|
|
45
|
-
R(d("input", {
|
|
46
|
-
id: a.value,
|
|
47
|
-
"onUpdate:modelValue": i[0] || (i[0] = (_) => t.value = _),
|
|
48
|
-
disabled: e.disabled,
|
|
49
|
-
name: e.inputName,
|
|
50
|
-
value: e.$attrs.value,
|
|
51
|
-
class: "b-radio__input",
|
|
52
|
-
type: "radio",
|
|
53
|
-
onChange: h
|
|
54
|
-
}, null, 40, F), [
|
|
55
|
-
[V, t.value]
|
|
56
|
-
]),
|
|
57
|
-
d("label", {
|
|
58
|
-
for: a.value,
|
|
59
|
-
class: "b-radio__input-label ds-border ds-border-black/[0.1] ds-drop-shadow-light"
|
|
60
|
-
}, null, 8, O),
|
|
61
|
-
l.label || e.$slots.default ? (o(), u("label", {
|
|
62
|
-
key: 0,
|
|
63
|
-
for: l.labelOrphan ? void 0 : a.value,
|
|
64
|
-
class: C([e.labelCssClass, "ds-ml-2 ds-text-sm ds-font-medium ds-text-gray-900"])
|
|
65
|
-
}, [
|
|
66
|
-
k(e.$slots, "default", {}, () => [
|
|
67
|
-
q(N(l.label), 1)
|
|
68
|
-
], !0)
|
|
69
|
-
], 10, z)) : n("", !0)
|
|
70
|
-
]),
|
|
71
|
-
e.hideDetails ? n("", !0) : (o(), M(D, {
|
|
72
|
-
key: 0,
|
|
73
|
-
"error-message": $(g).errorMessage(),
|
|
74
|
-
class: "ds-mt-1"
|
|
75
|
-
}, null, 8, ["error-message"]))
|
|
76
|
-
], 64));
|
|
77
|
-
}
|
|
78
|
-
});
|
|
1
|
+
const _ = "";
|
|
79
2
|
export {
|
|
80
|
-
|
|
3
|
+
_ as default
|
|
81
4
|
};
|
|
82
5
|
//# sourceMappingURL=design-system73.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system73.mjs","sources":[
|
|
1
|
+
{"version":3,"file":"design-system73.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/dist/design-system74.mjs
CHANGED
package/dist/design-system75.mjs
CHANGED
package/dist/design-system76.mjs
CHANGED
|
@@ -1,5 +1,84 @@
|
|
|
1
|
-
|
|
1
|
+
import { defineComponent as L, ref as d, computed as C, watch as k, nextTick as T, onMounted as $, openBlock as n, createElementBlock as u, renderSlot as i, createElementVNode as _, Fragment as w, renderList as B, normalizeClass as E, toDisplayString as H } from "vue";
|
|
2
|
+
import I from "./design-system98.mjs";
|
|
3
|
+
const S = { class: "ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100" }, z = ["onClick"], q = ["id"], M = /* @__PURE__ */ L({
|
|
4
|
+
__name: "BTabs",
|
|
5
|
+
props: {
|
|
6
|
+
headers: {},
|
|
7
|
+
modelValue: { default: void 0 },
|
|
8
|
+
headerCssClass: { default: "" }
|
|
9
|
+
},
|
|
10
|
+
emits: ["update:modelValue"],
|
|
11
|
+
setup(g, { emit: y }) {
|
|
12
|
+
const o = g, x = y, r = d(null), t = d(null), a = d(null), s = d(0), c = d(0), v = C({
|
|
13
|
+
get() {
|
|
14
|
+
return o.modelValue !== void 0 ? o.modelValue : c.value;
|
|
15
|
+
},
|
|
16
|
+
set(e) {
|
|
17
|
+
o.modelValue !== void 0 ? x("update:modelValue", e) : c.value = e;
|
|
18
|
+
}
|
|
19
|
+
}), f = C(() => `id-${I()}`);
|
|
20
|
+
k(v, (e) => {
|
|
21
|
+
m(e);
|
|
22
|
+
}), k(
|
|
23
|
+
() => o.headers,
|
|
24
|
+
() => {
|
|
25
|
+
T(() => {
|
|
26
|
+
p();
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
);
|
|
30
|
+
const V = (e) => {
|
|
31
|
+
v.value = e;
|
|
32
|
+
}, m = (e) => {
|
|
33
|
+
if (a.value && t.value)
|
|
34
|
+
if (s.value = e, [...a.value, ...t.value].forEach((l) => {
|
|
35
|
+
l.classList.remove("active");
|
|
36
|
+
}), a.value[s.value] && t.value[s.value])
|
|
37
|
+
a.value[s.value].classList.add("active"), t.value[s.value].classList.add("active");
|
|
38
|
+
else {
|
|
39
|
+
const l = s.value - 1;
|
|
40
|
+
l >= 0 && (a.value[l].classList.add("active"), t.value[l].classList.add("active"));
|
|
41
|
+
}
|
|
42
|
+
}, p = () => {
|
|
43
|
+
r.value && (a.value = [
|
|
44
|
+
...r.value.querySelectorAll(
|
|
45
|
+
`#${f.value} > .tab`
|
|
46
|
+
)
|
|
47
|
+
], a.value.forEach((e) => {
|
|
48
|
+
e.classList.contains("active") && (s.value = a.value.indexOf(e));
|
|
49
|
+
}), m(s.value));
|
|
50
|
+
};
|
|
51
|
+
return $(() => {
|
|
52
|
+
p();
|
|
53
|
+
}), (e, l) => (n(), u("div", {
|
|
54
|
+
ref_key: "tabContainer",
|
|
55
|
+
ref: r
|
|
56
|
+
}, [
|
|
57
|
+
i(e.$slots, "headers-prepend", {}, void 0, !0),
|
|
58
|
+
_("ul", S, [
|
|
59
|
+
(n(!0), u(w, null, B(e.headers, (b, h) => (n(), u("li", {
|
|
60
|
+
key: h,
|
|
61
|
+
ref_for: !0,
|
|
62
|
+
ref_key: "tabHeaders",
|
|
63
|
+
ref: t,
|
|
64
|
+
class: E([[
|
|
65
|
+
e.headerCssClass,
|
|
66
|
+
b.disabled ? "ds-pointer-events-none ds-text-black/40" : ""
|
|
67
|
+
], "tab-header ds-min-w-[5rem] ds-flex-1 ds-cursor-pointer ds-rounded-lg ds-p-2 ds-text-center ds-text-sm ds-font-medium ds-capitalize hover:ds-bg-slate-50 hover:ds-text-primary-t"]),
|
|
68
|
+
onClick: (A) => V(h)
|
|
69
|
+
}, H(b.text), 11, z))), 128))
|
|
70
|
+
]),
|
|
71
|
+
i(e.$slots, "headers-append", {}, void 0, !0),
|
|
72
|
+
_("div", {
|
|
73
|
+
id: f.value,
|
|
74
|
+
class: "ds-w-full"
|
|
75
|
+
}, [
|
|
76
|
+
i(e.$slots, "default", {}, void 0, !0)
|
|
77
|
+
], 8, q)
|
|
78
|
+
], 512));
|
|
79
|
+
}
|
|
80
|
+
});
|
|
2
81
|
export {
|
|
3
|
-
|
|
82
|
+
M as default
|
|
4
83
|
};
|
|
5
84
|
//# sourceMappingURL=design-system76.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system76.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
1
|
+
{"version":3,"file":"design-system76.mjs","sources":["../src/components/BTabs/BTabs.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from \"vue\"\n\nconst _withScopeId = n => (_pushScopeId(\"data-v-646ae8c4\"),n=n(),_popScopeId(),n)\nconst _hoisted_1 = { class: \"ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100\" }\nconst _hoisted_2 = [\"onClick\"]\nconst _hoisted_3 = [\"id\"]\n\nimport type { BTabsHeader } from '@/types';\nimport { v4 as uuid } from 'uuid';\nimport { computed, nextTick, onMounted, ref, watch } from 'vue';\n\n//#region Props\nexport interface BTabsProps {\n /**\n * Array of header objects.\n */\n headers: BTabsHeader[];\n /**\n * Index of tab.\n */\n modelValue?: number;\n /**\n * CSS of header.\n */\n headerCssClass?: string;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n __name: 'BTabs',\n props: {\n headers: {},\n modelValue: { default: undefined },\n headerCssClass: { default: '' }\n },\n emits: [\"update:modelValue\"],\n setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n//#endregion\n\n//#region Events\nconst emit = __emit;\n//#endregion\n\n//#region Data\nconst tabContainer = ref<HTMLElement | null>(null);\nconst tabHeaders = ref<HTMLElement[] | null>(null);\nconst tabs = ref<Element[] | null>(null);\nconst activeTabIndex = ref(0);\nconst mValue = ref(0);\nconst value = computed({\n get() {\n return props.modelValue !== undefined ? props.modelValue : mValue.value;\n },\n set(val) {\n if (props.modelValue !== undefined) {\n emit('update:modelValue', val);\n } else {\n mValue.value = val;\n }\n },\n});\nconst tabBodyId = computed(() => `id-${uuid()}`);\n//#endregion\n\n//#region Watchers\nwatch(value, (val) => {\n selectTab(val);\n});\nwatch(\n () => props.headers,\n () => {\n nextTick(() => {\n initTabs();\n });\n },\n);\n//#endregion\n\n//#region Methods\nconst onClickTabHeader = (index: number) => {\n value.value = index;\n};\nconst selectTab = (index: number) => {\n if (tabs.value && tabHeaders.value) {\n // Set activeTabIndex item to the index of the element clicked\n activeTabIndex.value = index;\n // Remove any active classes\n [...tabs.value, ...tabHeaders.value].forEach((t) => {\n t.classList.remove('active');\n });\n // Add active classes where appropriate, to the active element\n if (\n tabs.value[activeTabIndex.value] &&\n tabHeaders.value[activeTabIndex.value]\n ) {\n tabs.value[activeTabIndex.value].classList.add('active');\n tabHeaders.value[activeTabIndex.value].classList.add('active');\n } else {\n // Nearest element if desired index is not found\n const nearestIndex = activeTabIndex.value - 1;\n if (nearestIndex >= 0) {\n tabs.value[nearestIndex].classList.add('active');\n tabHeaders.value[nearestIndex].classList.add('active');\n }\n }\n }\n};\nconst initTabs = () => {\n if (tabContainer.value) {\n // Selects all elements with the class '.tab', which are direct children of element with the id 'tabBodyId'\n tabs.value = [\n ...(tabContainer.value.querySelectorAll(\n `#${tabBodyId.value} > .tab`,\n ) as any),\n ];\n tabs.value.forEach((tab) => {\n if (tab.classList.contains('active')) {\n activeTabIndex.value = tabs.value!.indexOf(tab);\n }\n });\n selectTab(activeTabIndex.value);\n }\n};\n//#endregion\n\n//#region Lifecycle Hooks\nonMounted(() => {\n initTabs();\n});\n//#endregion\n\nreturn (_ctx: any,_cache: any) => {\n return (_openBlock(), _createElementBlock(\"div\", {\n ref_key: \"tabContainer\",\n ref: tabContainer\n }, [\n _renderSlot(_ctx.$slots, \"headers-prepend\", {}, undefined, true),\n _createElementVNode(\"ul\", _hoisted_1, [\n (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.headers, (header, index) => {\n return (_openBlock(), _createElementBlock(\"li\", {\n key: index,\n ref_for: true,\n ref_key: \"tabHeaders\",\n ref: tabHeaders,\n class: _normalizeClass([[\n _ctx.headerCssClass,\n header.disabled ? 'ds-pointer-events-none ds-text-black/40' : '',\n ], \"tab-header ds-min-w-[5rem] ds-flex-1 ds-cursor-pointer ds-rounded-lg ds-p-2 ds-text-center ds-text-sm ds-font-medium ds-capitalize hover:ds-bg-slate-50 hover:ds-text-primary-t\"]),\n onClick: ($event: any) => (onClickTabHeader(index))\n }, _toDisplayString(header.text), 11, _hoisted_2))\n }), 128))\n ]),\n _renderSlot(_ctx.$slots, \"headers-append\", {}, undefined, true),\n _createElementVNode(\"div\", {\n id: tabBodyId.value,\n class: \"ds-w-full\"\n }, [\n _renderSlot(_ctx.$slots, \"default\", {}, undefined, true)\n ], 8, _hoisted_3)\n ], 512))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_sfc_main","_defineComponent","__props","__emit","props","emit","tabContainer","ref","tabHeaders","tabs","activeTabIndex","mValue","value","computed","val","tabBodyId","uuid","watch","selectTab","nextTick","initTabs","onClickTabHeader","index","t","nearestIndex","tab","onMounted","_ctx","_cache","_openBlock","_createElementBlock","_renderSlot","_createElementVNode","_Fragment","_renderList","header","_normalizeClass","$event","_toDisplayString"],"mappings":"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"}
|
package/dist/design-system77.mjs
CHANGED
|
@@ -1,84 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
import I from "./design-system100.mjs";
|
|
3
|
-
const S = { class: "ds-flex ds-flex-wrap ds-overflow-hidden ds-rounded-lg ds-border ds-border-gray-100 ds-bg-gray-100" }, z = ["onClick"], q = ["id"], M = /* @__PURE__ */ L({
|
|
4
|
-
__name: "BTabs",
|
|
5
|
-
props: {
|
|
6
|
-
headers: {},
|
|
7
|
-
modelValue: { default: void 0 },
|
|
8
|
-
headerCssClass: { default: "" }
|
|
9
|
-
},
|
|
10
|
-
emits: ["update:modelValue"],
|
|
11
|
-
setup(g, { emit: y }) {
|
|
12
|
-
const o = g, x = y, r = d(null), t = d(null), a = d(null), s = d(0), c = d(0), v = C({
|
|
13
|
-
get() {
|
|
14
|
-
return o.modelValue !== void 0 ? o.modelValue : c.value;
|
|
15
|
-
},
|
|
16
|
-
set(e) {
|
|
17
|
-
o.modelValue !== void 0 ? x("update:modelValue", e) : c.value = e;
|
|
18
|
-
}
|
|
19
|
-
}), f = C(() => `id-${I()}`);
|
|
20
|
-
k(v, (e) => {
|
|
21
|
-
m(e);
|
|
22
|
-
}), k(
|
|
23
|
-
() => o.headers,
|
|
24
|
-
() => {
|
|
25
|
-
T(() => {
|
|
26
|
-
p();
|
|
27
|
-
});
|
|
28
|
-
}
|
|
29
|
-
);
|
|
30
|
-
const V = (e) => {
|
|
31
|
-
v.value = e;
|
|
32
|
-
}, m = (e) => {
|
|
33
|
-
if (a.value && t.value)
|
|
34
|
-
if (s.value = e, [...a.value, ...t.value].forEach((l) => {
|
|
35
|
-
l.classList.remove("active");
|
|
36
|
-
}), a.value[s.value] && t.value[s.value])
|
|
37
|
-
a.value[s.value].classList.add("active"), t.value[s.value].classList.add("active");
|
|
38
|
-
else {
|
|
39
|
-
const l = s.value - 1;
|
|
40
|
-
l >= 0 && (a.value[l].classList.add("active"), t.value[l].classList.add("active"));
|
|
41
|
-
}
|
|
42
|
-
}, p = () => {
|
|
43
|
-
r.value && (a.value = [
|
|
44
|
-
...r.value.querySelectorAll(
|
|
45
|
-
`#${f.value} > .tab`
|
|
46
|
-
)
|
|
47
|
-
], a.value.forEach((e) => {
|
|
48
|
-
e.classList.contains("active") && (s.value = a.value.indexOf(e));
|
|
49
|
-
}), m(s.value));
|
|
50
|
-
};
|
|
51
|
-
return $(() => {
|
|
52
|
-
p();
|
|
53
|
-
}), (e, l) => (n(), u("div", {
|
|
54
|
-
ref_key: "tabContainer",
|
|
55
|
-
ref: r
|
|
56
|
-
}, [
|
|
57
|
-
i(e.$slots, "headers-prepend", {}, void 0, !0),
|
|
58
|
-
_("ul", S, [
|
|
59
|
-
(n(!0), u(w, null, B(e.headers, (b, h) => (n(), u("li", {
|
|
60
|
-
key: h,
|
|
61
|
-
ref_for: !0,
|
|
62
|
-
ref_key: "tabHeaders",
|
|
63
|
-
ref: t,
|
|
64
|
-
class: E([[
|
|
65
|
-
e.headerCssClass,
|
|
66
|
-
b.disabled ? "ds-pointer-events-none ds-text-black/40" : ""
|
|
67
|
-
], "tab-header ds-min-w-[5rem] ds-flex-1 ds-cursor-pointer ds-rounded-lg ds-p-2 ds-text-center ds-text-sm ds-font-medium ds-capitalize hover:ds-bg-slate-50 hover:ds-text-primary-t"]),
|
|
68
|
-
onClick: (A) => V(h)
|
|
69
|
-
}, H(b.text), 11, z))), 128))
|
|
70
|
-
]),
|
|
71
|
-
i(e.$slots, "headers-append", {}, void 0, !0),
|
|
72
|
-
_("div", {
|
|
73
|
-
id: f.value,
|
|
74
|
-
class: "ds-w-full"
|
|
75
|
-
}, [
|
|
76
|
-
i(e.$slots, "default", {}, void 0, !0)
|
|
77
|
-
], 8, q)
|
|
78
|
-
], 512));
|
|
79
|
-
}
|
|
80
|
-
});
|
|
1
|
+
const e = "";
|
|
81
2
|
export {
|
|
82
|
-
|
|
3
|
+
e as default
|
|
83
4
|
};
|
|
84
5
|
//# sourceMappingURL=design-system77.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system77.mjs","sources":[
|
|
1
|
+
{"version":3,"file":"design-system77.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/dist/design-system78.mjs
CHANGED