@idevs/corelib 0.0.96 → 1.0.0

package/dist/utils/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../src/utils/format.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAIlD;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAK/C;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,SAAI,GAAG,MAAM,CASpE;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAErE;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAElD;AAED,oBAAY,cAAc;IACxB,IAAI,IAAI;IACR,SAAS,IAAI;IACb,SAAS,IAAI;IACb,YAAY,IAAI;IAChB,aAAa,IAAI;IACjB,aAAa,IAAI;IACjB,WAAW,IAAI;IACf,cAAc,IAAI;IAClB,cAAc,IAAI;IAClB,YAAY,IAAI;CACjB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,MAAM,EAAE,cAAc,GAAG,MAAM,CAkDpF"}

package/dist/utils/format.js

@@ -0,0 +1,100 @@
+"use strict";
+/**
+ * Formatting utility functions
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RoundingMethod = void 0;
+exports.toTimeString = toTimeString;
+exports.dateToNumber = dateToNumber;
+exports.toDecimalString = toDecimalString;
+exports.truncateString = truncateString;
+exports.stringToNumber = stringToNumber;
+exports.roundByMethod = roundByMethod;
+function toTimeString(value) {
+    const hours = `0${Math.floor(value / 60)}`.slice(-2);
+    const minutes = `0${value % 60}`.slice(-2);
+    return `${hours}:${minutes}`;
+}
+function dateToNumber(date) {
+    const hours = date.getHours();
+    const minutes = date.getMinutes();
+    const seconds = date.getSeconds();
+    return hours * 60 + minutes + seconds / 60;
+}
+function toDecimalString(value, precision = 0) {
+    const options = {
+        minimumFractionDigits: precision,
+        maximumFractionDigits: precision,
+    };
+    let formatted = Intl.NumberFormat('en-US', options).format(value);
+    const parsed = parseFloat(formatted.replace(/,/g, '')).toString();
+    return Intl.NumberFormat('en-US', options).format(parseFloat(parsed));
+}
+function truncateString(str, maxLength) {
+    return str.length > maxLength ? str.substring(0, maxLength - 1) + '…' : str;
+}
+function stringToNumber(str) {
+    return str ? parseFloat(str.replace(/,/g, '')) : 0;
+}
+var RoundingMethod;
+(function (RoundingMethod) {
+    RoundingMethod[RoundingMethod["None"] = 0] = "None";
+    RoundingMethod[RoundingMethod["Quarter25"] = 1] = "Quarter25";
+    RoundingMethod[RoundingMethod["Quarter50"] = 2] = "Quarter50";
+    RoundingMethod[RoundingMethod["FloorToWhole"] = 3] = "FloorToWhole";
+    RoundingMethod[RoundingMethod["CeilQuarter25"] = 4] = "CeilQuarter25";
+    RoundingMethod[RoundingMethod["CeilQuarter50"] = 5] = "CeilQuarter50";
+    RoundingMethod[RoundingMethod["CeilToWhole"] = 6] = "CeilToWhole";
+    RoundingMethod[RoundingMethod["RoundQuarter25"] = 7] = "RoundQuarter25";
+    RoundingMethod[RoundingMethod["RoundQuarter50"] = 8] = "RoundQuarter50";
+    RoundingMethod[RoundingMethod["RoundToWhole"] = 9] = "RoundToWhole";
+})(RoundingMethod || (exports.RoundingMethod = RoundingMethod = {}));
+function roundByMethod(value, method) {
+    const input = typeof value === 'string' ? parseFloat(value) : value;
+    let result = Number.isNaN(input) ? 0 : input;
+    if (result === 0)
+        return 0;
+    const rounded = parseFloat(result.toFixed(2));
+    switch (method) {
+        case RoundingMethod.Quarter25:
+            result = rounded - (parseFloat(((rounded % 1) * 100).toFixed(2)) % 25) / 100;
+            break;
+        case RoundingMethod.Quarter50:
+            result = rounded - (parseFloat(((rounded % 1) * 100).toFixed(2)) % 50) / 100;
+            break;
+        case RoundingMethod.FloorToWhole:
+            result = Math.floor(rounded);
+            break;
+        case RoundingMethod.CeilQuarter25:
+            result =
+                Math.floor(rounded) +
+                    (Math.floor((rounded % 1) * 100) + (25 - (Math.floor((rounded % 1) * 100) % 25))) / 100;
+            break;
+        case RoundingMethod.CeilQuarter50:
+            result =
+                Math.floor(rounded) +
+                    (Math.floor((rounded % 1) * 100) + (50 - (Math.floor((rounded % 1) * 100) % 50))) / 100;
+            break;
+        case RoundingMethod.CeilToWhole:
+            result = Math.ceil(rounded);
+            break;
+        case RoundingMethod.RoundQuarter25:
+            result =
+                Math.floor(rounded) +
+                    (parseFloat((parseFloat(((rounded % 1) * 100).toString()) / 25).toFixed(0)) * 25) / 100;
+            break;
+        case RoundingMethod.RoundQuarter50:
+            result =
+                Math.floor(rounded) +
+                    (parseFloat((parseFloat(((rounded % 1) * 100).toString()) / 50).toFixed(0)) * 50) / 100;
+            break;
+        case RoundingMethod.RoundToWhole:
+            result = parseFloat(rounded.toFixed(0));
+            break;
+        default:
+            result = rounded;
+            break;
+    }
+    return result;
+}
+//# sourceMappingURL=format.js.map

package/dist/utils/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sourceRoot":"","sources":["../../src/utils/format.ts"],"names":[],"mappings":"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"}

package/dist/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from './date';
+export * from './dom';
+export * from './format';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA"}

package/dist/utils/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./date"), exports);
+__exportStar(require("./dom"), exports);
+__exportStar(require("./format"), exports);
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAsB;AACtB,wCAAqB;AACrB,2CAAwB"}

package/package.json

@@ -1,13 +1,30 @@
 {
   "name": "@idevs/corelib",
-  "version": "0.0.96",
-  "description": "Extended library for Serenity Framework",
-  "main": "src/index.js",
+  "version": "1.0.0",
+  "description": "Extended library components and utilities for Serenity Framework",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
   "scripts": {
+    "build": "tsc && npm run build:css",
+    "build:css": "cp -r css dist/",
+    "build:watch": "tsc --watch",
+    "clean": "rm -rf dist",
+    "dev": "npm run build:watch",
+    "format": "prettier --write \"src/**/*.{ts,js,json}\" \"*.{md,json}\"",
+    "format:check": "prettier --check \"src/**/*.{ts,js,json}\" \"*.{md,json}\"",
+    "lint": "eslint src",
+    "lint:fix": "eslint src --fix",
+    "prepublishOnly": "npm run clean && npm run build",
     "test": "echo \"Error: no test specified\" && exit 1",
