@tak-ps/vue-tabler 1.0.0

package/CHANGELOG.md

@@ -0,0 +1,16 @@
+# CHANGELOG
+
+## Emoji Cheatsheet
+- :pencil2: doc updates
+- :bug: when fixing a bug
+- :rocket: when making general improvements
+- :white_check_mark: when adding tests
+- :arrow_up: when upgrading dependencies
+- :tada: when adding new features
+
+## Version History
+
+### v1.0.0
+
+- Initial Release
+- `Select` Component

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Public Safety TAK
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,2 @@
+# vue-tabler
+Tabler UI components for Vue3

package/components/Select.vue

@@ -0,0 +1,47 @@
+<template>
+<div class="dropdown">
+    <a class="dropdown-toggle text-muted" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-text='current'></a>
+    <div class="dropdown-menu dropdown-menu-end">
+        <a
+            :key='value'
+            v-for='value in values'
+            @click='current = value'
+            class="dropdown-item"
+            :class='{
+                active: value === current
+            }'
+            href="#"
+            v-text='value'
+        ></a>
+    </div>
+</div>
+</template>
+
+<script>
+export default {
+    name: 'TablerSelect',
+    props: {
+        default: String,
+        values: Array
+    },
+    data: function() {
+        return {
+            current: ''
+        }
+    },
+    watch: {
+        current: function() {
+            this.$emit('select', this.current);
+        }
+    },
+    mounted: function() {
+        if (!this.default) {
+            this.current = this.values[0];
+        } else {
+            this.current = this.default;
+        }
+    },
+    methods: {
+    },
+}
+</script>

package/lib.js

@@ -0,0 +1,5 @@
+import Select from './components/Select.vue'
+
+export {
+    Select
+}

package/package.json

@@ -0,0 +1,21 @@
+{
+    "name": "@tak-ps/vue-tabler",
+    "type": "module",
+    "version": "1.0.0",
+    "main": "lib.js",
+    "description": "Tabler UI components for Vue3",
+    "main": "index.js",
+    "scripts": {
+        "test": "echo \"Error: no test specified\" && exit 1"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/tak-ps/vue-tabler.git"
+    },
+    "author": "",
+    "license": "ISC",
+    "bugs": {
+        "url": "https://github.com/tak-ps/vue-tabler/issues"
+    },
+    "homepage": "https://github.com/tak-ps/vue-tabler#readme"
+}