@slickgrid-universal/binding 2.4.0 → 2.6.0

package/dist/commonjs/binding.helper.js

@@ -1,69 +1,69 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BindingHelper = void 0;
-const binding_service_1 = require("./binding.service");
-class BindingHelper {
-    get querySelectorPrefix() {
-        return this._querySelectorPrefix || '';
-    }
-    set querySelectorPrefix(prefix) {
-        this._querySelectorPrefix = prefix;
-    }
-    get observers() {
-        return this._observers;
-    }
-    constructor() {
-        this._observers = [];
-        this._querySelectorPrefix = '';
-    }
-    dispose() {
-        let observer = this._observers.pop();
-        while (observer) {
-            observer.dispose();
-            observer = this._observers.pop();
-        }
-        this._observers = [];
-    }
-    addElementBinding(variable, property, selector, attribute, events, callback) {
-        const elements = document.querySelectorAll(`${this.querySelectorPrefix}${selector}`);
-        // before creating a new observer, first check if the variable already has an associated observer
-        // if we can't find an observer then we'll create a new one for it
-        let observer = this._observers.find(bind => bind.property === variable);
-        if (!observer) {
-            observer = new binding_service_1.BindingService({ variable, property });
-        }
-        // add event(s) binding
-        // when having multiple events, we'll loop through through them and add a binding for each
-        if (Array.isArray(events)) {
-            events.forEach(eventName => observer === null || observer === void 0 ? void 0 : observer.bind(elements, attribute, eventName, callback));
-        }
-        else {
-            observer === null || observer === void 0 ? void 0 : observer.bind(elements, attribute, events, callback);
-        }
-        this._observers.push(observer);
-    }
-    /** From a DOM element selector, which could be zero or multiple elements, add an event listener   */
-    bindEventHandler(selector, eventName, callback, options) {
-        const elements = document.querySelectorAll(`${this.querySelectorPrefix}${selector}`);
-        elements.forEach(elm => {
-            if (elm === null || elm === void 0 ? void 0 : elm.addEventListener) {
-                elm.addEventListener(eventName, callback, options);
-            }
-        });
-    }
-    /**
-     * From a DOM element selector, which could be zero or multiple elements, set the value on a given attribute name
-     * For example ('div.hello', 'textContent', 'world') => would set the textContent equal to 'world' on a div element having the class 'hello'
-     */
-    setElementAttributeValue(selector, attribute, value) {
-        const elements = document.querySelectorAll(`${this.querySelectorPrefix}${selector}`);
-        elements.forEach(elm => {
-            elm.textContent = '';
-            if (elm && attribute in elm) {
-                elm[attribute] = value;
-            }
-        });
-    }
-}
-exports.BindingHelper = BindingHelper;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BindingHelper = void 0;
+const binding_service_1 = require("./binding.service");
+class BindingHelper {
+    get querySelectorPrefix() {
+        return this._querySelectorPrefix || '';
+    }
+    set querySelectorPrefix(prefix) {
+        this._querySelectorPrefix = prefix;
+    }
+    get observers() {
+        return this._observers;
+    }
+    constructor() {
+        this._observers = [];
+        this._querySelectorPrefix = '';
+    }
+    dispose() {
+        let observer = this._observers.pop();
+        while (observer) {
+            observer.dispose();
+            observer = this._observers.pop();
+        }
+        this._observers = [];
+    }
+    addElementBinding(variable, property, selector, attribute, events, callback) {
+        const elements = document.querySelectorAll(`${this.querySelectorPrefix}${selector}`);
+        // before creating a new observer, first check if the variable already has an associated observer
+        // if we can't find an observer then we'll create a new one for it
+        let observer = this._observers.find(bind => bind.property === variable);
+        if (!observer) {
+            observer = new binding_service_1.BindingService({ variable, property });
+        }
+        // add event(s) binding
+        // when having multiple events, we'll loop through through them and add a binding for each
+        if (Array.isArray(events)) {
+            events.forEach(eventName => observer === null || observer === void 0 ? void 0 : observer.bind(elements, attribute, eventName, callback));
+        }
+        else {
+            observer === null || observer === void 0 ? void 0 : observer.bind(elements, attribute, events, callback);
+        }
+        this._observers.push(observer);
+    }
+    /** From a DOM element selector, which could be zero or multiple elements, add an event listener   */
+    bindEventHandler(selector, eventName, callback, options) {
+        const elements = document.querySelectorAll(`${this.querySelectorPrefix}${selector}`);
+        elements.forEach(elm => {
+            if (elm === null || elm === void 0 ? void 0 : elm.addEventListener) {
+                elm.addEventListener(eventName, callback, options);
+            }
+        });
+    }
+    /**
+     * From a DOM element selector, which could be zero or multiple elements, set the value on a given attribute name
+     * For example ('div.hello', 'textContent', 'world') => would set the textContent equal to 'world' on a div element having the class 'hello'
+     */
+    setElementAttributeValue(selector, attribute, value) {
+        const elements = document.querySelectorAll(`${this.querySelectorPrefix}${selector}`);
+        elements.forEach(elm => {
+            elm.textContent = '';
+            if (elm && attribute in elm) {
+                elm[attribute] = value;
+            }
+        });
+    }
+}
+exports.BindingHelper = BindingHelper;
 //# sourceMappingURL=binding.helper.js.map

