work on property grid

Author: jogibear9988

.github/workflows/main.yml

@@ -0,0 +1,15 @@
+name: Build
+on: push
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+      - name: Setup Node
+        uses: actions/setup-node@v2
+        with:
+          node-version: '18.x'
+          registry-url: 'https://registry.npmjs.org'
+      - name: Install dependencies and build 🔧
+        run: npm ci && npm run build

.github/workflows/publish.yml

@@ -0,0 +1,21 @@
+name: Publish to NPM
+on:
+  release:
+    types: [created]
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+      - name: Setup Node
+        uses: actions/setup-node@v2
+        with:
+          node-version: '18.x'
+          registry-url: 'https://registry.npmjs.org'
+      - name: Install dependencies and build 🔧
+        run: npm ci && npm run build
+      - name: Publish package on NPM 📦
+        run: npm publish --access=public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.gitignore

@@ -0,0 +1,2 @@
+dist/
+node_modules/

.npmignore

@@ -0,0 +1,4 @@
+src/
+sample/
+node_modules/
+tsconfig.json

.release-it.json

@@ -0,0 +1,11 @@
+{
+    "git": {
+        "commitMessage": "chore: release v${version}"
+    },
+    "github": {
+        "release": true
+    },
+    "npm": {
+        "publish": false
+    }
+}

README.md

@@ -1,2 +1,23 @@
 # propertygrid.webcomponent
-a propertygrid webcomponent
+a propertygrid control webcomponent
+
+# description
+a simple propertygrid control as webcomponent..
+
+supported types (out of the box)
+- number
+- string
+- boolean
+- color
+- nullable- of all types
+
+usable in web-component-designer: https://node-projects.github.io/web-component-designer-demo/index.html
+
+# development
+## upload new version
+simple run
+  
+    npm run release
+
+then you need to go to github and create a release from the uploaded tag.
+this will then create a npm package via github action.

custom-elements.json

@@ -0,0 +1,56 @@
+{
+    "schemaVersion": "1.0.0",
+    "readme": "README.md",
+    "modules": [
+        {
+            "kind": "javascript-module",
+            "path": "dist/tab/TabWebcomponent.js",
+            "declarations": [
+                {
+                    "kind": "class",
+                    "description": "A Tab Control",
+                    "name": "TabWebcomponent",
+                    "members": [
+                        {
+                            "kind": "field",
+                            "name": "selectedIndex",
+                            "type":  {
+                                "text": "number"
+                            }
+                        }
+                    ],
+                    "attributes": [
+                        {
+                            "name": "selected-index",
+                            "fieldName": "selectedIndex"
+                        }
+                    ],
+                    "events": [
+                        {
+                            "name": "selected-index-changed",
+                            "description": "Is raised when the selected index changes",
+                            "type": {
+                                "title": "String"
+                            }
+                        }
+                    ],
+                    "superclass": {
+                        "name": "BaseCustomWebComponentConstructorAppend"
+                    },
+                    "tagName": "node-projects-tab",
+                    "customElement": true
+                }
+            ],
+            "exports": [
+                {
+                    "kind": "custom-element-definition",
+                    "name": "node-projects-tab",
+                    "declaration": {
+                        "name": "TabWebcomponent",
+                        "module": "dist/tab/TabWebcomponent.js"
+                    }
+                }
+            ]
+        }
+    ]
+}