-    "build": "tsc -p ./src/tsconfig.json",
-    "format": "prettier --ignore-path .gitignore --write \"src/**/*.+(js|ts|json)\" \"dist/**/*.+(js|ts|json)\"",
-    "lint": "eslint --ignore-path .eslintignore -c .eslintrc --ext .js,.ts ./src"
+    "typecheck": "tsc --noEmit"
   },
   "keywords": [
     "idevs",
@@ -18,9 +35,10 @@
   "author": "Sarawut Phaekuntod",
   "license": "MIT",
   "files": [
-    "./dist/**/*",
-    "./src/**/*",
-    "./css/**/*"
+    "dist/**/*",
+    "README.md",
+    "LICENSE",
+    "CHANGELOG.md"
   ],
   "publishConfig": {
     "access": "public"
@@ -30,25 +48,30 @@
     "url": "git+https://github.com/klomkling/idevs.corelib"
   },
   "dependencies": {
-    "@serenity-is/corelib": "^8.6.2",
-    "@serenity-is/sleekgrid": "^1.9.0",
-    "@types/jquery": "^3.5.29",
-    "@types/jquery.validation": "^1.16.10",
-    "@types/jqueryui": "^1.12.22",
-    "@types/toastr": "^2.1.43",
-    "@typescript-eslint/typescript-estree": "^8.1.0"
+    "@serenity-is/corelib": "^8.8.6",
+    "@serenity-is/sleekgrid": "^1.9.6",
+    "html-to-pdfmake": "^2.5.30",
+    "pdfmake": "^0.2.20",
+    "html2pdf.js": "^0.10.3",
+    "jspdf": "^3.0.1"
   },
   "devDependencies": {
-    "@serenity-is/tsbuild": "^8.6.0",
+    "@eslint/js": "^9.33.0",
+    "@serenity-is/tsbuild": "^8.8.7",
+    "@types/html-to-pdfmake": "^2.4.4",
+    "@types/jquery": "^3.5.32",
+    "@types/jquery.validation": "^1.17.0",
+    "@types/jqueryui": "^1.12.24",
     "@types/jspdf": "^2.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.62.0",
-    "@typescript-eslint/parser": "^5.62.0",
-    "bootstrap": "^5.3.3",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^8.10.0",
-    "html2pdf.js": "^0.10.2",
-    "jspdf": "^2.5.1",
-    "prettier": "^2.8.8",
-    "typescript": "^5.5.4"
+    "@types/pdfmake": "^0.2.11",
+    "@types/toastr": "^2.1.43",
+    "@typescript-eslint/eslint-plugin": "^8.39.1",
+    "@typescript-eslint/parser": "^8.39.1",
+    "@typescript-eslint/typescript-estree": "^8.39.1",
+    "bootstrap": "^5.3.7",
+    "eslint": "^9.33.0",
+    "eslint-config-prettier": "^10.1.8",
+    "prettier": "^3.6.2",
+    "typescript": "^5.9.2"
   }
 }