package/dist/commonjs/binding.service.js

@@ -1,147 +1,147 @@
-"use strict";
-var _a;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BindingService = void 0;
-/* eslint-disable no-bitwise */
-const DOMPurify_ = require("dompurify");
-const DOMPurify = ((_a = DOMPurify_ === null || DOMPurify_ === void 0 ? void 0 : DOMPurify_['default']) !== null && _a !== void 0 ? _a : DOMPurify_); // patch for rollup
-/**
- * Create 2 way Bindings for any variable that are primitive or object types, when it's an object type it will watch for property changes
- * The following 2 articles helped in building this service:
- *   1- https://blog.jeremylikness.com/blog/client-side-javascript-databinding-without-a-framework/
- *   2- https://www.wintellect.com/data-binding-pure-javascript/
- */
-class BindingService {
-    constructor(binding) {
-        this._value = null;
-        this._boundedEventWithListeners = [];
-        this._elementBindings = [];
-        this._binding = binding;
-        this._property = binding.property || '';
-        this._elementBindings = [];
-        if (binding.property && binding.variable && (binding.variable.hasOwnProperty(binding.property) || binding.property in binding.variable)) {
-            this._value = typeof binding.variable[binding.property] === 'string' ? this.sanitizeText(binding.variable[binding.property]) : binding.variable[binding.property];
-        }
-        else {
-            this._value = typeof binding.variable === 'string' ? this.sanitizeText(binding.variable) : binding.variable;
-        }
-        if (typeof binding.variable === 'object') {
-            Object.defineProperty(binding.variable, binding.property, {
-                get: this.valueGetter.bind(this),
-                set: this.valueSetter.bind(this)
-            });
-        }
-    }
-    get boundedEventWithListeners() {
-        return this._boundedEventWithListeners;
-    }
-    get elementBindings() {
-        return this._elementBindings;
-    }
-    get property() {
-        return this._property;
-    }
-    dispose() {
-        this.unbindAll();
-        this._boundedEventWithListeners = [];
-        this._elementBindings = [];
-    }
-    valueGetter() {
-        return this._value;
-    }
-    valueSetter(val) {
-        this._value = typeof val === 'string' ? this.sanitizeText(val) : val;
-        if (Array.isArray(this._elementBindings)) {
-            for (const binding of this._elementBindings) {
-                if ((binding === null || binding === void 0 ? void 0 : binding.element) && (binding === null || binding === void 0 ? void 0 : binding.attribute)) {
-                    binding.element[binding.attribute] = typeof val === 'string' ? this.sanitizeText(val) : val;
-                }
-            }
-        }
-    }
-    /**
-     * Add binding to 1 or more DOM Element by an object attribute and optionally on an event, we can do it in couple ways
-     * 1- if there's no event provided, it will simply replace the DOM elemnt (by an attribute), for example an innerHTML
-     * 2- when an event is provided, we will replace the DOM element (by an attribute) every time an event is triggered
-     *    2.1- we could also provide an extra callback method to execute when the event gets triggered
-     */
-    bind(elements, attribute, eventName, eventCallback) {
-        if (elements && elements.forEach) {
-            // multiple DOM elements coming from a querySelectorAll() call
-            elements.forEach(elm => this.bindSingleElement(elm, attribute, eventName, eventCallback));
-        }
-        else if (elements) {
-            // single DOM element coming from a querySelector() call
-            this.bindSingleElement(elements, attribute, eventName, eventCallback);
-        }
-        return this;
-    }
-    /** Unbind (remove) an element event listener */
-    unbind(element, eventName, listener, options, eventUid) {
-        if (element) {
-            element.removeEventListener(eventName, listener, options);
-            const eventIdx = this._boundedEventWithListeners.findIndex(be => be.uid === eventUid);
-            if (eventIdx >= 0) {
-                this._boundedEventWithListeners.splice(eventIdx, 1);
-            }
-        }
-    }
-    /** Unbind All (remove) bounded elements with listeners */
-    unbindAll() {
-        let boundedEvent = this._boundedEventWithListeners.pop();
-        while (boundedEvent) {
-            const { element, eventName, listener, uid } = boundedEvent;
-            this.unbind(element, eventName, listener, undefined, uid);
-            boundedEvent = this._boundedEventWithListeners.pop();
-        }
-        this._boundedEventWithListeners = [];
-    }
-    /**
-     * Add binding to a single element by an object attribute and optionally on an event, we can do it in couple ways
-     * 1- if there's no event provided, it will simply replace the DOM element (by an attribute), for example an innerHTML
-     * 2- when an event is provided, we will replace the DOM element (by an attribute) every time an event is triggered
-     *    2.1- we could also provide an extra callback method to execute when the event gets triggered
-     */
-    bindSingleElement(element, attribute, eventName, eventCallback) {
-        const binding = { element, attribute };
-        if (element) {
-            if (eventName) {
-                const listener = () => {
-                    let elmValue = element[attribute];
-                    if (this.hasData(elmValue) && (element === null || element === void 0 ? void 0 : element.type) === 'number') {
-                        elmValue = +elmValue; // input is always string but we can parse to number when its type is number
-                    }
-                    this.valueSetter(elmValue);
-                    if (this._binding.variable.hasOwnProperty(this._binding.property) || this._binding.property in this._binding.variable) {
-                        this._binding.variable[this._binding.property] = this.valueGetter();
-                    }
-                    if (typeof eventCallback === 'function') {
-                        return eventCallback(this.valueGetter());
-                    }
-                };
-                binding.event = eventName;
-                binding.listener = listener;
-                element.addEventListener(eventName, listener);
-                this._boundedEventWithListeners.push({ element, eventName, listener, uid: this.generateUuidV4() });
-            }
-            this._elementBindings.push(binding);
-            element[attribute] = typeof this._value === 'string' ? this.sanitizeText(this._value) : this._value;
-        }
-    }
-    /** Generate a UUID version 4 RFC compliant */
-    generateUuidV4() {
-        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
-            const r = Math.random() * 16 | 0;
-            const v = c === 'x' ? r : (r & 0x3 | 0x8);
-            return v.toString(16);
-        });
-    }
-    hasData(value) {
-        return value !== undefined && value !== null && value !== '';
-    }
-    sanitizeText(dirtyText) {
-        return (DOMPurify === null || DOMPurify === void 0 ? void 0 : DOMPurify.sanitize) ? DOMPurify.sanitize(dirtyText, {}) : dirtyText;
-    }
-}
-exports.BindingService = BindingService;
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BindingService = void 0;
+/* eslint-disable no-bitwise */
+const DOMPurify_ = require("dompurify");
+const DOMPurify = ((_a = DOMPurify_ === null || DOMPurify_ === void 0 ? void 0 : DOMPurify_['default']) !== null && _a !== void 0 ? _a : DOMPurify_); // patch for rollup
+/**
+ * Create 2 way Bindings for any variable that are primitive or object types, when it's an object type it will watch for property changes
+ * The following 2 articles helped in building this service:
+ *   1- https://blog.jeremylikness.com/blog/client-side-javascript-databinding-without-a-framework/
+ *   2- https://www.wintellect.com/data-binding-pure-javascript/
+ */
+class BindingService {
+    constructor(binding) {
+        this._value = null;
+        this._boundedEventWithListeners = [];
+        this._elementBindings = [];
+        this._binding = binding;
+        this._property = binding.property || '';
+        this._elementBindings = [];
+        if (binding.property && binding.variable && (binding.variable.hasOwnProperty(binding.property) || binding.property in binding.variable)) {
+            this._value = typeof binding.variable[binding.property] === 'string' ? this.sanitizeText(binding.variable[binding.property]) : binding.variable[binding.property];
+        }
+        else {
+            this._value = typeof binding.variable === 'string' ? this.sanitizeText(binding.variable) : binding.variable;
+        }
+        if (typeof binding.variable === 'object') {
+            Object.defineProperty(binding.variable, binding.property, {
+                get: this.valueGetter.bind(this),
+                set: this.valueSetter.bind(this)
+            });
+        }
+    }
+    get boundedEventWithListeners() {
+        return this._boundedEventWithListeners;
+    }
+    get elementBindings() {
+        return this._elementBindings;
+    }
+    get property() {
+        return this._property;
+    }
+    dispose() {
+        this.unbindAll();
+        this._boundedEventWithListeners = [];
+        this._elementBindings = [];
+    }
+    valueGetter() {
+        return this._value;
+    }
+    valueSetter(val) {
+        this._value = typeof val === 'string' ? this.sanitizeText(val) : val;
+        if (Array.isArray(this._elementBindings)) {
+            for (const binding of this._elementBindings) {
+                if ((binding === null || binding === void 0 ? void 0 : binding.element) && (binding === null || binding === void 0 ? void 0 : binding.attribute)) {
+                    binding.element[binding.attribute] = typeof val === 'string' ? this.sanitizeText(val) : val;
+                }
+            }
+        }
+    }
+    /**
+     * Add binding to 1 or more DOM Element by an object attribute and optionally on an event, we can do it in couple ways
+     * 1- if there's no event provided, it will simply replace the DOM elemnt (by an attribute), for example an innerHTML
+     * 2- when an event is provided, we will replace the DOM element (by an attribute) every time an event is triggered
+     *    2.1- we could also provide an extra callback method to execute when the event gets triggered
+     */
+    bind(elements, attribute, eventName, eventCallback) {
+        if (elements && elements.forEach) {
+            // multiple DOM elements coming from a querySelectorAll() call
+            elements.forEach(elm => this.bindSingleElement(elm, attribute, eventName, eventCallback));
+        }
+        else if (elements) {
+            // single DOM element coming from a querySelector() call
+            this.bindSingleElement(elements, attribute, eventName, eventCallback);
+        }
+        return this;
+    }
+    /** Unbind (remove) an element event listener */
+    unbind(element, eventName, listener, options, eventUid) {
+        if (element) {
+            element.removeEventListener(eventName, listener, options);
+            const eventIdx = this._boundedEventWithListeners.findIndex(be => be.uid === eventUid);
+            if (eventIdx >= 0) {
+                this._boundedEventWithListeners.splice(eventIdx, 1);
+            }
+        }
+    }
+    /** Unbind All (remove) bounded elements with listeners */
+    unbindAll() {
+        let boundedEvent = this._boundedEventWithListeners.pop();
+        while (boundedEvent) {
+            const { element, eventName, listener, uid } = boundedEvent;
+            this.unbind(element, eventName, listener, undefined, uid);
+            boundedEvent = this._boundedEventWithListeners.pop();
+        }
+        this._boundedEventWithListeners = [];
+    }
+    /**
+     * Add binding to a single element by an object attribute and optionally on an event, we can do it in couple ways
+     * 1- if there's no event provided, it will simply replace the DOM element (by an attribute), for example an innerHTML
+     * 2- when an event is provided, we will replace the DOM element (by an attribute) every time an event is triggered
+     *    2.1- we could also provide an extra callback method to execute when the event gets triggered
+     */
+    bindSingleElement(element, attribute, eventName, eventCallback) {
+        const binding = { element, attribute };
+        if (element) {
+            if (eventName) {
+                const listener = () => {
+                    let elmValue = element[attribute];
+                    if (this.hasData(elmValue) && (element === null || element === void 0 ? void 0 : element.type) === 'number') {
+                        elmValue = +elmValue; // input is always string but we can parse to number when its type is number
+                    }
+                    this.valueSetter(elmValue);
+                    if (this._binding.variable.hasOwnProperty(this._binding.property) || this._binding.property in this._binding.variable) {
+                        this._binding.variable[this._binding.property] = this.valueGetter();
+                    }
+                    if (typeof eventCallback === 'function') {
+                        return eventCallback(this.valueGetter());
+                    }
+                };
+                binding.event = eventName;
+                binding.listener = listener;
+                element.addEventListener(eventName, listener);
+                this._boundedEventWithListeners.push({ element, eventName, listener, uid: this.generateUuidV4() });
+            }
+            this._elementBindings.push(binding);
+            element[attribute] = typeof this._value === 'string' ? this.sanitizeText(this._value) : this._value;
+        }
+    }
+    /** Generate a UUID version 4 RFC compliant */
+    generateUuidV4() {
+        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
+            const r = Math.random() * 16 | 0;
+            const v = c === 'x' ? r : (r & 0x3 | 0x8);
+            return v.toString(16);
+        });
+    }
+    hasData(value) {
+        return value !== undefined && value !== null && value !== '';
+    }
+    sanitizeText(dirtyText) {
+        return (DOMPurify === null || DOMPurify === void 0 ? void 0 : DOMPurify.sanitize) ? DOMPurify.sanitize(dirtyText, {}) : dirtyText;
+    }
+}
+exports.BindingService = BindingService;
 //# sourceMappingURL=binding.service.js.map

