@node-projects/web-component-designer 0.0.66 → 0.0.70

package/dist/elements/controls/NumericPopup.d.ts

@@ -1,6 +1,6 @@
-import { BaseCustomWebComponentConstructorAppend } from '@node-projects/base-custom-webcomponent';
-export declare class NumericPopup extends BaseCustomWebComponentConstructorAppend {
-    static readonly style: CSSStyleSheet;
-    static readonly template: HTMLTemplateElement;
-    ready(): void;
-}
+import { BaseCustomWebComponentConstructorAppend } from '@node-projects/base-custom-webcomponent';
+export declare class NumericPopup extends BaseCustomWebComponentConstructorAppend {
+    static readonly style: CSSStyleSheet;
+    static readonly template: HTMLTemplateElement;
+    ready(): void;
+}

package/dist/elements/controls/NumericPopup.js

@@ -1,5 +1,5 @@
-import { BaseCustomWebComponentConstructorAppend, css, html } from '@node-projects/base-custom-webcomponent';
-export class NumericPopup extends BaseCustomWebComponentConstructorAppend {
+import { BaseCustomWebComponentConstructorAppend, css, html } from '@node-projects/base-custom-webcomponent';
+export class NumericPopup extends BaseCustomWebComponentConstructorAppend {
     static style = css `
     :host {
     }
@@ -7,7 +7,7 @@ export class NumericPopup extends BaseCustomWebComponentConstructorAppend {
       grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
       grid-template-columns: 1fr 1fr;
     }
-  `;
+  `;
     static template = html `
     <div>
       <input type="range" min="0" max="100">
@@ -32,8 +32,8 @@ export class NumericPopup extends BaseCustomWebComponentConstructorAppend {
       <button>90</button>
       <button>100</button>
     </div>
-  `;
-    ready() {
-    }
-}
-customElements.define('node-projects-numeric-popup', NumericPopup);
+  `;
+    ready() {
+    }
+}
+customElements.define('node-projects-numeric-popup', NumericPopup);

package/dist/elements/controls/NumericStyleInput.d.ts

@@ -1,16 +1,16 @@
-import { BaseCustomWebComponentConstructorAppend, TypedEvent } from '@node-projects/base-custom-webcomponent';
-export declare type ImageButtonListSelectorValueChangedEventArgs = {
-    newValue?: string;
-    oldValue?: string;
-};
-export declare class NumericStyleInput extends BaseCustomWebComponentConstructorAppend {
-    static readonly style: CSSStyleSheet;
-    static readonly template: HTMLTemplateElement;
-    private _value;
-    get value(): string;
-    set value(value: string);
-    valueChanged: TypedEvent<ImageButtonListSelectorValueChangedEventArgs>;
-    private _input;
-    constructor();
-    private _updateValue;
-}
+import { BaseCustomWebComponentConstructorAppend, TypedEvent } from '@node-projects/base-custom-webcomponent';
+export declare type ImageButtonListSelectorValueChangedEventArgs = {
+    newValue?: string;
+    oldValue?: string;
+};
+export declare class NumericStyleInput extends BaseCustomWebComponentConstructorAppend {
+    static readonly style: CSSStyleSheet;
+    static readonly template: HTMLTemplateElement;
+    private _value;
+    get value(): string;
+    set value(value: string);
+    valueChanged: TypedEvent<ImageButtonListSelectorValueChangedEventArgs>;
+    private _input;
+    constructor();
+    private _updateValue;
+}

package/dist/elements/controls/NumericStyleInput.js

@@ -1,5 +1,5 @@
-import { BaseCustomWebComponentConstructorAppend, css, html, TypedEvent } from '@node-projects/base-custom-webcomponent';
-export class NumericStyleInput extends BaseCustomWebComponentConstructorAppend {
+import { BaseCustomWebComponentConstructorAppend, css, html, TypedEvent } from '@node-projects/base-custom-webcomponent';
+export class NumericStyleInput extends BaseCustomWebComponentConstructorAppend {
     static style = css `
     :host {
     }
@@ -7,7 +7,7 @@ export class NumericStyleInput extends BaseCustomWebComponentConstructorAppend {
     input {
       cursor: ew-resize;
     }
-  `;
+  `;
     static template = html `
     <input id="input" type="text">
     <select id="select">
@@ -15,42 +15,42 @@ export class NumericStyleInput extends BaseCustomWebComponentConstructorAppend {
       <option>%</option>
       <option>pt</option>
     </select>
-  `;
-    _value;
-    get value() {
-        return this._value;
-    }
-    set value(value) {
-        const oldValue = this._value;
-        this._value = value;
-        this._updateValue();
-        this.valueChanged.emit({ newValue: this._value, oldValue: oldValue });
-    }
-    valueChanged = new TypedEvent();
-    _input;
-    //private _select: HTMLSelectElement;
-    constructor() {
-        super();
-        this._input = this._getDomElement('input');
-        //this._select = this._getDomElement<HTMLSelectElement>('select');
-        let oldX = null;
-        this._input.onpointerdown = (e) => {
-            oldX = e.x;
-            this._input.setPointerCapture(e.pointerId);
-        };
-        this._input.onpointermove = (e) => {
-            if (oldX !== null) {
-                let diffX = e.x - oldX;
-                if (diffX != 0)
-                    this._input.value = parseInt(this._input.value) + diffX;
-            }
-        };
-        this._input.onpointerup = (e) => {
-            oldX = null;
-            this._input.releasePointerCapture(e.pointerId);
-        };
-    }
-    _updateValue() {
-    }
-}
-customElements.define('node-projects-numeric-style-input', NumericStyleInput);
+  `;
+    _value;
+    get value() {
+        return this._value;
+    }
+    set value(value) {
+        const oldValue = this._value;
+        this._value = value;
+        this._updateValue();
+        this.valueChanged.emit({ newValue: this._value, oldValue: oldValue });
+    }
+    valueChanged = new TypedEvent();
+    _input;
+    //private _select: HTMLSelectElement;
+    constructor() {
+        super();
+        this._input = this._getDomElement('input');
+        //this._select = this._getDomElement<HTMLSelectElement>('select');
+        let oldX = null;
+        this._input.onpointerdown = (e) => {
+            oldX = e.x;
+            this._input.setPointerCapture(e.pointerId);
+        };
+        this._input.onpointermove = (e) => {
+            if (oldX !== null) {
+                let diffX = e.x - oldX;
+                if (diffX != 0)
+                    this._input.value = parseInt(this._input.value) + diffX;
+            }
+        };
+        this._input.onpointerup = (e) => {
+            oldX = null;
+            this._input.releasePointerCapture(e.pointerId);
+        };
+    }
+    _updateValue() {
+    }
+}
+customElements.define('node-projects-numeric-style-input', NumericStyleInput);

package/dist/elements/controls/PlainScrollbar.d.ts

@@ -1,15 +1,15 @@
-export declare class PlainScrollbar extends HTMLElement {
-    private widget;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    get thumbSize(): number;
-    set thumbSize(v: number);
-    get value(): number;
-    set value(v: number);
-    get orientation(): string;
-    set orientation(s: string);
-    get orientationBoolean(): boolean;
-    static get observedAttributes(): string[];
-    attributeChangedCallback(attrName: string, _oldValue: string | null, newValue: string | null): void;
-}
+export declare class PlainScrollbar extends HTMLElement {
+    private widget;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    get thumbSize(): number;
+    set thumbSize(v: number);
+    get value(): number;
+    set value(v: number);
+    get orientation(): string;
+    set orientation(s: string);
+    get orientationBoolean(): boolean;
+    static get observedAttributes(): string[];
+    attributeChangedCallback(attrName: string, _oldValue: string | null, newValue: string | null): void;
+}