package/dist/ui/ToolDropdownButton.d.ts

@@ -1,49 +0,0 @@
-/// <reference types="jquery" />
-export type ToolDropdownButtonOptions = {
-    title?: string;
-    cssClass?: string;
-    icon?: string;
-    disabled?: boolean;
-    dropdownMenuPosition?: 'right';
-    isDropUp?: boolean;
-};
-export type ToolDropdownButtonItem = {
-    key: string;
-    title?: string;
-    hint?: string;
-    cssClass?: string;
-    icon?: string;
-    onClick?: (e: JQuery.ClickEvent<HTMLElement, null, HTMLElement, HTMLElement>) => void;
-    isSeparator?: boolean;
-    disabled?: boolean;
-    isDropdownHeader?: boolean;
-    dropdownHeaderTitle?: string;
-};
-export type ToolDropdownSideButtonItem = {
-    key: string;
-    title?: string;
-    hint?: string;
-    cssClass?: string;
-    icon?: string;
-    onClick?: (e: JQuery.ClickEvent<HTMLElement, null, HTMLElement, HTMLElement>) => void;
-    disabled?: boolean;
-};
-export declare class ToolDropdownButton {
-    element: JQuery;
-    private isDisabled;
-    private itemDisablingState;
-    private options;
-    constructor(container: JQuery, buttons: ToolDropdownButtonItem[], opt?: ToolDropdownButtonOptions);
-    private getDisablingStateItem;
-    private setDisablingStateItem;
-    private removeDisablingStateItem;
-    private buildBaseDropdown;
-    addDropdownItems(buttons: ToolDropdownButtonItem[]): void;
-    addDropdownItem(button: ToolDropdownButtonItem, idx?: number): void;
-    enableDropdown(enable: boolean): void;
-    enableDropdownItemByKey(key: string, enable: boolean): void;
-    enableSideButtonByKey(key: string, enable: boolean): void;
-    removeDropdownItem(key: string): void;
-    removeSideButtonItem(key: string): void;
-    addSideButtonItem(button: ToolDropdownSideButtonItem, idx?: number): void;
-}

package/dist/ui/ToolDropdownButton.js

