@everchron/ec-shards 0.5.40 → 0.5.44
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/dist/ec-shards.common.js +153 -155
- package/dist/ec-shards.common.js.map +1 -1
- package/dist/ec-shards.css +1 -1
- package/dist/ec-shards.umd.js +153 -155
- package/dist/ec-shards.umd.js.map +1 -1
- package/dist/ec-shards.umd.min.js +2 -2
- package/dist/ec-shards.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/assets/.DS_Store +0 -0
- package/src/assets/icons/toolbar-annotations.svg +1 -1
- package/src/assets/icons/toolbar-bulk-documents.svg +1 -1
- package/src/assets/icons/toolbar-bulk-issues.svg +1 -1
- package/src/assets/icons/toolbar-bulk-profiles.svg +1 -1
- package/src/assets/icons/toolbar-cards.svg +1 -1
- package/src/assets/icons/toolbar-dashboard.svg +1 -1
- package/src/assets/icons/toolbar-more.svg +1 -1
- package/src/assets/icons/toolbar-page-navigation.svg +1 -1
- package/src/assets/icons/toolbar-profile-map.svg +1 -1
- package/src/assets/icons/toolbar-refresh.svg +1 -1
- package/src/assets/icons/toolbar-settings.svg +1 -1
- package/src/assets/icons/toolbar-share.svg +1 -1
- package/src/assets/icons/toolbar-source.svg +1 -1
- package/src/assets/icons/toolbar-table.svg +1 -1
- package/src/assets/icons/toolbar-transcript-excerpt.svg +1 -1
- package/src/assets/icons/toolbar-transcript.svg +1 -1
- package/src/assets/icons/toolbar-video.svg +1 -1
- package/src/components/button/button.vue +1 -0
- package/src/components/button-table/button-table.vue +1 -0
- package/src/components/button-toolbar-icon/button-toolbar-icon.vue +4 -0
- package/src/components/card/card.vue +6 -0
- package/src/components/comment/comment.vue +5 -7
- package/src/stories/card/card.stories.js +7 -5
- package/src/stories/comment/comment.stories.js +4 -2
- package/src/stories/comment/comment.stories.mdx +4 -2
package/package.json
CHANGED
package/src/assets/.DS_Store
CHANGED
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(3.5 4.5)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M1.991155,6.21724894e-15 C0.891470458,6.21724894e-15 0,0.886706352 0,1.99810135 L0,6.00189865 C0,7.10541955 0.90009892,8 2.00104344,8 L3,8 L3,12.0001925 C3,12.5523709 3.36190124,12.7311783 3.79859594,12.4067997 L9.73125,8 L20.0015078,8 C21.1052446,8 22,7.11329365 22,6.00189865 L22,1.99810135 C22,0.894580447 21.1103261,6.21724894e-15 20.008845,6.21724894e-15 L1.991155,6.21724894e-15 Z" opacity=".
|
|
1
|
+
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(3.5 4.5)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M1.991155,6.21724894e-15 C0.891470458,6.21724894e-15 0,0.886706352 0,1.99810135 L0,6.00189865 C0,7.10541955 0.90009892,8 2.00104344,8 L3,8 L3,12.0001925 C3,12.5523709 3.36190124,12.7311783 3.79859594,12.4067997 L9.73125,8 L20.0015078,8 C21.1052446,8 22,7.11329365 22,6.00189865 L22,1.99810135 C22,0.894580447 21.1103261,6.21724894e-15 20.008845,6.21724894e-15 L1.991155,6.21724894e-15 Z" opacity=".5"/><path d="M0,11 L4.50244025e-30,15.9940809 C5.50121794e-30,17.1019194 0.888273597,18 2.00439577,18 L14.2,18 L18.228797,21.3573308 C18.6547206,21.7122672 19,21.5566468 19,20.9906311 L19,18 L19.9989566,18 C21.1041023,18 22,17.1134452 22,15.9940809 L22,13.0059191 C22,11.8980806 21.1084037,11 19.9947686,11 L10.6375,11"/></g></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><g transform="translate(3 3)" stroke="currentColor"><path d="M16,18.6666667 L21.3333333,18.6666667 C22.8060927,18.6666667 24,17.4727593 24,16 L24,5.93881333 C24,4.87794747 23.5785722,3.86053199 22.8284267,3.11038667 L20.8896133,1.17157333 C20.139468,0.421427764 19.1220525,0 18.0611867,0 L10.6093333,0 C9.136574,0 7.94266667,1.19390733 7.94266667,2.66666667 L7.94266667,5.33333333" opacity=".
|
|
1
|
+
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><g transform="translate(3 3)" stroke="currentColor"><path d="M16,18.6666667 L21.3333333,18.6666667 C22.8060927,18.6666667 24,17.4727593 24,16 L24,5.93881333 C24,4.87794747 23.5785722,3.86053199 22.8284267,3.11038667 L20.8896133,1.17157333 C20.139468,0.421427764 19.1220525,0 18.0611867,0 L10.6093333,0 C9.136574,0 7.94266667,1.19390733 7.94266667,2.66666667 L7.94266667,5.33333333" opacity=".4"/><path d="M12.9609833,24 C13.0437277,24 13.1678444,24 13.3333333,24 C14.8060927,24 16,22.8060927 16,21.3333333 L16,11.2721467 C16,10.2112808 15.5785722,9.19386533 14.8284267,8.44372 L12.8896133,6.50490667 C12.139468,5.7547611 11.1220525,5.33333333 10.0611867,5.33333333 L2.66666667,5.33333333 C1.19390733,5.33333333 0,6.52724067 0,8 C0,8.63062371 0,9.1035915 0,9.41890335"/></g><path d="M9.55232685,5.53259995 C10.5406283,4.54473483 10.7851155,3.03493244 10.1590821,1.78565285 L8.50217351,3.44069451 C8.2287837,3.71400177 7.78561878,3.71400177 7.51222897,3.44069451 L7.13884112,3.06730666 C7.00744943,2.93599915 6.93362726,2.75785741 6.93362726,2.57210102 C6.93362726,2.38634462 7.00744943,2.20820289 7.13884112,2.07689538 L8.81908645,0.396650044 C7.58505195,-0.277156099 6.05737327,-0.0788520553 5.0362679,0.887687999 C4.01516252,1.85422805 3.73334391,3.3687263 4.33843222,4.63786931 L0.211096252,8.76240487 C0.0759421565,8.89740002 0,9.08058816 0,9.27161256 C0,9.46263695 0.0759421565,9.64582509 0.211096252,9.78082024 L0.720303936,10.2904947 C0.855378795,10.4256771 1.0386442,10.5016309 1.22974499,10.5016309 C1.42084577,10.5016309 1.60411118,10.4256771 1.73918604,10.2904947 L5.86325487,6.16642583 C7.10303672,6.75808373 8.58111934,6.50413179 9.55232685,5.53259995 L9.55232685,5.53259995 Z" transform="translate(3 16)" stroke="currentColor"/></g></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M12.5523268,21.5326 C13.5406283,20.5447348 13.7851155,19.0349324 13.1590821,17.7856529 L11.5021735,19.4406945 C11.2287837,19.7140018 10.7856188,19.7140018 10.512229,19.4406945 L10.1388411,19.0673067 C10.0074494,18.9359991 9.93362726,18.7578574 9.93362726,18.572101 C9.93362726,18.3863446 10.0074494,18.2082029 10.1388411,18.0768954 L11.8190865,16.39665 C10.585052,15.7228439 9.05737327,15.9211479 8.0362679,16.887688 C7.01516252,17.8542281 6.73334391,19.3687263 7.33843222,20.6378693 L3.21109625,24.7624049 C3.07594216,24.8974 3,25.0805882 3,25.2716126 C3,25.462637 3.07594216,25.6458251 3.21109625,25.7808202 L3.72030394,26.2904947 C3.8553788,26.4256771 4.0386442,26.5016309 4.22974499,26.5016309 C4.42084577,26.5016309 4.60411118,26.4256771 4.73918604,26.2904947 L8.86325487,22.1664258 C10.1030367,22.7580837 11.5811193,22.5041318 12.5523268,21.5326 L12.5523268,21.5326 Z" stroke="currentColor"/><g transform="matrix(-1 0 0 1 26 5)" opacity=".
|
|
1
|
+
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M12.5523268,21.5326 C13.5406283,20.5447348 13.7851155,19.0349324 13.1590821,17.7856529 L11.5021735,19.4406945 C11.2287837,19.7140018 10.7856188,19.7140018 10.512229,19.4406945 L10.1388411,19.0673067 C10.0074494,18.9359991 9.93362726,18.7578574 9.93362726,18.572101 C9.93362726,18.3863446 10.0074494,18.2082029 10.1388411,18.0768954 L11.8190865,16.39665 C10.585052,15.7228439 9.05737327,15.9211479 8.0362679,16.887688 C7.01516252,17.8542281 6.73334391,19.3687263 7.33843222,20.6378693 L3.21109625,24.7624049 C3.07594216,24.8974 3,25.0805882 3,25.2716126 C3,25.462637 3.07594216,25.6458251 3.21109625,25.7808202 L3.72030394,26.2904947 C3.8553788,26.4256771 4.0386442,26.5016309 4.22974499,26.5016309 C4.42084577,26.5016309 4.60411118,26.4256771 4.73918604,26.2904947 L8.86325487,22.1664258 C10.1030367,22.7580837 11.5811193,22.5041318 12.5523268,21.5326 L12.5523268,21.5326 Z" stroke="currentColor"/><g transform="matrix(-1 0 0 1 26 5)" opacity=".5" stroke="currentColor"><path d="M11.8351463,18.7582483 C11.5135557,19.0803453 11.0311698,19.5634909 10.3879885,20.207685 C9.88186704,20.7146007 9.19505048,20.9996167 8.47872494,21 C7.76239939,21.0003706 7.07528323,20.7160777 6.5686285,20.209695 L0.791288501,14.435445 C0.284648605,13.9290581 0,13.2420982 0,12.52578 C0,11.8094618 0.284648605,11.1225019 0.791288501,10.616115 L10.5337885,0.878115 C11.0963711,0.315831833 11.8592232,0 12.6546235,0 L17.9999785,0 C19.6568328,0 20.9999785,1.34314575 20.9999785,3 L20.9999785,8.33772 C20.9999785,9.13255045 20.6845595,9.89489631 20.1229735,10.45737"/><circle cx="17" cy="4" r="1.5"/></g></g></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><g transform="translate(3 3)" opacity=".
|
|
1
|
+
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><g transform="translate(3 3)" opacity=".4" stroke="currentColor"><path d="M0.373249441,14.9771568 C-0.639162017,11.0077943 0.407994836,6.62142749 3.51472,3.51472 C8.20101333,-1.17157333 15.7989867,-1.17157333 20.4852533,3.51472 C25.1715467,8.20101333 25.1715467,15.7989867 20.4852533,20.4852533 C16.937826,24.0326807 11.7219542,24.8947787 7.3636056,23.0715474"/><path d="M20.2501765 18.9479601C19.0302144 17.3895291 16.6965659 16.3333333 13.99992 16.3333333 13.721663 16.3333333 13.4455167 16.3469217 13.1725763 16.3731284M16.82832 6.50490667C18.3904133 8.067 18.3904133 10.5996667 16.82832 12.16176 16.1195931 12.8704869 15.2110769 13.2576621 14.2840615 13.3232855 13.1678575 13.4023016 12.0248331 13.0151264 11.1714667 12.16176 10.6483241 11.6386175 10.3003812 11.0066184 10.1276378 10.3386746 9.78457291 9.01215128 10.1325159 7.54385748 11.1714667 6.50490667 12.73356 4.94281333 15.2662267 4.94281333 16.82832 6.50490667"/></g><path d="M9.55232685,5.53259995 C10.5406283,4.54473483 10.7851155,3.03493244 10.1590821,1.78565285 L8.50217351,3.44069451 C8.2287837,3.71400177 7.78561878,3.71400177 7.51222897,3.44069451 L7.13884112,3.06730666 C7.00744943,2.93599915 6.93362726,2.75785741 6.93362726,2.57210102 C6.93362726,2.38634462 7.00744943,2.20820289 7.13884112,2.07689538 L8.81908645,0.396650044 C7.58505195,-0.277156099 6.05737327,-0.0788520553 5.0362679,0.887687999 C4.01516252,1.85422805 3.73334391,3.3687263 4.33843222,4.63786931 L0.211096252,8.76240487 C0.0759421565,8.89740002 0,9.08058816 0,9.27161256 C0,9.46263695 0.0759421565,9.64582509 0.211096252,9.78082024 L0.720303936,10.2904947 C0.855378795,10.4256771 1.0386442,10.5016309 1.22974499,10.5016309 C1.42084577,10.5016309 1.60411118,10.4256771 1.73918604,10.2904947 L5.86325487,6.16642583 C7.10303672,6.75808373 8.58111934,6.50413179 9.55232685,5.53259995 L9.55232685,5.53259995 Z" transform="translate(3 16)" stroke="currentColor"/></g></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(
|
|
1
|
+
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(4 4)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><rect y="9.35" width="22" height="12.1" rx="2"/><path d="M19.8,3.92079353 L19.8,5.65377922 C19.8,6.75834872 18.9045695,7.65377922 17.8,7.65377922 L4.2,7.65377922 C3.0954305,7.65377922 2.2,6.75834872 2.2,5.65377922 L2.2,3.85 L2.2,3.85" opacity=".6" transform="matrix(1 0 0 -1 0 11.504)"/><path d="M17.6,0.0707935333 C17.6,0.91743815 16.9136589,1.60377922 16.0670143,1.60377922 L6.00377922,1.60377922 C5.11803641,1.60377922 4.4,0.885742806 4.4,0 L4.4,0 L4.4,0" opacity=".3" transform="matrix(1 0 0 -1 0 1.604)"/></g></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><g opacity=".
|
|
1
|
+
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><g opacity=".5" transform="translate(3 3)" stroke="currentColor"><path d="M8,24 L4,24 C1.790861,24 0,22.209139 0,20 L0,4 C0,1.790861 1.790861,0 4,0 L20,0 C22.209139,0 24,1.790861 24,4 L24,9.33333333"/><line x1="24" y1="5.667" y2="5.667" opacity=".6"/></g><g transform="translate(12.5 12.5)" stroke="currentColor"><path d="M15,7.5 L15,7.5 C15,11.6425 11.6425,15 7.5,15 L7.5,15 C3.3575,15 0,11.6425 0,7.5 L0,7.5 C0,3.3575 3.3575,0 7.5,0 L7.5,0 C11.6425,0 15,3.3575 15,7.5 Z"/><path d="M12.8033333,12.8033333 L7.74416667,7.74416667 C7.5875,7.5875 7.5,7.37583333 7.5,7.155 L7.5,0"/><line x1="7.558" y1="7.467" x2="13.992" y2="3.75"/></g></g></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(
|
|
1
|
+
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(2 2)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M13,26 L13,26 C5.81966667,26 0,20.1803333 0,13 L0,13 C0,5.81966667 5.81966667,0 13,0 L13,0 C20.1803333,0 26,5.81966667 26,13 L26,13 C26,20.1803333 20.1803333,26 13,26 Z" opacity=".2"/><path d="M12.9986667 12.5C12.7226667 12.5 12.4986667 12.724 12.5013333 13 12.5013333 13.276 12.7253333 13.5 13.0013333 13.5 13.2773333 13.5 13.5013333 13.276 13.5013333 13 13.5 12.724 13.276 12.5 12.9986667 12.5M18.332 12.5C18.056 12.5 17.832 12.724 17.8346667 13 17.8346667 13.276 18.0586667 13.5 18.3346667 13.5 18.6106667 13.5 18.8346667 13.276 18.8346667 13 18.8333333 12.724 18.6093333 12.5 18.332 12.5M7.66533333 12.5C7.38933333 12.5 7.16533333 12.724 7.168 13 7.168 13.276 7.392 13.5 7.668 13.5 7.944 13.5 8.168 13.276 8.168 13 8.16666667 12.724 7.94266667 12.5 7.66533333 12.5" stroke-width="1.5"/></g></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(3 3)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M13.3333333,24 L18.6666667,24 C20.8758057,24 22.6666667,22.209139 22.6666667,20 L22.6666667,7.34574667 C22.6666667,6.28488542 22.2452356,5.26747539 21.4950933,4.51733333 L18.1493333,1.17157333 C17.3991913,0.421431031 16.3817812,0 15.32092,0 L5.33333333,0 C3.12419433,0 1.33333333,1.790861 1.33333333,4 L1.33333333,12" opacity=".
|
|
1
|
+
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(3 3)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M13.3333333,24 L18.6666667,24 C20.8758057,24 22.6666667,22.209139 22.6666667,20 L22.6666667,7.34574667 C22.6666667,6.28488542 22.2452356,5.26747539 21.4950933,4.51733333 L18.1493333,1.17157333 C17.3991913,0.421431031 16.3817812,0 15.32092,0 L5.33333333,0 C3.12419433,0 1.33333333,1.790861 1.33333333,4 L1.33333333,12" opacity=".4"/><polyline points="2.66666667 16 0 18.6666667 2.66666667 21.3333333"/><path d="M0,18.6666667 L6.66666667,18.6666667 C8.139426,18.6666667 9.33333333,19.860574 9.33333333,21.3333333 L9.33333333,21.3333333 C9.33333333,22.8060927 8.139426,24 6.66666667,24 L5.34666667,24"/><path d="M20.6666667,7.33333333 L18,7.33333333 C16.5272407,7.33333333 15.3333333,6.139426 15.3333333,4.66666667 L15.3333333,2" opacity=".4"/></g></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(3.4 3.12)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><circle cx="12.999" cy="10" r="4"/><circle cx="1.5" cy="5" r="1.5"/><circle cx="21.5" cy="1.5" r="1.5"/><circle cx="1.5" cy="21.5" r="1.5"/><circle cx="12.999" cy="21.5" r="1.5"/><g opacity=".
|
|
1
|
+
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(3.4 3.12)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><circle cx="12.999" cy="10" r="4"/><circle cx="1.5" cy="5" r="1.5"/><circle cx="21.5" cy="1.5" r="1.5"/><circle cx="1.5" cy="21.5" r="1.5"/><circle cx="12.999" cy="21.5" r="1.5"/><g opacity=".4" transform="translate(3.869 3.823)"><line y1="15.378" x2="5.13" y2="10.074"/><line x1="13.13" y1="2.177" x2="15.541"/><line x1=".634" y1="2.337" x2="3.868" y2="3.811"/><line x1="14.722" y1="9.006" x2="13.984" y2="8.677"/><line x1="9.13" y1="14.431" x2="9.13" y2="11.786"/></g><circle cx="21.5" cy="14" r="1.5"/></g></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(5 5)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><g opacity=".
|
|
1
|
+
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(5 5)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><g opacity=".45" transform="translate(.444)"><polyline points="4.16666667 5.83333333 0 5.83333333 0 1.66666667"/><path d="M19.5555556,10 C19.5555556,4.47666667 15.0788889,0 9.55555556,0 C5.52222222,0 2.05444444,2.39333333 0.473333333,5.83333333"/></g><polyline points="15.3866667 14.1666667 19.5533333 14.1666667 19.5533333 18.3333333"/><path d="M0,10 C0,15.5233333 4.47666667,20 10,20 C14.0333333,20 17.5011111,17.6066667 19.0822222,14.1666667"/></g></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(2.333 2.333)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><g opacity=".
|
|
1
|
+
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(2.333 2.333)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><g opacity=".5" transform="translate(6.333 1.697)"><line x1="10.133" y1="10.97" x2="19" y2="10.97"/><line x1="4.435" y1="14.258" y2="21.939"/><line x1="4.435" y1="7.682"/><circle cx="6.333" cy="10.97" r="3.8"/></g><line y1="12.667" x2="2.217" y2="12.667"/><line x1="19" y1="1.697" x2="17.891" y2="3.617"/><line x1="19" y1="23.636" x2="17.891" y2="21.716"/><path d="M20.0553867,5.27794667 C24.1360627,9.35862379 24.1360621,15.9747077 20.0553854,20.0553841 C15.9747086,24.1360605 9.35862472,24.1360605 5.27794795,20.0553841 C1.19727118,15.9747077 1.19727061,9.35862379 5.27794667,5.27794667 C7.23748404,3.31819872 9.89531344,2.21720609 12.6666667,2.21720609 C15.4380199,2.21720609 18.0958493,3.31819872 20.0553867,5.27794667"/><line x1="1.697" y1="19" x2="3.617" y2="17.891"/><line x1="23.636" y1="6.333" x2="21.716" y2="7.442"/><line x1="12.667" y1="25.333" x2="12.667" y2="23.116"/><line x1="12.667" x2="12.667" y2="2.217"/><line x1="23.636" y1="19" x2="21.716" y2="17.891"/><line x1="1.697" y1="6.333" x2="3.617" y2="7.442"/><line x1="23.116" y1="12.667" x2="25.333" y2="12.667"/><line x1="7.445" y1="21.716" x2="6.333" y2="23.636"/><line x1="7.441" y1="3.617" x2="6.333" y2="1.697"/></g></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(3
|
|
1
|
+
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(4 3.667)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M8.22807005,1.17543858 L2.35087716,1.17543858 C1.05201753,1.17543858 0,2.22745611 0,3.52631574 L0,19.9824558 C0,21.2813155 1.05201753,22.333333 2.35087716,22.333333 L18.8070173,22.333333 C20.1058769,22.333333 21.1578944,21.2813155 21.1578944,19.9824558 L21.1578944,14.1052629" opacity=".4"/><path d="M15.2807015,9.15901741 C11.4687542,9.15901741 8.22924549,11.119649 6.9832806,13.864298 L6.9832806,13.1684384 C6.9832806,8.17635076 10.6518244,4.10463152 15.2807015,3.80019293 L15.2807015,0 L22.333333,6.46491218 L15.2807015,12.9298244 L15.2807015,9.15901741 Z"/></g></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(1.667 3)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M18 17.3333333C18 18.8066667 15.9106667 20 13.3333333 20 10.756 20 8.66666667 18.8053333 8.66666667 17.3333333M8.66666667 13.3333333C8.66666667 14.8066667 10.756 16 13.3333333 16 15.9106667 16 18 14.8066667 18 13.3333333"/><path d="M8.66666667,13.3333333 L8.66666667,21.3333333 C8.66666667,22.8053333 10.7546667,24 13.332,24 C15.9093333,24 17.9986673,22.8066667 17.9986673,21.3333333 L17.9986673,13.3333333 C18,11.86 15.9093333,10.6666667 13.3333333,10.6666667 C10.7573333,10.6666667 8.668,11.8613333 8.66666667,13.3333333 Z"/><path d="M22.6666667,18.4786667 C24.9626667,17.884 26.6666667,15.816 26.6666667,13.3333333 C26.6666667,10.388 24.2786667,8 21.3333333,8 C21.3333333,3.58133333 17.752,0 13.3333333,0 C9.81733333,0 6.83866667,2.27066667 5.76533333,5.424 C2.51333333,5.868 0,8.62666667 0,12 C0,14.7293333 1.65066667,17.0613333 4,18.092" opacity=".
|
|
1
|
+
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(1.667 3)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M18 17.3333333C18 18.8066667 15.9106667 20 13.3333333 20 10.756 20 8.66666667 18.8053333 8.66666667 17.3333333M8.66666667 13.3333333C8.66666667 14.8066667 10.756 16 13.3333333 16 15.9106667 16 18 14.8066667 18 13.3333333"/><path d="M8.66666667,13.3333333 L8.66666667,21.3333333 C8.66666667,22.8053333 10.7546667,24 13.332,24 C15.9093333,24 17.9986673,22.8066667 17.9986673,21.3333333 L17.9986673,13.3333333 C18,11.86 15.9093333,10.6666667 13.3333333,10.6666667 C10.7573333,10.6666667 8.668,11.8613333 8.66666667,13.3333333 Z"/><path d="M22.6666667,18.4786667 C24.9626667,17.884 26.6666667,15.816 26.6666667,13.3333333 C26.6666667,10.388 24.2786667,8 21.3333333,8 C21.3333333,3.58133333 17.752,0 13.3333333,0 C9.81733333,0 6.83866667,2.27066667 5.76533333,5.424 C2.51333333,5.868 0,8.62666667 0,12 C0,14.7293333 1.65066667,17.0613333 4,18.092" opacity=".4"/></g></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke-linecap="square"><rect stroke="currentColor" opacity=".4" stroke-linejoin="round" x="
|
|
1
|
+
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke-linecap="square"><rect stroke="currentColor" opacity=".4" stroke-linejoin="round" x="4" y="5" width="23" height="20" rx="2"/><g transform="translate(5 5.977)" stroke="currentColor"><line y1="4.662" x2="21" y2="4.662" stroke-linejoin="round"/><line x1="5" y1="4.523" x2="5"/><line x1="16" y1="4.523" x2="16"/><line x1="10.48" y1="4.523" x2="10.48"/></g><g opacity=".4" transform="translate(5 11.139)" stroke="currentColor"><line y1="4.361" x2="21" y2="4.361" stroke-linejoin="round"/><line y1="9.361" x2="21" y2="9.361" stroke-linejoin="round"/><line x1="5" y1="12.863" x2="5"/><line x1="16" y1="12.863" x2="16"/><line x1="10.48" y1="12.861" x2="10.48"/></g></g></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><g transform="translate(3 4.333)" opacity=".
|
|
1
|
+
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><g transform="translate(3 4.333)" opacity=".5" stroke="currentColor"><path d="M2,0 L17.3333333,0 C18.8060927,0 20,1.19390733 20,2.66666667 L20,16"/><path d="M6,21.3333333 L21.3333333,21.3333333 C22.8060927,21.3333333 24,20.139426 24,18.6666667 M6,21.3333333 C4.8954305,21.3333333 4,20.4379028 4,19.3333333 L4,2 C4,0.8954305 3.1045695,0 2,0 C0.8954305,0 0,0.8954305 0,2 L0,5.33333333 C0,6.069713 0.596953667,6.66666667 1.33333333,6.66666667 L4,6.66666667"/></g><line x1="10" y1="9.69" x2="18" y2="9.69" stroke="currentColor" opacity=".2"/><line x1="10" y1="13" x2="19" y2="13" stroke="currentColor"/><line x1="10" y1="16" x2="18" y2="16" stroke="currentColor"/><line x1="10" y1="19" x2="17" y2="19" stroke="currentColor" opacity=".2"/></g></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(3 4.333)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><line x1="7" y1="5.357" x2="15" y2="5.357" opacity=".
|
|
1
|
+
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(3 4.333)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><line x1="7" y1="5.357" x2="15" y2="5.357" opacity=".5"/><line x1="7" y1="8.667" x2="16" y2="8.667" opacity=".5"/><line x1="7" y1="11.667" x2="15" y2="11.667" opacity=".5"/><line x1="7" y1="14.667" x2="14" y2="14.667" opacity=".5"/><path d="M2,0 L17.3333333,0 C18.8060927,0 20,1.19390733 20,2.66666667 L20,16"/><path d="M6,21.3333333 L21.3333333,21.3333333 C22.8060927,21.3333333 24,20.139426 24,18.6666667 M6,21.3333333 C4.8954305,21.3333333 4,20.4379028 4,19.3333333 L4,2 C4,0.8954305 3.1045695,0 2,0 C0.8954305,0 0,0.8954305 0,2 L0,5.33333333 C0,6.069713 0.596953667,6.66666667 1.33333333,6.66666667 L4,6.66666667"/></g></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(3 3)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M0,13.3333333 L0,4 C0,1.790861 1.790861,0 4,0 L20,0 C22.209139,0 24,1.790861 24,4 L24,13.3333333 C24,15.5424723 22.209139,17.3333333 20,17.3333333 L4,17.3333333 C1.790861,17.3333333 0,15.5424723 0,13.3333333 Z" opacity=".
|
|
1
|
+
<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(3 3)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M0,13.3333333 L0,4 C0,1.790861 1.790861,0 4,0 L20,0 C22.209139,0 24,1.790861 24,4 L24,13.3333333 C24,15.5424723 22.209139,17.3333333 20,17.3333333 L4,17.3333333 C1.790861,17.3333333 0,15.5424723 0,13.3333333 Z" opacity=".4"/><path d="M9.49673333,11.1321067 L9.49673333,6.20122667 C9.49680142,5.89150249 9.66212204,5.60534847 9.93040588,5.45058138 C10.1986897,5.2958143 10.5291667,5.29595355 10.79732,5.45094667 L15.0637067,7.91638667 C15.3316784,8.07120351 15.4967333,8.35718788 15.4967333,8.66666667 C15.4967333,8.97614546 15.3316784,9.26212982 15.0637067,9.41694667 L10.7973333,11.8823867 C10.5291792,12.0373866 10.1986973,12.0375295 9.93040922,11.8827616 C9.66212111,11.7279936 9.49679866,11.441835 9.49673333,11.1321067 L9.49673333,11.1321067 Z"/><line x1="22.667" y1="22.667" x2="9.333" y2="22.667" opacity=".4"/><line x1="1.333" y1="22.667" x2="5.333" y2="22.667" opacity=".4"/><line x1="5.333" y1="24" x2="5.333" y2="21.333"/></g></svg>
|
|
@@ -81,6 +81,12 @@
|
|
|
81
81
|
bottom: -3px;
|
|
82
82
|
}
|
|
83
83
|
|
|
84
|
+
&-hover:hover{
|
|
85
|
+
&.ecs-card-selected .ecs-card-background{
|
|
86
|
+
box-shadow: 0 0 0 2px $blue-4, 0 1px 4px 0 rgba(47,51,60,0.10);
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
|
|
84
90
|
&-expanded .ecs-card-background{
|
|
85
91
|
box-shadow: 0 0 0 1px rgba(47,51,60,0.05), 0 2px 4px 0 rgba(47,51,60,0.15);
|
|
86
92
|
left: -3px;
|
|
@@ -5,7 +5,9 @@
|
|
|
5
5
|
<ecs-avatar :name="userName" :image="userImage" :size="30" rounded />
|
|
6
6
|
<div class="ecs-comment-meta">
|
|
7
7
|
<span class="ecs-comment-meta-name">{{userName}}</span>
|
|
8
|
-
<
|
|
8
|
+
<span class="ecs-comment-meta-time">
|
|
9
|
+
<slot name="commentdate"></slot>
|
|
10
|
+
</span>
|
|
9
11
|
</div>
|
|
10
12
|
</div>
|
|
11
13
|
<div v-if="canEdit" class="ecs-comment-actions">
|
|
@@ -14,11 +16,11 @@
|
|
|
14
16
|
</div>
|
|
15
17
|
</div>
|
|
16
18
|
|
|
17
|
-
<ecs-formatted class="ecs-comment-body">
|
|
19
|
+
<ecs-formatted v-if="!$slots.editform" class="ecs-comment-body">
|
|
18
20
|
<slot></slot>
|
|
19
21
|
</ecs-formatted>
|
|
20
22
|
|
|
21
|
-
<div v-
|
|
23
|
+
<div v-else class="ecs-comment-edit">
|
|
22
24
|
<slot name="editform"></slot>
|
|
23
25
|
</div>
|
|
24
26
|
</div>
|
|
@@ -43,10 +45,6 @@
|
|
|
43
45
|
canEdit: {
|
|
44
46
|
type: Boolean,
|
|
45
47
|
default: false
|
|
46
|
-
},
|
|
47
|
-
dateTime: {
|
|
48
|
-
type: String,
|
|
49
|
-
required: true
|
|
50
48
|
}
|
|
51
49
|
}
|
|
52
50
|
};
|
|
@@ -8,10 +8,12 @@ export default {
|
|
|
8
8
|
export const cards = () => ({
|
|
9
9
|
components: { EcsCard },
|
|
10
10
|
template: `<div>
|
|
11
|
-
<ecs-card class="mb-4"><div class="p-4">
|
|
12
|
-
<ecs-card class="mb-4" hover><div class="p-4">
|
|
13
|
-
<ecs-card class="mb-4" selected><div class="p-4">Selected
|
|
14
|
-
<ecs-card class="mb-4"
|
|
11
|
+
<ecs-card class="mb-4"><div class="p-4">Default</div></ecs-card>
|
|
12
|
+
<ecs-card class="mb-4" hover><div class="p-4">Hover</div></ecs-card>
|
|
13
|
+
<ecs-card class="mb-4" selected><div class="p-4">Selected</div></ecs-card>
|
|
14
|
+
<ecs-card class="mb-4" selected hover><div class="p-4">Selected, Hover</div></ecs-card>
|
|
15
|
+
<ecs-card class="mb-4" expanded><div class="p-4">Expanded</div></ecs-card>
|
|
16
|
+
<ecs-card class="mb-4" selected expanded><div class="p-4">Selected, Expanded</div></ecs-card>
|
|
15
17
|
</div>`,
|
|
16
18
|
});
|
|
17
19
|
|
|
@@ -20,4 +22,4 @@ export const cardProgress = () => ({
|
|
|
20
22
|
template: `<div>
|
|
21
23
|
<ecs-card :progress="34" hover class="mb-4"><div class="p-4">Regular Card</div></ecs-card>
|
|
22
24
|
</div>`,
|
|
23
|
-
});
|
|
25
|
+
});
|
|
@@ -9,8 +9,9 @@ export default {
|
|
|
9
9
|
export const comment = () => ({
|
|
10
10
|
components: { EcsCommentList, EcsComment },
|
|
11
11
|
template: `<ecs-comment-list>
|
|
12
|
-
<ecs-comment user-name="Ivo Mynttinen"
|
|
12
|
+
<ecs-comment user-name="Ivo Mynttinen">
|
|
13
13
|
This is my comment.
|
|
14
|
+
<template slot="commentdate">Apr 13, 2021 at 3:42 pm</template>
|
|
14
15
|
</ecs-comment>
|
|
15
16
|
</ecs-comment-list>`,
|
|
16
17
|
});
|
|
@@ -18,8 +19,9 @@ export const comment = () => ({
|
|
|
18
19
|
export const commentEdit = () => ({
|
|
19
20
|
components: { EcsCommentList, EcsComment },
|
|
20
21
|
template: `<ecs-comment-list>
|
|
21
|
-
<ecs-comment can-edit user-name="Ivo Mynttinen" user-image="https://i.pravatar.cc/100"
|
|
22
|
+
<ecs-comment can-edit user-name="Ivo Mynttinen" user-image="https://i.pravatar.cc/100">
|
|
22
23
|
This is my comment.
|
|
24
|
+
<template slot="commentdate">Apr 13, 2021 at 3:42 pm</template>
|
|
23
25
|
</ecs-comment>
|
|
24
26
|
</ecs-comment-list>`,
|
|
25
27
|
});
|
|
@@ -18,8 +18,9 @@ Multiple comments should always be wrapped by the `<ecs-comment-list>` component
|
|
|
18
18
|
|
|
19
19
|
```js
|
|
20
20
|
<ecs-comment-list>
|
|
21
|
-
<ecs-comment user-name="Ivo Mynttinen"
|
|
21
|
+
<ecs-comment user-name="Ivo Mynttinen">
|
|
22
22
|
This is my comment.
|
|
23
|
+
<template slot="commentdate">Apr 13, 2021 at 3:42 pm</template>
|
|
23
24
|
</ecs-comment>
|
|
24
25
|
</ecs-comment-list>
|
|
25
26
|
```
|
|
@@ -36,8 +37,9 @@ If a comment needs to be editable (either by the author, or an admin), add the `
|
|
|
36
37
|
|
|
37
38
|
```js
|
|
38
39
|
<ecs-comment-list>
|
|
39
|
-
<ecs-comment can-edit user-name="Ivo Mynttinen" user-image="https://i.pravatar.cc/100"
|
|
40
|
+
<ecs-comment can-edit user-name="Ivo Mynttinen" user-image="https://i.pravatar.cc/100">
|
|
40
41
|
This is my comment.
|
|
42
|
+
<template slot="commentdate">Apr 13, 2021 at 3:42 pm</template>
|
|
41
43
|
</ecs-comment>
|
|
42
44
|
</ecs-comment-list>
|
|
43
45
|
```
|