@xtia/jel 0.4.3 → 0.4.4

package/index.d.ts

@@ -1,8 +1,6 @@
 export type ElementClassDescriptor = string | Record<string, boolean> | ElementClassDescriptor[];
 export type DOMContent = number | null | string | Element | JelEntity<object> | Text | DOMContent[];
 export type DomEntity<T extends HTMLElement> = JelEntity<ElementAPI<T>>;
-export type ContainerDomEntity = DomEntity<ContainerElement>;
-type ContainerElement = HTMLElementTagNameMap[Exclude<keyof HTMLElementTagNameMap, ContentlessTag>];
 type PartConstructor<Spec, API extends object | void, EventDataMap> = (spec: Spec & EventSpec<EventDataMap>) => JelEntity<EventHost<API, EventDataMap>>;
 type EventSpec<EventDataMap> = EventDataMap extends object ? {
     on?: {
@@ -20,9 +18,11 @@ type StylesDescriptor = {
     ] extends [string, string] ? K : never]+?: CSSValue;
 };
 type StyleAccessor = StylesDescriptor & ((styles: StylesDescriptor) => void) & ((property: keyof StylesDescriptor, value: CSSValue) => void);
-type ContentlessTag = "area" | "base" | "basefont" | "br" | "col" | "frame" | "hr" | "img" | "input" | "isindex" | "link" | "meta" | "param" | "textarea";
+type ContentlessTag = "area" | "br" | "hr" | "iframe" | "input" | "textarea" | "img" | "canvas" | "link" | "meta";
 type TagWithHref = "a" | "link";
 type TagWithSrc = "img" | "script" | "iframe" | "video" | "audio";
+type TagWithValue = "input" | "textarea";
+type ContentlessElement = HTMLElementTagNameMap[ContentlessTag];
 type ElementDescriptor<Tag extends string> = {
     classes?: ElementClassDescriptor;
     attribs?: Record<string, string | number | boolean>;
@@ -31,13 +31,13 @@ type ElementDescriptor<Tag extends string> = {
     };
     style?: StylesDescriptor;
     cssVariables?: Record<string, CSSValue>;
-} & (Tag extends "input" | "textarea" ? {
+} & (Tag extends TagWithValue ? {
     value?: string | number;
-} : Tag extends ContentlessTag ? {} : {
+} : {}) & (Tag extends ContentlessTag ? {} : {
     content?: DOMContent;
 }) & (Tag extends TagWithSrc ? {
     src?: string;
-} : Tag extends TagWithHref ? {
+} : {}) & (Tag extends TagWithHref ? {
     href?: string;
 } : {});
 type ElementAPI<T extends HTMLElement> = EventHost<{
@@ -47,7 +47,6 @@ type ElementAPI<T extends HTMLElement> = EventHost<{
         [key: string]: string | null;
     };
     style: StyleAccessor;
-    innerHTML: string;
     setCSSVariable(table: Record<string, CSSValue>): void;
     setCSSVariable(variableName: string, value: CSSValue): void;
     qsa(selector: string): (Element | DomEntity<HTMLElement>)[];
@@ -55,19 +54,20 @@ type ElementAPI<T extends HTMLElement> = EventHost<{
     getRect(): DOMRect;
     focus(): void;
     blur(): void;
-} & (T extends ContainerElement ? {
+} & (T extends ContentlessElement ? {} : {
     append(...content: DOMContent[]): void;
+    innerHTML: string;
     content: DOMContent;
-} : {}) & (T extends HTMLInputElement ? {
+}) & (T extends HTMLElementTagNameMap[TagWithValue] ? {
     value: string;
     select(): void;
-} : T extends HTMLCanvasElement ? {
+} : {}) & (T extends HTMLCanvasElement ? {
     width: number;
     height: number;
     getContext: HTMLCanvasElement["getContext"];
-} : T extends HTMLElementTagNameMap[TagWithSrc] ? {
+} : {}) & (T extends HTMLElementTagNameMap[TagWithSrc] ? {
     src: string;
-} : T extends HTMLElementTagNameMap[TagWithHref] ? {
+} : {}) & (T extends HTMLElementTagNameMap[TagWithHref] ? {
     href: string;
 } : {}) & (T extends HTMLMediaElement ? {
     play(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xtia/jel",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "repository": {
     "url": "https://github.com/tiadrop/jel-ts",
     "type": "github"