@wcardinal/wcardinal-ui 0.268.0 → 0.269.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/types/wcardinal/ui/d-shadow-impl.d.ts +2 -1
- package/dist/wcardinal/ui/d-shadow-impl.js +8 -0
- package/dist/wcardinal/ui/d-shadow-impl.js.map +1 -1
- package/dist/wcardinal/ui/theme/dark/d-theme-dark-base.js +7 -5
- package/dist/wcardinal/ui/theme/dark/d-theme-dark-base.js.map +1 -1
- package/dist/wcardinal/ui/theme/white/d-theme-white-base.js +6 -5
- package/dist/wcardinal/ui/theme/white/d-theme-white-base.js.map +1 -1
- package/dist/wcardinal-ui-theme-dark.js +8 -6
- package/dist/wcardinal-ui-theme-dark.min.js +2 -2
- package/dist/wcardinal-ui-theme-dark.min.js.map +1 -1
- package/dist/wcardinal-ui-theme-white.js +7 -6
- package/dist/wcardinal-ui-theme-white.min.js +2 -2
- package/dist/wcardinal-ui-theme-white.min.js.map +1 -1
- package/dist/wcardinal-ui.cjs.js +22 -11
- package/dist/wcardinal-ui.js +9 -1
- package/dist/wcardinal-ui.min.js +2 -2
- package/dist/wcardinal-ui.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { NineSlicePlane, Texture } from "pixi.js";
|
|
1
|
+
import { NineSlicePlane, Renderer, Texture } from "pixi.js";
|
|
2
2
|
import { DBase } from "./d-base";
|
|
3
3
|
import { DShadow } from "./d-shadow";
|
|
4
4
|
export declare class DShadowImpl extends NineSlicePlane implements DShadow {
|
|
@@ -9,4 +9,5 @@ export declare class DShadowImpl extends NineSlicePlane implements DShadow {
|
|
|
9
9
|
constructor(texture: Texture, width: number, height: number, offsetX: number, offsetY: number);
|
|
10
10
|
protected onTextureUpdate(): void;
|
|
11
11
|
onReflow(base: DBase, width: number, height: number): void;
|
|
12
|
+
render(renderer: Renderer): void;
|
|
12
13
|
}
|
|
@@ -30,6 +30,14 @@ var DShadowImpl = /** @class */ (function (_super) {
|
|
|
30
30
|
this.width = sx + width + sx;
|
|
31
31
|
this.height = sy + height + sy;
|
|
32
32
|
};
|
|
33
|
+
DShadowImpl.prototype.render = function (renderer) {
|
|
34
|
+
var parent = this.parent;
|
|
35
|
+
if (parent) {
|
|
36
|
+
var alpha = parent.alpha;
|
|
37
|
+
this.alpha = alpha * alpha * alpha;
|
|
38
|
+
}
|
|
39
|
+
_super.prototype.render.call(this, renderer);
|
|
40
|
+
};
|
|
33
41
|
return DShadowImpl;
|
|
34
42
|
}(NineSlicePlane));
|
|
35
43
|
export { DShadowImpl };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"d-shadow-impl.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-shadow-impl.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAEH,OAAO,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"d-shadow-impl.js","sourceRoot":"","sources":["../../../src/main/typescript/wcardinal/ui/d-shadow-impl.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAEH,OAAO,EAAE,cAAc,EAAqB,MAAM,SAAS,CAAC;AAI5D;IAAiC,+BAAc;IAM9C,qBAAY,OAAgB,EAAE,KAAa,EAAE,MAAc,EAAE,OAAe,EAAE,OAAe;QAA7F,YACC,kBAAM,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,SAa5C;QAXA,KAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,KAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,KAAI,CAAC,OAAO,GAAG,KAAK,GAAG,GAAG,CAAC;QAC3B,KAAI,CAAC,OAAO,GAAG,MAAM,GAAG,GAAG,CAAC;QAE5B,KAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,KAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;QAEjC,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE;YACpB,KAAI,CAAC,eAAe,EAAE,CAAC;QACxB,CAAC,CAAC,CAAC;;IACJ,CAAC;IAES,qCAAe,GAAzB;QACC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,8BAAQ,GAAR,UAAS,IAAW,EAAE,KAAa,EAAE,MAAc;QAClD,IAAM,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QACxB,IAAM,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QACxB,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC7B,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC7B,IAAI,CAAC,KAAK,GAAG,EAAE,GAAG,KAAK,GAAG,EAAE,CAAC;QAC7B,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,MAAM,GAAG,EAAE,CAAC;IAChC,CAAC;IAED,4BAAM,GAAN,UAAO,QAAkB;QACxB,IAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,IAAI,MAAM,EAAE;YACX,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;YAC3B,IAAI,CAAC,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;SACnC;QACD,iBAAM,MAAM,YAAC,QAAQ,CAAC,CAAC;IACxB,CAAC;IACF,kBAAC;AAAD,CAAC,AA3CD,CAAiC,cAAc,GA2C9C","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { NineSlicePlane, Renderer, Texture } from \"pixi.js\";\nimport { DBase } from \"./d-base\";\nimport { DShadow } from \"./d-shadow\";\n\nexport class DShadowImpl extends NineSlicePlane implements DShadow {\n\tprotected _offsetX: number;\n\tprotected _offsetY: number;\n\tprotected _shiftX: number;\n\tprotected _shiftY: number;\n\n\tconstructor(texture: Texture, width: number, height: number, offsetX: number, offsetY: number) {\n\t\tsuper(texture, width, height, width, height);\n\n\t\tthis._offsetX = offsetX;\n\t\tthis._offsetY = offsetY;\n\t\tthis._shiftX = width * 0.5;\n\t\tthis._shiftY = height * 0.5;\n\n\t\tthis.interactive = false;\n\t\tthis.interactiveChildren = false;\n\n\t\ttexture.on(\"update\", (): void => {\n\t\t\tthis.onTextureUpdate();\n\t\t});\n\t}\n\n\tprotected onTextureUpdate(): void {\n\t\tthis.emit(\"update\", this);\n\t}\n\n\tonReflow(base: DBase, width: number, height: number): void {\n\t\tconst sx = this._shiftX;\n\t\tconst sy = this._shiftY;\n\t\tthis.x = -sx + this._offsetX;\n\t\tthis.y = -sy + this._offsetY;\n\t\tthis.width = sx + width + sx;\n\t\tthis.height = sy + height + sy;\n\t}\n\n\trender(renderer: Renderer): void {\n\t\tconst parent = this.parent;\n\t\tif (parent) {\n\t\t\tconst alpha = parent.alpha;\n\t\t\tthis.alpha = alpha * alpha * alpha;\n\t\t}\n\t\tsuper.render(renderer);\n\t}\n}\n"]}
|
|
@@ -17,9 +17,11 @@ var newShadow = function (id, radius, opacity) {
|
|
|
17
17
|
DThemeDarkAtlas.add(id, d, d, "<g>" +
|
|
18
18
|
"<defs>" +
|
|
19
19
|
"<radialGradient id=\"".concat(id, "_filter\">") +
|
|
20
|
-
"<stop offset=\"
|
|
21
|
-
"<stop offset=\"
|
|
22
|
-
"<stop offset=\"
|
|
20
|
+
"<stop offset=\"0%\" stop-color=\"black\" stop-opacity=\"".concat(opacity, "\" />") +
|
|
21
|
+
"<stop offset=\"20%\" stop-color=\"black\" stop-opacity=\"".concat(opacity, "\" />") +
|
|
22
|
+
"<stop offset=\"40%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.368, "\" />") +
|
|
23
|
+
"<stop offset=\"60%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.135, "\" />") +
|
|
24
|
+
"<stop offset=\"80%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.050, "\" />") +
|
|
23
25
|
"<stop offset=\"100%\" stop-color=\"black\" stop-opacity=\"0\" />" +
|
|
24
26
|
"</radialGradient>" +
|
|
25
27
|
"</defs>" +
|
|
@@ -27,8 +29,8 @@ var newShadow = function (id, radius, opacity) {
|
|
|
27
29
|
"</g>");
|
|
28
30
|
/* eslint-enable prettier/prettier */
|
|
29
31
|
};
|
|
30
|
-
newShadow("shadow_weak", 12,
|
|
31
|
-
newShadow("shadow", 24,
|
|
32
|
+
newShadow("shadow_weak", 12, 0.36);
|
|
33
|
+
newShadow("shadow", 24, 0.36);
|
|
32
34
|
/* eslint-disable prettier/prettier */
|
|
33
35
|
DThemeDarkAtlas.add("background", 16, 16, "<g>" +
|
|
34
36
|
"<defs>" +
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"d-theme-dark-base.js","sourceRoot":"","sources":["../../../../../src/main/typescript/wcardinal/ui/theme/dark/d-theme-dark-base.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAIH,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,IAAM,SAAS,GAAG,UAAC,EAAU,EAAE,MAAc,EAAE,OAAe;IAC7D,IAAM,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC;IACrB,sCAAsC;IACtC,eAAe,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAC3B,KAAK;QACJ,QAAQ;QACP,+BAAuB,EAAE,eAAW;QACnC,
|
|
1
|
+
{"version":3,"file":"d-theme-dark-base.js","sourceRoot":"","sources":["../../../../../src/main/typescript/wcardinal/ui/theme/dark/d-theme-dark-base.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { Texture } from \"pixi.js\";\nimport { DThemeBase } from \"../../d-base\";\nimport { DBaseInteractive } from \"../../d-base-interactive\";\nimport { DBaseStateSet } from \"../../d-base-state-set\";\nimport { DBorderMask } from \"../../d-border-mask\";\nimport { DCoordinatePosition, DCoordinateSize } from \"../../d-coordinate\";\nimport { DCornerMask } from \"../../d-corner-mask\";\nimport { DLayoutClearType } from \"../../d-layout-clear-type\";\nimport { DShadow } from \"../../d-shadow\";\nimport { DShadowImpl } from \"../../d-shadow-impl\";\nimport { DThemeDarkAtlas } from \"./d-theme-dark-atlas\";\nimport { DThemeDarkConstants } from \"./d-theme-dark-constants\";\nimport { DThemeDarkFont } from \"./d-theme-dark-font\";\n\nconst newShadow = (id: string, radius: number, opacity: number): void => {\n\tconst d = radius * 2;\n\t/* eslint-disable prettier/prettier */\n\tDThemeDarkAtlas.add(id, d, d,\n\t\t`<g>` +\n\t\t\t`<defs>` +\n\t\t\t\t`<radialGradient id=\"${id}_filter\">` +\n\t\t\t\t\t`<stop offset=\"0%\" stop-color=\"black\" stop-opacity=\"${opacity}\" />` +\n\t\t\t\t\t`<stop offset=\"20%\" stop-color=\"black\" stop-opacity=\"${opacity}\" />` +\n\t\t\t\t\t`<stop offset=\"40%\" stop-color=\"black\" stop-opacity=\"${opacity * 0.368}\" />` +\n\t\t\t\t\t`<stop offset=\"60%\" stop-color=\"black\" stop-opacity=\"${opacity * 0.135}\" />` +\n\t\t\t\t\t`<stop offset=\"80%\" stop-color=\"black\" stop-opacity=\"${opacity * 0.050}\" />` +\n\t\t\t\t\t`<stop offset=\"100%\" stop-color=\"black\" stop-opacity=\"0\" />` +\n\t\t\t\t`</radialGradient>` +\n\t\t\t`</defs>` +\n\t\t\t`<rect x=\"0\" y=\"0\" width=\"${d}\" height=\"${d}\" fill=\"url(#${id}_filter)\"/>` +\n\t\t`</g>`\n\t);\n\t/* eslint-enable prettier/prettier */\n};\nnewShadow(\"shadow_weak\", 12, 0.36);\nnewShadow(\"shadow\", 24, 0.36);\n\n/* eslint-disable prettier/prettier */\nDThemeDarkAtlas.add(\"background\", 16, 16,\n\t`<g>` +\n\t\t`<defs>` +\n\t\t\t`<radialGradient id=\"background_filter\">` +\n\t\t\t\t`<stop offset=\"25%\" stop-color=\"white\" stop-opacity=\"1\" />` +\n\t\t\t\t`<stop offset=\"75%\" stop-color=\"white\" stop-opacity=\"0.25\" />` +\n\t\t\t`</radialGradient>` +\n\t\t`</defs>` +\n\t\t`<rect x=\"0\" y=\"0\" width=\"16\" height=\"16\" fill=\"url(#background_filter)\"/>` +\n\t`</g>`\n);\n/* eslint-enable prettier/prettier */\n\nexport class DThemeDarkBase extends DThemeDarkFont implements DThemeBase {\n\tgetX(): DCoordinatePosition {\n\t\treturn 0;\n\t}\n\n\tgetY(): DCoordinatePosition {\n\t\treturn 0;\n\t}\n\n\tgetHeight(): DCoordinateSize {\n\t\treturn 100;\n\t}\n\n\tgetWidth(): DCoordinateSize {\n\t\treturn 100;\n\t}\n\n\tgetBackgroundColor(state: DBaseStateSet): number | null {\n\t\treturn null;\n\t}\n\n\tgetBackgroundAlpha(state: DBaseStateSet): number {\n\t\treturn 1;\n\t}\n\n\tgetBackgroundTexture(): Texture {\n\t\treturn DThemeDarkAtlas.mappings.background;\n\t}\n\n\tgetBorderColor(state: DBaseStateSet): number | null {\n\t\treturn null;\n\t}\n\n\tgetBorderAlpha(state: DBaseStateSet): number {\n\t\treturn 1;\n\t}\n\n\tgetBorderWidth(state: DBaseStateSet): number {\n\t\treturn 1;\n\t}\n\n\tgetBorderAlign(state: DBaseStateSet): number {\n\t\treturn 0;\n\t}\n\n\tgetBorderMask(state: DBaseStateSet): number {\n\t\treturn DBorderMask.NONE;\n\t}\n\n\tgetBorderTexture(): Texture {\n\t\treturn DThemeDarkAtlas.mappings.background;\n\t}\n\n\tgetPaddingLeft(): number {\n\t\treturn 0;\n\t}\n\n\tgetPaddingRight(): number {\n\t\treturn 0;\n\t}\n\n\tgetPaddingTop(): number {\n\t\treturn 0;\n\t}\n\n\tgetPaddingBottom(): number {\n\t\treturn 0;\n\t}\n\n\tgetCornerRadius(): number {\n\t\treturn 3;\n\t}\n\n\tgetCornerMask(): number {\n\t\treturn DCornerMask.NONE;\n\t}\n\n\tgetOutlineColor(state: DBaseStateSet): number | null {\n\t\treturn DThemeDarkConstants.HIGHLIGHT_COLOR;\n\t}\n\n\tgetOutlineAlpha(state: DBaseStateSet): number {\n\t\tif (state.isFocused) {\n\t\t\treturn 1;\n\t\t}\n\t\treturn 0;\n\t}\n\n\tgetOutlineWidth(state: DBaseStateSet): number {\n\t\treturn 1;\n\t}\n\n\tgetOutlineOffset(state: DBaseStateSet): number {\n\t\treturn 0;\n\t}\n\n\tgetOutlineAlign(state: DBaseStateSet): number {\n\t\treturn 0;\n\t}\n\n\tgetOutlineMask(state: DBaseStateSet): DBorderMask {\n\t\treturn DBorderMask.NONE;\n\t}\n\n\tgetClearType(): DLayoutClearType {\n\t\treturn DLayoutClearType.NONE;\n\t}\n\n\tgetShadow(): DShadow | null {\n\t\treturn null;\n\t}\n\n\tgetInteractive(): DBaseInteractive {\n\t\treturn DBaseInteractive.SELF;\n\t}\n\n\tnewState(state: DBaseStateSet): void {\n\t\t// DO NOTHING\n\t}\n\n\tgetTitle(): string {\n\t\treturn \"\";\n\t}\n\n\tgetWeight(): number {\n\t\treturn -1;\n\t}\n\n\tnewShadow(): DShadow | null {\n\t\treturn new DShadowImpl(DThemeDarkAtlas.mappings.shadow, 24, 24, 0, 9.6);\n\t}\n\n\tnewShadowWeak(): DShadow | null {\n\t\treturn new DShadowImpl(DThemeDarkAtlas.mappings.shadow_weak, 12, 8, 0, 4.8);\n\t}\n\n\tgetCursor(state: DBaseStateSet): string {\n\t\treturn \"\";\n\t}\n}\n"]}
|
|
@@ -18,9 +18,10 @@ var newShadow = function (id, radius, opacity) {
|
|
|
18
18
|
"<defs>" +
|
|
19
19
|
"<radialGradient id=\"".concat(id, "_filter\">") +
|
|
20
20
|
"<stop offset=\"0%\" stop-color=\"black\" stop-opacity=\"".concat(opacity, "\" />") +
|
|
21
|
-
"<stop offset=\"
|
|
22
|
-
"<stop offset=\"
|
|
23
|
-
"<stop offset=\"
|
|
21
|
+
"<stop offset=\"20%\" stop-color=\"black\" stop-opacity=\"".concat(opacity, "\" />") +
|
|
22
|
+
"<stop offset=\"40%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.368, "\" />") +
|
|
23
|
+
"<stop offset=\"60%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.135, "\" />") +
|
|
24
|
+
"<stop offset=\"80%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.050, "\" />") +
|
|
24
25
|
"<stop offset=\"100%\" stop-color=\"black\" stop-opacity=\"0\" />" +
|
|
25
26
|
"</radialGradient>" +
|
|
26
27
|
"</defs>" +
|
|
@@ -28,8 +29,8 @@ var newShadow = function (id, radius, opacity) {
|
|
|
28
29
|
"</g>");
|
|
29
30
|
/* eslint-enable prettier/prettier */
|
|
30
31
|
};
|
|
31
|
-
newShadow("shadow_weak", 12, 0.
|
|
32
|
-
newShadow("shadow", 24, 0.
|
|
32
|
+
newShadow("shadow_weak", 12, 0.15);
|
|
33
|
+
newShadow("shadow", 24, 0.15);
|
|
33
34
|
/* eslint-disable prettier/prettier */
|
|
34
35
|
DThemeWhiteAtlas.add("background", 16, 16, "<g>" +
|
|
35
36
|
"<defs>" +
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"d-theme-white-base.js","sourceRoot":"","sources":["../../../../../src/main/typescript/wcardinal/ui/theme/white/d-theme-white-base.ts"],"names":[],"mappings":"AAAA;;;GAGG;;AAIH,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,IAAM,SAAS,GAAG,UAAC,EAAU,EAAE,MAAc,EAAE,OAAe;IAC7D,IAAM,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC;IACrB,sCAAsC;IACtC,gBAAgB,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAC5B,KAAK;QACJ,QAAQ;QACP,+BAAuB,EAAE,eAAW;QACnC,kEAAsD,OAAO,UAAM;QACnE,mEAAuD,OAAO,
|
|
1
|
+
{"version":3,"file":"d-theme-white-base.js","sourceRoot":"","sources":["../../../../../src/main/typescript/wcardinal/ui/theme/white/d-theme-white-base.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright (C) 2019 Toshiba Corporation\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { Texture } from \"pixi.js\";\nimport { DThemeBase } from \"../../d-base\";\nimport { DBaseInteractive } from \"../../d-base-interactive\";\nimport { DBaseStateSet } from \"../../d-base-state-set\";\nimport { DBorderMask } from \"../../d-border-mask\";\nimport { DCoordinatePosition, DCoordinateSize } from \"../../d-coordinate\";\nimport { DCornerMask } from \"../../d-corner-mask\";\nimport { DLayoutClearType } from \"../../d-layout-clear-type\";\nimport { DShadow } from \"../../d-shadow\";\nimport { DShadowImpl } from \"../../d-shadow-impl\";\nimport { DThemeWhiteAtlas } from \"./d-theme-white-atlas\";\nimport { DThemeWhiteConstants } from \"./d-theme-white-constants\";\nimport { DThemeWhiteFont } from \"./d-theme-white-font\";\n\nconst newShadow = (id: string, radius: number, opacity: number): void => {\n\tconst d = radius * 2;\n\t/* eslint-disable prettier/prettier */\n\tDThemeWhiteAtlas.add(id, d, d,\n\t\t`<g>` +\n\t\t\t`<defs>` +\n\t\t\t\t`<radialGradient id=\"${id}_filter\">` +\n\t\t\t\t\t`<stop offset=\"0%\" stop-color=\"black\" stop-opacity=\"${opacity}\" />` +\n\t\t\t\t\t`<stop offset=\"20%\" stop-color=\"black\" stop-opacity=\"${opacity}\" />` +\n\t\t\t\t\t`<stop offset=\"40%\" stop-color=\"black\" stop-opacity=\"${opacity * 0.368}\" />` +\n\t\t\t\t\t`<stop offset=\"60%\" stop-color=\"black\" stop-opacity=\"${opacity * 0.135}\" />` +\n\t\t\t\t\t`<stop offset=\"80%\" stop-color=\"black\" stop-opacity=\"${opacity * 0.050}\" />` +\n\t\t\t\t\t`<stop offset=\"100%\" stop-color=\"black\" stop-opacity=\"0\" />` +\n\t\t\t\t`</radialGradient>` +\n\t\t\t`</defs>` +\n\t\t\t`<rect x=\"0\" y=\"0\" width=\"${d}\" height=\"${d}\" fill=\"url(#${id}_filter)\"/>` +\n\t\t`</g>`\n\t);\n\t/* eslint-enable prettier/prettier */\n};\nnewShadow(\"shadow_weak\", 12, 0.15);\nnewShadow(\"shadow\", 24, 0.15);\n\n/* eslint-disable prettier/prettier */\nDThemeWhiteAtlas.add(\"background\", 16, 16,\n\t`<g>` +\n\t\t`<defs>` +\n\t\t\t`<radialGradient id=\"234sfdhjfpijsrnsedsd435jseflkm\">` +\n\t\t\t\t`<stop offset=\"25%\" stop-color=\"white\" stop-opacity=\"1\" />` +\n\t\t\t\t`<stop offset=\"75%\" stop-color=\"white\" stop-opacity=\"0.25\" />` +\n\t\t\t`</radialGradient>` +\n\t\t`</defs>` +\n\t\t`<rect x=\"0\" y=\"0\" width=\"16\" height=\"16\" fill=\"url(#234sfdhjfpijsrnsedsd435jseflkm)\"/>` +\n\t`</g>`\n);\n/* eslint-enable prettier/prettier */\n\nexport class DThemeWhiteBase extends DThemeWhiteFont implements DThemeBase {\n\tgetX(): DCoordinatePosition {\n\t\treturn 0;\n\t}\n\n\tgetY(): DCoordinatePosition {\n\t\treturn 0;\n\t}\n\n\tgetHeight(): DCoordinateSize {\n\t\treturn 100;\n\t}\n\n\tgetWidth(): DCoordinateSize {\n\t\treturn 100;\n\t}\n\n\tgetBackgroundColor(state: DBaseStateSet): number | null {\n\t\treturn null;\n\t}\n\n\tgetBackgroundAlpha(state: DBaseStateSet): number {\n\t\treturn 1;\n\t}\n\n\tgetBackgroundTexture(): Texture {\n\t\treturn DThemeWhiteAtlas.mappings.background;\n\t}\n\n\tgetBorderColor(state: DBaseStateSet): number | null {\n\t\treturn null;\n\t}\n\n\tgetBorderAlpha(state: DBaseStateSet): number {\n\t\treturn 1;\n\t}\n\n\tgetBorderWidth(state: DBaseStateSet): number {\n\t\treturn 1;\n\t}\n\n\tgetBorderAlign(state: DBaseStateSet): number {\n\t\treturn 0;\n\t}\n\n\tgetBorderMask(state: DBaseStateSet): number {\n\t\treturn DBorderMask.NONE;\n\t}\n\n\tgetBorderTexture(): Texture {\n\t\treturn DThemeWhiteAtlas.mappings.background;\n\t}\n\n\tgetPaddingLeft(): number {\n\t\treturn 0;\n\t}\n\n\tgetPaddingRight(): number {\n\t\treturn 0;\n\t}\n\n\tgetPaddingTop(): number {\n\t\treturn 0;\n\t}\n\n\tgetPaddingBottom(): number {\n\t\treturn 0;\n\t}\n\n\tgetCornerRadius(): number {\n\t\treturn 3;\n\t}\n\n\tgetCornerMask(): number {\n\t\treturn DCornerMask.NONE;\n\t}\n\n\tgetOutlineColor(state: DBaseStateSet): number | null {\n\t\treturn DThemeWhiteConstants.HIGHLIGHT_COLOR;\n\t}\n\n\tgetOutlineAlpha(state: DBaseStateSet): number {\n\t\tif (state.isFocused) {\n\t\t\treturn 1;\n\t\t}\n\t\treturn 0;\n\t}\n\n\tgetOutlineWidth(state: DBaseStateSet): number {\n\t\treturn 1;\n\t}\n\n\tgetOutlineOffset(state: DBaseStateSet): number {\n\t\treturn 0;\n\t}\n\n\tgetOutlineAlign(state: DBaseStateSet): number {\n\t\treturn 0;\n\t}\n\n\tgetOutlineMask(state: DBaseStateSet): DBorderMask {\n\t\treturn DBorderMask.NONE;\n\t}\n\n\tgetClearType(): DLayoutClearType {\n\t\treturn DLayoutClearType.NONE;\n\t}\n\n\tgetShadow(): DShadow | null {\n\t\treturn null;\n\t}\n\n\tgetInteractive(): DBaseInteractive {\n\t\treturn DBaseInteractive.SELF;\n\t}\n\n\tnewState(state: DBaseStateSet): void {\n\t\t// DO NOTHING\n\t}\n\n\tgetTitle(): string {\n\t\treturn \"\";\n\t}\n\n\tgetWeight(): number {\n\t\treturn -1;\n\t}\n\n\tnewShadow(): DShadow | null {\n\t\treturn new DShadowImpl(DThemeWhiteAtlas.mappings.shadow, 24, 24, 0, 9.6);\n\t}\n\n\tnewShadowWeak(): DShadow | null {\n\t\treturn new DShadowImpl(DThemeWhiteAtlas.mappings.shadow_weak, 12, 12, 0, 4.8);\n\t}\n\n\tgetCursor(state: DBaseStateSet): string {\n\t\treturn \"\";\n\t}\n}\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*
|
|
2
|
-
Winter Cardinal UI v0.
|
|
2
|
+
Winter Cardinal UI v0.269.0
|
|
3
3
|
Copyright (C) 2019 Toshiba Corporation
|
|
4
4
|
SPDX-License-Identifier: Apache-2.0
|
|
5
5
|
|
|
@@ -195,9 +195,11 @@
|
|
|
195
195
|
DThemeDarkAtlas.add(id, d, d, "<g>" +
|
|
196
196
|
"<defs>" +
|
|
197
197
|
"<radialGradient id=\"".concat(id, "_filter\">") +
|
|
198
|
-
"<stop offset=\"
|
|
199
|
-
"<stop offset=\"
|
|
200
|
-
"<stop offset=\"
|
|
198
|
+
"<stop offset=\"0%\" stop-color=\"black\" stop-opacity=\"".concat(opacity, "\" />") +
|
|
199
|
+
"<stop offset=\"20%\" stop-color=\"black\" stop-opacity=\"".concat(opacity, "\" />") +
|
|
200
|
+
"<stop offset=\"40%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.368, "\" />") +
|
|
201
|
+
"<stop offset=\"60%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.135, "\" />") +
|
|
202
|
+
"<stop offset=\"80%\" stop-color=\"black\" stop-opacity=\"".concat(opacity * 0.050, "\" />") +
|
|
201
203
|
"<stop offset=\"100%\" stop-color=\"black\" stop-opacity=\"0\" />" +
|
|
202
204
|
"</radialGradient>" +
|
|
203
205
|
"</defs>" +
|
|
@@ -205,8 +207,8 @@
|
|
|
205
207
|
"</g>");
|
|
206
208
|
/* eslint-enable prettier/prettier */
|
|
207
209
|
};
|
|
208
|
-
newShadow("shadow_weak", 12,
|
|
209
|
-
newShadow("shadow", 24,
|
|
210
|
+
newShadow("shadow_weak", 12, 0.36);
|
|
211
|
+
newShadow("shadow", 24, 0.36);
|
|
210
212
|
/* eslint-disable prettier/prettier */
|
|
211
213
|
DThemeDarkAtlas.add("background", 16, 16, "<g>" +
|
|
212
214
|
"<defs>" +
|