@wcardinal/wcardinal-ui 0.399.0 → 0.400.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 (31) hide show
  1. package/dist/wcardinal/ui/d-image-piece-layouter-part-center.js +2 -2
  2. package/dist/wcardinal/ui/d-image-piece-layouter-part-center.js.map +1 -1
  3. package/dist/wcardinal/ui/d-image-piece-layouter-part.js +1 -0
  4. package/dist/wcardinal/ui/d-image-piece-layouter-part.js.map +1 -1
  5. package/dist/wcardinal/ui/theme/dark/d-theme-dark-indicator-processing.js +13 -7
  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-indicator-processing.js +13 -7
  8. package/dist/wcardinal/ui/theme/white/d-theme-white-indicator-processing.js.map +1 -1
  9. package/dist/wcardinal/ui/util/util-svg-atlas-builder.js +1 -1
  10. package/dist/wcardinal/ui/util/util-svg-atlas-builder.js.map +1 -1
  11. package/dist/wcardinal-ui-theme-dark-en-us.js +15 -8
  12. package/dist/wcardinal-ui-theme-dark-en-us.min.js +2 -2
  13. package/dist/wcardinal-ui-theme-dark-en-us.min.js.map +1 -1
  14. package/dist/wcardinal-ui-theme-dark-ja-jp.js +15 -8
  15. package/dist/wcardinal-ui-theme-dark-ja-jp.min.js +2 -2
  16. package/dist/wcardinal-ui-theme-dark-ja-jp.min.js.map +1 -1
  17. package/dist/wcardinal-ui-theme-dark.js +15 -8
  18. package/dist/wcardinal-ui-theme-dark.min.js +2 -2
  19. package/dist/wcardinal-ui-theme-white-en-us.js +15 -8
  20. package/dist/wcardinal-ui-theme-white-en-us.min.js +2 -2
  21. package/dist/wcardinal-ui-theme-white-en-us.min.js.map +1 -1
  22. package/dist/wcardinal-ui-theme-white-ja-jp.js +15 -8
  23. package/dist/wcardinal-ui-theme-white-ja-jp.min.js +2 -2
  24. package/dist/wcardinal-ui-theme-white-ja-jp.min.js.map +1 -1
  25. package/dist/wcardinal-ui-theme-white.js +15 -8
  26. package/dist/wcardinal-ui-theme-white.min.js +2 -2
  27. package/dist/wcardinal-ui.cjs.js +39 -28
  28. package/dist/wcardinal-ui.js +5 -4
  29. package/dist/wcardinal-ui.min.js +2 -2
  30. package/dist/wcardinal-ui.min.js.map +1 -1
  31. package/package.json +1 -1
