cotomy 0.1.41 → 0.1.43

package/dist/view.d.ts

@@ -1,5 +1,6 @@
 export declare class CotomyElement {
-    static createHTMLElement(html: string): HTMLElement;
+    static encodeHtml(text: string): string;
+    protected static createHTMLElement(html: string): HTMLElement;
     static first<T extends CotomyElement = CotomyElement>(selector: string, type?: new (el: HTMLElement) => T): T | undefined;
     static find<T extends CotomyElement = CotomyElement>(selector: string, type?: new (el: HTMLElement) => T): T[];
     static contains(selector: string): boolean;
@@ -11,7 +12,7 @@ export declare class CotomyElement {
     private _eventHandlers;
     constructor(element: HTMLElement | {
         html: string;
-        css?: string | null;
+        css?: string;
     } | string);
     private _scopeId;
     get scopeId(): string;
@@ -104,15 +105,18 @@ export declare class CotomyElement {
     get isRightViewport(): boolean;
     hasAttribute(name: string): boolean;
     attribute(name: string): string | null | undefined;
-    setAttribute(name: string, value?: string | number | undefined): this;
-    removeAttribute(name: string): void;
-    hasClass(cls: string): boolean;
-    addClass(cls: string): this;
-    removeClass(cls: string): this;
-    setElementStyle(name: string, value: string): this;
-    removeElementStyle(name: string): this;
-    get computedStyle(): CSSStyleDeclaration;
+    attribute(name: string, value: string | number | undefined): this;
+    attribute(name: string, value: null): this;
+    hasClass(name: string): boolean;
+    addClass(name: string): this;
+    removeClass(name: string): this;
+    toggleClass(name: string, force?: boolean): this;
     style(name: string): string;
+    style(name: string, value: string): this;
+    style(name: string, value: null): this;
+    style(name: string, value: undefined): this;
+    protected getComputedStyle(): CSSStyleDeclaration;
+    computedStyle(name: string): string;
     get parent(): CotomyElement;
     get parents(): CotomyElement[];
     hasChildren(selector?: string): boolean;
@@ -130,46 +134,78 @@ export declare class CotomyElement {
     insertAfter(append: CotomyElement): this;
     appendTo(target: CotomyElement): this;
     prependTo(target: CotomyElement): this;
-    trigger(event: string, e?: Event | null): this;
+    trigger(event: string): this;
+    trigger(event: string, e: Event): this;
     on(event: string, handle: (e: Event) => void | Promise<void>): this;
     onChild(event: string, selector: string, handle: (e: Event) => void | Promise<void>): this;
     once(event: string, handle: (e: Event) => void | Promise<void>): this;
-    off(event: string, handle?: (e: Event) => void | Promise<void>): this;
+    off(event: string): this;
+    off(event: string, handle: (e: Event) => void | Promise<void>): this;
     handlers(event: string): Array<(e: Event) => void | Promise<void>>;
-    click(handle?: ((e: MouseEvent) => void | Promise<void>) | null): this;
-    dblclick(handle?: ((e: MouseEvent) => void | Promise<void>) | null): this;
-    mouseover(handle?: ((e: MouseEvent) => void | Promise<void>) | null): this;
-    mouseout(handle?: ((e: MouseEvent) => void | Promise<void>) | null): this;
-    mousedown(handle?: ((e: MouseEvent) => void | Promise<void>) | null): this;
-    mouseup(handle?: ((e: MouseEvent) => void | Promise<void>) | null): this;
-    mousemove(handle?: ((e: MouseEvent) => void | Promise<void>) | null): this;
-    mouseenter(handle?: ((e: MouseEvent) => void | Promise<void>) | null): this;
-    mouseleave(handle?: ((e: MouseEvent) => void | Promise<void>) | null): this;
-    dragstart(handle?: ((e: DragEvent) => void | Promise<void>) | null): this;
-    dragend(handle?: ((e: DragEvent) => void | Promise<void>) | null): this;
-    dragover(handle?: ((e: DragEvent) => void | Promise<void>) | null): this;
-    dragenter(handle?: ((e: DragEvent) => void | Promise<void>) | null): this;
-    dragleave(handle?: ((e: DragEvent) => void | Promise<void>) | null): this;
-    drop(handle?: ((e: DragEvent) => void | Promise<void>) | null): this;
-    drag(handle?: ((e: DragEvent) => void | Promise<void>) | null): this;
+    click(): this;
+    click(handle: (e: MouseEvent) => void | Promise<void>): this;
+    dblclick(): this;
+    dblclick(handle: (e: MouseEvent) => void | Promise<void>): this;
+    mouseover(): this;
+    mouseover(handle: (e: MouseEvent) => void | Promise<void>): this;
+    mouseout(): this;
+    mouseout(handle: (e: MouseEvent) => void | Promise<void>): this;
+    mousedown(): this;
+    mousedown(handle: (e: MouseEvent) => void | Promise<void>): this;
+    mouseup(): this;
+    mouseup(handle: (e: MouseEvent) => void | Promise<void>): this;
+    mousemove(): this;
+    mousemove(handle: (e: MouseEvent) => void | Promise<void>): this;
+    mouseenter(): this;
+    mouseenter(handle: (e: MouseEvent) => void | Promise<void>): this;
+    mouseleave(): this;
+    mouseleave(handle: (e: MouseEvent) => void | Promise<void>): this;
+    dragstart(): this;
+    dragstart(handle: (e: DragEvent) => void | Promise<void>): this;
+    dragend(): this;
+    dragend(handle: (e: DragEvent) => void | Promise<void>): this;
+    dragover(): this;
+    dragover(handle: (e: DragEvent) => void | Promise<void>): this;
+    dragenter(): this;
+    dragenter(handle: (e: DragEvent) => void | Promise<void>): this;
+    dragleave(): this;
+    dragleave(handle: (e: DragEvent) => void | Promise<void>): this;
+    drop(): this;
+    drop(handle: (e: DragEvent) => void | Promise<void>): this;
+    drag(): this;
+    drag(handle: (e: DragEvent) => void | Promise<void>): this;
     removed(handle: ((e: Event) => void | Promise<void>)): this;
-    keydown(handle?: ((e: KeyboardEvent) => void | Promise<void>) | null): this;
-    keyup(handle?: ((e: KeyboardEvent) => void | Promise<void>) | null): this;
-    keypress(handle?: ((e: KeyboardEvent) => void | Promise<void>) | null): this;
-    change(handle?: ((e: Event) => void | Promise<void>) | null): this;
-    input(handle?: ((e: Event) => void | Promise<void>) | null): this;
+    keydown(): this;
+    keydown(handle: (e: KeyboardEvent) => void | Promise<void>): this;
+    keyup(): this;
+    keyup(handle: (e: KeyboardEvent) => void | Promise<void>): this;
+    keypress(): this;
+    keypress(handle: (e: KeyboardEvent) => void | Promise<void>): this;
+    change(): this;
+    change(handle: (e: Event) => void | Promise<void>): this;
+    input(): this;
+    input(handle: (e: Event) => void | Promise<void>): this;
     private static _intersectionObserver;
     static get intersectionObserver(): IntersectionObserver;
-    inview(handle?: ((e: Event) => void | Promise<void>) | null): this;
-    outview(handle?: ((e: Event) => void | Promise<void>) | null): this;
-    focus(handle?: ((e: FocusEvent) => void | Promise<void>) | null): this;
-    blur(handle?: ((e: FocusEvent) => void | Promise<void>) | null): this;
-    focusin(handle?: ((e: FocusEvent) => void | Promise<void>) | null): this;
-    focusout(handle?: ((e: FocusEvent) => void | Promise<void>) | null): this;
+    inview(): this;
+    inview(handle: (e: Event) => void | Promise<void>): this;
+    outview(): this;
+    outview(handle: (e: Event) => void | Promise<void>): this;
+    focus(): this;
+    focus(handle: (e: FocusEvent) => void | Promise<void>): this;
+    blur(): this;
+    blur(handle: (e: FocusEvent) => void | Promise<void>): this;
+    focusin(): this;
+    focusin(handle: (e: FocusEvent) => void | Promise<void>): this;
+    focusout(): this;
+    focusout(handle: (e: FocusEvent) => void | Promise<void>): this;
     filedrop(handle: (files: File[]) => void | Promise<void>): this;
-    resize(handle?: ((e: Event) => void | Promise<void>) | null): this;
-    scroll(handle?: ((e: Event) => void | Promise<void>) | null): this;
-    changelayout(handle?: ((e: Event) => void | Promise<void>) | null): this;
+    resize(): this;
+    resize(handle: (e: Event) => void | Promise<void>): this;
+    scroll(): this;
+    scroll(handle: (e: Event) => void | Promise<void>): this;
+    changelayout(): this;
+    changelayout(handle: (e: Event) => void | Promise<void>): this;
 }
 export declare class CotomyMetaElement extends CotomyElement {
     static get(name: string): CotomyMetaElement;
@@ -195,10 +231,14 @@ export declare class CotomyWindow {
     handlers(event: string): Array<(e: Event) => void | Promise<void>>;
     load(handle: (e: Event) => void | Promise<void>): void;
     ready(handle: ((e: Event) => void | Promise<void>)): void;
-    resize(handle?: ((event: Event) => void | Promise<void>) | null): void;
-    scroll(handle?: ((event: Event) => void | Promise<void>) | null): void;
-    changeLayout(handle?: ((event: Event) => void | Promise<void>) | null): void;
-    pageshow(handle?: ((event: PageTransitionEvent) => void | Promise<void>) | null): void;
+    resize(): void;
+    resize(handle: (event: Event) => void | Promise<void>): void;
+    scroll(): void;
+    scroll(handle: (event: Event) => void | Promise<void>): void;
+    changeLayout(): void;
+    changeLayout(handle: (event: Event) => void | Promise<void>): void;
+    pageshow(): void;
+    pageshow(handle: (event: PageTransitionEvent) => void | Promise<void>): void;
     get scrollTop(): number;
     get scrollLeft(): number;
     get width(): number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cotomy",
-  "version": "0.1.41",
+  "version": "0.1.43",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [