verstak 0.24.135 → 0.24.137
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -15,7 +15,7 @@ export type El<T = any, M = any> = {
|
|
|
15
15
|
heightMerelyMin: string;
|
|
16
16
|
heightMerelyGrowth: number;
|
|
17
17
|
contentAlignment: Align;
|
|
18
|
-
|
|
18
|
+
boundsAlignment: Align;
|
|
19
19
|
contentWrapping: boolean;
|
|
20
20
|
overlayVisible: boolean | undefined;
|
|
21
21
|
readonly style: CSSStyleDeclaration;
|
|
@@ -38,7 +38,7 @@ export type ElCoords = {
|
|
|
38
38
|
};
|
|
39
39
|
export declare enum Align {
|
|
40
40
|
default = 16,
|
|
41
|
-
|
|
41
|
+
stretch = 0,
|
|
42
42
|
left = 1,
|
|
43
43
|
centerX = 2,
|
|
44
44
|
right = 3,
|
|
@@ -72,7 +72,7 @@ export declare class ElImpl<T extends Element = any, M = any> implements El<T, M
|
|
|
72
72
|
private _width;
|
|
73
73
|
private _height;
|
|
74
74
|
private _contentAlignment;
|
|
75
|
-
private
|
|
75
|
+
private _boundsAlignment;
|
|
76
76
|
private _contentWrapping;
|
|
77
77
|
private _overlayVisible;
|
|
78
78
|
private _hasStylingPresets;
|
|
@@ -99,8 +99,8 @@ export declare class ElImpl<T extends Element = any, M = any> implements El<T, M
|
|
|
99
99
|
set heightMerelyGrowth(value: number);
|
|
100
100
|
get contentAlignment(): Align;
|
|
101
101
|
set contentAlignment(value: Align);
|
|
102
|
-
get
|
|
103
|
-
set
|
|
102
|
+
get boundsAlignment(): Align;
|
|
103
|
+
set boundsAlignment(value: Align);
|
|
104
104
|
get contentWrapping(): boolean;
|
|
105
105
|
set contentWrapping(value: boolean);
|
|
106
106
|
get overlayVisible(): boolean | undefined;
|
|
@@ -141,7 +141,7 @@ export declare class Apply {
|
|
|
141
141
|
static minHeight<T extends Element>(element: El<T, any>, value: string): void;
|
|
142
142
|
static maxHeight<T extends Element>(element: El<T, any>, value: string): void;
|
|
143
143
|
static contentAlignment<T extends Element>(element: El<T, any>, value: Align): void;
|
|
144
|
-
static
|
|
144
|
+
static boundsAlignment<T extends Element>(element: El<T, any>, value: Align): void;
|
|
145
145
|
static contentWrapping<T extends Element>(element: El<T, any>, value: boolean): void;
|
|
146
146
|
static overlayVisible<T extends Element>(element: El<T, any>, value: boolean | undefined): void;
|
|
147
147
|
static stylingPreset<T extends Element>(element: El<T, any>, secondary: boolean, styleName: string, enabled?: boolean): void;
|
|
@@ -18,7 +18,7 @@ export var ElKind;
|
|
|
18
18
|
export var Align;
|
|
19
19
|
(function (Align) {
|
|
20
20
|
Align[Align["default"] = 16] = "default";
|
|
21
|
-
Align[Align["
|
|
21
|
+
Align[Align["stretch"] = 0] = "stretch";
|
|
22
22
|
Align[Align["left"] = 1] = "left";
|
|
23
23
|
Align[Align["centerX"] = 2] = "centerX";
|
|
24
24
|
Align[Align["right"] = 3] = "right";
|
|
@@ -41,7 +41,7 @@ export class ElImpl {
|
|
|
41
41
|
this._width = { min: "", max: "", growth: 0 };
|
|
42
42
|
this._height = { min: "", max: "", growth: 0 };
|
|
43
43
|
this._contentAlignment = Align.default;
|
|
44
|
-
this.
|
|
44
|
+
this._boundsAlignment = Align.default;
|
|
45
45
|
this._contentWrapping = true;
|
|
46
46
|
this._overlayVisible = undefined;
|
|
47
47
|
this._hasStylingPresets = false;
|
|
@@ -139,11 +139,11 @@ export class ElImpl {
|
|
|
139
139
|
this._contentAlignment = value;
|
|
140
140
|
}
|
|
141
141
|
}
|
|
142
|
-
get
|
|
143
|
-
set
|
|
144
|
-
if (value !== this.
|
|
145
|
-
Apply.
|
|
146
|
-
this.
|
|
142
|
+
get boundsAlignment() { return this._boundsAlignment; }
|
|
143
|
+
set boundsAlignment(value) {
|
|
144
|
+
if (value !== this._boundsAlignment) {
|
|
145
|
+
Apply.boundsAlignment(this, value);
|
|
146
|
+
this._boundsAlignment = value;
|
|
147
147
|
}
|
|
148
148
|
}
|
|
149
149
|
get contentWrapping() { return this._contentWrapping; }
|
|
@@ -358,7 +358,7 @@ export class Apply {
|
|
|
358
358
|
const hostDriver = bNode.host.driver;
|
|
359
359
|
if (hostDriver.isPartitionSeparator) {
|
|
360
360
|
const host = bNode.host.seat.instance;
|
|
361
|
-
Apply.
|
|
361
|
+
Apply.boundsAlignment(element, Align.stretch);
|
|
362
362
|
Apply.heightGrowth(host.element, value);
|
|
363
363
|
}
|
|
364
364
|
}
|
|
@@ -386,7 +386,7 @@ export class Apply {
|
|
|
386
386
|
s.justifyContent = s.alignContent = s.textAlign = "";
|
|
387
387
|
}
|
|
388
388
|
}
|
|
389
|
-
static
|
|
389
|
+
static boundsAlignment(element, value) {
|
|
390
390
|
if (element.native instanceof HTMLElement) {
|
|
391
391
|
const s = element.native.style;
|
|
392
392
|
if ((value & Align.default) === 0) {
|
|
@@ -9,7 +9,7 @@ export declare function cursor(areaParams: ElArea): void;
|
|
|
9
9
|
export declare function Note(content: string, declaration?: RxNodeDecl<El<HTMLElement, void>>): RxNode<El<HTMLElement, void>>;
|
|
10
10
|
export declare function HtmlNote(content: string, declaration?: RxNodeDecl<El<HTMLElement, void>>): RxNode<El<HTMLElement, void>>;
|
|
11
11
|
export declare function Group<M = unknown, R = void>(declaration?: RxNodeDecl<El<HTMLElement, M>>, preset?: RxNodeDecl<El<HTMLElement, M>>): RxNode<El<HTMLElement, M>>;
|
|
12
|
-
export declare function
|
|
12
|
+
export declare function Handling<M = unknown>(update: Delegate<El<void, M>>): RxNode<El<void, M>>;
|
|
13
13
|
export declare function SyntheticElement<M = unknown>(declaration?: RxNodeDecl<El<void, M>>, preset?: RxNodeDecl<El<void, M>>): RxNode<El<void, M>>;
|
|
14
14
|
export declare class VerstakElementDriver<T extends HTMLElement> extends HtmlElementDriver<T> {
|
|
15
15
|
update(node: RxNode<El<T>>): void | Promise<void>;
|
|
@@ -38,7 +38,7 @@ export function HtmlNote(content, declaration) {
|
|
|
38
38
|
export function Group(declaration, preset) {
|
|
39
39
|
return RxNode.acquire(Drivers.group, declaration, preset);
|
|
40
40
|
}
|
|
41
|
-
export function
|
|
41
|
+
export function Handling(update) {
|
|
42
42
|
return SyntheticElement({ mode: Mode.independentUpdate, update });
|
|
43
43
|
}
|
|
44
44
|
export function SyntheticElement(declaration, preset) {
|