@wcardinal/wcardinal-ui 0.449.0 → 0.450.1

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.
Files changed (37) hide show
  1. package/dist/types/wcardinal/ui/d-dropdown-base.d.ts +2 -0
  2. package/dist/types/wcardinal/ui/d-menu-items.d.ts +6 -0
  3. package/dist/types/wcardinal/ui/d-select-multiple.d.ts +1 -1
  4. package/dist/types/wcardinal/ui/d-select.d.ts +1 -1
  5. package/dist/types/wcardinal/ui/index.d.ts +1 -0
  6. package/dist/types/wcardinal/ui/util/dynamic-atlas.d.ts +1 -0
  7. package/dist/wcardinal/ui/d-dropdown-base.js +30 -24
  8. package/dist/wcardinal/ui/d-dropdown-base.js.map +1 -1
  9. package/dist/wcardinal/ui/d-menu-items.js +36 -0
  10. package/dist/wcardinal/ui/d-menu-items.js.map +1 -0
  11. package/dist/wcardinal/ui/d-select-multiple.js +2 -2
  12. package/dist/wcardinal/ui/d-select-multiple.js.map +1 -1
  13. package/dist/wcardinal/ui/d-select.js +9 -21
  14. package/dist/wcardinal/ui/d-select.js.map +1 -1
  15. package/dist/wcardinal/ui/index.js +1 -0
  16. package/dist/wcardinal/ui/index.js.map +1 -1
  17. package/dist/wcardinal/ui/util/dynamic-atlas.js +3 -0
  18. package/dist/wcardinal/ui/util/dynamic-atlas.js.map +1 -1
  19. package/dist/wcardinal/ui/util/dynamic-sdf-font-atlases.js +6 -1
  20. package/dist/wcardinal/ui/util/dynamic-sdf-font-atlases.js.map +1 -1
  21. package/dist/wcardinal-ui-theme-dark-en-us.js +1 -1
  22. package/dist/wcardinal-ui-theme-dark-en-us.min.js +1 -1
  23. package/dist/wcardinal-ui-theme-dark-ja-jp.js +1 -1
  24. package/dist/wcardinal-ui-theme-dark-ja-jp.min.js +1 -1
  25. package/dist/wcardinal-ui-theme-dark.js +1 -1
  26. package/dist/wcardinal-ui-theme-dark.min.js +1 -1
  27. package/dist/wcardinal-ui-theme-white-en-us.js +1 -1
  28. package/dist/wcardinal-ui-theme-white-en-us.min.js +1 -1
  29. package/dist/wcardinal-ui-theme-white-ja-jp.js +1 -1
  30. package/dist/wcardinal-ui-theme-white-ja-jp.min.js +1 -1
  31. package/dist/wcardinal-ui-theme-white.js +1 -1
  32. package/dist/wcardinal-ui-theme-white.min.js +1 -1
  33. package/dist/wcardinal-ui.cjs.js +84 -47
  34. package/dist/wcardinal-ui.js +84 -47
  35. package/dist/wcardinal-ui.min.js +2 -2
  36. package/dist/wcardinal-ui.min.js.map +1 -1
  37. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /*
2
- Winter Cardinal UI v0.449.0
2
+ Winter Cardinal UI v0.450.1
3
3
  Copyright (C) 2019 Toshiba Corporation
4
4
  SPDX-License-Identifier: Apache-2.0
5
5
 
@@ -15221,6 +15221,9 @@ var DynamicAtlas = /** @class */ (function () {
15221
15221
  }
15222
15222
  return null;
15223
15223
  };