package/dist/commonjs/index.js

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

package/dist/commonjs/interfaces.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=interfaces.js.map

package/dist/esm/binding.helper.js

@@ -1,65 +1,65 @@
-import { BindingService } from './binding.service';
-export class BindingHelper {
-    get querySelectorPrefix() {
-        return this._querySelectorPrefix || '';
-    }
-    set querySelectorPrefix(prefix) {
-        this._querySelectorPrefix = prefix;
-    }
-    get observers() {
-        return this._observers;
-    }
-    constructor() {
-        this._observers = [];
-        this._querySelectorPrefix = '';
-    }
-    dispose() {
-        let observer = this._observers.pop();
-        while (observer) {
-            observer.dispose();
-            observer = this._observers.pop();
-        }
-        this._observers = [];
-    }
-    addElementBinding(variable, property, selector, attribute, events, callback) {
-        const elements = document.querySelectorAll(`${this.querySelectorPrefix}${selector}`);
-        // before creating a new observer, first check if the variable already has an associated observer
-        // if we can't find an observer then we'll create a new one for it
-        let observer = this._observers.find(bind => bind.property === variable);
-        if (!observer) {
-            observer = new BindingService({ variable, property });
-        }
-        // add event(s) binding
-        // when having multiple events, we'll loop through through them and add a binding for each
-        if (Array.isArray(events)) {
-            events.forEach(eventName => observer === null || observer === void 0 ? void 0 : observer.bind(elements, attribute, eventName, callback));
-        }
-        else {
-            observer === null || observer === void 0 ? void 0 : observer.bind(elements, attribute, events, callback);
-        }
-        this._observers.push(observer);
-    }
-    /** From a DOM element selector, which could be zero or multiple elements, add an event listener   */
-    bindEventHandler(selector, eventName, callback, options) {
-        const elements = document.querySelectorAll(`${this.querySelectorPrefix}${selector}`);
-        elements.forEach(elm => {
-            if (elm === null || elm === void 0 ? void 0 : elm.addEventListener) {
-                elm.addEventListener(eventName, callback, options);
-            }
-        });
-    }
-    /**
-     * From a DOM element selector, which could be zero or multiple elements, set the value on a given attribute name
-     * For example ('div.hello', 'textContent', 'world') => would set the textContent equal to 'world' on a div element having the class 'hello'
-     */
-    setElementAttributeValue(selector, attribute, value) {
-        const elements = document.querySelectorAll(`${this.querySelectorPrefix}${selector}`);
-        elements.forEach(elm => {
-            elm.textContent = '';
-            if (elm && attribute in elm) {
-                elm[attribute] = value;
-            }
-        });
-    }
-}
+import { BindingService } from './binding.service';
+export class BindingHelper {
+    get querySelectorPrefix() {
+        return this._querySelectorPrefix || '';
+    }
+    set querySelectorPrefix(prefix) {
+        this._querySelectorPrefix = prefix;
+    }
+    get observers() {
+        return this._observers;
+    }
+    constructor() {
+        this._observers = [];
+        this._querySelectorPrefix = '';
+    }
+    dispose() {
+        let observer = this._observers.pop();
+        while (observer) {
+            observer.dispose();
+            observer = this._observers.pop();
+        }
+        this._observers = [];
+    }
+    addElementBinding(variable, property, selector, attribute, events, callback) {
+        const elements = document.querySelectorAll(`${this.querySelectorPrefix}${selector}`);
+        // before creating a new observer, first check if the variable already has an associated observer
+        // if we can't find an observer then we'll create a new one for it
+        let observer = this._observers.find(bind => bind.property === variable);
+        if (!observer) {
+            observer = new BindingService({ variable, property });
+        }
+        // add event(s) binding
+        // when having multiple events, we'll loop through through them and add a binding for each
+        if (Array.isArray(events)) {
+            events.forEach(eventName => observer === null || observer === void 0 ? void 0 : observer.bind(elements, attribute, eventName, callback));
+        }
+        else {
+            observer === null || observer === void 0 ? void 0 : observer.bind(elements, attribute, events, callback);
+        }
+        this._observers.push(observer);
+    }
+    /** From a DOM element selector, which could be zero or multiple elements, add an event listener   */
+    bindEventHandler(selector, eventName, callback, options) {
+        const elements = document.querySelectorAll(`${this.querySelectorPrefix}${selector}`);
+        elements.forEach(elm => {
+            if (elm === null || elm === void 0 ? void 0 : elm.addEventListener) {
+                elm.addEventListener(eventName, callback, options);
+            }
+        });
+    }
+    /**
+     * From a DOM element selector, which could be zero or multiple elements, set the value on a given attribute name
+     * For example ('div.hello', 'textContent', 'world') => would set the textContent equal to 'world' on a div element having the class 'hello'
+     */
+    setElementAttributeValue(selector, attribute, value) {
+        const elements = document.querySelectorAll(`${this.querySelectorPrefix}${selector}`);
+        elements.forEach(elm => {
+            elm.textContent = '';
+            if (elm && attribute in elm) {
+                elm[attribute] = value;
+            }
+        });
+    }
+}
 //# sourceMappingURL=binding.helper.js.map