@@ -6,8 +6,8 @@ var DImagePieceLayouterPartCenter = /** @class */ (function (_super) {
6
6
  return _super !== null && _super.apply(this, arguments) || this;
7
7
  }
8
8
  DImagePieceLayouterPartCenter.prototype.add = function (image, bound, margin) {
9
- var pieces = this._pieces;
10
- pieces.push(image);
9
+ this._pieces.push(image);
10
+ this._bounds.push(bound);
11
11
  this._size = Math.max(this.size, bound.width);
12
12
  };
13
13
  DImagePieceLayouterPartCenter.prototype.execute = function (pleft, pright, width) {
@@ -1 +1 @@
1
- {"version":3,"file":"d-image-piece-layouter-part-center.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-image-piece-layouter-part-center.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAExE;IAAmD,iDAAuB;IAA1E;;IAkBA,CAAC;IAjBS,2CAAG,GAAZ,UAAa,KAAkB,EAAE,KAAgB,EAAE,MAAc;QAChE,IAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC;IAED,+CAAO,GAAP,UAAQ,KAAa,EAAE,MAAc,EAAE,KAAa;QACnD,IAAM,CAAC,GAAG,KAAK,GAAG,CAAC,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC,GAAG,GAAG,CAAC;QACjD,IAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC;QAC5B,IAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC;QAC5B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,EAAE;YACpD,IAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACxB,IAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACxB,IAAM,MAAM,GAAG,KAAK,CAAC,MAAO,CAAC;YAC7B,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;SAC3C;IACF,CAAC;IACF,oCAAC;AAAD,CAAC,AAlBD,CAAmD,uBAAuB,GAkBzE","sourcesContent":["import { Rectangle } from \"pixi.js\";\nimport { DImagePiece } from \"./d-image-piece\";\nimport { DImagePieceLayouterPart } from \"./d-image-piece-layouter-part\";\n\nexport class DImagePieceLayouterPartCenter extends DImagePieceLayouterPart {\n\toverride add(image: DImagePiece, bound: Rectangle, margin: number): void {\n\t\tconst pieces = this._pieces;\n\t\tpieces.push(image);\n\t\tthis._size = Math.max(this.size, bound.width);\n\t}\n\n\texecute(pleft: number, pright: number, width: number): void {\n\t\tconst c = pleft + (width - pleft - pright) * 0.5;\n\t\tconst pieces = this._pieces;\n\t\tconst bounds = this._bounds;\n\t\tfor (let i = 0, imax = pieces.length; i < imax; ++i) {\n\t\t\tconst piece = pieces[i];\n\t\t\tconst bound = bounds[i];\n\t\t\tconst object = piece.object!;\n\t\t\tobject.x = c - bound.x - bound.width * 0.5;\n\t\t}\n\t}\n}\n"]}
1
+ {"version":3,"file":"d-image-piece-layouter-part-center.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-image-piece-layouter-part-center.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAExE;IAAmD,iDAAuB;IAA1E;;IAkBA,CAAC;IAjBS,2CAAG,GAAZ,UAAa,KAAkB,EAAE,KAAgB,EAAE,MAAc;QAChE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACzB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACzB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC;IAED,+CAAO,GAAP,UAAQ,KAAa,EAAE,MAAc,EAAE,KAAa;QACnD,IAAM,CAAC,GAAG,KAAK,GAAG,CAAC,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC,GAAG,GAAG,CAAC;QACjD,IAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC;QAC5B,IAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC;QAC5B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,EAAE;YACpD,IAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACxB,IAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YACxB,IAAM,MAAM,GAAG,KAAK,CAAC,MAAO,CAAC;YAC7B,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;SAC3C;IACF,CAAC;IACF,oCAAC;AAAD,CAAC,AAlBD,CAAmD,uBAAuB,GAkBzE","sourcesContent":["import { Rectangle } from \"pixi.js\";\nimport { DImagePiece } from \"./d-image-piece\";\nimport { DImagePieceLayouterPart } from \"./d-image-piece-layouter-part\";\n\nexport class DImagePieceLayouterPartCenter extends DImagePieceLayouterPart {\n\toverride add(image: DImagePiece, bound: Rectangle, margin: number): void {\n\t\tthis._pieces.push(image);\n\t\tthis._bounds.push(bound);\n\t\tthis._size = Math.max(this.size, bound.width);\n\t}\n\n\texecute(pleft: number, pright: number, width: number): void {\n\t\tconst c = pleft + (width - pleft - pright) * 0.5;\n\t\tconst pieces = this._pieces;\n\t\tconst bounds = this._bounds;\n\t\tfor (let i = 0, imax = pieces.length; i < imax; ++i) {\n\t\t\tconst piece = pieces[i];\n\t\t\tconst bound = bounds[i];\n\t\t\tconst object = piece.object!;\n\t\t\tobject.x = c - bound.x - bound.width * 0.5;\n\t\t}\n\t}\n}\n"]}
@@ -7,6 +7,7 @@ var DImagePieceLayouterPart = /** @class */ (function () {
7
7
  }
8
8
  DImagePieceLayouterPart.prototype.clear = function () {
9
9
  this._pieces.length = 0;
10
+ this._bounds.length = 0;
10
11
  this._size = 0;
11
12
  this._margin = 0;
12
13
  this._text = undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"d-image-piece-layouter-part.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-image-piece-layouter-part.ts"],"names":[],"mappings":"AAIA;IAQC;QACC,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QACf,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;IAClB,CAAC;IAED,uCAAK,GAAL;QACC,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;QACxB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QACf,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;QACjB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;IACxB,CAAC;IAID,qCAAG,GAAH,UAAI,IAAyB;QAC5B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;IACnB,CAAC;IAED,sBAAI,yCAAI;aAAR;YACC,OAAO,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9D,CAAC;;;OAAA;IACF,8BAAC;AAAD,CAAC,AA/BD,IA+BC","sourcesContent":["import { Rectangle } from \"pixi.js\";\nimport { DDynamicText } from \"./d-dynamic-text\";\nimport { DImagePiece } from \"./d-image-piece\";\n\nexport abstract class DImagePieceLayouterPart {\n\tprotected _pieces: DImagePiece[];\n\tprotected _bounds: Rectangle[];\n\tprotected _size: number;\n\tprotected _margin: number;\n\n\tprotected _text?: DDynamicText | null;\n\n\tconstructor() {\n\t\tthis._pieces = [];\n\t\tthis._bounds = [];\n\t\tthis._size = 0;\n\t\tthis._margin = 0;\n\t}\n\n\tclear(): void {\n\t\tthis._pieces.length = 0;\n\t\tthis._size = 0;\n\t\tthis._margin = 0;\n\t\tthis._text = undefined;\n\t}\n\n\tabstract add(image: DImagePiece, bound: Rectangle, margin: number): void;\n\n\tset(text: DDynamicText | null): void {\n\t\tthis._text = text;\n\t}\n\n\tget size(): number {\n\t\treturn this._size - (this._text === null ? this._margin : 0);\n\t}\n}\n"]}
1
+ {"version":3,"file":"d-image-piece-layouter-part.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-image-piece-layouter-part.ts"],"names":[],"mappings":"AAIA;IAQC;QACC,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QACf,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;IAClB,CAAC;IAED,uCAAK,GAAL;QACC,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;QACxB,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;QACxB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QACf,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;QACjB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;IACxB,CAAC;IAID,qCAAG,GAAH,UAAI,IAAyB;QAC5B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;IACnB,CAAC;IAED,sBAAI,yCAAI;aAAR;YACC,OAAO,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9D,CAAC;;;OAAA;IACF,8BAAC;AAAD,CAAC,AAhCD,IAgCC","sourcesContent":["import { Rectangle } from \"pixi.js\";\nimport { DDynamicText } from \"./d-dynamic-text\";\nimport { DImagePiece } from \"./d-image-piece\";\n\nexport abstract class DImagePieceLayouterPart {\n\tprotected _pieces: DImagePiece[];\n\tprotected _bounds: Rectangle[];\n\tprotected _size: number;\n\tprotected _margin: number;\n\n\tprotected _text?: DDynamicText | null;\n\n\tconstructor() {\n\t\tthis._pieces = [];\n\t\tthis._bounds = [];\n\t\tthis._size = 0;\n\t\tthis._margin = 0;\n\t}\n\n\tclear(): void {\n\t\tthis._pieces.length = 0;\n\t\tthis._bounds.length = 0;\n\t\tthis._size = 0;\n\t\tthis._margin = 0;\n\t\tthis._text = undefined;\n\t}\n\n\tabstract add(image: DImagePiece, bound: Rectangle, margin: number): void;\n\n\tset(text: DDynamicText | null): void {\n\t\tthis._text = text;\n\t}\n\n\tget size(): number {\n\t\treturn this._size - (this._text === null ? this._margin : 0);\n\t}\n}\n"]}
@@ -4,15 +4,10 @@
4
4
  */
5
5
  import { DThemeDarkAtlas } from "./d-theme-dark-atlas";
6
6
  import { DBaseState } from "../../d-base-state";
7
+ import { toSvgTexture } from "../../util/to-svg-texture";
7
8
  // Material Design icons by Google.
8
9
  // Apache license version 2.0.
9
10
  /* eslint-disable prettier/prettier */
10
- DThemeDarkAtlas.add("button_process_processing", 24, 24, "<g transform=\"scale(0.025,0.025) translate(0,960)\">" +
11
- "<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" +
12
- "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" +
13
- " 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" +
14
- "6T480-80Z\" fill=\"#fff\"/>" +
15
- "</g>");
16
11
  DThemeDarkAtlas.add("button_process_success", 24, 24, "<g transform=\"scale(0.025,0.025) translate(0,960)\">" +
17
12
  "<path d=\"M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z\" fill=\"#fff\" />" +
18
13
  "</g>");
@@ -20,9 +15,20 @@ DThemeDarkAtlas.add("button_process_fail", 24, 24, "<g transform=\"scale(0.025,0
20
15
  "<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\" />" +
21
16
  "</g>");
22
17
  /* eslint-enable prettier/prettier */
18
+ var newProcessingTexture = function () {
19
+ var resolution = (window.devicePixelRatio || 1) * 2;
20
+ var size = 24 * resolution;
21
+ return toSvgTexture("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"".concat(size, "px\" height=\"").concat(size, "px\" viewBox=\"0 -960 960 960\">") +
22
+ "<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" +
23
+ "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" +
24
+ " 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" +
25
+ "6T480-80Z\" fill=\"#fff\"/>" +
26
+ "</svg>", resolution);
27
+ };
28
+ var processingTexture;
23
29
  var imageSource = function (state) {
24
30
  if (state.isProcessing) {
25
- return DThemeDarkAtlas.mappings.button_process_processing;
31
+ return (processingTexture !== null && processingTexture !== void 0 ? processingTexture : (processingTexture = newProcessingTexture()));
26
32
  }
27
33
  else if (state.isSucceeded) {
28
34
  return DThemeDarkAtlas.mappings.button_process_success;
@@ -1 +1 @@
1
- {"version":3,"file":"d-theme-dark-indicator-processing.js","sourceRoot":"","sources":["../../../../../src/main/typescript/wcardinal/ui/theme/dark/d-theme-dark-indicator-processing.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,mCAAmC;AACnC,8BAA8B;AAC9B,sCAAsC;AACtC,eAAe,CAAC,GAAG,CAAC,2BAA2B,EAAE,EAAE,EAAE,EAAE,EACtD,uDAAqD;IACpD,+GAA8G;IAC9G,8GAA8G;IAC9G,8GAA8G;IAC9G,6BAA0B;IAC3B,MAAM,CACN,CAAC;AAEF,eAAe,CAAC,GAAG,CAAC,wBAAwB,EAAE,EAAE,EAAE,EAAE,EACnD,uDAAqD;IACpD,oFAAgF;IACjF,MAAM,CACN,CAAC;AAEF,eAAe,CAAC,GAAG,CAAC,qBAAqB,EAAE,EAAE,EAAE,EAAE,EAChD,uDAAqD;IACpD,gIAA4H;IAC7H,MAAM,CACN,CAAC;AACF,qCAAqC;AAErC,IAAM,WAAW,GAAG,UAAC,KAAoB;IACxC,IAAI,KAAK,CAAC,YAAY,EAAE;QACvB,OAAO,eAAe,CAAC,QAAQ,CAAC,yBAAyB,CAAC;KAC1D;SAAM,IAAI,KAAK,CAAC,WAAW,EAAE;QAC7B,OAAO,eAAe,CAAC,QAAQ,CAAC,sBAAsB,CAAC;KACvD;SAAM;QACN,OAAO,eAAe,CAAC,QAAQ,CAAC,mBAAmB,CAAC;KACpD;AACF,CAAC,CAAC;AAEF,IAAM,aAAa,GAAG,UAAC,KAAoB;IAC1C,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;IACnD,IAAI,KAAK,IAAI,IAAI,EAAE;QAClB,OAAO,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC;KAC9B;IACD,OAAO,CAAC,CAAC;AACV,CAAC,CAAC;AAEF;IAAA;IAgCA,CAAC;IA7BA,wDAAmB,GAAnB;QACC,OAAO,GAAG,CAAC;IACZ,CAAC;IAED,yDAAoB,GAApB;QACC,OAAO,IAAI,CAAC;IACb,CAAC;IAED,yDAAoB,GAApB;QACC,OAAO,KAAK,CAAC;IACd,CAAC;IAID,0DAAqB,GAArB;QACC,OAAO,IAAI,CAAC;IACb,CAAC;IAED,yDAAoB,GAApB;QACC,OAAO,CAAC,CAAC;IACV,CAAC;IAED,0DAAqB,GAArB;QACC,OAAO,WAAW,CAAC;IACpB,CAAC;IAED,4DAAuB,GAAvB;QACC,OAAO,aAAa,CAAC;IACtB,CAAC;IACF,iCAAC;AAAD,CAAC,AAhCD,IAgCC","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport type { DisplayObject, Texture } from \"pixi.js\";\nimport type { DBaseStateSet } from \"../../d-base-state-set\";\nimport type { DThemeIndicatorProcessing } from \"../../d-indicator-processing\";\nimport type { DStateAwareOrValueMightBe } from \"../../d-state-aware\";\nimport { DThemeDarkAtlas } from \"./d-theme-dark-atlas\";\nimport { DBaseState } from \"../../d-base-state\";\n\n// Material Design icons by Google.\n// Apache license version 2.0.\n/* eslint-disable prettier/prettier */\nDThemeDarkAtlas.add(\"button_process_processing\", 24, 24,\n\t`<g transform=\"scale(0.025,0.025) translate(0,960)\">` +\n\t\t`<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` +\n\t\t`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` +\n\t\t` 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` +\n\t\t`6T480-80Z\" fill=\"#fff\"/>` +\n\t`</g>`\n);\n\nDThemeDarkAtlas.add(\"button_process_success\", 24, 24,\n\t`<g transform=\"scale(0.025,0.025) translate(0,960)\">` +\n\t\t`<path d=\"M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z\" fill=\"#fff\" />` +\n\t`</g>`\n);\n\nDThemeDarkAtlas.add(\"button_process_fail\", 24, 24,\n\t`<g transform=\"scale(0.025,0.025) translate(0,960)\">` +\n\t\t`<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\" />` +\n\t`</g>`\n);\n/* eslint-enable prettier/prettier */\n\nconst imageSource = (state: DBaseStateSet): Texture | DisplayObject | null => {\n\tif (state.isProcessing) {\n\t\treturn DThemeDarkAtlas.mappings.button_process_processing;\n\t} else if (state.isSucceeded) {\n\t\treturn DThemeDarkAtlas.mappings.button_process_success;\n\t} else {\n\t\treturn DThemeDarkAtlas.mappings.button_process_fail;\n\t}\n};\n\nconst imageRotation = (state: DBaseStateSet): number => {\n\tconst value = state.valueOf(DBaseState.PROCESSING);\n\tif (value != null) {\n\t\treturn value * Math.PI * 0.02;\n\t}\n\treturn 0;\n};\n\nexport abstract class DThemeDarkIndicatorProcess<VALUE = unknown>\n\timplements DThemeIndicatorProcessing<VALUE>\n{\n\tgetProcessDoneDelay(): number {\n\t\treturn 400;\n\t}\n\n\tgetProcessCloseDelay(): number | null {\n\t\treturn 3000;\n\t}\n\n\tisProcessTextEnabled(): boolean {\n\t\treturn false;\n\t}\n\n\tabstract newProcessTextValue(): DStateAwareOrValueMightBe<VALUE>;\n\n\tisProcessImageEnabled(): boolean {\n\t\treturn true;\n\t}\n\n\tgetProcessImageIndex(): number {\n\t\treturn 0;\n\t}\n\n\tnewProcessImageSource(): DStateAwareOrValueMightBe<Texture | DisplayObject | null> {\n\t\treturn imageSource;\n\t}\n\n\tnewProcessImageRotation(): DStateAwareOrValueMightBe<number> {\n\t\treturn imageRotation;\n\t}\n}\n"]}
1
+ {"version":3,"file":"d-theme-dark-indicator-processing.js","sourceRoot":"","sources":["../../../../../src/main/typescript/wcardinal/ui/theme/dark/d-theme-dark-indicator-processing.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,mCAAmC;AACnC,8BAA8B;AAC9B,sCAAsC;AACtC,eAAe,CAAC,GAAG,CAAC,wBAAwB,EAAE,EAAE,EAAE,EAAE,EACnD,uDAAqD;IACpD,oFAAgF;IACjF,MAAM,CACN,CAAC;AAEF,eAAe,CAAC,GAAG,CAAC,qBAAqB,EAAE,EAAE,EAAE,EAAE,EAChD,uDAAqD;IACpD,gIAA4H;IAC7H,MAAM,CACN,CAAC;AACF,qCAAqC;AAErC,IAAM,oBAAoB,GAAG;IAC5B,IAAM,UAAU,GAAG,CAAC,MAAM,CAAC,gBAAgB,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IACtD,IAAM,IAAI,GAAG,EAAE,GAAG,UAAU,CAAC;IAC7B,OAAO,YAAY,CAClB,4DAAkD,IAAI,2BAAe,IAAI,qCAA+B;QACvG,+GAA8G;QAC9G,8GAA8G;QAC9G,8GAA8G;QAC9G,6BAA0B;QAC1B,QAAQ,EACT,UAAU,CACV,CAAC;AACH,CAAC,CAAC;AAEF,IAAI,iBAAsC,CAAC;AAE3C,IAAM,WAAW,GAAG,UAAC,KAAoB;IACxC,IAAI,KAAK,CAAC,YAAY,EAAE;QACvB,OAAO,CAAC,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,IAAjB,iBAAiB,GAAK,oBAAoB,EAAE,EAAC,CAAC;KACtD;SAAM,IAAI,KAAK,CAAC,WAAW,EAAE;QAC7B,OAAO,eAAe,CAAC,QAAQ,CAAC,sBAAsB,CAAC;KACvD;SAAM;QACN,OAAO,eAAe,CAAC,QAAQ,CAAC,mBAAmB,CAAC;KACpD;AACF,CAAC,CAAC;AAEF,IAAM,aAAa,GAAG,UAAC,KAAoB;IAC1C,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;IACnD,IAAI,KAAK,IAAI,IAAI,EAAE;QAClB,OAAO,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC;KAC9B;IACD,OAAO,CAAC,CAAC;AACV,CAAC,CAAC;AAEF;IAAA;IAgCA,CAAC;IA7BA,wDAAmB,GAAnB;QACC,OAAO,GAAG,CAAC;IACZ,CAAC;IAED,yDAAoB,GAApB;QACC,OAAO,IAAI,CAAC;IACb,CAAC;IAED,yDAAoB,GAApB;QACC,OAAO,KAAK,CAAC;IACd,CAAC;IAID,0DAAqB,GAArB;QACC,OAAO,IAAI,CAAC;IACb,CAAC;IAED,yDAAoB,GAApB;QACC,OAAO,CAAC,CAAC;IACV,CAAC;IAED,0DAAqB,GAArB;QACC,OAAO,WAAW,CAAC;IACpB,CAAC;IAED,4DAAuB,GAAvB;QACC,OAAO,aAAa,CAAC;IACtB,CAAC;IACF,iCAAC;AAAD,CAAC,AAhCD,IAgCC","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport type { DisplayObject, Texture } from \"pixi.js\";\nimport type { DBaseStateSet } from \"../../d-base-state-set\";\nimport type { DThemeIndicatorProcessing } from \"../../d-indicator-processing\";\nimport type { DStateAwareOrValueMightBe } from \"../../d-state-aware\";\nimport { DThemeDarkAtlas } from \"./d-theme-dark-atlas\";\nimport { DBaseState } from \"../../d-base-state\";\nimport { toSvgTexture } from \"../../util/to-svg-texture\";\n\n// Material Design icons by Google.\n// Apache license version 2.0.\n/* eslint-disable prettier/prettier */\nDThemeDarkAtlas.add(\"button_process_success\", 24, 24,\n\t`<g transform=\"scale(0.025,0.025) translate(0,960)\">` +\n\t\t`<path d=\"M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z\" fill=\"#fff\" />` +\n\t`</g>`\n);\n\nDThemeDarkAtlas.add(\"button_process_fail\", 24, 24,\n\t`<g transform=\"scale(0.025,0.025) translate(0,960)\">` +\n\t\t`<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\" />` +\n\t`</g>`\n);\n/* eslint-enable prettier/prettier */\n\nconst newProcessingTexture = () => {\n\tconst resolution = (window.devicePixelRatio || 1) * 2;\n\tconst size = 24 * resolution;\n\treturn toSvgTexture(\n\t\t`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${size}px\" height=\"${size}px\" viewBox=\"0 -960 960 960\">` +\n\t\t\t`<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` +\n\t\t\t`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` +\n\t\t\t` 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` +\n\t\t\t`6T480-80Z\" fill=\"#fff\"/>` +\n\t\t\t`</svg>`,\n\t\tresolution\n\t);\n};\n\nlet processingTexture: Texture | undefined;\n\nconst imageSource = (state: DBaseStateSet): Texture | DisplayObject | null => {\n\tif (state.isProcessing) {\n\t\treturn (processingTexture ??= newProcessingTexture());\n\t} else if (state.isSucceeded) {\n\t\treturn DThemeDarkAtlas.mappings.button_process_success;\n\t} else {\n\t\treturn DThemeDarkAtlas.mappings.button_process_fail;\n\t}\n};\n\nconst imageRotation = (state: DBaseStateSet): number => {\n\tconst value = state.valueOf(DBaseState.PROCESSING);\n\tif (value != null) {\n\t\treturn value * Math.PI * 0.02;\n\t}\n\treturn 0;\n};\n\nexport abstract class DThemeDarkIndicatorProcess<VALUE = unknown>\n\timplements DThemeIndicatorProcessing<VALUE>\n{\n\tgetProcessDoneDelay(): number {\n\t\treturn 400;\n\t}\n\n\tgetProcessCloseDelay(): number | null {\n\t\treturn 3000;\n\t}\n\n\tisProcessTextEnabled(): boolean {\n\t\treturn false;\n\t}\n\n\tabstract newProcessTextValue(): DStateAwareOrValueMightBe<VALUE>;\n\n\tisProcessImageEnabled(): boolean {\n\t\treturn true;\n\t}\n\n\tgetProcessImageIndex(): number {\n\t\treturn 0;\n\t}\n\n\tnewProcessImageSource(): DStateAwareOrValueMightBe<Texture | DisplayObject | null> {\n\t\treturn imageSource;\n\t}\n\n\tnewProcessImageRotation(): DStateAwareOrValueMightBe<number> {\n\t\treturn imageRotation;\n\t}\n}\n"]}
@@ -4,15 +4,10 @@
4
4
  */
5
5
  import { DThemeWhiteAtlas } from "./d-theme-white-atlas";
6
6
  import { DBaseState } from "../../d-base-state";
7
+ import { toSvgTexture } from "../../util/to-svg-texture";
7
8
  // Material Design icons by Google.
8
9
  // Apache license version 2.0.
9
10
  /* eslint-disable prettier/prettier */
10
- DThemeWhiteAtlas.add("button_process_processing", 24, 24, "<g transform=\"scale(0.025,0.025) translate(0,960)\">" +
11
- "<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" +
12
- "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" +
13
- " 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" +
14
- "6T480-80Z\" fill=\"#fff\"/>" +
15
- "</g>");
16
11
  DThemeWhiteAtlas.add("button_process_success", 24, 24, "<g transform=\"scale(0.025,0.025) translate(0,960)\">" +
17
12
  "<path d=\"M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z\" fill=\"#fff\" />" +
18
13
  "</g>");
@@ -20,9 +15,20 @@ DThemeWhiteAtlas.add("button_process_fail", 24, 24, "<g transform=\"scale(0.025,
20
15
  "<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\" />" +
21
16
  "</g>");
22
17
  /* eslint-enable prettier/prettier */
18
+ var newProcessingTexture = function () {
19
+ var resolution = (window.devicePixelRatio || 1) * 2;
20
+ var size = 24 * resolution;
21
+ return toSvgTexture("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"".concat(size, "px\" height=\"").concat(size, "px\" viewBox=\"0 -960 960 960\">") +
22
+ "<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" +
23
+ "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" +
24
+ " 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" +
25
+ "6T480-80Z\" fill=\"#fff\"/>" +
26
+ "</svg>", resolution);
27
+ };
28
+ var processingTexture;
23
29
  var imageSource = function (state) {
24
30
  if (state.isProcessing) {
25
- return DThemeWhiteAtlas.mappings.button_process_processing;
31
+ return (processingTexture !== null && processingTexture !== void 0 ? processingTexture : (processingTexture = newProcessingTexture()));
26
32
  }
27
33
  else if (state.isSucceeded) {
28
34
  return DThemeWhiteAtlas.mappings.button_process_success;
@@ -1 +1 @@
1
- {"version":3,"file":"d-theme-white-indicator-processing.js","sourceRoot":"","sources":["../../../../../src/main/typescript/wcardinal/ui/theme/white/d-theme-white-indicator-processing.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,mCAAmC;AACnC,8BAA8B;AAC9B,sCAAsC;AACtC,gBAAgB,CAAC,GAAG,CAAC,2BAA2B,EAAE,EAAE,EAAE,EAAE,EACvD,uDAAqD;IACpD,+GAA8G;IAC9G,8GAA8G;IAC9G,8GAA8G;IAC9G,6BAA0B;IAC3B,MAAM,CACN,CAAC;AAEF,gBAAgB,CAAC,GAAG,CAAC,wBAAwB,EAAE,EAAE,EAAE,EAAE,EACpD,uDAAqD;IACpD,oFAAgF;IACjF,MAAM,CACN,CAAC;AAEF,gBAAgB,CAAC,GAAG,CAAC,qBAAqB,EAAE,EAAE,EAAE,EAAE,EACjD,uDAAqD;IACpD,gIAA4H;IAC7H,MAAM,CACN,CAAC;AACF,qCAAqC;AAErC,IAAM,WAAW,GAAG,UAAC,KAAoB;IACxC,IAAI,KAAK,CAAC,YAAY,EAAE;QACvB,OAAO,gBAAgB,CAAC,QAAQ,CAAC,yBAAyB,CAAC;KAC3D;SAAM,IAAI,KAAK,CAAC,WAAW,EAAE;QAC7B,OAAO,gBAAgB,CAAC,QAAQ,CAAC,sBAAsB,CAAC;KACxD;SAAM;QACN,OAAO,gBAAgB,CAAC,QAAQ,CAAC,mBAAmB,CAAC;KACrD;AACF,CAAC,CAAC;AAEF,IAAM,aAAa,GAAG,UAAC,KAAoB;IAC1C,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;IACnD,IAAI,KAAK,IAAI,IAAI,EAAE;QAClB,OAAO,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC;KAC9B;IACD,OAAO,CAAC,CAAC;AACV,CAAC,CAAC;AAEF;IAAA;IAgCA,CAAC;IA7BA,yDAAmB,GAAnB;QACC,OAAO,GAAG,CAAC;IACZ,CAAC;IAED,0DAAoB,GAApB;QACC,OAAO,IAAI,CAAC;IACb,CAAC;IAED,0DAAoB,GAApB;QACC,OAAO,KAAK,CAAC;IACd,CAAC;IAID,2DAAqB,GAArB;QACC,OAAO,IAAI,CAAC;IACb,CAAC;IAED,0DAAoB,GAApB;QACC,OAAO,CAAC,CAAC;IACV,CAAC;IAED,2DAAqB,GAArB;QACC,OAAO,WAAW,CAAC;IACpB,CAAC;IAED,6DAAuB,GAAvB;QACC,OAAO,aAAa,CAAC;IACtB,CAAC;IACF,kCAAC;AAAD,CAAC,AAhCD,IAgCC","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport type { DisplayObject, Texture } from \"pixi.js\";\nimport type { DBaseStateSet } from \"../../d-base-state-set\";\nimport type { DThemeIndicatorProcessing } from \"../../d-indicator-processing\";\nimport type { DStateAwareOrValueMightBe } from \"../../d-state-aware\";\nimport { DThemeWhiteAtlas } from \"./d-theme-white-atlas\";\nimport { DBaseState } from \"../../d-base-state\";\n\n// Material Design icons by Google.\n// Apache license version 2.0.\n/* eslint-disable prettier/prettier */\nDThemeWhiteAtlas.add(\"button_process_processing\", 24, 24,\n\t`<g transform=\"scale(0.025,0.025) translate(0,960)\">` +\n\t\t`<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` +\n\t\t`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` +\n\t\t` 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` +\n\t\t`6T480-80Z\" fill=\"#fff\"/>` +\n\t`</g>`\n);\n\nDThemeWhiteAtlas.add(\"button_process_success\", 24, 24,\n\t`<g transform=\"scale(0.025,0.025) translate(0,960)\">` +\n\t\t`<path d=\"M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z\" fill=\"#fff\" />` +\n\t`</g>`\n);\n\nDThemeWhiteAtlas.add(\"button_process_fail\", 24, 24,\n\t`<g transform=\"scale(0.025,0.025) translate(0,960)\">` +\n\t\t`<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\" />` +\n\t`</g>`\n);\n/* eslint-enable prettier/prettier */\n\nconst imageSource = (state: DBaseStateSet): Texture | DisplayObject | null => {\n\tif (state.isProcessing) {\n\t\treturn DThemeWhiteAtlas.mappings.button_process_processing;\n\t} else if (state.isSucceeded) {\n\t\treturn DThemeWhiteAtlas.mappings.button_process_success;\n\t} else {\n\t\treturn DThemeWhiteAtlas.mappings.button_process_fail;\n\t}\n};\n\nconst imageRotation = (state: DBaseStateSet): number => {\n\tconst value = state.valueOf(DBaseState.PROCESSING);\n\tif (value != null) {\n\t\treturn value * Math.PI * 0.02;\n\t}\n\treturn 0;\n};\n\nexport abstract class DThemeWhiteIndicatorProcess<VALUE = unknown>\n\timplements DThemeIndicatorProcessing<VALUE>\n{\n\tgetProcessDoneDelay(): number {\n\t\treturn 400;\n\t}\n\n\tgetProcessCloseDelay(): number | null {\n\t\treturn 3000;\n\t}\n\n\tisProcessTextEnabled(): boolean {\n\t\treturn false;\n\t}\n\n\tabstract newProcessTextValue(): DStateAwareOrValueMightBe<VALUE>;\n\n\tisProcessImageEnabled(): boolean {\n\t\treturn true;\n\t}\n\n\tgetProcessImageIndex(): number {\n\t\treturn 0;\n\t}\n\n\tnewProcessImageSource(): DStateAwareOrValueMightBe<Texture | DisplayObject | null> {\n\t\treturn imageSource;\n\t}\n\n\tnewProcessImageRotation(): DStateAwareOrValueMightBe<number> {\n\t\treturn imageRotation;\n\t}\n}\n"]}
1
+ {"version":3,"file":"d-theme-white-indicator-processing.js","sourceRoot":"","sources":["../../../../../src/main/typescript/wcardinal/ui/theme/white/d-theme-white-indicator-processing.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEzD,mCAAmC;AACnC,8BAA8B;AAC9B,sCAAsC;AACtC,gBAAgB,CAAC,GAAG,CAAC,wBAAwB,EAAE,EAAE,EAAE,EAAE,EACpD,uDAAqD;IACpD,oFAAgF;IACjF,MAAM,CACN,CAAC;AAEF,gBAAgB,CAAC,GAAG,CAAC,qBAAqB,EAAE,EAAE,EAAE,EAAE,EACjD,uDAAqD;IACpD,gIAA4H;IAC7H,MAAM,CACN,CAAC;AACF,qCAAqC;AAErC,IAAM,oBAAoB,GAAG;IAC5B,IAAM,UAAU,GAAG,CAAC,MAAM,CAAC,gBAAgB,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IACtD,IAAM,IAAI,GAAG,EAAE,GAAG,UAAU,CAAC;IAC7B,OAAO,YAAY,CAClB,4DAAkD,IAAI,2BAAe,IAAI,qCAA+B;QACvG,+GAA8G;QAC9G,8GAA8G;QAC9G,8GAA8G;QAC9G,6BAA0B;QAC1B,QAAQ,EACT,UAAU,CACV,CAAC;AACH,CAAC,CAAC;AAEF,IAAI,iBAAsC,CAAC;AAE3C,IAAM,WAAW,GAAG,UAAC,KAAoB;IACxC,IAAI,KAAK,CAAC,YAAY,EAAE;QACvB,OAAO,CAAC,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,IAAjB,iBAAiB,GAAK,oBAAoB,EAAE,EAAC,CAAC;KACtD;SAAM,IAAI,KAAK,CAAC,WAAW,EAAE;QAC7B,OAAO,gBAAgB,CAAC,QAAQ,CAAC,sBAAsB,CAAC;KACxD;SAAM;QACN,OAAO,gBAAgB,CAAC,QAAQ,CAAC,mBAAmB,CAAC;KACrD;AACF,CAAC,CAAC;AAEF,IAAM,aAAa,GAAG,UAAC,KAAoB;IAC1C,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;IACnD,IAAI,KAAK,IAAI,IAAI,EAAE;QAClB,OAAO,KAAK,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC;KAC9B;IACD,OAAO,CAAC,CAAC;AACV,CAAC,CAAC;AAEF;IAAA;IAgCA,CAAC;IA7BA,yDAAmB,GAAnB;QACC,OAAO,GAAG,CAAC;IACZ,CAAC;IAED,0DAAoB,GAApB;QACC,OAAO,IAAI,CAAC;IACb,CAAC;IAED,0DAAoB,GAApB;QACC,OAAO,KAAK,CAAC;IACd,CAAC;IAID,2DAAqB,GAArB;QACC,OAAO,IAAI,CAAC;IACb,CAAC;IAED,0DAAoB,GAApB;QACC,OAAO,CAAC,CAAC;IACV,CAAC;IAED,2DAAqB,GAArB;QACC,OAAO,WAAW,CAAC;IACpB,CAAC;IAED,6DAAuB,GAAvB;QACC,OAAO,aAAa,CAAC;IACtB,CAAC;IACF,kCAAC;AAAD,CAAC,AAhCD,IAgCC","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport type { DisplayObject, Texture } from \"pixi.js\";\nimport type { DBaseStateSet } from \"../../d-base-state-set\";\nimport type { DThemeIndicatorProcessing } from \"../../d-indicator-processing\";\nimport type { DStateAwareOrValueMightBe } from \"../../d-state-aware\";\nimport { DThemeWhiteAtlas } from \"./d-theme-white-atlas\";\nimport { DBaseState } from \"../../d-base-state\";\nimport { toSvgTexture } from \"../../util/to-svg-texture\";\n\n// Material Design icons by Google.\n// Apache license version 2.0.\n/* eslint-disable prettier/prettier */\nDThemeWhiteAtlas.add(\"button_process_success\", 24, 24,\n\t`<g transform=\"scale(0.025,0.025) translate(0,960)\">` +\n\t\t`<path d=\"M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z\" fill=\"#fff\" />` +\n\t`</g>`\n);\n\nDThemeWhiteAtlas.add(\"button_process_fail\", 24, 24,\n\t`<g transform=\"scale(0.025,0.025) translate(0,960)\">` +\n\t\t`<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\" />` +\n\t`</g>`\n);\n/* eslint-enable prettier/prettier */\n\nconst newProcessingTexture = () => {\n\tconst resolution = (window.devicePixelRatio || 1) * 2;\n\tconst size = 24 * resolution;\n\treturn toSvgTexture(\n\t\t`<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${size}px\" height=\"${size}px\" viewBox=\"0 -960 960 960\">` +\n\t\t\t`<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` +\n\t\t\t`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` +\n\t\t\t` 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` +\n\t\t\t`6T480-80Z\" fill=\"#fff\"/>` +\n\t\t\t`</svg>`,\n\t\tresolution\n\t);\n};\n\nlet processingTexture: Texture | undefined;\n\nconst imageSource = (state: DBaseStateSet): Texture | DisplayObject | null => {\n\tif (state.isProcessing) {\n\t\treturn (processingTexture ??= newProcessingTexture());\n\t} else if (state.isSucceeded) {\n\t\treturn DThemeWhiteAtlas.mappings.button_process_success;\n\t} else {\n\t\treturn DThemeWhiteAtlas.mappings.button_process_fail;\n\t}\n};\n\nconst imageRotation = (state: DBaseStateSet): number => {\n\tconst value = state.valueOf(DBaseState.PROCESSING);\n\tif (value != null) {\n\t\treturn value * Math.PI * 0.02;\n\t}\n\treturn 0;\n};\n\nexport abstract class DThemeWhiteIndicatorProcess<VALUE = unknown>\n\timplements DThemeIndicatorProcessing<VALUE>\n{\n\tgetProcessDoneDelay(): number {\n\t\treturn 400;\n\t}\n\n\tgetProcessCloseDelay(): number | null {\n\t\treturn 3000;\n\t}\n\n\tisProcessTextEnabled(): boolean {\n\t\treturn false;\n\t}\n\n\tabstract newProcessTextValue(): DStateAwareOrValueMightBe<VALUE>;\n\n\tisProcessImageEnabled(): boolean {\n\t\treturn true;\n\t}\n\n\tgetProcessImageIndex(): number {\n\t\treturn 0;\n\t}\n\n\tnewProcessImageSource(): DStateAwareOrValueMightBe<Texture | DisplayObject | null> {\n\t\treturn imageSource;\n\t}\n\n\tnewProcessImageRotation(): DStateAwareOrValueMightBe<number> {\n\t\treturn imageRotation;\n\t}\n}\n"]}
@@ -87,7 +87,7 @@ var UtilSvgAtlasBuilder = /** @class */ (function () {
87
87
  var attrViewBox = "viewBox=\"0 0 ".concat(width * ratio, " ").concat(height * ratio, "\"");
88
88
  var attrXmlns = "xmlns=\"http://www.w3.org/2000/svg\"";
89
89
  var url = toSvgUrl("<svg ".concat(attrWidth, " ").concat(attrHeight, " ").concat(attrViewBox, " ").concat(attrXmlns, ">").concat(this._svg, "</svg>"));
90
- var scaleMode = (_c = options === null || options === void 0 ? void 0 : options.scaling) !== null && _c !== void 0 ? _c : SCALE_MODES.LINEAR;
90
+ var scaleMode = (_c = options === null || options === void 0 ? void 0 : options.scaling) !== null && _c !== void 0 ? _c : SCALE_MODES.NEAREST;
91
91
  var baseTexture = BaseTexture.from(url, {
92
92
  resolution: resolution,
93
93
  scaleMode: scaleMode
@@ -1 +1 @@
1
- {"version":3,"file":"util-svg-atlas-builder.js","sourceRoot":"","sources":["../../../../src/main/typescript/wcardinal/ui/util/util-svg-atlas-builder.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { BaseTexture, Rectangle, SCALE_MODES, Texture } from \"pixi.js\";\nimport { toSvgUrl } from \"./to-svg-url\";\n\nexport interface UtilSvgAtlasBuilderBuildOptions {\n\tforce?: boolean;\n\tscaling?: SCALE_MODES;\n\tresolution?: number;\n}\n\nexport class UtilSvgAtlasBuilder {\n\tprotected _width: number;\n\tprotected _ratio: number;\n\tprotected _margin: number;\n\n\tprotected _frames: Record<string, Rectangle>;\n\tprotected _svg: string;\n\tprotected _nextX: number;\n\tprotected _nextY: number;\n\tprotected _height: number;\n\n\tprotected _built?: Record<string, Texture>;\n\n\tconstructor(width: number, ratio: number, margin: number) {\n\t\tthis._width = width;\n\t\tthis._ratio = ratio;\n\t\tthis._margin = margin;\n\n\t\tthis._frames = {};\n\t\tthis._svg = \"\";\n\t\tthis._nextX = 0;\n\t\tthis._nextY = 0;\n\t\tthis._height = 0;\n\t}\n\n\tget width(): number {\n\t\treturn this._width;\n\t}\n\n\tget ratio(): number {\n\t\treturn this._ratio;\n\t}\n\n\tget margin(): number {\n\t\treturn this._margin;\n\t}\n\n\tadd(name: string, width: number, height: number, path: string): boolean;\n\tadd(\n\t\tname: string,\n\t\twidth: number,\n\t\theight: number,\n\t\tpath: string,\n\t\tframeX: number,\n\t\tframeY: number,\n\t\tframeWidth: number,\n\t\tframeHeight: number\n\t): boolean;\n\tadd(\n\t\tname: string,\n\t\twidth: number,\n\t\theight: number,\n\t\tpath: string,\n\t\tframeX?: number,\n\t\tframeY?: number,\n\t\tframeWidth?: number,\n\t\tframeHeight?: number\n\t): boolean {\n\t\tconst frames = this._frames;\n\t\tif (!(name in frames)) {\n\t\t\t// Position\n\t\t\tconst margin = this._margin;\n\t\t\tlet x = this._nextX;\n\t\t\tlet y = this._nextY;\n\t\t\tif (this._width <= x + width) {\n\t\t\t\tx = 0;\n\t\t\t\ty = this._nextY + this._height + margin;\n\t\t\t\tthis._height = height;\n\t\t\t\tthis._nextY = y;\n\t\t\t} else {\n\t\t\t\tthis._height = Math.max(this._height, height);\n\t\t\t}\n\t\t\tthis._nextX = x + width + margin;\n\n\t\t\t// Frame\n\t\t\tframes[name] = new Rectangle(\n\t\t\t\tx + (frameX ?? 0),\n\t\t\t\ty + (frameY ?? 0),\n\t\t\t\tframeWidth ?? width,\n\t\t\t\tframeHeight ?? height\n\t\t\t);\n\n\t\t\t// Svg\n\t\t\tconst ratio = this._ratio;\n\t\t\tthis._svg += `<g transform=\"translate(${x * ratio},${y * ratio})\">${path}</g>`;\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t}\n\n\thas(name: string): boolean {\n\t\treturn name in this._frames;\n\t}\n\n\tget mappings(): Record<string, Texture> {\n\t\treturn this.build();\n\t}\n\n\tbuild(options?: UtilSvgAtlasBuilderBuildOptions): Record<string, Texture> {\n\t\tlet built = this._built;\n\t\tif (built == null || options?.force) {\n\t\t\tconst resolution = options?.resolution ?? window.devicePixelRatio ?? 1;\n\t\t\tconst width = this._width;\n\t\t\tconst height = Math.pow(2, Math.ceil(Math.log(this._nextY + this._height) / Math.LN2));\n\t\t\tconst realWidth = width * resolution;\n\t\t\tconst realHeight = height * resolution;\n\t\t\tconst ratio = this._ratio;\n\t\t\tconst attrWidth = `width=\"${realWidth}\"`;\n\t\t\tconst attrHeight = `height=\"${realHeight}\"`;\n\t\t\tconst attrViewBox = `viewBox=\"0 0 ${width * ratio} ${height * ratio}\"`;\n\t\t\tconst attrXmlns = `xmlns=\"http://www.w3.org/2000/svg\"`;\n\t\t\tconst url = toSvgUrl(\n\t\t\t\t`<svg ${attrWidth} ${attrHeight} ${attrViewBox} ${attrXmlns}>${this._svg}</svg>`\n\t\t\t);\n\t\t\tconst scaleMode = options?.scaling ?? SCALE_MODES.LINEAR;\n\t\t\tconst baseTexture = BaseTexture.from(url, {\n\t\t\t\tresolution,\n\t\t\t\tscaleMode\n\t\t\t});\n\t\t\tconst frames = this._frames;\n\t\t\tbuilt = this._built = {};\n\t\t\tfor (const name in frames) {\n\t\t\t\tbuilt[name] = new Texture(baseTexture, frames[name]);\n\t\t\t}\n\t\t}\n\t\treturn built;\n\t}\n}\n"]}
1
+ {"version":3,"file":"util-svg-atlas-builder.js","sourceRoot":"","sources":["../../../../src/main/typescript/wcardinal/ui/util/util-svg-atlas-builder.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { BaseTexture, Rectangle, SCALE_MODES, Texture } from \"pixi.js\";\nimport { toSvgUrl } from \"./to-svg-url\";\n\nexport interface UtilSvgAtlasBuilderBuildOptions {\n\tforce?: boolean;\n\tscaling?: SCALE_MODES;\n\tresolution?: number;\n}\n\nexport class UtilSvgAtlasBuilder {\n\tprotected _width: number;\n\tprotected _ratio: number;\n\tprotected _margin: number;\n\n\tprotected _frames: Record<string, Rectangle>;\n\tprotected _svg: string;\n\tprotected _nextX: number;\n\tprotected _nextY: number;\n\tprotected _height: number;\n\n\tprotected _built?: Record<string, Texture>;\n\n\tconstructor(width: number, ratio: number, margin: number) {\n\t\tthis._width = width;\n\t\tthis._ratio = ratio;\n\t\tthis._margin = margin;\n\n\t\tthis._frames = {};\n\t\tthis._svg = \"\";\n\t\tthis._nextX = 0;\n\t\tthis._nextY = 0;\n\t\tthis._height = 0;\n\t}\n\n\tget width(): number {\n\t\treturn this._width;\n\t}\n\n\tget ratio(): number {\n\t\treturn this._ratio;\n\t}\n\n\tget margin(): number {\n\t\treturn this._margin;\n\t}\n\n\tadd(name: string, width: number, height: number, path: string): boolean;\n\tadd(\n\t\tname: string,\n\t\twidth: number,\n\t\theight: number,\n\t\tpath: string,\n\t\tframeX: number,\n\t\tframeY: number,\n\t\tframeWidth: number,\n\t\tframeHeight: number\n\t): boolean;\n\tadd(\n\t\tname: string,\n\t\twidth: number,\n\t\theight: number,\n\t\tpath: string,\n\t\tframeX?: number,\n\t\tframeY?: number,\n\t\tframeWidth?: number,\n\t\tframeHeight?: number\n\t): boolean {\n\t\tconst frames = this._frames;\n\t\tif (!(name in frames)) {\n\t\t\t// Position\n\t\t\tconst margin = this._margin;\n\t\t\tlet x = this._nextX;\n\t\t\tlet y = this._nextY;\n\t\t\tif (this._width <= x + width) {\n\t\t\t\tx = 0;\n\t\t\t\ty = this._nextY + this._height + margin;\n\t\t\t\tthis._height = height;\n\t\t\t\tthis._nextY = y;\n\t\t\t} else {\n\t\t\t\tthis._height = Math.max(this._height, height);\n\t\t\t}\n\t\t\tthis._nextX = x + width + margin;\n\n\t\t\t// Frame\n\t\t\tframes[name] = new Rectangle(\n\t\t\t\tx + (frameX ?? 0),\n\t\t\t\ty + (frameY ?? 0),\n\t\t\t\tframeWidth ?? width,\n\t\t\t\tframeHeight ?? height\n\t\t\t);\n\n\t\t\t// Svg\n\t\t\tconst ratio = this._ratio;\n\t\t\tthis._svg += `<g transform=\"translate(${x * ratio},${y * ratio})\">${path}</g>`;\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t}\n\n\thas(name: string): boolean {\n\t\treturn name in this._frames;\n\t}\n\n\tget mappings(): Record<string, Texture> {\n\t\treturn this.build();\n\t}\n\n\tbuild(options?: UtilSvgAtlasBuilderBuildOptions): Record<string, Texture> {\n\t\tlet built = this._built;\n\t\tif (built == null || options?.force) {\n\t\t\tconst resolution = options?.resolution ?? window.devicePixelRatio ?? 1;\n\t\t\tconst width = this._width;\n\t\t\tconst height = Math.pow(2, Math.ceil(Math.log(this._nextY + this._height) / Math.LN2));\n\t\t\tconst realWidth = width * resolution;\n\t\t\tconst realHeight = height * resolution;\n\t\t\tconst ratio = this._ratio;\n\t\t\tconst attrWidth = `width=\"${realWidth}\"`;\n\t\t\tconst attrHeight = `height=\"${realHeight}\"`;\n\t\t\tconst attrViewBox = `viewBox=\"0 0 ${width * ratio} ${height * ratio}\"`;\n\t\t\tconst attrXmlns = `xmlns=\"http://www.w3.org/2000/svg\"`;\n\t\t\tconst url = toSvgUrl(\n\t\t\t\t`<svg ${attrWidth} ${attrHeight} ${attrViewBox} ${attrXmlns}>${this._svg}</svg>`\n\t\t\t);\n\t\t\tconst scaleMode = options?.scaling ?? SCALE_MODES.NEAREST;\n\t\t\tconst baseTexture = BaseTexture.from(url, {\n\t\t\t\tresolution,\n\t\t\t\tscaleMode\n\t\t\t});\n\t\t\tconst frames = this._frames;\n\t\t\tbuilt = this._built = {};\n\t\t\tfor (const name in frames) {\n\t\t\t\tbuilt[name] = new Texture(baseTexture, frames[name]);\n\t\t\t}\n\t\t}\n\t\treturn built;\n\t}\n}\n"]}
@@ -1,5 +1,5 @@
1
1
  /*
2
- Winter Cardinal UI v0.399.0
2
+ Winter Cardinal UI v0.400.0
3
3
  Copyright (C) 2019 Toshiba Corporation
4
4
  SPDX-License-Identifier: Apache-2.0
5
5
 
@@ -9669,6 +9669,8 @@
9669
9669
  loadThemeDarkMenu();
9670
9670
  };
9671
9671
 
9672
+ const toSvgTexture = wcardinal.ui.toSvgTexture;
9673
+
9672
9674
  /*
9673
9675
  * Copyright (C) 2019 Toshiba Corporation
9674
9676
  * SPDX-License-Identifier: Apache-2.0
@@ -9676,12 +9678,6 @@
9676
9678
  // Material Design icons by Google.
9677
9679
  // Apache license version 2.0.
9678
9680
  /* eslint-disable prettier/prettier */
9679
- DThemeDarkAtlas.add("button_process_processing", 24, 24, "<g transform=\"scale(0.025,0.025) translate(0,960)\">" +
9680
- "<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" +
9681
- "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" +
9682
- " 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" +
9683
- "6T480-80Z\" fill=\"#fff\"/>" +
9684
- "</g>");
9685
9681
  DThemeDarkAtlas.add("button_process_success", 24, 24, "<g transform=\"scale(0.025,0.025) translate(0,960)\">" +
9686
9682
  "<path d=\"M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z\" fill=\"#fff\" />" +
9687
9683
  "</g>");
@@ -9689,9 +9685,20 @@
9689
9685
  "<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\" />" +
9690
9686
  "</g>");
9691
9687
  /* eslint-enable prettier/prettier */
9688
+ var newProcessingTexture = function () {
9689
+ var resolution = (window.devicePixelRatio || 1) * 2;
9690
+ var size = 24 * resolution;
9691
+ return toSvgTexture("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"".concat(size, "px\" height=\"").concat(size, "px\" viewBox=\"0 -960 960 960\">") +
9692
+ "<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" +
9693
+ "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" +
9694
+ " 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" +
9695
+ "6T480-80Z\" fill=\"#fff\"/>" +
9696
+ "</svg>", resolution);
9697
+ };
9698
+ var processingTexture;
9692
9699
  var imageSource = function (state) {
9693
9700
  if (state.isProcessing) {
9694
- return DThemeDarkAtlas.mappings.button_process_processing;
9701
+ return (processingTexture !== null && processingTexture !== void 0 ? processingTexture : (processingTexture = newProcessingTexture()));
9695
9702
  }
9696
9703
  else if (state.isSucceeded) {
9697
9704
  return DThemeDarkAtlas.mappings.button_process_success;