15224
+ DynamicAtlas.prototype.contains = function (id) {
15225
+ return id in this._idToDatum;
15226
+ };
15224
15227
  DynamicAtlas.prototype.set = function (id, item) {
15225
15228
  var result = this._idToDatum[id];
15226
15229
  item.ref += 1;
@@ -16036,8 +16039,8 @@ var DynamicSDFFontAtlases = /** @class */ (function () {
16036
16039
  DynamicSDFFontAtlases.prototype.update = function (baseAtlas) {
16037
16040
  var baseTexture = baseAtlas.getBaseTexture();
16038
16041
  this._atlases.forEach(function (atlas) {
16042
+ var atlasId = atlas.id;
16039
16043
  if (atlas.update()) {
16040
- var atlasId = atlas.id;
16041
16044
  var item = baseAtlas.get(atlasId);
16042
16045
  if (item != null) {
16043
16046
  var width = atlas.width;
@@ -16053,6 +16056,11 @@ var DynamicSDFFontAtlases = /** @class */ (function () {
16053
16056
  baseAtlas.set(atlasId, new DynamicAtlasItemFontAtlas(atlas, baseTexture));
16054
16057
  }
16055
16058
  }
16059
+ else {
16060
+ if (!baseAtlas.contains(atlasId)) {
16061
+ baseAtlas.set(atlasId, new DynamicAtlasItemFontAtlas(atlas, baseTexture));
16062
+ }
16063
+ }
16056
16064
  });
16057
16065
  };
16058
16066
  DynamicSDFFontAtlases.prototype.destroy = function () {
@@ -76948,34 +76956,40 @@ var DDropdownBase = /** @class */ (function (_super) {
76948
76956
  this.open();
76949
76957
  };
76950
76958
  DDropdownBase.prototype.open = function () {
76951
- var _this = this;
76952
76959
  var menu = this.menu;
76953
76960
  if (menu.isHidden()) {
76954
- // In the case that the menu is created elsewhere,
76955
- // the menu might be opened by other UI elements
76956
- // and the `select` event might be triggered. In
76957
- // that case, we are not supposed to catct that
76958
- // `select` event. This is why the `select` event
76959
- // handler is registered here. Instead of the
76960
- // initialization time.
76961
- var onMenuSelectBound = this._onMenuSelectBound;
76962
- if (onMenuSelectBound == null) {
76963
- onMenuSelectBound = function (value, item, m) {
76964
- _this.onMenuSelect(value, item, m);
76965
- };
76966
- this._onMenuSelectBound = onMenuSelectBound;
76967
- }
76968
- var onMenuCloseBound = this._onMenuCloseBound;
76969
- if (onMenuCloseBound == null) {
76970
- onMenuCloseBound = function () {
76971
- _this.onMenuClose(_this._menu);
76972
- };
76973
- }
76974
- menu.on("select", onMenuSelectBound);
76975
- menu.on("close", onMenuCloseBound);
76961
+ this.onMenuOpening(menu);
76976
76962
  menu.open(this);
76977
- this.emit("open", menu, this);
76963
+ this.onMenuOpened(menu);
76964
+ }
76965
+ };
76966
+ DDropdownBase.prototype.onMenuOpening = function (menu) {
76967
+ var _this = this;
76968
+ // In the case that the menu is created elsewhere,
76969
+ // the menu might be opened by other UI elements
76970
+ // and the `select` event might be triggered. In
76971
+ // that case, we are not supposed to catch that
76972
+ // `select` event. This is why the `select` event
76973
+ // handler is registered here. Instead of the
76974
+ // initialization time.
76975
+ var onMenuSelectBound = this._onMenuSelectBound;
76976
+ if (onMenuSelectBound == null) {
76977
+ onMenuSelectBound = function (value, item, m) {
76978
+ _this.onMenuSelect(value, item, m);
76979
+ };
76980
+ this._onMenuSelectBound = onMenuSelectBound;
76981
+ }
76982
+ var onMenuCloseBound = this._onMenuCloseBound;
76983
+ if (onMenuCloseBound == null) {
76984
+ onMenuCloseBound = function () {
76985
+ _this.onMenuClose(_this._menu);
76986
+ };
76978
76987
  }
76988
+ menu.on("select", onMenuSelectBound);
76989
+ menu.on("close", onMenuCloseBound);
76990
+ };
76991
+ DDropdownBase.prototype.onMenuOpened = function (menu) {
76992
+ this.emit("open", menu, this);
76979
76993
  };
76980
76994
  DDropdownBase.prototype.close = function () {
76981
76995
  this.menu.close();
@@ -76983,6 +76997,39 @@ var DDropdownBase = /** @class */ (function (_super) {
76983
76997
  return DDropdownBase;
76984
76998
  }(DButtonBase));
76985
76999
 
77000
+ /*
77001
+ * Copyright (C) 2019 Toshiba Corporation
77002
+ * SPDX-License-Identifier: Apache-2.0
77003
+ */
77004
+ var DMenuItems = /** @class */ (function () {
77005
+ function DMenuItems() {
77006
+ }
77007
+ DMenuItems.each = function (menu, iteratee) {
77008
+ var children = menu.children;
77009
+ for (var i = 0, imax = children.length; i < imax; ++i) {
77010
+ var child = children[i];
77011
+ if (child instanceof DMenuItemMenu) {
77012
+ var result = this.each(child.menu, iteratee);
77013
+ if (result != null) {
77014
+ return result;
77015
+ }
77016
+ }
77017
+ else if (child instanceof DMenuItem) {
77018
+ if (iteratee(child)) {
77019
+ return child;
77020
+ }
77021
+ }
77022
+ }
77023
+ return null;
77024
+ };
77025
+ DMenuItems.find = function (menu, value) {
77026
+ return this.each(menu, function (item) {
77027
+ return item.value === value;
77028
+ });
77029
+ };
77030
+ return DMenuItems;
77031
+ }());
77032
+
76986
77033
  /*
76987
77034
  * Copyright (C) 2019 Toshiba Corporation
76988
77035
  * SPDX-License-Identifier: Apache-2.0
@@ -77015,7 +77062,7 @@ var DSelect = /** @class */ (function (_super) {
77015
77062
  _super.prototype.onMenuReplaced.call(this, newMenu, oldMenu);
77016
77063
  // Update the value
77017
77064
  var value = this._value;
77018
- var item = this.findMenuItem(newMenu, value);
77065
+ var item = DMenuItems.find(newMenu, value);
77019
77066
  if (item != null) {
77020
77067
  this._value = value;
77021
77068
  this.text = item;
@@ -77028,23 +77075,12 @@ var DSelect = /** @class */ (function (_super) {
77028
77075
  DSelect.prototype.onValueChange = function (newValue, oldValue, item) {
77029
77076
  this.emit("change", newValue, oldValue, item, this);
77030
77077
  };
77031
- DSelect.prototype.findMenuItem = function (menu, value) {
77032
- var children = menu.children;
77033
- for (var i = 0, imax = children.length; i < imax; ++i) {
77034
- var child = children[i];
77035
- if (child instanceof DMenuItemMenu) {
77036
- var result = this.findMenuItem(child.menu, value);
77037
- if (result != null) {
77038
- return result;
77039
- }
77040
- }
77041
- else if (child instanceof DMenuItem) {
77042
- if (child.value === value) {
77043
- return child;
77044
- }
77045
- }
77046
- }
77047
- return null;
77078
+ DSelect.prototype.onMenuOpening = function (menu) {
77079
+ _super.prototype.onMenuOpening.call(this, menu);
77080
+ var value = this._value;
77081
+ DMenuItems.each(menu, function (item) {
77082
+ item.state.isActive = item.value === value;
77083
+ });
77048
77084
  };
77049
77085
  Object.defineProperty(DSelect.prototype, "value", {
77050
77086
  /**
@@ -77058,7 +77094,7 @@ var DSelect = /** @class */ (function (_super) {
77058
77094
  */
77059
77095
  set: function (value) {
77060
77096
  if (this._value !== value) {
77061
- var item = this.findMenuItem(this.menu, value);
77097
+ var item = DMenuItems.find(this.menu, value);
77062
77098
  if (item != null) {
77063
77099
  this._value = value;
77064
77100
  this.text = item;
@@ -92833,9 +92869,9 @@ var DSelectMultiple = /** @class */ (function (_super) {
92833
92869
  DSelectMultiple.prototype.onValueChange = function (newValues, oldValues, items) {
92834
92870
  this.emit("change", newValues, oldValues, items, this);
92835
92871
  };
92836
- DSelectMultiple.prototype.open = function () {
92872
+ DSelectMultiple.prototype.onMenuOpening = function (menu) {
92873
+ _super.prototype.onMenuOpening.call(this, menu);
92837
92874
  this.updateMenuItems(this.menu, this._values);
92838
- _super.prototype.open.call(this);
92839
92875
  };
92840
92876
  Object.defineProperty(DSelectMultiple.prototype, "values", {
92841
92877
  /**
@@ -102187,6 +102223,7 @@ exports.DMenuItemSeparatorReflowable = DMenuItemSeparatorReflowable;
102187
102223
  exports.DMenuItemSpace = DMenuItemSpace;
102188
102224
  exports.DMenuItemSpaceIsCompatible = DMenuItemSpaceIsCompatible;
102189
102225
  exports.DMenuItemText = DMenuItemText;
102226
+ exports.DMenuItems = DMenuItems;
102190
102227
  exports.DMenuSided = DMenuSided;
102191
102228
  exports.DMenuSidedContent = DMenuSidedContent;
102192
102229
  exports.DMenuSidedItemCheck = DMenuSidedItemCheck;
@@ -1,5 +1,5 @@
1
1
  /*
2
- Winter Cardinal UI v0.449.0
2
+ Winter Cardinal UI v0.450.1
3
3
  Copyright (C) 2019 Toshiba Corporation
4
4
  SPDX-License-Identifier: Apache-2.0
5
5
 
@@ -15218,6 +15218,9 @@
15218
15218
  }
15219
15219
  return null;
15220
15220
  };
15221
+ DynamicAtlas.prototype.contains = function (id) {
15222
+ return id in this._idToDatum;
15223
+ };
15221
15224
  DynamicAtlas.prototype.set = function (id, item) {
15222
15225
  var result = this._idToDatum[id];
15223
15226
  item.ref += 1;
@@ -16033,8 +16036,8 @@
16033
16036
  DynamicSDFFontAtlases.prototype.update = function (baseAtlas) {
16034
16037
  var baseTexture = baseAtlas.getBaseTexture();
16035
16038
  this._atlases.forEach(function (atlas) {
16039
+ var atlasId = atlas.id;
16036
16040
  if (atlas.update()) {
16037
- var atlasId = atlas.id;
16038
16041
  var item = baseAtlas.get(atlasId);
16039
16042
  if (item != null) {
16040
16043
  var width = atlas.width;
@@ -16050,6 +16053,11 @@
16050
16053
  baseAtlas.set(atlasId, new DynamicAtlasItemFontAtlas(atlas, baseTexture));
16051
16054
  }
16052
16055
  }
16056
+ else {
16057
+ if (!baseAtlas.contains(atlasId)) {
16058
+ baseAtlas.set(atlasId, new DynamicAtlasItemFontAtlas(atlas, baseTexture));
16059
+ }
16060
+ }
16053
16061
  });
16054
16062
  };
16055
16063
  DynamicSDFFontAtlases.prototype.destroy = function () {
@@ -55566,34 +55574,40 @@
55566
55574
  this.open();
55567
55575
  };
55568
55576
  DDropdownBase.prototype.open = function () {
55569
- var _this = this;
55570
55577
  var menu = this.menu;
55571
55578
  if (menu.isHidden()) {
55572
- // In the case that the menu is created elsewhere,
55573
- // the menu might be opened by other UI elements
55574
- // and the `select` event might be triggered. In
55575
- // that case, we are not supposed to catct that
55576
- // `select` event. This is why the `select` event
55577
- // handler is registered here. Instead of the
55578
- // initialization time.
55579
- var onMenuSelectBound = this._onMenuSelectBound;
55580
- if (onMenuSelectBound == null) {
55581
- onMenuSelectBound = function (value, item, m) {
55582
- _this.onMenuSelect(value, item, m);
55583
- };
55584
- this._onMenuSelectBound = onMenuSelectBound;
55585
- }
55586
- var onMenuCloseBound = this._onMenuCloseBound;
55587
- if (onMenuCloseBound == null) {
55588
- onMenuCloseBound = function () {
55589
- _this.onMenuClose(_this._menu);
55590
- };
55591
- }
55592
- menu.on("select", onMenuSelectBound);
55593
- menu.on("close", onMenuCloseBound);
55579
+ this.onMenuOpening(menu);
55594
55580
  menu.open(this);
55595
- this.emit("open", menu, this);
55581
+ this.onMenuOpened(menu);
55582
+ }
55583
+ };
55584
+ DDropdownBase.prototype.onMenuOpening = function (menu) {
55585
+ var _this = this;
55586
+ // In the case that the menu is created elsewhere,
55587
+ // the menu might be opened by other UI elements
55588
+ // and the `select` event might be triggered. In
55589
+ // that case, we are not supposed to catch that
55590
+ // `select` event. This is why the `select` event
55591
+ // handler is registered here. Instead of the
55592
+ // initialization time.
55593
+ var onMenuSelectBound = this._onMenuSelectBound;
55594
+ if (onMenuSelectBound == null) {
55595
+ onMenuSelectBound = function (value, item, m) {
55596
+ _this.onMenuSelect(value, item, m);
55597
+ };
55598
+ this._onMenuSelectBound = onMenuSelectBound;
55599
+ }
55600
+ var onMenuCloseBound = this._onMenuCloseBound;
55601
+ if (onMenuCloseBound == null) {
55602
+ onMenuCloseBound = function () {
55603
+ _this.onMenuClose(_this._menu);
55604
+ };
55596
55605
  }
55606
+ menu.on("select", onMenuSelectBound);
55607
+ menu.on("close", onMenuCloseBound);
55608
+ };
55609
+ DDropdownBase.prototype.onMenuOpened = function (menu) {
55610
+ this.emit("open", menu, this);
55597
55611
  };
55598
55612
  DDropdownBase.prototype.close = function () {
55599
55613
  this.menu.close();
@@ -55601,6 +55615,39 @@
55601
55615
  return DDropdownBase;
55602
55616
  }(DButtonBase));
55603
55617
 
55618
+ /*
55619
+ * Copyright (C) 2019 Toshiba Corporation
55620
+ * SPDX-License-Identifier: Apache-2.0
55621
+ */
55622
+ var DMenuItems = /** @class */ (function () {
55623
+ function DMenuItems() {
55624
+ }
55625
+ DMenuItems.each = function (menu, iteratee) {
55626
+ var children = menu.children;
55627
+ for (var i = 0, imax = children.length; i < imax; ++i) {
55628
+ var child = children[i];
55629
+ if (child instanceof DMenuItemMenu) {
55630
+ var result = this.each(child.menu, iteratee);
55631
+ if (result != null) {
55632
+ return result;
55633
+ }
55634
+ }
55635
+ else if (child instanceof DMenuItem) {
55636
+ if (iteratee(child)) {
55637
+ return child;
55638
+ }
55639
+ }
55640
+ }
55641
+ return null;
55642
+ };
55643
+ DMenuItems.find = function (menu, value) {
55644
+ return this.each(menu, function (item) {
55645
+ return item.value === value;
55646
+ });
55647
+ };
55648
+ return DMenuItems;
55649
+ }());
55650
+
55604
55651
  /*
55605
55652
  * Copyright (C) 2019 Toshiba Corporation
55606
55653
  * SPDX-License-Identifier: Apache-2.0
@@ -55633,7 +55680,7 @@
55633
55680
  _super.prototype.onMenuReplaced.call(this, newMenu, oldMenu);
55634
55681
  // Update the value
55635
55682
  var value = this._value;
55636
- var item = this.findMenuItem(newMenu, value);
55683
+ var item = DMenuItems.find(newMenu, value);
55637
55684
  if (item != null) {
55638
55685
  this._value = value;
55639
55686
  this.text = item;
@@ -55646,23 +55693,12 @@
55646
55693
  DSelect.prototype.onValueChange = function (newValue, oldValue, item) {
55647
55694
  this.emit("change", newValue, oldValue, item, this);
55648
55695
  };
55649
- DSelect.prototype.findMenuItem = function (menu, value) {
55650
- var children = menu.children;
55651
- for (var i = 0, imax = children.length; i < imax; ++i) {
55652
- var child = children[i];
55653
- if (child instanceof DMenuItemMenu) {
55654
- var result = this.findMenuItem(child.menu, value);
55655
- if (result != null) {
55656
- return result;
55657
- }
55658
- }
55659
- else if (child instanceof DMenuItem) {
55660
- if (child.value === value) {
55661
- return child;
55662
- }
55663
- }
55664
- }
55665
- return null;
55696
+ DSelect.prototype.onMenuOpening = function (menu) {
55697
+ _super.prototype.onMenuOpening.call(this, menu);
55698
+ var value = this._value;
55699
+ DMenuItems.each(menu, function (item) {
55700
+ item.state.isActive = item.value === value;
55701
+ });
55666
55702
  };
55667
55703
  Object.defineProperty(DSelect.prototype, "value", {
55668
55704
  /**
@@ -55676,7 +55712,7 @@
55676
55712
  */
55677
55713
  set: function (value) {
55678
55714
  if (this._value !== value) {
55679
- var item = this.findMenuItem(this.menu, value);
55715
+ var item = DMenuItems.find(this.menu, value);
55680
55716
  if (item != null) {
55681
55717
  this._value = value;
55682
55718
  this.text = item;
@@ -71550,9 +71586,9 @@
71550
71586
  DSelectMultiple.prototype.onValueChange = function (newValues, oldValues, items) {
71551
71587
  this.emit("change", newValues, oldValues, items, this);
71552
71588
  };
71553
- DSelectMultiple.prototype.open = function () {
71589
+ DSelectMultiple.prototype.onMenuOpening = function (menu) {
71590
+ _super.prototype.onMenuOpening.call(this, menu);
71554
71591
  this.updateMenuItems(this.menu, this._values);
71555
- _super.prototype.open.call(this);
71556
71592
  };
71557
71593
  Object.defineProperty(DSelectMultiple.prototype, "values", {
71558
71594
  /**
@@ -81580,6 +81616,7 @@
81580
81616
  DMenuItemSpace: DMenuItemSpace,
81581
81617
  DMenuItemText: DMenuItemText,
81582
81618
  DMenuItem: DMenuItem,
81619
+ DMenuItems: DMenuItems,
81583
81620
  DMenuSidedContent: DMenuSidedContent,
81584
81621
  DMenuSidedItemCheck: DMenuSidedItemCheck,
81585
81622
  DMenuSidedItemExpandableItemCheck: DMenuSidedItemExpandableItemCheck,