@htmlplus/element 3.3.0 → 3.4.0

package/dist/bundlers.d.ts

@@ -2,18 +2,18 @@ import { TransformerPlugin } from './transformer.js';
 import '@babel/types';
 import '@babel/parser';
 
-declare const rollup: (...plugins: Array<TransformerPlugin>) => {
+declare const rollup: (...plugins: TransformerPlugin[]) => {
     name: string;
     buildStart(): Promise<void>;
-    load(id: any): Promise<string | undefined>;
+    load(id: string): Promise<string | undefined>;
     buildEnd(error?: Error): Promise<void>;
 };
 
-declare const vite: (...plugins: Array<TransformerPlugin>) => {
+declare const vite: (...plugins: TransformerPlugin[]) => {
     name: string;
     buildStart(): Promise<void>;
-    load(id: any): Promise<string | undefined>;
-    writeBundle(options: any, bundles: any): Promise<void>;
+    load(id: string): Promise<string | undefined>;
+    writeBundle(_options: any, bundles: any): Promise<void>;
 };
 
 export { rollup, vite };

package/dist/bundlers.js

@@ -1,14 +1,14 @@
 import { KEY } from './constants.js';
-import { transformer } from './transformer.js';
 import 'fs-extra';
 import 'glob';
 import '@babel/template';
 import '@babel/types';
 import 'change-case';
-import '@babel/traverse';
+import { transformer } from './transformer.js';
 import '@babel/parser';
-import '@babel/generator';
 import path from 'node:path';
+import '@babel/traverse';
+import '@babel/generator';
 import 'ora';
 
 const rollup = (...plugins) => {
@@ -52,7 +52,7 @@ const vite = (...plugins) => {
             }
             return context.script;
         },
-        async writeBundle(options, bundles) {
+        async writeBundle(_options, bundles) {
             // TODO
             global.contexts.forEach((context) => {
                 Object.keys(bundles).forEach((key) => {

package/dist/client.d.ts

@@ -2,7 +2,7 @@
  * Used to bind a method of a class to the current context,
  * making it easier to reference `this` within the method.
  */
-declare function Bind(): (target: Object, key: PropertyKey, descriptor: PropertyDescriptor) => {
+declare function Bind(): (_target: object, key: PropertyKey, descriptor: PropertyDescriptor) => {
     configurable: boolean;
     get(): any;
 };
@@ -20,7 +20,7 @@ declare function Consumer(namespace: string): (target: HTMLPlusElement, key: Pro
  *
  * @param {number} delay - The debounce delay in milliseconds.
  */
-declare function Debounce(delay?: number): (target: Object, key: PropertyKey, descriptor: PropertyDescriptor) => {
+declare function Debounce(delay?: number): (target: object, key: PropertyKey, descriptor: PropertyDescriptor) => {
     configurable: boolean;
     get(): any;
 };
@@ -29,7 +29,7 @@ declare function Debounce(delay?: number): (target: Object, key: PropertyKey, de
  * Indicates whether the [Direction](https://mdn.io/css-direction)
  * of the element is `Right-To-Left` or `Left-To-Right`.
  */
-declare function Direction(): (target: HTMLPlusElement, key: PropertyKey) => void;
+declare function Direction$1(): (target: HTMLPlusElement, key: PropertyKey) => void;
 
 /**
  * The class marked with this decorator is considered a
@@ -41,7 +41,7 @@ declare function Element$1(): (constructor: HTMLPlusElement) => void;
 /**
  * A function type that generates a `CustomEvent`.
  */
-type EventEmitter<T = any> = (data?: T) => CustomEvent<T>;
+type EventEmitter<T = unknown> = (data?: T) => CustomEvent<T>;
 /**
  * An object that configures
  * [options](https://developer.mozilla.org/docs/Web/API/Event/EventEvent#options)
@@ -71,7 +71,7 @@ interface EventOptions {
  *
  * @param options An object that configures options for the event dispatcher.
  */
-declare function Event<T = any>(options?: EventOptions): (target: HTMLPlusElement, key: PropertyKey) => void;
+declare function Event<T = unknown>(options?: EventOptions): (target: HTMLPlusElement, key: PropertyKey) => void;
 
 /**
  * Indicates the host of the element.
@@ -139,19 +139,11 @@ declare function Listen(type: string, options?: ListenOptions): (target: HTMLPlu
  * Provides a way to encapsulate functionality within an element
  * and invoke it as needed, both internally and externally.
  */
-declare function Method(): (target: HTMLPlusElement, key: PropertyKey, descriptor: PropertyDescriptor) => void;
+declare function Method(): (target: HTMLPlusElement, key: PropertyKey, _descriptor: PropertyDescriptor) => void;
 
-type DistributiveOmit<T, K extends keyof any> = T extends any ? Omit<T, K> : never;
-type Overwrite<T, U> = DistributiveOmit<T, keyof U> & U;
-type GenerateStringUnion<T> = Extract<{
-    [Key in keyof T]: true extends T[Key] ? Key : never;
-}[keyof T], string>;
-type OverridesConfigBreakpointCreator<T extends string, U = {}> = GenerateStringUnion<Overwrite<Record<T, true>, U>>;
-type OverridesConfig<Breakpoint extends string, Properties = {}> = {
+type OverridesConfig<Breakpoint extends string, Properties = unknown> = {
     [Key in Breakpoint]?: Partial<Properties>;
 };
-interface ElementPropertiesAutoGenerated {
-}
 declare function Overrides(): (target: HTMLPlusElement, key: string) => void;
 
 /**
@@ -171,7 +163,7 @@ interface PropertyOptions {
      * [data types](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures).
      * If this value is not set, it will be set automatically during transforming.
      */
-    type?: any;
+    type?: unknown;
 }
 /**
  * Creates a reactive property, reflecting a corresponding attribute value,
@@ -215,6 +207,8 @@ declare function State(): (target: HTMLPlusElement, key: PropertyKey) => void;
 
 declare function Style(): (target: HTMLPlusElement, key: PropertyKey) => void;
 
+declare function Variant(): (target: HTMLPlusElement, key: string) => void;
+
 /**
  * Monitors `@Property` and `@State` to detect changes.
  * The decorated method will be called after any changes,
@@ -229,7 +223,7 @@ declare function Watch(keys?: string | string[], immediate?: boolean): (target:
 /**
  * TODO
  */
-declare const classes: (input: any, smart?: boolean) => string;
+declare const classes: (input: unknown, smart?: boolean) => string;
 
 /**
  * TODO
@@ -243,10 +237,10 @@ interface Config {
         };
     };
     event?: {
-        resolver?: (parameters: any) => CustomEvent | undefined;
+        resolver?: (parameters: unknown) => CustomEvent | undefined;
     };
     assets?: {
-        [key: string]: any;
+        [key: string]: unknown;
     };
     elements?: {
         [key: string]: {
@@ -255,6 +249,13 @@ interface Config {
                     default?: unknown;
                 };
             };
+            variants?: {
+                [key: string]: {
+                    properties: {
+                        [key: string]: unknown;
+                    };
+                };
+            };
         };
     };
 }
@@ -288,16 +289,17 @@ declare const setConfig: (namespace: string, config: Config, options?: ConfigOpt
  */
 declare const setConfigCreator: (namespace: string) => (config: Config, options?: ConfigOptions) => void;
 
+type Direction = 'ltr' | 'rtl';
 /**
  * Indicates whether the [Direction](https://mdn.io/css-direction)
  * of the element is `Right-To-Left` or `Left-To-Right`.
  */
-declare const direction: (target: HTMLElement | HTMLPlusElement) => "ltr" | "rtl";
+declare const direction: (target: HTMLElement | HTMLPlusElement) => Direction;
 
 /**
  * TODO
  */
-declare const dispatch: <T = any>(target: HTMLElement | HTMLPlusElement, type: string, eventInitDict?: CustomEventInit<T>) => CustomEvent<T>;
+declare const dispatch: <T = unknown>(target: HTMLElement | HTMLPlusElement, type: string, eventInitDict?: CustomEventInit<T>) => CustomEvent<T>;
 /**
  * TODO
  */
@@ -350,9 +352,32 @@ declare const toCSSUnit: (input?: number | string | null) => string | undefined;
  */
 declare const toUnit: (input: string | number, unit?: string) => string;
 
-declare const attributes: any;
-declare const html: any;
-declare const styles: any;
+/**
+ * Holds all details wrappers needed to render the content further on.
+ * @constructor
+ * @param {string} type The hole type, either `html` or `svg`.
+ * @param {string[]} template The template literals used to the define the content.
+ * @param {Array} values Zero, one, or more interpolated values to render.
+ */
+declare class Hole {
+    constructor(type: any, template: any, values: any);
+    type: any;
+    template: any;
+    values: any;
+}
+
+type OverridableValue<Base, Overrides = unknown> = Exclude<Base, {
+    [K in keyof Overrides]: Overrides[K] extends false ? K : never;
+}[keyof Overrides]> | {
+    [K in keyof Overrides]: Overrides[K] extends true ? K : never;
+}[keyof Overrides];
+
+declare const attributes: (target: HTMLElement | HTMLPlusElement, attributes: unknown[]) => void;
+declare const html: ((template: any, ...values: any[]) => Hole) & {
+    for(ref: any, id: any): any;
+    node: (template: any, ...values: any[]) => any;
+};
+declare const styles: (input: object) => string;
 
-export { Bind, Consumer, Debounce, Direction, Element$1 as Element, Event, Host, IsRTL, Listen, Method, Overrides, Property, Provider, Query, QueryAll, Slots$1 as Slots, State, Style, Watch, attributes as a, classes, direction, dispatch, getConfig, getConfigCreator, html as h, host, isCSSColor, isRTL, off, on, query, queryAll, styles as s, setConfig, setConfigCreator, slots, toCSSColor, toCSSUnit, toUnit };
-export type { Config, ConfigOptions, ElementPropertiesAutoGenerated, EventEmitter, EventOptions, ListenOptions, OverridesConfig, OverridesConfigBreakpointCreator, PropertyOptions };
+export { Bind, Consumer, Debounce, Direction$1 as Direction, Element$1 as Element, Event, Host, IsRTL, Listen, Method, Overrides, Property, Provider, Query, QueryAll, Slots$1 as Slots, State, Style, Variant, Watch, attributes as a, classes, direction, dispatch, getConfig, getConfigCreator, html as h, host, isCSSColor, isRTL, off, on, query, queryAll, styles as s, setConfig, setConfigCreator, slots, toCSSColor, toCSSUnit, toUnit };
+export type { Config, ConfigOptions, EventEmitter, EventOptions, ListenOptions, OverridableValue, OverridesConfig, PropertyOptions };