godown 1.1.0 → 1.1.1

package/input-form/switch-input.js

@@ -12,7 +12,7 @@ let SwitchInput = class SwitchInput extends STD {
         this.checked = false;
         this.disabled = false;
         this.base = "rect";
-        this.def = "";
+        this.def = "false";
         this.name = "checkbox";
         this.value = "on";
     }
@@ -25,29 +25,26 @@ let SwitchInput = class SwitchInput extends STD {
   <div class="true"><slot name="true"></slot></div>
 </aside></span>`;
     }
-    connectedCallback() {
-        super.connectedCallback();
-        if (!this.def)
-            this.def = this.checked ? "true" : "false";
-        else
-            try {
-                this.checked = JSON.parse(this.def);
-            }
-            catch {
-                this.checked = false;
-            }
-    }
     reset() {
-        this.checked = JSON.parse(this.def);
+        this.checked = this.def === "true";
         this._input.checked = this.checked;
     }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.checked) {
+            this.def = "true";
+        }
+        else if (this.def === "true") {
+            this.checked = true;
+        }
+    }
     _handleChange() {
         this.checked = this._input.checked;
         this.dispatchEvent(new CustomEvent('input', { detail: this.checked, bubbles: true, composed: true }));
         this.dispatchEvent(new CustomEvent('change', { detail: this.checked, composed: true }));
     }
     namevalue() {
-        return [this.name, this.checked || false];
+        return [this.name, this.checked];
     }
 };
 SwitchInput.styles = [STD.styles, css `:host,span {

package/items/alert-item.js

@@ -31,7 +31,7 @@ let AlertItem = class AlertItem extends STD {
 </div>`;
     }
     close() {
-        this.shadowRoot.querySelector('.alert').classList.add('hide');
+        this.shadowRoot.querySelector(".alert").classList.add("hide");
         setTimeout(() => {
             this.remove();
         }, 300);

package/items/avatar-anchor.d.ts

@@ -1,7 +1,7 @@
 import STD from "./std.js";
 export declare class AvatarAnchor extends STD {
     src: string;
-    href: string;
+    href: any;
     name: string;
     more: number;
     call: "left" | "center" | "right";

package/items/avatar-anchor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-anchor.d.ts","sourceRoot":"","sources":["../../src/items/avatar-anchor.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,YAAa,SAAQ,GAAG;IACvB,GAAG,SAAM;IACT,IAAI,SAAM;IACV,IAAI,SAAM;IACM,IAAI,SAAK;IACzB,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC5B,GAAG,UAAS;IACzC,MAAM,CAAC,MAAM,0BAyEV;;IAKH,MAAM;IAeN,GAAG;CAaJ;AACD,eAAe,YAAY,CAAC;AAC5B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}
+{"version":3,"file":"avatar-anchor.d.ts","sourceRoot":"","sources":["../../src/items/avatar-anchor.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,YAAa,SAAQ,GAAG;IACvB,GAAG,SAAM;IACT,IAAI,MAAa;IACjB,IAAI,SAAM;IACM,IAAI,SAAK;IACzB,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC5B,GAAG,UAAS;IACzC,MAAM,CAAC,MAAM,0BA0EV;;IAKH,MAAM;IAeN,GAAG;CAaJ;AACD,eAAe,YAAY,CAAC;AAC5B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}

package/items/avatar-anchor.js

@@ -9,11 +9,11 @@ import STD from "./std.js";
 let AvatarAnchor = class AvatarAnchor extends STD {
     constructor() {
         super();
-        this.src = '';
-        this.href = '';
-        this.name = '';
+        this.src = "";
+        this.href = undefined;
+        this.name = "";
         this.more = 0;
-        this.call = 'center';
+        this.call = "center";
         this.gap = false;
         this.call = "center";
     }
@@ -26,10 +26,10 @@ let AvatarAnchor = class AvatarAnchor extends STD {
         </a>
         <section>
           <slot name="bar"></slot>
-          ${this.gap ? html `<article><slot></slot></article>` : ''}
+          ${this.gap ? html `<article><slot></slot></article>` : ""}
         </section>
       </header>
-          ${!this.gap ? html `<article><slot></slot></article>` : ''}
+          ${!this.gap ? html `<article><slot></slot></article>` : ""}
     </div>`;
     }
     ava() {
@@ -42,7 +42,7 @@ let AvatarAnchor = class AvatarAnchor extends STD {
             return html `<span>${name}</span>`;
         }
         else if (this.more) {
-            var more = this.more > 99 ? '...' : this.more;
+            var more = this.more > 99 ? "..." : this.more;
             return html `<span>+${more}</span>`;
         }
         return html `<slot name="avatar"></slot>`;
@@ -81,6 +81,7 @@ AvatarAnchor.styles = css `
     --ava:2.5em;
   }
   a{
+    color: inherit;
     height: var(--ava);
     width:var(--ava);
     min-height: var(--ava);

package/items/dialog-item.js

@@ -10,13 +10,13 @@ let DialogItem = class DialogItem extends STD {
     constructor() {
         super(...arguments);
         this.open = false;
-        this.key = 'Escape';
+        this.key = "Escape";
         this.scale = false;
         this.modal = false;
         this.call = "center";
     }
     get _div() {
-        return this.shadowRoot.querySelector('div');
+        return this.shadowRoot.querySelector("div");
     }
     render() {
         return html `<div ?open=${this.open} ?modal=${this.modal}>
@@ -24,14 +24,14 @@ let DialogItem = class DialogItem extends STD {
 </div>`;
     }
     firstUpdated() {
-        this.addEventListener('submit', e => {
+        this.addEventListener("submit", e => {
             if (e.target.method === "dialog")
                 this.close();
         });
         if (this.scale)
-            this.addEventListener('wheel', this._handleWheel);
+            this.addEventListener("wheel", this._handleWheel);
         if (this.key)
-            document.addEventListener('keydown', e => this._handleKeydown(e));
+            document.addEventListener("keydown", e => this._handleKeydown(e));
         if (this.open)
             this.show();
     }
@@ -44,12 +44,12 @@ let DialogItem = class DialogItem extends STD {
     showModal() {
         this.modal = true;
         this.open = true;
-        this._div.addEventListener('click', this._handleModal);
+        this._div.addEventListener("click", this._handleModal);
     }
     close() {
         this.open = false;
         if (this.modal)
-            this._div.removeEventListener('click', this._handleModal);
+            this._div.removeEventListener("click", this._handleModal);
     }
     _handleWheel(e) {
         let s = this._div.style.transform.match(/scale\((.*)\)/);
@@ -63,7 +63,7 @@ let DialogItem = class DialogItem extends STD {
         this._div.style.transform = `scale(${scale})`;
     }
     _handleKeydown(e) {
-        const keys = this.key.split(/[^a-zA-Z0-9]/).filter(e => e !== '');
+        const keys = this.key.split(/[^a-zA-Z0-9]/).filter(e => e !== "");
         if (keys.includes(e.key) || keys.includes(e.code))
             this.close();
     }

package/items/link-a.d.ts

@@ -14,7 +14,7 @@ export declare class LinkAnchor extends SuperAnchor {
 export default LinkAnchor;
 declare global {
     interface HTMLElementTagNameMap {
-        'link-a': LinkAnchor;
+        "link-a": LinkAnchor;
     }
 }
 //# sourceMappingURL=link-a.d.ts.map

package/items/link-a.js

@@ -91,7 +91,7 @@ __decorate([
     property({ type: Boolean })
 ], LinkAnchor.prototype, "replace", void 0);
 LinkAnchor = LinkAnchor_1 = __decorate([
-    define('link-a')
+    define("link-a")
 ], LinkAnchor);
 export { LinkAnchor };
 export default LinkAnchor;

package/items/load-track.d.ts

@@ -15,7 +15,7 @@ export declare class LoadTrack extends STD {
 export default LoadTrack;
 declare global {
     interface HTMLElementTagNameMap {
-        'load-track': LoadTrack;
+        "load-track": LoadTrack;
     }
 }
 //# sourceMappingURL=load-track.d.ts.map

package/items/load-track.js

@@ -103,7 +103,7 @@ __decorate([
     property({ type: Boolean })
 ], LoadTrack.prototype, "modify", void 0);
 LoadTrack = __decorate([
-    define('load-track')
+    define("load-track")
 ], LoadTrack);
 export { LoadTrack };
 export default LoadTrack;

package/items/super-a.d.ts

@@ -2,7 +2,7 @@ import STD from "./std.js";
 export declare class SuperAnchor extends STD {
     href: string;
     target: string;
-    arrow: string;
+    arrow: "" | "delta" | "arrow" | "angle" | "hand";
     static styles: import("lit").CSSResult;
     render(): import("lit-html").TemplateResult<1>;
     _arrowSwitcher(): import("lit-html").TemplateResult<1>;
@@ -10,7 +10,7 @@ export declare class SuperAnchor extends STD {
 export default SuperAnchor;
 declare global {
     interface HTMLElementTagNameMap {
-        'super-a': SuperAnchor;
+        "super-a": SuperAnchor;
     }
 }
 //# sourceMappingURL=super-a.d.ts.map

package/items/super-a.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"super-a.d.ts","sourceRoot":"","sources":["../../src/items/super-a.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,SAAW;IACjB,KAAK,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,MAAM,0BAuCV;IACH,MAAM;IAMN,cAAc;CAYf;AACD,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,WAAW,CAAC;KACxB;CACF"}
+{"version":3,"file":"super-a.d.ts","sourceRoot":"","sources":["../../src/items/super-a.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,WAAY,SAAQ,GAAG;IACtB,IAAI,EAAE,MAAM,CAAa;IACzB,MAAM,SAAW;IACjB,KAAK,EAAE,EAAE,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAM;IAClE,MAAM,CAAC,MAAM,0BAuCV;IACH,MAAM;IAMN,cAAc;CAYf;AACD,eAAe,WAAW,CAAC;AAC3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,WAAW,CAAC;KACxB;CACF"}

package/items/super-a.js

@@ -9,7 +9,9 @@ import STD from "./std.js";
 let SuperAnchor = class SuperAnchor extends STD {
     constructor() {
         super(...arguments);
+        this.href = undefined;
         this.target = "_self";
+        this.arrow = "";
     }
     render() {
         return html `<a href=${ifDefined(this.href)} target=${this.target}>
@@ -80,7 +82,7 @@ __decorate([
     property()
 ], SuperAnchor.prototype, "arrow", void 0);
 SuperAnchor = __decorate([
-    define('super-a')
+    define("super-a")
 ], SuperAnchor);
 export { SuperAnchor };
 export default SuperAnchor;

package/layout/div-line.d.ts

@@ -1,4 +1,4 @@
-import STD from './std.js';
+import STD from "./std.js";
 export declare class DivLine extends STD {
     static styles: import("lit").CSSResult;
     pre: string;
@@ -10,7 +10,7 @@ export declare class DivLine extends STD {
 export default DivLine;
 declare global {
     interface HTMLElementTagNameMap {
-        'div-line': DivLine;
+        "div-line": DivLine;
     }
 }
 //# sourceMappingURL=div-line.d.ts.map

package/layout/div-line.js

@@ -4,8 +4,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html, css, property, define } from '../deps.js';
-import STD from './std.js';
+import { html, css, property, define } from "../deps.js";
+import STD from "./std.js";
 let DivLine = class DivLine extends STD {
     constructor() {
         super(...arguments);
@@ -59,7 +59,7 @@ __decorate([
     property()
 ], DivLine.prototype, "b", void 0);
 DivLine = __decorate([
-    define('div-line')
+    define("div-line")
 ], DivLine);
 export { DivLine };
 export default DivLine;

package/layout/drag-box.d.ts

@@ -1,4 +1,4 @@
-import STD from './std.js';
+import STD from "./std.js";
 export declare class DragBox extends STD {
     x: string;
     y: string;
@@ -20,7 +20,7 @@ export declare class DragBox extends STD {
 export default DragBox;
 declare global {
     interface HTMLElementTagNameMap {
-        'drag-box': DragBox;
+        "drag-box": DragBox;
     }
 }
 //# sourceMappingURL=drag-box.d.ts.map

package/layout/drag-box.js

@@ -4,13 +4,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html, css, property, define } from '../deps.js';
-import STD from './std.js';
+import { html, css, property, define } from "../deps.js";
+import STD from "./std.js";
 let DragBox = class DragBox extends STD {
     constructor() {
         super(...arguments);
-        this.x = 'auto';
-        this.y = 'auto';
+        this.x = "auto";
+        this.y = "auto";
     }
     get offsetsWidth() {
         var _a, _b;
@@ -28,7 +28,7 @@ let DragBox = class DragBox extends STD {
     }
     firstUpdated() {
         this.reset();
-        document.addEventListener('mouseup', this._endDrag.bind(this));
+        document.addEventListener("mouseup", this._endDrag.bind(this));
     }
     _startDrag(e) {
         this.cx = e.clientX;
@@ -36,11 +36,11 @@ let DragBox = class DragBox extends STD {
         this.t = this.offsetTop;
         this.l = this.offsetLeft;
         this.drag = true;
-        document.addEventListener('mousemove', this._handleDrag.bind(this));
+        document.addEventListener("mousemove", this._handleDrag.bind(this));
     }
     _endDrag() {
         this.drag = false;
-        document.removeEventListener('mousemove', this._handleDrag.bind(this));
+        document.removeEventListener("mousemove", this._handleDrag.bind(this));
     }
     _handleDrag(e) {
         if (!this.drag)
@@ -48,16 +48,16 @@ let DragBox = class DragBox extends STD {
         var nl = e.clientX - (this.cx - this.l);
         var nt = e.clientY - (this.cy - this.t);
         if (nl < 0) {
-            this.style.left = '0';
+            this.style.left = "0";
         }
         else if (nl < this.offsetsWidth - this.offsetWidth) {
             this.style.left = `${nl}px`;
         }
         else {
-            this.style.left = `${this.offsetsWidth - this.offsetWidth}'px'`;
+            this.style.left = `${this.offsetsWidth - this.offsetWidth}"px"`;
         }
         if (nt < 0) {
-            this.style.top = '0';
+            this.style.top = "0";
         }
         else if (nt < this.offsetsHeight - this.offsetHeight) {
             this.style.top = `${nt}px`;
@@ -67,8 +67,8 @@ let DragBox = class DragBox extends STD {
         }
     }
     reset() {
-        this.style.left = this.x || '0';
-        this.style.top = this.y || '0';
+        this.style.left = this.x || "0";
+        this.style.top = this.y || "0";
         if (this.offsetLeft > this.offsetsWidth - this.offsetWidth) {
             this.style.left = `${this.offsetsWidth - this.offsetWidth}px`;
         }
@@ -88,7 +88,7 @@ __decorate([
     property()
 ], DragBox.prototype, "y", void 0);
 DragBox = __decorate([
-    define('drag-box')
+    define("drag-box")
 ], DragBox);
 export { DragBox };
 export default DragBox;

package/layout/nav-aside.d.ts

@@ -1,4 +1,4 @@
-import STD from './std.js';
+import STD from "./std.js";
 export declare class NavAside extends STD {
     m: string;
     position: string;
@@ -8,7 +8,7 @@ export declare class NavAside extends STD {
 export default NavAside;
 declare global {
     interface HTMLElementTagNameMap {
-        'nav-aside': NavAside;
+        "nav-aside": NavAside;
     }
 }
 //# sourceMappingURL=nav-aside.d.ts.map

package/layout/nav-aside.js

@@ -4,8 +4,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html, css, property, define, cssvar } from '../deps.js';
-import STD, { navstyle } from './std.js';
+import { html, css, property, define, cssvar } from "../deps.js";
+import STD, { navstyle } from "./std.js";
 let NavAside = class NavAside extends STD {
     constructor() {
         super(...arguments);
@@ -48,7 +48,7 @@ __decorate([
     property()
 ], NavAside.prototype, "position", void 0);
 NavAside = __decorate([
-    define('nav-aside')
+    define("nav-aside")
 ], NavAside);
 export { NavAside };
 export default NavAside;

package/layout/nav-layout.d.ts

@@ -1,5 +1,5 @@
 import "../view/down-drop.js";
-import STD from './std.js';
+import STD from "./std.js";
 export declare class NavLayout extends STD {
     static styles: import("@lit/reactive-element/css-tag.js").CSSResultGroup[];
     host: string;
@@ -11,7 +11,7 @@ export declare class NavLayout extends STD {
 export default NavLayout;
 declare global {
     interface HTMLElementTagNameMap {
-        'nav-layout': NavLayout;
+        "nav-layout": NavLayout;
     }
 }
 //# sourceMappingURL=nav-layout.d.ts.map

package/layout/nav-layout.js

@@ -4,14 +4,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html, css, property, define, cssvar } from '../deps.js';
+import { html, css, property, define, cssvar } from "../deps.js";
 import "../view/down-drop.js";
-import STD, { navstyle } from './std.js';
+import STD, { navstyle } from "./std.js";
 let NavLayout = class NavLayout extends STD {
     constructor() {
         super(...arguments);
-        this.host = '';
-        this.subhead = '';
+        this.host = "";
+        this.subhead = "";
         this.set = 0;
     }
     render() {
@@ -66,7 +66,7 @@ NavLayout.styles = [STD.styles, css `:host{
   }
   h1 {
     font-weight: normal;
-    font-size: 1rem;
+    font-size: 1em;
     margin: 0;
     display: flex;
     align-items: center;
@@ -136,7 +136,7 @@ __decorate([
     property({ type: Number })
 ], NavLayout.prototype, "set", void 0);
 NavLayout = __decorate([
-    define('nav-layout')
+    define("nav-layout")
 ], NavLayout);
 export { NavLayout };
 const opts = [

package/layout/std.js

@@ -3,6 +3,6 @@ export default class LayoutSTD extends GLOBSTD {
 }
 export const navstyle = css `
 ${cssvar}--nav-text: rgb(240 240 240);
-${cssvar}--nav-background: rgb(28  28  31);
+${cssvar}--nav-background: rgb(28 28 30);
 ${cssvar}--nav-super-background: rgb(16 136 138);
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "godown",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "main": "./index.js",
   "type": "module",
   "scripts": {
@@ -21,8 +21,8 @@
     "url": "https://github.com/startracex/godown.git"
   },
   "dependencies": {
-    "@lit-labs/react": "^1.1.1",
-    "lit": "^2.6.1",
+    "@lit-labs/react": "^1.2.1",
+    "lit": "^2.7.6",
     "react": "^18.2.0"
   },
   "devDependencies": {

package/react/effect.js

@@ -1,28 +1,28 @@
-import * as React from 'react';
+import * as React from "react";
 import * as X from "../effect/index.js";
-import { createComponent } from '@lit-labs/react';
+import { createComponent } from "@lit-labs/react";
 export const OVText = createComponent({
-    tagName: 'ov-text',
+    tagName: "ov-text",
     elementClass: X.OVText,
     react: React
 });
 export const OVPort = createComponent({
-    tagName: 'ov-port',
+    tagName: "ov-port",
     elementClass: X.OVPort,
     react: React
 });
 export const OVButton = createComponent({
-    tagName: 'ov-button',
+    tagName: "ov-button",
     elementClass: X.OVButton,
     react: React
 });
 export const ROPort = createComponent({
-    tagName: 'ro-port',
+    tagName: "ro-port",
     elementClass: X.ROPort,
     react: React
 });
 export const TWText = createComponent({
-    tagName: 'tw-text',
+    tagName: "tw-text",
     elementClass: X.TWText,
     react: React,
     events: {

package/react/group.js

@@ -1,18 +1,18 @@
-import * as React from 'react';
+import * as React from "react";
 import * as X from "../group/index.js";
-import { createComponent } from '@lit-labs/react';
+import { createComponent } from "@lit-labs/react";
 export const AvatarGroup = createComponent({
-    tagName: 'avatar-group',
+    tagName: "avatar-group",
     elementClass: X.AvatarGroup,
     react: React
 });
 export const ButtonGroup = createComponent({
-    tagName: 'button-group',
+    tagName: "button-group",
     elementClass: X.ButtonGroup,
     react: React
 });
 export const DetailsGroup = createComponent({
-    tagName: 'details-group',
+    tagName: "details-group",
     elementClass: X.DetailsGroup,
     react: React
 });

package/react/input-form.js

@@ -1,63 +1,63 @@
-import * as React from 'react';
+import * as React from "react";
 import * as X from "../input-form/index.js";
-import { createComponent } from '@lit-labs/react';
+import { createComponent } from "@lit-labs/react";
 const stdevent = {
-    onInput: 'input',
-    onChange: 'change'
+    onInput: "input",
+    onChange: "change"
 };
 export const BaseForm = createComponent({
-    tagName: 'base-form',
+    tagName: "base-form",
     elementClass: X.BaseForm,
     react: React
 });
 export const BaseInput = createComponent({
-    tagName: 'base-input',
+    tagName: "base-input",
     elementClass: X.BaseInput,
     react: React,
     events: stdevent
 });
 export const ExpInput = createComponent({
-    tagName: 'exp-input',
+    tagName: "exp-input",
     elementClass: X.ExpInput,
     react: React,
     events: stdevent
 });
 export const LabelInput = createComponent({
-    tagName: 'label-input',
+    tagName: "label-input",
     elementClass: X.LabelInput,
     react: React,
     events: stdevent
 });
 export const SearchInput = createComponent({
-    tagName: 'search-input',
+    tagName: "search-input",
     elementClass: X.SearchInput,
     react: React,
     events: stdevent
 });
 export const SearchW = createComponent({
-    tagName: 'search-w',
+    tagName: "search-w",
     elementClass: X.SearchW,
     react: React
 });
 export const SelectInput = createComponent({
-    tagName: 'select-input',
+    tagName: "select-input",
     elementClass: X.SelectInput,
     react: React,
     events: stdevent
 });
 export const SignForm = createComponent({
-    tagName: 'sign-form',
+    tagName: "sign-form",
     elementClass: X.SignForm,
     react: React
 });
 export const SplitInput = createComponent({
-    tagName: 'split-input',
+    tagName: "split-input",
     elementClass: X.SplitInput,
     react: React,
     events: stdevent
 });
 export const SwitchInput = createComponent({
-    tagName: 'switch-input',
+    tagName: "switch-input",
     elementClass: X.SwitchInput,
     react: React,
     events: stdevent