@idevs/corelib 0.0.89 → 0.0.91

package/dist/editors/checkboxButtonEditor.d.ts

@@ -1,16 +1,18 @@
-import { IReadOnly, Widget } from '@serenity-is/corelib';
+import { EditorProps, EditorWidget, IReadOnly } from '@serenity-is/corelib';
 export type CheckboxButtonEditorOptions = {
     enumKey?: string;
     enumType?: any;
     lookupKey?: string;
     isStringId?: boolean;
 };
-export declare class CheckboxButtonEditor extends Widget<CheckboxButtonEditorOptions> implements IReadOnly {
+export declare class CheckboxButtonEditor<P extends CheckboxButtonEditorOptions = CheckboxButtonEditorOptions> extends EditorWidget<P> implements IReadOnly {
     private _items;
     private readonly _idField;
     private readonly _textField;
     private readonly _isStringId;
-    constructor(input: JQuery, opt: CheckboxButtonEditorOptions);
+    static createDefaultElement(): HTMLDivElement;
+    readonly domNode: HTMLElement;
+    constructor(props: EditorProps<P>);
     protected renderCheckboxes(): void;
     protected addCheckbox(value: string, text: string): void;
     get_items(): Array<{

package/dist/editors/checkboxButtonEditor.js

@@ -7,13 +7,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Decorators, EnumKeyAttribute, EnumTypeRegistry, Widget } from '@serenity-is/corelib';
-import { Enum, getAttributes, getLookup, isArray, isEmptyOrNull, toId, tryGetText } from '@serenity-is/corelib';
-var Element = Decorators.element;
-let CheckboxButtonEditor = class CheckboxButtonEditor extends Widget {
-    constructor(input, opt) {
+import { Decorators, EditorWidget, Enum, EnumKeyAttribute, EnumTypeRegistry, Fluent, getCustomAttributes, getLookup, isEmptyOrNull, toId, tryGetText, } from '@serenity-is/corelib';
+let CheckboxButtonEditor = class CheckboxButtonEditor extends EditorWidget {
+    static createDefaultElement() {
+        return Fluent('div').getNode();
+    }
+    constructor(props) {
         var _a;
-        super(input, opt);
+        super(props);
         if (isEmptyOrNull(this.options.enumKey) && this.options.enumType == null && isEmptyOrNull(this.options.lookupKey)) {
             return;
         }
@@ -28,7 +29,7 @@ let CheckboxButtonEditor = class CheckboxButtonEditor extends Widget {
             const enumType = this.options.enumType || EnumTypeRegistry.get(this.options.enumKey);
             let enumKey = this.options.enumKey;
             if (enumKey == null && enumType != null) {
-                const enumKeyAttr = getAttributes(enumType, EnumKeyAttribute, false);
+                const enumKeyAttr = getCustomAttributes(enumType, EnumKeyAttribute, false);
                 if (enumKeyAttr.length > 0) {
                     enumKey = enumKeyAttr[0].value;
                 }
@@ -39,10 +40,13 @@ let CheckboxButtonEditor = class CheckboxButtonEditor extends Widget {
                 this.addCheckbox(x.toString(), (_a = tryGetText('Enums.' + enumKey + '.' + name)) !== null && _a !== void 0 ? _a : name);
             }
         }
-        this.element.addClass('d-flex flex-wrap');
+        this.domNode.classList.add('d-flex', 'flex-wrap');
     }
     renderCheckboxes() {
-        this.element.children('div').remove();
+        const childDivs = this.domNode.querySelectorAll('div');
+        childDivs.forEach(function (child) {
+            this.domNode.removeChild(child);
+        });
         for (const item of this._items) {
             const textValue = item[this._textField];
             const text = textValue == null ? '' : textValue.toString();
@@ -60,7 +64,7 @@ let CheckboxButtonEditor = class CheckboxButtonEditor extends Widget {
             .attr('value', value)
             .prependTo(label);
         label.appendTo(div);
-        div.appendTo(this.element);
+        div.appendTo(this.domNode);
     }
     get_items() {
         return this._items;
@@ -77,8 +81,9 @@ let CheckboxButtonEditor = class CheckboxButtonEditor extends Widget {
     }
     get_value() {
         const val = [];
-        this.element.find('input:checked').each((i, e) => {
-            val.push(this._isStringId ? $(e).val() : toId($(e).val()));
+        const inputs = this.domNode.querySelectorAll('input:checked');
+        inputs.forEach((input) => {
+            val.push(this._isStringId ? input.value : toId(input.value));
         });
         return val.join(',');
     }
@@ -91,49 +96,43 @@ let CheckboxButtonEditor = class CheckboxButtonEditor extends Widget {
             if (!isEmptyOrNull(value)) {
                 values = this._isStringId ? value.split(',') : value.split(',').map(p => Number(p));
             }
-            const inputs = this.element.find('input');
-            inputs.each((i, e) => {
-                ;
-                e.checked = false;
+            const inputs = this.domNode.querySelectorAll('input');
+            inputs.forEach(input => {
+                input.checked = false;
             });
-            if (isArray(values)) {
-                values.forEach(v => {
-                    const checks = inputs.filter('[value=' + v + ']');
-                    if (checks.length > 0) {
-                        ;
-                        checks[0].checked = true;
-                    }
-                });
-            }
-            else {
-                const checks = inputs.filter('[value=' + values + ']');
+            values.forEach(v => {
+                const checks = Array.from(inputs).filter(input => input.value === v);
                 if (checks.length > 0) {
-                    ;
                     checks[0].checked = true;
                 }
-            }
+            });
         }
     }
     set value(v) {
         this.set_value(v);
     }
     get_readOnly() {
-        return this.element.attr('disabled') != null;
+        return this.domNode.getAttribute('disabled') != null;
     }
     set_readOnly(value) {
         if (this.get_readOnly() !== value) {
             if (value) {
-                this.element.attr('disabled', 'disabled').find('input').attr('disabled', 'disabled');
+                this.domNode.setAttribute('disabled', 'disabled');
+                this.domNode.querySelectorAll('input').forEach(input => {
+                    input.setAttribute('disabled', 'disabled');
+                });
             }
             else {
-                this.element.removeAttr('disabled').find('input').removeAttr('disabled');
+                this.domNode.removeAttribute('disabled');
+                this.domNode.querySelectorAll('input').forEach(input => {
+                    input.removeAttribute('disabled');
+                });
             }
         }
     }
 };
 CheckboxButtonEditor = __decorate([
-    Decorators.registerEditor('CheckboxButtonEditor'),
-    Element('<div/>')
+    Decorators.registerEditor('CheckboxButtonEditor')
 ], CheckboxButtonEditor);
 export { CheckboxButtonEditor };
 export class idevsEditors {

package/dist/editors/checkboxButtonEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxButtonEditor.js","sourceRoot":"","sources":["../../src/editors/checkboxButtonEditor.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/adjacent-overload-signatures */\n// reference: https://github-wiki-see.page/m/serenity-is/Serenity/wiki/CheckBox-Group-Editor\n\nimport { Decorators, EnumKeyAttribute, EnumTypeRegistry, IReadOnly, Widget } from '@serenity-is/corelib'\nimport { Enum, getAttributes, getLookup, isArray, isEmptyOrNull, toId, tryGetText } from '@serenity-is/corelib'\nimport Element = Decorators.element\n\nexport type CheckboxButtonEditorOptions = {\n  enumKey?: string\n  enumType?: any\n  lookupKey?: string\n  isStringId?: boolean\n}\n\n@Decorators.registerEditor('CheckboxButtonEditor')\n@Element('<div/>')\nexport class CheckboxButtonEditor extends Widget<CheckboxButtonEditorOptions> implements IReadOnly {\n  private _items: Array<{ [key: string]: any }>\n  private readonly _idField: string\n  private readonly _textField: string\n  private readonly _isStringId: boolean\n\n  constructor(input: JQuery, opt: CheckboxButtonEditorOptions) {\n    super(input, opt)\n\n    if (isEmptyOrNull(this.options.enumKey) && this.options.enumType == null && isEmptyOrNull(this.options.lookupKey)) {\n      return\n    }\n\n    this._isStringId = this.options.isStringId\n\n    if (!isEmptyOrNull(this.options.lookupKey)) {\n      const lookup = getLookup(this.options.lookupKey)\n      this._idField = lookup.idField\n      this._textField = lookup.textField\n      this.set_items(lookup.items as Array<{ [key: string]: any }>)\n    } else {\n      const enumType = this.options.enumType || EnumTypeRegistry.get(this.options.enumKey)\n      let enumKey = this.options.enumKey\n\n      if (enumKey == null && enumType != null) {\n        const enumKeyAttr = getAttributes(enumType, EnumKeyAttribute, false)\n        if (enumKeyAttr.length > 0) {\n          enumKey = enumKeyAttr[0].value\n        }\n      }\n      const values = Enum.getValues(enumType)\n      for (const x of values) {\n        const name = Enum.toString(enumType, x)\n        this.addCheckbox(x.toString(), tryGetText('Enums.' + enumKey + '.' + name) ?? name)\n      }\n    }\n\n    this.element.addClass('d-flex flex-wrap')\n  }\n\n  protected renderCheckboxes() {\n    this.element.children('div').remove()\n\n    for (const item of this._items) {\n      const textValue = item[this._textField]\n      const text = textValue == null ? '' : textValue.toString()\n      const idValue = item[this._idField]\n      const id = idValue == null ? '' : idValue.toString()\n      this.addCheckbox(id, text)\n    }\n  }\n\n  protected addCheckbox(value: string, text: string) {\n    const div = $('<div class=\"col-12 col-sm-6 col-md-4 col-xl-3\" />')\n    const label = $('<label/>').text(text.replace(/, /g, ',').replace(/,/g, ', '))\n    $('<input type=\"checkbox\" class=\"me-2\" />')\n      .attr('name', this.uniqueName)\n      .attr('id', this.uniqueName + '_' + value)\n      .attr('value', value)\n      .prependTo(label)\n    label.appendTo(div)\n    div.appendTo(this.element)\n  }\n\n  get_items(): Array<{ [key: string]: any }> {\n    return this._items\n  }\n\n  get items(): Array<{ [key: string]: any }> {\n    return this.get_items()\n  }\n\n  set_items(value: Array<{ [key: string]: any }>) {\n    this._items = value\n    this.renderCheckboxes()\n  }\n\n  set items(v: Array<{ [key: string]: any }>) {\n    this.set_items(v)\n  }\n\n  get_value(): string {\n    const val: unknown[] = []\n    this.element.find('input:checked').each((i, e) => {\n      val.push(this._isStringId ? $(e).val() : toId($(e).val()))\n    })\n    return val.join(',')\n  }\n\n  get value(): string {\n    return this.get_value()\n  }\n\n  set_value(value: string): void {\n    if (value !== this.get_value()) {\n      let values: unknown[] = []\n      if (!isEmptyOrNull(value)) {\n        values = this._isStringId ? value.split(',') : value.split(',').map(p => Number(p))\n      }\n      const inputs = this.element.find('input')\n      inputs.each((i, e) => {\n        ;(e as HTMLInputElement).checked = false\n      })\n\n      if (isArray(values)) {\n        values.forEach(v => {\n          const checks = inputs.filter('[value=' + v + ']')\n          if (checks.length > 0) {\n            ;(checks[0] as HTMLInputElement).checked = true\n          }\n        })\n      } else {\n        const checks = inputs.filter('[value=' + values + ']')\n        if (checks.length > 0) {\n          ;(checks[0] as HTMLInputElement).checked = true\n        }\n      }\n    }\n  }\n\n  set value(v: string) {\n    this.set_value(v)\n  }\n\n  get_readOnly(): boolean {\n    return this.element.attr('disabled') != null\n  }\n\n  set_readOnly(value: boolean): void {\n    if (this.get_readOnly() !== value) {\n      if (value) {\n        this.element.attr('disabled', 'disabled').find('input').attr('disabled', 'disabled')\n      } else {\n        this.element.removeAttr('disabled').find('input').removeAttr('disabled')\n      }\n    }\n  }\n}\n\nexport class idevsEditors {\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  public static load() {}\n}\n"]}
+{"version":3,"file":"checkboxButtonEditor.js","sourceRoot":"","sources":["../../src/editors/checkboxButtonEditor.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/adjacent-overload-signatures */\n// reference: https://github-wiki-see.page/m/serenity-is/Serenity/wiki/CheckBox-Group-Editor\n\nimport {\n  Decorators,\n  EditorProps,\n  EditorWidget,\n  Enum,\n  EnumKeyAttribute,\n  EnumTypeRegistry,\n  Fluent,\n  IReadOnly,\n  getCustomAttributes,\n  getLookup,\n  isArray,\n  isEmptyOrNull,\n  toId,\n  tryGetText,\n} from '@serenity-is/corelib'\n\nexport type CheckboxButtonEditorOptions = {\n  enumKey?: string\n  enumType?: any\n  lookupKey?: string\n  isStringId?: boolean\n}\n\n@Decorators.registerEditor('CheckboxButtonEditor')\nexport class CheckboxButtonEditor<P extends CheckboxButtonEditorOptions = CheckboxButtonEditorOptions>\n  extends EditorWidget<P>\n  implements IReadOnly\n{\n  private _items: Array<{ [key: string]: any }>\n  private readonly _idField: string\n  private readonly _textField: string\n  private readonly _isStringId: boolean\n\n  static override createDefaultElement() {\n    return Fluent('div').getNode()\n  }\n  declare readonly domNode: HTMLElement\n\n  constructor(props: EditorProps<P>) {\n    super(props)\n\n    if (isEmptyOrNull(this.options.enumKey) && this.options.enumType == null && isEmptyOrNull(this.options.lookupKey)) {\n      return\n    }\n\n    this._isStringId = this.options.isStringId\n\n    if (!isEmptyOrNull(this.options.lookupKey)) {\n      const lookup = getLookup(this.options.lookupKey)\n      this._idField = lookup.idField\n      this._textField = lookup.textField\n      this.set_items(lookup.items as Array<{ [key: string]: any }>)\n    } else {\n      const enumType = this.options.enumType || EnumTypeRegistry.get(this.options.enumKey)\n      let enumKey = this.options.enumKey\n\n      if (enumKey == null && enumType != null) {\n        const enumKeyAttr = getCustomAttributes(enumType, EnumKeyAttribute, false)\n        if (enumKeyAttr.length > 0) {\n          enumKey = enumKeyAttr[0].value\n        }\n      }\n      const values = Enum.getValues(enumType)\n      for (const x of values) {\n        const name = Enum.toString(enumType, x)\n        this.addCheckbox(x.toString(), tryGetText('Enums.' + enumKey + '.' + name) ?? name)\n      }\n    }\n\n    this.domNode.classList.add('d-flex', 'flex-wrap')\n  }\n\n  protected renderCheckboxes() {\n    const childDivs = this.domNode.querySelectorAll('div')\n    childDivs.forEach(function (child) {\n      this.domNode.removeChild(child)\n    })\n\n    for (const item of this._items) {\n      const textValue = item[this._textField]\n      const text = textValue == null ? '' : textValue.toString()\n      const idValue = item[this._idField]\n      const id = idValue == null ? '' : idValue.toString()\n      this.addCheckbox(id, text)\n    }\n  }\n\n  protected addCheckbox(value: string, text: string) {\n    const div = $('<div class=\"col-12 col-sm-6 col-md-4 col-xl-3\" />')\n    const label = $('<label/>').text(text.replace(/, /g, ',').replace(/,/g, ', '))\n    $('<input type=\"checkbox\" class=\"me-2\" />')\n      .attr('name', this.uniqueName)\n      .attr('id', this.uniqueName + '_' + value)\n      .attr('value', value)\n      .prependTo(label)\n    label.appendTo(div)\n    div.appendTo(this.domNode)\n  }\n\n  get_items(): Array<{ [key: string]: any }> {\n    return this._items\n  }\n\n  get items(): Array<{ [key: string]: any }> {\n    return this.get_items()\n  }\n\n  set_items(value: Array<{ [key: string]: any }>) {\n    this._items = value\n    this.renderCheckboxes()\n  }\n\n  set items(v: Array<{ [key: string]: any }>) {\n    this.set_items(v)\n  }\n\n  get_value() {\n    const val: string[] = []\n    const inputs = this.domNode.querySelectorAll('input:checked')\n\n    inputs.forEach((input: HTMLInputElement) => {\n      val.push(this._isStringId ? input.value : toId(input.value))\n    })\n\n    return val.join(',')\n  }\n\n  get value(): string {\n    return this.get_value()\n  }\n\n  set_value(value: string): void {\n    if (value !== this.get_value()) {\n      let values: unknown[] = []\n      if (!isEmptyOrNull(value)) {\n        values = this._isStringId ? value.split(',') : value.split(',').map(p => Number(p))\n      }\n      const inputs = this.domNode.querySelectorAll<HTMLInputElement>('input')\n      inputs.forEach(input => {\n        input.checked = false\n      })\n\n      values.forEach(v => {\n        const checks = Array.from(inputs).filter(input => (input as HTMLInputElement).value === v)\n        if (checks.length > 0) {\n          (checks[0] as HTMLInputElement).checked = true\n        }\n      })\n    }\n  }\n\n  set value(v: string) {\n    this.set_value(v)\n  }\n\n  get_readOnly(): boolean {\n    return this.domNode.getAttribute('disabled') != null\n  }\n\n  set_readOnly(value: boolean): void {\n    if (this.get_readOnly() !== value) {\n      if (value) {\n        this.domNode.setAttribute('disabled', 'disabled')\n        this.domNode.querySelectorAll<HTMLInputElement>('input').forEach(input => {\n          input.setAttribute('disabled', 'disabled')\n        })\n      } else {\n        this.domNode.removeAttribute('disabled')\n        this.domNode.querySelectorAll<HTMLInputElement>('input').forEach(input => {\n          input.removeAttribute('disabled')\n        })\n      }\n    }\n  }\n}\n\nexport class idevsEditors {\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  public static load() {}\n}\n"]}

package/dist/editors/dateMonthEditor.d.ts

@@ -1,7 +1,7 @@
-import { SelectEditor, SelectEditorOptions } from '@serenity-is/corelib';
-export declare class DateMonthEditor extends SelectEditor {
+import { EditorProps, SelectEditor, SelectEditorOptions } from '@serenity-is/corelib';
+export declare class DateMonthEditor<P extends DateMonthEditorOptions = DateMonthEditorOptions> extends SelectEditor<P> {
     private months;
-    constructor(hidden: JQuery, opt: DateMonthEditorOptions);
+    constructor(props: EditorProps<P>);
     get valueAsMonth(): number;
     getItems(): any[];
 }

package/dist/editors/dateMonthEditor.js

@@ -4,11 +4,10 @@
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Decorators, SelectEditor } from '@serenity-is/corelib';
-import { indexOf } from '@serenity-is/corelib';
+import { Decorators, SelectEditor, indexOf } from '@serenity-is/corelib';
 let DateMonthEditor = class DateMonthEditor extends SelectEditor {
-    constructor(hidden, opt) {
-        super(hidden, opt);
+    constructor(props) {
+        super(props);
         this.updateItems();
     }
     get valueAsMonth() {

package/dist/editors/dateMonthEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateMonthEditor.js","sourceRoot":"","sources":["../../src/editors/dateMonthEditor.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAuB,MAAM,sBAAsB,CAAA;AACpF,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAGvC,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,YAAY;IAG/C,YAAY,MAAc,EAAE,GAA2B;QACrD,KAAK,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;QAElB,IAAI,CAAC,WAAW,EAAE,CAAA;IACpB,CAAC;IAED,IAAI,YAAY;QACd,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAA;IACnD,CAAC;IAED,QAAQ;;QACN,MAAM,GAAG,GAAG,IAAI,CAAC,OAAiC,CAAA;QAElD,IAAI,GAAG,CAAC,KAAK,IAAI,IAAI,IAAI,GAAG,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;YAC/C,OAAO,GAAG,CAAC,KAAK,CAAA;QAClB,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAA;QACxB,IAAI,CAAC,MAAM,GAAG,EAAE,CAAA;QAChB,MAAM,MAAM,GAAG,MAAA,GAAG,CAAC,MAAM,mCAAI,IAAI,CAAA;QACjC,MAAM,OAAO,GAAG,EAAE,KAAK,EAAE,MAAA,GAAG,CAAC,OAAO,mCAAI,SAAS,EAAE,CAAA;QACnD,MAAM,SAAS,GAAG,MAAA,GAAG,CAAC,SAAS,mCAAI,KAAK,CAAA;QAExC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;YAC7B,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;YAC/E,IAAI,SAAS,EAAE,CAAC;gBACd,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAA;YACrB,CAAC;YACD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QACrB,CAAC;QAED,OAAO,IAAI,CAAC,MAAM,CAAA;IACpB,CAAC;CACF,CAAA;AApCY,eAAe;IAD3B,UAAU,CAAC,cAAc,CAAC,iBAAiB,CAAC;GAChC,eAAe,CAoC3B","sourcesContent":["import { Decorators, SelectEditor, SelectEditorOptions } from '@serenity-is/corelib'\nimport { indexOf } from '@serenity-is/corelib'\n\n@Decorators.registerEditor('DateMonthEditor')\nexport class DateMonthEditor extends SelectEditor {\n  private months: string[]\n\n  constructor(hidden: JQuery, opt: DateMonthEditorOptions) {\n    super(hidden, opt)\n\n    this.updateItems()\n  }\n\n  get valueAsMonth() {\n    return indexOf(this.months, x => x == this.value)\n  }\n\n  getItems() {\n    const opt = this.options as DateMonthEditorOptions\n\n    if (opt.items != null && opt.items.length >= 1) {\n      return opt.items\n    }\n\n    const today = new Date()\n    this.months = []\n    const locale = opt.locale ?? 'en'\n    const options = { month: opt.display ?? '2-digit' }\n    const upperCase = opt.upperCase ?? false\n\n    for (let i = 0; i <= 11; i++) {\n      let m = new Date(today.getFullYear(), i, 1).toLocaleDateString(locale, options)\n      if (upperCase) {\n        m = m.toUpperCase()\n      }\n      this.months.push(m)\n    }\n\n    return this.months\n  }\n}\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\nexport interface DateMonthEditorOptions extends SelectEditorOptions {\n  display?: '2-digit' | 'short' | 'long'\n  locale?: 'en' | 'th'\n  upperCase?: boolean\n}\n"]}
+{"version":3,"file":"dateMonthEditor.js","sourceRoot":"","sources":["../../src/editors/dateMonthEditor.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAe,YAAY,EAAuB,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAGnG,IAAM,eAAe,GAArB,MAAM,eAA2E,SAAQ,YAAe;IAG7G,YAAY,KAAqB;QAC/B,KAAK,CAAC,KAAK,CAAC,CAAA;QAEZ,IAAI,CAAC,WAAW,EAAE,CAAA;IACpB,CAAC;IAED,IAAI,YAAY;QACd,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAA;IACnD,CAAC;IAED,QAAQ;;QACN,MAAM,GAAG,GAAG,IAAI,CAAC,OAAiC,CAAA;QAElD,IAAI,GAAG,CAAC,KAAK,IAAI,IAAI,IAAI,GAAG,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;YAC/C,OAAO,GAAG,CAAC,KAAK,CAAA;QAClB,CAAC;QAED,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAA;QACxB,IAAI,CAAC,MAAM,GAAG,EAAE,CAAA;QAChB,MAAM,MAAM,GAAG,MAAA,GAAG,CAAC,MAAM,mCAAI,IAAI,CAAA;QACjC,MAAM,OAAO,GAAG,EAAE,KAAK,EAAE,MAAA,GAAG,CAAC,OAAO,mCAAI,SAAS,EAAE,CAAA;QACnD,MAAM,SAAS,GAAG,MAAA,GAAG,CAAC,SAAS,mCAAI,KAAK,CAAA;QAExC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;YAC7B,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;YAC/E,IAAI,SAAS,EAAE,CAAC;gBACd,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,CAAA;YACrB,CAAC;YACD,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QACrB,CAAC;QAED,OAAO,IAAI,CAAC,MAAM,CAAA;IACpB,CAAC;CACF,CAAA;AApCY,eAAe;IAD3B,UAAU,CAAC,cAAc,CAAC,iBAAiB,CAAC;GAChC,eAAe,CAoC3B","sourcesContent":["import { Decorators, EditorProps, SelectEditor, SelectEditorOptions, indexOf } from '@serenity-is/corelib'\n\n@Decorators.registerEditor('DateMonthEditor')\nexport class DateMonthEditor<P extends DateMonthEditorOptions = DateMonthEditorOptions> extends SelectEditor<P> {\n  private months: string[]\n\n  constructor(props: EditorProps<P>) {\n    super(props)\n\n    this.updateItems()\n  }\n\n  get valueAsMonth() {\n    return indexOf(this.months, x => x == this.value)\n  }\n\n  getItems() {\n    const opt = this.options as DateMonthEditorOptions\n\n    if (opt.items != null && opt.items.length >= 1) {\n      return opt.items\n    }\n\n    const today = new Date()\n    this.months = []\n    const locale = opt.locale ?? 'en'\n    const options = { month: opt.display ?? '2-digit' }\n    const upperCase = opt.upperCase ?? false\n\n    for (let i = 0; i <= 11; i++) {\n      let m = new Date(today.getFullYear(), i, 1).toLocaleDateString(locale, options)\n      if (upperCase) {\n        m = m.toUpperCase()\n      }\n      this.months.push(m)\n    }\n\n    return this.months\n  }\n}\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\nexport interface DateMonthEditorOptions extends SelectEditorOptions {\n  display?: '2-digit' | 'short' | 'long'\n  locale?: 'en' | 'th'\n  upperCase?: boolean\n}\n"]}

package/dist/formatters/formatters.d.ts

@@ -3,17 +3,29 @@ export type Formatter = {
     format(ctx: FormatterContext): string;
 };
 export declare class ZeroDisplayFormatter implements Formatter {
-    constructor();
-    displayText: string;
+    readonly props: {
+        displayText?: string;
+    };
+    constructor(props?: {
+        displayText?: string;
+    });
     format(ctx: FormatterContext): string;
 }
 export declare class CheckboxFormatter implements Formatter {
-    constructor();
-    trueText: string;
-    falseText: string;
-    cssClass: string;
-    trueValueIcon: string;
-    falseValueIcon: string;
+    readonly props: {
+        trueText?: string;
+        falseText?: string;
+        cssClass?: string;
+        trueValueIcon?: string;
+        falseValueIcon?: string;
+    };
+    constructor(props: {
+        trueText?: string;
+        falseText?: string;
+        cssClass?: string;
+        trueValueIcon?: string;
+        falseValueIcon?: string;
+    });
     format(ctx: FormatterContext): string;
 }
 export declare class LookupFormatter implements Formatter {

package/dist/formatters/formatters.js

@@ -7,61 +7,50 @@
 import { Decorators } from '@serenity-is/corelib';
 import { getLookup, htmlEncode } from '@serenity-is/corelib';
 let ZeroDisplayFormatter = class ZeroDisplayFormatter {
-    constructor() {
-        this.displayText = '';
+    constructor(props = {}) {
+        var _a, _b;
+        var _c;
+        this.props = props;
+        (_a = this.props) !== null && _a !== void 0 ? _a : (this.props = {});
+        (_b = (_c = this.props).displayText) !== null && _b !== void 0 ? _b : (_c.displayText = '');
     }
     format(ctx) {
         const src = ctx.value;
         const value = parseFloat(String(src || '0').replace(',', ''));
         if (value == 0) {
-            return htmlEncode(this.displayText);
+            return htmlEncode(this.props.displayText);
         }
         return htmlEncode(src);
     }
 };
-__decorate([
-    Decorators.option()
-], ZeroDisplayFormatter.prototype, "displayText", void 0);
 ZeroDisplayFormatter = __decorate([
     Decorators.registerFormatter('Idevs.ZeroDisplayFormatter')
 ], ZeroDisplayFormatter);
 export { ZeroDisplayFormatter };
 let CheckboxFormatter = class CheckboxFormatter {
-    constructor() {
-        this.cssClass = 'text-center fs-2 text-gray-1';
-        this.trueText = '1';
-        this.falseText = '0';
-        this.trueValueIcon = 'mdi mdi-checkbox-marked-outline';
-        this.falseValueIcon = 'mdi mdi-checkbox-blank-outline';
+    constructor(props) {
+        var _a, _b, _c, _d, _e;
+        var _f, _g, _h, _j, _k;
+        this.props = props;
+        (_a = (_f = this.props).cssClass) !== null && _a !== void 0 ? _a : (_f.cssClass = 'text-center fs-2 text-gray-1');
+        (_b = (_g = this.props).trueText) !== null && _b !== void 0 ? _b : (_g.trueText = '1');
+        (_c = (_h = this.props).falseText) !== null && _c !== void 0 ? _c : (_h.falseText = '0');
+        (_d = (_j = this.props).trueValueIcon) !== null && _d !== void 0 ? _d : (_j.trueValueIcon = 'mdi mdi-checkbox-marked-outline');
+        (_e = (_k = this.props).falseValueIcon) !== null && _e !== void 0 ? _e : (_k.falseValueIcon = 'mdi mdi-checkbox-blank-outline');
     }
     format(ctx) {
         const src = ctx.value;
-        if (src == this.trueText) {
-            return `<i class="${this.trueValueIcon} ${this.cssClass}"></i>`;
+        if (src == this.props.trueText) {
+            return `<i class="${this.props.trueValueIcon} ${this.props.cssClass}"></i>`;
         }
-        else if (src == this.falseText) {
-            return `<i class="${this.falseValueIcon} ${this.cssClass}"></i>`;
+        else if (src == this.props.falseText) {
+            return `<i class="${this.props.falseValueIcon} ${this.props.cssClass}"></i>`;
         }
         else {
             return htmlEncode(src);
         }
     }
 };
-__decorate([
-    Decorators.option()
-], CheckboxFormatter.prototype, "trueText", void 0);
-__decorate([
-    Decorators.option()
-], CheckboxFormatter.prototype, "falseText", void 0);
-__decorate([
-    Decorators.option()
-], CheckboxFormatter.prototype, "cssClass", void 0);
-__decorate([
-    Decorators.option()
-], CheckboxFormatter.prototype, "trueValueIcon", void 0);
-__decorate([
-    Decorators.option()
-], CheckboxFormatter.prototype, "falseValueIcon", void 0);
 CheckboxFormatter = __decorate([
     Decorators.registerFormatter('Idevs.CheckboxFormatter')
 ], CheckboxFormatter);

package/dist/formatters/formatters.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatters.js","sourceRoot":"","sources":["../../src/formatters/formatters.ts"],"names":[],"mappings":"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","sourcesContent":["import { Decorators } from '@serenity-is/corelib'\nimport { FormatterContext } from '@serenity-is/sleekgrid'\nimport { getLookup, htmlEncode } from '@serenity-is/corelib'\n\nexport type Formatter = {\n  format(ctx: FormatterContext): string\n}\n\n@Decorators.registerFormatter('Idevs.ZeroDisplayFormatter')\nexport class ZeroDisplayFormatter implements Formatter {\n  constructor() {\n    this.displayText = ''\n  }\n\n  @Decorators.option()\n  public displayText: string\n\n  format(ctx: FormatterContext): string {\n    const src = ctx.value as string\n\n    const value = parseFloat(String(src || '0').replace(',', ''))\n    if (value == 0) {\n      return htmlEncode(this.displayText)\n    }\n\n    return htmlEncode(src)\n  }\n}\n\n@Decorators.registerFormatter('Idevs.CheckboxFormatter')\nexport class CheckboxFormatter implements Formatter {\n  constructor() {\n    this.cssClass = 'text-center fs-2 text-gray-1'\n    this.trueText = '1'\n    this.falseText = '0'\n    this.trueValueIcon = 'mdi mdi-checkbox-marked-outline'\n    this.falseValueIcon = 'mdi mdi-checkbox-blank-outline'\n  }\n\n  @Decorators.option()\n  public trueText: string\n\n  @Decorators.option()\n  public falseText: string\n\n  @Decorators.option()\n  public cssClass: string\n\n  @Decorators.option()\n  public trueValueIcon: string\n\n  @Decorators.option()\n  public falseValueIcon: string\n\n  format(ctx: FormatterContext): string {\n    const src = ctx.value as string\n    if (src == this.trueText) {\n      return `<i class=\"${this.trueValueIcon} ${this.cssClass}\"></i>`\n    } else if (src == this.falseText) {\n      return `<i class=\"${this.falseValueIcon} ${this.cssClass}\"></i>`\n    } else {\n      return htmlEncode(src)\n    }\n  }\n}\n\n@Decorators.registerFormatter('Idevs.LookupFormatter')\nexport class LookupFormatter implements Formatter {\n  @Decorators.option()\n  public lookupKey: string\n\n  format(ctx: FormatterContext): string {\n    const src = ctx.value as string\n    if (!src) return ''\n\n    if (!this.lookupKey) return src\n\n    const lookup = getLookup(this.lookupKey)\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const items = lookup.items as Array<{ [key: string]: any }>\n    const idField = lookup.idField\n    const textField = lookup.textField\n    const idList = src.toString().split(',')\n\n    return idList\n      .map(x => {\n        const g = items.find(i => i[idField] == x)\n        if (!g) return x\n\n        return htmlEncode(g[textField])\n      })\n      .join(', ')\n  }\n}\n\n@Decorators.registerFormatter('Idevs.DateMonthFormatter')\nexport class DateMonthFormatter implements Formatter {\n  @Decorators.option()\n  public display: '2-digit' | 'short' | 'long'\n\n  @Decorators.option()\n  public locale: 'en' | 'th'\n\n  format(ctx: FormatterContext): string {\n    const src = ctx.value as number\n    if (!src) return ''\n\n    const locale = this.locale ?? 'en'\n    const options = { month: this.display ?? '2-digit' }\n\n    return new Date(2000, src - 1, 1).toLocaleDateString(locale, options)\n  }\n}\n\nexport class idevsFormatters {\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  public static load() {}\n}\n"]}
+{"version":3,"file":"formatters.js","sourceRoot":"","sources":["../../src/formatters/formatters.ts"],"names":[],"mappings":"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","sourcesContent":["import { Decorators } from '@serenity-is/corelib'\nimport { FormatterContext } from '@serenity-is/sleekgrid'\nimport { getLookup, htmlEncode } from '@serenity-is/corelib'\n\nexport type Formatter = {\n  format(ctx: FormatterContext): string\n}\n\n@Decorators.registerFormatter('Idevs.ZeroDisplayFormatter')\nexport class ZeroDisplayFormatter implements Formatter {\n  constructor(public readonly props: { displayText?: string } = {}) {\n    this.props ??= {}\n    this.props.displayText ??= ''\n  }\n\n  format(ctx: FormatterContext): string {\n    const src = ctx.value as string\n\n    const value = parseFloat(String(src || '0').replace(',', ''))\n    if (value == 0) {\n      return htmlEncode(this.props.displayText)\n    }\n\n    return htmlEncode(src)\n  }\n}\n\n@Decorators.registerFormatter('Idevs.CheckboxFormatter')\nexport class CheckboxFormatter implements Formatter {\n  constructor(\n    public readonly props: {\n      trueText?: string\n      falseText?: string\n      cssClass?: string\n      trueValueIcon?: string\n      falseValueIcon?: string\n    },\n  ) {\n    this.props.cssClass ??= 'text-center fs-2 text-gray-1'\n    this.props.trueText ??= '1'\n    this.props.falseText ??= '0'\n    this.props.trueValueIcon ??= 'mdi mdi-checkbox-marked-outline'\n    this.props.falseValueIcon ??= 'mdi mdi-checkbox-blank-outline'\n  }\n\n  format(ctx: FormatterContext): string {\n    const src = ctx.value as string\n    if (src == this.props.trueText) {\n      return `<i class=\"${this.props.trueValueIcon} ${this.props.cssClass}\"></i>`\n    } else if (src == this.props.falseText) {\n      return `<i class=\"${this.props.falseValueIcon} ${this.props.cssClass}\"></i>`\n    } else {\n      return htmlEncode(src)\n    }\n  }\n}\n\n@Decorators.registerFormatter('Idevs.LookupFormatter')\nexport class LookupFormatter implements Formatter {\n  @Decorators.option()\n  public lookupKey: string\n\n  format(ctx: FormatterContext): string {\n    const src = ctx.value as string\n    if (!src) return ''\n\n    if (!this.lookupKey) return src\n\n    const lookup = getLookup(this.lookupKey)\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const items = lookup.items as Array<{ [key: string]: any }>\n    const idField = lookup.idField\n    const textField = lookup.textField\n    const idList = src.toString().split(',')\n\n    return idList\n      .map(x => {\n        const g = items.find(i => i[idField] == x)\n        if (!g) return x\n\n        return htmlEncode(g[textField])\n      })\n      .join(', ')\n  }\n}\n\n@Decorators.registerFormatter('Idevs.DateMonthFormatter')\nexport class DateMonthFormatter implements Formatter {\n  @Decorators.option()\n  public display: '2-digit' | 'short' | 'long'\n\n  @Decorators.option()\n  public locale: 'en' | 'th'\n\n  format(ctx: FormatterContext): string {\n    const src = ctx.value as number\n    if (!src) return ''\n\n    const locale = this.locale ?? 'en'\n    const options = { month: this.display ?? '2-digit' }\n\n    return new Date(2000, src - 1, 1).toLocaleDateString(locale, options)\n  }\n}\n\nexport class idevsFormatters {\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  public static load() {}\n}\n"]}

package/dist/ui/DropdownToolButton.js

@@ -34,13 +34,13 @@ export class DropdownToolButton {
     buildBaseDropdown() {
         var _a, _b;
         const dropdownTemplate = `<div class="buttons-inner dropdown" style="overflow: visible">
-    <div class="idevs-tool-dropdown-button tool-button icon-tool-button ${((_a = this.options.cssClass) !== null && _a !== void 0 ? _a : '')} ${this.options.isDropUp ? 'dropup' : ''} ${this.isDisabled ? 'disabled' : ''}" style="cursor: unset;">
+    <div class="idevs-tool-dropdown-button tool-button icon-tool-button ${(_a = this.options.cssClass) !== null && _a !== void 0 ? _a : ''} ${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>
-                ${((_b = this.options.title) !== null && _b !== void 0 ? _b : '')}
+                ${(_b = this.options.title) !== null && _b !== void 0 ? _b : ''}
             </span>
             <i class="caret"></i>
         </div>
@@ -67,7 +67,7 @@ export class DropdownToolButton {
         }
         let dropdownItemElement;
         if (button.isDropdownHeader && !isEmptyOrNull(button.dropdownHeaderTitle)) {
-            dropdownItemElement = $(`<li class="dropdown-header ${((_a = button.cssClass) !== null && _a !== void 0 ? _a : '')}">${button.dropdownHeaderTitle}</li>`);
+            dropdownItemElement = $(`<li class="dropdown-header ${(_a = button.cssClass) !== null && _a !== void 0 ? _a : ''}">${button.dropdownHeaderTitle}</li>`);
         }
         else {
             if (button.isSeparator) {
@@ -75,10 +75,10 @@ export class DropdownToolButton {
             }
             else {
                 dropdownItemElement = $(`<li class="${button.disabled ? 'disabled' : ''}"
-                title="${((_b = button.hint) !== null && _b !== void 0 ? _b : '')}"
-                data-idevs-key="${((_c = button.key) !== null && _c !== void 0 ? _c : '')}">
-                    <a href="#" class="${((_d = button.cssClass) !== null && _d !== void 0 ? _d : 'dropdown-item')}">
-                        <i class="${((_e = button.icon) !== null && _e !== void 0 ? _e : '')}"></i>
+                title="${(_b = button.hint) !== null && _b !== void 0 ? _b : ''}"
+                data-idevs-key="${(_c = button.key) !== null && _c !== void 0 ? _c : ''}">
+                    <a href="#" class="${(_d = button.cssClass) !== null && _d !== void 0 ? _d : 'dropdown-item'}">
+                        <i class="${(_e = button.icon) !== null && _e !== void 0 ? _e : ''}"></i>
                         ${button.title}
                     </a>
                 </li>`);
@@ -190,12 +190,12 @@ export class DropdownToolButton {
             }
             this.setDisablingStateItem(button.key, button.disabled || false);
         }
-        const sideButtonTemplate = `<div class="tool-button add-button icon-tool-button ${((_a = button.cssClass) !== null && _a !== void 0 ? _a : '')} ${button.disabled ? 'disabled' : ''}"
-        data-idevs-key="${((_b = button.key) !== null && _b !== void 0 ? _b : '')}"
-        title="${((_c = button.title) !== null && _c !== void 0 ? _c : '')}">
+        const sideButtonTemplate = `<div class="tool-button add-button icon-tool-button ${(_a = button.cssClass) !== null && _a !== void 0 ? _a : ''} ${button.disabled ? 'disabled' : ''}"
+        data-idevs-key="${(_b = button.key) !== null && _b !== void 0 ? _b : ''}"
+        title="${(_c = button.title) !== null && _c !== void 0 ? _c : ''}">
             <div class="button-outer">
                 <span class="button-inner">
-                    <i class="${((_d = button.icon) !== null && _d !== void 0 ? _d : '')}"></i>
+                    <i class="${(_d = button.icon) !== null && _d !== void 0 ? _d : ''}"></i>
                 </span>
             </div>
         </div>`;

package/dist/ui/DropdownToolButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownToolButton.js","sourceRoot":"","sources":["../../src/ui/DropdownToolButton.ts"],"names":[],"mappings":"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","sourcesContent":["import { first, isEmptyOrNull, tryFirst } from '@serenity-is/corelib'\n\nexport type DropdownToolButtonOptions = {\n  title?: string\n  cssClass?: string\n  icon?: string\n  disabled?: boolean\n  dropdownMenuPosition?: 'right'\n  isDropUp?: boolean\n}\n\nexport type DropdownToolButtonItem = {\n  key: string\n  title?: string\n  hint?: string\n  cssClass?: string\n  icon?: string\n  onClick?: (e: Event) => 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: Event) => void\n  disabled?: boolean\n}\n\nexport class DropdownToolButton {\n  public element: JQuery = null\n  private isDisabled = false\n  private itemDisablingState: { key: string; disabled: boolean }[] = []\n  private options: DropdownToolButtonOptions\n\n  public constructor(container: JQuery, buttons: DropdownToolButtonItem[], opt?: DropdownToolButtonOptions) {\n    this.options = opt || {}\n    this.isDisabled = this.options.disabled || false\n    this.element = this.buildBaseDropdown()\n    this.addDropdownItems(buttons)\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 ${(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                ${(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: DropdownToolButtonItem[]) {\n    if (buttons && buttons.length > 0) {\n      buttons.forEach(button => {\n        this.addDropdownItem(button)\n      })\n    }\n  }\n\n  public addDropdownItem(button: DropdownToolButtonItem, 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 ${(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=\"${(button.hint ?? '')}\"\n                data-idevs-key=\"${(button.key ?? '')}\">\n                    <a href=\"#\" class=\"${(button.cssClass ?? 'dropdown-item')}\">\n                        <i class=\"${(button.icon ?? '')}\"></i>\n                        ${button.title}\n                    </a>\n                </li>`)\n\n        dropdownItemElement.on('click', (e: Event) => {\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 ${(button.cssClass ?? '')} ${\n      button.disabled ? 'disabled' : ''\n    }\"\n        data-idevs-key=\"${(button.key ?? '')}\"\n        title=\"${(button.title ?? '')}\">\n            <div class=\"button-outer\">\n                <span class=\"button-inner\">\n                    <i class=\"${(button.icon ?? '')}\"></i>\n                </span>\n            </div>\n        </div>`\n\n    const sideButton = $(sideButtonTemplate)\n\n    sideButton.on('click', (e: Event) => {\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"]}
+{"version":3,"file":"DropdownToolButton.js","sourceRoot":"","sources":["../../src/ui/DropdownToolButton.ts"],"names":[],"mappings":"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","sourcesContent":["import { first, isEmptyOrNull, tryFirst } from '@serenity-is/corelib'\n\nexport type DropdownToolButtonOptions = {\n  title?: string\n  cssClass?: string\n  icon?: string\n  disabled?: boolean\n  dropdownMenuPosition?: 'right'\n  isDropUp?: boolean\n}\n\nexport type DropdownToolButtonItem = {\n  key: string\n  title?: string\n  hint?: string\n  cssClass?: string\n  icon?: string\n  onClick?: (e: Event) => 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: Event) => void\n  disabled?: boolean\n}\n\nexport class DropdownToolButton {\n  public element: JQuery = null\n  private isDisabled = false\n  private itemDisablingState: { key: string; disabled: boolean }[] = []\n  private options: DropdownToolButtonOptions\n\n  public constructor(container: JQuery, buttons: DropdownToolButtonItem[], opt?: DropdownToolButtonOptions) {\n    this.options = opt || {}\n    this.isDisabled = this.options.disabled || false\n    this.element = this.buildBaseDropdown()\n    this.addDropdownItems(buttons)\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 ${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                ${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: DropdownToolButtonItem[]) {\n    if (buttons && buttons.length > 0) {\n      buttons.forEach(button => {\n        this.addDropdownItem(button)\n      })\n    }\n  }\n\n  public addDropdownItem(button: DropdownToolButtonItem, 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 = $(`<li class=\"dropdown-header ${button.cssClass ?? ''}\">${button.dropdownHeaderTitle}</li>`)\n    } else {\n      if (button.isSeparator) {\n        dropdownItemElement = $(`<li class=\"dropdown-divider\"></li>`)\n      } else {\n        dropdownItemElement = $(`<li class=\"${button.disabled ? 'disabled' : ''}\"\n                title=\"${button.hint ?? ''}\"\n                data-idevs-key=\"${button.key ?? ''}\">\n                    <a href=\"#\" class=\"${button.cssClass ?? 'dropdown-item'}\">\n                        <i class=\"${button.icon ?? ''}\"></i>\n                        ${button.title}\n                    </a>\n                </li>`)\n\n        dropdownItemElement.on('click', (e: Event) => {\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 ${button.cssClass ?? ''} ${\n      button.disabled ? 'disabled' : ''\n    }\"\n        data-idevs-key=\"${button.key ?? ''}\"\n        title=\"${button.title ?? ''}\">\n            <div class=\"button-outer\">\n                <span class=\"button-inner\">\n                    <i class=\"${button.icon ?? ''}\"></i>\n                </span>\n            </div>\n        </div>`\n\n    const sideButton = $(sideButtonTemplate)\n\n    sideButton.on('click', (e: Event) => {\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"]}

package/dist/ui/ToggleToolButton.js

@@ -36,12 +36,12 @@ export class ToggleToolButton {
     buildBaseButton() {
         var _a, _b;
         const buttonTemplate = `<div class="buttons-inner" style="overflow: visible">
-    <div class="idevs-toggle-button tool-button icon-tool-button ${((_a = this.options.cssClass) !== null && _a !== void 0 ? _a : '')} ${this.isDisabled ? 'disabled' : ''}" style="cursor: unset;">
+    <div class="idevs-toggle-button tool-button icon-tool-button ${(_a = this.options.cssClass) !== null && _a !== void 0 ? _a : ''} ${this.isDisabled ? 'disabled' : ''}" style="cursor: unset;">
         <div class="button-outer ${this.isDisabled ? 'disabled' : ''}"
         style="cursor: pointer;">
             <span class="button-inner">
                 <i class="${this.options.icon}"></i>
-                ${((_b = this.options.title) !== null && _b !== void 0 ? _b : '')}
+                ${(_b = this.options.title) !== null && _b !== void 0 ? _b : ''}
             </span>
             <i class="caret"></i>
         </div>

package/dist/ui/ToggleToolButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleToolButton.js","sourceRoot":"","sources":["../../src/ui/ToggleToolButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAazC,MAAM,OAAO,gBAAgB;IAK3B,YAAmB,SAAiB,EAAE,GAA6B;QAJ5D,YAAO,GAAW,IAAI,CAAA;QACrB,eAAU,GAAG,KAAK,CAAA;QAIxB,IAAI,CAAC,OAAO,GAAG,GAAG,IAAI,EAAE,CAAA;QACxB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,KAAK,CAAA;QAChD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,eAAe,EAAE,CAAA;QAErC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE;YAC3B,IAAI,IAAI,CAAC,UAAU;gBAAE,OAAM;YAE3B,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,MAAqB,EAAE,sBAAsB,CAAC,CAAA;YAC5E,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;gBACzB,MAAM,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;gBACtC,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;oBACxC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAA;gBACvC,CAAC;qBAAM,CAAC;oBACN,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAA;gBACpC,CAAC;YACH,CAAC;YAED,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;gBACtD,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;oBACrD,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAA;gBAC9F,CAAC;qBAAM,CAAC;oBACN,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;gBAC9F,CAAC;YACH,CAAC;YAED,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;gBACzB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;YACzB,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAChC,CAAC;IAEO,eAAe;;QACrB,MAAM,cAAc,GAAG;mEACwC,CAAC,MAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,mCAAI,EAAE,CAAC,IAC1F,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EACjC;mCAC+B,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;;;4BAGxC,IAAI,CAAC,OAAO,CAAC,IAAI;kBAC3B,CAAC,MAAA,IAAI,CAAC,OAAO,CAAC,KAAK,mCAAI,EAAE,CAAC;;;;;OAKrC,CAAA;QAEH,OAAO,CAAC,CAAC,cAAc,CAAC,CAAA;IAC1B,CAAC;CACF","sourcesContent":["import { neededTarget } from '../globals'\n\nexport type ToggleToolButtonOptions = {\n  title?: string\n  hint?: string\n  cssClass?: string\n  altCssClass?: string\n  icon?: string\n  altIcon?: string\n  onClick?: (e: JQuery.ClickEvent<HTMLElement, null, HTMLElement, HTMLElement>) => void\n  disabled?: boolean\n}\n\nexport class ToggleToolButton {\n  public element: JQuery = null\n  private isDisabled = false\n  private options: ToggleToolButtonOptions\n\n  public constructor(container: JQuery, opt?: ToggleToolButtonOptions) {\n    this.options = opt || {}\n    this.isDisabled = this.options.disabled || false\n    this.element = this.buildBaseButton()\n\n    this.element.on('click', e => {\n      if (this.isDisabled) return\n\n      const target = neededTarget(e.target as HTMLElement, '.idevs-toggle-button')\n      if (this.options.altIcon) {\n        const icon = target.querySelector(`i`)\n        if (icon.className == this.options.icon) {\n          icon.className = this.options.altIcon\n        } else {\n          icon.className = this.options.icon\n        }\n      }\n\n      if (this.options.cssClass && this.options.altCssClass) {\n        if (target.className.includes(this.options.cssClass)) {\n          target.className = target.className.replace(this.options.cssClass, this.options.altCssClass)\n        } else {\n          target.className = target.className.replace(this.options.altCssClass, this.options.cssClass)\n        }\n      }\n\n      if (this.options.onClick) {\n        this.options.onClick(e)\n      }\n    })\n\n    container.append(this.element)\n  }\n\n  private buildBaseButton(): JQuery {\n    const buttonTemplate = `<div class=\"buttons-inner\" style=\"overflow: visible\">\n    <div class=\"idevs-toggle-button tool-button icon-tool-button ${(this.options.cssClass ?? '')} ${\n      this.isDisabled ? 'disabled' : ''\n    }\" style=\"cursor: unset;\">\n        <div class=\"button-outer ${this.isDisabled ? 'disabled' : ''}\"\n        style=\"cursor: pointer;\">\n            <span class=\"button-inner\">\n                <i class=\"${this.options.icon}\"></i>\n                ${(this.options.title ?? '')}\n            </span>\n            <i class=\"caret\"></i>\n        </div>\n    </div>\n</div>`\n\n    return $(buttonTemplate)\n  }\n}\n"]}
+{"version":3,"file":"ToggleToolButton.js","sourceRoot":"","sources":["../../src/ui/ToggleToolButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAazC,MAAM,OAAO,gBAAgB;IAK3B,YAAmB,SAAiB,EAAE,GAA6B;QAJ5D,YAAO,GAAW,IAAI,CAAA;QACrB,eAAU,GAAG,KAAK,CAAA;QAIxB,IAAI,CAAC,OAAO,GAAG,GAAG,IAAI,EAAE,CAAA;QACxB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,KAAK,CAAA;QAChD,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,eAAe,EAAE,CAAA;QAErC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE;YAC3B,IAAI,IAAI,CAAC,UAAU;gBAAE,OAAM;YAE3B,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,MAAqB,EAAE,sBAAsB,CAAC,CAAA;YAC5E,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;gBACzB,MAAM,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;gBACtC,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;oBACxC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAA;gBACvC,CAAC;qBAAM,CAAC;oBACN,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAA;gBACpC,CAAC;YACH,CAAC;YAED,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;gBACtD,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;oBACrD,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAA;gBAC9F,CAAC;qBAAM,CAAC;oBACN,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;gBAC9F,CAAC;YACH,CAAC;YAED,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;gBACzB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;YACzB,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAChC,CAAC;IAEO,eAAe;;QACrB,MAAM,cAAc,GAAG;mEACwC,MAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,mCAAI,EAAE,IACxF,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EACjC;mCAC+B,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;;;4BAGxC,IAAI,CAAC,OAAO,CAAC,IAAI;kBAC3B,MAAA,IAAI,CAAC,OAAO,CAAC,KAAK,mCAAI,EAAE;;;;;OAKnC,CAAA;QAEH,OAAO,CAAC,CAAC,cAAc,CAAC,CAAA;IAC1B,CAAC;CACF","sourcesContent":["import { neededTarget } from '../globals'\n\nexport type ToggleToolButtonOptions = {\n  title?: string\n  hint?: string\n  cssClass?: string\n  altCssClass?: string\n  icon?: string\n  altIcon?: string\n  onClick?: (e: JQuery.ClickEvent<HTMLElement, null, HTMLElement, HTMLElement>) => void\n  disabled?: boolean\n}\n\nexport class ToggleToolButton {\n  public element: JQuery = null\n  private isDisabled = false\n  private options: ToggleToolButtonOptions\n\n  public constructor(container: JQuery, opt?: ToggleToolButtonOptions) {\n    this.options = opt || {}\n    this.isDisabled = this.options.disabled || false\n    this.element = this.buildBaseButton()\n\n    this.element.on('click', e => {\n      if (this.isDisabled) return\n\n      const target = neededTarget(e.target as HTMLElement, '.idevs-toggle-button')\n      if (this.options.altIcon) {\n        const icon = target.querySelector(`i`)\n        if (icon.className == this.options.icon) {\n          icon.className = this.options.altIcon\n        } else {\n          icon.className = this.options.icon\n        }\n      }\n\n      if (this.options.cssClass && this.options.altCssClass) {\n        if (target.className.includes(this.options.cssClass)) {\n          target.className = target.className.replace(this.options.cssClass, this.options.altCssClass)\n        } else {\n          target.className = target.className.replace(this.options.altCssClass, this.options.cssClass)\n        }\n      }\n\n      if (this.options.onClick) {\n        this.options.onClick(e)\n      }\n    })\n\n    container.append(this.element)\n  }\n\n  private buildBaseButton(): JQuery {\n    const buttonTemplate = `<div class=\"buttons-inner\" style=\"overflow: visible\">\n    <div class=\"idevs-toggle-button tool-button icon-tool-button ${this.options.cssClass ?? ''} ${\n      this.isDisabled ? 'disabled' : ''\n    }\" style=\"cursor: unset;\">\n        <div class=\"button-outer ${this.isDisabled ? 'disabled' : ''}\"\n        style=\"cursor: pointer;\">\n            <span class=\"button-inner\">\n                <i class=\"${this.options.icon}\"></i>\n                ${this.options.title ?? ''}\n            </span>\n            <i class=\"caret\"></i>\n        </div>\n    </div>\n</div>`\n\n    return $(buttonTemplate)\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idevs/corelib",
-  "version": "0.0.89",
+  "version": "0.0.91",
   "description": "Extended library for Serenity Framework",
   "main": "src/index.js",
   "scripts": {
@@ -30,9 +30,8 @@
     "url": "git+https://github.com/klomkling/idevs.corelib"
   },
   "dependencies": {
-    "@serenity-is/corelib": "^8.1.5",
+    "@serenity-is/corelib": "^8.2.2",
     "@serenity-is/sleekgrid": "^1.6.4",
-    "@types/bootstrap": "^5.2.10",
     "@types/jquery": "^3.5.29",
     "@types/jquery.validation": "^1.16.10",
     "@types/jqueryui": "^1.12.21",
@@ -40,6 +39,7 @@
     "bootstrap": "^5.3.2"
   },
   "devDependencies": {
+    "@serenity-is/tsbuild": "^8.0.1",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",
     "eslint": "^8.56.0",

package/src/editors/checkboxButtonEditor.ts

@@ -2,9 +2,22 @@
 /* eslint-disable @typescript-eslint/adjacent-overload-signatures */
 // reference: https://github-wiki-see.page/m/serenity-is/Serenity/wiki/CheckBox-Group-Editor
 
-import { Decorators, EnumKeyAttribute, EnumTypeRegistry, IReadOnly, Widget } from '@serenity-is/corelib'
-import { Enum, getAttributes, getLookup, isArray, isEmptyOrNull, toId, tryGetText } from '@serenity-is/corelib'
-import Element = Decorators.element
+import {
+  Decorators,
+  EditorProps,
+  EditorWidget,
+  Enum,
+  EnumKeyAttribute,
+  EnumTypeRegistry,
+  Fluent,
+  IReadOnly,
+  getCustomAttributes,
+  getLookup,
+  isArray,
+  isEmptyOrNull,
+  toId,
+  tryGetText,
+} from '@serenity-is/corelib'
 
 export type CheckboxButtonEditorOptions = {
   enumKey?: string
@@ -14,15 +27,22 @@ export type CheckboxButtonEditorOptions = {
 }
 
 @Decorators.registerEditor('CheckboxButtonEditor')
-@Element('<div/>')
-export class CheckboxButtonEditor extends Widget<CheckboxButtonEditorOptions> implements IReadOnly {
+export class CheckboxButtonEditor<P extends CheckboxButtonEditorOptions = CheckboxButtonEditorOptions>
+  extends EditorWidget<P>
+  implements IReadOnly
+{
   private _items: Array<{ [key: string]: any }>
   private readonly _idField: string
   private readonly _textField: string
   private readonly _isStringId: boolean
 
-  constructor(input: JQuery, opt: CheckboxButtonEditorOptions) {
-    super(input, opt)
+  static override createDefaultElement() {
+    return Fluent('div').getNode()
+  }
+  declare readonly domNode: HTMLElement
+
+  constructor(props: EditorProps<P>) {
+    super(props)
 
     if (isEmptyOrNull(this.options.enumKey) && this.options.enumType == null && isEmptyOrNull(this.options.lookupKey)) {
       return
@@ -40,7 +60,7 @@ export class CheckboxButtonEditor extends Widget<CheckboxButtonEditorOptions> im
       let enumKey = this.options.enumKey
 
       if (enumKey == null && enumType != null) {
-        const enumKeyAttr = getAttributes(enumType, EnumKeyAttribute, false)
+        const enumKeyAttr = getCustomAttributes(enumType, EnumKeyAttribute, false)
         if (enumKeyAttr.length > 0) {
           enumKey = enumKeyAttr[0].value
         }
@@ -52,11 +72,14 @@ export class CheckboxButtonEditor extends Widget<CheckboxButtonEditorOptions> im
       }
     }
 
-    this.element.addClass('d-flex flex-wrap')
+    this.domNode.classList.add('d-flex', 'flex-wrap')
   }
 
   protected renderCheckboxes() {
-    this.element.children('div').remove()
+    const childDivs = this.domNode.querySelectorAll('div')
+    childDivs.forEach(function (child) {
+      this.domNode.removeChild(child)
+    })
 
     for (const item of this._items) {
       const textValue = item[this._textField]
@@ -76,7 +99,7 @@ export class CheckboxButtonEditor extends Widget<CheckboxButtonEditorOptions> im
       .attr('value', value)
       .prependTo(label)
     label.appendTo(div)
-    div.appendTo(this.element)
+    div.appendTo(this.domNode)
   }
 
   get_items(): Array<{ [key: string]: any }> {
@@ -96,11 +119,14 @@ export class CheckboxButtonEditor extends Widget<CheckboxButtonEditorOptions> im
     this.set_items(v)
   }
 
-  get_value(): string {
-    const val: unknown[] = []
-    this.element.find('input:checked').each((i, e) => {
-      val.push(this._isStringId ? $(e).val() : toId($(e).val()))
+  get_value() {
+    const val: string[] = []
+    const inputs = this.domNode.querySelectorAll('input:checked')
+
+    inputs.forEach((input: HTMLInputElement) => {
+      val.push(this._isStringId ? input.value : toId(input.value))
     })
+
     return val.join(',')
   }
 
@@ -114,24 +140,17 @@ export class CheckboxButtonEditor extends Widget<CheckboxButtonEditorOptions> im
       if (!isEmptyOrNull(value)) {
         values = this._isStringId ? value.split(',') : value.split(',').map(p => Number(p))
       }
-      const inputs = this.element.find('input')
-      inputs.each((i, e) => {
-        ;(e as HTMLInputElement).checked = false
+      const inputs = this.domNode.querySelectorAll<HTMLInputElement>('input')
+      inputs.forEach(input => {
+        input.checked = false
       })
 
-      if (isArray(values)) {
-        values.forEach(v => {
-          const checks = inputs.filter('[value=' + v + ']')
-          if (checks.length > 0) {
-            ;(checks[0] as HTMLInputElement).checked = true
-          }
-        })
-      } else {
-        const checks = inputs.filter('[value=' + values + ']')
+      values.forEach(v => {
+        const checks = Array.from(inputs).filter(input => (input as HTMLInputElement).value === v)
         if (checks.length > 0) {
-          ;(checks[0] as HTMLInputElement).checked = true
+          (checks[0] as HTMLInputElement).checked = true
         }
-      }
+      })
     }
   }
 
@@ -140,15 +159,21 @@ export class CheckboxButtonEditor extends Widget<CheckboxButtonEditorOptions> im
   }
 
   get_readOnly(): boolean {
-    return this.element.attr('disabled') != null
+    return this.domNode.getAttribute('disabled') != null
   }
 
   set_readOnly(value: boolean): void {
     if (this.get_readOnly() !== value) {
       if (value) {
-        this.element.attr('disabled', 'disabled').find('input').attr('disabled', 'disabled')
+        this.domNode.setAttribute('disabled', 'disabled')
+        this.domNode.querySelectorAll<HTMLInputElement>('input').forEach(input => {
+          input.setAttribute('disabled', 'disabled')
+        })
       } else {
-        this.element.removeAttr('disabled').find('input').removeAttr('disabled')
+        this.domNode.removeAttribute('disabled')
+        this.domNode.querySelectorAll<HTMLInputElement>('input').forEach(input => {
+          input.removeAttribute('disabled')
+        })
       }
     }
   }

package/src/editors/dateMonthEditor.ts

@@ -1,12 +1,11 @@
-import { Decorators, SelectEditor, SelectEditorOptions } from '@serenity-is/corelib'
-import { indexOf } from '@serenity-is/corelib'
+import { Decorators, EditorProps, SelectEditor, SelectEditorOptions, indexOf } from '@serenity-is/corelib'
 
 @Decorators.registerEditor('DateMonthEditor')
-export class DateMonthEditor extends SelectEditor {
+export class DateMonthEditor<P extends DateMonthEditorOptions = DateMonthEditorOptions> extends SelectEditor<P> {
   private months: string[]
 
-  constructor(hidden: JQuery, opt: DateMonthEditorOptions) {
-    super(hidden, opt)
+  constructor(props: EditorProps<P>) {
+    super(props)
 
     this.updateItems()
   }

package/src/formatters/formatters.ts

@@ -8,19 +8,17 @@ export type Formatter = {
 
 @Decorators.registerFormatter('Idevs.ZeroDisplayFormatter')
 export class ZeroDisplayFormatter implements Formatter {
-  constructor() {
-    this.displayText = ''
+  constructor(public readonly props: { displayText?: string } = {}) {
+    this.props ??= {}
+    this.props.displayText ??= ''
   }
 
-  @Decorators.option()
-  public displayText: string
-
   format(ctx: FormatterContext): string {
     const src = ctx.value as string
 
     const value = parseFloat(String(src || '0').replace(',', ''))
     if (value == 0) {
-      return htmlEncode(this.displayText)
+      return htmlEncode(this.props.displayText)
     }
 
     return htmlEncode(src)
@@ -29,35 +27,28 @@ export class ZeroDisplayFormatter implements Formatter {
 
 @Decorators.registerFormatter('Idevs.CheckboxFormatter')
 export class CheckboxFormatter implements Formatter {
-  constructor() {
-    this.cssClass = 'text-center fs-2 text-gray-1'
-    this.trueText = '1'
-    this.falseText = '0'
-    this.trueValueIcon = 'mdi mdi-checkbox-marked-outline'
-    this.falseValueIcon = 'mdi mdi-checkbox-blank-outline'
+  constructor(
+    public readonly props: {
+      trueText?: string
+      falseText?: string
+      cssClass?: string
+      trueValueIcon?: string
+      falseValueIcon?: string
+    },
+  ) {
+    this.props.cssClass ??= 'text-center fs-2 text-gray-1'
+    this.props.trueText ??= '1'
+    this.props.falseText ??= '0'
+    this.props.trueValueIcon ??= 'mdi mdi-checkbox-marked-outline'
+    this.props.falseValueIcon ??= 'mdi mdi-checkbox-blank-outline'
   }
 
-  @Decorators.option()
-  public trueText: string
-
-  @Decorators.option()
-  public falseText: string
-
-  @Decorators.option()
-  public cssClass: string
-
-  @Decorators.option()
-  public trueValueIcon: string
-
-  @Decorators.option()
-  public falseValueIcon: string
-
   format(ctx: FormatterContext): string {
     const src = ctx.value as string
-    if (src == this.trueText) {
-      return `<i class="${this.trueValueIcon} ${this.cssClass}"></i>`
-    } else if (src == this.falseText) {
-      return `<i class="${this.falseValueIcon} ${this.cssClass}"></i>`
+    if (src == this.props.trueText) {
+      return `<i class="${this.props.trueValueIcon} ${this.props.cssClass}"></i>`
+    } else if (src == this.props.falseText) {
+      return `<i class="${this.props.falseValueIcon} ${this.props.cssClass}"></i>`
     } else {
       return htmlEncode(src)
     }

package/src/tsconfig.json

@@ -12,7 +12,7 @@
     "forceConsistentCasingInFileNames": true,
     "noImplicitAny": true,
     "sourceMap": true,
-    "module": "ES2020",
+    "module": "ESNext",
     "moduleResolution": "Node",
     "skipLibCheck": true,
     "types": ["jquery", "jquery.validation", "jqueryui", "toastr"],

package/src/ui/DropdownToolButton.ts

@@ -76,7 +76,7 @@ export class DropdownToolButton {
 
   private buildBaseDropdown(): JQuery {
     const dropdownTemplate = `<div class="buttons-inner dropdown" style="overflow: visible">
-    <div class="idevs-tool-dropdown-button tool-button icon-tool-button ${(this.options.cssClass ?? '')} ${
+    <div class="idevs-tool-dropdown-button tool-button icon-tool-button ${this.options.cssClass ?? ''} ${
       this.options.isDropUp ? 'dropup' : ''
     } ${this.isDisabled ? 'disabled' : ''}" style="cursor: unset;">
         <div class="button-outer dropdown-toggle ${this.isDisabled ? 'disabled' : ''}"
@@ -84,7 +84,7 @@ export class DropdownToolButton {
         style="cursor: pointer;">
             <span class="button-inner">
                 <i class="${this.options.icon}"></i>
-                ${(this.options.title ?? '')}
+                ${this.options.title ?? ''}
             </span>
             <i class="caret"></i>
         </div>
@@ -116,18 +116,16 @@ export class DropdownToolButton {
     let dropdownItemElement: JQuery
 
     if (button.isDropdownHeader && !isEmptyOrNull(button.dropdownHeaderTitle)) {
-      dropdownItemElement = $(
-        `<li class="dropdown-header ${(button.cssClass ?? '')}">${button.dropdownHeaderTitle}</li>`,
-      )
+      dropdownItemElement = $(`<li class="dropdown-header ${button.cssClass ?? ''}">${button.dropdownHeaderTitle}</li>`)
     } else {
       if (button.isSeparator) {
         dropdownItemElement = $(`<li class="dropdown-divider"></li>`)
       } else {
         dropdownItemElement = $(`<li class="${button.disabled ? 'disabled' : ''}"
-                title="${(button.hint ?? '')}"
-                data-idevs-key="${(button.key ?? '')}">
-                    <a href="#" class="${(button.cssClass ?? 'dropdown-item')}">
-                        <i class="${(button.icon ?? '')}"></i>
+                title="${button.hint ?? ''}"
+                data-idevs-key="${button.key ?? ''}">
+                    <a href="#" class="${button.cssClass ?? 'dropdown-item'}">
+                        <i class="${button.icon ?? ''}"></i>
                         ${button.title}
                     </a>
                 </li>`)
@@ -256,14 +254,14 @@ export class DropdownToolButton {
       this.setDisablingStateItem(button.key, button.disabled || false)
     }
 
-    const sideButtonTemplate = `<div class="tool-button add-button icon-tool-button ${(button.cssClass ?? '')} ${
+    const sideButtonTemplate = `<div class="tool-button add-button icon-tool-button ${button.cssClass ?? ''} ${
       button.disabled ? 'disabled' : ''
     }"
-        data-idevs-key="${(button.key ?? '')}"
-        title="${(button.title ?? '')}">
+        data-idevs-key="${button.key ?? ''}"
+        title="${button.title ?? ''}">
             <div class="button-outer">
                 <span class="button-inner">
-                    <i class="${(button.icon ?? '')}"></i>
+                    <i class="${button.icon ?? ''}"></i>
                 </span>
             </div>
         </div>`

package/src/ui/ToggleToolButton.ts

@@ -52,14 +52,14 @@ export class ToggleToolButton {
 
   private buildBaseButton(): JQuery {
     const buttonTemplate = `<div class="buttons-inner" style="overflow: visible">
-    <div class="idevs-toggle-button tool-button icon-tool-button ${(this.options.cssClass ?? '')} ${
+    <div class="idevs-toggle-button tool-button icon-tool-button ${this.options.cssClass ?? ''} ${
       this.isDisabled ? 'disabled' : ''
     }" style="cursor: unset;">
         <div class="button-outer ${this.isDisabled ? 'disabled' : ''}"
         style="cursor: pointer;">
             <span class="button-inner">
                 <i class="${this.options.icon}"></i>
-                ${(this.options.title ?? '')}
+                ${this.options.title ?? ''}
             </span>
             <i class="caret"></i>
         </div>