@tempots/dom 34.2.0 → 35.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tempots/dom",
-  "version": "34.2.0",
+  "version": "35.0.0",
   "type": "module",
   "main": "./index.cjs",
   "module": "./index.js",
@@ -37,6 +37,6 @@
     "url": "git+https://github.com/fponticelli/tempots.git"
   },
   "peerDependencies": {
-    "@tempots/core": "^1.1.0"
+    "@tempots/core": "^2.0.0"
   }
 }

package/renderable/iframe.d.ts

@@ -1,4 +1,4 @@
-import { TNode, Value } from '../types/domain';
+import { SplitValue, TNode, Value } from '../types/domain';
 export type ReferrerPolicy = 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
 export interface IFrameOptions {
     /**
@@ -12,11 +12,11 @@ export interface IFrameOptions {
     /**
      * The width of the iframe.
      */
-    width?: Value<string | number>;
+    width?: SplitValue<string | number>;
     /**
      * The height of the iframe.
      */
-    height?: Value<string | number>;
+    height?: SplitValue<string | number>;
     /**
      * The sandbox attribute for the iframe.
      */
@@ -38,6 +38,10 @@ export interface IFrameOptions {
      * Receives the iframe element and its contentDocument.
      */
     onLoad?: (iframe: HTMLIFrameElement) => void;
+    /**
+     * Content to attach directly to the iframe's element, not the document body.
+     */
+    iframeChild?: TNode;
 }
 /**
  * Creates an iframe element and optionally renders content into its document.
@@ -84,4 +88,4 @@ export interface IFrameOptions {
  * @returns A renderable that creates and manages the iframe
  * @public
  */
-export declare function IFrame({ src, name, width, height, sandbox, allow, referrerpolicy, loading, onLoad, }?: IFrameOptions, ...children: TNode[]): import('..').Renderable;
+export declare function IFrame({ src, name, width, height, sandbox, allow, referrerpolicy, loading, iframeChild, onLoad, }?: IFrameOptions, ...children: TNode[]): import('..').Renderable;

package/types/domain.d.ts

@@ -1,3 +1,4 @@
+import { ReadSignal } from '../../../tempots-core/dist/signal';
 import { DOMContext } from '../dom/dom-context';
 import { AnySignal, Computed, Prop, Signal, Value, ValueType, BaseValueType, ValueTypes, Values, RemoveSignals, Nil, Clear, ProviderMark, makeProviderMark, Renderable as CoreRenderable } from '@tempots/core';
 export type { Clear, ProviderMark, ValueType, BaseValueType, ValueTypes, Values, RemoveSignals, Nil, AnySignal, };
@@ -127,7 +128,7 @@ export declare const domRenderable: <CTX extends DOMContext = DOMContext>(render
  * @template CTX - The type of DOMContext (defaults to DOMContext)
  * @public
  */
-export type TNode<CTX extends DOMContext = DOMContext> = Renderable<CTX> | Value<string> | undefined | null | Renderable<CTX>[];
+export type TNode<CTX extends DOMContext = DOMContext> = Renderable<CTX> | string | ReadSignal<string> | undefined | null | Renderable<CTX>[];
 /**
  * Represents a collection of providers.
  * The keys of the record are ProviderMark types, and the values are of unknown type.
@@ -156,6 +157,7 @@ export type Size = {
  * @typeParam T - The type of the value.
  * @public
  */
-export type NValue<T> = Value<NonNullable<T>> | AnySignal<T> | AnySignal<T | null> | AnySignal<T | undefined> | AnySignal<T | null | undefined> | null | undefined;
+export type NValue<T> = Value<NonNullable<T>> | ReadSignal<T> | ReadSignal<T | null> | ReadSignal<T | undefined> | ReadSignal<T | null | undefined> | null | undefined;
 type TupleToUnion<T extends unknown[]> = T[number];
 export type SplitNValue<T> = (T extends unknown ? TupleToUnion<NValue<T>[]> : never) | NValue<T>;
+export type SplitValue<T> = (T extends unknown ? TupleToUnion<Value<T>[]> : never) | Value<T>;