@wcardinal/wcardinal-ui 0.145.0 → 0.149.0

package/dist/wcardinal/ui/util/util-svg-atlas-builder.js.map

@@ -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: { [name: string]: Rectangle };\n\tprotected _svg: string;\n\tprotected _nextX: number;\n\tprotected _nextY: number;\n\tprotected _height: number;\n\n\tprotected _built?: { [name: 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\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(x, y, width, height);\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\tget mappings(): { [name: string]: Texture } {\n\t\treturn this.build();\n\t}\n\n\tbuild(options?: UtilSvgAtlasBuilderBuildOptions): { [name: 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"]}
+{"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: { [name: string]: Rectangle };\n\tprotected _svg: string;\n\tprotected _nextX: number;\n\tprotected _nextY: number;\n\tprotected _height: number;\n\n\tprotected _built?: { [name: 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\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(x, y, width, height);\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(): { [name: string]: Texture } {\n\t\treturn this.build();\n\t}\n\n\tbuild(options?: UtilSvgAtlasBuilderBuildOptions): { [name: 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"]}

package/dist/wcardinal-ui-theme-dark.js

@@ -1,5 +1,5 @@
 /*
- Winter Cardinal UI v0.145.0
+ Winter Cardinal UI v0.149.0
  Copyright (C) 2019 Toshiba Corporation
  SPDX-License-Identifier: Apache-2.0
 
@@ -6078,13 +6078,16 @@
             return DBaseInteractive.NONE;
         };
         DThemeDarkNote.prototype.getAlpha = function () {
-            return 0.25;
+            return 0.2;
         };
         DThemeDarkNote.prototype.getFontSize = function () {
             return 26;
         };
+        DThemeDarkNote.prototype.getFontWeight = function () {
+            return "bold";
+        };
         DThemeDarkNote.prototype.getImageTintAlpha = function (state) {
-            return 0.15;
+            return 0.2;
         };
         DThemeDarkNote.prototype.getImageAlignWith = function () {
             return DAlignWith.TEXT;
@@ -6095,6 +6098,10 @@
         DThemeDarkNote.prototype.getImageAlignVertical = function () {
             return DAlignVertical.MIDDLE;
         };
+        DThemeDarkNote.prototype.newState = function (state) {
+            _super.prototype.newState.call(this, state);
+            state.isFocusable = false;
+        };
         return DThemeDarkNote;
     }(DThemeDarkImageBase));
 
@@ -6102,11 +6109,6 @@
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    /* eslint-disable prettier/prettier */
-    DThemeDarkAtlas.add("note_erorr", 48, 48, "<g transform=\"translate(-3,3) scale(3,3)\">" +
-        '<path d="M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z" fill="#fff"/>' +
-        "</g>");
-    /* eslint-enable prettier/prettier */
     var DThemeDarkNoteError = /** @class */ (function (_super) {
         __extends(DThemeDarkNoteError, _super);
         function DThemeDarkNoteError() {
@@ -6115,9 +6117,6 @@
         DThemeDarkNoteError.prototype.newTextValue = function () {
             return "Error";
         };
-        DThemeDarkNoteError.prototype.getImageSource = function (state) {
-            return DThemeDarkAtlas.mappings.note_erorr;
-        };
         return DThemeDarkNoteError;
     }(DThemeDarkNote));
 
@@ -6125,12 +6124,6 @@
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    /* eslint-disable prettier/prettier */
-    DThemeDarkAtlas.add("note_no_items_found", 48, 48, "<g transform=\"translate(-3,3) scale(3,3)\">" +
-        '<path d="M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c' +
-        '-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" fill="#fff"/>' +
-        "</g>");
-    /* eslint-enable prettier/prettier */
     var DThemeDarkNoteNoItemsFound = /** @class */ (function (_super) {
         __extends(DThemeDarkNoteNoItemsFound, _super);
         function DThemeDarkNoteNoItemsFound() {
@@ -6139,9 +6132,6 @@
         DThemeDarkNoteNoItemsFound.prototype.newTextValue = function () {
             return "No items found";
         };
-        DThemeDarkNoteNoItemsFound.prototype.getImageSource = function (state) {
-            return DThemeDarkAtlas.mappings.note_no_items_found;
-        };
         return DThemeDarkNoteNoItemsFound;
     }(DThemeDarkNote));
 
@@ -6149,13 +6139,6 @@
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
      */
-    /* eslint-disable prettier/prettier */
-    DThemeDarkAtlas.add("note_searching", 48, 48, "<g transform=\"translate(-3,3) scale(3,3)\">" +
-        "<path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 " +
-        "9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 " +
-        "14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\" fill=\"#fff\"/>" +
-        "</g>");
-    /* eslint-enable prettier/prettier */
     var DThemeDarkNoteSearching = /** @class */ (function (_super) {
         __extends(DThemeDarkNoteSearching, _super);
         function DThemeDarkNoteSearching() {
@@ -6164,12 +6147,69 @@
         DThemeDarkNoteSearching.prototype.newTextValue = function () {
             return "Searching";
         };
-        DThemeDarkNoteSearching.prototype.getImageSource = function (state) {
-            return DThemeDarkAtlas.mappings.note_searching;
-        };
         return DThemeDarkNoteSearching;
     }(DThemeDarkNote));
 
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var DThemeDarkNoteSmall = /** @class */ (function (_super) {
+        __extends(DThemeDarkNoteSmall, _super);
+        function DThemeDarkNoteSmall() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        DThemeDarkNoteSmall.prototype.getFontSize = function () {
+            return 18;
+        };
+        return DThemeDarkNoteSmall;
+    }(DThemeDarkNote));
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var DThemeDarkNoteSmallError = /** @class */ (function (_super) {
+        __extends(DThemeDarkNoteSmallError, _super);
+        function DThemeDarkNoteSmallError() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        DThemeDarkNoteSmallError.prototype.newTextValue = function () {
+            return "Something went wrong";
+        };
+        return DThemeDarkNoteSmallError;
+    }(DThemeDarkNoteSmall));
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var DThemeDarkNoteSmallNoItemsFound = /** @class */ (function (_super) {
+        __extends(DThemeDarkNoteSmallNoItemsFound, _super);
+        function DThemeDarkNoteSmallNoItemsFound() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        DThemeDarkNoteSmallNoItemsFound.prototype.newTextValue = function () {
+            return "No items found";
+        };
+        return DThemeDarkNoteSmallNoItemsFound;
+    }(DThemeDarkNoteSmall));
+
+    /*
+     * Copyright (C) 2019 Toshiba Corporation
+     * SPDX-License-Identifier: Apache-2.0
+     */
+    var DThemeDarkNoteSmallSearching = /** @class */ (function (_super) {
+        __extends(DThemeDarkNoteSmallSearching, _super);
+        function DThemeDarkNoteSmallSearching() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        DThemeDarkNoteSmallSearching.prototype.newTextValue = function () {
+            return "Searching";
+        };
+        return DThemeDarkNoteSmallSearching;
+    }(DThemeDarkNoteSmall));
+
     /*
      * Copyright (C) 2019 Toshiba Corporation
      * SPDX-License-Identifier: Apache-2.0
@@ -6179,6 +6219,9 @@
         DThemeDark.set("DNoteError", DThemeDarkNoteError);
         DThemeDark.set("DNoteNoItemsFound", DThemeDarkNoteNoItemsFound);
         DThemeDark.set("DNoteSearching", DThemeDarkNoteSearching);
+        DThemeDark.set("DNoteSmallError", DThemeDarkNoteSmallError);
+        DThemeDark.set("DNoteSmallNoItemsFound", DThemeDarkNoteSmallNoItemsFound);
+        DThemeDark.set("DNoteSmallSearching", DThemeDarkNoteSmallSearching);
     };
 
     /*
@@ -6698,6 +6741,9 @@
         DThemeDarkSliderThumb.prototype.getImageAlignHorizontal = function () {
             return DAlignHorizontal.CENTER;
         };
+        DThemeDarkSliderThumb.prototype.getOutlineOffset = function (state) {
+            return this.getOutlineOffsetNonActive(state) + 2;
+        };
         return DThemeDarkSliderThumb;
     }(DThemeDarkButton));
 
@@ -6716,6 +6762,16 @@
         DThemeDarkSliderTrack.prototype.getBorderColor = function (state) {
             return null;
         };
+        DThemeDarkSliderTrack.prototype.getOutlineColor = function (state) {
+            return _super.prototype.getOutlineColorNonActive.call(this, state);
+        };
+        DThemeDarkSliderTrack.prototype.getOutlineOffset = function (state) {
+            return _super.prototype.getOutlineOffsetNonActive.call(this, state);
+        };
+        DThemeDarkSliderTrack.prototype.newState = function (state) {
+            _super.prototype.newState.call(this, state);
+            state.isFocusable = false;
+        };
         return DThemeDarkSliderTrack;
     }(DThemeDarkButton));
 
@@ -6786,7 +6842,7 @@
             return "AUTO";
         };
         DThemeDarkSliderValue.prototype.getHeight = function () {
-            return 20;
+            return this.getLineHeight();
         };
         DThemeDarkSliderValue.prototype.getBackgroundColor = function (state) {
             if (state.inDisabled) {
@@ -6923,7 +6979,9 @@
         DThemeDarkTableBodyCells.getBackgroundColor = function (state) {
             if (state.inDisabled) {
                 if (state.is(DTableState.FROZEN)) {
-                    return state.onAlternated ? this.BACKGROUND_COLOR_EVEN : this.BACKGROUND_COLOR_ODD;
+                    return state.onAlternated
+                        ? this.BACKGROUND_COLOR_FROZEN_ODD
+                        : this.BACKGROUND_COLOR_FROZEN_EVEN;
                 }
                 else {
                     return null;
@@ -6940,7 +6998,9 @@
             }
             else {
                 if (state.is(DTableState.FROZEN)) {
-                    return state.onAlternated ? this.BACKGROUND_COLOR_EVEN : this.BACKGROUND_COLOR_ODD;
+                    return state.onAlternated
+                        ? this.BACKGROUND_COLOR_FROZEN_ODD
+                        : this.BACKGROUND_COLOR_FROZEN_EVEN;
                 }
                 else {
                     return null;
@@ -6984,9 +7044,13 @@
         DThemeDarkTableBodyCells.getCornerMask = function () {
             return DCornerMask.ALL;
         };
-        DThemeDarkTableBodyCells.BACKGROUND_COLOR_EVEN = DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD;
-        DThemeDarkTableBodyCells.BACKGROUND_COLOR_ODD = UtilRgb.brighten(DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD, 0.02);
-        DThemeDarkTableBodyCells.BORDER_COLOR = DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD;
+        var _a;
+        _a = DThemeDarkTableBodyCells;
+        DThemeDarkTableBodyCells.BACKGROUND_COLOR = DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD;
+        DThemeDarkTableBodyCells.BACKGROUND_COLOR_FROZEN_EVEN = UtilRgb.brighten(_a.BACKGROUND_COLOR, 0.02);
+        DThemeDarkTableBodyCells.BACKGROUND_COLOR_FROZEN_ODD = UtilRgb.brighten(_a.BACKGROUND_COLOR_FROZEN_EVEN, 0.02);
+        DThemeDarkTableBodyCells.BORDER_COLOR = UtilRgb.darken(_a.BACKGROUND_COLOR, 0.035);
+        DThemeDarkTableBodyCells.BORDER_COLOR_FROZEN = UtilRgb.darken(_a.BORDER_COLOR, 0.035);
         return DThemeDarkTableBodyCells;
     }());
 
@@ -8065,12 +8129,14 @@
             _this.BACKGROUND_COLOR = UtilRgb.brighten(DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD, 0.02);
             _this.BACKGROUND_COLOR_HOVERED = UtilRgb.brighten(_this.BACKGROUND_COLOR, 0.08);
             _this.BACKGROUND_COLOR_PRESSED = UtilRgb.brighten(_this.BACKGROUND_COLOR, 0.32);
+            _this.BACKGROUND_COLOR_FROZEN = UtilRgb.brighten(_this.BACKGROUND_COLOR, 0.02);
             _this.BORDER_COLOR = UtilRgb.darken(DThemeDarkConstants.BACKGROUND_COLOR_ON_BOARD, 0.05);
+            _this.BORDER_COLOR_FROZEN = UtilRgb.darken(_this.BORDER_COLOR, 0.05);
             return _this;
         }
         DThemeDarkTableHeaderCell.prototype.getBackgroundColor = function (state) {
             if (state.inDisabled) {
-                return state.is(DTableState.FROZEN) ? this.BACKGROUND_COLOR : null;
+                return state.is(DTableState.FROZEN) ? this.BACKGROUND_COLOR_FROZEN : null;
             }
             else if (state.isPressed) {
                 return this.BACKGROUND_COLOR_PRESSED;
@@ -8079,13 +8145,16 @@
                 return this.BACKGROUND_COLOR_HOVERED;
             }
             else {
-                return state.is(DTableState.FROZEN) ? this.BACKGROUND_COLOR : null;
+                return state.is(DTableState.FROZEN) ? this.BACKGROUND_COLOR_FROZEN : null;
             }
         };
         DThemeDarkTableHeaderCell.prototype.getBackgroundAlpha = function (state) {
             return 1;
         };
         DThemeDarkTableHeaderCell.prototype.getBorderColor = function (state) {
+            if (state.is(DTableState.FROZEN_END)) {
+                return this.BORDER_COLOR_FROZEN;
+            }
             return this.BORDER_COLOR;
         };
         DThemeDarkTableHeaderCell.prototype.getBorderMask = function (state) {
@@ -8727,6 +8796,10 @@
         DThemeDarkNoteError: DThemeDarkNoteError,
         DThemeDarkNoteNoItemsFound: DThemeDarkNoteNoItemsFound,
         DThemeDarkNoteSearching: DThemeDarkNoteSearching,
+        DThemeDarkNoteSmallError: DThemeDarkNoteSmallError,
+        DThemeDarkNoteSmallNoItemsFound: DThemeDarkNoteSmallNoItemsFound,
+        DThemeDarkNoteSmallSearching: DThemeDarkNoteSmallSearching,
+        DThemeDarkNoteSmall: DThemeDarkNoteSmall,
         DThemeDarkNote: DThemeDarkNote,
         DThemeDarkPagination: DThemeDarkPagination,
         DThemeDarkPaginationNavigationButton: DThemeDarkPaginationNavigationButton,