selective-ui 1.0.2 → 1.0.4

package/src/js/components/option-handle.js

@@ -1,114 +1,114 @@
-import { iEvents } from "../utils/ievents.js";
-import {Libs} from "../utils/libs.js";
-
-/**
- * @class
- */
-export class OptionHandle {
-    nodeMounted;
-    /**
-     * @type {HTMLDivElement}
-     */
-    node;
-
-    options = null;
-
-    /** @type {Function[]} */
-    #ActionOnSelectAll = [];
-
-    /** @type {Function[]} */
-    #ActionOnDeSelectAll = [];
-
-    /**
-     * Represents an option handle component that provides "Select All" and "Deselect All" actions
-     * for multiple-selection lists. Includes methods to show/hide the handle, refresh its visibility,
-     * and register callbacks for select/deselect events.
-     */
-    constructor(options = null) {
-        if (options) {
-            this.init(options);
-        }
-    }
-    
-    /**
-     * Initializes the option handle UI with "Select All" and "Deselect All" buttons,
-     * wiring their click events to trigger registered callbacks.
-     *
-     * @param {object} options - Configuration object containing text labels and feature flags.
-     */
-    init(options) {
-        this.nodeMounted = Libs.mountNode({
-            OptionHandle: {
-                tag: {node: "div", classList: ["selective-ui-option-handle", "hide"]},
-                child: {
-                    SelectAll: {
-                        tag: {node: "a", classList: "selective-ui-option-handle-item", textContent: options.textSelectAll, onclick: () => {
-                            iEvents.callFunctions(this.#ActionOnSelectAll);
-                        }}
-                    },
-                    DeSelectAll: {
-                        tag: {node: "a", classList: "selective-ui-option-handle-item", textContent: options.textDeselectAll, onclick: () => {
-                            iEvents.callFunctions(this.#ActionOnDeSelectAll);
-                        }}
-                    }
-                }
-            }
-        });
-        this.node = this.nodeMounted.view;
-        this.options = options;
-    }
-    
-    /**
-     * Determines whether the option handle should be available based on configuration.
-     *
-     * @returns {boolean} - True if multiple selection and select-all features are enabled.
-     */
-    available() {
-        return Libs.string2Boolean(this.options.multiple) && Libs.string2Boolean(this.options.selectall);
-    }
-    
-    /**
-     * Refreshes the visibility of the option handle based on availability.
-     * Shows the handle if available; hides it otherwise.
-     */
-    refresh() {
-        if (this.available()) {
-            this.show();
-        }
-        else {
-            this.hide();
-        }
-    }
-    
-    /**
-     * Makes the option handle visible by removing the "hide" class.
-     */
-    show() {
-        this.node.classList.remove("hide");
-    }
-    
-    /**
-     * Hides the option handle by adding the "hide" class.
-     */
-    hide() {
-        this.node.classList.add("hide");
-    }
-    
-    /**
-     * Registers a callback to be executed when "Select All" is clicked.
-     *
-     * @param {Function|null} action - The function to call on select-all action.
-     */
-    OnSelectAll(action = null) {
-        this.#ActionOnSelectAll.push(action);
-    }
-    
-    /**
-     * Registers a callback to be executed when "Deselect All" is clicked.
-     *
-     * @param {Function|null} action - The function to call on deselect-all action.
-     */
-    OnDeSelectAll(action = null) {
-        this.#ActionOnDeSelectAll.push(action);
-    }
+import { iEvents } from "../utils/ievents.js";
+import {Libs} from "../utils/libs.js";
+
+/**
+ * @class
+ */
+export class OptionHandle {
+    nodeMounted;
+    /**
+     * @type {HTMLDivElement}
+     */
+    node;
+
+    options = null;
+
+    /** @type {Function[]} */
+    #ActionOnSelectAll = [];
+
+    /** @type {Function[]} */
+    #ActionOnDeSelectAll = [];
+
+    /**
+     * Represents an option handle component that provides "Select All" and "Deselect All" actions
+     * for multiple-selection lists. Includes methods to show/hide the handle, refresh its visibility,
+     * and register callbacks for select/deselect events.
+     */
+    constructor(options = null) {
+        if (options) {
+            this.init(options);
+        }
+    }
+    
+    /**
+     * Initializes the option handle UI with "Select All" and "Deselect All" buttons,
+     * wiring their click events to trigger registered callbacks.
+     *
+     * @param {object} options - Configuration object containing text labels and feature flags.
+     */
+    init(options) {
+        this.nodeMounted = Libs.mountNode({
+            OptionHandle: {
+                tag: {node: "div", classList: ["selective-ui-option-handle", "hide"]},
+                child: {
+                    SelectAll: {
+                        tag: {node: "a", classList: "selective-ui-option-handle-item", textContent: options.textSelectAll, onclick: () => {
+                            iEvents.callFunctions(this.#ActionOnSelectAll);
+                        }}
+                    },
+                    DeSelectAll: {
+                        tag: {node: "a", classList: "selective-ui-option-handle-item", textContent: options.textDeselectAll, onclick: () => {
+                            iEvents.callFunctions(this.#ActionOnDeSelectAll);
+                        }}
+                    }
+                }
+            }
+        });
+        this.node = this.nodeMounted.view;
+        this.options = options;
+    }
+    
+    /**
+     * Determines whether the option handle should be available based on configuration.
+     *
+     * @returns {boolean} - True if multiple selection and select-all features are enabled.
+     */
+    available() {
+        return Libs.string2Boolean(this.options.multiple) && Libs.string2Boolean(this.options.selectall);
+    }
+    
+    /**
+     * Refreshes the visibility of the option handle based on availability.
+     * Shows the handle if available; hides it otherwise.
+     */
+    refresh() {
+        if (this.available()) {
+            this.show();
+        }
+        else {
+            this.hide();
+        }
+    }
+    
+    /**
+     * Makes the option handle visible by removing the "hide" class.
+     */
+    show() {
+        this.node.classList.remove("hide");
+    }
+    
+    /**
+     * Hides the option handle by adding the "hide" class.
+     */
+    hide() {
+        this.node.classList.add("hide");
+    }
+    
+    /**
+     * Registers a callback to be executed when "Select All" is clicked.
+     *
+     * @param {Function|null} action - The function to call on select-all action.
+     */
+    OnSelectAll(action = null) {
+        this.#ActionOnSelectAll.push(action);
+    }
+    
+    /**
+     * Registers a callback to be executed when "Deselect All" is clicked.
+     *
+     * @param {Function|null} action - The function to call on deselect-all action.
+     */
+    OnDeSelectAll(action = null) {
+        this.#ActionOnDeSelectAll.push(action);
+    }
 }

package/src/js/components/placeholder.js

@@ -1,57 +1,57 @@
-import {Libs} from "../utils/libs.js";
-
-/**
- * @class
- */
-export class PlaceHolder {
-    /**
-     * Represents a placeholder component for the Select UI, allowing dynamic updates to placeholder text.
-     * Supports HTML content based on configuration and provides methods to get or set the placeholder value.
-     */
-    constructor(options) {
-        options && this.init(options);
-    }
-
-    /**
-     * @type {Element}
-     */
-    node = null;
-    
-    #options = null;
-    
-    /**
-     * Initializes the placeholder element with provided options and renders its initial content.
-     *
-     * @param {object} options - Configuration object containing placeholder text and HTML allowance.
-     */
-    init(options) {
-        this.node = Libs.nodeCreator({
-            node: "div", classList: "selective-ui-placeholder", innerHTML: options.placeholder
-        });
-        this.#options = options;
-    }
-    
-    /**
-     * Retrieves the current placeholder text from the configuration.
-     *
-     * @returns {string} - The current placeholder text.
-     */
-    get() {
-        return this.#options.placeholder
-    }
-    
-    /**
-     * Updates the placeholder text and optionally saves it to the configuration.
-     * Applies HTML sanitization based on the allowHtml setting.
-     *
-     * @param {string} value - The new placeholder text.
-     * @param {boolean} [isSave=true] - Whether to persist the new value in the configuration.
-     */
-    set(value, isSave = true) {
-        if (isSave) {
-            this.#options.placeholder = value;
-        }
-        value = Libs.tagTranslate(value);
-        this.node.innerHTML = this.#options.allowHtml ? value : Libs.stripHtml(value);
-    }
+import {Libs} from "../utils/libs.js";
+
+/**
+ * @class
+ */
+export class PlaceHolder {
+    /**
+     * Represents a placeholder component for the Select UI, allowing dynamic updates to placeholder text.
+     * Supports HTML content based on configuration and provides methods to get or set the placeholder value.
+     */
+    constructor(options) {
+        options && this.init(options);
+    }
+
+    /**
+     * @type {Element}
+     */
+    node = null;
+    
+    #options = null;
+    
+    /**
+     * Initializes the placeholder element with provided options and renders its initial content.
+     *
+     * @param {object} options - Configuration object containing placeholder text and HTML allowance.
+     */
+    init(options) {
+        this.node = Libs.nodeCreator({
+            node: "div", classList: "selective-ui-placeholder", innerHTML: options.placeholder
+        });
+        this.#options = options;
+    }
+    
+    /**
+     * Retrieves the current placeholder text from the configuration.
+     *
+     * @returns {string} - The current placeholder text.
+     */
+    get() {
+        return this.#options.placeholder
+    }
+    
+    /**
+     * Updates the placeholder text and optionally saves it to the configuration.
+     * Applies HTML sanitization based on the allowHtml setting.
+     *
+     * @param {string} value - The new placeholder text.
+     * @param {boolean} [isSave=true] - Whether to persist the new value in the configuration.
+     */
+    set(value, isSave = true) {
+        if (isSave) {
+            this.#options.placeholder = value;
+        }
+        value = Libs.tagTranslate(value);
+        this.node.innerHTML = this.#options.allowHtml ? value : Libs.stripHtml(value);
+    }
 }