verstak 0.24.134 → 0.24.136
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.
- package/build/dist/source/html/El.d.ts +18 -18
- package/build/dist/source/html/El.js +17 -17
- package/package.json +1 -1
|
@@ -9,13 +9,13 @@ export type El<T = any, M = any> = {
|
|
|
9
9
|
kind: ElKind;
|
|
10
10
|
area: ElArea;
|
|
11
11
|
width: Range;
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
widthMerelyMin: string;
|
|
13
|
+
widthMerelyGrowth: number;
|
|
14
14
|
height: Range;
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
heightMerelyMin: string;
|
|
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;
|
|
@@ -87,20 +87,20 @@ export declare class ElImpl<T extends Element = any, M = any> implements El<T, M
|
|
|
87
87
|
set area(value: ElArea);
|
|
88
88
|
get width(): Range;
|
|
89
89
|
set width(value: Range);
|
|
90
|
-
get
|
|
91
|
-
set
|
|
92
|
-
get
|
|
93
|
-
set
|
|
90
|
+
get widthMerelyMin(): string;
|
|
91
|
+
set widthMerelyMin(value: string);
|
|
92
|
+
get widthMerelyGrowth(): number;
|
|
93
|
+
set widthMerelyGrowth(value: number);
|
|
94
94
|
get height(): Range;
|
|
95
95
|
set height(value: Range);
|
|
96
|
-
get
|
|
97
|
-
set
|
|
98
|
-
get
|
|
99
|
-
set
|
|
96
|
+
get heightMerelyMin(): string;
|
|
97
|
+
set heightMerelyMin(value: string);
|
|
98
|
+
get heightMerelyGrowth(): number;
|
|
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;
|
|
@@ -104,10 +104,10 @@ export class ElImpl {
|
|
|
104
104
|
if (updated)
|
|
105
105
|
this._width = value;
|
|
106
106
|
}
|
|
107
|
-
get
|
|
108
|
-
set
|
|
109
|
-
get
|
|
110
|
-
set
|
|
107
|
+
get widthMerelyMin() { var _a; return (_a = this._width.min) !== null && _a !== void 0 ? _a : ""; }
|
|
108
|
+
set widthMerelyMin(value) { this.width = { min: value }; }
|
|
109
|
+
get widthMerelyGrowth() { var _a; return (_a = this._width.growth) !== null && _a !== void 0 ? _a : 0; }
|
|
110
|
+
set widthMerelyGrowth(value) { this.width = { growth: value }; }
|
|
111
111
|
get height() { return this._height; }
|
|
112
112
|
set height(value) {
|
|
113
113
|
var _a, _b, _c;
|
|
@@ -128,10 +128,10 @@ export class ElImpl {
|
|
|
128
128
|
if (updated)
|
|
129
129
|
this._height = value;
|
|
130
130
|
}
|
|
131
|
-
get
|
|
132
|
-
set
|
|
133
|
-
get
|
|
134
|
-
set
|
|
131
|
+
get heightMerelyMin() { var _a; return (_a = this._height.min) !== null && _a !== void 0 ? _a : ""; }
|
|
132
|
+
set heightMerelyMin(value) { this.height = { min: value }; }
|
|
133
|
+
get heightMerelyGrowth() { var _a; return (_a = this._height.growth) !== null && _a !== void 0 ? _a : 0; }
|
|
134
|
+
set heightMerelyGrowth(value) { this.height = { growth: value }; }
|
|
135
135
|
get contentAlignment() { return this._contentAlignment; }
|
|
136
136
|
set contentAlignment(value) {
|
|
137
137
|
if (value !== this._contentAlignment) {
|
|
@@ -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) {
|