@@ -1,230 +0,0 @@
-/// <reference types="bootstrap" />
-import { coalesce, first, isEmptyOrNull, tryFirst } from '@serenity-is/corelib/q';
-export class ToolDropdownButton {
-    constructor(container, buttons, opt) {
-        this.element = null;
-        this.isDisabled = false;
-        this.itemDisablingState = [];
-        this.options = opt || {};
-        this.isDisabled = this.options.disabled || false;
-        this.element = this.buildBaseDropdown();
-        this.addDropdownItems(buttons);
-        this.element.on('click', () => {
-            $('.dropdown-toggle', this.element).dropdown('toggle');
-        });
-        container.append(this.element);
-    }
-    getDisablingStateItem(key) {
-        if (tryFirst(this.itemDisablingState, x => x.key == key) != null) {
-            return first(this.itemDisablingState, x => x.key == key).disabled || false;
-        }
-        return false;
-    }
-    setDisablingStateItem(key, value) {
-        if (tryFirst(this.itemDisablingState, x => x.key == key) != null) {
-            first(this.itemDisablingState, x => x.key == key).disabled = value || false;
-            return;
-        }
-        this.itemDisablingState.push({ key: key, disabled: value || false });
-    }
-    removeDisablingStateItem(key) {
-        this.itemDisablingState.some((item, idx) => {
-            if (item.key == key) {
-                this.itemDisablingState.splice(idx, 1);
-                return true;
-            }
-        });
-    }
-    buildBaseDropdown() {
-        const dropdownTemplate = `<div class="buttons-inner dropdown" style="overflow: visible">
-    <div class="idevs-tool-dropdown-button tool-button icon-tool-button ${coalesce(this.options.cssClass, '')} ${this.options.isDropUp ? 'dropup' : ''} ${this.isDisabled ? 'disabled' : ''}" style="cursor: unset;">
-        <div class="button-outer dropdown-toggle ${this.isDisabled ? 'disabled' : ''}"
-        data-bs-toggle="dropdown"
-        style="cursor: pointer;">
-            <span class="button-inner">
-                <i class="${this.options.icon}"></i>
-                ${coalesce(this.options.title, '')}
-            </span>
-            <i class="caret"></i>
-        </div>
-        <ul class="dropdown-menu ${this.options.dropdownMenuPosition == 'right' ? 'dropdown-menu-right' : ''}"></ul>
-    </div>
-</div>`;
-        return $(dropdownTemplate);
-    }
-    addDropdownItems(buttons) {
-        if (buttons && buttons.length > 0) {
-            buttons.forEach(button => {
-                this.addDropdownItem(button);
-            });
-        }
-    }
-    addDropdownItem(button, idx) {
-        if (!isEmptyOrNull(button.key)) {
-            if (this.itemDisablingState.map(x => x.key).indexOf(button.key) > -1) {
-                alert(`Dropdown has existed key: ${button.key}`);
-                return;
-            }
-            this.setDisablingStateItem(button.key, button.disabled || false);
-        }
-        let dropdownItemElement;
-        if (button.isDropdownHeader && !isEmptyOrNull(button.dropdownHeaderTitle)) {
-            dropdownItemElement = $(`<li class="dropdown-header ${coalesce(button.cssClass, '')}">${button.dropdownHeaderTitle}</li>`);
-        }
-        else {
-            if (button.isSeparator) {
-                dropdownItemElement = $(`<li class="dropdown-divider"></li>`);
-            }
-            else {
-                dropdownItemElement = $(`<li class="${button.disabled ? 'disabled' : ''}"
-                title="${coalesce(button.hint, '')}"
-                data-idevs-key="${coalesce(button.key, '')}">
-                    <a href="#" class="${coalesce(button.cssClass, 'dropdown-item')}">
-                        <i class="${coalesce(button.icon, '')}"></i>
-                        ${button.title}
-                    </a>
-                </li>`);
-                dropdownItemElement.on('click', (e) => {
-                    e.preventDefault();
-                    if (this.isDisabled) {
-                        return;
-                    }
-                    let buttonIsDisabled = button.disabled;
-                    if (!isEmptyOrNull(button.key)) {
-                        buttonIsDisabled = this.getDisablingStateItem(button.key);
-                    }
-                    if (buttonIsDisabled) {
-                        return;
-                    }
-                    button.onClick(e);
-                });
-            }
-        }
-        if (idx === null || typeof idx === 'undefined') {
-            this.element.find('.dropdown-menu').append(dropdownItemElement);
-            return;
-        }
-        if (idx <= 0) {
-            this.element.find('.dropdown-menu').prepend(dropdownItemElement);
-            return;
-        }
-        const nbrOfButtons = this.element.find(`.dropdown-menu > li`).length;
-        if (idx > nbrOfButtons) {
-            idx = nbrOfButtons;
-        }
-        this.element.find(`.dropdown-menu > li:nth-child(${idx})`).after(dropdownItemElement);
-    }
-    enableDropdown(enable) {
-        const drd = this.element.find('.dropdown').first();
-        if (drd) {
-            if (enable) {
-                if (drd.hasClass('disabled')) {
-                    drd.removeClass('disabled');
-                }
-            }
-            else {
-                if (!drd.hasClass('disabled')) {
-                    drd.addClass('disabled');
-                }
-            }
-        }
-        const drdToggle = this.element.find('.dropdown-toggle').first();
-        if (drdToggle) {
-            if (enable) {
-                if (drdToggle.hasClass('disabled')) {
-                    drd.removeClass('disabled');
-                }
-                else {
-                    if (!drdToggle.hasClass('disabled')) {
-                        drdToggle.addClass('disabled');
-                    }
-                }
-            }
-        }
-        this.isDisabled = !enable;
-    }
-    enableDropdownItemByKey(key, enable) {
-        const drdItem = this.element.find(`.dropdown-menu li[data-idevs-key="${key}"]`).first();
-        if (drdItem) {
-            if (enable) {
-                if (drdItem.hasClass('disabled')) {
-                    drdItem.removeClass('disabled');
-                }
-            }
-            else {
-                if (!drdItem.hasClass('disabled')) {
-                    drdItem.addClass('disabled');
-                }
-            }
-        }
-        this.setDisablingStateItem(key, !enable);
-    }
-    enableSideButtonByKey(key, enable) {
-        const tButton = this.element.find(`.tool-button[data-idevs-key="${key}"]`).first();
-        if (tButton) {
-            if (enable) {
-                if (tButton.hasClass('disabled')) {
-                    tButton.removeClass('disabled');
-                }
-            }
-            else {
-                if (!tButton.hasClass('disabled')) {
-                    tButton.addClass('disabled');
-                }
-            }
-        }
-        this.setDisablingStateItem(key, !enable);
-    }
-    removeDropdownItem(key) {
-        this.element.find(`.dropdown-menu li[data-idevs-key="${key}"]`).remove();
-        this.removeDisablingStateItem(key);
-    }
-    removeSideButtonItem(key) {
-        this.element.find(`.tool-button[data-idevs-key="${key}"]`).remove();
-        this.removeDisablingStateItem(key);
-    }
-    addSideButtonItem(button, idx) {
-        if (!isEmptyOrNull(button.key)) {
-            if (this.itemDisablingState.map(x => x.key).indexOf(button.key) > -1) {
-                alert(`Dropdown has existed key: ${button.key}`);
-                return;
-            }
-            this.setDisablingStateItem(button.key, button.disabled || false);
-        }
-        const sideButtonTemplate = `<div class="tool-button add-button icon-tool-button ${coalesce(button.cssClass, '')} ${button.disabled ? 'disabled' : ''}"
-        data-idevs-key="${coalesce(button.key, '')}"
-        title="${coalesce(button.title, '')}">
-            <div class="button-outer">
-                <span class="button-inner">
-                    <i class="${coalesce(button.icon, '')}"></i>
-                </span>
-            </div>
-        </div>`;
-        const sideButton = $(sideButtonTemplate);
-        sideButton.on('click', (e) => {
-            e.preventDefault();
-            let buttonIsDisabled = button.disabled;
-            if (!isEmptyOrNull(button.key)) {
-                buttonIsDisabled = this.getDisablingStateItem(button.key);
-            }
-            if (buttonIsDisabled) {
-                return;
-            }
-            button.onClick(e);
-        });
-        if (idx === null || typeof idx === 'undefined') {
-            this.element.append(sideButton);
-            return;
-        }
-        if (idx <= 0) {
-            this.element.prepend(sideButton);
-            return;
-        }
-        const nbrOfButtons = this.element.find(`div.tool-button`).length;
-        if (idx > nbrOfButtons) {
-            idx = nbrOfButtons;
-        }
-        this.element.find(`div.tool-button:nth-child(${idx})`).after(sideButton);
-    }
-}
-//# sourceMappingURL=ToolDropdownButton.js.map

