@everchron/ec-shards 3.3.3 → 3.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everchron/ec-shards",
-  "version": "3.3.3",
+  "version": "3.4.0",
   "private": false,
   "description": "Everchron Shards UI Library",
   "repository": "https://github.com/everchron/ec-shards.git",

package/src/components/index.js

@@ -123,7 +123,8 @@ import EcsToasts from "./toasts/toasts.vue"
 import EcsToolbar from "./toolbar/toolbar.vue"
 import EcsTranscriptState from "./transcript-state/transcript-state.vue"
 import EcsTreeList from "./tree-list/tree-list.vue"
-import EcsTreeListItem from "./tree-list-item/tree-list-item.vue"
+import EcsTreeListItem from "./tree-list/tree-list-item.vue"
+import EcsTreeListHeadline from "./tree-list/tree-list-headline.vue"
 import EcsVideo from "./video/video.vue"
 
 const Components = {
@@ -250,6 +251,7 @@ const Components = {
   EcsTranscriptState,
   EcsTreeList,
   EcsTreeListItem,
+  EcsTreeListHeadline,
   EcsVideo
 }
 

package/src/components/jumper-index/jumper-index.vue

@@ -85,24 +85,6 @@
         if (e.key == 'Enter')
           e.preventDefault()
       }
-    },
-
-    mounted() {
-      console.log('m:currentCount', this.currentCount)
-      console.log('m:currentPosition', this.currentPosition)
-      console.log('m:maxCount', this.maxCount)
-    },
-
-    watch: {
-      currentCount(){
-        console.warn('w:currentCount', this.currentCount)
-      },
-      currentPosition(){
-        console.log('w:currentPosition', this.currentPosition)
-      },
-      maxCount(){
-        console.warn('w:maxCount', this.maxCount)
-      }
     }
   }
 </script>

package/src/components/tree-list/tree-list-headline.vue

@@ -0,0 +1,17 @@
+<template>
+  <div class="ecs-tree-view-headline">
+    <slot></slot>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+@import "../../tokens/build/scss/tokens.scss";
+@import "../mixins/svg-uri";
+
+.ecs-tree-view-headline{
+  color: $color-gray-10;
+  font-size: $type-scale-2-font-size;
+  line-height: $type-scale-2-line-height;
+  padding: $spacing-5 10px;
+}
+</style>

package/src/stories/Changelog.stories.mdx

@@ -6,6 +6,12 @@ import { Meta } from '@storybook/addon-docs/blocks';
   Changelog
 </h1>
 
+## Version 3.4.0 (1 February 2023)
+
+### Features
+
+- Added new EcsTreeListHeadline component
+
 ## Version 3.3.0 (12 January 2023)
 
 ### Features

package/src/stories/tree-list/tree-list.stories.js

@@ -1,4 +1,4 @@
-import EcsTreeListItem from '@components/tree-list-item/tree-list-item'
+import EcsTreeListItem from '@components/tree-list/tree-list-item'
 import EcsTreeList from '@components/tree-list/tree-list'
 
 export default {

package/src/stories/tree-list-headline/tree-list-headline.stories.js

@@ -0,0 +1,21 @@
+import EcsTreeListItem from '@components/tree-list/tree-list-item'
+import EcsTreeListHeadline from '@components/tree-list/tree-list-headline'
+import EcsTreeList from '@components/tree-list/tree-list'
+
+export default {
+  title: 'Data/Tree List/Tree List Headline',
+  component: EcsTreeListHeadline
+};
+
+export const treeListHeadline = () => ({
+  components: { EcsTreeListItem, EcsTreeList, EcsTreeListHeadline },
+  template: `<ecs-tree-list>
+                <ecs-tree-list-headline>Headline</ecs-tree-list-headline>
+                <ecs-tree-list-item :after-label="13">
+                  List Item
+                </ecs-tree-list-item>
+                <ecs-tree-list-item :after-label="13">
+                  List Item
+                </ecs-tree-list-item>
+              </ecs-tree-list>`,
+});

package/src/stories/tree-list-item/tree-list-item.stories.js

@@ -1,4 +1,4 @@
-import EcsTreeListItem from '@components/tree-list-item/tree-list-item'
+import EcsTreeListItem from '@components/tree-list/tree-list-item'
 import EcsTreeList from '@components/tree-list/tree-list'
 import EcsButton from '@components/button/button'
 import EcsCheckbox from '@components/checkbox/checkbox'