@wcardinal/wcardinal-ui 0.400.0 → 0.401.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 (33) 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/theme/dark/d-theme-dark-atlas.js +6 -1
  4. package/dist/wcardinal/ui/theme/dark/d-theme-dark-atlas.js.map +1 -1
  5. package/dist/wcardinal/ui/theme/dark/d-theme-dark-indicator-processing.js +7 -13
  6. package/dist/wcardinal/ui/theme/dark/d-theme-dark-indicator-processing.js.map +1 -1
  7. package/dist/wcardinal/ui/theme/white/d-theme-white-atlas.js +6 -1
  8. package/dist/wcardinal/ui/theme/white/d-theme-white-atlas.js.map +1 -1
  9. package/dist/wcardinal/ui/theme/white/d-theme-white-indicator-processing.js +7 -13
  10. package/dist/wcardinal/ui/theme/white/d-theme-white-indicator-processing.js.map +1 -1
  11. package/dist/wcardinal/ui/util/util-svg-atlas-builder.js +14 -9
  12. package/dist/wcardinal/ui/util/util-svg-atlas-builder.js.map +1 -1
  13. package/dist/wcardinal-ui-theme-dark-en-us.js +15 -18
  14. package/dist/wcardinal-ui-theme-dark-en-us.min.js +2 -2
  15. package/dist/wcardinal-ui-theme-dark-en-us.min.js.map +1 -1
  16. package/dist/wcardinal-ui-theme-dark-ja-jp.js +15 -18
  17. package/dist/wcardinal-ui-theme-dark-ja-jp.min.js +2 -2
  18. package/dist/wcardinal-ui-theme-dark-ja-jp.min.js.map +1 -1
  19. package/dist/wcardinal-ui-theme-dark.js +15 -18
  20. package/dist/wcardinal-ui-theme-dark.min.js +2 -2
  21. package/dist/wcardinal-ui-theme-white-en-us.js +15 -18
  22. package/dist/wcardinal-ui-theme-white-en-us.min.js +2 -2
  23. package/dist/wcardinal-ui-theme-white-en-us.min.js.map +1 -1
  24. package/dist/wcardinal-ui-theme-white-ja-jp.js +15 -18
  25. package/dist/wcardinal-ui-theme-white-ja-jp.min.js +2 -2
  26. package/dist/wcardinal-ui-theme-white-ja-jp.min.js.map +1 -1
  27. package/dist/wcardinal-ui-theme-white.js +15 -18
  28. package/dist/wcardinal-ui-theme-white.min.js +2 -2
  29. package/dist/wcardinal-ui.cjs.js +48 -45
  30. package/dist/wcardinal-ui.js +14 -9
  31. package/dist/wcardinal-ui.min.js +2 -2
  32. package/dist/wcardinal-ui.min.js.map +1 -1
  33. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /*
2
- Winter Cardinal UI v0.400.0
2
+ Winter Cardinal UI v0.401.0
3
3
  Copyright (C) 2019 Toshiba Corporation
4
4
  SPDX-License-Identifier: Apache-2.0
5
5
 
@@ -47177,10 +47177,14 @@ var ESnapper = /** @class */ (function (_super) {
47177
47177
  * SPDX-License-Identifier: Apache-2.0
47178
47178
  */
47179
47179
  var UtilSvgAtlasBuilder = /** @class */ (function () {
47180
- function UtilSvgAtlasBuilder(width, ratio, margin) {
47181
- this._width = width;
47182
- this._ratio = ratio;
47183
- this._margin = margin;
47180
+ function UtilSvgAtlasBuilder(options) {
47181
+ var _a, _b, _c, _d, _e, _f, _g;
47182
+ this._width = (_a = options.width) !== null && _a !== void 0 ? _a : 256;
47183
+ this._ratio = (_b = options.ratio) !== null && _b !== void 0 ? _b : 1;
47184
+ this._margin = (_c = options.margin) !== null && _c !== void 0 ? _c : 3;
47185
+ this._resolution = (_e = (_d = options.resolution) !== null && _d !== void 0 ? _d : window.devicePixelRatio) !== null && _e !== void 0 ? _e : 1;
47186
+ this._scaling = (_f = options.scaling) !== null && _f !== void 0 ? _f : pixi_js.settings.SCALE_MODE;
47187
+ this._mipmap = (_g = options.mipmap) !== null && _g !== void 0 ? _g : pixi_js.settings.MIPMAP_TEXTURES;
47184
47188
  this._frames = {};
47185
47189
  this._svg = "";
47186
47190
  this._nextX = 0;
@@ -47245,10 +47249,10 @@ var UtilSvgAtlasBuilder = /** @class */ (function () {
47245
47249
  configurable: true
47246
47250
  });
47247
47251
  UtilSvgAtlasBuilder.prototype.build = function (options) {
47248
- var _a, _b, _c;
47252
+ var _a, _b;
47249
47253
  var built = this._built;
47250
47254
  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;
47255
+ var resolution = (_a = options === null || options === void 0 ? void 0 : options.resolution) !== null && _a !== void 0 ? _a : this._resolution;
47252
47256
  var width = this._width;
47253
47257
  var height = Math.pow(2, Math.ceil(Math.log(this._nextY + this._height) / Math.LN2));
47254
47258
  var realWidth = width * resolution;
@@ -47259,10 +47263,11 @@ var UtilSvgAtlasBuilder = /** @class */ (function () {
47259
47263
  var attrViewBox = "viewBox=\"0 0 ".concat(width * ratio, " ").concat(height * ratio, "\"");
47260
47264
  var attrXmlns = "xmlns=\"http://www.w3.org/2000/svg\"";
47261
47265
  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;
47266
+ var scaleMode = (_b = options === null || options === void 0 ? void 0 : options.scaling) !== null && _b !== void 0 ? _b : this._scaling;
47263
47267
  var baseTexture = pixi_js.BaseTexture.from(url, {
47264
47268
  resolution: resolution,
47265
- scaleMode: scaleMode
47269
+ scaleMode: scaleMode,
47270
+ mipmap: this._mipmap
47266
47271
  });
47267
47272
  var frames_1 = this._frames;
47268
47273
  built = this._built = {};
@@ -47279,7 +47284,11 @@ var UtilSvgAtlasBuilder = /** @class */ (function () {
47279
47284
  * Copyright (C) 2019 Toshiba Corporation
47280
47285
  * SPDX-License-Identifier: Apache-2.0
47281
47286
  */
47282
- var DThemeWhiteAtlas = new UtilSvgAtlasBuilder(1024, 1, 3);
47287
+ var DThemeWhiteAtlas = new UtilSvgAtlasBuilder({
47288
+ width: 1024,
47289
+ scaling: pixi_js.SCALE_MODES.LINEAR,
47290
+ mipmap: pixi_js.MIPMAP_MODES.OFF
47291
+ });
47283
47292
 
47284
47293
  /*
47285
47294
  * Copyright (C) 2019 Toshiba Corporation
@@ -57422,16 +57431,6 @@ var loadThemeWhiteEnUsTable = function () {
57422
57431
  loadThemeWhiteMenu();
57423
57432
  };
57424
57433
 
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
57434
  /*
57436
57435
  * Copyright (C) 2019 Toshiba Corporation
57437
57436
  * SPDX-License-Identifier: Apache-2.0
@@ -57439,6 +57438,12 @@ var toSvgTexture = function (svg, resolution) {
57439
57438
  // Material Design icons by Google.
57440
57439
  // Apache license version 2.0.
57441
57440
  /* eslint-disable prettier/prettier */
57441
+ DThemeWhiteAtlas.add("button_process_processing", 24, 24, "<g transform=\"scale(0.025,0.025) translate(0,960)\">" +
57442
+ "<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" +
57443
+ "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" +
57444
+ " 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" +
57445
+ "6T480-80Z\" fill=\"#fff\"/>" +
57446
+ "</g>");
57442
57447
  DThemeWhiteAtlas.add("button_process_success", 24, 24, "<g transform=\"scale(0.025,0.025) translate(0,960)\">" +
57443
57448
  "<path d=\"M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z\" fill=\"#fff\" />" +
57444
57449
  "</g>");
@@ -57446,20 +57451,9 @@ DThemeWhiteAtlas.add("button_process_fail", 24, 24, "<g transform=\"scale(0.025,
57446
57451
  "<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
57452
  "</g>");
57448
57453
  /* 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
57454
  var imageSource$1 = function (state) {
57461
57455
  if (state.isProcessing) {
57462
- return (processingTexture$1 !== null && processingTexture$1 !== void 0 ? processingTexture$1 : (processingTexture$1 = newProcessingTexture$1()));
57456
+ return DThemeWhiteAtlas.mappings.button_process_processing;
57463
57457
  }
57464
57458
  else if (state.isSucceeded) {
57465
57459
  return DThemeWhiteAtlas.mappings.button_process_success;
@@ -58448,7 +58442,11 @@ var DThemeWhiteDialogConfirmDelete = /** @class */ (function (_super) {
58448
58442
  * Copyright (C) 2019 Toshiba Corporation
58449
58443
  * SPDX-License-Identifier: Apache-2.0
58450
58444
  */
58451
- var DThemeDarkAtlas = new UtilSvgAtlasBuilder(1024, 1, 3);
58445
+ var DThemeDarkAtlas = new UtilSvgAtlasBuilder({
58446
+ width: 1024,
58447
+ scaling: pixi_js.SCALE_MODES.LINEAR,
58448
+ mipmap: pixi_js.MIPMAP_MODES.OFF
58449
+ });
58452
58450
 
58453
58451
  /*
58454
58452
  * Copyright (C) 2019 Toshiba Corporation
@@ -67943,6 +67941,12 @@ var loadThemeDarkEnUsTable = function () {
67943
67941
  // Material Design icons by Google.
67944
67942
  // Apache license version 2.0.
67945
67943
  /* eslint-disable prettier/prettier */
67944
+ DThemeDarkAtlas.add("button_process_processing", 24, 24, "<g transform=\"scale(0.025,0.025) translate(0,960)\">" +
67945
+ "<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" +
67946
+ "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" +
67947
+ " 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" +
67948
+ "6T480-80Z\" fill=\"#fff\"/>" +
67949
+ "</g>");
67946
67950
  DThemeDarkAtlas.add("button_process_success", 24, 24, "<g transform=\"scale(0.025,0.025) translate(0,960)\">" +
67947
67951
  "<path d=\"M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z\" fill=\"#fff\" />" +
67948
67952
  "</g>");
@@ -67950,20 +67954,9 @@ DThemeDarkAtlas.add("button_process_fail", 24, 24, "<g transform=\"scale(0.025,0
67950
67954
  "<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
67955
  "</g>");
67952
67956
  /* 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
67957
  var imageSource = function (state) {
67965
67958
  if (state.isProcessing) {
67966
- return (processingTexture !== null && processingTexture !== void 0 ? processingTexture : (processingTexture = newProcessingTexture()));
67959
+ return DThemeDarkAtlas.mappings.button_process_processing;
67967
67960
  }
67968
67961
  else if (state.isSucceeded) {
67969
67962
  return DThemeDarkAtlas.mappings.button_process_success;
@@ -69513,6 +69506,16 @@ var toMerged = function (one, other) {
69513
69506
  }
69514
69507
  };
69515
69508
 
69509
+ /*
69510
+ * Copyright (C) 2019 Toshiba Corporation
69511
+ * SPDX-License-Identifier: Apache-2.0
69512
+ */
69513
+ var toSvgTexture = function (svg, resolution) {
69514
+ return pixi_js.Texture.from(toSvgUrl(svg), {
69515
+ resolution: resolution
69516
+ });
69517
+ };
69518
+
69516
69519
  /*
69517
69520
  * Copyright (C) 2019 Toshiba Corporation
69518
69521
  * SPDX-License-Identifier: Apache-2.0
@@ -1,5 +1,5 @@
1
1
  /*
2
- Winter Cardinal UI v0.400.0
2
+ Winter Cardinal UI v0.401.0
3
3
  Copyright (C) 2019 Toshiba Corporation
4
4
  SPDX-License-Identifier: Apache-2.0
5
5
 
@@ -47782,10 +47782,14 @@
47782
47782
  * SPDX-License-Identifier: Apache-2.0
47783
47783
  */
47784
47784
  var UtilSvgAtlasBuilder = /** @class */ (function () {
47785
- function UtilSvgAtlasBuilder(width, ratio, margin) {
47786
- this._width = width;
47787
- this._ratio = ratio;
47788
- this._margin = margin;
47785
+ function UtilSvgAtlasBuilder(options) {
47786
+ var _a, _b, _c, _d, _e, _f, _g;
47787
+ this._width = (_a = options.width) !== null && _a !== void 0 ? _a : 256;
47788
+ this._ratio = (_b = options.ratio) !== null && _b !== void 0 ? _b : 1;
47789
+ this._margin = (_c = options.margin) !== null && _c !== void 0 ? _c : 3;
47790
+ this._resolution = (_e = (_d = options.resolution) !== null && _d !== void 0 ? _d : window.devicePixelRatio) !== null && _e !== void 0 ? _e : 1;
47791
+ this._scaling = (_f = options.scaling) !== null && _f !== void 0 ? _f : pixi_js.settings.SCALE_MODE;
47792
+ this._mipmap = (_g = options.mipmap) !== null && _g !== void 0 ? _g : pixi_js.settings.MIPMAP_TEXTURES;
47789
47793
  this._frames = {};
47790
47794
  this._svg = "";
47791
47795
  this._nextX = 0;
@@ -47850,10 +47854,10 @@
47850
47854
  configurable: true
47851
47855
  });
47852
47856
  UtilSvgAtlasBuilder.prototype.build = function (options) {
47853
- var _a, _b, _c;
47857
+ var _a, _b;
47854
47858
  var built = this._built;
47855
47859
  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;
47860
+ var resolution = (_a = options === null || options === void 0 ? void 0 : options.resolution) !== null && _a !== void 0 ? _a : this._resolution;
47857
47861
  var width = this._width;
47858
47862
  var height = Math.pow(2, Math.ceil(Math.log(this._nextY + this._height) / Math.LN2));
47859
47863
  var realWidth = width * resolution;
@@ -47864,10 +47868,11 @@
47864
47868
  var attrViewBox = "viewBox=\"0 0 ".concat(width * ratio, " ").concat(height * ratio, "\"");
47865
47869
  var attrXmlns = "xmlns=\"http://www.w3.org/2000/svg\"";
47866
47870
  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;
47871
+ var scaleMode = (_b = options === null || options === void 0 ? void 0 : options.scaling) !== null && _b !== void 0 ? _b : this._scaling;
47868
47872
  var baseTexture = pixi_js.BaseTexture.from(url, {
47869
47873
  resolution: resolution,
47870
- scaleMode: scaleMode
47874
+ scaleMode: scaleMode,
47875
+ mipmap: this._mipmap
47871
47876
  });
47872
47877
  var frames_1 = this._frames;
47873
47878
  built = this._built = {};