splitview control

Author: jogibear9988

.github/FUNDING.yml

@@ -0,0 +1,4 @@
+# These are supported funding model platforms
+
+github: jogibear9988
+patreon: 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
+    }
+}

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 node projects
+
+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.

README.md

@@ -0,0 +1,23 @@
+# 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,73 @@
+{
+    "schemaVersion": "1.0.0",
+    "readme": "README.md",
+    "modules": [
+        {
+            "kind": "javascript-module",
+            "path": "dist/SplitView.js",
+            "declarations": [
+                {
+                    "kind": "class",
+                    "name": "SplitView",
+                    "members": [
+                        {
+                            "kind": "field",
+                            "name": "orientation",
+                            "type":  {
+                                "text": "'horizontal'|'vertical'"
+                            }
+                        },
+                        {
+                            "kind": "field",
+                            "name": "observe",
+                            "type":  {
+                                "text": "boolean"
+                            }
+                        }
+                    ],
+                    "attributes": [
+                        {
+                            "name": "orientation",
+                            "fieldName": "orientation"
+                        },
+                        {
+                            "name": "observe",
+                            "fieldName": "observe"
+                        },
+                        {
+                            "name": "expanded",
+                            "fieldName": "expanded"
+                        },
+                        {
+                            "name": "selected-object",
+                            "fieldName": "selectedObject"
+                        },
+                        {
+                            "name": "type-name",
+                            "fieldName": "typeName"
+                        },
+                        {
+                            "name": "type-definitions",
+                            "fieldName": "typeDefinitions"
+                        }
+                    ],
+                    "superclass": {
+                        "name": "BaseCustomWebComponentConstructorAppend"
+                    },
+                    "tagName": "node-projects-split-view",
+                    "customElement": true
+                }
+            ],
+            "exports": [
+                {
+                    "kind": "custom-element-definition",
+                    "name": "node-projects-split-view",
+                    "declaration": {
+                        "name": "SplitView",
+                        "module": "dist/SplitView.js"
+                    }
+                }
+            ]
+        }
+    ]
+}