tosijs-ui 1.3.3 → 1.3.5

package/dist/ab-test.d.ts

@@ -1,5 +1,6 @@
 import { Component } from 'tosijs';
 export declare class AbTest extends Component {
+    static preferredTagName: string;
     static set conditions(context: {
         [key: string]: any;
     });

package/dist/babylon-3d.d.ts

@@ -8,9 +8,10 @@ interface B3dUIOptions {
 }
 type MeshProcessCallback = (meshes: any[]) => void;
 export declare class B3d extends WebComponent {
+    static preferredTagName: string;
     babylonReady: Promise<any>;
     BABYLON?: any;
-    static styleSpec: {
+    static shadowStyleSpec: {
         ':host': {
             display: string;
             position: string;

package/dist/bodymovin-player.d.ts

@@ -9,6 +9,7 @@ export interface LottieConfig {
     [key: string]: any;
 }
 export declare class BodymovinPlayer extends WebComponent {
+    static preferredTagName: string;
     static initAttributes: {
         src: string;
         json: string;
@@ -17,7 +18,7 @@ export declare class BodymovinPlayer extends WebComponent {
     config: LottieConfig;
     static bodymovinAvailable?: Promise<any>;
     animation: any;
-    static styleSpec: {
+    static shadowStyleSpec: {
         ':host': {
             width: number;
             height: number;

package/dist/carousel.d.ts

@@ -1,5 +1,6 @@
 import { Component as WebComponent, ElementCreator } from 'tosijs';
 export declare class TosiCarousel extends WebComponent {
+    static preferredTagName: string;
     static initAttributes: {
         dots: boolean;
         arrows: boolean;
@@ -17,12 +18,26 @@ export declare class TosiCarousel extends WebComponent {
     set page(p: number);
     get visibleItems(): HTMLElement[];
     get lastPage(): number;
-    static styleSpec: {
+    static shadowStyleSpec: {
         ':host': {
+            _carouselIconSize: number;
+            _carouselButtonColor: string;
+            _carouselButtonHoverColor: string;
+            _carouselButtonActiveColor: string;
+            _carouseButtonWidth: number;
+            _carouselDotCurrentColor: string;
+            _carouselDotSize: number;
+            _carouselDotSpacing: string;
+            _carouselProgressPadding: number;
+            _carouselDotTransition: string;
             display: string;
             flexDirection: string;
             position: string;
         };
+        ':host:focus': {
+            outline: string;
+            boxShadow: string;
+        };
         ':host svg': {
             height: string;
         };

package/dist/code-editor.d.ts

@@ -1,5 +1,6 @@
 import { Component as WebComponent, ElementCreator } from 'tosijs';
 export declare class CodeEditor extends WebComponent {
+    static preferredTagName: string;
     private source;
     get value(): string;
     set value(text: string);
@@ -15,7 +16,7 @@ export declare class CodeEditor extends WebComponent {
     options: any;
     get ace(): any;
     get editor(): any;
-    static styleSpec: {
+    static shadowStyleSpec: {
         ':host': {
             display: string;
             position: string;

package/dist/color-input.d.ts

@@ -5,9 +5,10 @@ interface ColorParts extends PartsMap {
     css: HTMLInputElement;
 }
 declare class ColorInput extends Component<ColorParts> {
+    static preferredTagName: string;
     value: string;
     color: Color;
-    static styleSpec: {
+    static shadowStyleSpec: {
         ':host': {
             _gap: number;
             _swatchSize: number;

package/dist/data-table.d.ts

@@ -18,6 +18,56 @@ export interface TableData {
 export type ArrayFilter = (array: any[]) => any[];
 export type SelectCallback = (selected: any[]) => void;
 export declare class TosiTable extends WebComponent {
+    static preferredTagName: string;
+    static lightStyleSpec: {
+        ':host': {
+            '--tosi-table-row-height': string;
+            '--tosi-table-touch-size': string;
+            '--tosi-table-dragged-header-bg': string;
+            '--tosi-table-dragged-header-color': string;
+            '--tosi-table-drop-header-bg': string;
+            '--row-height': string;
+            '--touch-size': string;
+            '--dragged-header-bg': string;
+            '--dragged-header-color': string;
+            '--drop-header-bg': string;
+            overflow: string;
+        };
+        ':host .thead, :host .tbody': {
+            width: string;
+        };
+        ':host .tr': {
+            display: string;
+            gridTemplateColumns: string;
+            height: string;
+            lineHeight: string;
+        };
+        ':host .td, :host .th': {
+            overflow: string;
+            whiteSpace: string;
+            textOverflow: string;
+            display: string;
+            alignItems: string;
+        };
+        ':host .th .menu-trigger': {
+            color: string;
+            background: string;
+            padding: number;
+            lineHeight: string;
+            height: string;
+            width: string;
+        };
+        ':host [draggable="true"]': {
+            cursor: string;
+        };
+        ':host [draggable="true"]:active': {
+            background: string;
+            color: string;
+        };
+        ':host .drag-over': {
+            background: string;
+        };
+    };
     static initAttributes: {
         rowHeight: number;
         charWidth: number;

package/dist/dialog.d.ts

@@ -5,6 +5,46 @@ interface DialogParts extends PartsMap {
 }
 export declare class TosiDialog extends Component<DialogParts> {
     #private;
+    static preferredTagName: string;
+    static lightStyleSpec: {
+        ':host > dialog::backdrop': {
+            backdropFilter: string;
+        };
+        ':host > dialog:not([open])': {
+            display: string;
+        };
+        ':host > dialog[open]': {
+            minWidth: number;
+            border: number;
+            borderRadius: number;
+            overflow: string;
+            maxHeight: string;
+            padding: number;
+            display: string;
+            flexDirection: string;
+            gap: number;
+            _dialogShadow: string;
+            _dialogBackground: string;
+            _dialogColor: string;
+            boxShadow: string;
+            background: string;
+            color: string;
+        };
+        ':host > dialog > *': {
+            padding: string;
+        };
+        ':host > dialog > header': {
+            display: string;
+            justifyContent: string;
+            gap: number;
+        };
+        ':host > dialog > footer': {
+            display: string;
+            justifyContent: string;
+            gap: number;
+            paddingBottom: number;
+        };
+    };
     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>;

package/dist/editable-rect.d.ts

@@ -6,6 +6,7 @@ interface Locks {
     bottom: boolean;
 }
 export declare class EditableRect extends Component {
+    static preferredTagName: string;
     static initAttributes: {
         rotationSnap: number;
         positionSnap: number;
@@ -14,7 +15,7 @@ export declare class EditableRect extends Component {
     static gridSize: number;
     static snapAngle: boolean;
     static snapToGrid: boolean;
-    static styleSpec: {
+    static shadowStyleSpec: {
         ':host': {
             '--handle-bg': string;
             '--handle-color': string;

package/dist/filter-builder.d.ts

@@ -31,6 +31,27 @@ interface FilterPartParts extends PartsMap {
     remove: HTMLButtonElement;
 }
 export declare class FilterPart extends WebComponent<FilterPartParts> {
+    static preferredTagName: string;
+    static lightStyleSpec: {
+        ':host': {
+            display: string;
+        };
+        ':host .tosi-icon:': {
+            verticalAlign: string;
+            pointerEvents: string;
+        };
+        ':host [part="haystack"], :host [part="condition"]': {
+            flex: string;
+        };
+        ':host [part="needle"]': {
+            flex: number;
+        };
+        ':host [hidden]+[part="padding"]': {
+            display: string;
+            content: string;
+            flex: string;
+        };
+    };
     static initAttributes: {
         haystack: string;
         condition: string;
@@ -55,6 +76,41 @@ export interface FilterBuilderParts extends PartsMap {
     resent: HTMLButtonElement;
 }
 export declare class FilterBuilder extends WebComponent<FilterBuilderParts> {
+    static preferredTagName: string;
+    static lightStyleSpec: {
+        ':host': {
+            height: string;
+            display: string;
+            gridTemplateColumns: string;
+            alignItems: string;
+        };
+        ':host [part="filterContainer"]': {
+            display: string;
+            flexDirection: string;
+            alignItems: string;
+            flex: string;
+        };
+        ':host [part="haystack"]': {
+            _fieldWidth: string;
+        };
+        ':host [part="condition"]': {
+            _fieldWidth: string;
+        };
+        ':host [part="needle"]': {
+            _fieldWidth: string;
+        };
+        ':host [part="add"], :host [part="reset"]': {
+            '--button-size': string;
+            borderRadius: string;
+            height: string;
+            lineHeight: string;
+            margin: string;
+            padding: string;
+            textAlign: string;
+            width: string;
+            flex: string;
+        };
+    };
     private _fields;
     get fields(): Fields;
     set fields(_fields: Fields);

package/dist/float.d.ts

@@ -1,5 +1,6 @@
 import { Component as WebComponent, ElementCreator } from 'tosijs';
 export declare class TosiFloat extends WebComponent {
+    static preferredTagName: string;
     static floats: Set<TosiFloat>;
     static initAttributes: {
         drag: boolean;
@@ -7,7 +8,7 @@ export declare class TosiFloat extends WebComponent {
         remainOnScroll: "hide" | "remove" | "remain";
     };
     content: HTMLSlotElement;
-    static styleSpec: {
+    static shadowStyleSpec: {
         ':host': {
             position: string;
         };

package/dist/form.d.ts

@@ -1,5 +1,34 @@
 import { Component as XinComponent, ElementCreator } from 'tosijs';
 export declare class TosiField extends XinComponent {
+    static preferredTagName: string;
+    static lightStyleSpec: {
+        ':host [part="field"]': {
+            position: string;
+            display: string;
+            alignItems: string;
+            gap: string;
+        };
+        ':host [part="field"][prefix]::before': {
+            content: string;
+        };
+        ':host [part="field"][suffix]::after': {
+            content: string;
+        };
+        ':host [part="field"] > *, :host [part="input"] > *': {
+            width: string;
+        };
+        ':host textarea': {
+            resize: string;
+        };
+        ':host input[type="checkbox"]': {
+            width: string;
+        };
+        ':host .hidden': {
+            position: string;
+            pointerEvents: string;
+            opacity: number;
+        };
+    };
     static initAttributes: {
         caption: string;
         key: string;
@@ -22,6 +51,7 @@ export declare class TosiField extends XinComponent {
     render(): void;
 }
 export declare class TosiForm extends XinComponent {
+    static preferredTagName: string;
     context: {
         [key: string]: any;
     };
@@ -29,7 +59,7 @@ export declare class TosiForm extends XinComponent {
         [key: string]: any;
     };
     get isValid(): boolean;
-    static styleSpec: {
+    static shadowStyleSpec: {
         ':host': {
             display: string;
             flexDirection: string;

package/dist/icons.d.ts

@@ -6,6 +6,25 @@ 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 {
+    static preferredTagName: string;
+    static lightStyleSpec: {
+        ':host': {
+            '--tosi-icon-size': string;
+            '--tosi-icon-stroke-width': string;
+            '--tosi-icon-stroke-linejoin': string;
+            '--tosi-icon-stroke-linecap': string;
+            '--tosi-icon-fill': string;
+            display: string;
+            stroke: string;
+            strokeWidth: string;
+            strokeLinejoin: string;
+            strokeLinecap: string;
+            fill: string;
+        };
+        ':host, :host svg': {
+            height: string;
+        };
+    };
     static initAttributes: {
         icon: string;
         size: number;