- add search components: vs-result.vue, vs-input.vue, facet-category.vue

- add search models
- add opensans font
- add bulma css framework
- add axios, rxjs, vue-property-decorator
- npm updates

src/components/face-category/FacetCategory.ts

@@ -0,0 +1,60 @@
+import { FacetItem } from "@/models/headers";
+import { FilterItem } from "@/models/solr";
+import { Options, Vue } from "vue-class-component";
+import { Prop, Emit } from "vue-property-decorator";
+// import FilterItem from '../models/filter-item';
+
+@Options({
+    name: "FacetCategory",
+})
+export default class FacetCategory extends Vue {
+    ITEMS_PER_FILTER = 2;
+    bar = "";
+    collapsed = true;
+
+    @Prop()
+    facetItems!: Array<FacetItem>;
+
+    @Prop([String])
+    filterName!: string;
+
+    get alias(): string {
+        return this.filterName == "datatype" ? "doctype" : this.filterName;
+    }
+
+    // get filterItems(): Array<FilterItem> {
+    //     return this.data;
+    // }
+
+    get overflowing(): boolean {
+        //ko.observable(self.filterItems().length - self.activeFilterItems().length > ITEMS_PER_FILTER);
+        return this.facetItems.length > this.ITEMS_PER_FILTER;
+    }
+
+    get uncollapseLabelText(): string {
+        if (this.collapsed == true) {
+            // return myLabels.viewer.sidePanel.more; //"More results";
+            return "More results";
+        } else {
+            // return myLabels.viewer.sidePanel.collapse; //"Collapse";
+            return "Collapse";
+        }
+    }
+
+    toggle(): void {
+        if (this.collapsed == true) {
+            this.collapsed = false;
+        } else if (this.collapsed == false) {
+            this.collapsed = true;
+            //list.children("li:gt(4)").hide();
+        }
+    }
+
+    @Emit("filter")
+    activateItem(filterItem: FacetItem): FacetItem {
+        filterItem.category = this.alias;
+        filterItem.active = true;
+        // this.$emit("filter", filterItem);
+        return filterItem;
+    }
+}