@wcardinal/wcardinal-ui 0.400.0 → 0.402.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.
Files changed (37) hide show
  1. package/dist/types/wcardinal/ui/theme/white/d-theme-white-indicator-processing.d.ts +1 -1
  2. package/dist/types/wcardinal/ui/util/util-svg-atlas-builder.d.ts +13 -2
  3. package/dist/wcardinal/ui/d-base.js +1 -9
  4. package/dist/wcardinal/ui/d-base.js.map +1 -1
  5. package/dist/wcardinal/ui/d-dynamic-text.js +2 -1
  6. package/dist/wcardinal/ui/d-dynamic-text.js.map +1 -1
  7. package/dist/wcardinal/ui/theme/dark/d-theme-dark-atlas.js +6 -1
  8. package/dist/wcardinal/ui/theme/dark/d-theme-dark-atlas.js.map +1 -1
  9. package/dist/wcardinal/ui/theme/dark/d-theme-dark-indicator-processing.js +7 -13
  10. package/dist/wcardinal/ui/theme/dark/d-theme-dark-indicator-processing.js.map +1 -1
  11. package/dist/wcardinal/ui/theme/white/d-theme-white-atlas.js +6 -1
  12. package/dist/wcardinal/ui/theme/white/d-theme-white-atlas.js.map +1 -1
  13. package/dist/wcardinal/ui/theme/white/d-theme-white-indicator-processing.js +7 -13
  14. package/dist/wcardinal/ui/theme/white/d-theme-white-indicator-processing.js.map +1 -1
  15. package/dist/wcardinal/ui/util/util-svg-atlas-builder.js +14 -9
  16. package/dist/wcardinal/ui/util/util-svg-atlas-builder.js.map +1 -1
  17. package/dist/wcardinal-ui-theme-dark-en-us.js +15 -18
  18. package/dist/wcardinal-ui-theme-dark-en-us.min.js +2 -2
  19. package/dist/wcardinal-ui-theme-dark-en-us.min.js.map +1 -1
  20. package/dist/wcardinal-ui-theme-dark-ja-jp.js +15 -18
  21. package/dist/wcardinal-ui-theme-dark-ja-jp.min.js +2 -2
  22. package/dist/wcardinal-ui-theme-dark-ja-jp.min.js.map +1 -1
  23. package/dist/wcardinal-ui-theme-dark.js +15 -18
  24. package/dist/wcardinal-ui-theme-dark.min.js +2 -2
  25. package/dist/wcardinal-ui-theme-white-en-us.js +15 -18
  26. package/dist/wcardinal-ui-theme-white-en-us.min.js +2 -2
  27. package/dist/wcardinal-ui-theme-white-en-us.min.js.map +1 -1
  28. package/dist/wcardinal-ui-theme-white-ja-jp.js +15 -18
  29. package/dist/wcardinal-ui-theme-white-ja-jp.min.js +2 -2
  30. package/dist/wcardinal-ui-theme-white-ja-jp.min.js.map +1 -1
  31. package/dist/wcardinal-ui-theme-white.js +15 -18
  32. package/dist/wcardinal-ui-theme-white.min.js +2 -2
  33. package/dist/wcardinal-ui.cjs.js +51 -55
  34. package/dist/wcardinal-ui.js +17 -19
  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.400.0
2
+ Winter Cardinal UI v0.402.0
3
3
  Copyright (C) 2019 Toshiba Corporation
4
4
  SPDX-License-Identifier: Apache-2.0
5
5
 
