tosijs-ui 1.1.1 → 1.2.1

package/dist/ab-test.d.ts

@@ -3,10 +3,11 @@ export declare class AbTest extends Component {
     static set conditions(context: {
         [key: string]: any;
     });
-    condition: string;
-    not: boolean;
+    static initAttributes: {
+        condition: string;
+        not: boolean;
+    };
     static instances: Set<AbTest>;
-    constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
     render(): void;

package/dist/bodymovin-player.d.ts

@@ -9,9 +9,11 @@ export interface LottieConfig {
     [key: string]: any;
 }
 export declare class BodymovinPlayer extends WebComponent {
+    static initAttributes: {
+        src: string;
+        json: string;
+    };
     content: null;
-    src: string;
-    json: string;
     config: LottieConfig;
     static bodymovinAvailable?: Promise<any>;
     animation: any;

package/dist/carousel.d.ts

@@ -1,12 +1,14 @@
 import { Component as WebComponent, ElementCreator } from 'tosijs';
 export declare class XinCarousel extends WebComponent {
-    arrows: boolean;
-    dots: boolean;
-    loop: boolean;
-    maxVisibleItems: number;
-    snapDelay: number;
-    snapDuration: number;
-    auto: number;
+    static initAttributes: {
+        dots: boolean;
+        arrows: boolean;
+        maxVisibleItems: number;
+        snapDuration: number;
+        snapDelay: number;
+        loop: boolean;
+        auto: number;
+    };
     private lastAutoAdvance;
     private interval?;
     private autoAdvance;
@@ -105,7 +107,6 @@ export declare class XinCarousel extends WebComponent {
     private animationFrame;
     animateScroll(position: number, startingPosition?: number, timestamp?: number): void;
     content: () => HTMLDivElement[];
-    constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
     render(): void;

package/dist/code-editor.d.ts

@@ -3,14 +3,16 @@ export declare class CodeEditor extends WebComponent {
     private source;
     get value(): string;
     set value(text: string);
-    mode: string;
-    disabled: boolean;
+    static initAttributes: {
+        mode: string;
+        theme: string;
+        disabled: boolean;
+    };
     role: string;
     private _ace;
     private _editor;
     private _editorPromise;
     options: any;
-    theme: string;
     get ace(): any;
     get editor(): any;
     static styleSpec: {
@@ -21,7 +23,6 @@ export declare class CodeEditor extends WebComponent {
             height: string;
         };
     };
-    constructor();
     onResize(): void;
     connectedCallback(): void;
     render(): void;

package/dist/data-table.d.ts

@@ -18,17 +18,22 @@ export interface TableData {
 export type ArrayFilter = (array: any[]) => any[];
 export type SelectCallback = (selected: any[]) => void;
 export declare class DataTable extends WebComponent {
-    select: boolean;
-    multiple: boolean;
-    nosort: boolean;
-    nohide: boolean;
-    noreorder: boolean;
+    static initAttributes: {
+        rowHeight: number;
+        charWidth: number;
+        minColumnWidth: number;
+        select: boolean;
+        multiple: boolean;
+        pinnedTop: number;
+        pinnedBottom: number;
+        nosort: boolean;
+        nohide: boolean;
+        noreorder: boolean;
+        localized: boolean;
+    };
     selectionChanged: SelectCallback;
-    localized: boolean;
     private selectedKey;
     private selectBinding;
-    pinnedTop: number;
-    pinnedBottom: number;
     maxVisibleRows: number;
     get value(): TableData;
     set value(data: TableData);
@@ -36,9 +41,6 @@ export declare class DataTable extends WebComponent {
     private _array;
     private _columns;
     private _filter;
-    charWidth: number;
-    rowHeight: number;
-    minColumnWidth: number;
     get virtual(): {
         height: number;
     } | undefined;
@@ -77,3 +79,4 @@ export declare class DataTable extends WebComponent {
     render(): void;
 }
 export declare const dataTable: ElementCreator<DataTable>;
+export declare const xinTable: ElementCreator<DataTable>;

package/dist/dialog.d.ts

@@ -8,8 +8,10 @@ export declare class TosiDialog extends Component<DialogParts> {
     static alert(message: string, title?: string): Promise<void>;
     static confirm(message: string, title?: string): Promise<boolean>;
     static prompt(message: string, title?: string, currentValue?: string): Promise<string | null>;
-    removeOnClose: boolean;
-    closeOnBackgroundClick: boolean;
+    static initAttributes: {
+        removeOnClose: boolean;
+        closeOnBackgroundClick: boolean;
+    };
     constructor();
     dialogWillClose: (reason?: string) => void;
     initialFocus(): void;

package/dist/doc-browser.d.ts

@@ -1,3 +1,20 @@
+import { TestResults } from './live-example/test-harness';
+export interface PageTestResults {
+    passed: boolean;
+    tests: TestResults['tests'];
+    totalPassed: number;
+    totalFailed: number;
+}
+export interface DocTestResults {
+    passed: number;
+    failed: number;
+    pages: Record<string, PageTestResults>;
+}
+declare global {
+    interface Window {
+        __docTestResults?: Promise<DocTestResults>;
+    }
+}
 export interface Doc {
     text: string;
     title: string;
@@ -5,6 +22,7 @@ export interface Doc {
     path: string;
     pin?: string;
     hidden?: boolean;
+    testStatus?: 'passed' | 'failed' | 'pending';
 }
 export interface ProjectLinks {
     github?: string;

package/dist/editable-rect.d.ts

@@ -6,6 +6,10 @@ interface Locks {
     bottom: boolean;
 }
 export declare class EditableRect extends Component {
+    static initAttributes: {
+        rotationSnap: number;
+        positionSnap: number;
+    };
     static angleSize: number;
     static gridSize: number;
     static snapAngle: boolean;
@@ -89,7 +93,6 @@ export declare class EditableRect extends Component {
     adjustRotation: (event: Event) => void;
     toggleLock: (event: Event) => void;
     content: () => (HTMLSlotElement | HTMLDivElement)[];
-    constructor();
     connectedCallback(): void;
     render(): void;
 }

package/dist/filter-builder.d.ts

@@ -1,5 +1,5 @@
 import { Component as WebComponent, ElementCreator, PartsMap } from 'tosijs';
-import { XinSelect } from './select';
+import { TosiSelect } from './select';
 type ObjectTest = (obj: any) => boolean;
 type ArrayFilter = (array: any[]) => any[];
 interface FilterMaker {
@@ -25,22 +25,23 @@ export interface FilterPartState {
     needle: string;
 }
 interface FilterPartParts extends PartsMap {
-    haystack: XinSelect;
-    condition: XinSelect;
+    haystack: TosiSelect;
+    condition: TosiSelect;
     needle: HTMLInputElement;
     remove: HTMLButtonElement;
 }
 export declare class FilterPart extends WebComponent<FilterPartParts> {
+    static initAttributes: {
+        haystack: string;
+        condition: string;
+        needle: string;
+    };
     fields: Fields;
     filters: {
         [key: string]: FilterMaker;
     };
-    haystack: string;
-    condition: string;
-    needle: string;
     content: () => HTMLSpanElement[];
     filter: Filter;
-    constructor();
     get state(): FilterPartState;
     set state(newState: FilterPartState);
     buildFilter: () => void;

package/dist/float.d.ts

@@ -1,16 +1,17 @@
 import { Component as WebComponent, ElementCreator } from 'tosijs';
 export declare class XinFloat extends WebComponent {
     static floats: Set<XinFloat>;
-    drag: boolean;
-    remainOnResize: 'hide' | 'remove' | 'remain';
-    remainOnScroll: 'hide' | 'remove' | 'remain';
+    static initAttributes: {
+        drag: boolean;
+        remainOnResize: "hide" | "remove" | "remain";
+        remainOnScroll: "hide" | "remove" | "remain";
+    };
     content: HTMLSlotElement;
     static styleSpec: {
         ':host': {
             position: string;
         };
     };
-    constructor();
     reposition: (event: Event) => void;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/form.d.ts

@@ -1,25 +1,27 @@
 import { Component as XinComponent, ElementCreator } from 'tosijs';
-export declare class XinField extends XinComponent {
-    caption: string;
-    key: string;
-    type: '' | 'checkbox' | 'number' | 'range' | 'date' | 'text' | 'color';
-    optional: boolean;
-    pattern: string;
-    placeholder: string;
-    min: string;
-    max: string;
-    step: string;
-    fixedPrecision: number;
+export declare class TosiField extends XinComponent {
+    static initAttributes: {
+        caption: string;
+        key: string;
+        type: "" | "checkbox" | "number" | "range" | "date" | "text" | "color";
+        optional: boolean;
+        pattern: string;
+        placeholder: string;
+        min: string;
+        max: string;
+        step: string;
+        fixedPrecision: number;
+        prefix: string;
+        suffix: string;
+    };
     value: any;
     content: HTMLLabelElement;
-    constructor();
     private valueChanged;
     handleChange: () => void;
-    initialize(form: XinForm): void;
     connectedCallback(): void;
     render(): void;
 }
-export declare class XinForm extends XinComponent {
+export declare class TosiForm extends XinComponent {
     context: {
         [key: string]: any;
     };
@@ -52,7 +54,7 @@ export declare class XinForm extends XinComponent {
         };
     };
     content: (HTMLSlotElement | HTMLFormElement)[];
-    getField: (key: string) => XinField | null;
+    getField: (key: string) => TosiField | null;
     get fields(): any;
     set fields(values: {
         [key: string]: any;
@@ -63,6 +65,16 @@ export declare class XinForm extends XinComponent {
         [key: string]: any;
     }, isValid: boolean) => void;
     connectedCallback(): void;
+    private handleElementChange;
+    private initializeNamedElements;
 }
-export declare const xinField: ElementCreator<XinField>;
-export declare const xinForm: ElementCreator<XinForm>;
+/** @deprecated Use TosiField instead */
+export declare const XinField: typeof TosiField;
+/** @deprecated Use TosiForm instead */
+export declare const XinForm: typeof TosiForm;
+export declare const tosiField: ElementCreator<TosiField>;
+export declare const tosiForm: ElementCreator<TosiForm>;
+/** @deprecated Use tosiField instead (tag is now tosi-field) */
+export declare const xinField: ElementCreator<TosiField>;
+/** @deprecated Use tosiForm instead (tag is now tosi-form) */
+export declare const xinForm: ElementCreator<TosiForm>;

package/dist/icons.d.ts

@@ -6,12 +6,13 @@ export declare const defineIcons: (newIcons: {
 export declare const svg2DataUrl: (svg: SVGElement, fill?: string, stroke?: string, strokeWidth?: number) => string;
 export declare const icons: SVGIconMap;
 export declare class SvgIcon extends WebComponent {
-    icon: string;
-    size: number;
-    fill: string;
-    stroke: string;
-    strokeWidth: number;
-    constructor();
+    static initAttributes: {
+        icon: string;
+        size: number;
+        fill: string;
+        stroke: string;
+        strokeWidth: number;
+    };
     render(): void;
 }
 export declare const svgIcon: ElementCreator<SvgIcon>;