@htmlplus/element 0.7.3 → 0.7.4

package/client/decorators/host.d.ts

@@ -0,0 +1,2 @@
+import { PlusElement } from '../../types';
+export declare function Host(): (target: PlusElement, propertyKey: PropertyKey) => void;

package/client/decorators/host.js

@@ -0,0 +1,10 @@
+import { defineProperty, host } from '../utils/index.js';
+export function Host() {
+    return function (target, propertyKey) {
+        defineProperty(target, propertyKey, {
+            get() {
+                return host(this);
+            }
+        });
+    };
+}

package/client/decorators/index.d.ts

@@ -1,8 +1,11 @@
 export * from './bind.js';
 export * from './element.js';
 export * from './event.js';
+export * from './host.js';
 export * from './listen.js';
 export * from './method.js';
 export * from './property.js';
+export * from './query.js';
+export * from './queryAll.js';
 export * from './state.js';
 export * from './watch.js';

package/client/decorators/index.js

@@ -1,8 +1,11 @@
 export * from './bind.js';
 export * from './element.js';
 export * from './event.js';
+export * from './host.js';
 export * from './listen.js';
 export * from './method.js';
 export * from './property.js';
+export * from './query.js';
+export * from './queryAll.js';
 export * from './state.js';
 export * from './watch.js';

package/client/decorators/query.d.ts

@@ -0,0 +1,2 @@
+import { PlusElement } from '../../types';
+export declare function Query(selectors: string): (target: PlusElement, propertyKey: PropertyKey) => void;

package/client/decorators/query.js

@@ -0,0 +1,11 @@
+import { defineProperty, shadowRoot } from '../utils/index.js';
+export function Query(selectors) {
+    return function (target, propertyKey) {
+        defineProperty(target, propertyKey, {
+            get() {
+                var _a;
+                return (_a = shadowRoot(this)) === null || _a === void 0 ? void 0 : _a.querySelector(selectors);
+            }
+        });
+    };
+}

package/client/decorators/queryAll.d.ts

@@ -0,0 +1,2 @@
+import { PlusElement } from '../../types';
+export declare function QueryAll(selectors: string): (target: PlusElement, propertyKey: PropertyKey) => void;

package/client/decorators/queryAll.js

@@ -0,0 +1,11 @@
+import { defineProperty, shadowRoot } from '../utils/index.js';
+export function QueryAll(selectors) {
+    return function (target, propertyKey) {
+        defineProperty(target, propertyKey, {
+            get() {
+                var _a;
+                return (_a = shadowRoot(this)) === null || _a === void 0 ? void 0 : _a.querySelectorAll(selectors);
+            }
+        });
+    };
+}

package/client/helpers/index.d.ts

@@ -1 +1 @@
-export { classes, direction, getConfig, host, isRTL, isServer, on, off, query, queryAll, slots, styles, toUnit, setConfig } from '../utils/index.js';
+export { classes, direction, getConfig, host, isRTL, isServer, on, off, slots, styles, toUnit, setConfig } from '../utils/index.js';

package/client/helpers/index.js

@@ -1 +1 @@
-export { classes, direction, getConfig, host, isRTL, isServer, on, off, query, queryAll, slots, styles, toUnit, setConfig } from '../utils/index.js';
+export { classes, direction, getConfig, host, isRTL, isServer, on, off, slots, styles, toUnit, setConfig } from '../utils/index.js';

package/client/utils/index.d.ts

@@ -18,8 +18,6 @@ export * from './isEvent.js';
 export * from './isRTL.js';
 export * from './isServer.js';
 export * from './merge.js';
-export * from './query.js';
-export * from './queryAll.js';
 export * from './request.js';
 export * from './shadowRoot.js';
 export * from './slots.js';

package/client/utils/index.js

@@ -18,8 +18,6 @@ export * from './isEvent.js';
 export * from './isRTL.js';
 export * from './isServer.js';
 export * from './merge.js';
-export * from './query.js';
-export * from './queryAll.js';
 export * from './request.js';
 export * from './shadowRoot.js';
 export * from './slots.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@htmlplus/element",
-  "version": "0.7.3",
+  "version": "0.7.4",
   "license": "MIT",
   "sideEffects": false,
   "author": "Masood Abdolian <m.abdolian@gmail.com>",

package/client/utils/query.d.ts

@@ -1,3 +0,0 @@
-export declare function query<K extends keyof HTMLElementTagNameMap>(target: any, selectors: K): HTMLElementTagNameMap[K] | null;
-export declare function query<K extends keyof SVGElementTagNameMap>(target: any, selectors: K): SVGElementTagNameMap[K] | null;
-export declare function query<E extends Element = Element>(target: any, selectors: string): E | null;

package/client/utils/query.js

@@ -1,5 +0,0 @@
-import { shadowRoot } from './shadowRoot.js';
-export function query(target, selectors) {
-    var _a;
-    return (_a = shadowRoot(target)) === null || _a === void 0 ? void 0 : _a.querySelector(selectors);
-}

package/client/utils/queryAll.d.ts

@@ -1,3 +0,0 @@
-export declare function queryAll<K extends keyof HTMLElementTagNameMap>(target: any, selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
-export declare function queryAll<K extends keyof SVGElementTagNameMap>(target: any, selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
-export declare function queryAll<E extends Element = Element>(target: any, selectors: string): NodeListOf<E>;

package/client/utils/queryAll.js

@@ -1,5 +0,0 @@
-import { shadowRoot } from './shadowRoot.js';
-export function queryAll(target, selectors) {
-    var _a;
-    return (_a = shadowRoot(target)) === null || _a === void 0 ? void 0 : _a.querySelectorAll(selectors);
-}