package/dist/ui/ToolDropdownButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolDropdownButton.js","sourceRoot":"","sources":["../../src/ui/ToolDropdownButton.ts"],"names":[],"mappings":"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","sourcesContent":["/// <reference types=\"bootstrap\" />\n\nimport { coalesce, first, isEmptyOrNull, tryFirst } from '@serenity-is/corelib/q'\n\nexport type ToolDropdownButtonOptions = {\n  title?: string\n  cssClass?: string\n  icon?: string\n  disabled?: boolean\n  dropdownMenuPosition?: 'right'\n  isDropUp?: boolean\n}\n\nexport type ToolDropdownButtonItem = {\n  key: string\n  title?: string\n  hint?: string\n  cssClass?: string\n  icon?: string\n  onClick?: (e: JQuery.ClickEvent<HTMLElement, null, HTMLElement, HTMLElement>) => void\n  isSeparator?: boolean\n  disabled?: boolean\n  isDropdownHeader?: boolean\n  dropdownHeaderTitle?: string\n}\n\nexport type ToolDropdownSideButtonItem = {\n  key: string\n  title?: string\n  hint?: string\n  cssClass?: string\n  icon?: string\n  onClick?: (e: JQuery.ClickEvent<HTMLElement, null, HTMLElement, HTMLElement>) => void\n  disabled?: boolean\n}\n\nexport class ToolDropdownButton {\n  public element: JQuery = null\n  private isDisabled = false\n  private itemDisablingState: { key: string; disabled: boolean }[] = []\n  private options: ToolDropdownButtonOptions\n\n  public constructor(container: JQuery, buttons: ToolDropdownButtonItem[], opt?: ToolDropdownButtonOptions) {\n    this.options = opt || {}\n    this.isDisabled = this.options.disabled || false\n    this.element = this.buildBaseDropdown()\n    this.addDropdownItems(buttons)\n\n    this.element.on('click', () => {\n      $('.dropdown-toggle', this.element).dropdown('toggle')\n    })\n\n    container.append(this.element)\n  }\n\n  private getDisablingStateItem(key: string): boolean {\n    if (tryFirst(this.itemDisablingState, x => x.key == key) != null) {\n      return first(this.itemDisablingState, x => x.key == key).disabled || false\n    }\n\n    return false\n  }\n\n  private setDisablingStateItem(key: string, value: boolean) {\n    if (tryFirst(this.itemDisablingState, x => x.key == key) != null) {\n      first(this.itemDisablingState, x => x.key == key).disabled = value || false\n      return\n    }\n\n    this.itemDisablingState.push({ key: key, disabled: value || false })\n  }\n\n  private removeDisablingStateItem(key: string) {\n    this.itemDisablingState.some((item, idx) => {\n      if (item.key == key) {\n        this.itemDisablingState.splice(idx, 1)\n\n        return true\n      }\n    })\n  }\n\n  private buildBaseDropdown(): JQuery {\n    const dropdownTemplate = `<div class=\"buttons-inner dropdown\" style=\"overflow: visible\">\n    <div class=\"idevs-tool-dropdown-button tool-button icon-tool-button ${coalesce(this.options.cssClass, '')} ${\n      this.options.isDropUp ? 'dropup' : ''\n    } ${this.isDisabled ? 'disabled' : ''}\" style=\"cursor: unset;\">\n        <div class=\"button-outer dropdown-toggle ${this.isDisabled ? 'disabled' : ''}\"\n        data-bs-toggle=\"dropdown\"\n        style=\"cursor: pointer;\">\n            <span class=\"button-inner\">\n                <i class=\"${this.options.icon}\"></i>\n                ${coalesce(this.options.title, '')}\n            </span>\n            <i class=\"caret\"></i>\n        </div>\n        <ul class=\"dropdown-menu ${this.options.dropdownMenuPosition == 'right' ? 'dropdown-menu-right' : ''}\"></ul>\n    </div>\n</div>`\n\n    return $(dropdownTemplate)\n  }\n\n  public addDropdownItems(buttons: ToolDropdownButtonItem[]) {\n    if (buttons && buttons.length > 0) {\n      buttons.forEach(button => {\n        this.addDropdownItem(button)\n      })\n    }\n  }\n\n  public addDropdownItem(button: ToolDropdownButtonItem, idx?: number) {\n    if (!isEmptyOrNull(button.key)) {\n      if (this.itemDisablingState.map(x => x.key).indexOf(button.key) > -1) {\n        alert(`Dropdown has existed key: ${button.key}`)\n        return\n      }\n\n      this.setDisablingStateItem(button.key, button.disabled || false)\n    }\n\n    let dropdownItemElement: JQuery\n\n    if (button.isDropdownHeader && !isEmptyOrNull(button.dropdownHeaderTitle)) {\n      dropdownItemElement = $(\n        `<li class=\"dropdown-header ${coalesce(button.cssClass, '')}\">${button.dropdownHeaderTitle}</li>`,\n      )\n    } else {\n      if (button.isSeparator) {\n        dropdownItemElement = $(`<li class=\"dropdown-divider\"></li>`)\n      } else {\n        dropdownItemElement = $(`<li class=\"${button.disabled ? 'disabled' : ''}\"\n                title=\"${coalesce(button.hint, '')}\"\n                data-idevs-key=\"${coalesce(button.key, '')}\">\n                    <a href=\"#\" class=\"${coalesce(button.cssClass, 'dropdown-item')}\">\n                        <i class=\"${coalesce(button.icon, '')}\"></i>\n                        ${button.title}\n                    </a>\n                </li>`)\n\n        dropdownItemElement.on('click', (e: JQuery.ClickEvent<HTMLElement, null, HTMLElement, HTMLElement>) => {\n          e.preventDefault()\n\n          if (this.isDisabled) {\n            return\n          }\n\n          let buttonIsDisabled = button.disabled\n\n          if (!isEmptyOrNull(button.key)) {\n            buttonIsDisabled = this.getDisablingStateItem(button.key)\n          }\n          if (buttonIsDisabled) {\n            return\n          }\n\n          button.onClick(e)\n        })\n      }\n    }\n\n    if (idx === null || typeof idx === 'undefined') {\n      this.element.find('.dropdown-menu').append(dropdownItemElement)\n      return\n    }\n\n    if (idx <= 0) {\n      this.element.find('.dropdown-menu').prepend(dropdownItemElement)\n      return\n    }\n\n    const nbrOfButtons = this.element.find(`.dropdown-menu > li`).length\n\n    if (idx > nbrOfButtons) {\n      idx = nbrOfButtons\n    }\n\n    this.element.find(`.dropdown-menu > li:nth-child(${idx})`).after(dropdownItemElement)\n  }\n\n  public enableDropdown(enable: boolean) {\n    const drd = this.element.find('.dropdown').first()\n    if (drd) {\n      if (enable) {\n        if (drd.hasClass('disabled')) {\n          drd.removeClass('disabled')\n        }\n      } else {\n        if (!drd.hasClass('disabled')) {\n          drd.addClass('disabled')\n        }\n      }\n    }\n\n    const drdToggle = this.element.find('.dropdown-toggle').first()\n    if (drdToggle) {\n      if (enable) {\n        if (drdToggle.hasClass('disabled')) {\n          drd.removeClass('disabled')\n        } else {\n          if (!drdToggle.hasClass('disabled')) {\n            drdToggle.addClass('disabled')\n          }\n        }\n      }\n    }\n\n    this.isDisabled = !enable\n  }\n\n  public enableDropdownItemByKey(key: string, enable: boolean) {\n    const drdItem = this.element.find(`.dropdown-menu li[data-idevs-key=\"${key}\"]`).first()\n    if (drdItem) {\n      if (enable) {\n        if (drdItem.hasClass('disabled')) {\n          drdItem.removeClass('disabled')\n        }\n      } else {\n        if (!drdItem.hasClass('disabled')) {\n          drdItem.addClass('disabled')\n        }\n      }\n    }\n\n    this.setDisablingStateItem(key, !enable)\n  }\n\n  public enableSideButtonByKey(key: string, enable: boolean) {\n    const tButton = this.element.find(`.tool-button[data-idevs-key=\"${key}\"]`).first()\n    if (tButton) {\n      if (enable) {\n        if (tButton.hasClass('disabled')) {\n          tButton.removeClass('disabled')\n        }\n      } else {\n        if (!tButton.hasClass('disabled')) {\n          tButton.addClass('disabled')\n        }\n      }\n    }\n\n    this.setDisablingStateItem(key, !enable)\n  }\n\n  public removeDropdownItem(key: string) {\n    this.element.find(`.dropdown-menu li[data-idevs-key=\"${key}\"]`).remove()\n    this.removeDisablingStateItem(key)\n  }\n\n  public removeSideButtonItem(key: string) {\n    this.element.find(`.tool-button[data-idevs-key=\"${key}\"]`).remove()\n    this.removeDisablingStateItem(key)\n  }\n\n  public addSideButtonItem(button: ToolDropdownSideButtonItem, idx?: number) {\n    if (!isEmptyOrNull(button.key)) {\n      if (this.itemDisablingState.map(x => x.key).indexOf(button.key) > -1) {\n        alert(`Dropdown has existed key: ${button.key}`)\n        return\n      }\n\n      this.setDisablingStateItem(button.key, button.disabled || false)\n    }\n\n    const sideButtonTemplate = `<div class=\"tool-button add-button icon-tool-button ${coalesce(button.cssClass, '')} ${\n      button.disabled ? 'disabled' : ''\n    }\"\n        data-idevs-key=\"${coalesce(button.key, '')}\"\n        title=\"${coalesce(button.title, '')}\">\n            <div class=\"button-outer\">\n                <span class=\"button-inner\">\n                    <i class=\"${coalesce(button.icon, '')}\"></i>\n                </span>\n            </div>\n        </div>`\n\n    const sideButton = $(sideButtonTemplate)\n\n    sideButton.on('click', (e: JQuery.ClickEvent<HTMLElement, null, HTMLElement, HTMLElement>) => {\n      e.preventDefault()\n\n      let buttonIsDisabled = button.disabled\n\n      if (!isEmptyOrNull(button.key)) {\n        buttonIsDisabled = this.getDisablingStateItem(button.key)\n      }\n\n      if (buttonIsDisabled) {\n        return\n      }\n\n      button.onClick(e)\n    })\n\n    if (idx === null || typeof idx === 'undefined') {\n      this.element.append(sideButton)\n      return\n    }\n\n    if (idx <= 0) {\n      this.element.prepend(sideButton)\n      return\n    }\n\n    const nbrOfButtons = this.element.find(`div.tool-button`).length\n\n    if (idx > nbrOfButtons) {\n      idx = nbrOfButtons\n    }\n\n    this.element.find(`div.tool-button:nth-child(${idx})`).after(sideButton)\n  }\n}\n"]}