godown 1.0.44 → 1.0.46
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/conf.ts +8 -7
- package/out/conf.d.ts +3 -2
- package/out/conf.d.ts.map +1 -1
- package/out/conf.js +8 -7
- package/out/react/layout.d.ts.map +1 -1
- package/out/src/effect/ov-effect.d.ts.map +1 -1
- package/out/src/effect/ov-effect.js +1 -0
- package/out/src/glob.d.ts +0 -3
- package/out/src/glob.d.ts.map +1 -1
- package/out/src/glob.js +0 -3
- package/out/src/input-form/base-input.js +5 -5
- package/out/src/input-form/exp-input.js +2 -2
- package/out/src/input-form/label-input.d.ts +1 -1
- package/out/src/input-form/label-input.d.ts.map +1 -1
- package/out/src/input-form/label-input.js +3 -3
- package/out/src/input-form/search-input.js +1 -1
- package/out/src/input-form/select-input.js +1 -1
- package/out/src/input-form/split-input.d.ts +1 -1
- package/out/src/input-form/split-input.d.ts.map +1 -1
- package/out/src/input-form/split-input.js +3 -3
- package/out/src/input-form/std.d.ts +1 -0
- package/out/src/input-form/std.d.ts.map +1 -1
- package/out/src/input-form/std.js +3 -0
- package/out/src/view/route-view.d.ts +1 -1
- package/out/src/view/route-view.js +4 -3
- package/package.json +1 -1
    
        package/conf.ts
    CHANGED
    
    | @@ -9,15 +9,16 @@ const defconf: conftype = { | |
| 9 9 | 
             
              reflect: false,
         | 
| 10 10 | 
             
              cssvar: "godown-c",
         | 
| 11 11 | 
             
            };
         | 
| 12 | 
            -
             | 
| 13 | 
            -
             | 
| 14 | 
            -
               | 
| 12 | 
            +
            const conf: conftype = init(globalThis.GodownWebComponentsCONF, defconf);
         | 
| 13 | 
            +
            function init(CONFObject: conftype, source = conf) {
         | 
| 14 | 
            +
              Object.assign(source, CONFObject);
         | 
| 15 | 
            +
              if (source.reflect) {
         | 
| 15 16 | 
             
                // Reflect conf to globalThis
         | 
| 16 | 
            -
                globalThis.GodownWebComponentsCONF =  | 
| 17 | 
            +
                globalThis.GodownWebComponentsCONF = source;
         | 
| 17 18 | 
             
              }
         | 
| 18 | 
            -
              return  | 
| 19 | 
            -
            } | 
| 20 | 
            -
            export  | 
| 19 | 
            +
              return source;
         | 
| 20 | 
            +
            }
         | 
| 21 | 
            +
            export { conf, init };
         | 
| 21 22 | 
             
            export default conf;
         | 
