@wcardinal/wcardinal-ui 0.328.0 → 0.330.0
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/dist/types/wcardinal/ui/d-diagram-canvas-base.d.ts +12 -0
- package/dist/types/wcardinal/ui/d-diagram-serialized.d.ts +6 -0
- package/dist/types/wcardinal/ui/d-input-boolean.d.ts +1 -0
- package/dist/wcardinal/ui/d-diagram-base.js +3 -0
- package/dist/wcardinal/ui/d-diagram-base.js.map +1 -1
- package/dist/wcardinal/ui/d-diagram-canvas-base.js +39 -1
- package/dist/wcardinal/ui/d-diagram-canvas-base.js.map +1 -1
- package/dist/wcardinal/ui/d-diagram-canvas-editor.js +3 -0
- package/dist/wcardinal/ui/d-diagram-canvas-editor.js.map +1 -1
- package/dist/wcardinal/ui/d-diagram-serialized.js.map +1 -1
- package/dist/wcardinal/ui/d-diagrams.js +6 -0
- package/dist/wcardinal/ui/d-diagrams.js.map +1 -1
- package/dist/wcardinal/ui/d-input-boolean.js +16 -6
- package/dist/wcardinal/ui/d-input-boolean.js.map +1 -1
- package/dist/wcardinal-ui-theme-dark.js +1 -1
- package/dist/wcardinal-ui-theme-dark.min.js +1 -1
- package/dist/wcardinal-ui-theme-white.js +1 -1
- package/dist/wcardinal-ui-theme-white.min.js +1 -1
- package/dist/wcardinal-ui.cjs.js +68 -8
- package/dist/wcardinal-ui.js +68 -8
- package/dist/wcardinal-ui.min.js +2 -2
- package/dist/wcardinal-ui.min.js.map +1 -1
- package/package.json +1 -1
package/dist/wcardinal-ui.cjs.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*
|
|
2
|
-
Winter Cardinal UI v0.
|
|
2
|
+
Winter Cardinal UI v0.330.0
|
|
3
3
|
Copyright (C) 2019 Toshiba Corporation
|
|
4
4
|
SPDX-License-Identifier: Apache-2.0
|
|
5
5
|
|
|
@@ -22291,6 +22291,9 @@ var DDiagrams = /** @class */ (function () {
|
|
|
22291
22291
|
version: serialized.version,
|
|
22292
22292
|
id: serialized.id,
|
|
22293
22293
|
name: serialized.name,
|
|
22294
|
+
label: serialized.label,
|
|
22295
|
+
summary: serialized.summary,
|
|
22296
|
+
description: serialized.description,
|
|
22294
22297
|
thumbnail: serialized.thumbnail,
|
|
22295
22298
|
data: JSON.stringify({
|
|
22296
22299
|
width: serialized.width,
|
|
@@ -22313,8 +22316,11 @@ var DDiagrams = /** @class */ (function () {
|
|
|
22313
22316
|
version: target.version,
|
|
22314
22317
|
id: target.id,
|
|
22315
22318
|
name: target.name,
|
|
22319
|
+
label: target.label,
|
|
22316
22320
|
width: data.width,
|
|
22317
22321
|
height: data.height,
|
|
22322
|
+
summary: target.summary,
|
|
22323
|
+
description: target.description,
|
|
22318
22324
|
background: data.background,
|
|
22319
22325
|
tile: data.tile,
|
|
22320
22326
|
resources: data.resources,
|
|
@@ -30414,6 +30420,7 @@ var DInputBoolean = /** @class */ (function (_super) {
|
|
|
30414
30420
|
__extends(DInputBoolean, _super);
|
|
30415
30421
|
function DInputBoolean(options) {
|
|
30416
30422
|
var _this = _super.call(this, options) || this;
|
|
30423
|
+
_this._lockCount = 0;
|
|
30417
30424
|
_this.addChild(_this.getButtonOff());
|
|
30418
30425
|
_this.addChild(_this.getButtonOn());
|
|
30419
30426
|
var value = options === null || options === void 0 ? void 0 : options.value;
|
|
@@ -30421,8 +30428,10 @@ var DInputBoolean = /** @class */ (function (_super) {
|
|
|
30421
30428
|
_this.value = value;
|
|
30422
30429
|
}
|
|
30423
30430
|
_this.getButtonGroup().on("active", function () {
|
|
30424
|
-
|
|
30425
|
-
|
|
30431
|
+
if (_this._lockCount <= 0) {
|
|
30432
|
+
var newValue = _this.value;
|
|
30433
|
+
_this.emit("change", newValue, !newValue, _this);
|
|
30434
|
+
}
|
|
30426
30435
|
});
|
|
30427
30436
|
return _this;
|
|
30428
30437
|
}
|
|
@@ -30472,12 +30481,19 @@ var DInputBoolean = /** @class */ (function (_super) {
|
|
|
30472
30481
|
},
|
|
30473
30482
|
set: function (value) {
|
|
30474
30483
|
if (this.value !== value) {
|
|
30475
|
-
|
|
30476
|
-
|
|
30484
|
+
this._lockCount += 1;
|
|
30485
|
+
try {
|
|
30486
|
+
if (value) {
|
|
30487
|
+
this.getButtonOn().activate();
|
|
30488
|
+
}
|
|
30489
|
+
else {
|
|
30490
|
+
this.getButtonOff().activate();
|
|
30491
|
+
}
|
|
30477
30492
|
}
|
|
30478
|
-
|
|
30479
|
-
|
|
30493
|
+
catch (e) {
|
|
30494
|
+
// DO NOTHING
|
|
30480
30495
|
}
|
|
30496
|
+
this._lockCount -= 1;
|
|
30481
30497
|
}
|
|
30482
30498
|
},
|
|
30483
30499
|
enumerable: false,
|
|
@@ -80109,8 +80125,11 @@ var DDiagramBase = /** @class */ (function (_super) {
|
|
|
80109
80125
|
var isAmbient = this._isAmbient;
|
|
80110
80126
|
return {
|
|
80111
80127
|
name: serialized.name,
|
|
80128
|
+
label: serialized.label,
|
|
80112
80129
|
width: serialized.width,
|
|
80113
80130
|
height: serialized.height,
|
|
80131
|
+
summary: serialized.summary,
|
|
80132
|
+
description: serialized.description,
|
|
80114
80133
|
background: this.toCanvasBaseBackgroundOptions(serialized, theme, isAmbient),
|
|
80115
80134
|
border: isAmbient ? { color: null } : undefined,
|
|
80116
80135
|
outline: isAmbient ? { color: null } : undefined,
|
|
@@ -80578,7 +80597,9 @@ var DDiagramLayerContainer = /** @class */ (function (_super) {
|
|
|
80578
80597
|
var DDiagramCanvasBase = /** @class */ (function (_super) {
|
|
80579
80598
|
__extends(DDiagramCanvasBase, _super);
|
|
80580
80599
|
function DDiagramCanvasBase(options) {
|
|
80581
|
-
var _this =
|
|
80600
|
+
var _this = this;
|
|
80601
|
+
var _a, _b, _c;
|
|
80602
|
+
_this = _super.call(this, options) || this;
|
|
80582
80603
|
// Background
|
|
80583
80604
|
var theme = _this.theme;
|
|
80584
80605
|
if (!_this.isAmbient(theme, options)) {
|
|
@@ -80588,6 +80609,12 @@ var DDiagramCanvasBase = /** @class */ (function (_super) {
|
|
|
80588
80609
|
var layer = new DDiagramLayerContainer(_this.width, _this.height);
|
|
80589
80610
|
_this._layer = layer;
|
|
80590
80611
|
_this.addChild(layer);
|
|
80612
|
+
// Label
|
|
80613
|
+
_this._label = (_a = options === null || options === void 0 ? void 0 : options.label) !== null && _a !== void 0 ? _a : "";
|
|
80614
|
+
// Summary
|
|
80615
|
+
_this._summary = (_b = options === null || options === void 0 ? void 0 : options.summary) !== null && _b !== void 0 ? _b : "";
|
|
80616
|
+
// Description
|
|
80617
|
+
_this._description = (_c = options === null || options === void 0 ? void 0 : options.description) !== null && _c !== void 0 ? _c : "";
|
|
80591
80618
|
// Tile
|
|
80592
80619
|
var tile = new DDiagramCanvasTile(_this, options === null || options === void 0 ? void 0 : options.tile);
|
|
80593
80620
|
_this._tile = tile;
|
|
@@ -80602,6 +80629,36 @@ var DDiagramCanvasBase = /** @class */ (function (_super) {
|
|
|
80602
80629
|
var _a, _b;
|
|
80603
80630
|
return (_b = (_a = options === null || options === void 0 ? void 0 : options.background) === null || _a === void 0 ? void 0 : _a.base) !== null && _b !== void 0 ? _b : theme.getBackgroundBase();
|
|
80604
80631
|
};
|
|
80632
|
+
Object.defineProperty(DDiagramCanvasBase.prototype, "label", {
|
|
80633
|
+
get: function () {
|
|
80634
|
+
return this._label;
|
|
80635
|
+
},
|
|
80636
|
+
set: function (label) {
|
|
80637
|
+
this._label = label;
|
|
80638
|
+
},
|
|
80639
|
+
enumerable: false,
|
|
80640
|
+
configurable: true
|
|
80641
|
+
});
|
|
80642
|
+
Object.defineProperty(DDiagramCanvasBase.prototype, "summary", {
|
|
80643
|
+
get: function () {
|
|
80644
|
+
return this._summary;
|
|
80645
|
+
},
|
|
80646
|
+
set: function (summary) {
|
|
80647
|
+
this._summary = summary;
|
|
80648
|
+
},
|
|
80649
|
+
enumerable: false,
|
|
80650
|
+
configurable: true
|
|
80651
|
+
});
|
|
80652
|
+
Object.defineProperty(DDiagramCanvasBase.prototype, "description", {
|
|
80653
|
+
get: function () {
|
|
80654
|
+
return this._description;
|
|
80655
|
+
},
|
|
80656
|
+
set: function (description) {
|
|
80657
|
+
this._description = description;
|
|
80658
|
+
},
|
|
80659
|
+
enumerable: false,
|
|
80660
|
+
configurable: true
|
|
80661
|
+
});
|
|
80605
80662
|
Object.defineProperty(DDiagramCanvasBase.prototype, "tile", {
|
|
80606
80663
|
get: function () {
|
|
80607
80664
|
return this._tile;
|
|
@@ -81265,8 +81322,11 @@ var DDiagramCanvasEditor = /** @class */ (function (_super) {
|
|
|
81265
81322
|
version: DDiagramSerializedVersion,
|
|
81266
81323
|
id: id,
|
|
81267
81324
|
name: this.name,
|
|
81325
|
+
label: this.label,
|
|
81268
81326
|
width: this.width,
|
|
81269
81327
|
height: this.height,
|
|
81328
|
+
summary: this.summary,
|
|
81329
|
+
description: this.description,
|
|
81270
81330
|
background: {
|
|
81271
81331
|
color: isNumber(backgroundColor) ? backgroundColor : 0xffffff,
|
|
81272
81332
|
alpha: isNumber(backgroundAlpha) ? backgroundAlpha : 0
|
package/dist/wcardinal-ui.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*
|
|
2
|
-
Winter Cardinal UI v0.
|
|
2
|
+
Winter Cardinal UI v0.330.0
|
|
3
3
|
Copyright (C) 2019 Toshiba Corporation
|
|
4
4
|
SPDX-License-Identifier: Apache-2.0
|
|
5
5
|
|
|
@@ -22288,6 +22288,9 @@
|
|
|
22288
22288
|
version: serialized.version,
|
|
22289
22289
|
id: serialized.id,
|
|
22290
22290
|
name: serialized.name,
|
|
22291
|
+
label: serialized.label,
|
|
22292
|
+
summary: serialized.summary,
|
|
22293
|
+
description: serialized.description,
|
|
22291
22294
|
thumbnail: serialized.thumbnail,
|
|
22292
22295
|
data: JSON.stringify({
|
|
22293
22296
|
width: serialized.width,
|
|
@@ -22310,8 +22313,11 @@
|
|
|
22310
22313
|
version: target.version,
|
|
22311
22314
|
id: target.id,
|
|
22312
22315
|
name: target.name,
|
|
22316
|
+
label: target.label,
|
|
22313
22317
|
width: data.width,
|
|
22314
22318
|
height: data.height,
|
|
22319
|
+
summary: target.summary,
|
|
22320
|
+
description: target.description,
|
|
22315
22321
|
background: data.background,
|
|
22316
22322
|
tile: data.tile,
|
|
22317
22323
|
resources: data.resources,
|
|
@@ -30411,6 +30417,7 @@
|
|
|
30411
30417
|
__extends(DInputBoolean, _super);
|
|
30412
30418
|
function DInputBoolean(options) {
|
|
30413
30419
|
var _this = _super.call(this, options) || this;
|
|
30420
|
+
_this._lockCount = 0;
|
|
30414
30421
|
_this.addChild(_this.getButtonOff());
|
|
30415
30422
|
_this.addChild(_this.getButtonOn());
|
|
30416
30423
|
var value = options === null || options === void 0 ? void 0 : options.value;
|
|
@@ -30418,8 +30425,10 @@
|
|
|
30418
30425
|
_this.value = value;
|
|
30419
30426
|
}
|
|
30420
30427
|
_this.getButtonGroup().on("active", function () {
|
|
30421
|
-
|
|
30422
|
-
|
|
30428
|
+
if (_this._lockCount <= 0) {
|
|
30429
|
+
var newValue = _this.value;
|
|
30430
|
+
_this.emit("change", newValue, !newValue, _this);
|
|
30431
|
+
}
|
|
30423
30432
|
});
|
|
30424
30433
|
return _this;
|
|
30425
30434
|
}
|
|
@@ -30469,12 +30478,19 @@
|
|
|
30469
30478
|
},
|
|
30470
30479
|
set: function (value) {
|
|
30471
30480
|
if (this.value !== value) {
|
|
30472
|
-
|
|
30473
|
-
|
|
30481
|
+
this._lockCount += 1;
|
|
30482
|
+
try {
|
|
30483
|
+
if (value) {
|
|
30484
|
+
this.getButtonOn().activate();
|
|
30485
|
+
}
|
|
30486
|
+
else {
|
|
30487
|
+
this.getButtonOff().activate();
|
|
30488
|
+
}
|
|
30474
30489
|
}
|
|
30475
|
-
|
|
30476
|
-
|
|
30490
|
+
catch (e) {
|
|
30491
|
+
// DO NOTHING
|
|
30477
30492
|
}
|
|
30493
|
+
this._lockCount -= 1;
|
|
30478
30494
|
}
|
|
30479
30495
|
},
|
|
30480
30496
|
enumerable: false,
|
|
@@ -61609,8 +61625,11 @@
|
|
|
61609
61625
|
var isAmbient = this._isAmbient;
|
|
61610
61626
|
return {
|
|
61611
61627
|
name: serialized.name,
|
|
61628
|
+
label: serialized.label,
|
|
61612
61629
|
width: serialized.width,
|
|
61613
61630
|
height: serialized.height,
|
|
61631
|
+
summary: serialized.summary,
|
|
61632
|
+
description: serialized.description,
|
|
61614
61633
|
background: this.toCanvasBaseBackgroundOptions(serialized, theme, isAmbient),
|
|
61615
61634
|
border: isAmbient ? { color: null } : undefined,
|
|
61616
61635
|
outline: isAmbient ? { color: null } : undefined,
|
|
@@ -62078,7 +62097,9 @@
|
|
|
62078
62097
|
var DDiagramCanvasBase = /** @class */ (function (_super) {
|
|
62079
62098
|
__extends(DDiagramCanvasBase, _super);
|
|
62080
62099
|
function DDiagramCanvasBase(options) {
|
|
62081
|
-
var _this =
|
|
62100
|
+
var _this = this;
|
|
62101
|
+
var _a, _b, _c;
|
|
62102
|
+
_this = _super.call(this, options) || this;
|
|
62082
62103
|
// Background
|
|
62083
62104
|
var theme = _this.theme;
|
|
62084
62105
|
if (!_this.isAmbient(theme, options)) {
|
|
@@ -62088,6 +62109,12 @@
|
|
|
62088
62109
|
var layer = new DDiagramLayerContainer(_this.width, _this.height);
|
|
62089
62110
|
_this._layer = layer;
|
|
62090
62111
|
_this.addChild(layer);
|
|
62112
|
+
// Label
|
|
62113
|
+
_this._label = (_a = options === null || options === void 0 ? void 0 : options.label) !== null && _a !== void 0 ? _a : "";
|
|
62114
|
+
// Summary
|
|
62115
|
+
_this._summary = (_b = options === null || options === void 0 ? void 0 : options.summary) !== null && _b !== void 0 ? _b : "";
|
|
62116
|
+
// Description
|
|
62117
|
+
_this._description = (_c = options === null || options === void 0 ? void 0 : options.description) !== null && _c !== void 0 ? _c : "";
|
|
62091
62118
|
// Tile
|
|
62092
62119
|
var tile = new DDiagramCanvasTile(_this, options === null || options === void 0 ? void 0 : options.tile);
|
|
62093
62120
|
_this._tile = tile;
|
|
@@ -62102,6 +62129,36 @@
|
|
|
62102
62129
|
var _a, _b;
|
|
62103
62130
|
return (_b = (_a = options === null || options === void 0 ? void 0 : options.background) === null || _a === void 0 ? void 0 : _a.base) !== null && _b !== void 0 ? _b : theme.getBackgroundBase();
|
|
62104
62131
|
};
|
|
62132
|
+
Object.defineProperty(DDiagramCanvasBase.prototype, "label", {
|
|
62133
|
+
get: function () {
|
|
62134
|
+
return this._label;
|
|
62135
|
+
},
|
|
62136
|
+
set: function (label) {
|
|
62137
|
+
this._label = label;
|
|
62138
|
+
},
|
|
62139
|
+
enumerable: false,
|
|
62140
|
+
configurable: true
|
|
62141
|
+
});
|
|
62142
|
+
Object.defineProperty(DDiagramCanvasBase.prototype, "summary", {
|
|
62143
|
+
get: function () {
|
|
62144
|
+
return this._summary;
|
|
62145
|
+
},
|
|
62146
|
+
set: function (summary) {
|
|
62147
|
+
this._summary = summary;
|
|
62148
|
+
},
|
|
62149
|
+
enumerable: false,
|
|
62150
|
+
configurable: true
|
|
62151
|
+
});
|
|
62152
|
+
Object.defineProperty(DDiagramCanvasBase.prototype, "description", {
|
|
62153
|
+
get: function () {
|
|
62154
|
+
return this._description;
|
|
62155
|
+
},
|
|
62156
|
+
set: function (description) {
|
|
62157
|
+
this._description = description;
|
|
62158
|
+
},
|
|
62159
|
+
enumerable: false,
|
|
62160
|
+
configurable: true
|
|
62161
|
+
});
|
|
62105
62162
|
Object.defineProperty(DDiagramCanvasBase.prototype, "tile", {
|
|
62106
62163
|
get: function () {
|
|
62107
62164
|
return this._tile;
|
|
@@ -62765,8 +62822,11 @@
|
|
|
62765
62822
|
version: DDiagramSerializedVersion,
|
|
62766
62823
|
id: id,
|
|
62767
62824
|
name: this.name,
|
|
62825
|
+
label: this.label,
|
|
62768
62826
|
width: this.width,
|
|
62769
62827
|
height: this.height,
|
|
62828
|
+
summary: this.summary,
|
|
62829
|
+
description: this.description,
|
|
62770
62830
|
background: {
|
|
62771
62831
|
color: isNumber(backgroundColor) ? backgroundColor : 0xffffff,
|
|
62772
62832
|
alpha: isNumber(backgroundAlpha) ? backgroundAlpha : 0
|