@node-projects/web-component-designer 0.2.29 → 0.2.31

package/dist/elements/widgets/paletteView/paletteElements.js

@@ -12,7 +12,7 @@ export class PaletteElements extends BaseCustomWebComponentLazyAppend {
 
     button {
       background-color: transparent;
-      color: white;
+      color: var(--wcd-color-text, white);
       border: none;
       font-size: 13px;
       display: block;
@@ -22,7 +22,7 @@ export class PaletteElements extends BaseCustomWebComponentLazyAppend {
       padding: 8px 14px;
     }
     button:hover {
-      background: var(--light-grey, #383f52);
+      background: var(--wcd-palette-item-hover-background, var(--light-grey, var(--wcd-color-surface-hover, #383f52)));
     }
 
     table {
@@ -30,7 +30,7 @@ export class PaletteElements extends BaseCustomWebComponentLazyAppend {
     }
 
     td {
-      color: white;
+      color: var(--wcd-color-text, white);
       font-size: 13px;
     }
 

package/dist/elements/widgets/paletteView/paletteView.js

@@ -11,6 +11,13 @@ export class PaletteView extends BaseCustomWebComponentLazyAppend {
       flex-direction: column;
       flex: 1;
       height: 100%;
+      min-height: 0;
+      overflow: hidden;
+    }
+
+    node-projects-designer-tab-control {
+      flex: 1;
+      min-height: 0;
     }`;
     constructor() {
         super();

package/dist/elements/widgets/paletteView/paletteView.js.map

@@ -1 +1 @@
-{"version":3,"file":"paletteView.js","sourceRoot":"","sources":["../../../../src/elements/widgets/paletteView/paletteView.ts"],"names":[],"mappings":"AAAA,OAAO,sCAAsC,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,gCAAgC,EAAE,GAAG,EAAE,MAAM,yCAAyC,CAAC;AAGhG,MAAM,OAAO,WAAY,SAAQ,gCAAgC;IAExD,QAAQ,GAAG,QAAQ,CAAC;IAEnB,mBAAmB,CAAqB;IAEhD,MAAM,CAAmB,KAAK,GAAG,GAAG,CAAA;;;;;;MAMhC,CAAC;IAEL;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,4BAA4B,EAAE,CAAC;QAEpC,IAAI,CAAC,mBAAmB,GAAG,IAAI,kBAAkB,EAAE,CAAC;QACpD,IAAI,CAAC,mBAAmB,CAAC,aAAa,GAAG,CAAC,CAAC;QAC3C,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACxD,CAAC;IAEM,KAAK,CAAC,YAAY,CAAC,gBAAkC,EAAE,gBAAoC;QAChG,IAAI,CAAC,mBAAmB,CAAC,SAAS,GAAG,EAAE,CAAC;QACxC,KAAK,MAAM,CAAC,IAAI,gBAAgB,EAAE,CAAC;YACjC,IAAI,CAAC;gBACH,IAAI,QAAQ,GAAG,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC;gBACrC,IAAI,cAAc,GAAG,IAAI,eAAe,EAAE,CAAC;gBAC3C,cAAc,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC;gBAC9B,IAAI,CAAC,mBAAmB,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;gBACrD,cAAc,CAAC,YAAY,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;gBACxD,CAAC,CAAC,iBAAiB,EAAE,EAAE,CAAC,KAAK,IAAI,EAAE;oBACjC,cAAc,CAAC,YAAY,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;gBACvE,CAAC,CAAC,CAAC;YACL,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,OAAO,CAAC,IAAI,CAAC,wBAAwB,EAAE,GAAG,CAAC,CAAC;YAC9C,CAAC;QACH,CAAC;QACD,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,CAAC;IAC1C,CAAC;;AAGH,cAAc,CAAC,MAAM,CAAC,4BAA4B,EAAE,WAAW,CAAC,CAAC"}
+{"version":3,"file":"paletteView.js","sourceRoot":"","sources":["../../../../src/elements/widgets/paletteView/paletteView.ts"],"names":[],"mappings":"AAAA,OAAO,sCAAsC,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,gCAAgC,EAAE,GAAG,EAAE,MAAM,yCAAyC,CAAC;AAGhG,MAAM,OAAO,WAAY,SAAQ,gCAAgC;IAExD,QAAQ,GAAG,QAAQ,CAAC;IAEnB,mBAAmB,CAAqB;IAEhD,MAAM,CAAmB,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;MAahC,CAAC;IAEL;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,4BAA4B,EAAE,CAAC;QAEpC,IAAI,CAAC,mBAAmB,GAAG,IAAI,kBAAkB,EAAE,CAAC;QACpD,IAAI,CAAC,mBAAmB,CAAC,aAAa,GAAG,CAAC,CAAC;QAC3C,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACxD,CAAC;IAEM,KAAK,CAAC,YAAY,CAAC,gBAAkC,EAAE,gBAAoC;QAChG,IAAI,CAAC,mBAAmB,CAAC,SAAS,GAAG,EAAE,CAAC;QACxC,KAAK,MAAM,CAAC,IAAI,gBAAgB,EAAE,CAAC;YACjC,IAAI,CAAC;gBACH,IAAI,QAAQ,GAAG,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC;gBACrC,IAAI,cAAc,GAAG,IAAI,eAAe,EAAE,CAAC;gBAC3C,cAAc,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC;gBAC9B,IAAI,CAAC,mBAAmB,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;gBACrD,cAAc,CAAC,YAAY,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;gBACxD,CAAC,CAAC,iBAAiB,EAAE,EAAE,CAAC,KAAK,IAAI,EAAE;oBACjC,cAAc,CAAC,YAAY,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC;gBACvE,CAAC,CAAC,CAAC;YACL,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,OAAO,CAAC,IAAI,CAAC,wBAAwB,EAAE,GAAG,CAAC,CAAC;YAC9C,CAAC;QACH,CAAC;QACD,IAAI,CAAC,mBAAmB,CAAC,YAAY,EAAE,CAAC;IAC1C,CAAC;;AAGH,cAAc,CAAC,MAAM,CAAC,4BAA4B,EAAE,WAAW,CAAC,CAAC"}

package/dist/elements/widgets/propertyGrid/PropertyGrid.js

@@ -23,10 +23,10 @@ export class PropertyGrid extends BaseCustomWebComponentLazyAppend {
       -webkit-user-select: none;
     }
     button:hover {
-      box-shadow: inset 0 3px 0 var(--light-grey);
+      box-shadow: inset 0 3px 0 var(--wcd-property-grid-tab-indicator-inactive-color, var(--light-grey));
     }
     button:focus {
-      box-shadow: inset 0 3px 0 var(--highlight-pink, #e91e63);
+      box-shadow: inset 0 3px 0 var(--wcd-property-grid-tab-indicator-color, var(--highlight-pink, var(--wcd-color-accent, #e91e63)));
     }
     `;
     static properties = {

package/dist/elements/widgets/propertyGrid/PropertyGridPropertyList.js

@@ -36,7 +36,7 @@ export class PropertyGridPropertyList extends BaseCustomWebComponentLazyAppend {
     }
     label, input, select {
       display: inline-block;
-      color: white;
+      color: var(--wcd-color-text, white);
       background: transparent;
       margin: 2px 0;
       padding: 0 2px 0 4px;
@@ -60,7 +60,7 @@ export class PropertyGridPropertyList extends BaseCustomWebComponentLazyAppend {
       border: none;
     }
     .editor-control, .content-wrapper > input, .content-wrapper > select {
-      border: 1px solid var(--input-border-color, #596c7a);
+      border: 1px solid var(--wcd-input-border-color, var(--input-border-color, var(--wcd-color-border, #596c7a)));
       border-radius: 0;
     }
     .editor-control, input, select {
@@ -79,22 +79,22 @@ export class PropertyGridPropertyList extends BaseCustomWebComponentLazyAppend {
       margin-left: 4px;
     }*/
     .editor-control[disabled], input[disabled], select[disabled] {
-      color: #BDBDBD;
+      color: var(--wcd-color-text-muted, #BDBDBD);
     }
     select {
       background: transparent;
     }
     select:focus option {
-      color: black;
+      color: var(--wcd-property-grid-select-option-color, black);
     }
     .unset-value {
-      color: lightslategray
+      color: var(--wcd-property-grid-unset-value-color, var(--wcd-color-text-muted, lightslategray))
     }
     .unset-value > * {
-      color: lightslategray
+      color: var(--wcd-property-grid-unset-value-color, var(--wcd-color-text-muted, lightslategray))
     }
     .unset-value:focus {
-      color: white
+      color: var(--wcd-color-text, white)
     }
     .group-header {
       grid-column: 1 / 3;
@@ -103,7 +103,7 @@ export class PropertyGridPropertyList extends BaseCustomWebComponentLazyAppend {
     }
     .group-header[clickable]:hover {
       cursor:pointer;
-      color: orange;
+      color: var(--wcd-property-grid-group-header-hover-color, orange);
       text-decoration: underline;
     }
     .group-header::after{
@@ -122,11 +122,11 @@ export class PropertyGridPropertyList extends BaseCustomWebComponentLazyAppend {
     }
     .group-desc[clickable]:hover {
       cursor:pointer;
-      color: orange;
+      color: var(--wcd-property-grid-group-header-hover-color, orange);
       text-decoration: underline;
     }
     .dragOverProperty {
-      outline: 2px dashed orange;
+      outline: 2px dashed var(--wcd-property-grid-drop-target-color, orange);
       outline-offset: -2px;
     }
     `;

package/dist/elements/widgets/propertyGrid/PropertyGridWithHeader.js

@@ -12,8 +12,8 @@ export class PropertyGridWithHeader extends BaseCustomWebComponentLazyAppend {
       height: 100%;
       user-select: none;
       -webkit-user-select: none;
-      background: var(--medium-grey, #2f3545);
-      color: white;
+      background: var(--wcd-property-grid-background, var(--medium-grey, var(--wcd-color-surface-raised, #2f3545)));
+      color: var(--wcd-color-text, white);
     }
     div.root {
       display: grid;
@@ -28,13 +28,13 @@ export class PropertyGridWithHeader extends BaseCustomWebComponentLazyAppend {
       margin-right: 5px;
     }
     input {
-      background: var(--medium-grey, #2f3545);
-      border: solid 1px gray;
-      color: white;
+      background: var(--wcd-property-grid-background, var(--medium-grey, var(--wcd-color-surface-raised, #2f3545)));
+      border: solid 1px var(--wcd-color-border, gray);
+      color: var(--wcd-color-text, white);
       width: calc(100% - 6px);
     }
     #type {
-      color: wheat;
+      color: var(--wcd-property-grid-header-highlight-color, wheat);
       white-space: nowrap;
       overflow: hidden;
       font-size: 12px;

package/dist/elements/widgets/treeView/treeView.js

@@ -22,7 +22,7 @@ export class TreeView extends BaseCustomWebComponentLazyAppend {
       position: relative;
       width: 100%;
       height: 100%;
-      background: var(--dark-grey, #232733);
+      background: var(--wcd-tree-view-background, var(--dark-grey, var(--wcd-color-surface, #232733)));
       overflow-y: auto;
     }
     button {
@@ -35,22 +35,22 @@ export class TreeView extends BaseCustomWebComponentLazyAppend {
       text-align: left;
       display: inline-block;
       margin: 0;
-      background: var(--dark-grey, #232733);
+      background: var(--wcd-tree-view-background, var(--dark-grey, var(--wcd-color-surface, #232733)));
       position: relative;
-      color: white;
+      color: var(--wcd-color-text, white);
     }
     button:hover, button:focus {
-      background: var(--light-grey, #383f52);
+      background: var(--wcd-tree-view-item-hover-background, var(--light-grey, var(--wcd-color-surface-hover, #383f52)));
     }
     span {
       margin: 4px;
     }
     .id {
       font-style: italic;
-      color: var(--highlight-pink, #e91e63);
+      color: var(--wcd-tree-view-id-color, var(--highlight-pink, var(--wcd-color-accent, #e91e63)));
     }
     .selected {
-      background: var(--light-grey, #383f52);
+      background: var(--wcd-tree-view-item-selected-background, var(--light-grey, var(--wcd-color-surface-hover, #383f52)));
       outline: none;
     }
 
@@ -76,8 +76,8 @@ export class TreeView extends BaseCustomWebComponentLazyAppend {
         left: calc(var(--horz-shift) - var(--horz-margin));
         width: calc(var(--horz-margin) - var(--horz-shift));
         height: calc(var(--vert-shift) + var(--vert-margin));
-        border-left: 1px solid #ccc;
-        border-bottom: 1px solid #ccc;
+        border-left: 1px solid var(--wcd-tree-view-connector-color, #ccc);
+        border-bottom: 1px solid var(--wcd-tree-view-connector-color, #ccc);
         border-radius: 0;
     }
 
@@ -89,8 +89,8 @@ export class TreeView extends BaseCustomWebComponentLazyAppend {
         left: calc(var(--horz-shift) - var(--horz-margin));
         width: calc(var(--horz-margin) - var(--horz-shift));
         height: calc(100% - var(--vert-shift));
-        border-left: 1px solid #ccc;
-        border-top: 1px solid #ccc;
+        border-left: 1px solid var(--wcd-tree-view-connector-color, #ccc);
+        border-top: 1px solid var(--wcd-tree-view-connector-color, #ccc);
         border-radius: 0;
     }