| 22 23 | 
             
            declare global {
         | 
| 23 24 | 
             
              interface globalThis {
         | 
    
        package/out/conf.d.ts
    CHANGED
    
    | @@ -1,5 +1,6 @@ | |
| 1 | 
            -
             | 
| 2 | 
            -
             | 
| 1 | 
            +
            declare const conf: conftype;
         | 
| 2 | 
            +
            declare function init(CONFObject: conftype, source?: conftype): conftype;
         | 
| 3 | 
            +
            export { conf, init };
         | 
| 3 4 | 
             
            export default conf;
         | 
| 4 5 | 
             
            declare global {
         | 
| 5 6 | 
             
                interface globalThis {
         | 
    
        package/out/conf.d.ts.map
    CHANGED
    
    | @@ -1 +1 @@ | |
| 1 | 
            -
            {"version":3,"file":"conf.d.ts","sourceRoot":"","sources":["../conf.ts"],"names":[],"mappings":"AAWA, | 
| 1 | 
            +
            {"version":3,"file":"conf.d.ts","sourceRoot":"","sources":["../conf.ts"],"names":[],"mappings":"AAWA,QAAA,MAAM,IAAI,EAAE,QAA4D,CAAC;AACzE,iBAAS,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,WAAO,YAOhD;AACD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AACtB,eAAe,IAAI,CAAC;AACpB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,UAAU;QAClB,uBAAuB,EAAE,QAAQ,CAAC;KACnC;CACF;AACD,aAAK,QAAQ,GAAG;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACjC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;IAChB,OAAO,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}
         | 
    
        package/out/conf.js
    CHANGED
    
    | @@ -9,13 +9,14 @@ const defconf = { | |
| 9 9 | 
             
                reflect: false,
         | 
| 10 10 | 
             
                cssvar: "godown-c",
         | 
| 11 11 | 
             
            };
         | 
| 12 | 
            -
             | 
| 13 | 
            -
             | 
| 14 | 
            -
                 | 
| 12 | 
            +
            const conf = init(globalThis.GodownWebComponentsCONF, defconf);
         | 
| 13 | 
            +
            function init(CONFObject, source = conf) {
         | 
| 14 | 
            +
                Object.assign(source, CONFObject);
         | 
| 15 | 
            +
                if (source.reflect) {
         | 
| 15 16 | 
             
                    // Reflect conf to globalThis
         | 
| 16 | 
            -
                    globalThis.GodownWebComponentsCONF =  | 
| 17 | 
            +
                    globalThis.GodownWebComponentsCONF = source;
         | 
| 17 18 | 
             
                }
         | 
| 18 | 
            -
                return  | 
| 19 | 
            -
            } | 
| 20 | 
            -
            export  | 
| 19 | 
            +
                return source;
         | 
| 20 | 
            +
            }
         | 
| 21 | 
            +
            export { conf, init };
         | 
| 21 22 | 
             
            export default conf;
         | 
| @@ -1 +1 @@ | |
| 1 | 
            -
            {"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../react/layout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,wBAAwB,CAAC;AAE5C,eAAO,MAAM,SAAS,8DAIpB,CAAC;AACH,eAAO,MAAM,QAAQ,6DAInB,CAAC; | 
| 1 | 
            +
            {"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../react/layout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,wBAAwB,CAAC;AAE5C,eAAO,MAAM,SAAS,8DAIpB,CAAC;AACH,eAAO,MAAM,QAAQ,6DAInB,CAAC;AACH,eAAO,MAAM,OAAO,4DAIlB,CAAC;AACH,eAAO,MAAM,QAAQ,6DAInB,CAAC;AACH,eAAO,MAAM,OAAO,4DAIlB,CAAC"}
         | 
| @@ -1 +1 @@ | |
| 1 | 
            -
            {"version":3,"file":"ov-effect.d.ts","sourceRoot":"","sources":["../../../src/effect/ov-effect.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAA; | 
| 1 | 
            +
            {"version":3,"file":"ov-effect.d.ts","sourceRoot":"","sources":["../../../src/effect/ov-effect.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAA;AAyC1B,qBACa,MAAO,SAAQ,GAAG;IAC7B,MAAM,CAAC,MAAM,4BA6IX;IACU,EAAE,SAAe;IACjB,EAAE,SAAgB;IAClB,EAAE,SAAiB;IAC/B,MAAM;CAGP;AACD,qBACa,MAAO,SAAQ,GAAG;IAC7B,MAAM,CAAC,MAAM,4BAYX;IACF,MAAM;CAGP;AACD,qBACa,QAAS,SAAQ,GAAG;IAC/B,MAAM,CAAC,MAAM,4BA6BX;IACF,MAAM;CAGP;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}
         | 
    
        package/out/src/glob.d.ts
    CHANGED
    
    | @@ -3,9 +3,6 @@ import { CSSResultGroup, LitElement } from "lit"; | |
| 3 3 | 
             
             * Custom CSS variable,join with "--" ,only allow `a-Z,0-9,-`
         | 
| 4 4 | 
             
             */
         | 
| 5 5 | 
             
            export declare const cssvar: import("lit").CSSResult;
         | 
| 6 | 
            -
            /**
         | 
| 7 | 
            -
             * Call customElements.define only customElements.get is undefined
         | 
| 8 | 
            -
            */
         | 
| 9 6 | 
             
            export declare class GLOBSTD extends LitElement {
         | 
| 10 7 | 
             
                static styles: CSSResultGroup;
         | 
| 11 8 | 
             
            }
         | 
    
        package/out/src/glob.d.ts.map
    CHANGED
    
    | @@ -1 +1 @@ | |
| 1 | 
            -
            {"version":3,"file":"glob.d.ts","sourceRoot":"","sources":["../../src/glob.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACjE;;GAEG;AACH,eAAO,MAAM,MAAM,yBAA+D,CAAC;AACnF | 
| 1 | 
            +
            {"version":3,"file":"glob.d.ts","sourceRoot":"","sources":["../../src/glob.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACjE;;GAEG;AACH,eAAO,MAAM,MAAM,yBAA+D,CAAC;AACnF,qBAAa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,iBAeQ;CACtB"}
         | 
    
        package/out/src/glob.js
    CHANGED
    
    | @@ -4,9 +4,6 @@ import { LitElement, css, unsafeCSS } from "lit"; | |
| 4 4 | 
             
             * Custom CSS variable,join with "--" ,only allow `a-Z,0-9,-`
         | 
| 5 5 | 
             
             */
         | 
| 6 6 | 
             
            export const cssvar = unsafeCSS("--" + conf.cssvar.replace(/[^a-zA-Z0-9\-]/g, ""));
         | 
| 7 | 
            -
            /**
         | 
| 8 | 
            -
             * Call customElements.define only customElements.get is undefined
         | 
| 9 | 
            -
            */
         | 
| 10 7 | 
             
            export class GLOBSTD extends LitElement {
         | 
| 11 8 | 
             
            }
         | 
| 12 9 | 
             
            GLOBSTD.styles = css `
         | 
| @@ -73,11 +73,11 @@ let BaseInput = class BaseInput extends STD { | |
| 73 73 | 
             
                _typeSwitcher() {
         | 
| 74 74 | 
             
                    switch (this.type) {
         | 
| 75 75 | 
             
                        case "range":
         | 
| 76 | 
            -
                            return html `<input id="input" type="range"  | 
| 76 | 
            +
                            return html `<input id="input" type="range" min=${this.min} max=${this.max} step=${this.step} value=${this.value} @input=${this._handleRange} @change=${this._handleChange}><i></i>`;
         | 
| 77 77 | 
             
                        case "file":
         | 
| 78 | 
            -
                            return html `<input id="input" accept=${ifDefined(this.accept)} ?multiple=${!this.only} class="input"  | 
| 78 | 
            +
                            return html `<input id="input" type="file" accept=${ifDefined(this.accept)} ?multiple=${!this.only} class="input" @change=${this._handleFile}>`;
         | 
| 79 79 | 
             
                        default:
         | 
| 80 | 
            -
                            return html `<input id="input" class="input" type=${this.type} placeholder=${this.pla} value=${this.value} @input=${this._handleInput}/>`;
         | 
| 80 | 
            +
                            return html `<input id="input" class="input" type=${this.type} placeholder=${this.pla} value=${this.value} @input=${this._handleInput} @change=${this._handleChange}/>`;
         | 
| 81 81 | 
             
                    }
         | 
| 82 82 | 
             
                }
         | 
| 83 83 | 
             
            };
         | 
| @@ -91,8 +91,8 @@ BaseInput.styles = [STD.styles, , css ` | |
| 91 91 | 
             
                outline: .18em solid transparent;
         | 
| 92 92 | 
             
                color:var(${cssvar}--text);
         | 
| 93 93 | 
             
              }
         | 
| 94 | 
            -
              :host(:focus){
         | 
| 95 | 
            -
                outline-color: var(${cssvar}--input-outline);
         | 
| 94 | 
            +
              :host(:focus-within){
         | 
| 95 | 
            +
                outline-color: var(${cssvar}--input-outline-focus);
         | 
| 96 96 | 
             
              }
         | 
| 97 97 | 
             
              :host([type="range"]){
         | 
| 98 98 | 
             
                outline: none;
         | 
| @@ -24,7 +24,7 @@ let ExpInput = class ExpInput extends STD { | |
| 24 24 | 
             
                    if (!this.name)
         | 
| 25 25 | 
             
                        this.name = ((_a = this.label) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || this.type;
         | 
| 26 26 | 
             
                    return html `<div class=${classMap({ [this.base]: true, "no-label": !this.label })}>
         | 
| 27 | 
            -
              ${this.type !== "textarea" ? html `<input class="input" required title="" value=${this.value} @input=${this._handleInput} type=${this.type} placeholder=${this.pla} >` : html `<textarea class="input" required title="" value=${this.value || this.def} @input=${this._handleInput} placeholder=${this.pla} ></textarea>`}
         | 
| 27 | 
            +
              ${this.type !== "textarea" ? html `<input class="input" required title="" value=${this.value} @input=${this._handleInput} @change=${this._handleChange} type=${this.type} placeholder=${this.pla} >` : html `<textarea class="input" required title="" value=${this.value || this.def} @input=${this._handleInput} placeholder=${this.pla} ></textarea>`}
         | 
| 28 28 | 
             
              <fieldset>
         | 
| 29 29 | 
             
                <legend><span>${this.label}</span></legend>
         | 
| 30 30 | 
             
              </fieldset><style>:valid~fieldset legend,:focus~fieldset legend{margin-left: ${this.offset || 0} !important;}</style>
         | 
| @@ -58,7 +58,7 @@ ExpInput.styles = [STD.styles, css ` | |
| 58 58 | 
             
                  border-bottom-left-radius: inherit;
         | 
| 59 59 | 
             
                  border-bottom-right-radius: inherit;
         | 
| 60 60 | 
             
                }
         | 
| 61 | 
            -
                .underline: | 
| 61 | 
            +
                .underline:focus-within::before{
         | 
| 62 62 | 
             
                  z-index:2;
         | 
| 63 63 | 
             
                  width:100%;
         | 
| 64 64 | 
             
                }
         | 
| @@ -8,8 +8,8 @@ export declare class LabelInput extends STD { | |
| 8 8 | 
             
                name: string;
         | 
| 9 9 | 
             
                value: string;
         | 
| 10 10 | 
             
                autofocus: boolean;
         | 
| 11 | 
            -
                static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag").CSSResultGroup[])[];
         | 
| 12 11 | 
             
                _input: HTMLInputElement;
         | 
| 12 | 
            +
                static styles: (import("lit").CSSResult | import("@lit/reactive-element/css-tag").CSSResultGroup[])[];
         | 
| 13 13 | 
             
                render(): import("lit-html").TemplateResult<1>;
         | 
| 14 14 | 
             
                _passwordSwitcher(): void;
         | 
| 15 15 | 
             
            }
         | 
| @@ -1 +1 @@ | |
| 1 | 
            -
            {"version":3,"file":"label-input.d.ts","sourceRoot":"","sources":["../../../src/input-form/label-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,aAAK,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AACnO,qBACa,UAAW,SAAQ,GAAG;IACrB,IAAI,EAAE,SAAS,CAAU;IACzB,KAAK,SAAM;IACX,GAAG,SAAM;IACT,GAAG,MAAa;IAChB,IAAI,SAAM;IACV,KAAK,SAAM;IACM,SAAS,UAAS;IAC/ | 
| 1 | 
            +
            {"version":3,"file":"label-input.d.ts","sourceRoot":"","sources":["../../../src/input-form/label-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,aAAK,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AACnO,qBACa,UAAW,SAAQ,GAAG;IACrB,IAAI,EAAE,SAAS,CAAU;IACzB,KAAK,SAAM;IACX,GAAG,SAAM;IACT,GAAG,MAAa;IAChB,IAAI,SAAM;IACV,KAAK,SAAM;IACM,SAAS,UAAS;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACzC,MAAM,CAAC,MAAM,yFAkET;IACJ,MAAM;IAWN,iBAAiB;CAOlB;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
         | 
| @@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, | |
| 4 4 | 
             
                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;
         | 
| 5 5 | 
             
                return c > 3 && r && Object.defineProperty(target, key, r), r;
         | 
| 6 6 | 
             
            };
         | 
| 7 | 
            -
            import { html, css, property, query,  | 
| 7 | 
            +
            import { html, css, property, query, define, cssvar } from '../deps.js';
         | 
| 8 8 | 
             
            import STD from './std.js';
         | 
| 9 9 | 
             
            let LabelInput = class LabelInput extends STD {
         | 
| 10 10 | 
             
                constructor() {
         | 
| @@ -24,7 +24,7 @@ let LabelInput = class LabelInput extends STD { | |
| 24 24 | 
             
                    return html `<label for=${this.name}><span>${this.label}<slot></slot></span>
         | 
| 25 25 | 
             
              <fieldset>
         | 
| 26 26 | 
             
                <i><slot name="pre"></slot></i>
         | 
| 27 | 
            -
                <input  | 
| 27 | 
            +
                <input @input=${this._handleInput} @change=${this._handleChange} id=${this.name} type=${this.type} placeholder=${this.pla} class=${this.type} />
         | 
| 28 28 | 
             
                <i><slot name="suf"></slot></i>
         | 
| 29 29 | 
             
                ${this.type === "password" && !this.querySelector('[slot="suf"]') ? html `<i @mousedown=${this._passwordSwitcher} @mouseup=${() => this._input.type = "password"} @mouseleave=${() => this._input.type = "password"} ><svg viewBox="0 0 48 48" fill="none"><path d="M9.85786 18C6.23858 21 4 24 4 24C4 24 12.9543 36 24 36C25.3699 36 26.7076 35.8154 28 35.4921M20.0318 12.5C21.3144 12.1816 22.6414 12 24 12C35.0457 12 44 24 44 24C44 24 41.7614 27 38.1421 30" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.3142 20.6211C19.4981 21.5109 19 22.6972 19 23.9998C19 26.7612 21.2386 28.9998 24 28.9998C25.3627 28.9998 26.5981 28.4546 27.5 27.5705" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M42 42L6 6" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg></i>` : undefined}
         | 
| 30 30 | 
             
              </fieldset>
         | 
| @@ -70,7 +70,7 @@ LabelInput.styles = [STD.styles, css ` | |
| 70 70 | 
             
                width:100%;
         | 
| 71 71 | 
             
                padding:4.8px;
         | 
| 72 72 | 
             
              }
         | 
| 73 | 
            -
              fieldset: | 
| 73 | 
            +
              fieldset:focus-within {
         | 
| 74 74 | 
             
                outline: .18em solid var(${cssvar}--input-outline-focus);
         | 
| 75 75 | 
             
              }
         | 
| 76 76 | 
             
              @media screen and (max-width:540px) {
         | 
| @@ -31,7 +31,7 @@ let SearchInput = class SearchInput extends STD { | |
| 31 31 | 
             
                    var _a;
         | 
| 32 32 | 
             
                    return html `<form action=${this.action} method=${this.method}>
         | 
| 33 33 | 
             
            <div>
         | 
| 34 | 
            -
              <input name=${this.name} @input=${this._handleInput} value=${this.value} title="" placeholder=${this.pla | 
| 34 | 
            +
              <input name=${this.name} @input=${this._handleInput} @change=${this._handleChange} value=${this.value} title="" placeholder=${this.pla} >
         | 
| 35 35 | 
             
              <button @click=${this._handleSubmit}><svg viewBox="0 0 1024 1024" width="95%" height="100%"><path fill="currentColor" d="M745.429333 655.658667c1.173333 0.746667 2.325333 1.578667 3.413334 2.496l114.410666 96a32 32 0 0 1-41.152 49.024l-114.389333-96a32 32 0 0 1-6.208-6.976A297.429333 297.429333 0 0 1 512 768c-164.949333 0-298.666667-133.717333-298.666667-298.666667S347.050667 170.666667 512 170.666667s298.666667 133.717333 298.666667 298.666666a297.386667 297.386667 0 0 1-65.237334 186.325334zM512 704c129.6 0 234.666667-105.066667 234.666667-234.666667s-105.066667-234.666667-234.666667-234.666666-234.666667 105.066667-234.666667 234.666666 105.066667 234.666667 234.666667 234.666667z"  p-id="9859"></path><path d="M512 298.666667c47.146667 0 89.813333 19.093333 120.682667 49.984l-0.085334 0.085333a21.333333 21.333333 0 1 1-31.210666 28.992A127.573333 127.573333 0 0 0 512 341.333333a21.333333 21.333333 0 0 1 0-42.666666z" p-id="9860"></path></svg></button>
         | 
| 36 36 | 
             
            </div>
         | 
| 37 37 | 
             
              <slot></slot>
         | 
| @@ -225,7 +225,7 @@ SelectInput.styles = [STD.styles, css ` | |
| 225 225 | 
             
                width: var(${cssvar}--input-width);
         | 
| 226 226 | 
             
              }
         | 
| 227 227 | 
             
              :host([open]){
         | 
| 228 | 
            -
                outline-color: var(${cssvar}--input-outline);
         | 
| 228 | 
            +
                outline-color: var(${cssvar}--input-outline-focus);
         | 
| 229 229 | 
             
              }
         | 
| 230 230 | 
             
              input{
         | 
| 231 231 | 
             
                padding: 0px 0px 0px 0.25em;
         | 
| @@ -1 +1 @@ | |
| 1 | 
            -
            {"version":3,"file":"split-input.d.ts","sourceRoot":"","sources":["../../../src/input-form/split-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,UAAW,SAAQ,GAAG;IACjC,MAAM,CAAC,MAAM,yFA4CP;IACM,IAAI,SAAM;IACV,KAAK,SAAM;IACK,GAAG,SAAK;IACxB,KAAK,SAAM;IACM,SAAS,UAAS;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACvB,MAAM,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IACtD,OAAO,EAAE,MAAM,CAAK;IACpB,YAAY,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAM;IACxC,MAAM;IAMN,YAAY;IAiBZ,YAAY,CAAC,CAAC,EAAE,UAAU;IA4B1B,KAAK;IAGL, | 
| 1 | 
            +
            {"version":3,"file":"split-input.d.ts","sourceRoot":"","sources":["../../../src/input-form/split-input.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,UAAU,CAAC;AAC3B,qBACa,UAAW,SAAQ,GAAG;IACjC,MAAM,CAAC,MAAM,yFA4CP;IACM,IAAI,SAAM;IACV,KAAK,SAAM;IACK,GAAG,SAAK;IACxB,KAAK,SAAM;IACM,SAAS,UAAS;IAC/B,MAAM,EAAE,gBAAgB,CAAC;IACvB,MAAM,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IACtD,OAAO,EAAE,MAAM,CAAK;IACpB,YAAY,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAM;IACxC,MAAM;IAMN,YAAY;IAiBZ,YAAY,CAAC,CAAC,EAAE,UAAU;IA4B1B,KAAK;IAGL,OAAO,CAAC,CAAC,SAAe;IAOxB,IAAI,CAAC,CAAC,SAAe;IAIrB,KAAK;CASN;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
         | 
| @@ -30,7 +30,7 @@ let SplitInput = class SplitInput extends STD { | |
| 30 30 | 
             
                    this._spans.forEach((span, index) => {
         | 
| 31 31 | 
             
                        span.addEventListener('click', () => {
         | 
| 32 32 | 
             
                            this.current = index;
         | 
| 33 | 
            -
                            this. | 
| 33 | 
            +
                            this.focusAt();
         | 
| 34 34 | 
             
                            this._input.focus();
         | 
| 35 35 | 
             
                        });
         | 
| 36 36 | 
             
                    });
         | 
| @@ -72,9 +72,9 @@ let SplitInput = class SplitInput extends STD { | |
| 72 72 | 
             
                    this.dispatchEvent(new CustomEvent('change', { detail: this.value, composed: true }));
         | 
| 73 73 | 
             
                }
         | 
| 74 74 | 
             
                focus() {
         | 
| 75 | 
            -
                    this. | 
| 75 | 
            +
                    this.focusAt();
         | 
| 76 76 | 
             
                }
         | 
| 77 | 
            -
                 | 
| 77 | 
            +
                focusAt(i = this.current) {
         | 
| 78 78 | 
             
                    var _a;
         | 
| 79 79 | 
             
                    this._spans.forEach((span) => {
         | 
| 80 80 | 
             
                        span.classList.remove('focus');
         | 
| @@ -1 +1 @@ | |
| 1 | 
            -
            {"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../../src/input-form/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAClD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,OAAO;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,gBAAgB,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,MAAM,2DAgBZ;IACD,SAAS;IAGT,KAAK;IAIL,YAAY,CAAC,CAAC,EAAE,GAAG;IAOnB,iBAAiB;IAKjB,iBAAiB;IAUjB,WAAW;IAKX,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAG5B,YAAY;CAIb"}
         | 
| 1 | 
            +
            {"version":3,"file":"std.d.ts","sourceRoot":"","sources":["../../../src/input-form/std.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAe,MAAM,YAAY,CAAC;AAClD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,OAAO;IAC/C,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,gBAAgB,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,MAAM,2DAgBZ;IACD,SAAS;IAGT,KAAK;IAIL,YAAY,CAAC,CAAC,EAAE,GAAG;IAOnB,aAAa;IAGb,iBAAiB;IAKjB,iBAAiB;IAUjB,WAAW;IAKX,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAG5B,YAAY;CAIb"}
         | 
| @@ -15,6 +15,9 @@ export default class InputFormSTD extends GLOBSTD { | |
| 15 15 | 
             
                    this.dispatchEvent(new CustomEvent("input", { detail: this.value, bubbles: true, composed: true }));
         | 
| 16 16 | 
             
                    this.dispatchEvent(new CustomEvent("change", { detail: this.value, composed: true }));
         | 
| 17 17 | 
             
                }
         | 
| 18 | 
            +
                _handleChange() {
         | 
| 19 | 
            +
                    this.dispatchEvent(new CustomEvent("change", { detail: this.value, composed: true }));
         | 
| 20 | 
            +
                }
         | 
| 18 21 | 
             
                connectedCallback() {
         | 
| 19 22 | 
             
                    super.connectedCallback();
         | 
| 20 23 | 
             
                    if (!this.def)
         | 
| @@ -12,7 +12,7 @@ export declare class RouteView extends LitElement { | |
| 12 12 | 
             
                set routes(v: any[]);
         | 
| 13 13 | 
             
                get routes(): any[];
         | 
| 14 14 | 
             
                static styles: import("lit").CSSResult;
         | 
| 15 | 
            -
                render():  | 
| 15 | 
            +
                render(): any;
         | 
| 16 16 | 
             
                connectedCallback(): void;
         | 
| 17 17 | 
             
                render_united(): any;
         | 
| 18 18 | 
             
                render_slotted(): import("lit-html").TemplateResult<1>;
         | 
| @@ -34,13 +34,14 @@ let RouteView = RouteView_1 = class RouteView extends LitElement { | |
| 34 34 | 
             
                    return this._routesSort;
         | 
| 35 35 | 
             
                }
         | 
| 36 36 | 
             
                render() {
         | 
| 37 | 
            +
                    var _a, _b, _c;
         | 
| 37 38 | 
             
                    if (this.type === "child") {
         | 
| 38 | 
            -
                        return ( | 
| 39 | 
            +
                        return (_a = this.render_slotted()) !== null && _a !== void 0 ? _a : html `<slot></slot>`;
         | 
| 39 40 | 
             
                    }
         | 
| 40 41 | 
             
                    if (this.type === "field") {
         | 
| 41 | 
            -
                        return ( | 
| 42 | 
            +
                        return (_b = this.render_field()) !== null && _b !== void 0 ? _b : html `<slot></slot>`;
         | 
| 42 43 | 
             
                    }
         | 
| 43 | 
            -
                    return ( | 
| 44 | 
            +
                    return (_c = this.render_united()) !== null && _c !== void 0 ? _c : html `<slot></slot>`;
         | 
| 44 45 | 
             
                }
         | 
| 45 46 | 
             
                connectedCallback() {
         | 
| 46 47 | 
             
                    super.connectedCallback();
         |