@wcardinal/wcardinal-ui 0.387.0 → 0.389.0

package/dist/types/wcardinal/ui/d-dialog-select.d.ts

@@ -10,9 +10,9 @@ import { DListDataSelection } from "./d-list-data-selection";
 import { DNote, DNoteOptions } from "./d-note";
 import { DOnOptions } from "./d-on-options";
 import { DDialogSelectSearch } from "./d-dialog-select-search";
-import { DDialogSelectSearhDismissableOptions } from "./d-dialog-select-search-dismissable";
 import { DSelect, DSelectOptions } from "./d-select";
 import { DDialogSelectSearchFunction } from "./d-dialog-select-search-function";
+import { DButton, DButtonOptions } from "./d-button";
 export interface DDialogSelectInputOpitons extends DInputSearchOptions {
     margin?: number;
 }
@@ -61,13 +61,19 @@ export interface DDialogSelectCategoryOptions<VALUE, CATEGORY_ID> extends DSelec
  */
 export interface DDialogSelectOnOptions<VALUE, EMITTER> extends Partial<DDialogSelectEvents<VALUE, EMITTER>>, DOnOptions {
 }
+/**
+ * {@link DDialogSelect} "dismiss" options.
+ */
+export interface DDialogSelectDismissableOptions extends DButtonOptions<string> {
+    enabled?: boolean;
+}
 /**
  * {@link DDialogSelect} options.
  */
 export interface DDialogSelectOptions<VALUE, CATEGORY_ID = unknown, THEME extends DThemeDialogSelect<VALUE, CATEGORY_ID> = DThemeDialogSelect<VALUE, CATEGORY_ID>, EMITTER = any> extends DDialogLayeredOptions<VALUE, THEME> {
     controller?: DDialogSelectController<VALUE, CATEGORY_ID>;
     category?: DDialogSelectCategoryOptions<VALUE, CATEGORY_ID>;
-    dismiss?: DDialogSelectSearhDismissableOptions<VALUE, CATEGORY_ID>;
+    dismiss?: DDialogSelectDismissableOptions;
     input?: DDialogSelectInputOpitons;
     list?: DListOptions<VALUE>;
     note?: DDialogSelectNoteOptions;
@@ -78,13 +84,13 @@ export interface DDialogSelectOptions<VALUE, CATEGORY_ID = unknown, THEME extend
  */
 export interface DThemeDialogSelect<VALUE = unknown, CATEGORY_ID = unknown> extends DThemeDialogLayered {
     getInputMargin(): number;
+    isDismissable(): boolean;
+    getDismissLabel(): string;
     isCategoryDismissable(): boolean;
     getCategoryDismissLabel(): string;
 }
 export declare class DDialogSelect<VALUE = unknown, CATEGORY_ID = unknown, THEME extends DThemeDialogSelect<VALUE, CATEGORY_ID> = DThemeDialogSelect<VALUE, CATEGORY_ID>, OPTIONS extends DDialogSelectOptions<VALUE, CATEGORY_ID, THEME> = DDialogSelectOptions<VALUE, CATEGORY_ID, THEME>> extends DDialogLayered<VALUE | null, THEME, OPTIONS> {
     protected _value: VALUE | null;
-    protected _spaceLeft?: DLayoutSpace;
-    protected _spaceRight?: DLayoutSpace;
     protected _selectCategory?: DSelect<CATEGORY_ID | null>;
     protected _isCategoryFetched?: boolean;
     protected _categories: DDialogSelectCategory<CATEGORY_ID>[];
@@ -95,12 +101,11 @@ export declare class DDialogSelect<VALUE = unknown, CATEGORY_ID = unknown, THEME
     protected _noteError?: DNote | null;
     protected _noteNoItemsFound?: DNote | null;
     protected _noteSearching?: DNote | null;
+    protected _buttonDismiss?: DButton<string> | null;
     constructor(options?: OPTIONS);
     protected newContentChildren(theme: THEME, options?: OPTIONS): Array<DisplayObject | null>;
     protected get inputLayout(): DLayoutHorizontal;
     protected newInputLayout(): DLayoutHorizontal;
-    protected get spaceLeft(): DLayoutSpace;
-    protected get spaceRight(): DLayoutSpace;
     protected newSpace(): DLayoutSpace;
     protected get selectCategory(): DSelect<CATEGORY_ID | null>;
     protected newSelectCategory(): DSelect<CATEGORY_ID | null>;
@@ -124,6 +129,9 @@ export declare class DDialogSelect<VALUE = unknown, CATEGORY_ID = unknown, THEME
     protected toNoteOptions(parent: DBase, options?: DNoteOptions): DNoteOptions;
     protected get search(): DDialogSelectSearch<VALUE, CATEGORY_ID>;
     protected newSearch(): DDialogSelectSearch<VALUE, CATEGORY_ID>;
+    protected get buttonDismiss(): DButton<string> | null;
+    protected newButtonDismiss(): DButton<string> | null;
+    protected toButtonDismissOptions(options?: OPTIONS): DDialogSelectDismissableOptions;
     get value(): VALUE | null;
     protected onSearched(results: VALUE[]): void;
     protected getResolvedValue(): VALUE | null | PromiseLike<VALUE | null>;

package/dist/types/wcardinal/ui/index.d.ts

@@ -293,8 +293,6 @@ export * from "./d-dialog-save-as";
 export * from "./d-dialog-select-list-item-updater";
 export * from "./d-dialog-select-list-item";
 export * from "./d-dialog-select-list";
-export * from "./d-dialog-select-search-dismissable-impl";
-export * from "./d-dialog-select-search-dismissable";
 export * from "./d-dialog-select-search-function";
 export * from "./d-dialog-select-search-impl";
 export * from "./d-dialog-select-search";

package/dist/types/wcardinal/ui/shape/e-shape-points-formatter-datum.d.ts

@@ -0,0 +1,5 @@
+import { EShapePointsFormatter } from "./e-shape-points-formatter";
+export interface EShapePointsFormatterDatum {
+    label: string;
+    formatter: EShapePointsFormatter;
+}

package/dist/types/wcardinal/ui/shape/e-shape-points-formatters.d.ts

@@ -1,8 +1,7 @@
-import { EShapePointsFormatter } from "./e-shape-points-formatter";
+import { EShapePointsFormatterDatum } from "./e-shape-points-formatter-datum";
 import { EShapePointsStyle } from "./e-shape-points-style";
-export interface EShapePointsFormatterDatum {
-    label: string;
-    formatter: EShapePointsFormatter;
+export interface EThemeShapePointsFormatter {
+    getCurveLabel(): string;
 }
 export declare class EShapePointsFormatters {
     private static data?;

package/dist/types/wcardinal/ui/shape/index.d.ts

@@ -66,6 +66,7 @@ export * from "./e-shape-layout";
 export * from "./e-shape-points-formatted";
 export * from "./e-shape-points-formatter-curve";
 export * from "./e-shape-points-formatter";
+export * from "./e-shape-points-formatter-datum";
 export * from "./e-shape-points-formatters";
 export * from "./e-shape-points-marker-base";
 export * from "./e-shape-points-marker-container-impl-noop";

package/dist/types/wcardinal/ui/theme/dark/d-theme-dark-dialog-select.d.ts

@@ -6,6 +6,8 @@ export declare abstract class DThemeDarkDialogSelect<VALUE> extends DThemeDarkDi
     getWidth(): DCoordinateSize;
     getFooter(): DDialogLayeredFooterOptions | undefined | null;
     getInputMargin(): number;
+    isDismissable(): boolean;
+    abstract getDismissLabel(): string;
     isCategoryDismissable(): boolean;
     abstract getCategoryDismissLabel(): string;
 }

package/dist/types/wcardinal/ui/theme/dark/d-theme-dark-en-us-dialog-select.d.ts

@@ -1,4 +1,5 @@
 import { DThemeDarkDialogSelect } from "./d-theme-dark-dialog-select";
 export declare class DThemeDarkEnUsDialogSelect<VALUE> extends DThemeDarkDialogSelect<VALUE> {
+    getDismissLabel(): string;
     getCategoryDismissLabel(): string;
 }

package/dist/types/wcardinal/ui/theme/dark/d-theme-dark-ja-jp-dialog-select.d.ts

@@ -1,4 +1,5 @@
 import { DThemeDarkDialogSelect } from "./d-theme-dark-dialog-select";
 export declare class DThemeDarkJaJpDialogSelect<VALUE> extends DThemeDarkDialogSelect<VALUE> {
+    getDismissLabel(): string;
     getCategoryDismissLabel(): string;
 }

package/dist/types/wcardinal/ui/theme/dark/e-theme-dark-en-us-shape-points-formatter.d.ts

@@ -0,0 +1,4 @@
+import { EThemeDarkShapePointsFormatter } from "./e-theme-dark-shape-points-formatter";
+export declare class EThemeDarkEnUsShapePointsFormatter extends EThemeDarkShapePointsFormatter {
+    getCurveLabel(): string;
+}

package/dist/types/wcardinal/ui/theme/dark/e-theme-dark-ja-jp-shape-points-formatter.d.ts

@@ -0,0 +1,4 @@
+import { EThemeDarkShapePointsFormatter } from "./e-theme-dark-shape-points-formatter";
+export declare class EThemeDarkJaJpShapePointsFormatter extends EThemeDarkShapePointsFormatter {
+    getCurveLabel(): string;
+}

package/dist/types/wcardinal/ui/theme/dark/e-theme-dark-shape-points-formatter.d.ts

@@ -0,0 +1,4 @@
+import type { EThemeShapePointsFormatter } from "../../shape/e-shape-points-formatters";
+export declare abstract class EThemeDarkShapePointsFormatter implements EThemeShapePointsFormatter {
+    abstract getCurveLabel(): string;
+}

package/dist/types/wcardinal/ui/theme/dark/index-en-us.d.ts

@@ -19,3 +19,4 @@ export * from "./d-theme-dark-en-us-picker-color";
 export * from "./d-theme-dark-en-us-picker-date";
 export * from "./d-theme-dark-en-us-picker-datetime";
 export * from "./d-theme-dark-en-us-picker-time";
+export * from "./e-theme-dark-en-us-shape-points-formatter";

package/dist/types/wcardinal/ui/theme/dark/index-ja-jp.d.ts

@@ -19,3 +19,4 @@ export * from "./d-theme-dark-ja-jp-picker-color";
 export * from "./d-theme-dark-ja-jp-picker-date";
 export * from "./d-theme-dark-ja-jp-picker-datetime";
 export * from "./d-theme-dark-ja-jp-picker-time";
+export * from "./e-theme-dark-ja-jp-shape-points-formatter";

package/dist/types/wcardinal/ui/theme/dark/index-zz-zz.d.ts

@@ -229,4 +229,5 @@ export * from "./d-theme-dark-tree";
 export * from "./d-theme-dark-view";
 export * from "./d-theme-dark";
 export * from "./e-theme-dark-shape-action-value";
+export * from "./e-theme-dark-shape-points-formatter";
 export * from "./e-theme-dark-shape";

package/dist/types/wcardinal/ui/theme/dark/load/index-en-us.d.ts

@@ -8,6 +8,7 @@ export * from "./load-theme-dark-en-us-button-datetime";
 export * from "./load-theme-dark-en-us-button-select";
 export * from "./load-theme-dark-en-us-button-time";
 export * from "./load-theme-dark-en-us-diagram-editor";
+export * from "./load-theme-dark-en-us-diagram";
 export * from "./load-theme-dark-en-us-dialog-all";
 export * from "./load-theme-dark-en-us-dialog-color-gradient";
 export * from "./load-theme-dark-en-us-dialog-color";
@@ -31,4 +32,5 @@ export * from "./load-theme-dark-en-us-picker-color";
 export * from "./load-theme-dark-en-us-picker-date";
 export * from "./load-theme-dark-en-us-picker-datetime";
 export * from "./load-theme-dark-en-us-picker-time";
+export * from "./load-theme-dark-en-us-shape-points-formatter";
 export * from "./load-theme-dark-en-us-table";

package/dist/types/wcardinal/ui/theme/dark/load/index-ja-jp.d.ts

@@ -8,6 +8,7 @@ export * from "./load-theme-dark-ja-jp-button-datetime";
 export * from "./load-theme-dark-ja-jp-button-select";
 export * from "./load-theme-dark-ja-jp-button-time";
 export * from "./load-theme-dark-ja-jp-diagram-editor";
+export * from "./load-theme-dark-ja-jp-diagram";
 export * from "./load-theme-dark-ja-jp-dialog-all";
 export * from "./load-theme-dark-ja-jp-dialog-color-gradient";
 export * from "./load-theme-dark-ja-jp-dialog-color";
@@ -31,4 +32,5 @@ export * from "./load-theme-dark-ja-jp-picker-color";
 export * from "./load-theme-dark-ja-jp-picker-date";
 export * from "./load-theme-dark-ja-jp-picker-datetime";
 export * from "./load-theme-dark-ja-jp-picker-time";
+export * from "./load-theme-dark-ja-jp-shape-points-formatter";
 export * from "./load-theme-dark-ja-jp-table";

package/dist/types/wcardinal/ui/theme/dark/load/index-zz-zz.d.ts

@@ -14,7 +14,6 @@ export * from "./load-theme-dark-button";
 export * from "./load-theme-dark-canvas-container";
 export * from "./load-theme-dark-chart";
 export * from "./load-theme-dark-color";
-export * from "./load-theme-dark-diagram";
 export * from "./load-theme-dark-dialog-fitted";
 export * from "./load-theme-dark-dialog-input-boolean";
 export * from "./load-theme-dark-dialog-input-integer";

package/dist/types/wcardinal/ui/theme/dark/load/load-theme-dark-en-us-diagram.d.ts

@@ -0,0 +1 @@
+export declare const loadThemeDarkEnUsDiagram: () => void;

package/dist/types/wcardinal/ui/theme/dark/load/load-theme-dark-en-us-shape-points-formatter.d.ts

@@ -0,0 +1 @@
+export declare const loadThemeDarkEnUsShapePointsFormatter: () => void;

package/dist/types/wcardinal/ui/theme/dark/load/load-theme-dark-ja-jp-diagram.d.ts

@@ -0,0 +1 @@
+export declare const loadThemeDarkJaJpDiagram: () => void;

package/dist/types/wcardinal/ui/theme/dark/load/load-theme-dark-ja-jp-shape-points-formatter.d.ts

@@ -0,0 +1 @@
+export declare const loadThemeDarkJaJpShapePointsFormatter: () => void;

package/dist/types/wcardinal/ui/theme/white/d-theme-white-dialog-select.d.ts

@@ -6,6 +6,8 @@ export declare abstract class DThemeWhiteDialogSelect<VALUE> extends DThemeWhite
     getWidth(): DCoordinateSize;
     getFooter(): DDialogLayeredFooterOptions | undefined | null;
     getInputMargin(): number;
+    isDismissable(): boolean;
+    abstract getDismissLabel(): string;
     isCategoryDismissable(): boolean;
     abstract getCategoryDismissLabel(): string;
 }

package/dist/types/wcardinal/ui/theme/white/d-theme-white-en-us-dialog-select.d.ts

@@ -1,4 +1,5 @@
 import { DThemeWhiteDialogSelect } from "./d-theme-white-dialog-select";
 export declare class DThemeWhiteEnUsDialogSelect<VALUE> extends DThemeWhiteDialogSelect<VALUE> {
+    getDismissLabel(): string;
     getCategoryDismissLabel(): string;
 }

package/dist/types/wcardinal/ui/theme/white/d-theme-white-ja-jp-dialog-select.d.ts

@@ -1,4 +1,5 @@
 import { DThemeWhiteDialogSelect } from "./d-theme-white-dialog-select";
 export declare class DThemeWhiteJaJpDialogSelect<VALUE> extends DThemeWhiteDialogSelect<VALUE> {
+    getDismissLabel(): string;
     getCategoryDismissLabel(): string;
 }

package/dist/types/wcardinal/ui/theme/white/e-theme-white-en-us-shape-points-formatter.d.ts

@@ -0,0 +1,4 @@
+import { EThemeWhiteShapePointsFormatter } from "./e-theme-white-shape-points-formatter";
+export declare class EThemeWhiteEnUsShapePointsFormatter extends EThemeWhiteShapePointsFormatter {
+    getCurveLabel(): string;
+}

package/dist/types/wcardinal/ui/theme/white/e-theme-white-ja-jp-shape-points-formatter.d.ts

@@ -0,0 +1,4 @@
+import { EThemeWhiteShapePointsFormatter } from "./e-theme-white-shape-points-formatter";
+export declare class EThemeWhiteJaJpShapePointsFormatter extends EThemeWhiteShapePointsFormatter {
+    getCurveLabel(): string;
+}

package/dist/types/wcardinal/ui/theme/white/e-theme-white-shape-points-formatter.d.ts

@@ -0,0 +1,4 @@
+import type { EThemeShapePointsFormatter } from "../../shape/e-shape-points-formatters";
+export declare abstract class EThemeWhiteShapePointsFormatter implements EThemeShapePointsFormatter {
+    abstract getCurveLabel(): string;
+}

package/dist/types/wcardinal/ui/theme/white/index-en-us.d.ts

@@ -19,3 +19,4 @@ export * from "./d-theme-white-en-us-picker-color";
 export * from "./d-theme-white-en-us-picker-date";
 export * from "./d-theme-white-en-us-picker-datetime";
 export * from "./d-theme-white-en-us-picker-time";
+export * from "./e-theme-white-en-us-shape-points-formatter";

package/dist/types/wcardinal/ui/theme/white/index-ja-jp.d.ts

@@ -19,3 +19,4 @@ export * from "./d-theme-white-ja-jp-picker-color";
 export * from "./d-theme-white-ja-jp-picker-date";
 export * from "./d-theme-white-ja-jp-picker-datetime";
 export * from "./d-theme-white-ja-jp-picker-time";
+export * from "./e-theme-white-ja-jp-shape-points-formatter";

package/dist/types/wcardinal/ui/theme/white/index-zz-zz.d.ts

@@ -229,4 +229,5 @@ export * from "./d-theme-white-tree";
 export * from "./d-theme-white-view";
 export * from "./d-theme-white";
 export * from "./e-theme-white-shape-action-value";
+export * from "./e-theme-white-shape-points-formatter";
 export * from "./e-theme-white-shape";

package/dist/types/wcardinal/ui/theme/white/load/index-en-us.d.ts

@@ -8,6 +8,7 @@ export * from "./load-theme-white-en-us-button-datetime";
 export * from "./load-theme-white-en-us-button-select";
 export * from "./load-theme-white-en-us-button-time";
 export * from "./load-theme-white-en-us-diagram-editor";
+export * from "./load-theme-white-en-us-diagram";
 export * from "./load-theme-white-en-us-dialog-all";
 export * from "./load-theme-white-en-us-dialog-color-gradient";
 export * from "./load-theme-white-en-us-dialog-color";
@@ -31,4 +32,5 @@ export * from "./load-theme-white-en-us-picker-color";
 export * from "./load-theme-white-en-us-picker-date";
 export * from "./load-theme-white-en-us-picker-datetime";
 export * from "./load-theme-white-en-us-picker-time";
+export * from "./load-theme-white-en-us-shape-points-formatter";
 export * from "./load-theme-white-en-us-table";

package/dist/types/wcardinal/ui/theme/white/load/index-ja-jp.d.ts

@@ -8,6 +8,7 @@ export * from "./load-theme-white-ja-jp-button-datetime";
 export * from "./load-theme-white-ja-jp-button-select";
 export * from "./load-theme-white-ja-jp-button-time";
 export * from "./load-theme-white-ja-jp-diagram-editor";
+export * from "./load-theme-white-ja-jp-diagram";
 export * from "./load-theme-white-ja-jp-dialog-all";
 export * from "./load-theme-white-ja-jp-dialog-color-gradient";
 export * from "./load-theme-white-ja-jp-dialog-color";
@@ -31,4 +32,5 @@ export * from "./load-theme-white-ja-jp-picker-color";
 export * from "./load-theme-white-ja-jp-picker-date";
 export * from "./load-theme-white-ja-jp-picker-datetime";
 export * from "./load-theme-white-ja-jp-picker-time";
+export * from "./load-theme-white-ja-jp-shape-points-formatter";
 export * from "./load-theme-white-ja-jp-table";

package/dist/types/wcardinal/ui/theme/white/load/index-zz-zz.d.ts

@@ -14,7 +14,6 @@ export * from "./load-theme-white-button";
 export * from "./load-theme-white-canvas-container";
 export * from "./load-theme-white-chart";
 export * from "./load-theme-white-color";
-export * from "./load-theme-white-diagram";
 export * from "./load-theme-white-dialog-fitted";
 export * from "./load-theme-white-dialog-input-boolean";
 export * from "./load-theme-white-dialog-input-integer";

package/dist/types/wcardinal/ui/theme/white/load/load-theme-white-en-us-diagram.d.ts

@@ -0,0 +1 @@
+export declare const loadThemeWhiteEnUsDiagram: () => void;

package/dist/types/wcardinal/ui/theme/white/load/load-theme-white-en-us-shape-points-formatter.d.ts

@@ -0,0 +1 @@
+export declare const loadThemeWhiteEnUsShapePointsFormatter: () => void;

package/dist/types/wcardinal/ui/theme/white/load/load-theme-white-ja-jp-diagram.d.ts

@@ -0,0 +1 @@
+export declare const loadThemeWhiteJaJpDiagram: () => void;

package/dist/types/wcardinal/ui/theme/white/load/load-theme-white-ja-jp-shape-points-formatter.d.ts

@@ -0,0 +1 @@
+export declare const loadThemeWhiteJaJpShapePointsFormatter: () => void;

package/dist/wcardinal/ui/d-dialog-select.js

@@ -13,9 +13,9 @@ import { DNoteSmallError } from "./d-note-small-error";
 import { DNoteSmallNoItemsFound } from "./d-note-small-no-items-found";
 import { DNoteSmallSearching } from "./d-note-small-searching";
 import { UtilTransition } from "./util/util-transition";
-import { DDialogSelectSearhDismissableImpl } from "./d-dialog-select-search-dismissable-impl";
 import { DSelect } from "./d-select";
 import { DMenu } from "./d-menu";
+import { DButton } from "./d-button";
 var DDialogSelect = /** @class */ (function (_super) {
     __extends(DDialogSelect, _super);
     function DDialogSelect(options) {
@@ -57,17 +57,13 @@ var DDialogSelect = /** @class */ (function (_super) {
     }
     DDialogSelect.prototype.newContentChildren = function (theme, options) {
         var result = _super.prototype.newContentChildren.call(this, theme, options);
-        result.push(this.inputLayout, this.list);
+        result.push(this.inputLayout, this.list, this.buttonDismiss);
         return result;
     };
     Object.defineProperty(DDialogSelect.prototype, "inputLayout", {
         get: function () {
-            var result = this._inputLayout;
-            if (result == null) {
-                result = this.newInputLayout();
-                this._inputLayout = result;
-            }
-            return result;
+            var _a;
+            return ((_a = this._inputLayout) !== null && _a !== void 0 ? _a : (this._inputLayout = this.newInputLayout()));
         },
         enumerable: false,
         configurable: true
@@ -76,33 +72,9 @@ var DDialogSelect = /** @class */ (function (_super) {
         return new DLayoutHorizontal({
             width: "padding",
             height: "auto",
-            children: [this.spaceLeft, this.selectCategory, this.input, this.spaceRight]
+            children: [this.selectCategory, this.input]
         });
     };
-    Object.defineProperty(DDialogSelect.prototype, "spaceLeft", {
-        get: function () {
-            var result = this._spaceLeft;
-            if (result == null) {
-                result = this.newSpace();
-                this._spaceLeft = result;
-            }
-            return result;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(DDialogSelect.prototype, "spaceRight", {
-        get: function () {
-            var result = this._spaceRight;
-            if (result == null) {
-                result = this.newSpace();
-                this._spaceRight = result;
-            }
-            return result;
-        },
-        enumerable: false,
-        configurable: true
-    });
     DDialogSelect.prototype.newSpace = function () {
         return new DLayoutSpace({
             width: this.toInputMargin(this.theme, this._options)
@@ -110,12 +82,8 @@ var DDialogSelect = /** @class */ (function (_super) {
     };
     Object.defineProperty(DDialogSelect.prototype, "selectCategory", {
         get: function () {
-            var result = this._selectCategory;
-            if (result == null) {
-                result = this.newSelectCategory();
-                this._selectCategory = result;
-            }
-            return result;
+            var _a;
+            return ((_a = this._selectCategory) !== null && _a !== void 0 ? _a : (this._selectCategory = this.newSelectCategory()));
         },
         enumerable: false,
         configurable: true
@@ -143,12 +111,8 @@ var DDialogSelect = /** @class */ (function (_super) {
     };
     Object.defineProperty(DDialogSelect.prototype, "input", {
         get: function () {
-            var result = this._input;
-            if (result == null) {
-                result = this.newInput();
-                this._input = result;
-            }
-            return result;
+            var _a;
+            return ((_a = this._input) !== null && _a !== void 0 ? _a : (this._input = this.newInput()));
         },
         enumerable: false,
         configurable: true
@@ -182,12 +146,8 @@ var DDialogSelect = /** @class */ (function (_super) {
     };
     Object.defineProperty(DDialogSelect.prototype, "list", {
         get: function () {
-            var result = this._list;
-            if (result == null) {
-                result = this.newList();
-                this._list = result;
-            }
-            return result;
+            var _a;
+            return ((_a = this._list) !== null && _a !== void 0 ? _a : (this._list = this.newList()));
         },
         enumerable: false,
         configurable: true
@@ -205,15 +165,6 @@ var DDialogSelect = /** @class */ (function (_super) {
         if (selected == null) {
             return;
         }
-        var options = this._options;
-        if (options) {
-            var dismiss = options.dismiss;
-            if (dismiss) {
-                if (selected === dismiss.value) {
-                    selected = null;
-                }
-            }
-        }
         this._value = selected;
         this.onOk(selected);
     };
@@ -226,12 +177,8 @@ var DDialogSelect = /** @class */ (function (_super) {
     };
     Object.defineProperty(DDialogSelect.prototype, "noteError", {
         get: function () {
-            var result = this._noteError;
-            if (result == null) {
-                result = this.newNoteError();
-                this._noteError = result;
-            }
-            return result;
+            var _a;
+            return ((_a = this._noteError) !== null && _a !== void 0 ? _a : (this._noteError = this.newNoteError()));
         },
         enumerable: false,
         configurable: true
@@ -246,12 +193,8 @@ var DDialogSelect = /** @class */ (function (_super) {
     };
     Object.defineProperty(DDialogSelect.prototype, "noteNoItemsFound", {
         get: function () {
-            var result = this._noteNoItemsFound;
-            if (result == null) {
-                result = this.newNoteNoItemsFound();
-                this._noteNoItemsFound = result;
-            }
-            return result;
+            var _a;
+            return ((_a = this._noteNoItemsFound) !== null && _a !== void 0 ? _a : (this._noteNoItemsFound = this.newNoteNoItemsFound()));
         },
         enumerable: false,
         configurable: true
@@ -266,12 +209,8 @@ var DDialogSelect = /** @class */ (function (_super) {
     };
     Object.defineProperty(DDialogSelect.prototype, "noteSearching", {
         get: function () {
-            var result = this._noteSearching;
-            if (result == null) {
-                result = this.newNoteSearching();
-                this._noteSearching = result;
-            }
-            return result;
+            var _a;
+            return ((_a = this._noteSearching) !== null && _a !== void 0 ? _a : (this._noteSearching = this.newNoteSearching()));
         },
         enumerable: false,
         configurable: true
@@ -304,12 +243,8 @@ var DDialogSelect = /** @class */ (function (_super) {
     };
     Object.defineProperty(DDialogSelect.prototype, "search", {
         get: function () {
-            var result = this._search;
-            if (result == null) {
-                result = this.newSearch();
-                this._search = result;
-            }
-            return result;
+            var _a;
+            return ((_a = this._search) !== null && _a !== void 0 ? _a : (this._search = this.newSearch()));
         },
         enumerable: false,
         configurable: true
@@ -319,28 +254,73 @@ var DDialogSelect = /** @class */ (function (_super) {
         if (options) {
             var controller = options.controller;
             if (controller) {
-                var dismiss = options.dismiss;
                 var search = controller.search;
                 if ("create" in search) {
-                    if (dismiss != null) {
-                        return new DDialogSelectSearhDismissableImpl(search, dismiss);
-                    }
-                    else {
-                        return search;
-                    }
+                    return search;
                 }
                 else {
-                    if (dismiss != null) {
-                        return new DDialogSelectSearhDismissableImpl(new DDialogSelectSearhImpl(search), dismiss);
-                    }
-                    else {
-                        return new DDialogSelectSearhImpl(search);
-                    }
+                    return new DDialogSelectSearhImpl(search);
                 }
             }
         }
         return new DDialogSelectSearhImpl();
     };
+    Object.defineProperty(DDialogSelect.prototype, "buttonDismiss", {
+        get: function () {
+            var result = this._buttonDismiss;
+            if (result === undefined) {
+                result = this.newButtonDismiss();
+                this._buttonDismiss = result;
+            }
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    DDialogSelect.prototype.newButtonDismiss = function () {
+        var _this = this;
+        var options = this.toButtonDismissOptions(this._options);
+        if (options.enabled === true) {
+            var result = new DButton(options);
+            result.on("active", function () {
+                _this._value = null;
+                _this.onOk(null);
+            });
+            return result;
+        }
+        return null;
+    };
+    DDialogSelect.prototype.toButtonDismissOptions = function (options) {
+        var theme = this.theme;
+        if (options != null) {
+            var dismiss = options.dismiss;
+            if (dismiss != null) {
+                if (dismiss.enabled === undefined) {
+                    dismiss.enabled = theme.isDismissable();
+                }
+                if (dismiss.weight === undefined && dismiss.width === undefined) {
+                    dismiss.width = "padding";
+                }
+                var text = dismiss.text;
+                if (text === undefined) {
+                    dismiss.text = {
+                        value: theme.getDismissLabel()
+                    };
+                }
+                else if (text.value === undefined) {
+                    text.value = theme.getDismissLabel();
+                }
+                return dismiss;
+            }
+        }
+        return {
+            width: "padding",
+            enabled: theme.isDismissable(),
+            text: {
+                value: theme.getDismissLabel()
+            }
+        };
+    };
     Object.defineProperty(DDialogSelect.prototype, "value", {
         get: function () {
             return this._value;