@@ -15159,15 +15159,7 @@ var DBase = /** @class */ (function (_super) {
15159
15159
  };
15160
15160
  //
15161
15161
  DBase.prototype._calculateBounds = function () {
15162
- var worldTransform = this.transform.worldTransform;
15163
- var bounds = this._bounds;
15164
- var work = DBase.WORK_CONTAINS_POINT;
15165
- work.set(0, 0);
15166
- worldTransform.apply(work, work);
15167
- bounds.addPoint(work);
15168
- work.set(this._width, this._height);
15169
- worldTransform.apply(work, work);
15170
- bounds.addPoint(work);
15162
+ this._bounds.addFrame(this.transform, 0, 0, this._width, this._height);
15171
15163
  _super.prototype._calculateBounds.call(this);
15172
15164
  };
15173
15165
  DBase.prototype.containsPoint = function (point) {
@@ -29472,7 +29464,8 @@ var DDynamicText = /** @class */ (function (_super) {
29472
29464
  };
29473
29465
  DDynamicText.prototype._calculateBounds = function () {
29474
29466
  this.update();
29475
- _super.prototype._calculateBounds.call(this);
29467
+ var geometry = this.geometry;
29468
+ this._bounds.addFrame(this.transform, 0, 0, geometry.width, geometry.height);
29476
29469
  };
29477
29470
  DDynamicText.prototype._render = function (renderer) {
29478
29471
  this.update();
@@ -47177,10 +47170,14 @@ var ESnapper = /** @class */ (function (_super) {
47177
47170
  * SPDX-License-Identifier: Apache-2.0
47178
47171
  */
47179
47172
  var UtilSvgAtlasBuilder = /** @class */ (function () {
47180
- function UtilSvgAtlasBuilder(width, ratio, margin) {
47181
- this._width = width;
47182
- this._ratio = ratio;
47183
- this._margin = margin;
47173
+ function UtilSvgAtlasBuilder(options) {
47174
+ var _a, _b, _c, _d, _e, _f, _g;
47175
+ this._width = (_a = options.width) !== null && _a !== void 0 ? _a : 256;
47176
+ this._ratio = (_b = options.ratio) !== null && _b !== void 0 ? _b : 1;
47177
+ this._margin = (_c = options.margin) !== null && _c !== void 0 ? _c : 3;
47178
+ this._resolution = (_e = (_d = options.resolution) !== null && _d !== void 0 ? _d : window.devicePixelRatio) !== null && _e !== void 0 ? _e : 1;
47179
+ this._scaling = (_f = options.scaling) !== null && _f !== void 0 ? _f : pixi_js.settings.SCALE_MODE;
47180
+ this._mipmap = (_g = options.mipmap) !== null && _g !== void 0 ? _g : pixi_js.settings.MIPMAP_TEXTURES;
47184
47181
  this._frames = {};
47185
47182
  this._svg = "";
47186
47183
  this._nextX = 0;
@@ -47245,10 +47242,10 @@ var UtilSvgAtlasBuilder = /** @class */ (function () {
47245
47242
  configurable: true
47246
47243
  });
47247
47244
  UtilSvgAtlasBuilder.prototype.build = function (options) {
47248
- var _a, _b, _c;
47245
+ var _a, _b;
47249
47246
  var built = this._built;
47250
47247
  if (built == null || (options === null || options === void 0 ? void 0 : options.force)) {
47251
- var resolution = (_b = (_a = options === null || options === void 0 ? void 0 : options.resolution) !== null && _a !== void 0 ? _a : window.devicePixelRatio) !== null && _b !== void 0 ? _b : 1;
47248
+ var resolution = (_a = options === null || options === void 0 ? void 0 : options.resolution) !== null && _a !== void 0 ? _a : this._resolution;
47252
47249
  var width = this._width;
47253
47250
  var height = Math.pow(2, Math.ceil(Math.log(this._nextY + this._height) / Math.LN2));
47254
47251
  var realWidth = width * resolution;
@@ -47259,10 +47256,11 @@ var UtilSvgAtlasBuilder = /** @class */ (function () {
47259
47256
  var attrViewBox = "viewBox=\"0 0 ".concat(width * ratio, " ").concat(height * ratio, "\"");
47260
47257
  var attrXmlns = "xmlns=\"http://www.w3.org/2000/svg\"";
47261
47258
  var url = toSvgUrl("<svg ".concat(attrWidth, " ").concat(attrHeight, " ").concat(attrViewBox, " ").concat(attrXmlns, ">").concat(this._svg, "</svg>"));
47262
- var scaleMode = (_c = options === null || options === void 0 ? void 0 : options.scaling) !== null && _c !== void 0 ? _c : pixi_js.SCALE_MODES.NEAREST;
47259
+ var scaleMode = (_b = options === null || options === void 0 ? void 0 : options.scaling) !== null && _b !== void 0 ? _b : this._scaling;
47263
47260
  var baseTexture = pixi_js.BaseTexture.from(url, {
47264
47261
  resolution: resolution,
47265
- scaleMode: scaleMode
47262
+ scaleMode: scaleMode,
47263
+ mipmap: this._mipmap
47266
47264
  });
47267
47265
  var frames_1 = this._frames;
47268
47266
  built = this._built = {};
@@ -47279,7 +47277,11 @@ var UtilSvgAtlasBuilder = /** @class */ (function () {
47279
47277
  * Copyright (C) 2019 Toshiba Corporation
47280
47278
  * SPDX-License-Identifier: Apache-2.0
47281
47279
  */
47282
- var DThemeWhiteAtlas = new UtilSvgAtlasBuilder(1024, 1, 3);
47280
+ var DThemeWhiteAtlas = new UtilSvgAtlasBuilder({
47281
+ width: 1024,
47282
+ scaling: pixi_js.SCALE_MODES.LINEAR,
47283
+ mipmap: pixi_js.MIPMAP_MODES.OFF
47284
+ });
47283
47285
 
47284
47286
  /*
47285
47287
  * Copyright (C) 2019 Toshiba Corporation
@@ -57422,16 +57424,6 @@ var loadThemeWhiteEnUsTable = function () {
57422
57424
  loadThemeWhiteMenu();
57423
57425
  };
57424
57426
 
57425
- /*
57426
- * Copyright (C) 2019 Toshiba Corporation
57427
- * SPDX-License-Identifier: Apache-2.0
57428
- */
57429
- var toSvgTexture = function (svg, resolution) {
57430
- return pixi_js.Texture.from(toSvgUrl(svg), {
57431
- resolution: resolution
57432
- });
57433
- };
57434
-
57435
57427
  /*
57436
57428
  * Copyright (C) 2019 Toshiba Corporation
57437
57429
  * SPDX-License-Identifier: Apache-2.0
@@ -57439,6 +57431,12 @@ var toSvgTexture = function (svg, resolution) {
57439
57431
  // Material Design icons by Google.
57440
57432
  // Apache license version 2.0.
57441
57433
  /* eslint-disable prettier/prettier */
57434
+ DThemeWhiteAtlas.add("button_process_processing", 24, 24, "<g transform=\"scale(0.025,0.025) translate(0,960)\">" +
57435
+ "<path d=\"M480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-155.5t86-127Q252-817 325-848.5T" +
57436
+ "480-880q17 0 28.5 11.5T520-840q0 17-11.5 28.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133" +
57437
+ " 0 226.5-93.5T800-480q0-17 11.5-28.5T840-520q17 0 28.5 11.5T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 8" +
57438
+ "6T480-80Z\" fill=\"#fff\"/>" +
57439
+ "</g>");
57442
57440
  DThemeWhiteAtlas.add("button_process_success", 24, 24, "<g transform=\"scale(0.025,0.025) translate(0,960)\">" +
57443
57441
  "<path d=\"M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z\" fill=\"#fff\" />" +
57444
57442
  "</g>");
@@ -57446,20 +57444,9 @@ DThemeWhiteAtlas.add("button_process_fail", 24, 24, "<g transform=\"scale(0.025,
57446
57444
  "<path d=\"m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z\" fill=\"#fff\" />" +
57447
57445
  "</g>");
57448
57446
  /* eslint-enable prettier/prettier */
57449
- var newProcessingTexture$1 = function () {
57450
- var resolution = (window.devicePixelRatio || 1) * 2;
57451
- var size = 24 * resolution;
57452
- return toSvgTexture("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"".concat(size, "px\" height=\"").concat(size, "px\" viewBox=\"0 -960 960 960\">") +
57453
- "<path d=\"M480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-155.5t86-127Q252-817 325-848.5T" +
57454
- "480-880q17 0 28.5 11.5T520-840q0 17-11.5 28.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133" +
57455
- " 0 226.5-93.5T800-480q0-17 11.5-28.5T840-520q17 0 28.5 11.5T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 8" +
57456
- "6T480-80Z\" fill=\"#fff\"/>" +
57457
- "</svg>", resolution);
57458
- };
57459
- var processingTexture$1;
57460
57447
  var imageSource$1 = function (state) {
57461
57448
  if (state.isProcessing) {
57462
- return (processingTexture$1 !== null && processingTexture$1 !== void 0 ? processingTexture$1 : (processingTexture$1 = newProcessingTexture$1()));
57449
+ return DThemeWhiteAtlas.mappings.button_process_processing;
57463
57450
  }
57464
57451
  else if (state.isSucceeded) {
57465
57452
  return DThemeWhiteAtlas.mappings.button_process_success;
@@ -58448,7 +58435,11 @@ var DThemeWhiteDialogConfirmDelete = /** @class */ (function (_super) {
58448
58435
  * Copyright (C) 2019 Toshiba Corporation
58449
58436
  * SPDX-License-Identifier: Apache-2.0
58450
58437
  */
58451
- var DThemeDarkAtlas = new UtilSvgAtlasBuilder(1024, 1, 3);
58438
+ var DThemeDarkAtlas = new UtilSvgAtlasBuilder({
58439
+ width: 1024,
58440
+ scaling: pixi_js.SCALE_MODES.LINEAR,
58441
+ mipmap: pixi_js.MIPMAP_MODES.OFF
58442
+ });
58452
58443
 
58453
58444
  /*
58454
58445
  * Copyright (C) 2019 Toshiba Corporation
@@ -67943,6 +67934,12 @@ var loadThemeDarkEnUsTable = function () {
67943
67934
  // Material Design icons by Google.
67944
67935
  // Apache license version 2.0.
67945
67936
  /* eslint-disable prettier/prettier */
67937
+ DThemeDarkAtlas.add("button_process_processing", 24, 24, "<g transform=\"scale(0.025,0.025) translate(0,960)\">" +
67938
+ "<path d=\"M480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-155.5t86-127Q252-817 325-848.5T" +
67939
+ "480-880q17 0 28.5 11.5T520-840q0 17-11.5 28.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133" +
67940
+ " 0 226.5-93.5T800-480q0-17 11.5-28.5T840-520q17 0 28.5 11.5T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 8" +
67941
+ "6T480-80Z\" fill=\"#fff\"/>" +
67942
+ "</g>");
67946
67943
  DThemeDarkAtlas.add("button_process_success", 24, 24, "<g transform=\"scale(0.025,0.025) translate(0,960)\">" +
67947
67944
  "<path d=\"M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z\" fill=\"#fff\" />" +
67948
67945
  "</g>");
@@ -67950,20 +67947,9 @@ DThemeDarkAtlas.add("button_process_fail", 24, 24, "<g transform=\"scale(0.025,0
67950
67947
  "<path d=\"m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z\" fill=\"#fff\" />" +
67951
67948
  "</g>");
67952
67949
  /* eslint-enable prettier/prettier */
67953
- var newProcessingTexture = function () {
67954
- var resolution = (window.devicePixelRatio || 1) * 2;
67955
- var size = 24 * resolution;
67956
- return toSvgTexture("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"".concat(size, "px\" height=\"").concat(size, "px\" viewBox=\"0 -960 960 960\">") +
67957
- "<path d=\"M480-80q-82 0-155-31.5t-127.5-86Q143-252 111.5-325T80-480q0-83 31.5-155.5t86-127Q252-817 325-848.5T" +
67958
- "480-880q17 0 28.5 11.5T520-840q0 17-11.5 28.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160q133" +
67959
- " 0 226.5-93.5T800-480q0-17 11.5-28.5T840-520q17 0 28.5 11.5T880-480q0 82-31.5 155t-86 127.5q-54.5 54.5-127 8" +
67960
- "6T480-80Z\" fill=\"#fff\"/>" +
67961
- "</svg>", resolution);
67962
- };
67963
- var processingTexture;
67964
67950
  var imageSource = function (state) {
67965
67951
  if (state.isProcessing) {
67966
- return (processingTexture !== null && processingTexture !== void 0 ? processingTexture : (processingTexture = newProcessingTexture()));
67952
+ return DThemeDarkAtlas.mappings.button_process_processing;
67967
67953
  }
67968
67954
  else if (state.isSucceeded) {
67969
67955
  return DThemeDarkAtlas.mappings.button_process_success;
@@ -69513,6 +69499,16 @@ var toMerged = function (one, other) {
69513
69499
  }
69514
69500
  };
69515
69501
 
69502
+ /*
69503
+ * Copyright (C) 2019 Toshiba Corporation
69504
+ * SPDX-License-Identifier: Apache-2.0
69505
+ */
69506
+ var toSvgTexture = function (svg, resolution) {
69507
+ return pixi_js.Texture.from(toSvgUrl(svg), {
69508
+ resolution: resolution
69509
+ });
69510
+ };
69511
+
69516
69512
  /*
69517
69513
  * Copyright (C) 2019 Toshiba Corporation
69518
69514
  * SPDX-License-Identifier: Apache-2.0
@@ -1,5 +1,5 @@
1
1
  /*
2
- Winter Cardinal UI v0.400.0
2
+ Winter Cardinal UI v0.402.0
3
3
  Copyright (C) 2019 Toshiba Corporation
4
4
  SPDX-License-Identifier: Apache-2.0
5
5
 
@@ -15156,15 +15156,7 @@
15156
15156
  };
15157
15157
  //
15158
15158
  DBase.prototype._calculateBounds = function () {
15159
- var worldTransform = this.transform.worldTransform;
15160
- var bounds = this._bounds;
15161
- var work = DBase.WORK_CONTAINS_POINT;
15162
- work.set(0, 0);
15163
- worldTransform.apply(work, work);
15164
- bounds.addPoint(work);
15165
- work.set(this._width, this._height);
15166
- worldTransform.apply(work, work);
15167
- bounds.addPoint(work);
15159
+ this._bounds.addFrame(this.transform, 0, 0, this._width, this._height);
15168
15160
  _super.prototype._calculateBounds.call(this);
15169
15161
  };
15170
15162
  DBase.prototype.containsPoint = function (point) {
@@ -29469,7 +29461,8 @@
29469
29461
  };
29470
29462
  DDynamicText.prototype._calculateBounds = function () {
29471
29463
  this.update();
29472
- _super.prototype._calculateBounds.call(this);
29464
+ var geometry = this.geometry;
29465
+ this._bounds.addFrame(this.transform, 0, 0, geometry.width, geometry.height);
29473
29466
  };
29474
29467
  DDynamicText.prototype._render = function (renderer) {
29475
29468
  this.update();
@@ -47782,10 +47775,14 @@
47782
47775
  * SPDX-License-Identifier: Apache-2.0
47783
47776
  */
47784
47777
  var UtilSvgAtlasBuilder = /** @class */ (function () {
47785
- function UtilSvgAtlasBuilder(width, ratio, margin) {
47786
- this._width = width;
47787
- this._ratio = ratio;
47788
- this._margin = margin;
47778
+ function UtilSvgAtlasBuilder(options) {
47779
+ var _a, _b, _c, _d, _e, _f, _g;
47780
+ this._width = (_a = options.width) !== null && _a !== void 0 ? _a : 256;
47781
+ this._ratio = (_b = options.ratio) !== null && _b !== void 0 ? _b : 1;
47782
+ this._margin = (_c = options.margin) !== null && _c !== void 0 ? _c : 3;
47783
+ this._resolution = (_e = (_d = options.resolution) !== null && _d !== void 0 ? _d : window.devicePixelRatio) !== null && _e !== void 0 ? _e : 1;
47784
+ this._scaling = (_f = options.scaling) !== null && _f !== void 0 ? _f : pixi_js.settings.SCALE_MODE;
47785
+ this._mipmap = (_g = options.mipmap) !== null && _g !== void 0 ? _g : pixi_js.settings.MIPMAP_TEXTURES;
47789
47786
  this._frames = {};
47790
47787
  this._svg = "";
47791
47788
  this._nextX = 0;
@@ -47850,10 +47847,10 @@
47850
47847
  configurable: true
47851
47848
  });
47852
47849
  UtilSvgAtlasBuilder.prototype.build = function (options) {
47853
- var _a, _b, _c;
47850
+ var _a, _b;
47854
47851
  var built = this._built;
47855
47852
  if (built == null || (options === null || options === void 0 ? void 0 : options.force)) {
47856
- var resolution = (_b = (_a = options === null || options === void 0 ? void 0 : options.resolution) !== null && _a !== void 0 ? _a : window.devicePixelRatio) !== null && _b !== void 0 ? _b : 1;
47853
+ var resolution = (_a = options === null || options === void 0 ? void 0 : options.resolution) !== null && _a !== void 0 ? _a : this._resolution;
47857
47854
  var width = this._width;
47858
47855
  var height = Math.pow(2, Math.ceil(Math.log(this._nextY + this._height) / Math.LN2));
47859
47856
  var realWidth = width * resolution;
@@ -47864,10 +47861,11 @@
47864
47861
  var attrViewBox = "viewBox=\"0 0 ".concat(width * ratio, " ").concat(height * ratio, "\"");
47865
47862
  var attrXmlns = "xmlns=\"http://www.w3.org/2000/svg\"";
47866
47863
  var url = toSvgUrl("<svg ".concat(attrWidth, " ").concat(attrHeight, " ").concat(attrViewBox, " ").concat(attrXmlns, ">").concat(this._svg, "</svg>"));
47867
- var scaleMode = (_c = options === null || options === void 0 ? void 0 : options.scaling) !== null && _c !== void 0 ? _c : pixi_js.SCALE_MODES.NEAREST;
47864
+ var scaleMode = (_b = options === null || options === void 0 ? void 0 : options.scaling) !== null && _b !== void 0 ? _b : this._scaling;
47868
47865
  var baseTexture = pixi_js.BaseTexture.from(url, {
47869
47866
  resolution: resolution,
47870
- scaleMode: scaleMode
47867
+ scaleMode: scaleMode,
47868
+ mipmap: this._mipmap
47871
47869
  });
47872
47870
  var frames_1 = this._frames;
47873
47871
  built = this._built = {};